.project-screen.is-browsing{transform:none!important;z-index:4}.slide-interactive-frame{display:block;width:100%;height:640px;border:0;background:#080808;cursor:auto}.project-screen.is-browsing .browser-model{transform:none!important;overflow:hidden}.project-screen.is-browsing:after{display:none}.browser-model>[hidden]{display:none!important}.project-screen.is-expanded{position:fixed!important;inset:18px!important;width:auto!important;height:auto!important;max-width:none!important;z-index:10000!important;transform:none!important;background:#0d1216;padding-top:50px;border:1px solid #a28b6c;box-shadow:0 0 0 60px #05080bf2;border-radius:10px}.is-expanded .browser-model{height:100%;display:flex;flex-direction:column}.is-expanded .slide-interactive-frame{height:auto;flex:1;min-height:0}.is-expanded .browser-chrome{flex-shrink:0}.close-slide-preview{position:absolute;top:9px;right:12px;font:600 12px Foundry,sans-serif;padding:9px 14px;color:#ffd2a3;background:#33271e;border:1px solid #b98756;cursor:pointer;z-index:4}.close-slide-preview[hidden]{display:none}.showcase-controls button[hidden]{display:none}.slide-interactive-frame:focus-visible,.close-slide-preview:focus-visible{outline:2px solid #ffbc7b;outline-offset:2px}@media(max-width:700px){.slide-interactive-frame{height:570px}.project-screen.is-expanded{inset:6px!important;padding-top:48px}.close-slide-preview{font-size:10px}}
/* The website itself is the showcase, without the screenshot/browser-card treatment. */
.case-visual{max-width:1100px;width:100%}.project-screen.is-browsing .browser-model{border:1px solid #a6adae33;border-radius:4px;box-shadow:0 20px 65px #0005;background:#080808}.project-screen.is-browsing{min-height:640px}.slide-loading{min-height:640px;display:grid;place-items:center;color:#c4b39f;font:500 14px Foundry,sans-serif;background:#0c1115}.slide-interactive-frame{height:700px}.project-screen.is-expanded{min-height:0}.showcase-controls{margin-top:20px}.capture-view-note{max-width:65ch}.is-expanded .slide-interactive-frame{height:auto}@media(max-width:700px){.slide-interactive-frame{height:600px}.slide-loading,.project-screen.is-browsing{min-height:600px}.project-screen.is-expanded{min-height:0}}
.project-screen.is-browsing .browser-model{position:relative}.slide-visit-overlay{position:absolute!important;inset:0;z-index:20;display:block!important;aspect-ratio:auto!important;background:transparent!important;cursor:pointer}.slide-visit-overlay>span{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 18px;border:1px solid #eab17999;background:#10171af2;color:#ffe0b7;font:600 12px/1.5 Foundry,sans-serif;white-space:nowrap;box-shadow:0 8px 25px #0007;transition:background .2s,border-color .2s}.slide-visit-overlay:hover>span{background:#37271df5;border-color:#ffd4a4}.slide-visit-overlay:focus-visible{outline:3px solid #ffc280;outline-offset:-4px}.slide-interactive-frame{pointer-events:none}.is-expanded .slide-visit-overlay{inset:0}.slide-visit-overlay[hidden]{display:none!important}@media(max-width:700px){.slide-visit-overlay>span{font-size:10px;bottom:18px}}@media(prefers-reduced-motion:reduce){.slide-visit-overlay>span{transition:none}}