/* Zenith: pearl, blue hour, and glass. Product imagery supplies the color. */
:root{--accent:#285edb;--ink:#172138;--muted:#697386}
body{background:radial-gradient(ellipse at 0% 30%,#e8edf7 0,transparent 32%),radial-gradient(ellipse at 100% 64%,#e8e9f5 0,transparent 30%),#f7f8fb}
.site-header{height:68px;background:transparent;border:0;backdrop-filter:none;pointer-events:none;position:sticky;top:0}
.nav-inner{pointer-events:auto;width:min(810px,calc(100% - 48px));padding:0 26px;border-radius:0 0 28px 28px;background:#101a31f2;color:#f5f7ff;backdrop-filter:blur(24px);box-shadow:0 12px 32px #15284915;position:relative;gap:24px}
.nav-inner:before,.nav-inner:after{content:'';position:absolute;top:0;width:22px;height:22px;pointer-events:none}
.nav-inner:before{left:-22px;border-radius:0 22px 0 0;box-shadow:8px -8px 0 8px #101a31f2}
.nav-inner:after{right:-22px;border-radius:22px 0 0 0;box-shadow:-8px -8px 0 8px #101a31f2}
.nav-inner .button{background:#f4f6ff;color:#152748;padding:10px 17px}.nav-links{gap:25px}.nav-links a{color:#cdd8ef}.brand .beta{color:#a8bada;border-color:#ffffff30}
.opening-sequence{background:radial-gradient(ellipse at 20% 12%,#d9e8f9aa,transparent 34%),radial-gradient(ellipse at 90% 18%,#e3ddf1bb,transparent 32%),linear-gradient(165deg,#f7f9fc,#edf0f7 68%,#f7f8fb)}
.opening-copy h1{font-weight:650;font-size:clamp(110px,13vw,190px);background:linear-gradient(135deg,#12223b 20%,#50719c 75%,#9caaca);background-clip:text;-webkit-background-clip:text}.opening-copy .hero-tagline{margin-top:25px}.opening-copy{padding-bottom:35px}.scroll-cue{bottom:0!important;padding-bottom:0!important;margin-bottom:0;line-height:24px;color:#78839b}
.display-rim{padding:12px 12px 14px;border-radius:25px 25px 12px 12px;box-shadow:0 0 0 1px #b4b7bf,0 0 0 3px #454952,0 35px 90px #13274625;background:#101114;position:relative}.display-rim video{border-radius:13px 13px 4px 4px}.display-shine{display:none}.mac-base{height:16px;width:113%;margin-left:-6.5%;background:linear-gradient(#b9bdc7,#e1e3e8 18%,#9b9faa 35%,#5d626d 74%,#b0b3ba);box-shadow:0 20px 22px -12px #101d3455}.mac-base i{height:5px}
.intro-manifesto h2 span{color:#667b9d}.section{padding-block:130px}.section-head{gap:55px;margin-bottom:55px}.story{box-shadow:none;border:1px solid #ffffffaa;background:#edf1f7}.story.warm{background:#eeedf3}.story img{border-radius:24px}.intro-links a{border-color:#c6cfde}
.zenith-atmosphere{height:95svh;min-height:620px;position:relative;overflow:hidden;background:#0d1931;color:#f8fbff}.zenith-atmosphere>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.06);will-change:transform}.atmosphere-copy{position:absolute;top:12%;left:max(6vw,calc((100vw - 1200px)/2));text-shadow:0 2px 24px #08152a55;max-width:550px}.atmosphere-copy .eyebrow{color:#b7cdf1}.atmosphere-copy h2{font-size:clamp(52px,6vw,88px);line-height:1.02;letter-spacing:-.065em;font-weight:600;margin:25px 0}.atmosphere-copy>p:last-child{font-size:21px;line-height:1.5;color:#d6e4fa}.art-note{position:absolute;bottom:28px;left:6vw;font-size:12px;color:#cad8eb}
.personalize{background:linear-gradient(150deg,#e5ebf5,#f8f9fc 55%,#eae7f4)}.play-section{background:linear-gradient(145deg,#e6ebf5,#f2f3f8)}.eq-stage{background:linear-gradient(150deg,#e3e9f5,#eeedf6);border:1px solid #fff;box-shadow:0 25px 60px #1c325210}.demo-card{border:1px solid #fff;box-shadow:0 15px 45px #1c325208}
/* Gallery cards are scenes, not screenshots inside colored mats. */
.tools-section{width:100%;overflow:hidden;background:linear-gradient(180deg,#f5f7fb,#e8edf7);padding-block:130px 80px}.tools-section>.section-head,.tools-section>.directory-link{width:min(1200px,calc(100% - 80px));margin-inline:auto}.showcase{margin:0;width:100%;overflow:visible}.showcase-track{gap:24px;padding:10px max(40px,calc((100vw - 1200px)/2)) 30px;scroll-padding-inline:7vw}.showcase-card{flex:0 0 min(1120px,83vw);position:relative;border-radius:34px;overflow:hidden;isolation:isolate;background:#152235;min-height:0;box-shadow:0 14px 35px #13233b12}.showcase-scene{height:min(76svh,760px);min-height:500px;position:relative;overflow:hidden}.showcase-card img{height:100%;width:100%;object-fit:cover;object-position:center top;padding:0;border:0;border-radius:0;background:none!important}.showcase-card:nth-child(2n) img{background:none}.showcase-caption{position:absolute;bottom:0;left:0;right:0;padding:90px 42px 36px;background:linear-gradient(transparent,#081325c9);color:white;pointer-events:none}.showcase-card h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;margin:0 0 10px}.showcase-card p{font-size:18px;color:#e3ebf8;margin:0}.showcase-controls{padding:5px 0 50px;gap:12px}.showcase-dots,.showcase-play{background:#d6dce6b3;backdrop-filter:blur(16px)}.showcase-dots{padding:8px 13px}.showcase-dots span{background:#8d97a8;position:relative;overflow:hidden}.showcase-dots [aria-pressed=true] span{width:46px;background:#a2acbb}.showcase-dots [aria-pressed=true] span:after{content:'';position:absolute;inset:0;background:#25334c;transform:scaleX(var(--slide-progress,0));transform-origin:left}.showcase-play{color:#25334c}.directory-link{margin-top:30px}.showcase-card:focus-within{outline:3px solid var(--accent)}
.fold-story{height:230svh;background:radial-gradient(ellipse at 50% 65%,#d4deef,#f4f6fa 65%)}.fold-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;display:flex;flex-direction:column;align-items:center;perspective:1600px}.fold-copy{text-align:center;padding:65px 25px 0;z-index:2}.fold-copy .eyebrow{justify-content:center}.fold-copy h2{font-size:clamp(40px,4.8vw,68px);letter-spacing:-.055em;line-height:1.04;margin:20px 0}.fold-copy>p:last-child{font-size:17px;line-height:1.5;color:#6a768a}.fold-device{width:min(680px,70vw);aspect-ratio:1.55;position:relative;margin-top:35px;transform-style:preserve-3d;transform:rotateX(10deg);--lid-angle:-15deg}.fold-screen{position:absolute;inset:0;transform-origin:bottom center;transform:rotateX(var(--lid-angle));border:9px solid #14171d;border-bottom-width:15px;border-radius:18px 18px 8px 8px;overflow:hidden;backface-visibility:hidden;box-shadow:0 0 0 2px #8d929b;background:#142234}.fold-screen img{width:100%;height:100%;object-fit:cover}.fold-notch{position:absolute;top:0;left:39%;width:22%;height:6%;border-radius:0 0 8px 8px;background:#101114}.fold-deck{position:absolute;top:100%;left:-2%;width:104%;height:42%;transform-origin:top;transform:rotateX(65deg);background:linear-gradient(120deg,#939aa7,#dce0e6,#a1a9b5);border:1px solid #858d99;border-radius:5px 5px 18px 18px;box-shadow:0 25px 30px #17244022}.fold-keys{width:83%;height:44%;margin:10px auto 0;border-radius:4px;background:repeating-linear-gradient(0deg,transparent 0 13px,#bbc0c9 13px 16px),repeating-linear-gradient(90deg,#222731 0 25px,#b9bec7 25px 29px)}.fold-trackpad{width:29%;height:31%;margin:9px auto;border:1px solid #8b94a2;border-radius:5px}.fold-note{position:absolute;bottom:20px;font-size:11px;color:#7c8696}
@media(prefers-reduced-motion:no-preference) and (min-height:650px){.opening-sequence,.no-scroll-timeline .opening-sequence{height:430svh}.wallpaper-sequence,.no-scroll-timeline .wallpaper-sequence{height:340svh}.no-scroll-timeline .wallpaper-sticky{position:sticky;top:0;height:100svh}.landscape-story,.no-scroll-timeline .landscape-story{height:370svh}}
@media(min-width:1500px){.showcase-card{flex-basis:min(1240px,79vw)}.showcase-scene{height:78svh}}
@media(max-width:700px){.nav-inner{width:calc(100% - 28px);padding:0 17px;gap:10px;border-radius:0 0 22px 22px}.nav-inner:before,.nav-inner:after{display:none}.nav-inner .button{padding:9px 12px}.section{padding-block:85px}.opening-copy h1{font-size:clamp(95px,24vw,145px)}.opening-product{width:86vw}.display-rim{padding:7px 7px 9px;border-radius:15px 15px 6px 6px}.mac-base{height:10px}.tools-section>.section-head,.tools-section>.directory-link{width:calc(100% - 40px)}.showcase-track{padding-inline:20px;gap:16px}.showcase-card{flex-basis:88vw;border-radius:25px}.showcase-scene{height:68svh;min-height:410px}.showcase-card img{object-fit:cover;object-position:center top}.showcase-caption{padding:90px 24px 27px}.showcase-card p{font-size:15px}.zenith-atmosphere{height:85svh;min-height:600px}.zenith-atmosphere>img{object-position:60% center}.atmosphere-copy{left:7%;top:9%;max-width:80%}.atmosphere-copy h2{font-size:54px}.atmosphere-copy>p:last-child{font-size:17px}.fold-copy{padding-top:60px}.fold-copy h2{font-size:38px}.fold-copy>p:last-child{font-size:15px}.fold-device{width:85vw;margin-top:70px}.fold-sticky{min-height:650px}.fold-screen{border-width:6px}.fold-note{max-width:90%;text-align:center}}
@media(prefers-reduced-motion:reduce){.fold-story{height:auto}.fold-sticky{position:relative;height:750px;top:auto}.fold-screen{transform:rotateX(-15deg)!important}.zenith-atmosphere>img{transform:none!important}.showcase-dots [aria-pressed=true] span:after{transform:scaleX(1)}.opening-copy{padding-bottom:0}}
.showcase-scene:before{content:'';position:absolute;inset:-35px;background-image:var(--scene);background-size:cover;background-position:center;filter:blur(26px) brightness(.8);z-index:-1}.showcase-card img{object-fit:contain;position:relative}.showcase-scene{isolation:isolate}.showcase-card{background:#2c3749}
/* October refinement: a continuous notch silhouette and quiet playful accents. */
.site-header{position:fixed;inset:0 0 auto;height:68px;z-index:100;background:none}
.nav-inner{background:#101a31;backdrop-filter:none;isolation:isolate}
.nav-inner:before,.nav-inner:after{width:22px;height:22px;box-shadow:none;border-radius:0;background:radial-gradient(circle at 0 100%,transparent 21.5px,#101a31 22px)}
.nav-inner:before{left:-22px}.nav-inner:after{right:-22px;transform:scaleX(-1)}
.opening-copy h1{padding:.06em .13em .12em;line-height:1.12;overflow:visible;letter-spacing:-.065em;margin-inline:-.13em}
.opening-copy .hero-tagline{margin-top:0}.opening-copy .eyebrow{color:#596989}
body{background:radial-gradient(ellipse at 5% 20%,#e7eefa,transparent 25%),radial-gradient(ellipse at 95% 55%,#f0e5ef,transparent 25%),#f7f8fb}
.device-photo{aspect-ratio:3860/2540;position:relative}
.device-photo .device-screen{position:absolute;left:10.88%;top:11.34%;width:78.24%;height:77.32%;overflow:hidden;background:#080a10}
.device-photo .device-screen video,.device-photo .device-screen canvas{width:100%;height:100%;object-fit:fill;display:block;transform:none;border-radius:0}
.device-bezel{position:relative;width:100%;height:auto;display:block;pointer-events:none}
.opening-product.device-photo{width:min(1160px,94vw);padding:0;border:0;box-shadow:none;background:none}
.intro-manifesto{padding-block:120px 140px;text-align:center}.intro-manifesto h2{font-size:clamp(48px,7vw,94px);line-height:1.06;letter-spacing:-.06em}.intro-manifesto h2 em{font-style:normal;position:relative;color:#4b50c6;background:linear-gradient(transparent 72%,#dcd5ff 72%);border-radius:8px}.intro-manifesto>p:not(.eyebrow){max-width:560px;font-size:23px;line-height:1.5;margin:32px auto}.intro-links{justify-content:center;gap:14px;flex-wrap:wrap}.intro-links a{background:#fff9;border:1px solid #d9ddea;padding:15px 23px;border-radius:40px;transition:transform .25s,background .25s}.intro-links a:nth-child(2){background:#e1edff}.intro-links a:nth-child(3){background:#f3e4f1}.intro-links a:nth-child(4){background:#eee8ff}.intro-links a:hover{transform:translateY(-4px) rotate(-2deg);background:white}
.fold-device.device-photo{width:min(880px,86vw);aspect-ratio:3860/2540;transform:none;margin-top:0;flex-shrink:0}.fold-sticky{justify-content:center;gap:6px}.fold-copy{padding-top:25px}.fold-copy h2{font-size:clamp(36px,4vw,62px)}.fold-copy>p:last-child{margin-bottom:0}.fold-note{bottom:14px;text-align:center;padding-inline:20px}
.keyboard-story{height:180svh;background:radial-gradient(ellipse at 80% 10%,#d3d2ff,transparent 45%),radial-gradient(ellipse at 10% 80%,#f7dfd3,transparent 45%),#edf0f9}.keyboard-sticky{position:sticky;top:0;min-height:700px;height:100svh;display:grid;place-items:center;overflow:hidden}.keyboard-sticky article{width:min(1100px,92vw);text-align:center;padding:50px 0}.keyboard-sticky .eyebrow{justify-content:center}.keyboard-sticky h2{font-size:clamp(52px,6vw,90px);line-height:1;letter-spacing:-.065em;margin:20px 0}.keyboard-sticky h2 em{font-style:normal;color:#6660cc}.keyboard-invitation{font-size:21px;color:#637088;margin-bottom:35px}.keyboard-platform{perspective:1400px;padding:15px}.keyboard-platform .mac-keyboard{width:100%;padding:18px;gap:9px;border-radius:22px;background:linear-gradient(155deg,#fafbfc,#b9c1ce);box-shadow:inset 0 0 0 1px #fff,0 3px 0 #8d96a5,0 35px 55px -25px #27335270;transform:rotateX(12deg);transition:transform .4s}.keyboard-platform .mac-keyboard:focus-within{transform:rotateX(0);outline:2px solid #8c85df;outline-offset:9px}.keyboard-row{gap:8px}.keyboard-platform .mac-key{height:clamp(32px,4.1vw,55px);background:linear-gradient(#fff,#f0f2f5);color:#344058;border:1px solid #cbd0da;border-bottom:3px solid #aeb7c5;border-radius:8px;box-shadow:0 2px 2px #31466a18;transition:transform .08s,background .08s,color .08s}.keyboard-platform .mac-key.down{background:#6964d5;color:white;transform:translateY(2px);border-bottom-width:1px;box-shadow:0 0 18px #8474e94a}.keyboard-sticky .demo-controls{justify-content:center;margin-top:28px}.keyboard-status{color:#596583;font-size:14px}.keyboard-sticky .demo-disclaimer{max-width:580px;margin:15px auto 0;color:#7e8696;font-size:12px}.showcase-dots [aria-pressed=true] span{width:58px}.showcase-dots [aria-pressed=true] span:after{border-radius:inherit;will-change:transform}
@supports(animation-timeline:view()){ @media(prefers-reduced-motion:no-preference){.keyboard-platform{animation:keyboard-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes keyboard-arrive{from{transform:translateY(65px) scale(.91);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}}}
@media(max-width:700px){.intro-manifesto{padding-block:90px}.intro-links a{font-size:14px;padding:12px 17px}.keyboard-sticky{min-height:580px}.keyboard-platform{padding:5px}.keyboard-platform .mac-keyboard{padding:9px;gap:5px}.keyboard-row{gap:3px}.keyboard-platform .mac-key{font-size:10px;border-radius:4px}.keyboard-sticky h2{font-size:56px}.keyboard-invitation{font-size:17px}.fold-device.device-photo{width:98vw}.fold-copy{padding-top:0}.nav-inner:before,.nav-inner:after{display:block}.showcase-scene{min-height:380px}}
@media(prefers-reduced-motion:reduce){.keyboard-story{height:auto}.keyboard-sticky{position:relative;height:auto}.fold-device.device-photo{transform:none!important}.keyboard-platform .mac-keyboard{transform:none}.fold-sticky{height:auto;min-height:650px;padding-bottom:55px}}
.depth-feature{display:flex;align-items:center;justify-content:center;gap:45px;padding:10px 0 90px}.depth-feature h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;line-height:1.1;margin:15px 0}.depth-feature p{font-size:17px;line-height:1.6;color:#697386}.depth-feature strong{font-size:13px;font-weight:500}.depth-badge{display:grid;place-items:center;position:relative;width:150px;height:150px;flex-shrink:0;border-radius:36px;background:linear-gradient(145deg,#ccd9ec,#f5f1fa);font-size:100px;font-weight:700;letter-spacing:-.1em;color:#fff;isolation:isolate;overflow:hidden}.depth-badge:after{content:'';position:absolute;bottom:-70px;left:15px;width:150px;height:150px;background:linear-gradient(140deg,#858cae,#293a5a);transform:rotate(40deg);border-radius:18px}.depth-badge span{position:absolute;top:15px;right:20px;font-size:22px;color:#6672ae}
@media(prefers-reduced-motion:no-preference) and (min-height:650px){.opening-sticky,.no-scroll-timeline .opening-sticky{top:0;height:100svh}.opening-product.device-photo{max-width:none;width:min(1160px,94vw,145svh)}}
@media(max-width:700px){.depth-feature{gap:25px;padding:0 24px 60px}.depth-badge{width:95px;height:110px;border-radius:25px;font-size:76px}.depth-feature p{font-size:14px}}
/* Live audit corrections: explicit scene geometry, accessible controls, no crop. */
.menu-toggle,.mobile-menu{display:none}.mobile-menu[hidden]{display:none!important}
.sub-hero{padding-top:130px}
.opening-copy{flex-shrink:0;max-width:calc(100% - 40px)}
.opening-copy h1{font-size:clamp(96px,12vw,172px)}
@media(prefers-reduced-motion:no-preference) and (min-height:650px){
 .opening-sequence,.no-scroll-timeline .opening-sequence{height:360svh}
 .opening-product.device-photo{position:absolute;top:50%;left:50%;margin-left:0;translate:-50% 0;width:min(1160px,94vw,128svh)}
 .opening-sticky{display:flex;align-items:center;justify-content:center}
}
.wallpaper-canvas{background:#171923;overflow:hidden}
.wallpaper-canvas:before{filter:blur(45px);transform:scale(1.15);opacity:.8}
.lock-stage{width:min(100vw,159.5svh);flex-shrink:0;z-index:1}
.scroll-lyrics{width:47%;left:27%;height:53%}
.lyric-track p{font-size:clamp(14px,4.8cqw,28px);white-space:normal;line-height:1.35}
.lyric-track p span{color:transparent;background:linear-gradient(90deg,#fff max(0%,calc(var(--word-fill,0%) - 5%)),#ffffff70 min(100%,calc(var(--word-fill,0%) + 5%)));background-clip:text;-webkit-background-clip:text}
.clock-capture{inset:0;overflow:hidden;background:#253037}
.clock-capture img{object-fit:cover;object-position:center}
.landscape-caption{bottom:0;padding:80px 5vw 30px;background:linear-gradient(transparent,#08111dcc);width:100%;box-sizing:border-box}
.showcase-caption{position:relative;background:transparent;padding:24px 32px 30px;min-height:125px;box-sizing:border-box}
.showcase-card{background:#101b2c}.showcase-scene{height:min(65svh,650px);min-height:360px;background:transparent}
.showcase-scene:before{filter:blur(30px) brightness(.65)}
.showcase-card img{object-fit:contain}
.keyboard-platform{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:25px}
.keyboard-platform .mac-keyboard{max-width:900px;margin:auto;min-width:760px}
.keyboard-platform .mac-key{min-height:44px;font-size:13px}
.keyboard-sticky .demo-controls input[type=range]{width:180px;height:32px;accent-color:#6964d5;vertical-align:middle}
.feature-entry{padding:24px!important;border:1px solid #dce1ec;border-radius:18px;background:#ffffffaa}
.feature-entry h3{font-size:20px;line-height:1.25}.feature-list{gap:16px}
@media(max-width:700px){
 .nav-links{display:none}.menu-toggle{display:block;background:transparent;border:0;color:#fff;padding:12px;font:inherit;cursor:pointer;margin-left:auto}
 .mobile-menu:not([hidden]){display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:#101a31;border-radius:0 0 20px 20px;padding:16px;box-shadow:0 20px 35px #0003}
 .mobile-menu a{padding:14px;color:white;text-decoration:none}.brand .beta{display:none}
 .opening-copy h1{font-size:clamp(86px,24vw,130px)}.opening-copy{padding-top:45px}
 .showcase-caption{padding:22px;min-height:145px}.showcase-scene{height:48svh;min-height:300px}
 .keyboard-sticky article{width:100%;padding-inline:0}.keyboard-platform{padding-inline:20px}.keyboard-platform .mac-keyboard{padding:14px;gap:7px}.keyboard-platform .keyboard-row{gap:5px}.keyboard-platform .mac-key{font-size:13px;border-radius:7px}
 .keyboard-invitation,.keyboard-status,.demo-disclaimer{padding-inline:22px}
 .lock-stage{width:100%;aspect-ratio:1600/1002}.wallpaper-sticky{min-height:0}
 .landscape-caption h3{font-size:30px}.landscape-caption{padding-bottom:25px}
 .clock-capture img{object-fit:cover;object-position:center}
}
@media(prefers-reduced-motion:reduce){
 .opening-product.device-photo{position:relative;top:auto;left:auto;translate:none;transform:none!important;margin:30px auto;width:min(100%,900px)}
 .opening-copy{transform:none!important;opacity:1!important;padding-top:100px}.opening-sticky{height:auto!important;display:block;padding-bottom:35px}
 .scroll-cue{display:none}.opening-sequence{height:auto!important}.lyric-track{transform:none!important}.lyric-track p{filter:none!important}
}

/* A real layered illustration makes the still-wallpaper capability legible. */
.depth-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,6vw,88px);align-items:center}
.depth-scene{position:relative;aspect-ratio:1.454;border-radius:28px;overflow:hidden;isolation:isolate;background:#9aafb7;box-shadow:0 24px 60px #17213818}
.depth-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.depth-time{position:absolute;top:0;left:0;width:100%;text-align:center;font-size:clamp(68px,10vw,145px);font-weight:650;letter-spacing:-.07em;line-height:1.2;color:#f0f3ec}
.depth-foreground{clip-path:polygon(0% 18%,6% 21%,13% 24%,17% 25%,22% 24%,25% 26%,31% 21%,37% 17%,42% 12%,46% 12%,51% 12%,55% 11%,59% 9%,64% 8%,68% 7%,72% 6%,75% 7%,79% 10%,85% 14%,91% 15%,94% 17%,98% 16%,100% 14%,100% 100%,0% 100%)}
.depth-scene small{position:absolute;bottom:14px;left:18px;color:white;font-size:11px;text-shadow:0 1px 5px #000}
@media(max-width:650px){.depth-feature{grid-template-columns:1fr}.depth-time{font-size:24vw}.depth-scene{border-radius:22px}}
.landscape-caption{left:0;right:0}
@media(max-width:650px){.clock-capture{background:url('editorial/landscape.webp') center/cover}.clock-capture img{object-fit:contain;background:transparent}.landscape-caption{padding-inline:24px}.landscape-caption>div{max-width:100%}.landscape-caption p{white-space:normal}}
/* Constrain the grid item itself; only the keyboard may scroll sideways. */
.keyboard-sticky{grid-template-columns:minmax(0,1fr)}
.keyboard-sticky article{min-width:0;max-width:100%;justify-self:center}
.keyboard-platform{min-width:0;max-width:100%;box-sizing:border-box}
.depth-time{top:-10px;font-size:clamp(60px,6vw,100px);line-height:1.05}
@media(max-width:650px){.depth-time{top:-5px;font-size:15vw}}