.project-page{background:var(--bg)}.project-page .site-header:not(.scrolled){color:#fafafa}.case-main{overflow:clip}.case-hero{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;padding:calc(var(--nav-h) + clamp(60px,8vw,120px)) var(--gutter) clamp(48px,6vw,84px);background:#080808;color:#fafafa}.case-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:radial-gradient(circle,rgb(202 76 52 / 18%) 1px,transparent 1px);background-size:29px 29px;opacity:.35;-webkit-mask-image:linear-gradient(90deg,black,transparent 72%);mask-image:linear-gradient(90deg,black,transparent 72%)}.case-hero:after{content:"";position:absolute;right:-18vw;top:-34vw;z-index:-3;width:78vw;height:78vw;border-radius:50%;background:radial-gradient(circle,rgb(202 76 52 / 17%),transparent 66%)}.case-hero__content{position:relative;z-index:2;width:min(1440px,100%);margin-inline:auto}.case-eyebrow{margin:0 0 clamp(26px,4vh,48px);color:#777;font:500 9px var(--font-mono);letter-spacing:.17em;text-transform:uppercase}.case-eyebrow span{margin-right:14px;color:var(--accent-bright)}.case-hero h1{margin:0;max-width:1100px;font:800 clamp(74px,11vw,174px)/.82 var(--font-display);letter-spacing:-.075em}.case-hero h1 span{color:var(--accent)}.case-hero__bottom{display:grid;grid-template-columns:minmax(260px,620px) auto;justify-content:space-between;align-items:end;gap:40px;margin:clamp(34px,5vh,62px) 0 clamp(46px,6vh,72px) clamp(30px,5vw,80px)}.case-hero__bottom>p{max-width:620px;margin:0;color:#9b9b9b;font-size:clamp(15px,1.3vw,19px);line-height:1.65;text-wrap:balance}.case-hero__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.case-primary,.case-secondary{min-width:190px;height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:0 22px;border-radius:4px;font:600 9px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.case-primary{background:var(--accent);color:var(--accent-ink)}.case-secondary{border:1px solid #303030;color:#d0d0d0}.case-primary b,.case-secondary b{font:17px var(--font-body)}.case-meta{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));margin:0;border-top:1px solid #242424;border-bottom:1px solid #242424}.case-meta div{padding:20px 18px;border-right:1px solid #242424}.case-meta div:last-child{border:0}.case-meta dt{color:#5f5f5f;font:8px var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.case-meta dd{margin:8px 0 0;font:600 13px var(--font-display)}.case-meta dd i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#28c840;box-shadow:0 0 10px #28c840}.case-meta dd i.is-building{background:var(--accent);box-shadow:0 0 10px var(--accent)}.case-index{position:absolute;right:var(--gutter);bottom:22px;color:#4e4e4e;font:8px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.case-hero__signal{position:absolute;right:-7vw;top:10%;z-index:0;width:min(55vw,920px);height:74%;transform:rotate(-8deg);opacity:.7}.case-hero__signal i{position:absolute;left:0;width:110%;height:1px;background:linear-gradient(90deg,transparent,rgb(202 76 52 / 22%) 18%,var(--accent) 72%,transparent);transform:translate(16%);animation:caseSignal 8s var(--ease) infinite alternate}.case-hero__signal i:nth-child(1){top:12%}.case-hero__signal i:nth-child(2){top:30%;animation-delay:-1.3s}.case-hero__signal i:nth-child(3){top:48%;animation-delay:-2.6s}.case-hero__signal i:nth-child(4){top:66%;animation-delay:-3.9s}.case-hero__signal i:nth-child(5){top:84%;animation-delay:-5.2s}@keyframes caseSignal{to{transform:translate(-4%);opacity:.45}}.case-preview{max-width:none;padding-inline:0;background:var(--bg-2)}.case-preview>*{width:min(calc(var(--max-w) - (var(--gutter) * 2)),100%);margin-inline:auto}.case-preview>.case-section-label{width:min(calc(var(--max-w) - (var(--gutter) * 2)),calc(100% - (var(--gutter) * 2)))}.case-section-label{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;margin-bottom:clamp(34px,5vw,64px);color:var(--text-3);font:500 8px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.case-section-label span{color:var(--accent-text)}.case-section-label p{margin:0}.case-section-label b{font-weight:500}.case-preview>.case-browser{width:min(1080px,calc(100% - (var(--gutter) * 2)));max-width:none}.case-browser{overflow:hidden;border:1px solid var(--border-2);border-radius:10px;background:#101413;box-shadow:0 28px 70px #0f0a0824}.case-browser__bar{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid #ffffff12;color:#757575;font:8px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.case-browser__bar>span{display:flex;gap:7px}.case-browser__bar i{width:7px;height:7px;border-radius:50%;background:#3b3b3b}.case-browser__bar i:first-child{background:var(--accent)}.case-browser__bar p{margin:0}.case-browser__bar b{justify-self:end;color:#8e8e8e;font-weight:500}.case-video{width:100%;height:auto;aspect-ratio:1918 / 928;display:block;object-fit:contain;background:#101413}.case-project-image{width:100%;height:auto;aspect-ratio:1440 / 1000;display:block;object-fit:contain;background:#f5f2ed}.case-shot-placeholder{position:relative;isolation:isolate;width:100%;aspect-ratio:1918 / 928;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,7vw,120px);overflow:hidden;background:radial-gradient(circle at 78% 25%,rgb(202 76 52 / 18%),transparent 32%),#100b0a;color:#fafafa}.case-shot-placeholder:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:radial-gradient(circle,#ffffff24 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(90deg,black,transparent 86%);mask-image:linear-gradient(90deg,black,transparent 86%)}.case-shot-placeholder--affinery{background:radial-gradient(circle at 22% 76%,rgb(209 106 85 / 20%),transparent 36%),#100909}.case-shot-placeholder>small{color:var(--accent);font:7px var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.case-shot-placeholder>strong{max-width:1000px;margin:16px 0 30px;font:700 clamp(42px,7vw,110px)/.9 var(--font-display);letter-spacing:-.065em}.case-shot-placeholder>strong span{color:var(--accent)}.case-shot-flow{display:flex;flex-wrap:wrap;gap:8px}.case-shot-flow span{padding:8px 11px;border:1px solid #ffffff1c;border-radius:99px;background:#ffffff08;color:#ffffff8c;font:7px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.case-browser__caption{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;color:#b9b9b9;font:9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.case-browser__caption b{color:#606060;font-weight:500}.case-gallery{max-width:none;padding-inline:0;background:var(--bg);overflow:hidden}.case-gallery>.case-section-label,.case-gallery__intro{width:min(calc(var(--max-w) - (var(--gutter) * 2)),calc(100% - (var(--gutter) * 2)));margin-inline:auto}.case-gallery__intro{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(36px,7vw,110px);align-items:end;margin-bottom:clamp(70px,9vw,120px)}.case-gallery__intro h2{margin:0;font:800 clamp(54px,7.6vw,112px)/.9 var(--font-display);letter-spacing:-.07em}.case-gallery__intro h2 span{color:var(--accent)}.case-gallery__intro p{max-width:520px;margin:0 0 8px;color:var(--text-2);font-size:clamp(14px,1.25vw,17px);line-height:1.75}.case-gallery__groups{display:grid;gap:clamp(62px,8vw,104px)}.case-gallery__group{width:min(calc(var(--max-w) - (var(--gutter) * 2)),calc(100% - (var(--gutter) * 2)));min-width:0;margin-inline:auto}.case-gallery__group>header{width:100%;display:flex;justify-content:space-between;gap:24px;margin:0 0 20px;padding-bottom:13px;border-bottom:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.case-gallery__group>header p{margin:0;color:var(--text);font-size:9px}.case-gallery__group>header p span{margin-right:13px;color:var(--accent-text)}.case-gallery__group>header small{color:var(--text-3);font-size:7px}.case-gallery__description{max-width:760px;margin:0 0 clamp(24px,3vw,34px);color:var(--text-2);font-size:clamp(13px,1.15vw,16px);line-height:1.75;text-wrap:pretty}.case-gallery__rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}.case-gallery__rail:focus-visible{outline:1px solid var(--accent);outline-offset:6px}.case-gallery__rail figure{min-width:0;margin:0}.case-gallery__rail figure>a{display:block;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:#f5f2ed;box-shadow:0 18px 52px #120c0a1a}.case-gallery__rail img{width:100%;height:auto;aspect-ratio:1440 / 1000;display:block;object-fit:contain;transition:transform .7s var(--ease)}.case-gallery__rail figure>a:hover img,.case-gallery__rail figure>a:focus-visible img{transform:scale(1.008)}.case-gallery__rail figcaption{display:flex;align-items:center;gap:11px;padding-top:12px;color:var(--text-2);font:8px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.case-gallery__rail figcaption span{color:var(--accent-text)}.case-overview{background:var(--bg)}.case-overview__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,7vw,110px)}.case-overview h2,.case-stack__heading h2{margin:0;font:800 clamp(54px,7.6vw,112px)/.9 var(--font-display);letter-spacing:-.07em}.case-overview h2 span,.case-stack__heading h2 span,.case-next h2 span{color:var(--accent)}.case-overview__copy{padding-top:12px}.case-overview__copy p{margin:0 0 22px;color:var(--text-2);font-size:clamp(15px,1.35vw,18px);line-height:1.75}.case-principles{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(40px,6vw,88px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.case-principles article{min-height:210px;padding:28px;border-right:1px solid var(--border)}.case-principles article:last-child{border:0}.case-principles small{color:var(--accent-text);font:8px var(--font-mono)}.case-principles h3{margin:46px 0 10px;font:700 24px var(--font-display);letter-spacing:-.04em}.case-principles p{margin:0;color:var(--text-2);font-size:13px;line-height:1.65}.case-stack{max-width:none;background:#080808;color:#fafafa}.case-stack>*{width:min(calc(var(--max-w) - (var(--gutter) * 2)),100%);margin-inline:auto}.case-stack .case-section-label{color:#666}.case-stack .case-section-label span{color:var(--accent-bright)}.case-stack__heading{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;margin-bottom:clamp(55px,8vw,105px)}.case-stack__heading>p{max-width:430px;margin:0 0 8px;color:#858585;line-height:1.7}.case-stack__grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #242424}.case-stack__grid article{min-height:180px;display:grid;grid-template-columns:32px 64px 1fr;gap:20px;align-items:center;padding:26px 24px;border-right:1px solid #242424;border-bottom:1px solid #242424}.case-stack__grid article:nth-child(2n){border-right:0}.case-stack__grid article>span{align-self:start;color:#555;font:8px var(--font-mono)}.case-stack__grid img{width:54px;height:54px;object-fit:contain;filter:saturate(.85)}.case-tech-mark{width:54px;height:54px;display:grid;place-items:center;border:1px solid #353535;border-radius:12px;background:#151515;color:var(--accent);font:700 13px var(--font-mono);letter-spacing:.06em}.case-stack__grid h3{margin:0 0 8px;font:700 24px var(--font-display);letter-spacing:-.04em}.case-stack__grid p{margin:0;color:#767676;font-size:13px;line-height:1.6}.case-outcome{background:var(--bg-2)}.case-outcome__grid{display:grid;grid-template-columns:1.4fr repeat(3,.6fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.case-outcome__grid>p{margin:0;padding:34px 34px 34px 0;color:var(--text-2);font-size:clamp(17px,1.7vw,23px);line-height:1.55}.case-outcome__grid>div{min-height:190px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border-left:1px solid var(--border)}.case-outcome__grid strong{font:700 clamp(38px,4vw,62px) var(--font-display);color:var(--accent)}.case-outcome__grid span{color:var(--text-2);font-size:12px;line-height:1.45}.case-next{min-height:78svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(100px,13vw,190px) var(--gutter);background:var(--accent);color:var(--accent-ink)}.case-next>p{margin:0 0 35px;font:600 9px var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.case-next h2{margin:0;font:800 clamp(64px,10vw,150px)/.84 var(--font-display);letter-spacing:-.075em}.case-next h2 span{color:#080808}.case-next__actions{display:flex;align-items:center;gap:24px;margin-top:55px}.case-next .case-primary{background:#080808;color:#fafafa}.case-next__actions>a:last-child{padding-bottom:6px;border-bottom:1px solid rgb(42 15 10 / 34%);font:600 9px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.project-footer{position:relative}@media(max-width:980px){.case-hero__bottom,.case-overview__grid,.case-stack__heading,.case-gallery__intro{grid-template-columns:1fr}.case-hero__actions{justify-content:flex-start}.case-hero__signal{right:-24vw;width:90vw;opacity:.42}.case-principles{grid-template-columns:1fr}.case-principles article{min-height:150px;border-right:0;border-bottom:1px solid var(--border)}.case-principles article:last-child{border-bottom:0}.case-principles h3{margin-top:28px}.case-outcome__grid{grid-template-columns:1fr 1fr 1fr}.case-outcome__grid>p{grid-column:1 / -1;padding-right:0}.case-outcome__grid>div:first-of-type{border-left:0}}@media(max-width:700px){.case-hero{min-height:100svh;padding-top:calc(var(--nav-h) + 56px)}.case-hero h1{font-size:clamp(52px,14.5vw,68px)}.case-hero__bottom{margin-left:0;gap:25px}.case-hero__bottom>p{font-size:14px}.case-hero__actions,.case-next__actions{flex-direction:column;align-items:stretch}.case-primary,.case-secondary{width:100%}.case-meta{grid-template-columns:1fr}.case-meta div{border-right:0;border-bottom:1px solid #242424}.case-meta div:last-child{border-bottom:0}.case-hero__signal{right:-68vw;width:160vw}.case-section-label{grid-template-columns:30px 1fr}.case-section-label b{grid-column:2}.case-browser{border-radius:10px}.case-browser__bar{grid-template-columns:1fr auto}.case-browser__bar p{display:none}.case-browser__caption{align-items:flex-start;flex-direction:column}.case-shot-placeholder{aspect-ratio:4 / 3;padding:28px 22px}.case-shot-placeholder>strong{margin-block:12px 22px;font-size:clamp(36px,12vw,58px)}.case-shot-flow span{padding:6px 8px;font-size:6px}.case-overview h2,.case-stack__heading h2,.case-gallery__intro h2{font-size:50px}.case-gallery__intro{margin-bottom:62px}.case-gallery__groups{gap:66px}.case-gallery__rail{grid-template-columns:repeat(2,minmax(0,1fr))}.case-gallery__group>header{align-items:flex-end}.case-gallery__group>header small{max-width:100px;text-align:right;line-height:1.5}.case-gallery__rail{grid-template-columns:1fr;gap:22px}.case-stack__grid{grid-template-columns:1fr}.case-stack__grid article{grid-template-columns:24px 52px 1fr;min-height:150px;border-right:0}.case-stack__grid img,.case-tech-mark{width:44px;height:44px}.case-outcome__grid{grid-template-columns:1fr}.case-outcome__grid>div{min-height:135px;border-left:0;border-top:1px solid var(--border)}.case-next{min-height:72svh}.case-next h2{font-size:17vw}}@media(max-width:700px),(orientation:portrait)and (max-width:1100px){.project-page .site-header{height:64px;padding-inline:clamp(16px,4vw,28px)}.project-page .site-header.scrolled{top:8px;width:calc(100% - 20px);height:56px}.project-page .desktop-nav{display:none}.project-page .brand{font-size:clamp(18px,4.8vw,22px)}.project-page .icon-button{width:38px;height:38px;margin-left:0}.project-page .menu-toggle{width:42px;height:38px}.project-page .header-rule{margin-inline:12px}.case-hero{min-height:100svh;min-height:100dvh;align-items:center;padding:calc(64px + max(28px,env(safe-area-inset-top))) clamp(20px,5vw,48px) max(26px,env(safe-area-inset-bottom))}.case-hero__content{width:min(820px,100%);min-width:0;margin:0 auto}.case-eyebrow{margin-bottom:clamp(18px,3vh,30px);font-size:clamp(7px,1.7vw,9px)}.case-hero h1{max-width:820px;font-size:clamp(50px,12vw,96px);line-height:.86}.case-hero__bottom{display:grid;grid-template-columns:1fr;gap:clamp(18px,3vh,26px);margin:clamp(24px,4vh,38px) 0 clamp(28px,4vh,42px)}.case-hero__bottom>p{max-width:580px;font-size:clamp(12px,2.5vw,15px);line-height:1.6;text-wrap:pretty}.case-hero__actions{width:min(440px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.case-primary,.case-secondary{width:100%;min-width:0;height:clamp(46px,7vh,54px);gap:12px;padding-inline:clamp(14px,3vw,19px);font-size:clamp(7px,1.65vw,9px);white-space:nowrap}.case-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.case-meta div{min-width:0;padding:clamp(13px,2.5vw,18px) clamp(6px,2vw,14px);border-right:1px solid #242424;border-bottom:0}.case-meta div:last-child{border-right:0}.case-meta dt{font-size:clamp(6px,1.35vw,8px)}.case-meta dd{overflow-wrap:anywhere;font-size:clamp(9px,2vw,12px);line-height:1.3}.case-index{right:clamp(20px,5vw,48px);bottom:10px;font-size:6px}.case-hero__signal{right:-44%;top:11%;width:125%;height:72%;opacity:.48}}@media(max-width:350px){.case-hero__actions{grid-template-columns:1fr}.case-primary,.case-secondary{height:46px}.case-hero h1{font-size:46px}}@media(orientation:landscape)and (max-height:560px)and (pointer:coarse){.case-hero{min-height:0;align-items:flex-start;padding:92px 28px 34px}.case-hero h1{font-size:clamp(50px,10vw,78px)}.case-hero__bottom{margin-block:24px 28px}.case-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.case-hero__signal i{animation:none}}