/* Keep each screenshot inside its own screen, including Safari's aspect-ratio layout. */
.showcase .show-image[data-device] .scene-device{position:relative;--screen-top:12px;--screen-side:14px;--screen-bottom:20px}
.showcase .show-image[data-device="floor"] .scene-device{--screen-top:16px;--screen-side:16px;--screen-bottom:16px}
.showcase .show-image[data-device="unit"] .scene-device{--screen-top:11px;--screen-side:26px;--screen-bottom:11px;aspect-ratio:16/9}
.showcase .scene-device .scene-screen{position:absolute;top:var(--screen-top);right:var(--screen-side);bottom:var(--screen-bottom);left:var(--screen-side);overflow:hidden;border-radius:6px;background:#17151c;isolation:isolate}
.showcase .show-image[data-device="floor"] .scene-screen{border-radius:10px}
.showcase .show-image[data-device="unit"] .scene-screen{border-radius:17px}
.showcase .show-image[data-device] .scene-device .scene-screen img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;padding:0;margin:0;object-fit:contain;border-radius:0;background:#17151c}
.expertise-front-label,.expertise-front-invite{display:none}
.portal-play{position:absolute;z-index:6;left:50%;top:42%;transform:translate(-50%,-50%);border:1px solid #ceace6;border-radius:30px;background:#f5f3ef;color:#382642;padding:13px 20px;font:500 13px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 8px 28px #0005;white-space:nowrap}
.portal-play[hidden]{display:none!important}
.portal-play:focus-visible{outline:3px solid #ceace6;outline-offset:5px}
@media(max-width:760px){
 .contact-page .contact-intro-copy>.eyebrow{display:none}
 .expertise-scroll .expertise-deck{gap:24px}
 .expertise-scroll .expertise-toggle{height:clamp(330px,92vw,390px);transform:none!important;filter:none!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
 .expertise-scroll .expertise-toggle .expertise-face{clip-path:none;border-radius:20px;border:1px solid #a58ab8!important;background:radial-gradient(ellipse at 50% 45%,#402c56,#16101f 76%)!important;box-shadow:inset 0 0 0 1px #ffffff10,0 12px 28px #08050c50;padding:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
 .expertise-scroll .expertise-toggle .expertise-back{clip-path:none;border-radius:20px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
 .expertise-scroll .expertise-toggle .expertise-face,.expertise-scroll .expertise-toggle .expertise-back{transition:transform .6s ease,visibility 0s .3s}
 .expertise-scroll .expertise-toggle .expertise-face{transform:rotateY(0deg)!important;visibility:visible}
 .expertise-scroll .expertise-toggle .expertise-back{transform:rotateY(180deg)!important;visibility:hidden}
 .expertise-scroll .expertise-toggle[aria-expanded="true"] .expertise-face{transform:rotateY(-180deg)!important;visibility:hidden}
 .expertise-scroll .expertise-toggle[aria-expanded="true"] .expertise-back{transform:rotateY(0deg)!important;visibility:visible}
 .expertise-scroll .expertise-toggle .expertise-face:before,.expertise-scroll .expertise-toggle .expertise-face:after,.expertise-scroll .expertise-toggle .expertise-back:before,.expertise-scroll .expertise-toggle .expertise-back:after{display:none}
 .expertise-scroll .expertise-toggle .expertise-face .card-corner{display:none}
 .expertise-scroll .expertise-toggle .expertise-face .card-line-art{inset:18px;border:1px solid #ceace624;border-radius:14px;background:none;opacity:.65}
 .expertise-scroll .expertise-toggle .expertise-face .card-line-art:before,.expertise-scroll .expertise-toggle .expertise-face .card-line-art:after{inset:18% 9%;border-color:#ceace632}
 .expertise-scroll .expertise-toggle .expertise-face .card-mark{position:absolute;top:50%;left:50%;width:54%;max-width:190px;height:auto;padding:0;margin:0;transform:translate(-50%,-50%)!important;opacity:1;background:transparent!important;box-shadow:none!important;filter:none}
 .expertise-scroll .expertise-toggle .expertise-face .expertise-front-label{display:block;position:absolute;top:30px;left:28px;right:28px;text-align:center;color:#eadcf2;font:500 20px/1.25 Syne,sans-serif;letter-spacing:-.02em;min-height:0}
 .expertise-scroll .expertise-toggle .expertise-face .expertise-front-invite{display:block;position:absolute;bottom:28px;left:0;right:0;text-align:center;color:#e2c7f3;font:12px 'DM Sans',sans-serif;letter-spacing:.02em}
 .supplied-vr .portal-window{top:72px;bottom:auto;height:clamp(190px,46svh,370px)}
 .supplied-vr .portal-window video{object-fit:contain;object-position:center;width:100%;height:100%}
 .supplied-vr .portal-play{top:38%;font-size:12px}
 .supplied-vr .portal-intro,.supplied-vr .portal-middle,.supplied-vr .portal-destination{bottom:132px}
 .supplied-vr .portal-topline{top:18px}
 .supplied-vr .portal-particles{opacity:.18}
}
@media(max-width:760px) and (max-height:650px){
 .supplied-vr .portal-window{top:50px;height:36svh}
 .supplied-vr .portal-intro h2,.supplied-vr .portal-middle h3,.supplied-vr .portal-destination h3{font-size:26px}
 .supplied-vr .portal-intro>p:last-child,.supplied-vr .portal-middle>p:last-child{display:none}
}
