/* A quiet agency frame keeps the concept itself in focus. */
.viewer-page{height:100vh;height:100dvh;min-height:320px;display:grid;grid-template-rows:82px minmax(0,1fr)28px;overflow:hidden;background:#dedbd4}
.viewer-page .site-header,.viewer-page .site-header.is-scrolled{position:relative;grid-row:1;z-index:5;padding:16px var(--gutter);background:var(--dark)}
.viewer-page #main{grid-row:2;display:flex;flex-direction:column;min-height:0;min-width:0}
.viewer-stage{flex:1;min-height:0;position:relative;isolation:isolate;display:flex;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#efede6,#d9d5cc)}
.viewer-screen{width:100%;height:100%;min-width:0;background:#f4f2ed;opacity:0;transform:translateX(var(--entry-x,0px));transition:width .35s ease,opacity .25s ease,transform .3s ease;overflow:hidden}
.viewer-screen.is-ready{opacity:1;transform:translateX(0)}
.viewer-screen.is-mobile{width:min(390px,100%);box-shadow:0 0 36px #18181818}
#project-frame{display:block;border:0;width:100%;height:100%;background:#f4f2ed}
.viewer-navigation{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;pointer-events:none}
.viewer-arrow{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #ffffffa6;border-radius:50%;background:transparent;color:#fff;box-shadow:0 0 0 1px #15151545,0 2px 10px #00000018;pointer-events:auto;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.viewer-arrow svg{stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #000b)}
.viewer-arrow:hover{background:#19191929;border-color:#fff;transform:scale(1.05)}
.viewer-arrow:focus-visible{outline:3px solid #ff8c1e;outline-offset:4px;background:#19191952}
.viewer-controls{position:absolute;top:12px;right:14px;z-index:4;display:flex;gap:2px;padding:3px;border:1px solid #ffffff80;border-radius:6px;background:#f4f2edd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 12px #00000012}
.viewer-controls button{min-height:32px;min-width:70px;padding:6px 10px;border-radius:3px;font-size:13px;font-weight:600;transition:color .2s,background .2s}
.viewer-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.viewer-controls button:hover:not([aria-pressed=true]){background:#e0dcd3}
.viewer-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#69645c;text-align:center}
.viewer-error{align-self:center;text-align:center;padding:25px;max-width:540px}
.viewer-error h2{font-size:clamp(28px,4vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.045em}
.viewer-error p{font-size:16px;color:#6c675e;margin:20px 0}
.viewer-error .text-link{font-size:16px}
.viewer-page .site-footer{grid-row:3;min-height:0;display:flex;flex-wrap:nowrap;align-items:center;gap:16px;padding:0 var(--gutter);background:var(--paper);border-top:1px solid var(--line)}
.viewer-page .footer-logo{display:block;flex-shrink:0;width:84px;margin:0 0 0 -5px}
.viewer-page .footer-logo img{display:block;width:100%;height:auto}
.viewer-page .site-footer>div{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:16px;min-width:0;margin-left:auto;font-size:12px;line-height:1.25;white-space:nowrap}
.viewer-page .site-footer>div>span{width:auto;margin:0;font-size:11px}
.viewer-page .site-footer>div>a{min-height:27px;display:inline-flex;align-items:center;font-size:12px;font-weight:600}
.viewer-page .site-footer .legal-link{text-underline-offset:3px}
.viewer-page [hidden]{display:none!important}
.viewer-noscript{position:absolute;top:45%;left:10%;right:10%;text-align:center;font-size:14px}
.viewer-a11y{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1100px){.viewer-page .site-footer>div>span,.viewer-page .site-footer>div>a[href='login.html']{display:none}}
@media(max-width:760px){
 .viewer-page{grid-template-rows:78px minmax(0,1fr)32px}
 .viewer-page .site-header,.viewer-page .site-header.is-scrolled{padding:15px 20px}
 .viewer-navigation{padding:0 8px}
 .viewer-controls{display:none}
 .viewer-screen.is-mobile{width:100%}
 .viewer-page .site-footer{padding:0 12px;gap:10px}
 .viewer-page .footer-logo{width:76px;margin-left:-4px}
 .viewer-page .site-footer>div{gap:14px;font-size:12px}
 .viewer-page .site-footer>div>a{display:none;min-height:31px}
 .viewer-page .site-footer>div>a.legal-link{display:inline-flex}
}
@media(prefers-reduced-motion:reduce){.viewer-screen,.viewer-arrow{transition:none}.viewer-screen{transform:none}}