:root{--paper:#101210;--ink:#f2f2e9;--orange:#dbff73;--line:#34372e}body{background:#101210;color:#f2f2e9}header{position:absolute;inset:0 0 auto;z-index:10;max-width:none;height:108px;margin:0;padding:0 4vw;border-color:#ffffff24;color:#f4f4e9;mix-blend-mode:normal}.logo{gap:18px}.logo>img{width:108px;height:42px;object-fit:contain}.logo span{font-size:11px;line-height:1.8;font-weight:400;letter-spacing:2px;border-left:1px solid #ffffff50;padding-left:18px}nav{gap:35px}nav a{position:relative}nav a:after{content:'';position:absolute;left:0;bottom:-8px;width:0;height:1px;background:#dbff73;transition:width .3s}nav a:hover:after{width:100%}nav button{color:inherit;border:1px solid #ffffff50;border-radius:0;background:none;padding:12px 20px;font-size:12px}nav button:hover{background:#dbff73;color:#101210}nav button span{padding-left:25px}.progress{background:#dbff73}main{max-width:none}.hero.stage{height:100svh;min-height:660px;width:100%;margin:0;position:relative;overflow:hidden;background:#151b17;isolation:isolate}.stage-image{position:absolute;inset:0 0 0 37%;overflow:hidden;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);transition:clip-path 1.3s cubic-bezier(.2,.7,.2,1),opacity .9s;z-index:-3}.stage-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:brightness(.7) saturate(.55);transform:scale(1.11) translate(var(--drift-x,0px),var(--drift-y,0px));transition:transform 1.6s ease-out}.stage-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10161088,transparent 50%),linear-gradient(0deg,#1016109c,transparent 35%)}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#10151055,transparent 65%);z-index:-1}.stage-grid{position:absolute;inset:0 4vw;pointer-events:none;background:linear-gradient(90deg,transparent 32.95%,#ffffff0c 33%,transparent 33.08%,transparent 65.95%,#ffffff0c 66%,transparent 66.08%);z-index:-1}.stage-meta{position:absolute;top:142px;left:4vw;right:4vw;display:flex;justify-content:space-between;font:11px/1.6 Arial;letter-spacing:2px;color:#c7cabf}.world-switch{position:absolute;top:138px;left:44%;display:flex;gap:24px;z-index:2}.world-switch button{border:0;border-bottom:1px solid transparent;background:none;color:#b5b9af;padding:0 0 14px;font-size:13px;transition:.35s}.world-switch button>span{font:10px Arial;margin-right:9px;color:#9da095}.world-switch button[aria-pressed=true]{color:#dbff73;border-color:#dbff73}.world-switch button[aria-pressed=true]>span{color:#dbff73}.stage-title{position:absolute;left:7.5vw;top:30%;z-index:1}.stage-title>p{font:11px Arial;letter-spacing:3px;color:#d7dfce;margin:0 0 25px}.stage-title h1{font-size:clamp(60px,7.1vw,114px);font-weight:500;letter-spacing:-.06em;line-height:1.22;margin:0;white-space:nowrap}.stage-title h1>span{display:block}.title-second{color:#dbff73}.outline-text{-webkit-text-stroke:1px #e3ebd7;color:transparent}.stage-title h1 i{font:normal .95em Arial;margin-left:.15em;color:#dbff73;display:inline-block;transform:translateY(.06em)}.stage-copy{display:flex;align-items:flex-start;gap:20px;margin-top:30px}.short-rule{height:1px;width:40px;background:#dbff73;margin-top:12px}.stage-copy p{margin:0;font-size:14px;line-height:1.9;color:#cad0c2}.stage-enter.hero-open{position:absolute;inset:auto 8vw 22% auto;width:152px;height:152px;background:transparent;overflow:visible;border:0}.stage-enter .portal{inset:0;width:100%;height:100%;border:1px solid #dbff7388;border-radius:50%;background:#17201240;backdrop-filter:blur(8px);display:flex;gap:9px;color:#f5ffe8}.stage-enter .portal>span{font-size:36px;transition:transform .5s}.stage-enter b{font-weight:400;font-size:14px}.stage-enter small{font:9px Arial;letter-spacing:1px;color:#bdc6b4}.stage-enter:hover .portal{background:#dbff73;color:#182011;transform:rotate(-8deg)}.stage-enter:hover small{color:#182011}.stage-enter:hover .portal>span{transform:translate(5px,-5px)}.stage-bottom{position:absolute;bottom:28px;left:4vw;right:4vw;border-top:1px solid #ffffff35;padding-top:23px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1px}.scroll-cue{display:flex;align-items:center;gap:15px}.scroll-cue>span{font-size:22px;animation:nudge 2s ease-in-out infinite}.stage-project{color:#c2c6b9;font-size:11px}.stage-number{color:#a3ac96;font:12px Arial}.stage-number b{color:#f1f6e7;font:26px Arial;margin-right:15px}.edge-label{position:absolute;right:2vw;top:44%;writing-mode:vertical-rl;letter-spacing:3px;font:10px Arial;color:#c8cfc0}.brand-surface{position:absolute;inset:0;background:#c8ee67;color:#15200f;opacity:0;transition:opacity .9s;z-index:-2;overflow:hidden}.brand-surface>img{position:absolute;right:2%;top:22%;width:47%;height:auto;opacity:.85;transform:rotate(-12deg) translateX(50px);transition:transform 1.3s}.brand-surface>span{position:absolute;right:-2%;bottom:13%;font:900 clamp(70px,9vw,155px)/.85 Arial;letter-spacing:-.07em;opacity:.1}body[data-world=brand] .brand-surface{opacity:1}body[data-world=brand] .brand-surface>img{transform:rotate(-12deg) translateX(0)}body[data-world=brand] .stage-image{opacity:0;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}body[data-world=brand] .stage-title{color:#15200f}body[data-world=brand] .title-second,body[data-world=brand] .stage-title h1 i{color:#15200f}body[data-world=brand] .outline-text{-webkit-text-stroke-color:#15200f}body[data-world=brand] header{color:#17230e;border-color:#17230e30}body[data-world=brand] .logo>img{filter:brightness(0)}body[data-world=brand] .logo span{border-color:#17230e50}body[data-world=brand] .stage-meta,body[data-world=brand] .stage-title>p,body[data-world=brand] .stage-copy p,body[data-world=brand] .stage-project,body[data-world=brand] .stage-number,body[data-world=brand] .stage-number b,body[data-world=brand] .stage-bottom,body[data-world=brand] .edge-label{color:#26361a}body[data-world=brand] .world-switch button,body[data-world=brand] .world-switch button>span{color:#405829}body[data-world=brand] .world-switch button[aria-pressed=true]{color:#15200f;border-color:#15200f}body[data-world=brand] .stage-bottom{border-color:#15200f50}body[data-world=brand] .short-rule{background:#15200f}body[data-world=brand] .stage-enter .portal{background:#16200f;border-color:#17230e}body[data-world=brand] .stage-enter:hover .portal{background:#293c1c;color:white}body[data-world=brand] nav button{border-color:#17230e50}body[data-world=brand] .stage:after{background:none}.ticker{overflow:hidden;background:#dbff73;color:#1b2114;height:63px;display:flex;align-items:center}.ticker>div{white-space:nowrap;font:500 22px Arial;letter-spacing:1px;animation:marquee 35s linear infinite}.ticker span{padding:0 38px;font-size:29px}.projects{max-width:1600px;margin:auto;padding-top:110px;padding-bottom:110px}.section-head h2{font-size:42px;font-weight:400}.project-count,.filter-note{color:#919787}.filterbar{border-color:#363c30}.filters button{border-radius:0;color:#b3b8aa}.filters button[aria-pressed=true]{background:#dbff73;color:#16200f}.card-media{background:#272e24}.card-meta h3{color:#e4e8dc}.card-meta p,.card-meta>span{color:#929b88}.badge{background:#182016ce;color:#e4ebda;border:1px solid #ffffff30;border-radius:0}.card-go{background:#dbff73;color:#16200f}.card:hover img{filter:brightness(.85)}.about{padding:90px 4.3%;background:#1b2119;display:block;margin:0}.about-heading{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:start}.about-heading h2{font-size:46px;line-height:1.3;margin:0}.about-heading>p{grid-column:2;margin:0;color:#adb5a2}.studio-pair{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:60px;border-top:1px solid #ffffff25;padding-top:50px}.studio-pair>div{padding:0 0 20px}.studio-pair>div+div{border-left:1px solid #ffffff25;padding-left:50px}.studio-pair img{height:60px;width:195px;object-fit:contain;object-position:left}.studio-pair>div+div img{filter:invert(1)}.studio-pair h3{font-weight:400;font-size:20px;margin-top:30px}.studio-pair h3 small{display:block;font-size:12px;color:#a4ae98;margin-top:10px}.studio-pair p{color:#aeb8a4;font-size:14px;line-height:2}.studio-pair a{display:inline-block;border-bottom:1px solid #a3b58b;padding:15px 0 10px;font-size:14px}.studio-pair a:hover{color:#dbff73}footer{color:#dbe0d1;max-width:none}.footer-logo{display:flex;align-items:center;gap:20px}.footer-logo img{width:100px;height:38px}.footer-logo span{font-size:14px;font-weight:400;letter-spacing:2px}footer>div{color:#8d9982}.credits{max-width:none;color:#7f8c73;font-size:12px}dialog{background:#f1f3ea;color:#1b2216}dialog .close{color:#1b2216}dialog .close:hover{background:#dbff73}dialog .view-controls button[aria-pressed=true]{background:#26351d;color:white}dialog .model-label{color:#4c5844}#material-note{background:#e9efd9;color:#25311d}.brand-details{color:#252d1e}.brand-art{color:#1b2613}.mono{color:#253d2e}.opening{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;visibility:visible;pointer-events:auto}.opening-half{position:absolute;top:0;bottom:0;width:50.1%;background:#10140f;transition:transform 1s cubic-bezier(.8,0,.2,1)}.opening-half.left{left:0;border-right:1px solid #dbff7344}.opening-half.right{right:0}.opening-center{position:relative;text-align:center;color:#dbff73;transition:opacity .4s,transform .6s}.opening-center>img{display:block;width:clamp(180px,30vw,400px);margin:auto;animation:logoReveal 1.25s cubic-bezier(.2,.8,.2,1) both}.opening-center>span{display:block;margin-top:28px;font-size:14px;letter-spacing:10px;animation:rise .9s .25s both}.opening-center>p{font:10px Arial;letter-spacing:4px;margin:20px 0 0}.opening-line{height:1px;background:#dbff73;margin:30px auto 0;transform-origin:left;animation:trace 1.6s ease-in-out both}.opening-index{position:absolute;bottom:35px;left:4vw;font:11px Arial;letter-spacing:2px;color:#afc298}#skip-intro{position:absolute;right:4vw;bottom:28px;border:1px solid #7d9364;background:none;padding:12px 20px;color:#dce7cc;font-size:12px}.opening.exiting .left{transform:translateX(-101%)}.opening.exiting .right{transform:translateX(101%)}.opening.exiting .opening-center{opacity:0;transform:scale(.92)}.opening.exiting #skip-intro,.opening.exiting .opening-index{opacity:0}.opening.done{visibility:hidden;pointer-events:none}.entering header,.entering .stage-title,.entering .stage-enter,.entering .stage-bottom,.entering .world-switch{opacity:0;transform:translateY(22px)}header,.stage-title,.stage-enter,.stage-bottom,.world-switch{transition:opacity .85s,transform 1s cubic-bezier(.2,.7,.2,1)}.stage-title{transition-delay:.08s}.stage-enter{transition-delay:.2s}.stage-title.switching{opacity:0;transform:translateY(18px)}@keyframes logoReveal{from{clip-path:inset(0 100% 0 0);transform:translateX(-15px)}to{clip-path:inset(0);transform:translateX(0)}}@keyframes trace{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes nudge{50%{transform:translateY(5px)}}
@media(min-width:1700px){.stage-title{top:32%}.stage-title h1{font-size:135px}}@media(max-width:1000px){.stage-meta .coordinate{display:none}.world-switch{left:auto;right:4vw}.stage-title{left:5vw;top:33%}.stage-title h1{font-size:9vw}.stage-enter.hero-open{right:7vw;bottom:19%;width:130px;height:130px}.about-heading h2{font-size:36px}.about-heading{grid-template-columns:1fr 1.5fr}.stage-project{display:none}}@media(max-width:700px){header{height:87px;padding:0 5vw}.logo>img{width:82px;height:34px}.logo span{display:none}nav{gap:20px}nav a{font-size:12px}nav button{padding:9px 12px;font-size:11px}nav button span{padding-left:5px}.hero.stage{min-height:660px;height:100svh}.stage-image{inset:0 0 0 10%;clip-path:polygon(45% 0,100% 0,100% 100%,0 100%)}.stage-image>img{object-position:48%}.stage-shade{background:linear-gradient(90deg,#101610aa,transparent),linear-gradient(0deg,#101610cc,transparent 40%)}.stage:after{background:linear-gradient(90deg,#101510aa,transparent)}.stage-meta{top:112px;left:5vw;font-size:9px;letter-spacing:1.5px}.world-switch{top:112px;right:5vw;gap:16px}.world-switch button{font-size:12px;padding-bottom:10px}.world-switch button>span{display:none}.stage-title{top:30%;left:6vw}.stage-title>p{font-size:9px;letter-spacing:2px;margin-bottom:20px}.stage-title h1{font-size:clamp(44px,10.7vw,72px);letter-spacing:-.055em;line-height:1.3}.stage-title h1 i{margin-left:.1em}.stage-copy{gap:13px;margin-top:25px}.stage-copy p{font-size:13px}.short-rule{width:22px}.stage-enter.hero-open{right:8vw;bottom:16%;width:115px;height:115px}.stage-enter b{font-size:12px}.stage-enter small{font-size:8px}.stage-enter .portal{gap:7px}.stage-enter .portal>span{font-size:28px}.stage-bottom{left:5vw;right:5vw;bottom:23px;padding-top:20px;font-size:10px}.stage-number b{font-size:22px}.edge-label{display:none}.brand-surface>img{width:95%;right:-20%;top:55%;opacity:.28}.brand-surface>span{display:none}.ticker{height:49px}.ticker>div{font-size:17px}.ticker span{padding:0 25px;font-size:23px}.projects{padding:65px 5vw}.section-head h2{font-size:27px}.filters{gap:0;width:100%;justify-content:space-between}.filters button{font-size:12px;padding:12px 9px}.filters sup{font-size:9px}.about{padding:55px 5vw}.about-heading{display:block}.about-heading h2{margin:25px 0;font-size:34px}.studio-pair{grid-template-columns:1fr;gap:30px;margin-top:35px;padding-top:30px}.studio-pair>div+div{padding-left:0;padding-top:30px;border-left:0;border-top:1px solid #ffffff25}.studio-pair img{height:50px;width:170px}.studio-pair h3{margin-top:20px}footer{padding:35px 5vw 25px}.footer-logo img{width:80px}.credits{padding:0 5vw 25px;line-height:1.8}.opening-center>img{width:210px}.opening-center>span{font-size:12px;letter-spacing:7px}}@media(max-height:740px) and (min-width:701px){.hero.stage{min-height:620px}.stage-title{top:32%}.stage-title h1{font-size:76px}.stage-copy{margin-top:20px}.stage-enter.hero-open{bottom:20%}}@media(prefers-reduced-motion:reduce){.opening{display:none}.entering header,.entering .stage-title,.entering .stage-enter,.entering .stage-bottom,.entering .world-switch{opacity:1;transform:none}.stage-image>img{transform:none}.ticker>div{animation:none}}