/* VIA77 original media system. Editorial canvases remain independent of content. */
.premium-media{margin:0;min-width:0;width:100%}.media-frame{position:relative;overflow:hidden;aspect-ratio:var(--media-ratio,16/10);background:#dfded4;isolation:isolate}.premium-media img,.premium-media picture,.premium-media video{display:block;width:100%;height:100%;margin:0;padding:0;max-width:none;object-fit:cover;object-position:var(--media-position,50% 50%)}.premium-media picture{position:absolute;inset:0}.premium-media video{position:absolute;inset:0;z-index:1}.premium-media figcaption{font-size:12px;margin-top:14px;color:var(--muted)}.treatment-dark .media-frame{background:#17241f}.media-pause{position:absolute;right:20px;bottom:20px;z-index:3;background:#f6f5f1;color:#222;border:1px solid #ccc;padding:12px 18px;min-height:44px;cursor:pointer}.media-pause[hidden]{display:none}.premium-hero{display:block;padding-top:38px;min-height:0}.premium-hero h1{font-size:clamp(70px,7.7vw,124px);line-height:.97;letter-spacing:-.06em;max-width:1250px;margin:0 0 32px}.premium-hero h1 br{display:block}.premium-hero-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;gap:35px}.premium-hero-intro p{font-size:21px;line-height:1.45;margin:0}.premium-hero .hero-actions{display:flex;gap:35px;align-items:center}.hero-master{width:100%;margin:0}.hero-master .media-frame{aspect-ratio:16/9}.hero-media-label{position:absolute;bottom:24px;left:30px;background:#f6f5f1;color:#282a23;padding:10px 15px;font-size:11px;letter-spacing:.09em;z-index:2}.hero-caption{display:flex;justify-content:space-between;font-size:12px;padding-top:18px;color:var(--muted)}.premium-projects{display:grid;gap:110px}.premium-project{min-width:0}.project-anchor{display:block;color:inherit;text-decoration:none}.project-media .media-frame{aspect-ratio:16/10}.project-meta{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:40px;margin-top:30px}.project-meta h3{font-size:43px;font-weight:400;letter-spacing:-.035em;margin:8px 0}.project-meta p{margin:0}.project-meta>.text-link{white-space:nowrap}.project-reveal{position:absolute;right:28px;bottom:28px;padding:16px 22px;background:#f5f4ed;color:#20231d;font-size:13px;letter-spacing:.08em;opacity:1;z-index:2}.premium-project.project-atelier09{width:85%;margin-left:auto}.premium-project.project-stillhouse{width:95%}.project-anchor img{transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-anchor:focus-visible{outline:2px solid #525e4a;outline-offset:7px}.solution-panel{grid-template-columns:.8fr 1.2fr;gap:7vw}.solution-panel figure{min-width:0}.solution-panel .premium-media{margin:0}.solution-panel .screen-media .media-frame{aspect-ratio:4/3}.solution-panel:nth-child(even){grid-template-columns:1.2fr .8fr}.solution-panel:nth-child(even) .solution-copy{order:2}.solution-panel:nth-child(even)>figure{order:1}.solution-panel figcaption{font-size:12px}.visual-feature .premium-media{margin:0}.screen-media{min-height:0}.visual-feature .media-frame{aspect-ratio:16/9}.assessment-feature-grid{display:block}.assessment-feature .section-intro{grid-template-columns:.4fr 1fr}.assessment-feature .section-intro h2{font-size:clamp(42px,4.5vw,70px);max-width:1000px}.assessment-feature-footer{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:40px}.assessment-feature-footer p{font-size:22px;margin:0}.intelligence-media{margin:60px 0}.intelligence-media .media-frame{aspect-ratio:16/10}.intelligence-body{max-width:750px}.case-hero{margin-top:55px;margin-bottom:75px}.case-media-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:36px;align-items:center;margin:45px 0 90px}.case-media-grid .mobile-composition{width:64%;margin:auto}.case-editorial>.premium-media{margin-block:35px 85px}.case-editorial>div.case-media-grid{padding:0;border:0;grid-template-columns:.65fr 1.35fr}.case-editorial .media-frame{width:100%}.case-editorial>div:not(.case-media-grid){padding:45px 0 35px}.case-editorial>div>p{max-width:650px}.case-editorial{padding-top:15px}.case-interlude{margin-block:35px 85px}.case-hero .media-frame{aspect-ratio:16/10}.device-composition{position:relative;padding:50px 90px 100px;background:#d9dacf;overflow:hidden}.device-composition .mobile-composition{width:23%;position:absolute;right:4%;bottom:5%;box-shadow:0 20px 45px #0002}.device-composition .desktop-composition{width:95%}.work-gallery .premium-projects{grid-template-columns:1.1fr .9fr;gap:90px 45px;align-items:start}.work-gallery .premium-project{width:100%;margin:0}.work-gallery .premium-project:nth-child(2){margin-top:240px}.work-gallery .premium-project:last-child{grid-column:1/-1}.work-gallery .project-meta{display:block}.work-gallery .project-meta>p{margin-block:15px}.work-gallery .project-reveal{font-size:12px;padding:12px 16px}.work-gallery .project-meta h3{font-size:36px}.work-gallery .premium-project:last-child .media-frame{aspect-ratio:16/9}.premium-break{margin-block:90px}.optimisation-visuals{display:block}.optimisation-visuals .premium-media{width:100%}.motion-composition img{transform:scale(.98);transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.motion-composition.is-inview img{transform:scale(1)}.architecture-hub{position:relative;overflow:hidden}.architecture-hub:after{content:'';position:absolute;inset:0;border:1px solid #849078;pointer-events:none}.architecture.is-inview .architecture-hub:after{animation:signal-in 1.2s ease-out both}@keyframes signal-in{from{transform:scale(.96);opacity:.2}to{transform:scale(1);opacity:1}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.project-anchor:hover img{transform:scale(1.025)}.project-reveal{opacity:0;transform:translateY(5px);transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1)}.project-anchor:hover .project-reveal,.project-anchor:focus-visible .project-reveal{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.premium-hero h1{font-size:clamp(62px,9vw,95px)}.premium-hero-intro p{font-size:19px}.premium-hero .hero-actions{gap:20px}.project-meta{grid-template-columns:1fr 1fr;gap:20px}.project-meta>.text-link{grid-column:2}.solution-panel,.solution-panel:nth-child(even){grid-template-columns:1fr;gap:35px}.solution-panel:nth-child(even) .solution-copy,.solution-panel:nth-child(even)>figure{order:initial}.solution-panel .screen-media .media-frame{aspect-ratio:16/10}.work-gallery .premium-projects{display:block}.work-gallery .premium-project{margin:0 0 80px}.work-gallery .premium-project:nth-child(2){margin-top:0}.assessment-feature .section-intro{display:block}.assessment-feature .section-intro h2{margin-top:25px}.project-meta h3{font-size:36px}}
@media(max-width:600px){.premium-hero{padding-top:25px}.premium-hero h1{font-size:clamp(52px,13.8vw,72px);margin-bottom:30px}.premium-hero h1 br{display:none}.premium-hero h1 span:before{content:' '}.premium-hero-intro{display:block;margin-bottom:35px}.premium-hero .hero-actions{margin-top:25px}.premium-hero-intro p{font-size:18px}.hero-master{width:calc(100% + 44px);margin-left:-22px}.hero-master .media-frame{aspect-ratio:4/3}.hero-media-label{left:15px;bottom:15px;font-size:9px;padding:8px 10px}.hero-caption{font-size:10px;gap:15px}.hero-caption span:last-child{text-align:right}.premium-projects{gap:65px}.premium-project.project-atelier09,.premium-project.project-stillhouse{width:100%}.project-meta{display:block;margin-top:24px}.project-meta>.text-link{margin-top:10px}.project-meta>p{margin-top:14px;font-size:17px}.project-meta h3{font-size:34px}.project-meta .eyebrow{font-size:11px}.project-reveal{right:15px;bottom:15px;font-size:10px;padding:12px}.project-media .media-frame{aspect-ratio:4/3}.project-anchor{margin-inline:-22px}.assessment-feature-footer{display:block;margin-top:28px}.assessment-feature-footer p{font-size:19px;margin-bottom:20px}.assessment-feature .section-intro h2{font-size:42px}.assessment-feature .report-composition{width:calc(100% + 44px);margin-left:-22px}.case-media-grid,.case-editorial>div.case-media-grid{grid-template-columns:1fr;gap:35px;margin-block:35px 60px}.case-media-grid .mobile-composition{width:70%;max-width:360px}.case-editorial>.premium-media{margin-block:30px 65px}.case-hero{padding-inline:0}.case-hero .media-frame{aspect-ratio:4/3}.case-hero figcaption{padding-inline:22px}.case-editorial>div:not(.case-media-grid){padding-top:30px}.case-editorial .premium-media{width:calc(100% + 44px);margin-left:-22px}.case-editorial .case-media-grid .premium-media{width:100%;margin-left:0}.case-editorial .case-media-grid .mobile-composition{width:70%;margin:auto}.case-editorial .premium-media figcaption{padding-inline:22px}.device-composition{padding:20px 20px 55px}.device-composition .mobile-composition{width:25%;margin:0}.intelligence-media{margin-block:38px;width:calc(100% + 44px);margin-left:-22px}.intelligence-media .media-frame{aspect-ratio:4/3}.work-gallery .premium-project:last-child .media-frame{aspect-ratio:4/3}.solution-visual .premium-media img{aspect-ratio:auto;padding:0}.premium-break{margin-block:45px}}
@media(prefers-reduced-motion:reduce){.premium-media *,.motion-composition img,.project-anchor img,.architecture-hub:after{animation:none!important;transition:none!important;transform:none!important}.project-reveal{opacity:1}.premium-media video{display:none!important}}

.project-anchor{position:relative}.project-open{position:absolute;inset:0;z-index:2}.project-open:focus-visible{outline:2px solid #515f49;outline-offset:5px}.project-anchor:focus-within .project-reveal{opacity:1;transform:none}.premium-media video{opacity:0;transition:opacity .35s}.premium-media.is-playing video{opacity:1}.premium-media video[hidden]{display:none}body:has(.work-gallery) .page-hero{padding-bottom:30px}body:has(.work-gallery) .work-gallery{padding-top:45px}