.portfolio-intro,.case-intro{border-bottom:1px solid var(--rule);padding:38px 0 48px}.case-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 20px;font-size:11px;line-height:1.6}.portfolio-page h1,.portfolio-case h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:20px 0 30px;font-size:clamp(2.7rem,7.3vw,7rem);font-weight:450;line-height:1.04}.portfolio-case h1 span{color:var(--cobalt)}.portfolio-lead{justify-content:space-between;align-items:end;gap:40px;display:flex}.portfolio-lead p,.case-lead{max-width:700px;margin:0;font-size:clamp(1.15rem,2.2vw,1.65rem);line-height:1.5}.portfolio-lead>span{color:var(--cobalt);align-items:center;gap:16px;font-size:3rem;line-height:1;display:flex}.portfolio-lead small{color:var(--muted);font-size:.8rem}.case-intro>.studio-action:first-child{margin-bottom:32px}.case-location{color:var(--muted);margin-top:25px;font-size:.85rem}.case-status{border-left:2px solid var(--cobalt);max-width:700px;margin:22px 0;padding-left:16px;font-size:.9rem;line-height:1.6}.case-brief{border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:60px;padding:50px 0;display:grid}.portfolio-case h2,.case-cta h2{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0 0 20px;font-size:clamp(1.65rem,3vw,2.5rem);font-weight:450;line-height:1.18}.case-brief p,.case-work li,.case-result p,.case-cta p{max-width:720px;margin:0;line-height:1.7}.case-work,.case-gallery,.case-result,.case-cta{border-bottom:1px solid var(--rule);padding:55px 0}.case-work>ul{gap:14px;max-width:850px;margin:24px 0 36px;padding-left:22px;display:grid}.case-flow{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin:35px 0 0;padding:0;list-style:none;display:grid}.case-flow li{border-top:1px solid var(--rule);padding-top:15px;font-size:.9rem}.case-flow span{color:var(--cobalt);margin-bottom:10px;font-size:12px;display:block}.case-capture-note{max-width:850px;color:var(--muted);margin:0 0 28px;font-size:.85rem;line-height:1.7}.case-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.case-screens figure{background:#e7e6e0;flex-direction:column;min-width:0;margin:0;padding:20px;display:flex}.screen-link{outline-offset:5px;flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex}.screen-link img{object-fit:contain;object-position:top;border:1px solid #d2d2cb;align-self:start;width:100%;height:auto;transition:transform .2s;display:block;box-shadow:0 8px 22px #181a1d12}.screen-mobile .screen-link img{width:240px;max-width:100%}.screen-link:hover img{transform:translateY(-3px)}.case-screens figcaption{flex-wrap:wrap;justify-content:space-between;gap:4px 18px;margin-top:18px;font-size:.85rem;line-height:1.5;display:flex}.case-screens figcaption span{color:var(--muted);font-size:.75rem}.case-result p+p{margin-top:20px}.case-scope{color:var(--muted);border-left:1px solid var(--rule);padding-left:16px;font-size:.9rem}.case-cta{padding:45px 0}.case-cta .studio-action{margin-top:20px}.case-next{flex-wrap:wrap;justify-content:space-between;gap:20px;padding:30px 0;display:flex}.screen-dialog{border:1px solid var(--rule);background:var(--paper,#f4f2ec);width:min(1400px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;color:var(--ink);padding:0}.screen-dialog[open]{flex-direction:column;display:flex}.screen-dialog::backdrop{background:#181a1de8}.screen-toolbar{border-bottom:1px solid var(--rule);flex-shrink:0;align-items:center;gap:16px;padding:10px 20px;display:flex}.screen-toolbar p{flex:1;min-width:0;margin:0;font-size:.8rem;line-height:1.4}.screen-toolbar button{flex-shrink:0;min-width:44px;justify-content:center!important}.screen-zoom{overscroll-behavior:contain;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:20px;display:flex;overflow:auto}.screen-zoom img{flex-shrink:0;width:auto;max-width:100%;height:auto;max-height:none;display:block}@media (width<=760px){.portfolio-intro,.case-intro{padding:24px 0 32px}.portfolio-lead{flex-direction:column;align-items:start;gap:24px}.case-brief{grid-template-columns:1fr;gap:30px;padding:35px 0}.case-work,.case-gallery,.case-result{padding:35px 0}.case-screens{grid-template-columns:1fr;gap:18px}.case-screens figure{padding:14px}.screen-mobile .screen-link img{width:280px}.screen-toolbar{gap:8px;padding:8px}.screen-toolbar p{font-size:11px}.screen-toolbar [data-close]{font-size:12px!important}.screen-zoom{padding:10px}.case-next{flex-direction:column}}@media (prefers-reduced-motion:reduce){.screen-link img{transition:none}}
