:root{--bg:#090a09;--bg-soft:#0e0f0e;--paper:#efefe9;--muted:#92958f;--quiet:#5e615d;--orange:#e85a2a;--line:#efefe924;--container:min(1520px, calc(100vw - 112px));--ease:cubic-bezier(.22, .8, .2, 1);--pointer-x:50%;--pointer-y:50%;--pointer-speed:0;--page-progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{color:var(--paper);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Helvetica Neue,Arial,PingFang SC,Microsoft YaHei UI,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}body:after{content:"";z-index:50;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 130 130' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.ambient-field{z-index:0;pointer-events:none;opacity:.54;mix-blend-mode:screen;position:fixed;inset:0;overflow:hidden}.ambient-field span{filter:blur(70px);will-change:transform, opacity;border-radius:50%;position:absolute}.ambient-field span:first-child{left:calc(var(--pointer-x) - 24vw);top:calc(var(--pointer-y) - 18vw);aspect-ratio:1.35;width:48vw;opacity:calc(.09 + var(--pointer-speed) * .08);transform:translate3d(0, calc(var(--page-progress) * -16vh), 0) scale(calc(1 + var(--pointer-speed) * .12));transition:left .7s var(--ease), top .7s var(--ease), opacity .5s var(--ease);background:radial-gradient(#e85a2a6b,#0000 68%)}.ambient-field span:nth-child(2){right:-24vw;top:calc(22vh + var(--page-progress) * 18vh);aspect-ratio:1;opacity:.055;background:radial-gradient(circle,#ffffff47,#0000 66%);width:58vw}.ambient-field span:nth-child(3){aspect-ratio:1;opacity:.045;width:70vw;transform:translate3d(calc(var(--page-progress) * 12vw), 0, 0);background:radial-gradient(circle,#e85a2a61,#0000 70%);bottom:-32vw;left:-28vw}.site-nav,main{z-index:1;position:relative}button,a{color:inherit;font:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{text-decoration:none}img{max-width:100%;display:block}::selection{color:#fff;background:var(--orange)}:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.skip-link{z-index:100;color:#111;background:#fff;padding:10px 16px;position:fixed;top:-60px;left:24px}.skip-link:focus{transform:translateY(80px)}.site-nav{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090a09b8;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:78px;padding:0 max(28px,50vw - 820px);display:grid;position:fixed;top:0;left:0}.site-nav .brand{letter-spacing:.12em;width:max-content;font-size:.82rem;font-weight:600}.site-nav nav{gap:42px;display:flex}.site-nav nav a{color:#c7c9c4;letter-spacing:.14em;font-size:.8rem;font-weight:500}.site-nav>span{color:#888b86;letter-spacing:.14em;justify-self:end;font-size:.74rem}.home-hero{background:#090a09;grid-template-rows:auto 1fr auto;min-height:100dvh;padding:116px max(56px,50vw - 760px) 36px;display:grid;position:relative;overflow:hidden}.hero-grid{opacity:.11;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:9vw 9vw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 24% 78%,#0000);mask-image:linear-gradient(#0000,#000 24% 78%,#0000)}.hero-glow{aspect-ratio:1.7;filter:blur(35px);width:min(76vw,1200px);animation:glow 9s var(--ease) infinite alternate;background:radial-gradient(#e85a2a7a,#e85a2a14 43%,#0000 70%);border-radius:50%;position:absolute;bottom:-34%;right:-13vw}.hero-top,.hero-bottom,.hero-title{z-index:2;position:relative}.hero-top,.hero-bottom{color:#898c87;letter-spacing:.15em;justify-content:space-between;font-size:.77rem;font-weight:500;display:flex}.hero-title{grid-template-columns:1fr minmax(260px,390px);align-self:center;align-items:end;gap:30px 70px;display:grid}.hero-title>span{color:var(--orange);letter-spacing:.22em;grid-column:1/-1;font-size:.78rem;font-weight:600}.hero-title h1{letter-spacing:-.085em;grid-column:1/-1;margin:0;font-size:clamp(6.2rem,15.6vw,16.6rem);font-weight:590;line-height:.7;display:grid}.hero-title h1 em{white-space:nowrap;font-style:normal}.hero-title h1 em:last-child{color:#0000;-webkit-text-stroke:1px #efefe99e}.hero-title p{color:#a9aba6;grid-column:2;margin:-74px 0 10px;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.45}.hero-bottom{border-top:1px solid var(--line);padding-top:17px}.about-section,.work-section{width:var(--container);margin-inline:auto;padding:clamp(120px,13vw,220px) 0}.about-section,.work-intro-page{align-content:center;min-height:100dvh;display:grid}.page-turn-panel{view-timeline-axis:block;transform-origin:50% 0;backface-visibility:hidden}@supports (animation-timeline:view()){.page-turn-panel{animation:linear both section-flow-reveal;animation-timeline:view();animation-range:entry -8% exit 108%}}.section-label{color:#858883;border-bottom:1px solid var(--line);letter-spacing:.15em;justify-content:space-between;gap:30px;padding-bottom:16px;font-size:.76rem;font-weight:500;display:flex}.about-grid{grid-template-columns:1.5fr .55fr;align-items:end;gap:clamp(80px,11vw,190px);margin-top:clamp(70px,8vw,130px);display:grid}.about-grid h2{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(3rem,6.5vw,7.3rem);font-weight:580;line-height:.84}.about-grid p{color:#b0b2ad;margin:0 0 56px;font-size:1.05rem;line-height:1.8}.about-grid dl{margin:0}.about-grid dl div{border-top:1px solid var(--line);grid-template-columns:70px 1fr;gap:20px;padding:13px 0;font-size:.86rem;display:grid}.about-grid dt{color:var(--quiet)}.about-grid dd{color:#bdbfba;margin:0}[data-reveal]{opacity:0;transition:opacity .75s var(--ease), transform .75s var(--ease);transform:translateY(34px)}[data-reveal].is-visible{opacity:1;transform:none}.work-section{padding-top:0}.work-heading{grid-template-columns:1fr minmax(250px,380px);align-items:end;gap:80px;margin:clamp(70px,8vw,120px) 0;display:grid}.work-heading h2{letter-spacing:-.075em;margin:0;font-size:clamp(5rem,10vw,11rem);font-weight:590;line-height:.76}.work-heading p{color:#aeb0ab;margin:0;font-size:1.08rem;line-height:1.7}.project-list{perspective:1600px;gap:0;display:grid;position:relative}.project-rail{z-index:18;pointer-events:none;justify-content:end;gap:6px;height:0;margin-left:auto;display:grid;position:sticky;top:98px;transform:translate(34px)}.project-rail a{color:#7e817c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;width:46px;min-height:46px;transition:width .42s var(--ease), color .26s var(--ease), border-color .26s var(--ease), background .26s var(--ease);background:#090a09c7;border:1px solid #ffffff1f;align-items:center;gap:12px;padding:0 12px;display:flex;overflow:hidden}.project-rail a:hover,.project-rail a:focus-visible,.project-rail a.is-active{color:#efefe9;background:#0e0f0eeb;border-color:#ffffff42;width:190px}.project-rail a span{color:var(--orange);font-variant-numeric:tabular-nums;flex:0 0 20px;font-size:.68rem}.project-rail a strong{letter-spacing:.11em;white-space:nowrap;min-width:120px;font-size:.66rem;font-weight:500}.project-page-wrap{min-height:118dvh;scroll-margin-top:78px;position:relative}.project-page-wrap:before{content:"";z-index:20;opacity:.45;transform-origin:50%;width:100%;height:1px;transition:transform .9s var(--ease), opacity .9s var(--ease);background:linear-gradient(90deg,#0000,#ffffff3d 15% 85%,#0000);position:absolute;top:0;left:0;transform:scaleX(.18)}.project-page-wrap:has(.project-card.is-visible):before{opacity:1;transform:scaleX(1)}.project-card{--card-accent:var(--orange);--spot-x:50%;--spot-y:50%;z-index:calc(5 + var(--stack-index));background:radial-gradient(700px circle at var(--spot-x) var(--spot-y), rgba(var(--card-rgb),.115), transparent 46%), #0b0c0b;border-top:1px solid rgba(var(--card-rgb),.78);transform-origin:50% 100%;min-height:calc(100dvh - 78px);max-height:calc(100dvh - 78px);transition:opacity .75s var(--ease), transform .9s var(--ease), clip-path .9s var(--ease);grid-template-rows:auto auto minmax(0,1fr);padding:clamp(28px,3vw,50px) clamp(24px,3vw,52px) clamp(45px,5vw,78px);display:grid;position:sticky;top:78px;overflow:hidden;box-shadow:0 -30px 90px #00000073}.project-card.card-rescue{background-color:#081013}.project-card.card-toy{background-color:#120f09}.project-card.card-vr{background-color:#0b0a12}.project-card[data-reveal]{clip-path:inset(8% 1.5% 0 round 2px);transform:translateY(7vh)scale(.985)}.project-card[data-reveal].is-visible{clip-path:inset(0);transform:none}.project-card:after{content:attr(data-index);z-index:0;color:#ffffff06;letter-spacing:-.09em;pointer-events:none;font-size:clamp(12rem,23vw,28rem);font-weight:600;line-height:1;position:absolute;top:-2.5rem;right:1rem}.project-card>*{z-index:2;position:relative}.project-image{border-top:1px solid rgba(var(--card-rgb),.7);width:100%;min-height:0;transition:background .35s var(--ease);background:#101110;padding:clamp(10px,1.2vw,20px);display:grid;position:relative}.project-image:hover{background:rgba(var(--card-rgb),.1)}.project-image-media{background:#080908;width:100%;height:100%;min-height:0;display:block;position:relative;overflow:hidden}.project-preview-slide{object-fit:contain;opacity:0;filter:brightness(.82);width:100%;height:100%;max-height:calc(100dvh - 360px);transition:opacity .56s var(--ease), transform .76s var(--ease), filter .56s var(--ease);position:absolute;inset:0;transform:translateY(12px)scale(.995)}.project-preview-slide.is-active{z-index:2;opacity:1;filter:none;transform:none}.project-preview-status{z-index:5;color:#d5d6d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.13em;background:#070807bd;border:1px solid #ffffff24;gap:20px;padding:9px 12px;font-size:.66rem;display:flex;position:absolute;bottom:clamp(23px,2.3vw,40px);left:clamp(22px,2.2vw,38px)}.project-preview-status span{color:var(--card-accent);font-variant-numeric:tabular-nums}.project-preview-status strong{font-weight:500}.project-preview-track{z-index:5;grid-template-columns:repeat(4,1fr);gap:5px;width:min(260px,25vw);display:grid;position:absolute;bottom:clamp(27px,2.5vw,42px);right:clamp(22px,2.2vw,38px)}.project-preview-track i{height:2px;transition:background .3s var(--ease), transform .3s var(--ease);background:#fff3}.project-preview-track i.is-active{background:var(--card-accent);transform:scaleY(1.5)}.project-image:after{content:"MOVE ACROSS TO EXPLORE";z-index:5;color:#ffffff94;letter-spacing:.15em;opacity:0;transition:opacity .28s var(--ease), transform .28s var(--ease);font-size:.62rem;position:absolute;top:clamp(22px,2.2vw,38px);right:clamp(22px,2.2vw,38px);transform:translateY(7px)}.project-image:hover:after,.project-image:focus-visible:after{opacity:1;transform:none}.project-meta{color:#777a75;border-bottom:1px solid var(--line);letter-spacing:.14em;justify-content:space-between;gap:25px;padding:0 0 18px;font-size:.76rem;font-weight:500;display:flex}.project-meta span:first-child{color:var(--card-accent)}.project-title{grid-template-columns:1fr auto;align-items:end;gap:50px;padding:clamp(26px,3vw,44px) 0 clamp(28px,3.5vw,54px);display:grid}.project-title h3{letter-spacing:-.06em;margin:0;font-size:clamp(3.4rem,5.6vw,6.6rem);font-weight:590;line-height:.86}.project-title strong{color:var(--card-accent);letter-spacing:.18em;margin-top:15px;font-size:.83rem;font-weight:500;display:block}.project-title p{color:#aeb0ab;max-width:620px;margin:22px 0 0;font-size:1.04rem;line-height:1.75}.project-title button{aspect-ratio:1;width:58px;transition:color .25s var(--ease), background .25s var(--ease), transform .25s var(--ease);border:1px solid #ffffff38;border-radius:50%;place-items:center;display:grid}.project-title button:hover{color:#111;background:var(--card-accent);transform:rotate(45deg)}.project-page-edge{z-index:4;color:#ffffff7a;background:rgba(var(--card-rgb),.055);border-top:1px solid rgba(var(--card-rgb),.32);border-left:1px solid rgba(var(--card-rgb),.22);letter-spacing:.16em;place-items:center;width:clamp(150px,17vw,250px);height:46px;font-size:.66rem;display:grid;position:absolute;bottom:0;right:0}.project-page-edge:before{content:"";background:var(--card-accent);width:38%;height:1px;animation:edge-pulse 2.8s var(--ease) infinite alternate;position:absolute;top:-1px;left:0}.contact-section{grid-template-rows:auto 1fr auto;min-height:100dvh;padding:105px max(40px,50vw - 820px) 30px;display:grid;position:relative;overflow:hidden}.contact-light{aspect-ratio:1.5;filter:blur(35px);background:radial-gradient(#e85a2a8c,#e85a2a14 44%,#0000 70%);border-radius:50%;width:min(78vw,1200px);position:absolute;bottom:-36%;right:-18vw}.contact-section>:not(.contact-light){z-index:2;position:relative}.contact-copy{align-self:center}.contact-copy p{max-width:430px;color:var(--muted);margin:0 0 40px auto}.contact-copy h2{letter-spacing:-.075em;margin:0;font-size:clamp(5rem,11vw,12rem);font-weight:500;line-height:.85}.contact-section footer{color:#787b76;border-top:1px solid var(--line);letter-spacing:.13em;grid-template-columns:1fr auto auto;align-items:center;gap:45px;padding-top:20px;font-size:.76rem;display:grid}.contact-section footer a{color:#111;background:#f0f0eb;border-radius:999px;align-items:center;gap:28px;width:max-content;padding:10px 11px 10px 17px;display:flex}.contact-section footer a span{aspect-ratio:1;color:#fff;background:#111;border-radius:50%;place-items:center;width:30px;display:grid}.case-study{z-index:40;overscroll-behavior:contain;color:#efefe9;animation:case-in .5s var(--ease) both;background:#090a09;position:fixed;inset:0;overflow-y:auto}.case-rescue{background:#081013}.case-toy{background:#110e09}.case-vr{background:#0b0a11}.case-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);letter-spacing:.12em;background:#090a09c7;border-bottom:1px solid #ffffff1c;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0 max(22px,50vw - 820px);font-size:.8rem;font-weight:500;display:grid;position:sticky;top:0}.case-nav button{color:#b8bab5;width:max-content}.case-nav button:first-child span{color:var(--accent);margin-right:10px}.case-nav>span{color:var(--accent)}.case-nav button:last-child{color:#777a75;justify-self:end}.case-intro{width:var(--container);grid-template-columns:.18fr 1.2fr .75fr;align-items:start;gap:clamp(35px,6vw,110px);margin:0 auto;padding:clamp(90px,10vw,170px) 0 clamp(55px,7vw,100px);display:grid}.case-index{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.72rem}.case-title-block>span{color:#999c97;letter-spacing:.14em;font-size:.78rem}.case-title-block h2{letter-spacing:-.07em;margin:25px 0 0;font-size:clamp(4rem,9vw,10rem);font-weight:590;line-height:.82}.case-title-block strong{color:var(--accent);letter-spacing:.18em;margin-top:24px;font-size:.9rem;font-weight:500;display:block}.case-copy p:first-child{color:#e1e2dd;margin-top:0;font-size:clamp(1.15rem,1.7vw,1.65rem);line-height:1.35}.case-copy p:nth-child(2){color:#aeb0ab;font-size:1.02rem;line-height:1.75}.case-copy ul{color:#b5b7b2;grid-template-columns:1fr 1fr;gap:10px 25px;margin:38px 0 0;padding:0;font-size:.82rem;list-style:none;display:grid}.case-copy li:before{content:"＋";color:var(--accent);margin-right:7px}.case-cover{width:var(--container);border-top:1px solid rgba(var(--accent-rgb),.7);background:#111211;margin:0 auto clamp(130px,15vw,250px);padding:clamp(8px,1vw,15px)}.case-cover img{object-fit:contain;width:100%;height:auto}.car-layers{width:var(--container);margin:0 auto clamp(150px,17vw,280px)}.car-layers-heading{grid-template-columns:.35fr 1.3fr .7fr;align-items:end;gap:clamp(28px,5vw,80px);margin-bottom:clamp(44px,6vw,90px);display:grid}.car-layers-heading>span{color:var(--accent);letter-spacing:.16em;font-size:.78rem;font-weight:600}.car-layers-heading h3{letter-spacing:-.06em;margin:0;font-size:clamp(3rem,5.6vw,6.3rem);font-weight:590;line-height:.84}.car-layers-heading p{color:#a4a6a1;margin:0;font-size:1rem;line-height:1.7}.car-layer-stage{--layer-x:.5;--layer-y:.5;aspect-ratio:2.82;cursor:ew-resize;isolation:isolate;background:#050505;border:1px solid #ffffff26;position:relative;overflow:hidden}.car-layer-base,.car-layer-sketch,.car-layer-sketch img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.car-layer-base{opacity:0;transform:scale(1.025) translate3d(calc((var(--layer-x) - .5) * -12px), calc((var(--layer-y) - .5) * -8px), 0);transition:opacity .42s var(--ease), filter .45s var(--ease)}.car-layer-sketch{z-index:2;opacity:0;transition:opacity .32s var(--ease)}.car-layer-sketch img{filter:contrast(1.2);transform:scale(1.03) translate3d(calc((var(--layer-x) - .5) * 15px), calc((var(--layer-y) - .5) * 9px), 0)}.car-layer-detail{z-index:4;opacity:0;width:100%;height:100%;transition:opacity .35s var(--ease), transform .5s var(--ease);background:#060606;margin:0;padding:0;position:absolute;inset:0}.car-layer-detail img{object-fit:contain;width:100%;height:100%}.car-layer-detail figcaption{color:#b7b9b4;letter-spacing:.14em;background:#080808c7;border:1px solid #ffffff26;padding:9px 12px;font-size:.67rem;position:absolute;top:18px;left:20px}.car-layer-material{transform:translate3d(calc((var(--layer-x) - .5) * 12px), calc((var(--layer-y) - .5) * 8px), 0)}.car-layer-interface{transform:translate3d(calc((var(--layer-x) - .5) * -12px), calc((var(--layer-y) - .5) * -8px), 0)}.car-layer-stage[data-active="0"] .car-layer-base,.car-layer-stage[data-active="1"] .car-layer-sketch,.car-layer-stage[data-active="2"] .car-layer-material,.car-layer-stage[data-active="3"] .car-layer-interface{opacity:1}.car-layer-stage:not([data-active="1"]) .car-layer-scan{opacity:.28}.car-layer-scan{z-index:5;top:0;bottom:0;left:calc(var(--layer-x) * 100%);pointer-events:none;background:linear-gradient(#0000,#f05b2af2 30%,#ffffffd9 50%,#f05b2af2 70%,#0000);width:1px;position:absolute;box-shadow:0 0 24px #f05b2a9e}.car-layer-hint{z-index:6;color:#ffffffb3;letter-spacing:.16em;pointer-events:none;font-size:.68rem;position:absolute;bottom:15px;right:18px}.car-layer-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.car-layer-tabs button{color:#747772;border-right:1px solid var(--line);letter-spacing:.12em;transition:color .22s var(--ease), background .22s var(--ease);align-items:center;gap:18px;padding:17px 10px;font-size:.75rem;display:flex}.car-layer-tabs button:last-child{border-right:0}.car-layer-tabs button span{color:var(--accent)}.car-layer-tabs button.is-active{color:#efefe9;background:#f05b2a14}.material-explorer{width:var(--container);margin:0 auto clamp(150px,17vw,280px)}.material-explorer-heading{grid-template-columns:.35fr 1.3fr .7fr;align-items:end;gap:clamp(28px,5vw,80px);margin-bottom:clamp(44px,6vw,90px);display:grid}.material-explorer-heading>span{color:var(--accent);letter-spacing:.16em;font-size:.78rem;font-weight:600}.material-explorer-heading h3{letter-spacing:-.06em;margin:0;font-size:clamp(3rem,5.6vw,6.3rem);font-weight:590;line-height:.84}.material-explorer-heading p{color:#a4a6a1;margin:0;font-size:1rem;line-height:1.7}.material-explorer-stage{--explore-x:.5;--explore-y:.5;aspect-ratio:2.55;cursor:ew-resize;background:#080908;border:1px solid #ffffff24;position:relative;overflow:hidden}.material-explorer-stage figure{opacity:0;transition:opacity .42s var(--ease), transform .6s var(--ease);margin:0;position:absolute;inset:0;transform:translate(22px)}.material-explorer-stage figure.is-active{opacity:1;transform:translate3d(calc((var(--explore-x) - .5) * -10px), calc((var(--explore-y) - .5) * -7px), 0)}.material-explorer-stage img{object-fit:contain;width:100%;height:100%}.material-explorer-stage figcaption{color:#e3e4df;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.12em;background:#070807c7;border:1px solid #ffffff29;gap:18px;padding:9px 13px;font-size:.75rem;display:flex;position:absolute;bottom:18px;left:20px}.material-explorer-stage figcaption span{color:var(--accent)}.material-explorer-light{z-index:5;left:calc(var(--explore-x) * 100%);top:calc(var(--explore-y) * 100%);aspect-ratio:1;background:radial-gradient(circle, rgba(var(--accent-rgb),.13), transparent 68%);filter:blur(8px);pointer-events:none;opacity:.85;width:340px;transition:opacity .35s var(--ease);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.material-explorer-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.material-explorer-tabs button{color:#777a75;border-right:1px solid var(--line);letter-spacing:.1em;transition:color .22s var(--ease), background .22s var(--ease);align-items:center;gap:16px;padding:17px 12px;font-size:.75rem;display:flex}.material-explorer-tabs button:last-child{border-right:0}.material-explorer-tabs button span{color:var(--accent)}.material-explorer-tabs button.is-active{color:#efefe9;background:rgba(var(--accent-rgb),.085)}.project-flow{width:var(--container);margin-inline:auto}.material-intro{padding-bottom:clamp(130px,15vw,240px)}.project-section-heading{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:clamp(35px,6vw,100px);padding-bottom:22px;display:grid}.project-section-heading>span{color:var(--accent);letter-spacing:.16em;font-size:.8rem;font-weight:600}.project-section-heading strong{color:#8e918c;letter-spacing:.14em;font-size:.76rem;font-weight:500}.material-list{gap:clamp(75px,9vw,150px);margin-top:clamp(60px,8vw,120px);display:grid}.material-frame{--surface-x:.5;--surface-y:.5;perspective:1400px;width:88%;margin:0;position:relative;overflow:hidden}.material-frame:after,.source-page:after{content:"";z-index:3;pointer-events:none;opacity:0;background:radial-gradient(360px circle at calc(var(--surface-x) * 100%) calc(var(--surface-y) * 100%), rgba(var(--accent-rgb),.15), transparent 66%);transition:opacity .28s var(--ease);position:absolute;inset:0}.material-frame:hover:after,.source-page:hover:after{opacity:1}.material-frame:nth-child(2n){margin-left:auto}.material-frame img{object-fit:contain;width:100%;height:auto;transform:perspective(1400px) rotateX(calc((.5 - var(--surface-y)) * 1deg)) rotateY(calc((var(--surface-x) - .5) * 1deg));transition:filter .28s var(--ease), transform .28s var(--ease);background:#0e0f0e}.material-frame:hover img{filter:brightness(1.045)contrast(1.015)}.material-frame figcaption{color:#747772;border-top:1px solid var(--line);letter-spacing:.12em;grid-template-columns:50px 1fr;gap:20px;padding-top:13px;font-size:.78rem;display:grid}.material-frame figcaption span{color:var(--accent)}.material-frame figcaption strong{color:#d4d5d0;font-weight:500}.chapter{border-top:1px solid var(--line);padding:clamp(100px,12vw,190px) 0}.chapter-heading{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#090a09eb;grid-template-columns:.28fr 1fr;gap:40px;margin-bottom:clamp(60px,8vw,120px);padding:17px 0;display:grid;position:sticky;top:62px}.case-rescue .chapter-heading{background:#081013eb}.case-toy .chapter-heading{background:#110e09eb}.case-vr .chapter-heading{background:#0b0a11eb}.chapter-heading>span{color:var(--accent);font-size:.8rem;font-weight:600}.chapter-heading>div{grid-template-columns:1fr minmax(260px,520px);align-items:end;gap:70px;display:grid}.chapter-heading h3{letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,4.2vw,4.8rem);font-weight:580;line-height:.9}.chapter-heading p{color:#a2a49f;margin:0;font-size:.96rem;line-height:1.65}.chapter-pages{gap:clamp(75px,10vw,170px);display:grid}.source-page{--surface-x:.5;--surface-y:.5;perspective:1600px;width:100%;margin:0;position:relative;overflow:hidden}.source-page img{object-fit:contain;width:100%;height:auto;transform:perspective(1600px) rotateX(calc((.5 - var(--surface-y)) * .8deg)) rotateY(calc((var(--surface-x) - .5) * .8deg));transition:filter .28s var(--ease), transform .28s var(--ease);background:#101110;box-shadow:0 25px 80px #00000029}.source-page:hover img{filter:brightness(1.035)contrast(1.01)}.source-page figcaption{color:#6f726d;border-top:1px solid var(--line);letter-spacing:.13em;justify-content:space-between;padding-top:12px;font-size:.72rem;display:flex}.source-page figcaption span:first-child{color:var(--accent)}.page-align-1{width:91%;margin-left:auto}.page-align-2{width:94%}.case-footer{width:var(--container);border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:50px;margin:0 auto;padding:clamp(100px,12vw,180px) 0 60px;display:flex}.case-footer>div>span{color:var(--accent);letter-spacing:.13em;font-size:.78rem}.case-footer h3{letter-spacing:-.055em;margin:13px 0 0;font-size:clamp(3rem,6vw,7rem);font-weight:590;line-height:.85}.case-footer button{color:#111;background:#efefe9;border-radius:999px;align-items:center;gap:26px;padding:9px 10px 9px 17px;font-size:.84rem;display:flex}.case-footer button span{aspect-ratio:1;color:#fff;background:#111;border-radius:50%;place-items:center;width:30px;display:grid}@keyframes glow{to{opacity:.76;transform:translate(-6%,-4%)scale(1.08)}}@keyframes case-in{0%{opacity:0;transform:translateY(25px)}}@keyframes section-flow-reveal{0%{opacity:.24;clip-path:inset(10% 0 0);transform:translateY(8vh)scale(.985)}22%,72%{opacity:1;clip-path:inset(0);transform:none}to{opacity:.42;clip-path:inset(0 0 8%);transform:translateY(-5vh)scale(.992)}}@keyframes edge-pulse{0%{transform-origin:0;opacity:.55;transform:scaleX(.55)}to{transform-origin:0;opacity:1;transform:scaleX(1.45)}}@media (width<=980px){:root{--container:calc(100vw - 48px)}.about-grid{grid-template-columns:1fr}.about-grid>div{max-width:620px;margin-left:auto}.case-intro{grid-template-columns:50px 1fr}.case-copy{grid-column:2}.project-section-heading{grid-template-columns:1fr}.project-section-heading>span{margin-bottom:10px}.chapter-heading>div{grid-template-columns:1fr;gap:20px}.car-layers-heading{grid-template-columns:1fr 1fr}.car-layers-heading>span{grid-column:1/-1}.car-layer-detail{width:100%}.material-explorer-heading{grid-template-columns:1fr 1fr}.material-explorer-heading>span{grid-column:1/-1}}@media (width<=700px){:root{--container:calc(100vw - 28px)}.site-nav{grid-template-columns:1fr auto;min-height:58px;padding-inline:15px}.site-nav nav{gap:16px}.site-nav nav a{font-size:.63rem}.site-nav>span{display:none}.home-hero{padding:82px 15px 20px}.hero-top span:last-child{display:none}.hero-title{grid-template-columns:1fr;gap:24px}.hero-title h1{font-size:clamp(4rem,20vw,7rem);line-height:.76}.hero-title p{grid-column:1;max-width:290px;margin:0}.hero-title>span{font-size:.65rem}.about-section,.work-section{padding-top:95px;padding-bottom:115px}.about-grid h2{font-size:2.7rem}.work-heading{grid-template-columns:1fr;gap:35px}.work-heading h2{font-size:3.6rem}.project-list{gap:0}.project-card{min-height:calc(100dvh - 58px);padding:22px 14px 55px;top:58px}.project-page-wrap{min-height:112dvh}.project-card[data-reveal]{transform:translateY(8vh)rotateX(-3deg)}.project-image{padding:5px}.project-title{grid-template-columns:1fr auto;gap:18px}.project-title h3{font-size:3rem}.project-title p{font-size:.86rem}.project-title button{width:46px}.contact-section{padding:82px 15px 22px}.contact-copy p{margin-left:0}.contact-copy h2{font-size:4.5rem}.contact-section footer{grid-template-columns:1fr;gap:17px}.case-nav{grid-template-columns:1fr auto;min-height:62px;padding-inline:14px}.case-nav>span{display:none}.case-intro{grid-template-columns:1fr;gap:28px;padding-top:75px}.case-copy{grid-column:1}.case-title-block h2{font-size:3.8rem}.case-cover{margin-bottom:120px;padding:4px}.car-layers{margin-bottom:130px}.car-layers-heading{grid-template-columns:1fr;gap:22px}.car-layers-heading>span{grid-column:1}.car-layers-heading h3{font-size:2.65rem}.car-layer-stage{aspect-ratio:1.65}.car-layer-base,.car-layer-sketch img{object-fit:cover;object-position:38% center}.car-layer-detail{width:100%}.car-layer-tabs{grid-template-columns:1fr 1fr}.car-layer-tabs button:nth-child(2){border-right:0}.car-layer-tabs button{font-size:.64rem}.material-explorer{margin-bottom:130px}.material-explorer-heading{grid-template-columns:1fr;gap:22px}.material-explorer-heading>span{grid-column:1}.material-explorer-heading h3{font-size:2.65rem}.material-explorer-stage{aspect-ratio:1.55}.material-explorer-tabs{grid-template-columns:1fr 1fr}.material-explorer-tabs button:nth-child(2){border-right:0}.material-explorer-tabs button{font-size:.64rem}.material-frame,.material-frame:nth-child(2n){width:100%;margin-left:0}.project-section-heading{grid-template-columns:1fr;gap:10px}.project-section-heading strong{font-size:.66rem}.chapter{padding-top:80px}.chapter-heading{grid-template-columns:32px 1fr;gap:14px;top:56px}.chapter-heading h3{font-size:2.4rem}.chapter-heading p{font-size:.8rem}.source-page,.page-align-1,.page-align-2{width:100%;margin-left:0}.chapter-pages{gap:75px}.case-footer{display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}[data-reveal]{opacity:1;transform:none}}.work-section{--showcase-accent:var(--orange);--showcase-rgb:240,91,42;width:100%;transition:background-color .7s var(--ease);background:#080908;margin:0;padding:0;position:relative}.work-showcase-shell{min-height:400dvh;position:relative}.work-showcase-stage{z-index:4;background:radial-gradient(ellipse at 78% 96%, rgba(var(--showcase-rgb),.2), transparent 34%), linear-gradient(115deg, rgba(var(--showcase-rgb),.035), transparent 36%), #080908;isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:680px;padding:92px max(34px,50vw - 820px) 28px;display:grid;position:sticky;top:0;overflow:hidden}.work-showcase-stage:before{content:"";z-index:-1;opacity:.22;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:12.5vw 12.5vw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 76%,#0000);mask-image:linear-gradient(#0000,#000 22% 76%,#0000)}.showcase-header,.showcase-footer{color:#828580;border-color:var(--line);letter-spacing:.16em;align-items:center;font-size:.66rem;font-weight:500;display:grid}.showcase-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;padding-bottom:15px}.showcase-header span:first-child{color:var(--showcase-accent)}.showcase-layout{min-height:0;animation:showcase-change .72s var(--ease) both;grid-template-columns:minmax(118px,.18fr) minmax(300px,.72fr) minmax(520px,1.3fr);align-items:center;gap:clamp(28px,4vw,72px);padding:clamp(28px,4vh,55px) 0 clamp(22px,3vh,42px);display:grid}.showcase-index{align-content:center;align-self:stretch;display:grid}.showcase-index button{color:#5e615d;text-align:left;min-height:60px;transition:color .3s var(--ease), padding-left .4s var(--ease);border-bottom:1px solid #ffffff17;grid-template-columns:27px 1fr;align-items:center;gap:10px;padding:0;display:grid;position:relative}.showcase-index button:before{content:"";background:var(--showcase-accent);width:0;height:1px;transition:width .5s var(--ease);position:absolute;bottom:-1px;left:0}.showcase-index button:hover,.showcase-index button.is-active{color:#efefe9;padding-left:7px}.showcase-index button.is-active:before{width:100%}.showcase-index span{color:var(--showcase-accent);font-size:.64rem}.showcase-index strong{letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;font-weight:500;overflow:hidden}.showcase-copy{align-self:center}.showcase-category{color:#878a85;letter-spacing:.14em;margin-bottom:clamp(20px,3.5vh,42px);font-size:.7rem;display:block}.showcase-copy h2{letter-spacing:-.075em;text-wrap:balance;max-width:720px;margin:0;font-size:clamp(3.4rem,5vw,6.8rem);font-weight:590;line-height:.77}.showcase-copy>strong{color:var(--showcase-accent);letter-spacing:.18em;margin-top:22px;font-size:.78rem;font-weight:500;display:block}.showcase-copy>p{color:#a9aca7;max-width:460px;margin:clamp(24px,4vh,48px) 0 0;font-size:clamp(.88rem,1vw,1.03rem);line-height:1.72}.showcase-open{color:#e8e9e4;letter-spacing:.13em;transition:color .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease);border:1px solid #fff3;border-radius:999px;align-items:center;gap:28px;margin-top:clamp(24px,4vh,44px);padding:8px 9px 8px 16px;font-size:.65rem;display:inline-flex}.showcase-open span{aspect-ratio:1;color:#080908;background:var(--showcase-accent);width:29px;transition:transform .3s var(--ease);border-radius:50%;place-items:center;display:grid}.showcase-open:hover{color:#080908;background:var(--showcase-accent);border-color:var(--showcase-accent)}.showcase-open:hover span{background:#efefe9;transform:rotate(45deg)}.showcase-media{background:#0e0f0ee0;border:1px solid #ffffff1f;min-width:0;height:min(63vh,690px);padding:clamp(9px,1vw,15px);display:block;position:relative;overflow:hidden;box-shadow:0 32px 90px #00000052}.showcase-media:before{content:"";z-index:5;border-top:1px solid var(--showcase-accent);pointer-events:none;position:absolute;inset:0}.showcase-media-frame{background:#050605;width:100%;height:100%;display:block;position:relative;overflow:hidden}.showcase-media-slide{object-fit:contain;opacity:0;filter:brightness(.72)saturate(.8);width:100%;height:100%;transition:opacity .42s var(--ease), transform .78s var(--ease), filter .42s var(--ease);position:absolute;inset:0;transform:scale(1.018)}.showcase-media-slide.is-active{opacity:1;filter:none;transform:none}.showcase-media-status{z-index:7;color:#d9dad5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.13em;background:#060706c7;border:1px solid #ffffff24;gap:18px;padding:9px 12px;font-size:.62rem;display:flex;position:absolute;bottom:clamp(18px,2vw,32px);left:clamp(18px,2vw,32px)}.showcase-media-status span{color:var(--showcase-accent)}.showcase-media-status strong{font-weight:500}.showcase-media-track{z-index:7;grid-template-columns:repeat(4,1fr);gap:4px;width:min(190px,24%);display:grid;position:absolute;bottom:clamp(22px,2.2vw,35px);right:clamp(18px,2vw,32px)}.showcase-media-track i{height:2px;transition:background .25s var(--ease), transform .25s var(--ease);background:#ffffff3b}.showcase-media-track i.is-active{background:var(--showcase-accent);transform:scaleY(1.6)}.showcase-footer{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;gap:28px;padding-top:15px}.showcase-footer>span:first-child{color:var(--showcase-accent);font-variant-numeric:tabular-nums}.showcase-footer>div{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.showcase-footer i{height:1px;transition:background .5s var(--ease);background:#ffffff1f}.showcase-footer i.is-active{background:var(--showcase-accent)}.showcase-triggers{z-index:1;pointer-events:none;margin-top:-100dvh;position:relative}.showcase-triggers>div{height:100dvh}.work-mobile-list{display:none}@keyframes showcase-change{0%{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:none}}@media (width<=1100px) and (width>=821px){.showcase-layout{grid-template-columns:100px minmax(250px,.66fr) minmax(400px,1.2fr);gap:25px}.showcase-copy h2{font-size:clamp(3.6rem,7vw,5.4rem)}.showcase-copy>p{font-size:.83rem}.showcase-index strong{display:none}.showcase-index button{grid-template-columns:1fr}}@media (width<=820px){.work-section{padding:105px 14px 125px}.work-showcase-shell{display:none}.work-mobile-list{gap:0;width:100%;display:grid}.work-mobile-list>.section-label{margin-bottom:70px}.mobile-project{border-bottom:1px solid #ffffff24;margin-bottom:78px;padding:0 0 105px;position:relative}.mobile-project:before{content:"";z-index:0;background:radial-gradient(ellipse at 80% 70%, rgba(var(--mobile-rgb),.12), transparent 52%);pointer-events:none;position:absolute;inset:25% -14px 0}.mobile-project>*{z-index:1;position:relative}.mobile-project-meta{color:#7d807b;letter-spacing:.12em;justify-content:space-between;font-size:.65rem;display:flex}.mobile-project-meta span:first-child{color:var(--mobile-accent)}.mobile-project h2{letter-spacing:-.07em;margin:30px 0 0;font-size:clamp(3.3rem,15vw,6rem);font-weight:590;line-height:.8}.mobile-project>strong{color:var(--mobile-accent);letter-spacing:.17em;margin-top:17px;font-size:.72rem;font-weight:500;display:block}.mobile-project>p{color:#aeb0ab;max-width:440px;margin:24px 0 34px;font-size:.9rem;line-height:1.65}.mobile-project-image{border-top:1px solid var(--mobile-accent);background:#0d0e0d;width:100%;padding:5px;display:block}.mobile-project-image img{object-fit:contain;width:100%;height:auto;display:block}.mobile-project-open{color:#dedfda;letter-spacing:.15em;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;width:100%;margin-top:22px;padding:13px 0;font-size:.67rem;display:flex}.mobile-project-open span{color:var(--mobile-accent);font-size:1rem}}