@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{color-scheme:dark;--bg:#08090b;--fg:#f0f1f4;--muted:#92959d;--surface:#111216;--border:#292b31;--header:rgba(8,9,11,.76)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--muted)}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--fg);outline-offset:6px}.skip{position:fixed;top:-80px;z-index:100;background:var(--bg);padding:16px}.skip:focus{top:0}header{height:90px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;width:100%;z-index:10}.brand{display:flex;align-items:baseline;font-size:33px;font-weight:650;letter-spacing:-2px;gap:7px}.brand span{font-size:18px;letter-spacing:-.65px;font-weight:500}nav{display:flex;gap:32px;font-size:14px}.hero-track{height:135svh}.hero{height:100svh;min-height:630px;position:sticky;top:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-copy{text-align:center;position:relative;margin-top:-30px;will-change:transform,opacity}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:550;line-height:1.6;color:var(--muted)}h1{font-size:clamp(56px,7.5vw,116px);line-height:1.035;letter-spacing:-.065em;font-weight:500;margin:35px 24px 29px}h1 span,h2 span{color:var(--muted)}.intro{font-size:18px;line-height:1.65;color:var(--muted);letter-spacing:-.025em}.hero-foot{position:absolute;bottom:38px;width:88%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.14em;color:var(--muted)}.hero-foot a{font-size:13px;letter-spacing:0}.hero-foot a span{padding-left:20px}.work{max-width:1440px;margin:auto;padding:90px 6% 160px}.section-top{display:flex;justify-content:space-between;align-items:center}.index{font-size:12px;color:var(--muted)}h2{font-size:clamp(48px,5.5vw,80px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:35px 0 70px}.products{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product{background:var(--surface);border:1px solid var(--border);border-radius:22px;min-height:395px;padding:36px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .3s,transform .6s}.product:hover{border-color:var(--muted)}.product-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.product img{border-radius:17px;object-fit:cover}.platform{color:var(--muted);font-size:14px}.product-name{font-size:17px;margin:0 0 8px}h3{font-size:clamp(26px,3vw,38px);font-weight:500;letter-spacing:-.045em;margin:0 0 16px}.description{font-size:16px;line-height:1.65;color:var(--muted);margin-bottom:34px}.product-links{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.product-links a:first-child{margin-right:auto}.product-links a span{padding-left:8px}.preview-note{color:var(--muted)}.studio{padding:110px 6% 170px;text-align:center;border-top:1px solid var(--border)}.studio h2{font-size:clamp(60px,8vw,112px);margin:40px 0}.studio-copy{color:var(--muted);font-size:18px;line-height:1.7}footer{margin:0 6%;border-top:1px solid var(--border);padding:32px 0 96px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span{font-size:12px;color:var(--muted)}.js-motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}
@media(min-width:800px){.product:nth-child(2){transition-delay:.12s}}@media(max-width:700px){header{height:78px}nav{gap:20px;font-size:13px}.brand{font-size:29px}.brand span{font-size:16px}h1{font-size:clamp(45px,10vw,70px);margin-left:12px;margin-right:12px}.hero{min-height:560px}.hero-track{height:115svh}.hero-foot>span:last-child{display:none}.hero-foot{bottom:65px}.work{padding-top:60px;padding-bottom:85px}.products{grid-template-columns:1fr}.product{padding:28px;min-height:370px}h2{margin-bottom:42px}.studio{padding:85px 6% 110px}.studio-copy{font-size:16px}footer{flex-wrap:wrap}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-track{height:100svh}.hero-copy{will-change:auto}.reveal,.product{transition:none!important;transform:none!important;opacity:1!important}}

.studio-copy{max-width:590px;margin:22px auto}.product-name{color:var(--muted);font-size:14px}.hero h1{font-size:clamp(72px,12vw,180px)}

/* Typographic opening: flat surfaces and fine construction lines. */
.hero{--travel:0;justify-content:flex-start}
.hero-grid{position:absolute;inset:110px 6% 105px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #202226;border-bottom:1px solid #202226;pointer-events:none}
.hero-grid i{border-left:1px solid #16181c}.hero-grid i:last-child{border-right:1px solid #16181c}
.hero-copy{margin:0 6%;width:88%;text-align:left;will-change:auto}
.hero h1{margin:0;font-size:clamp(88px,18vw,280px);font-weight:500;line-height:.86;letter-spacing:-.075em}
.hero h1>span{display:block;color:var(--fg);width:max-content}
.hero-rc{position:relative;transform:translateX(calc(var(--travel) * -55px))}
.hero h1 .hero-studios{margin-top:28px;transform:translateX(calc(var(--travel) * 65px));color:#a2a5ad}
.hero h1 .period{color:#df7955}
.hero h1 .registration{position:absolute;top:0;right:-65px;font:300 40px/1 monospace;color:#df7955;letter-spacing:0}
.hero-note{position:absolute;left:65%;top:8%;padding-left:24px;border-left:1px solid #35383e}
.hero-note .intro{font-size:clamp(16px,1.7vw,23px);line-height:1.5;color:var(--fg);margin:24px 0}
.note-label{font:11px/1.5 monospace;letter-spacing:.06em;color:var(--muted)}
.signal{display:flex;gap:6px;height:35px;align-items:center}.signal i{display:block;width:2px;height:12px;background:#a2a5ad;transform:scaleY(calc(1 + var(--travel) * .7))}.signal i:nth-child(2n){height:23px}.signal i:nth-child(3n){height:35px}.signal i:nth-child(5){height:18px;background:#df7955}
.hero-foot{left:6%;font-family:monospace}.hero-foot a{font-family:'DM Sans',sans-serif}
@media(max-width:700px){.hero-grid{inset:95px 6% 100px}.hero h1{font-size:20vw}.hero h1 .hero-studios{margin-top:22px}.hero-copy{margin-top:90px}.hero-note{left:0;top:-145px;border:0;padding-left:0}.hero-note .intro{font-size:16px;margin:12px 0}.signal{height:25px;gap:5px}.signal i:nth-child(3n){height:25px}.note-label{display:none}.hero h1 .registration{font-size:25px;right:-38px}.hero-foot{bottom:48px}}
@media(prefers-reduced-motion:reduce){.hero-rc,.hero-studios,.signal i{transform:none!important}}