html body .video-perspective-stage{width:100%!important;margin:18px 0 0!important;padding:0 0 20px!important}
html body .video-perspective-windows{display:grid!important;grid-template-columns:1.65fr 1fr!important;gap:clamp(18px,3.5vw,64px)!important;width:78%!important;max-width:1050px!important;margin-left:auto!important;padding:35px 0 65px!important;align-items:stretch}
html body .video-perspective-frame{position:relative!important;overflow:hidden!important;height:clamp(380px,41vw,620px)!important;background:#eee!important}
html body .video-perspective-frame video{display:block!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;margin:0!important}
html body .video-perspective-echo video{transform:scale(1.55)!important;object-position:62% center!important}
html body .video-perspective-projects{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:clamp(18px,3vw,48px)!important;margin:0!important;padding:18px 0!important;border-top:1px solid #1113!important}
html body .video-perspective-projects button{appearance:none!important;background:transparent!important;color:#111!important;-webkit-text-fill-color:#111!important;border:0!important;border-radius:0!important;padding:8px 0!important;font:400 13px/1.4 Manrope,sans-serif!important;cursor:pointer;position:relative;white-space:nowrap}
html body .video-perspective-projects button[aria-pressed=true]{box-shadow:0 2px 0 #c1ff00!important}
html body .video-perspective-projects button:focus-visible{outline:2px solid #580c14;outline-offset:5px}
html body .video-perspective-projects .video-perspective-pause{margin-left:auto!important;padding:8px 12px!important}
@media(max-width:760px){html body .video-perspective-windows{width:100%!important;grid-template-columns:1.45fr 1fr!important;gap:16px!important;padding:18px 0 32px!important}html body .video-perspective-frame{height:330px!important}html body .video-perspective-projects{gap:16px!important}html body .video-perspective-projects button{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.video-perspective-echo{transform:none!important}}

/* Smaller stained-glass rhythm: one full view and three detail panes. */
html body .video-perspective-windows{grid-template-columns:2.3fr .68fr .9fr .58fr!important;gap:clamp(8px,1.1vw,18px)!important;width:88%!important;max-width:1100px!important;padding:25px 0 40px!important}
html body .video-perspective-frame{height:clamp(300px,31vw,460px)!important}
html body .video-perspective-echo-1 video{transform:scale(1.15)!important;object-position:25% center!important}
html body .video-perspective-echo-2 video{transform:scale(1.5)!important;object-position:55% center!important}
html body .video-perspective-echo-3 video{transform:scale(1.25)!important;object-position:78% center!important}
@media(max-width:760px){html body .video-perspective-windows{width:100%!important;grid-template-columns:1.8fr .6fr .7fr .5fr!important;gap:7px!important;padding:18px 0 28px!important}html body .video-perspective-frame{height:270px!important}}


html body .video-perspective-stage{position:relative!important}
html body .video-perspective-projects{position:absolute!important;right:0!important;bottom:0!important;border:0!important;padding:0!important}
html body .video-perspective-projects button[data-project]{display:none!important}

@media(min-width:761px){
html body .video-perspective-windows{height:clamp(380px,42vw,620px)!important;grid-template-columns:calc(clamp(380px,42vw,620px) * .5625) .68fr .9fr .58fr!important;box-sizing:content-box!important}
html body .video-perspective-frame{height:100%!important;min-height:0!important}
html body .video-perspective-echo-1 video{transform:scale(-1.15,1.15)!important}
html body .video-perspective-echo-3 video{transform:scale(-1.25,1.25)!important}
}
html body .video-perspective-frame:first-child video{object-fit:contain!important;transform:none!important;background:#fff!important}