body.case--facades{--case-bg: #0b1216;--case-ink: #f0f2ee;--case-accent: #89ccd4;--case-muted: #b4c0c4;--case-line: #324148;--case-gutter: clamp(1.2rem, 5vw, 5.5rem)}.case--facades .case-header{background:#0b1216;border-bottom:1px solid var(--case-line);mix-blend-mode:normal}.facade-brand{display:flex;align-items:center;gap:.85rem}.facade-brand img{width:2.4rem;height:2.4rem;object-fit:contain;filter:brightness(0) invert(1)}.facade-brand span{font-size:.65rem;letter-spacing:.16em}.facade-label{margin:0;font-size:.68rem;font-weight:700;line-height:1.6;letter-spacing:.14em;text-transform:uppercase}.facade-muted{color:var(--case-muted)}.facade-hero{position:relative;padding:calc(var(--case-header-height) + 2.5rem) var(--case-gutter) 0}.facade-hero:before{position:absolute;z-index:0;right:0;top:var(--case-header-height);width:29%;height:calc(100% - var(--case-header-height));background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#1d2a31 calc(25% - 1px) 25%);content:"";pointer-events:none}.facade-hero>*{position:relative}.facade-hero__top,.facade-hero__bottom{display:flex;justify-content:space-between;gap:1.5rem;align-items:center}.facade-hero__top{color:var(--case-accent)}.facade-hero__top>span{color:var(--case-muted);font-size:.75rem}.facade-hero__grid{display:grid;grid-template-columns:1.55fr 1fr;gap:6vw;align-items:end;padding:clamp(3rem,6vw,6rem) 0}.facade-hero h1{margin:0;font-size:clamp(3.3rem,7.7vw,8.5rem);line-height:.98;letter-spacing:-.07em;font-weight:700}.facade-hero em,.facade-process em,.facade-contact em{color:var(--case-accent);font-style:normal}.facade-hero__side{max-width:25rem}.facade-hero__project{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.3rem;border-bottom:1px solid var(--case-line);font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.facade-hero__project i{font-style:normal;color:var(--case-accent)}.facade-hero__side p{margin:1.5rem 0 0;font-size:clamp(1.15rem,1.65vw,1.5rem);line-height:1.45}.facade-hero__side .facade-muted{font-size:.95rem;line-height:1.75}.facade-link{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;padding:.9rem 0;border-bottom:1px solid var(--case-accent);color:var(--case-accent);font-size:.78rem;font-weight:700}.facade-hero__side .facade-link{margin-top:1.5rem}.facade-link span{font-size:1.3rem;transition:transform .18s}.facade-link:hover span{transform:translate(2px,-2px)}.facade-hero__bottom{padding:1.4rem 0;border-top:1px solid var(--case-line);color:var(--case-muted);font-size:.7rem}.facade-artwork{scroll-margin-top:calc(var(--case-header-height) + 1rem)}.facade-artwork figure{margin:0}.facade-artwork__open{position:relative;display:block;cursor:zoom-in}.facade-artwork__open img{width:100%;height:auto;aspect-ratio:2400 / 1792;object-fit:contain}.facade-artwork__zoom{position:absolute;bottom:1.5rem;right:var(--case-gutter);display:inline-flex;gap:1.5rem;padding:.8rem 1rem;background:#0b1216;border:1px solid #afc5ca;color:#fff;font-size:.7rem;font-weight:700}.facade-artwork figcaption{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem var(--case-gutter);font-size:.68rem;line-height:1.6;color:var(--case-muted)}.facade-idea{padding:clamp(4rem,8vw,8rem) var(--case-gutter);background:#e7edea;color:#13272c}.facade-idea__intro{display:grid;grid-template-columns:1.65fr 1fr;gap:1.6rem 5vw;align-items:end}.facade-idea__intro>.facade-label{grid-column:1 / -1;color:#3d6269}.facade-idea h2,.facade-process h2,.facade-contact h2{margin:0;font-size:clamp(2.35rem,4.5vw,5rem);line-height:1.08;letter-spacing:-.055em}.facade-idea h2 em{color:#407580;font-style:normal}.facade-idea__intro>p:last-child{margin:0;max-width:30rem;font-size:1rem;line-height:1.8}.facade-features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(3rem,5vw,5rem);border-top:1px solid #adbeba}.facade-features article{padding:2.2rem 2rem 0 0}.facade-features article+article{padding-left:2rem;border-left:1px solid #adbeba}.facade-features .facade-label{color:#407580}.facade-features h3{margin:1.5rem 0 1rem;font-size:clamp(1.4rem,2.15vw,2rem);line-height:1.2;letter-spacing:-.04em}.facade-features p{margin:0;font-size:.92rem;line-height:1.8;color:#425b61}.facade-process{padding:clamp(4rem,8vw,8rem) var(--case-gutter);scroll-margin-top:var(--case-header-height)}.facade-process__head{display:grid;grid-template-columns:1fr 1.65fr;gap:2rem;align-items:start}.facade-process__head .facade-label{color:var(--case-accent);padding-top:.6rem}.facade-process ol{margin:clamp(3rem,5vw,5rem) 0 0;padding:0;list-style:none;border-top:1px solid var(--case-line)}.facade-process li{display:grid;grid-template-columns:1fr 1.65fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--case-line)}.facade-process li>span{color:var(--case-accent);font-size:.75rem;font-weight:700}.facade-process h3{margin:0 0 .8rem;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.3;letter-spacing:-.035em}.facade-process li p{margin:0;max-width:42rem;color:var(--case-muted);font-size:.96rem;line-height:1.8}.facade-process__note{max-width:39rem;margin:2rem 0 0 auto;color:var(--case-muted);font-size:.72rem;line-height:1.8}.facade-contact{padding:clamp(4rem,8vw,8rem) var(--case-gutter);background:#172e36}.facade-contact .facade-label{margin-bottom:2rem;color:var(--case-accent)}.facade-contact h2{font-size:clamp(2.8rem,5.5vw,6rem)}.facade-button{display:inline-flex;justify-content:space-between;align-items:center;gap:3rem;margin-top:2.5rem;padding:1.15rem 1.3rem;background:#a7d9dc;color:#0b1216;font-size:.82rem;font-weight:700;transition:background .18s}.facade-button:hover{background:#dbf0ee}.facade-contact>p:last-child{margin:2rem 0 0;max-width:31rem;color:#bfd0d3;font-size:.8rem;line-height:1.8}.facade-next{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:3rem var(--case-gutter);border-bottom:1px solid var(--case-line)}.facade-next .facade-label{color:var(--case-muted)}.facade-next h2{margin:1rem 0 0;font-size:clamp(1.75rem,3vw,3rem);letter-spacing:-.05em}.case--facades .case-footer{gap:1.2rem}.case--facades a:focus-visible,.case--facades button:focus-visible{outline:2px solid var(--case-accent);outline-offset:5px}body.facade-viewing{overflow:hidden}.facade-lightbox{width:min(96vw,150rem);max-width:none;max-height:96dvh;padding:0;border:1px solid var(--case-line);background:var(--case-bg);color:var(--case-ink);overflow:hidden}.facade-lightbox[open]{display:flex;flex-direction:column}.facade-lightbox::backdrop{background:#03070aeb}.facade-lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.2rem;border-bottom:1px solid var(--case-line)}.facade-lightbox__toolbar p{margin:0;font-size:.72rem;line-height:1.5}.facade-lightbox__toolbar button{display:inline-flex;align-items:center;gap:1rem;padding:.55rem .8rem;background:#172e36;border:1px solid var(--case-accent);color:var(--case-ink);font:700 .7rem JR Inter,sans-serif;cursor:pointer}.facade-lightbox__toolbar button span{font-size:1.2rem}.facade-lightbox__stage{min-height:0;overflow:auto;overscroll-behavior:contain}.facade-lightbox__stage img{width:2400px;max-width:none;height:auto}.facade-lightbox__note{margin:0;padding:.8rem 1.2rem;color:var(--case-muted);font-size:.65rem;line-height:1.6}@media(max-width:900px){.case--facades .case-header{grid-template-columns:1fr auto 1fr}.case--facades .facade-brand{display:flex}.facade-brand span{display:none}.facade-hero__grid{gap:3rem}.facade-hero h1{font-size:clamp(3.1rem,7.2vw,5rem)}.facade-features article{padding-right:1.2rem}.facade-features article+article{padding-left:1.2rem}}@media(max-width:640px){.facade-hero{padding-top:calc(var(--case-header-height) + 1.8rem)}.facade-hero:before{width:38%;opacity:.6}.facade-hero__top>span{display:none}.facade-hero__grid{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem 0}.facade-hero h1{font-size:clamp(3.15rem,11.8vw,4.7rem)}.facade-hero__side{max-width:none}.facade-hero__project{font-size:1.3rem;padding-bottom:1rem}.facade-hero__side p{margin-top:1.15rem}.facade-hero__bottom,.facade-artwork figcaption{align-items:flex-start;flex-direction:column;gap:.5rem}.facade-artwork__zoom{bottom:.8rem;right:.8rem;padding:.6rem .75rem;font-size:.6rem}.facade-idea__intro{grid-template-columns:1fr;gap:1.8rem}.facade-idea h2,.facade-process h2{font-size:clamp(2rem,7.7vw,3rem)}.facade-features{grid-template-columns:1fr}.facade-features article,.facade-features article+article{padding:1.8rem 0;border-left:0;border-bottom:1px solid #adbeba}.facade-features article:last-child{padding-bottom:0;border-bottom:0}.facade-features h3{margin-top:1rem}.facade-process__head{grid-template-columns:1fr;gap:1.5rem}.facade-process li{grid-template-columns:1.5rem 1fr;gap:1rem;padding:1.6rem 0}.facade-process__note{margin-left:2.5rem}.facade-contact h2{font-size:clamp(2.5rem,9vw,3.6rem)}.facade-button{width:100%;gap:1rem}.facade-next{flex-direction:column;align-items:flex-start;gap:1.5rem}.facade-lightbox__toolbar{padding:.7rem;gap:.5rem}.facade-lightbox__toolbar p{font-size:.65rem}.facade-lightbox__toolbar button{gap:.5rem}.facade-lightbox__stage img{width:1200px}}@media(prefers-reduced-motion:reduce){.case--facades{scroll-behavior:auto}.facade-link span{transition:none}}