body.case--visual{--visual-bg: #f7f2e6;--visual-ink: #183e30;--visual-accent: #a82a37;color:var(--visual-ink);background:var(--visual-bg)}.case--visual main{padding-top:var(--case-header-height)}.case--visual .case-header{grid-template-columns:1fr auto 1fr;background:#0c1716f5;mix-blend-mode:normal;backdrop-filter:blur(12px)}.case--visual .visual-brand{display:flex;align-items:center;justify-self:center;gap:.65rem}.visual-brand img{width:25px;height:37px;object-fit:contain;filter:brightness(0) invert(1)}.case--visual h1,.case--visual h2,.case--visual h3,.case--visual p,.case--visual figure{margin:0}.case--visual h1,.case--visual h2{font-weight:700;letter-spacing:-.07em;line-height:.97}.case--visual em{font-style:normal;color:var(--visual-accent)}.case--visual a:focus-visible,.case--visual button:focus-visible,.case--visual summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}.visual-label{font-size:.68rem;font-weight:700;letter-spacing:.15em;line-height:1.6;text-transform:uppercase}.visual-link{display:inline-flex;justify-content:space-between;align-items:center;gap:2rem;min-height:2.8rem;border-bottom:1px solid currentColor;font-size:.78rem;font-weight:700}.visual-hero{padding:2rem var(--case-gutter) 0}.visual-hero__top,.visual-hero__credits{display:flex;justify-content:space-between;gap:1.5rem;padding-block:1.25rem;border-bottom:1px solid currentColor;font-size:.72rem;line-height:1.6}.visual-hero__grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.7fr);align-items:end;gap:2.5rem;padding:clamp(3rem,6vw,7rem) 0}.visual-hero h1{font-size:clamp(3rem,7.8vw,8.5rem)}.visual-hero__side{max-width:24rem}.visual-hero__side p{font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.6}.visual-hero__side .visual-link{margin-top:1.75rem}.visual-hero__credits{border-top:1px solid currentColor;border-bottom:0}.visual-photo{min-width:0}.visual-photo>a{position:relative;display:block}.visual-photo img{width:100%;height:auto;object-fit:contain}.visual-photo figcaption{display:flex;justify-content:space-between;gap:1.4rem;padding:1.1rem var(--case-gutter);font-size:.67rem;line-height:1.5;text-transform:uppercase;letter-spacing:.07em}.visual-photo__zoom{position:absolute;right:1rem;bottom:1rem;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;color:#fff;background:#10261ee8;font-size:1.1rem}.visual-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.25rem;padding:clamp(1.25rem,4vw,4rem)}.visual-pair .visual-photo figcaption{padding-inline:0}.visual-statement{padding:clamp(3rem,7vw,8rem) var(--case-gutter)}.visual-statement h2{font-size:clamp(2.6rem,5.6vw,6.2rem);max-width:17ch}.visual-statement p:not(.visual-label){max-width:33rem;margin-top:1.5rem;font-size:1rem;line-height:1.7}.visual-statement .visual-label{margin-bottom:2rem}.visual-film{padding:clamp(2rem,5vw,6rem) var(--case-gutter);scroll-margin-top:var(--case-header-height)}.visual-film__head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.visual-film h2{font-size:clamp(2.4rem,4.4vw,5rem)}.visual-film__head .visual-label{max-width:26ch}.visual-film video{display:block;width:100%;height:auto;max-height:85svh;background:#0e1112;object-fit:contain}.visual-film__note{margin-top:1rem!important;font-size:.72rem;line-height:1.6}.visual-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:clamp(3rem,6vw,7rem) var(--case-gutter)}.visual-contact .visual-label{margin-bottom:1.5rem}.visual-contact h2{font-size:clamp(2.5rem,5vw,5.5rem)}.visual-contact .visual-link{align-self:end}.visual-next{padding:2rem var(--case-gutter);display:flex;justify-content:space-between;align-items:center;gap:1.5rem;border-top:1px solid currentColor}.visual-next h2{font-size:clamp(1.6rem,3vw,3rem);margin-top:.75rem}.visual-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.3rem var(--case-gutter);font-size:.64rem;line-height:1.5}.media-lightbox{width:min(95vw,1600px);max-width:none;max-height:96svh;padding:1rem;border:1px solid #ffffff40;background:#121515;color:#fff}.media-lightbox::backdrop{background:#020706ed;backdrop-filter:blur(6px)}.media-lightbox__top,.media-lightbox__bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.72rem}.media-lightbox__top{margin-bottom:.75rem}.media-lightbox button{min-width:44px;min-height:44px;border:1px solid #ffffff60;background:transparent;color:#fff;font:inherit;font-size:.85rem;cursor:pointer}.media-lightbox__image{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:.5rem;align-items:center}.media-lightbox__image img{width:auto;height:auto;max-width:100%;max-height:min(75svh,900px);justify-self:center;object-fit:contain;background:transparent}.media-lightbox__bottom{padding-top:.9rem}.media-lightbox__bottom a{flex:none;padding:.5rem 0;text-decoration:underline}body.media-viewing{overflow:hidden}@media(max-width:760px){.case--visual .case-header{grid-template-columns:1fr auto 1fr;gap:.4rem}.case--visual .case-header a,.case--visual .case-header span{font-size:.55rem;letter-spacing:.04em}.visual-brand{gap:.3rem!important}.visual-brand img{width:21px;height:30px}.visual-hero{padding-top:.8rem}.visual-hero__top{flex-direction:column;gap:.35rem}.visual-hero__grid{grid-template-columns:1fr;gap:1.8rem;padding-block:2.7rem}.visual-hero h1{font-size:clamp(2.9rem,11.5vw,5.5rem)}.visual-hero__side p{font-size:.95rem}.visual-hero__credits{flex-direction:column;gap:.35rem;font-size:.62rem}.visual-pair{gap:.75rem;padding:1.2rem}.visual-photo figcaption{flex-direction:column;gap:.35rem;font-size:.6rem;padding-block:.85rem}.visual-photo__zoom{width:2rem;height:2rem;right:.5rem;bottom:.5rem}.visual-statement h2{font-size:clamp(2.6rem,10vw,4.5rem)}.visual-statement p:not(.visual-label){font-size:.9rem}.visual-film__head{flex-direction:column;align-items:start;gap:1rem}.visual-contact{grid-template-columns:1fr}.visual-next{align-items:start}.visual-next .visual-link{gap:.75rem}.visual-footer{flex-direction:column}.media-lightbox{width:calc(100vw - 1rem);padding:.5rem}.media-lightbox__image{grid-template-columns:36px minmax(0,1fr) 36px;gap:.25rem}.media-lightbox button{min-width:36px}.media-lightbox__image img{max-height:62svh}.media-lightbox__bottom{align-items:start;font-size:.65rem}}@media(max-width:900px){.visual-brand span{display:none}}@media(max-width:500px){.visual-pair{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.case--visual *,.case--visual *:before,.case--visual *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
