.device-video{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.72fr);align-items:center;gap:clamp(28px,6vw,110px);isolation:isolate}.device-video-copy{max-width:560px}.device-video-copy h2{font-size:clamp(34px,4.3vw,66px);line-height:1.08;letter-spacing:-.04em;font-weight:450;margin:22px 0}.device-video-copy p{color:var(--muted,#a9b6b4);font-size:16px;line-height:1.85;max-width:480px;margin:0 0 28px}.device-video-frame{position:relative;justify-self:center;width:min(100%,330px);margin:0;padding:10px;border:1px solid #cfb37488;border-bottom:4px solid #ad915c99;border-radius:27px;background:linear-gradient(135deg,#e8c77c20,#ffffff08 48%,#c4a56c16);box-shadow:inset 0 1px #fff5,8px 10px 0 -4px #a68b5933,0 28px 60px #0005}.device-video-frame video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#080e10;border-radius:18px}.device-video-frame figcaption{padding:12px 5px 3px;text-align:center;font-size:10px;line-height:1.5;color:#c9b885}.device-video-frame video:focus-visible{outline:2px solid #e5c486;outline-offset:4px}@media(max-width:700px){.device-video{grid-template-columns:1fr;gap:28px}.device-video-copy p{font-size:14px}.device-video-frame{width:min(100%,330px)}.device-video-copy h2{font-size:38px}}@media print{.device-video{display:none}}