/* Screens keep their original aspect ratio; the device frame never crops a capture. */
.web-section .device-pair.digital-visual{aspect-ratio:1.4;padding:15px 0 38px!important;max-height:none;background:transparent}
.web-section .device-composition{height:100%;min-height:100%;overflow:visible}
.web-section .device-desktop{width:79%;left:1%;top:12%;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;padding:0;text-align:left;transform:translate3d(0,calc((var(--pair-progress) - .5) * -22px),0) rotate(calc(-1deg + var(--pair-progress) * 2deg))}
.laptop-lid{position:relative;display:block;padding:10px 7px 0;border:1px solid #51535a;border-radius:10px 10px 3px 3px;background:linear-gradient(135deg,#373940,#111217 70%);box-shadow:0 18px 24px -13px #15152155}
.laptop-camera{position:absolute;left:calc(50% - 1.5px);top:3px;width:3px;height:3px;background:#07080d;border:1px solid #58637b;border-radius:50%}
.laptop-display{display:grid;place-items:center;width:100%;aspect-ratio:16/10;background:#111217;overflow:hidden;border:1px solid #06070c;border-radius:2px}
.web-section .device-desktop .laptop-display img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none;border-radius:0}
.laptop-chin{display:block;height:9px;background:linear-gradient(90deg,#181a20,#35383f 50%,#181a20)}
.laptop-base{position:relative;display:block;width:110%;height:13px;margin-left:-5%;margin-top:-1px;background:linear-gradient(180deg,#d5d8df 0%,#a4a8b0 38%,#6c717c 44%,#adb1ba 70%,#41464e 100%);border-radius:1px 1px 50% 50%/1px 1px 85% 85%;box-shadow:0 15px 15px -9px #14161c45;border-bottom:1px solid #8d919a}
.laptop-base>span{position:absolute;left:42%;top:0;width:16%;height:4px;border-radius:0 0 5px 5px;background:#7a7d85;box-shadow:inset 0 1px 2px #0005}
.web-section .device-phone{width:19%;right:0;bottom:10%;border:0;padding:0;background:transparent;overflow:visible;transform:translate3d(0,calc((var(--pair-progress) - .5) * -35px),0) rotate(calc(2deg - var(--pair-progress) * 3deg))}
.web-section .device-phone-float{border-width:4px;border-radius:18px}
.web-section .device-phone img{width:100%;height:auto;aspect-ratio:390/844;object-fit:contain;transform:none;object-position:center}
.web-image-expand{cursor:zoom-in}.web-image-expand:focus-visible{outline:3px solid #976b11;outline-offset:7px}
.web-section .device-composition:hover .device-desktop{filter:none}
.web-section .device-caption{left:1%;bottom:0;font-size:10px;letter-spacing:.04em;line-height:1.5}
.web-section .device-pair:after{display:none}

/* Alpha in the campaign image reveals the section beneath it. */
.ite-campaign .brand-image-expand{background:transparent;border:0;border-radius:0;overflow:visible}
.ite-campaign .brand-image-expand img{aspect-ratio:auto 1671/941;height:auto}
.ite-campaign .brand-image-expand:hover img{transform:none}

/* The original APOLO skater sits directly on the studio background. */
.studio-skate{position:relative;width:100%;margin:0;isolation:isolate;transform:translate3d(0,var(--skate-y,0px),0) rotate(var(--skate-rotate,0deg))}
.studio-skate:before{content:"";position:absolute;inset:22% 4% 8%;z-index:-1;background:radial-gradient(ellipse,#b8582420,transparent 65%);pointer-events:none}
.studio-skate-flight{animation:studio-skate-float 7s ease-in-out infinite}
.studio-skate img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;filter:drop-shadow(0 20px 25px #0003)}
.studio-skate figcaption{margin-top:8px;color:#b2b3bb;font-size:10px;letter-spacing:.13em;text-align:center}
@keyframes studio-skate-float{0%,100%{transform:translate3d(0,5px,0) rotate(-1deg)}50%{transform:translate3d(0,-9px,0) rotate(1deg)}}
@media(max-width:700px){.studio-skate{max-width:440px;margin:auto}.studio-skate img{max-height:470px}.studio-skate figcaption{font-size:9px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.studio-skate{transform:none!important}.studio-skate-flight{animation:none!important}}
.motion-paused .studio-skate{transform:none!important}.motion-paused .studio-skate-flight{animation-play-state:paused}

@media(max-width:1050px){.web-section .device-pair.digital-visual{aspect-ratio:1.3}.laptop-lid{padding:8px 5px 0;border-radius:8px 8px 3px 3px}.laptop-camera{top:2px}.laptop-chin{height:7px}.laptop-base{height:10px}.web-section .device-phone-float{border-width:3px;border-radius:13px}.web-section .device-caption{font-size:9px}}
@media(max-width:700px){.web-section .device-pair.digital-visual{aspect-ratio:1.3;padding:10px 0 32px!important}.web-section .device-desktop{width:79%;top:12%}.web-section .device-phone{width:19%;right:0;bottom:11%}.laptop-lid{padding:7px 4px 0;border-radius:6px 6px 2px 2px}.laptop-camera{top:2px;width:2px;height:2px;left:calc(50% - 1px)}.laptop-chin{height:6px}.laptop-base{height:8px}.laptop-base>span{height:3px}.web-section .device-phone-float{border-width:2px;border-radius:10px}.web-section .phone-speaker{height:2px;top:2px}.web-section .device-caption{font-size:9px;letter-spacing:.02em}}
@media(prefers-reduced-motion:reduce){.web-section .device-desktop,.web-section .device-phone{transform:none!important}}
.motion-paused .web-section .device-desktop,.motion-paused .web-section .device-phone{transform:none!important}