html{scroll-behavior:smooth}::selection{color:#1d0f22;background:#f1ddfb}:focus-visible{outline-offset:.22rem;outline:2px solid #f1ddfb}*{scrollbar-color:#eed6f98c #16091bcc}.cinema{color:#fbf7fc;background:radial-gradient(circle at 12% 4%,#c270e033,#0000 30rem),radial-gradient(circle at 88% 12%,#63d6cd21,#0000 28rem),linear-gradient(#170a1c 0%,#301934 48%,#180a1f 100%)}.portfolio-home{min-height:100svh;overflow:hidden}.scene{--scene-progress:0;--scene-drift:calc(var(--scene-progress) * 1);--scene-fade:calc(1 - (var(--scene-progress) * var(--scene-progress)));box-sizing:border-box;isolation:isolate;width:100%;position:relative}.scene-copy{z-index:2;opacity:calc(.72 + (var(--scene-fade) * .28));transform:translateY(calc(var(--scene-drift) * -1.25rem));will-change:opacity, transform;transition:opacity .18s linear,transform .18s linear;position:relative}.cinema--static .scene-copy{opacity:1;transform:none}.home-hero{min-height:100svh;padding:clamp(1.25rem,2.6vw,2.25rem);display:grid;overflow:hidden}.home-hero:after{content:"";z-index:0;filter:blur(38px);height:48%;opacity:calc(.42 + (var(--scene-fade) * .28));pointer-events:none;background:radial-gradient(#eed6f924,#0000 68%);position:absolute;inset:auto -18% -36% 22%}.aurora-field{z-index:0;filter:blur(28px);transform:translate3d(calc(var(--scene-drift) * 1.8rem), calc(var(--scene-drift) * -.8rem), 0) rotate(-4deg);opacity:.9;pointer-events:none;background:radial-gradient(at 24% 22%,#c58ad461,#0000 34%),radial-gradient(at 68% 18%,#4fdbcf2e,#0000 28%),radial-gradient(at 52% 8%,#fff6fb29,#0000 18%);position:absolute;inset:-18% -8% 18%}.home-nav{z-index:3;justify-content:space-between;align-items:center;gap:1rem;width:min(100%,78rem);margin:0 auto;display:flex;position:relative}.mark{color:#fbf7fc;width:2.8rem;height:2.8rem;font-family:var(--font-label);letter-spacing:.08em;background:#13081885;border:1px solid #f1ddfb3d;border-radius:50%;place-items:center;font-size:.78rem;font-weight:760;text-decoration:none;display:grid;box-shadow:0 12px 36px #00000047}.nav-links{font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:clamp(.9rem,2.4vw,1.75rem);font-size:.78rem;font-weight:680;display:flex}.nav-links a{color:#fbf7fcc2;text-underline-offset:.3em;text-decoration-thickness:1px;transition:color .18s}.nav-links a:hover{color:#fff}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,26rem);align-self:end;align-items:end;gap:clamp(2.5rem,7vw,6rem);width:min(100%,78rem);margin:0 auto;padding-block:clamp(5rem,16vh,9rem) clamp(2rem,6vh,5rem);display:grid}.hero-copy{max-width:62rem}.hero-copy h1{color:#fff;max-width:13ch;font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(3rem,8.6vw,5.9rem);font-weight:780;line-height:.92}.hero-subtitle{color:#fbf7fcc7;max-width:42rem;margin:clamp(1.35rem,3vw,2rem) 0 0;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.55}.hero-actions,.fit-actions,.product-links{flex-wrap:wrap;gap:.8rem;margin-top:clamp(1.6rem,4vw,2.5rem);display:flex}.cinema .button,.product-links a,.text-link{color:inherit;font-family:var(--font-label);letter-spacing:.02em;text-underline-offset:.28em;font-weight:760;text-decoration-thickness:1px}.cinema .button{border-radius:999px;align-items:center;min-height:2.95rem;padding:.1rem 1.1rem 0;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.cinema .button:hover{transform:translateY(-1px)}.cinema .button-primary{color:#241426;background:#f1ddfb;box-shadow:0 16px 36px #07020a4d}.cinema .button-secondary{color:#fbf7fc;background:#fbf7fc0f;border:1px solid #f1ddfb3d}.cinema .button-secondary:hover{background:#fbf7fc1a;border-color:#f1ddfb7a}.hero-system{background:radial-gradient(circle at 84% 12%,#4fdbcf1f,#0000 14rem),linear-gradient(#fbf7fc18,#fbf7fc09),#100714c7;border:1px solid #f1ddfb29;border-radius:1.7rem;gap:1.1rem;padding:clamp(1rem,3vw,1.35rem);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000061}.hero-system:before{content:"";opacity:.68;background:linear-gradient(#f1ddfb14,#f1ddfb85,#f1ddfb14);width:1px;position:absolute;inset:1rem auto 1rem 1.35rem}.system-header{gap:.35rem;padding-left:1.35rem;display:grid}.system-header span,.system-line span,.system-outcomes span{color:#fbf7fc8f;font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:760}.system-header strong{color:#fff;font-family:var(--font-display);letter-spacing:-.032em;font-size:clamp(1.05rem,2vw,1.45rem)}.system-lines{gap:.72rem;display:grid}.system-line{background:#fbf7fc0c;border:1px solid #f1ddfb1c;border-radius:1.05rem;gap:.25rem;min-height:6.6rem;padding:.9rem .95rem .95rem 1.35rem;display:grid;position:relative}.system-line:before{content:"";background:#180a1f;border:1px solid #f1ddfb94;border-radius:50%;width:.68rem;height:.68rem;position:absolute;top:1.18rem;left:-.38rem;box-shadow:0 8px 22px #00000052}.system-line strong{color:#fff;font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.05}.system-line p{color:#fbf7fcad;margin:.2rem 0 0;font-size:.92rem;line-height:1.4}.system-outcomes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.system-outcomes div{border-top:1px solid #f1ddfb24;gap:.25rem;padding-top:.85rem;display:grid}.system-outcomes strong{color:#f1ddfb;font-family:var(--font-display);letter-spacing:-.035em;white-space:nowrap;font-size:clamp(1rem,1.7vw,1.2rem)}.home-section{z-index:1;width:min(100%,78rem);margin:0 auto;padding:clamp(4.5rem,13vw,9rem) clamp(1.25rem,2.6vw,2.25rem);position:relative}.logo-section{padding-block:clamp(2rem,5vw,3.5rem)}.logo-rail{border-block:1px solid #f1ddfb1f;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1.6rem,4vw,3.5rem);padding:1.4rem;display:flex}.rail-logo{object-fit:contain;opacity:.74;width:auto;max-width:9.5rem;height:clamp(1rem,2vw,1.5rem)}.section-heading{max-width:54rem}.section-heading h2,.work-copy h2,.fit-panel h2{color:#fff;font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2.1rem,5.4vw,4.6rem);font-weight:760;line-height:.98}.section-heading p,.work-copy p,.fit-panel p{color:#fbf7fcb8;max-width:45rem;margin:1rem 0 0;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.65}.principle-list{grid-template-columns:.95fr 1.15fr .9fr;gap:clamp(1rem,2.5vw,1.5rem);margin-top:clamp(2.2rem,6vw,4rem);display:grid}.principle{background:linear-gradient(#f1ddfb14,#f1ddfb09),#14081a94;border:1px solid #f1ddfb21;border-radius:1.5rem;min-height:17rem;padding:clamp(1.25rem,3vw,1.8rem);position:relative;box-shadow:0 18px 48px #0000003d}.principle:nth-child(2){margin-top:clamp(1.2rem,4vw,3rem)}.principle h3,.career-stop h3,.product-copy h3{color:#fff;font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(1.25rem,2.6vw,2rem);line-height:1.05}.principle p,.career-stop p,.product-copy p{color:#fbf7fcb3;margin:1rem 0 0;line-height:1.58}.work-section{grid-template-columns:minmax(0,.92fr) minmax(20rem,1.08fr);align-items:center;gap:clamp(2.5rem,8vw,6rem);display:grid}.outcome-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:clamp(1.5rem,4vw,2.25rem) 0 0;display:grid}.outcome-list div{border-top:1px solid #f1ddfb2e;padding:1rem}.outcome-list dt{color:#fbf7fc9e;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:760}.outcome-list dd{color:#fff;font-family:var(--font-display);letter-spacing:-.04em;margin:.4rem 0 0;font-size:clamp(1.3rem,3vw,2.2rem);font-weight:760}.text-link{color:#f1ddfb;margin-top:1.5rem;display:inline-flex}.work-visual{min-height:clamp(22rem,46vw,34rem);position:relative}.work-visual:before{content:"";filter:blur(42px);pointer-events:none;background:#4fdbcf21;border-radius:2.2rem;position:absolute;inset:16% 8% 6% 0}.work-image,.product-image{object-fit:cover;background:#1d0f22;border:1px solid #f1ddfb24;border-radius:1.45rem;width:100%;height:auto;display:block;box-shadow:0 28px 74px #0000005c}.work-image-main{z-index:2;position:relative}.work-image-support{z-index:1;width:min(58%,24rem);position:absolute;bottom:-8%;right:-6%}.career-path{border-block:1px solid #f1ddfb24;gap:0;margin-top:clamp(2rem,5vw,3.5rem);display:grid}.career-stop{border-bottom:1px solid #f1ddfb1f;grid-template-columns:minmax(8rem,.5fr) minmax(11rem,.55fr) minmax(0,1fr);align-items:baseline;gap:clamp(1rem,4vw,3rem);padding:clamp(1.3rem,3vw,2rem) 0;display:grid}.career-stop:last-child{border-bottom:0}.career-stop strong{color:#f1ddfb;font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(1.25rem,2.5vw,1.8rem)}.career-stop p{margin:0}.product-stack{gap:clamp(1.3rem,4vw,2rem);margin-top:clamp(2rem,6vw,4rem);display:grid}.product-story{background:linear-gradient(135deg,#f1ddfb12,#4fdbcf0b),#1308189e;border:1px solid #f1ddfb21;border-radius:1.7rem;grid-template-columns:minmax(0,.78fr) minmax(20rem,1fr);align-items:center;gap:clamp(2rem,6vw,4rem);padding:clamp(1.2rem,3vw,1.6rem);display:grid;box-shadow:0 20px 58px #00000047}.product-story:nth-child(2n){grid-template-columns:minmax(20rem,1fr) minmax(0,.78fr)}.product-story:nth-child(2n) .product-copy{order:2}.product-logo{border-radius:.9rem;width:3.6rem;height:auto;margin-bottom:1.2rem;display:block}.product-copy ul{gap:.55rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.product-copy li{color:#fbf7fcbd}.product-copy li:before{content:"";vertical-align:.08em;background:#f1ddfb;border-radius:50%;width:.45rem;height:.45rem;margin-right:.65rem;display:inline-block}.product-links{margin-top:1.4rem}.product-links a{color:#f1ddfb}.fit-section{padding-bottom:clamp(5rem,12vw,9rem)}.fit-panel{background:radial-gradient(circle at 80% 18%,#4fdbcf21,#0000 19rem),linear-gradient(#f1ddfb17,#f1ddfb09),#110716d6;border:1px solid #f1ddfb29;border-radius:2rem;max-width:58rem;padding:clamp(1.5rem,5vw,3rem);position:relative;overflow:hidden;box-shadow:0 28px 80px #0000005c}.concept-page{color:#fbf7fc;background:radial-gradient(circle at 78% 6%,#4fdbcf29,#0000 30rem),radial-gradient(circle at 18% 14%,#c58ad442,#0000 32rem),linear-gradient(#120716 0%,#301934 52%,#110615 100%);min-height:100svh}.concept-nav{justify-content:space-between;align-items:center;gap:1rem;width:min(100%,86rem);margin:0 auto;padding:clamp(1rem,2.5vw,1.5rem);display:flex}.concept-mark{color:#fff;width:2.7rem;height:2.7rem;font-family:var(--font-label);letter-spacing:.08em;border:1px solid #f1ddfb3d;border-radius:50%;place-items:center;font-size:.78rem;font-weight:760;text-decoration:none;display:grid}.concept-nav>div{flex-wrap:wrap;justify-content:flex-end;gap:.75rem 1.2rem;display:flex}.concept-nav a:not(.concept-mark){color:#fbf7fcad;font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;text-underline-offset:.3em;font-size:.72rem;font-weight:760;text-decoration-thickness:1px}.concept-nav a[aria-current=page]{color:#fff}.concept-hero{width:min(100%,86rem);margin:0 auto;padding:clamp(4rem,10vw,8rem) clamp(1rem,2.5vw,1.5rem)}.concept-actions{flex-wrap:wrap;gap:.75rem;margin-top:clamp(1.5rem,4vw,2.4rem);display:flex}.concept-actions a{color:#fbf7fc;min-height:2.85rem;font-family:var(--font-label);letter-spacing:.02em;background:#fbf7fc11;border:1px solid #f1ddfb33;border-radius:999px;padding:.72rem 1rem .62rem;font-weight:760;text-decoration:none}.os-hero{grid-template-columns:minmax(0,.9fr) minmax(22rem,1.1fr);align-items:end;gap:clamp(2.5rem,8vw,6rem);display:grid}.os-copy h1,.proof-statement h1,.autopsy-hero h1,.concept-index-hero h1{color:#fff;max-width:10ch;font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(3.5rem,10vw,6rem);font-weight:790;line-height:.88}.os-copy p,.proof-statement p,.autopsy-hero p,.concept-index-hero p,.proof-work p{color:#fbf7fcbd;max-width:42rem;margin:1.25rem 0 0;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.6}.os-console{background:radial-gradient(circle at 82% 16%,#4fdbcf24,#0000 16rem),#110716d1;border:1px solid #f1ddfb29;border-radius:2rem;gap:.85rem;padding:clamp(1rem,3vw,1.5rem);display:grid;box-shadow:0 28px 80px #00000061}.os-strip{background:#fbf7fc0a;border:1px solid #f1ddfb1a;border-radius:1.2rem;gap:.35rem;min-height:7rem;padding:1rem;display:grid}.os-strip-active{background:#f1ddfb18}.os-strip span,.proof-cuts span,.autopsy-flow span{color:#fbf7fc8f;font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:760}.os-strip strong,.proof-cuts strong{color:#fff;font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(1.2rem,2.6vw,1.8rem);line-height:1.05}.os-strip p{color:#fbf7fcad;margin:0;line-height:1.45}.concept-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:min(100%,86rem);margin:0 auto;padding:0 clamp(1rem,2.5vw,1.5rem) clamp(4rem,10vw,7rem);display:grid}.concept-proof-grid div{border-top:1px solid #f1ddfb2e;padding-top:1.1rem}.concept-proof-grid strong{color:#f1ddfb;font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(1.5rem,3.4vw,2.6rem);display:block}.concept-proof-grid span{color:#fbf7fca3}.proof-hero{gap:clamp(2rem,6vw,4rem);display:grid}.proof-statement h1{max-width:8ch;font-size:clamp(4.2rem,15vw,11rem)}.proof-cuts{grid-template-columns:1.2fr .8fr .95fr .75fr;gap:clamp(.8rem,2vw,1.2rem);display:grid}.proof-cuts div{border-top:1px solid #f1ddfb2e;min-height:11rem;padding-top:1rem}.proof-cuts strong{margin-top:.65rem;font-size:clamp(1.7rem,4vw,3.2rem);display:block}.proof-work{grid-template-columns:minmax(0,.45fr) minmax(20rem,1fr);align-items:end;gap:clamp(2rem,6vw,4rem);width:min(100%,86rem);margin:0 auto;padding:0 clamp(1rem,2.5vw,1.5rem) clamp(5rem,12vw,9rem);display:grid}.proof-work img,.autopsy-flow img{border:1px solid #f1ddfb24;border-radius:1.4rem;width:100%;height:auto;display:block;box-shadow:0 28px 80px #00000061}.autopsy-hero h1{max-width:9ch}.autopsy-flow{gap:clamp(3rem,10vw,7rem);width:min(100%,86rem);margin:0 auto;padding:0 clamp(1rem,2.5vw,1.5rem) clamp(5rem,12vw,9rem);display:grid}.autopsy-flow article{grid-template-columns:minmax(0,.48fr) minmax(20rem,1fr);align-items:end;gap:clamp(2rem,6vw,4rem);display:grid}.autopsy-flow article:nth-child(2n){grid-template-columns:minmax(20rem,1fr) minmax(0,.48fr)}.autopsy-flow article:nth-child(2n) img{order:-1}.autopsy-flow h2{color:#fff;font-family:var(--font-display);letter-spacing:-.04em;margin:.8rem 0 0;font-size:clamp(2rem,5vw,4.2rem);line-height:.96}.concept-index-hero h1{max-width:12ch}.concept-index-list{gap:1rem;width:min(100%,86rem);margin:0 auto;padding:0 clamp(1rem,2.5vw,1.5rem) clamp(5rem,12vw,8rem);display:grid}.concept-index-list a{color:inherit;border-top:1px solid #f1ddfb29;gap:.65rem;padding:1.4rem 0;text-decoration:none;display:grid}.concept-index-list span{color:#fbf7fc94;font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:760}.concept-index-list strong{color:#fff;font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(1.8rem,4vw,3.4rem)}.case-card{color:inherit;border-top:1px solid #e8c6f024;padding-block:clamp(1.5rem,4vh,2.5rem);text-decoration:none;transition:opacity .2s;display:block}.case-card:hover{opacity:.8}.case-card-title,.case-card-outcome,.case-outcome{letter-spacing:-.03em}.case-card-outcome{white-space:nowrap}.scene--case{min-height:80svh}.scene--index,.scene--detail{min-height:auto;padding-block:clamp(3rem,10vh,6rem);padding-inline:clamp(1.75rem,8vw,9rem);overflow:hidden}.scene--hero{min-height:100svh;padding:16vh clamp(1.75rem,8vw,9rem) 12vh}.hero-title,.statement-title{letter-spacing:-.04em;flex-direction:column;line-height:.94;display:flex}h1.hero-title.font-display{font-size:clamp(2.6rem,7vw,5.8rem)}.scroll-cue,.bracket{letter-spacing:.16em;text-transform:uppercase}.detail-copy{max-width:34rem}.story-copy{max-width:38rem}.story-heading{letter-spacing:-.035em;max-width:44rem}h2.story-heading.font-display{font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.05}.story-section{border-top:1px solid #e8c6f024;padding-top:clamp(2.5rem,7vh,4rem)}.story-quote{border-left:1px solid #c58ad4a6;max-width:44rem;padding-left:clamp(1.25rem,3vw,2rem)}.story-quote-text{letter-spacing:-.03em;line-height:1.15}.story-quote-text.story-quote-text{font-size:clamp(1.6rem,3vw,2.4rem)}.story-image,.decision-evidence,.mockup-frame{border:1px solid #e8c6f029;border-radius:1rem;overflow:hidden;box-shadow:0 24px 64px #0000005c}.story-image img,.decision-evidence img,.mockup-frame img{width:100%;height:auto;display:block}.scene--next{padding-block:clamp(4rem,14vh,8rem);padding-inline:clamp(1.75rem,8vw,9rem)}.next-project{color:inherit;border-top:1px solid #e8c6f024;flex-direction:column;gap:1rem;padding-top:clamp(2rem,6vh,3.5rem);text-decoration:none;transition:opacity .2s;display:flex}.next-project:hover,.proof-link:hover{opacity:.8}.next-project-title,.decision-title{letter-spacing:-.04em}.decision{border-top:1px solid #e8c6f024;padding-top:clamp(1.5rem,4vh,2.5rem)}.proof-link{color:inherit;border-top:1px solid #e8c6f024;justify-content:space-between;align-items:baseline;gap:1.5rem;padding-block:clamp(1.25rem,3vh,2rem);text-decoration:none;transition:opacity .2s;display:flex}@media (min-width:860px){.hero-title>span{white-space:nowrap}}@media (max-width:940px){.hero-grid,.work-section,.product-story,.product-story:nth-child(2n),.principle-list{grid-template-columns:1fr}.hero-grid{align-self:center}.hero-system{max-width:34rem}.principle,.principle:nth-child(2){min-height:auto;margin-top:0}.product-story:nth-child(2n) .product-copy{order:0}.os-hero,.proof-work,.autopsy-flow article,.autopsy-flow article:nth-child(2n){grid-template-columns:1fr}.autopsy-flow article:nth-child(2n) img{order:0}.proof-cuts,.concept-proof-grid{grid-template-columns:1fr}.proof-cuts div{min-height:auto}}@media (max-width:720px){.home-hero{min-height:auto;padding:1rem}.nav-links{gap:.9rem;font-size:.68rem}.hero-grid{padding-block:5rem 2rem}.hero-copy h1{max-width:12ch;font-size:clamp(2.55rem,15vw,4rem)}.hero-subtitle{font-size:1rem}.system-outcomes{grid-template-columns:1fr;gap:.35rem}.home-section{padding-inline:1rem}.logo-rail{justify-content:flex-start}.work-image-support{width:74%;margin:-3rem 0 0 auto;position:relative;bottom:auto;right:auto}.outcome-list{grid-template-columns:1fr}.career-stop{grid-template-columns:1fr;gap:.45rem}.product-story{padding:1rem}.product-logo{width:3rem}.scene--hero,.scene--index,.scene--detail,.scene--next{padding-inline:1.2rem}.proof-link{flex-direction:column;gap:.5rem}.concept-nav{flex-direction:column;align-items:flex-start}.concept-nav>div{justify-content:flex-start}.concept-hero{padding-top:3rem}.proof-statement h1{font-size:clamp(4rem,22vw,7rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-copy,.aurora-field,.home-hero:after{opacity:1;transition:none;transform:none}}