:root{color-scheme:dark;--bg:#101414;--text:#e6e1d6;--muted:#b8bdb7;--red:#a43e33;--line:#a5b1a42b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid #df9b7e;outline-offset:6px}.skip{position:absolute;top:-100px;z-index:5;padding:16px;background:var(--text);color:var(--bg)}.skip:focus{top:10px}
.header{position:absolute;z-index:3;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 5vw;background:linear-gradient(#0c1111c9,transparent)}.studio{font-size:18px;font-weight:500;text-shadow:0 2px 15px #000}.languages{display:flex;gap:4px;align-items:center}.languages[hidden]{display:none}.languages button{border:0;border-bottom:2px solid transparent;background:transparent;color:#b8c0be;min-width:46px;min-height:44px;padding:10px 8px;font-size:16px;cursor:pointer}.languages button:hover{color:#fff;background:#11191955}.languages button[aria-pressed=true]{color:#fff;border-bottom-color:#bf6652}
.hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;height:100svh;min-height:740px;max-height:1300px;background:#222d2d;overflow:hidden}.hero-art,.hero-art img,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-art img{object-fit:cover;object-position:55% 50%;filter:saturate(.68) sepia(.12)}.hero-shade{z-index:-1;background:linear-gradient(0deg,#101414 0%,#101414bf 13%,#10141438 40%,transparent 65%),linear-gradient(90deg,#11161240,transparent 75%)}.hero-content{width:100%;padding:130px 7vw 65px;max-width:1900px;margin:0 auto}.status{display:flex;align-items:center;gap:12px;font-size:18px;color:#c3c7bd;margin:0 0 20px}.status>span:first-child{display:block;flex:none;width:8px;height:8px;background:#b5624b}h1{font-family:Impact,'Arial Black','Helvetica Neue',sans-serif;font-size:clamp(76px,15vw,224px);line-height:.95;font-weight:900;letter-spacing:-.025em;margin:0 0 30px;text-shadow:0 5px 50px #05080870}h1>span{color:#b34b3d}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #c5c9ba45;padding-top:24px}.description{font-size:22px;color:#d0d1c6;margin:0;line-height:1.5}.images-link{display:flex;align-items:center;justify-content:space-between;gap:40px;font-size:18px;min-height:48px}.arrow{font-size:26px;color:#cb9378}.images-link:hover .arrow{color:#f4ccab}
.images{max-width:1900px;margin:auto;padding:75px 7vw 100px;scroll-margin-top:30px}.images-heading{display:flex;align-items:center;gap:35px;margin-bottom:32px}h2{font-size:clamp(28px,3vw,40px);line-height:1.2;font-weight:400;letter-spacing:-.6px;margin:0}.section-line{height:1px;flex:1;background:var(--line)}.landscape{display:block;position:relative;background:#263334;overflow:hidden}.landscape img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:saturate(.7) sepia(.08)}.landscape:hover img{filter:saturate(.85)}.expand{position:absolute;bottom:18px;right:20px;width:44px;height:44px;background:#101414a6;border:1px solid #d8dcc246;display:grid;place-items:center;font-size:25px}.landscape:focus-visible{outline-offset:8px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 5vw;border-top:1px solid var(--line);color:var(--muted);font-size:16px}footer p{margin:0}.footer-wordmark{font-family:Impact,'Arial Black',sans-serif;font-size:25px;font-weight:900;letter-spacing:1px}.footer-wordmark>span{color:#a65d4a}
@media(min-width:1800px){.hero-content{padding-bottom:80px}}@media(max-width:700px){.header{padding:18px 5vw;gap:10px;align-items:flex-start}.studio{font-size:16px;line-height:1.4;max-width:150px;padding-top:9px}.languages{gap:0}.languages button{min-width:42px;padding:10px 6px}.hero{min-height:660px;max-height:1000px}.hero-art img{object-position:54% center}.hero-shade{background:linear-gradient(0deg,#101414,#101414b3 18%,transparent 65%)}.hero-content{padding:140px 6vw 40px}.status{font-size:18px;margin-bottom:20px}h1{font-size:clamp(48px,14.3vw,100px);margin-bottom:26px;letter-spacing:-.035em}.hero-bottom{align-items:flex-start;flex-direction:column;gap:14px;padding-top:20px}.description{font-size:20px}.images-link{font-size:18px;gap:30px}.images{padding:45px 6vw 60px}.images-heading{gap:20px;margin-bottom:24px}.landscape img{aspect-ratio:4/3}.expand{bottom:12px;right:12px}footer{font-size:16px;padding:25px 6vw}.footer-wordmark{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(forced-colors:active){.languages button[aria-pressed=true]{border-bottom-color:Highlight}.status>span:first-child{background:CanvasText}}

/* Motion uses composited transforms and opacity, with no frame-by-frame JavaScript. */
.header-tools{display:flex;align-items:center;gap:20px}.motion-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c4cbbb3b;background:#10141440;color:var(--text);font-size:18px;cursor:pointer}.motion-toggle[hidden]{display:none}.motion-toggle:hover{background:#303a36}.atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.fog{position:absolute;inset:12% -18% -10%;opacity:0;pointer-events:none}.fog-near{background:radial-gradient(ellipse at 28% 68%,#b3beb924,transparent 48%),radial-gradient(ellipse at 80% 80%,#c7c8b91c,transparent 50%)}.fog-far{background:radial-gradient(ellipse at 62% 50%,#adc3c125,transparent 52%)}
.motion-enabled .hero-art{animation:camera-drift 30s ease-in-out infinite alternate}.motion-enabled .fog-near{animation:fog-drift 24s ease-in-out infinite alternate}.motion-enabled .fog-far{animation:fog-drift 32s ease-in-out -12s infinite alternate-reverse}.motion-enabled .hero-content>.status{animation:arrive 1s ease-out both}.motion-enabled h1{animation:arrive 1.3s .12s ease-out both}.motion-enabled .hero-bottom{animation:arrive 1.2s .3s ease-out both}.motion-enabled .images-link .arrow{animation:direction 3s 2s ease-in-out infinite}.motion-enabled .landscape img{transition:transform 1.2s cubic-bezier(.2,.65,.3,1),filter .6s}.motion-enabled [data-reveal]{transition:opacity 1s ease,transform 1s cubic-bezier(.2,.65,.3,1)}.motion-enabled .reveal-pending{opacity:0;transform:translateY(28px)}.motion-enabled .section-line{transform-origin:left;transition:transform 1.3s .1s ease}.motion-enabled .reveal-pending .section-line{transform:scaleX(0)}
.motion-paused .hero-art,.motion-paused .fog,.motion-paused .hero-content>.status,.motion-paused h1,.motion-paused .hero-bottom,.motion-paused .images-link .arrow,.motion-offscreen .hero-art,.motion-offscreen .fog,.motion-offscreen .images-link .arrow{animation-play-state:paused}.motion-paused .hero-content>.status,.motion-paused h1,.motion-paused .hero-bottom{animation:none}.motion-paused [data-reveal]{transition:none}
@keyframes camera-drift{from{transform:scale(1.025) translate3d(-.3%,0,0)}to{transform:scale(1.07) translate3d(.5%,-.4%,0)}}@keyframes fog-drift{from{opacity:.35;transform:translate3d(-5%,2%,0) scale(1)}to{opacity:.85;transform:translate3d(6%,-1%,0) scale(1.08)}}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes direction{0%,65%,100%{transform:translateY(0)}80%{transform:translateY(6px)}}
@media(hover:hover) and (pointer:fine){.motion-enabled:not(.motion-paused) .landscape:hover img{transform:scale(1.035)}}@media(max-width:700px){.header-tools{gap:6px}.motion-toggle{width:36px;min-width:36px}.studio{max-width:125px}.motion-enabled .hero-art{animation-name:camera-drift-mobile}.fog-far{display:none}@keyframes camera-drift-mobile{from{transform:scale(1.025)}to{transform:scale(1.055)}}}
@media(prefers-reduced-motion:reduce){.hero-art,.fog,.hero-content>.status,h1,.hero-bottom,.images-link .arrow{animation:none!important}[data-reveal],.landscape img,.section-line{transition:none!important;transform:none!important;opacity:1!important}.motion-toggle{display:none!important}}
.account-link{font-size:18px;border-bottom:1px solid #bf6652;padding:10px 0;white-space:nowrap}@media(max-width:700px){.header-tools{flex-wrap:wrap;justify-content:flex-end;max-width:230px}.account-link{order:3;margin-left:auto;font-size:16px;padding:5px 0}.hero .hero-content{padding-top:170px}}