:root{--ink:#171612;--paper:#efe8da;--orange:#ee642c;--rust:#b54123;--muted:#b5b0a5;--line:#d2cbbb;--sans:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:fixed;left:20px;top:-70px;background:var(--paper);color:var(--ink);z-index:99;padding:10px}.skip:focus{top:10px}.header{height:78px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;position:absolute;z-index:3;inset:0 0 auto;background:#17161299}.brand{font-family:var(--display);font-size:26px;font-weight:800;display:flex;align-items:center;gap:10px;letter-spacing:1px;line-height:1}.sunmark{width:20px;height:20px;background:var(--orange);border-radius:50%;display:inline-block;position:relative;overflow:hidden}.sunmark:after{content:'';position:absolute;bottom:0;width:100%;height:5px;background:var(--ink)}.brand-note{font:9px var(--sans);letter-spacing:1.1px;border-left:1px solid #ffffff40;padding-left:16px;margin-left:8px;max-width:100px;line-height:1.5}.header nav{display:flex;gap:30px;font-size:12px}.header nav a:hover,.text-link:hover{color:var(--orange)}.header-follow{font-size:12px;border-bottom:1px solid #ab9c7b;padding-bottom:3px}.header-follow span{margin-left:14px}.hero{height:min(880px,72vw);min-height:740px;position:relative;isolation:isolate;overflow:hidden;text-align:center}.hero-art{width:100%;height:100%;object-fit:cover;object-position:center 65%;position:absolute;z-index:-2;inset:0}.hero-content{padding:118px 24px 0;position:relative}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;line-height:1.6;margin:0 0 22px}.hero-kicker{font-size:10px;color:#c6bba8;margin-bottom:5px}.live-dot{display:inline-block;background:var(--orange);width:6px;height:6px;border-radius:50%;margin-right:8px;vertical-align:2px;box-shadow:0 0 12px #ee642c50}h1{font-family:var(--display);font-size:clamp(110px,14.5vw,210px);letter-spacing:5px;line-height:.95;margin:6px 0 8px;font-weight:800;color:#efe3c9}h2{font-family:var(--display);font-weight:700;font-size:clamp(42px,4.1vw,62px);line-height:1.02;letter-spacing:.1px;margin:0}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:.79em;letter-spacing:-1.6px;line-height:1.25}.hero-tagline{font-family:Georgia,serif;font-style:italic;font-size:clamp(23px,2.3vw,34px);margin:0 0 15px;color:var(--orange)}.hero-copy{font-size:13px;color:#d3cabb;line-height:1.65;margin:0 0 23px}.hero-actions{display:flex;gap:25px;justify-content:center;align-items:center}.button{padding:13px 20px;display:inline-flex;justify-content:center;align-items:center;gap:22px;font-weight:600;font-size:12px;border:1px solid transparent;min-height:46px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.orange{background:var(--orange);color:#191714}.orange:hover{background:#fa7c46}.cream{background:var(--paper);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.text-link{font-size:12px;display:flex;gap:15px}.hero-footer{position:absolute;bottom:22px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#c9bda7}.ticker{height:53px;display:flex;justify-content:space-around;align-items:center;gap:20px;background:var(--orange);color:var(--ink);padding:0 4%;font:700 15px var(--display);letter-spacing:2px;overflow:hidden;white-space:nowrap}.ticker svg{flex:none}.section{padding:92px max(6%,calc((100vw - 1180px)/2))}.muted{color:var(--muted)}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;margin-bottom:43px}.intro-copy p{color:#c5c1b7;font-size:14px;margin:0 0 12px}.intro-copy p:last-child{margin:0}.game-film{margin:0}.film-frame{position:relative;background:#24251f;aspect-ratio:2340/1080}.game-film video{display:block;width:100%;height:100%;object-fit:cover}.film-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:20px;width:100%;color:white;background:linear-gradient(0deg,#15141030,#15141008);border:0;font-size:12px;font-weight:600;letter-spacing:1.2px;text-shadow:0 1px 8px #000}.film-play small{display:block;font-size:8px;font-weight:400;margin-top:4px;letter-spacing:1.4px}.play-circle{width:64px;height:64px;border:1px solid #fff9;background:#17161255;backdrop-filter:blur(5px);border-radius:50%;display:grid;place-items:center;padding-left:4px;transition:background .2s}.film-play:hover .play-circle{background:var(--orange)}.film-label{position:absolute;top:20px;left:22px;font-size:8px;letter-spacing:1.4px;background:#17161299;padding:5px 8px;pointer-events:none}.game-film figcaption{display:flex;justify-content:space-between;gap:24px;font-size:9px;color:#b6b3a9;margin-top:13px}.moments{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:52px}.moments figure{margin:0}.moments img{width:100%;aspect-ratio:2.1667;object-fit:cover}.moments figcaption{padding-top:18px}.moments figcaption span{font-size:8px;letter-spacing:1.7px;color:var(--orange)}.moments h3{font:italic 27px Georgia,serif;margin:5px 0 7px}.moments p{font-size:12px;color:var(--muted);margin:0}.journal{background:var(--paper);color:var(--ink)}.journal .eyebrow{color:#6e5b43}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}.section-heading>p{font-size:12px;color:#6c6659;max-width:300px;margin:0 0 4px}.journal-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:60px}.featured-post{display:block}.post-image{position:relative;overflow:hidden;background:#c6bba8}.post-image img{width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;transition:transform .4s}.featured-post:hover .post-image img{transform:scale(1.03)}.post-number{position:absolute;top:16px;left:16px;line-height:1;font-family:var(--display);font-weight:700;font-size:28px;color:var(--paper);background:var(--ink);padding:10px 14px}.post-body{padding-top:22px}.post-body .eyebrow{font-size:8px;display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.post-body h3{font:italic 32px Georgia,serif;letter-spacing:-1px;margin:0 0 13px}.post-body p{font-size:13px;color:#665f53;margin:0}.read-link{display:flex;justify-content:space-between;border-bottom:1px solid #a49b8b;padding:22px 0 10px;font-size:11px;font-weight:600}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:11px;padding:19px 0}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}.detail-body{font-size:12px;line-height:1.8;padding:0 0 20px;color:inherit}.testing{display:grid;grid-template-columns:.9fr 1fr;gap:90px;align-items:center;background:#24251e}.testing-art{position:relative}.testing-art img{width:100%;border:1px solid #a2966825}.testing-art>span{font-size:8px;letter-spacing:2px;color:#a6a08e;display:block;margin-top:16px;text-align:center}.testing-copy h2{margin-bottom:25px}.status{font-size:8px;letter-spacing:1.4px;color:#d3c6a9;margin-bottom:15px}.testing-copy>p:not(.eyebrow){font-size:13px;color:#c2c2b5;margin:0 0 16px}.testing-copy .button{margin:8px 0 17px}.testing-copy details{border-top:1px solid #ffffff25;color:#bdbdaf}.follow{text-align:center;background:var(--paper);color:var(--ink);padding-bottom:54px}.follow .eyebrow{color:#8b482c}.follow h2{font-size:64px}.follow>p:not(.eyebrow){color:#746b5c;font-size:13px;margin:23px 0}.support{border-top:1px solid #c8beab;max-width:900px;margin:76px auto 0;padding:30px 0 0;text-align:left;display:grid;grid-template-columns:1fr auto;gap:18px 35px}.support h3{font:italic 23px Georgia,serif;margin:0 0 7px}.support p{font-size:11px;color:#756c5e;margin:0}.support-action{display:flex;flex-direction:column;align-items:center;gap:9px}.tip-button{border:1px solid #aaa08b;color:#4b4335;background:transparent;padding:10px 18px;font-size:12px;transition:background .2s}.tip-button:hover{background:#ded3bf}.support-action>span{font-size:7px;letter-spacing:1.1px;color:#766b59}.support .support-disclaimer{grid-column:1/-1;max-width:720px;font-size:10px;line-height:1.8}footer{padding:35px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span{font-size:9px;color:#aca492}footer>span:nth-of-type(2){font-size:8px;letter-spacing:1px}.back-top{font-size:9px;color:#bdb5a3}dialog{max-width:440px;width:calc(100% - 40px);border:1px solid #ccbfa8;background:var(--paper);color:var(--ink);padding:42px;border-radius:2px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog h2{font-size:42px;margin-bottom:20px}dialog p{font-size:13px}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;color:var(--ink)}.dialog-note{border-top:1px solid var(--line);padding-top:16px;color:#756c5e;font-size:11px!important}dialog .button{margin-top:10px}[hidden]{display:none!important}
@media(min-width:1500px){.hero-art{object-position:center 74%}}@media(max-width:1000px){.brand-note{display:none}.section{padding:70px 6%}.hero{min-height:720px}.intro-grid{gap:35px}.journal-grid{gap:35px}.testing{gap:45px}.hero-art{object-position:center bottom}.hero-content{padding-top:125px}.hero-footer{font-size:7px}footer{flex-wrap:wrap}.header nav{gap:20px}}
@media(max-width:640px){html{scroll-padding-top:15px}.header{height:68px;padding:0 6%;flex-wrap:wrap}.brand{font-size:23px}.header nav{gap:18px;font-size:10px}.header-follow{display:none}.hero{min-height:730px;height:93svh;max-height:850px}.hero-content{padding:119px 18px 0}.hero-kicker{font-size:7px;letter-spacing:1.3px;max-width:250px;margin:0 auto 15px}h1{font-size:23vw;letter-spacing:1px;margin-bottom:8px}.hero-tagline{font-size:26px;margin-bottom:15px}.hero-copy{font-size:12px}.hero-art{object-fit:cover;object-position:center bottom;width:100%;height:100%;filter:brightness(.9)}.hero-actions{gap:20px;flex-direction:column}.hero-footer{font-size:6px;bottom:19px}.hero-footer span:first-child{max-width:150px;text-align:left}.ticker{gap:26px;justify-content:flex-start;height:45px;font-size:12px;padding-left:20px}.ticker span{flex-shrink:0}.ticker svg{width:16px;height:16px}.section{padding:58px 6%}h2{font-size:43px}.intro-grid{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.eyebrow{font-size:8px;margin-bottom:18px}.intro-copy p{font-size:13px}.film-play{gap:11px;font-size:9px}.play-circle{width:45px;height:45px}.film-play small{font-size:6px}.film-label{top:9px;left:9px;font-size:6px;padding:3px 5px}.game-film figcaption{display:block;font-size:8px;line-height:1.7}.game-film figcaption span{display:block}.moments{gap:25px;grid-template-columns:1fr;margin-top:32px}.moments h3{font-size:25px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;font-size:12px}.journal-grid{grid-template-columns:1fr;gap:40px}.post-body h3{font-size:29px}.post-image{aspect-ratio:1.8}.testing{grid-template-columns:1fr;gap:32px}.testing-art{max-width:350px;width:85%;margin:auto}.testing-copy .button{width:100%;}.follow h2{font-size:48px}.follow>p:not(.eyebrow){font-size:12px}.support{grid-template-columns:1fr;margin-top:52px;padding-top:28px;gap:20px}.support-action{align-items:start}.support-disclaimer{margin-top:0!important}footer{padding:28px 6%;display:grid;grid-template-columns:1fr auto;gap:24px 12px}footer>span:first-of-type{grid-column:1/-1;grid-row:2}footer>span:nth-of-type(2){font-size:6px}.back-top{grid-column:2;grid-row:2;font-size:8px}dialog{padding:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Render the approved logo as warm ink, preserving the original artwork. */
.hero-logo{width:min(58vw,840px);margin:16px auto 10px;line-height:0;color:#efe3c9}.hero-logo svg{display:block;width:100%;height:auto}@media(max-width:640px){.hero-logo{width:100%;max-width:390px;margin:20px auto 16px}}

/* Compact identity and a quieter, earlier support invitation. */
.header .brand,footer .brand{display:block;width:150px;flex-shrink:0;color:#efe3c9;line-height:0}
.brand svg{display:block;width:100%;height:auto}
.support{max-width:none;margin:42px 0 0;padding-top:26px;grid-template-columns:1fr auto;gap:8px 35px;align-items:center}
.support h3{font-size:25px;margin:0}.support .support-disclaimer{max-width:650px;grid-column:1;grid-row:2;font-size:11px;margin:0;line-height:1.7}
.support-action{grid-column:2;grid-row:1 / span 2}.tip-button{background:#e7ddca;border-color:#9f8b6e;color:#332c23;padding:12px 21px}.tip-button:hover{background:#ded0b6}
.moments figcaption{padding-top:12px}.moments h3{margin:0}.testing{padding-top:76px;padding-bottom:76px}
@media(max-width:640px){.header .brand{width:108px}footer .brand{width:132px}.header nav{gap:15px}.support{grid-template-columns:1fr;margin-top:30px;gap:16px}.support-action{grid-column:1;grid-row:2;align-items:start}.support .support-disclaimer{grid-column:1;grid-row:3}.testing{padding-top:54px;padding-bottom:54px}}

/* Small, warm support accents, with the terms one click away. */
.tip-button,.nav-support{background:var(--orange);border:1px solid var(--orange);color:var(--ink);font-weight:600}
.tip-button{padding:10px 18px}.nav-support{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;line-height:1.4;padding:9px 13px;white-space:nowrap}
.tip-button:hover,.nav-support:hover{background:#fa7c46;border-color:#fa7c46;color:var(--ink)}
@media(max-width:640px){.header{height:96px;display:grid;grid-template-columns:1fr auto;grid-template-rows:54px 36px;gap:0}.header .brand{grid-column:1;grid-row:1}.header .nav-support{grid-column:2;grid-row:1;padding:8px 12px;font-size:10px}.header nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:32px;font-size:10px}.hero-content{padding-top:130px}}

/* Keep the hero actions quiet and clear of the sun's upper edge. */
.hero-logo{margin-bottom:4px}.hero-tagline{margin-bottom:6px}.hero-copy{font-size:12px;line-height:1.5;margin-bottom:10px}
.hero-actions{gap:24px}.gameplay-link{background:transparent;border-color:#efe3c96b;color:#efe3c9;padding:8px 14px;min-height:40px;font-size:11px;gap:12px}
.gameplay-link:hover{background:#efe3c90d;border-color:#efe3c9;transform:none}.hero-actions .text-link{font-size:11px;color:#d3cabb;gap:11px}.hero-actions .text-link:hover{color:#efe3c9}
@media(max-width:640px){.hero-actions{flex-direction:row;gap:18px}.hero-actions .text-link{font-size:10px;gap:7px}.gameplay-link{font-size:10px;padding:8px 12px}.hero-copy{margin-bottom:15px}.hero-tagline{margin-bottom:10px}.hero-logo{margin-bottom:12px}}
@media(max-width:350px){.hero-actions{gap:12px}.gameplay-link{padding:8px 10px;gap:8px}.hero-actions .text-link{font-size:9px}}
/* Wide screens need enough image height to keep the sun below the links. */
@media(min-width:1500px){.hero{height:max(940px,50vw)}}

/* Keep navigation available above every section, including on phones. */
:root{--nav-height:78px}
html{scroll-padding-top:calc(var(--nav-height) + 18px)}
.header{position:fixed;z-index:20;background:#171612ed;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero-tagline{margin-bottom:20px}
@media(max-width:640px){:root{--nav-height:96px}.hero-tagline{margin-bottom:16px}}

/* Free artwork collection. */
.header nav a[aria-current=page]{color:var(--orange)}
.downloads-invitation{padding:44px max(6%,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #efe8da25;border-bottom:1px solid #efe8da25;background:#171612}
.downloads-invitation .eyebrow{color:var(--orange);margin-bottom:10px}.downloads-invitation h2{font-size:34px}.downloads-invitation>a{font-size:12px;white-space:nowrap;border-bottom:1px solid #efe8da66;padding:12px 0}.downloads-invitation>a span{margin-left:20px}
@media(max-width:640px){.header nav{gap:18px}.downloads-invitation{align-items:start;flex-direction:column;gap:16px;padding:35px 6%}.downloads-invitation h2{font-size:30px}.downloads-invitation>a{font-size:11px}}

/* Frame the wider sun artwork around its street horizon. */
.hero-art {
  object-position: center 86%;
  transform: none;
  transform-origin: center 86%;
}
@media (max-width: 640px) and (orientation: portrait) {
  .hero-art {
    object-position: center 89%;
    transform: none;
    transform-origin: center 89%;
  }
}

/* A warm print grade for the real dawn capture. */
.barn-sunrise {
  position: relative;
  isolation: isolate;
}
.barn-sunrise img {
  display: block;
  filter: brightness(1.37) contrast(1.15) saturate(1.36) hue-rotate(-10deg);
}
.barn-sunrise::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #f394ad;
  mix-blend-mode: soft-light;
  opacity: .36;
  pointer-events: none;
}

/* Field notes are filed by year, then by build. */
.field-notes > .eyebrow {
  margin: 0;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.workbench-year {
  position: relative;
  border-bottom: 1px solid var(--line);
}
.workbench-year > h4, .workbench-build > h5 {
  margin: 0;
  font: 600 10px/1.4 var(--sans);
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
.workbench-year > h4 {
  position: absolute;
  top: 16px;
  right: 0;
  color: #716958;
}
.workbench-build {
  padding: 15px 0 18px;
  border-top: 1px solid var(--line);
}
.workbench-build > h5 {
  padding-right: 4em;
  color: #914624;
}
.workbench-build dl { margin: 10px 0 0; }
.workbench-build dt {
  font: 700 25px/1.15 var(--display);
}
.workbench-build dd {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #665f53;
}
.workbench-build dd + dt { margin-top: 13px; }

.workbench-archive {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 48px;
  padding: 12px 0;
  font-size: 12px;
  color: #914624;
}
.workbench-archive:hover { text-decoration: underline; text-underline-offset: 4px; }
.testing .detail-body a { text-decoration: underline; text-underline-offset: 3px; }