/* Phone/tablet composition. Loaded after the desktop artwork; no desktop changes. */
@media (max-width:1023px) {
 html{scroll-behavior:auto;scroll-padding-top:24px;overflow-x:clip;-webkit-text-size-adjust:100%}
 body{width:auto;max-width:100%;zoom:1!important;margin:0;overflow-x:clip}
 main{min-width:0}section{min-width:0}article{min-width:0}figure{min-width:0}
 .section{padding:64px 24px;max-width:760px}
 h2{font-size:calc((clamp(32px,6.5vw,48px)) * 0.8);line-height:1.12;letter-spacing:-.035em}#capture .capture-heading h2{font-size:calc((clamp(32px,6.5vw,48px)) * 0.8);line-height:1.12;letter-spacing:-.035em}#device .device-heading h2{font-size:calc((clamp(32px,6.5vw,48px)) * 0.8);line-height:1.12;letter-spacing:-.035em}
 .section-head{display:block;margin-bottom:28px}
 .section-head h2 br{display:initial}
 .section-head h2 .muted{display:block}
 #problem .section-head>p{max-width:100%;margin:18px 0 0;text-align:left;font-size:15px;line-height:1.504}#capture .section-head>p{max-width:100%;margin:18px 0 0;text-align:left;font-size:15px;line-height:1.504}#understand .section-head>.understand-intro{max-width:100%;margin:18px 0 0;text-align:left;font-size:15px;line-height:1.504}#practice .section-head>p{max-width:100%;margin:18px 0 0;text-align:left;font-size:15px;line-height:1.504}#explore .section-head>p{max-width:100%;margin:18px 0 0;text-align:left;font-size:15px;line-height:1.504}#device .section-head>p{max-width:100%;margin:18px 0 0;text-align:left;font-size:15px;line-height:1.504}#privacy .section-head>p{max-width:100%;margin:18px 0 0;text-align:left;font-size:15px;line-height:1.504}
 .section-head>p br{display:initial}
 header{height:76px;padding:12px 20px;gap:12px;position:relative;z-index:20}
 .header-logo{width:66px;flex:none}.header-logo img{width:100%}
 header .button.small{font-size:12px;min-height:44px;padding:10px 14px;gap:8px;white-space:nowrap}
 .menu-toggle{display:block;order:3;margin:0;padding:12px 0 12px 6px;border:0;background:none;font-size:14px;min-height:44px}
 header nav{display:none}
 header nav.mobile-open{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:16px 24px 24px;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}
 header nav a{padding:14px 0;font-size:17px}
 .hero.hero-array{height:auto;min-height:0;padding:32px 0 40px}
 .hero-array h1{top:auto;font-size:calc((clamp(38px,8.7vw,70px)) * 0.8);line-height:1.12;padding:0 20px;letter-spacing:-.04em}
 .hero-array .hero-color{inset:100px 16px 20px;border-radius:16px}
 .hero-array .hero-product-wall{position:relative;top:auto;left:auto;right:auto;margin:14px 16px 0;height:290px;width:calc(100% - 32px)}
 .hero-product-rows{top:0}.hero-product-row{height:132px}.hero-product-cell{width:166px;height:166px;flex-basis:166px}.hero-product-group{gap:10px;padding-right:10px}.hero-product-row.row-1{left:-70px}
 .hero-array .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:8px 36px 0}
 .hero-array .hero-bottom>p:first-child{font-size:16px;line-height:1.504;max-width:480px}
 .hero-bottom .restored-cta{position:static;transform:none;min-width:0;margin:22px auto 0;min-height:50px;font-size:14px;padding:14px 20px;white-space:normal}
 .hero-bottom .restored-cta:hover{transform:none}
 .tabs{gap:8px;flex-wrap:wrap;margin:24px 0 18px}.tabs button{min-height:44px;padding:10px 14px;font-size:14px}
 .scene{display:flex;flex-direction:column;height:auto;min-height:0}
 .scene>img{height:auto;min-height:0;width:100%;aspect-ratio:1.5;object-fit:cover}
 .scene-caption{padding:26px 24px;min-height:0}.scene-caption>span{margin-bottom:16px}.scene-caption h3{font-size:calc((29px) * 0.9);line-height:1.15;margin-bottom:16px}.scene-caption p{font-size:16px;line-height:1.551;max-width:none}
 #capture .io-flow{grid-template-columns:1fr;gap:24px;margin-top:32px}#capture .io-knowledge{grid-template-columns:1fr;gap:24px;margin-top:32px}
 #capture .io-flow h3{font-size:calc((22px) * 0.9);line-height:1.175;margin-bottom:18px}
 .io-knowledge .io-input-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .io-knowledge .io-tile{min-height:88px;padding:12px 4px;gap:8px}.io-tile span{font-size:12px;text-align:center}
 .io-knowledge .io-tile svg{height:28px;width:28px}
 .io-knowledge .io-robot-hub{width:160px;height:110px;padding:0;justify-self:center;overflow:hidden}
 .io-robot-hub svg{max-height:110px;transform:rotate(90deg)}
 .io-knowledge .io-group{padding:14px;margin-top:12px}.io-group h4{font-size:calc((22px) * 0.9);line-height:1.128}
 .io-knowledge .io-yellow .io-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.io-knowledge .io-green .io-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .io-knowledge .io-group .io-tile{min-height:78px;padding:10px 6px}.io-knowledge .io-group .io-tile span{font-size:14px;overflow-wrap:anywhere}
 .bridge{font-size:20px;line-height:1.41;margin-top:28px}
 .learning-controls{flex-wrap:wrap;gap:16px}.learning-topics button{font-size:14px;min-height:44px}
 .understanding-example{padding:20px 16px}.example-title{display:block;margin-bottom:24px}.example-title h3{font-size:calc((25px) * 0.9)}.example-title p{margin-top:10px;font-size:15px;line-height:1.41}
 .comparison-pair{grid-template-columns:1fr;gap:18px}
 .learning-carousel .comparison-arrow{line-height:1;margin:0;transform:rotate(90deg);font-size:24px;justify-self:center}
 .comparison-image{height:auto;aspect-ratio:16/9}
 .learning-carousel .comparison-pair>figure>figcaption{height:auto;min-height:0;align-items:center;font-size:14px;line-height:1.41;margin:0 0 12px}
 .learning-carousel .output-heading{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:12px}
 .learning-carousel .output-heading figcaption{white-space:normal;font-size:14px;line-height:1.41}
 .learning-carousel .output-tabs{flex-wrap:wrap;gap:8px}.learning-carousel .output-tabs button{font-size:13px;padding:10px 14px;min-height:44px}
 .learning-carousel .output-pane{height:340px;max-width:100%}.pdf-reader{height:340px;max-width:100%}.learning-footnotes{gap:8px;flex-wrap:wrap}.learning-footnotes .pdf-scroll-hint{font-size:12px}
 .additional-formats{grid-template-columns:1fr}.report-html{overflow-wrap:anywhere}.report-html table{display:block;overflow:auto}
 #practice .practice-layout{grid-template-columns:1fr;gap:24px}
 #practice-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 #practice-tabs button{padding:14px 12px;gap:8px;font-size:15px;line-height:1.269;border:1px solid #bdced5;border-radius:12px;min-height:76px;align-items:flex-start}
 #practice-tabs strong{font-size:calc((17px) * 0.9);line-height:1.222}#practice-tabs button small{font-size:12px;line-height:1.41}#practice-tabs svg{width:20px;height:20px}#practice-tabs .p-tab-arrow{display:none}
 #practice .practice-demo{display:block;aspect-ratio:auto;height:auto;min-height:0;max-width:none;padding:22px 18px;border-radius:16px}
 #practice-content{min-height:0;height:auto}#practice-content .p-top{align-items:flex-start;font-size:12px;gap:8px}
 #practice-content .p-flash{min-height:260px;padding:24px 0;flex:auto}
 #practice-content .p-flash h3{font-size:calc((26px) * 0.9);line-height:1.128;margin:18px 0}#practice-content h3{font-size:calc((26px) * 0.9);line-height:1.128;margin:18px 0}
 #practice-content .p-flash p{font-size:15px;line-height:1.504}#practice-content p{font-size:15px;line-height:1.504}
 #practice-content .p-flash-explanation{grid-template-columns:1fr;gap:18px}#practice-content .fc-svg-wrap svg{max-height:150px}
 #practice-content .p-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;height:auto}
 #practice-content .p-action{min-height:44px;padding:10px 12px;font-size:13px}
 #practice-content .p-answers{grid-template-columns:1fr;gap:10px}#practice-content .p-answers button{min-height:60px;font-size:14px;padding:14px}
 #practice-content .p-diagram svg{height:90px}
 .p-gantt{overflow-x:auto}.gantt-header{min-width:540px}.gantt-row{min-width:540px}
 .p-calendar{min-height:360px;padding:12px 8px}.p-reminder-fields{grid-template-columns:1fr}
 .explore-chat{height:auto;min-height:0;padding:22px 18px;border-radius:16px;display:flex;flex-direction:column;gap:20px;overflow:hidden}
 .explore-prompt{position:relative;inset:auto;left:auto;top:auto;right:auto;min-height:0;max-width:100%;width:100%;padding:18px 40px 18px 16px;font-size:16px;line-height:1.457;flex:none}.explore-chat[data-phase=thinking] .explore-prompt{position:relative;inset:auto;left:auto;top:auto;right:auto;min-height:0;max-width:100%;width:100%;padding:18px 40px 18px 16px;font-size:16px;line-height:1.457;flex:none}.explore-chat[data-phase=answer] .explore-prompt{position:relative;inset:auto;left:auto;top:auto;right:auto;min-height:0;max-width:100%;width:100%;padding:18px 40px 18px 16px;font-size:16px;line-height:1.457;flex:none}
 .explore-reply{position:relative;inset:auto;max-width:none;max-height:560px;min-height:160px;padding:0 4px 0 0;overflow-y:auto;transform:none}
 .explore-chat:not([data-phase=answer]) .explore-reply{height:180px;min-height:180px}
 .explore-reply h3{font-size:calc((24px) * 0.9);line-height:1.128}.explore-reply>p{font-size:15px}
 .explore-context{display:none}.explore-thinking{top:165px;left:22px}
 .explore-suggestions{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:16px;margin:0}
 .explore-suggestions button{font-size:13px;padding:10px 6px;min-height:44px}
 .explore-visual-material.visual-proactive .glass-diagram{grid-template-columns:1fr}.explore-visual-material.visual-proactive .glass-defect-layout{grid-template-columns:1fr}.explore-visual-material.visual-personalized .data-hub-layout{grid-template-columns:1fr}.explore-visual-material.visual-personalized .data-panels{grid-template-columns:1fr}.explore-visual-material.visual-find-it .wall-layout{grid-template-columns:1fr}
 .explore-visual-material .glass-slide{padding:14px!important}.explore-visual-material .data-slide{padding:14px!important}.explore-visual-material .ppt-slide.light{padding:14px!important}.explore-visual-material .ppt-result-card{padding:14px!important}
 #share.software-ecosystem{padding:60px 24px;max-width:760px;margin:auto}#share #ecosystem-title{font-size:32px;line-height:1.15}#share .ecosystem-wall{margin-top:28px;height:auto;padding:12px 0}.eco-icon{width:64px;height:64px}
 .device-showcase{grid-template-columns:1fr;padding:20px 12px;gap:22px;min-height:0;margin:28px 0 36px;border-radius:18px;overflow:hidden}
 .device-feature-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}
 .device-feature-option{margin:0;width:auto;min-width:0;display:contents}
 .device-feature-menu .device-feature-trigger{padding:12px 10px;font-size:14px;gap:7px;min-height:48px;width:100%;height:100%}
 .feature-indicator{width:22px;height:22px;min-width:22px}
 .device-feature-detail{display:none}
 .device-feature-option.is-active .device-feature-detail{display:block;grid-column:1/-1;grid-row:4;margin:8px 0 0;opacity:1}
 .device-feature-option.is-active .device-feature-detail>div{padding:18px;border-radius:12px}
 .device-feature-detail p{font-size:15px;line-height:1.504}
 .device-feature-stage{height:auto;width:100%;aspect-ratio:1;min-height:0}
 .device-feature-visual{height:100%;width:100%;border-radius:12px}
 .mic-orbit{width:62.5%;height:auto;aspect-ratio:1}
 .device-fx .fx-caption{font-size:12px}.fx-camera .fx-caption{right:8px;top:8px;font-size:10px}.camera-status{left:8px;top:8px;font-size:10px}
 .device-showcase[data-feature=vision] .lens-focus{width:70px;height:70px;border-width:2px}
 .device-showcase[data-feature=power] .power-readout{right:3%;gap:6px}.power-readout strong{font-size:25px}.power-readout small{font-size:10px}
 .device-color-product{width:100%;height:100%;left:0;top:0;margin:0}
 .device-showcase[data-feature=colors] .color-black{transform:translateX(-22%) scale(.62)}.device-showcase[data-feature=colors] .color-purple{transform:translateX(22%) scale(.62)}
 .device-showcase[data-feature=colors][data-color="0"] .color-silver{transform:translateX(-22%) scale(.62)}.device-showcase[data-feature=colors][data-color="2"] .color-silver{transform:translateX(22%) scale(.62)}
 .device-measure{bottom:18%;font-size:10px}.device-charge{width:60%;height:60%;left:20%;top:20%;margin:0}
 .hardware-story.handsfree-story{display:flex;flex-direction:column;margin-top:30px;border-radius:16px;background:#e6ebed}
 .handsfree-story .wear-carousel{order:0}.handsfree-story .wear-slides{height:auto;aspect-ratio:1.25}
 .handsfree-overlay{position:static;order:1;padding:24px;color:var(--ink);text-shadow:none;font-size:inherit}
 .handsfree-overlay h3{font-size:calc((29px) * 0.9);line-height:1.128}.handsfree-overlay p{font-size:15px;line-height:1.551;color:var(--muted);text-shadow:none;margin-top:14px}
 .handsfree-story:after{display:none}
 .privacy-grid{grid-template-columns:1fr;gap:32px;margin:32px 0 0}.privacy-grid h3{font-size:calc((25px) * 0.9)}.privacy-grid p{font-size:16px;line-height:1.598;margin-top:12px}
 .waitlist{padding:60px 24px;border-radius:0}.waitlist>h2{white-space:normal;font-size:calc((clamp(34px,7vw,52px)) * 0.8);line-height:1.128;letter-spacing:-.04em}
 .waitlist>p{font-size:21px;line-height:1.41;margin-top:24px;max-width:480px}.waitlist>p br{display:initial}
 .waitlist form{flex-direction:column;gap:12px;margin-top:28px;max-width:440px}.waitlist input{min-height:54px;font-size:16px;padding:16px 20px}.waitlist form .button{min-height:54px;font-size:16px}
 .waitlist .fine{font-size:13px;line-height:1.504;max-width:440px}.waitlist .status{font-size:13px;line-height:1.504;max-width:440px}.faq{grid-template-columns:1fr;gap:26px;margin-top:40px;padding-top:32px}.faq h3{font-size:calc((27px) * 0.8);line-height:1.128}.faq summary{font-size:calc((16px) * 0.9);min-height:44px;align-items:center}.faq details>p{font-size:15px}
 footer{padding:30px 24px max(30px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:20px}footer p{font-size:12px}
}
@media (min-width:600px) and (max-width:1023px){
 .section{padding-left:40px;padding-right:40px}#share.software-ecosystem{padding-left:40px;padding-right:40px}
 .hero-product-wall{max-width:720px;margin-left:auto!important;margin-right:auto!important}.hero-array .hero-product-wall{height:350px}.hero-product-cell{width:200px;height:200px;flex-basis:200px}.hero-product-row{height:160px}
 .device-showcase{padding:24px}.device-feature-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.device-feature-option.is-active .device-feature-detail{grid-row:3}.device-feature-stage{max-width:520px;margin:auto}
 .io-knowledge .io-yellow .io-group-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.io-knowledge .io-green .io-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:1023px){
 .hero-product-row{height:135.96px}
 .hero-array .hero-product-wall{height:294px}
 .hero-array .hero-color{bottom:65px}
 #practice .section-head>p{text-align:right;font-size:clamp(10px,2.75vw,15px)}
 .practice-caption-line{white-space:nowrap}
 .device-showcase[data-feature=power] .charge-orbits{top:59%;width:68%;height:17%}
 .device-showcase[data-feature=colors] .device-color-product{width:110%;height:110%;left:-5%;top:-5%;margin:0}
 .power-echo{font-size:clamp(14px,4vw,24px)}
}
@media(min-width:600px) and (max-width:1023px){
 .hero-product-row{height:164.8px}
 .hero-array .hero-product-wall{height:355px}
}

@media(max-width:1023px){
 .device-showcase[data-feature=power] .power-readout{top:auto;bottom:6%;left:6%;right:6%;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
 .device-showcase[data-feature=power] .power-readout strong{font-size:25px}
 .device-showcase[data-feature=power] .power-readout small{max-width:62px;line-height:1.316}
}

@media(max-width:1023px){
 .hardware-story.handsfree-story{display:block;background:transparent;margin-top:64px;border-radius:0}
 .handsfree-story .handsfree-heading{display:block;margin-bottom:28px}
 .handsfree-story .handsfree-heading h2{font-size:calc((clamp(32px,6.5vw,48px)) * 0.8);line-height:1.12;letter-spacing:-.035em}
 .handsfree-story .handsfree-heading>p{max-width:100%;margin:18px 0 0;text-align:left;font-size:15px;line-height:1.504}
 .handsfree-story .wear-carousel{width:85%;border-radius:16px}
 .handsfree-story .wear-slides{height:auto;aspect-ratio:1.25}
}
@media(max-width:1023px){.hardware-story.handsfree-story .wear-carousel{margin:0 auto}}

@media(max-width:1023px){.device-showcase[data-feature=power] .power-readout{top:auto;bottom:5%;left:12%;right:12%;justify-content:space-around}.device-showcase[data-feature=power] .wireless-caption{top:76%;font-size:11px}}

/* Reference-aligned microphone reveal and hand-held size comparison. */
.device-showcase[data-feature=audio] .device-360{opacity:0;visibility:hidden;pointer-events:none}
.device-showcase[data-feature=size] .device-360{opacity:0;visibility:hidden;pointer-events:none}
.device-showcase .mic-product{position:absolute;left:50%;top:50%;height:115%;aspect-ratio:1;transform:translate(-50%,-52%)}
.device-showcase .mic-product>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.device-showcase .mic-structure{filter:grayscale(.75) brightness(1.7);mask:url('/landing/assets/mic-silver-v2.webp') center/contain no-repeat;opacity:0}
.device-showcase .mic-shell{opacity:1}
.device-showcase[data-feature=audio] .mic-shell{animation:mic-shell-reveal 9s ease-in-out infinite}
.device-showcase[data-feature=audio] .mic-structure{animation:mic-structure-reveal 9s ease-in-out infinite}
.device-showcase .mic-product .mic-orbit{inset:0;width:100%;height:100%;transform:none;aspect-ratio:auto;opacity:0}
.device-showcase[data-feature=audio] .mic-product .mic-orbit{animation:mic-points-reveal 9s ease-in-out infinite}
.device-showcase .mic-product .mic-orbit i:nth-child(1){left:28.6%;top:31.7%}
.device-showcase .mic-product .mic-orbit i:nth-child(2){left:77%;top:37%}
.device-showcase .mic-product .mic-orbit i:nth-child(3){left:75.6%;top:71.8%}
.device-showcase .mic-product .mic-orbit i:nth-child(4){left:28%;top:67.7%}
.device-showcase .mic-product .mic-orbit i b{animation:none;opacity:.9}
.device-showcase .size-hand{position:absolute;height:125%;width:auto;max-width:none;bottom:-1%;left:52%;transform:translateX(-50%);object-fit:contain}
.device-showcase .fx-size .weight-mark{z-index:2;left:9%;top:27%}
@keyframes mic-shell-reveal{0%{opacity:1}14%{opacity:1}100%{opacity:1}38%{opacity:.22}84%{opacity:.22}}
@keyframes mic-structure-reveal{0%{opacity:0}14%{opacity:0}100%{opacity:0}38%{opacity:1}84%{opacity:1}}
@keyframes mic-points-reveal{0%{opacity:0}38%{opacity:0}94%{opacity:0}100%{opacity:0}44%{opacity:1}84%{opacity:1}}
.device-showcase[data-motion-active=false] .mic-product *{animation-play-state:paused!important}
@media(max-width:700px){
 .device-showcase .mic-product{height:112%;max-width:none}
 .device-showcase .size-hand{height:119%;left:55%}
 .device-showcase .fx-size .weight-mark{left:8%;top:18%}
}
@media(prefers-reduced-motion:reduce){
 .device-showcase[data-feature=audio] .mic-shell{animation:none;opacity:.22}
 .device-showcase[data-feature=audio] .mic-structure{animation:none;opacity:1}.device-showcase[data-feature=audio] .mic-product .mic-orbit{animation:none;opacity:1}
}
.device-showcase[data-feature=size] .device-measure{display:none}
@media(max-width:700px){.device-showcase .fx-size .weight-mark{left:7%;top:8%;font-size:32px}.device-showcase .fx-size .weight-mark span{font-size:18px}}

/* Decoded assets and acknowledged poses are the only display-ready states. */
.device-showcase[data-feature=audio] .device-color-product{display:none!important}
.device-showcase[data-feature=size] .device-color-product{display:none!important}
.device-showcase[data-feature=audio]:not([data-audio-ready=true]) .fx-audio{visibility:hidden}
.device-showcase[data-feature=size]:not([data-size-ready=true]) .fx-size{visibility:hidden}
.device-showcase[data-feature=audio]:not([data-audio-ready=true]) .mic-product *{animation:none!important}
.device-showcase[data-feature=vision]:not([data-viewer-ready=true]) .device-360{visibility:hidden;opacity:0}
.device-showcase[data-feature=power]:not([data-viewer-ready=true]) .device-360{visibility:hidden;opacity:0}
.device-showcase[data-feature=camera]:not([data-viewer-ready=true]) .device-360{visibility:hidden;opacity:0}
.device-showcase[data-feature=vision]:not([data-view-ready=vision]) .fx-vision{visibility:hidden}
.device-showcase[data-feature=power]:not([data-view-ready=power]) .fx-power{visibility:hidden}
.device-showcase[data-feature=camera]:not([data-view-ready=camera]) .fx-camera{visibility:hidden}
.device-showcase[data-feature=vision] .device-color-product{display:none!important}
.device-showcase[data-feature=power] .device-color-product{display:none!important}
.device-showcase[data-feature=camera] .device-color-product{display:none!important}
.device-load-state{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#35566b;font-size:14px;z-index:6;pointer-events:none}
.device-showcase[data-feature=vision]:not([data-viewer-ready=true]) .device-load-state{display:flex}
.device-showcase[data-feature=power]:not([data-viewer-ready=true]) .device-load-state{display:flex}
.device-showcase[data-feature=camera]:not([data-viewer-ready=true]) .device-load-state{display:flex}
.device-showcase[data-feature=audio]:not([data-audio-ready=true]) .device-load-state{display:flex}
.device-showcase[data-feature=size]:not([data-size-ready=true]) .device-load-state{display:flex}
.device-loading-dot{width:28px;height:28px;border:3px dotted #6395a8;border-radius:50%;animation:lens-glint 1.8s linear infinite}
.device-load-retry{pointer-events:auto;background:none;border:1px solid #cadbe2;border-radius:20px;padding:8px 14px;color:inherit;font-size:12px}
.handsfree-story .wear-slide{margin:0;width:100%;height:100%}
.handsfree-story .wear-slide>img{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover}
.handsfree-story .wear-slide:not([data-decoded=true]){opacity:0;visibility:hidden}

.device-showcase[data-feature=vision] .lens-focus{left:var(--lens-x,50%);top:var(--lens-y,50%)}

/* Captions remain attached to their scene at every viewport. */
.handsfree-story .wear-slide figcaption{display:block;z-index:2;left:24px;bottom:22px;max-width:calc(100% - 48px);font-size:clamp(11.2px,1.2vw,17.6px);line-height:1.222;padding:10px 17px;background:rgba(249,250,245,.9);color:#191c20;border-radius:24px}
.handsfree-story .wear-expression{background:#e5e5e5}
.handsfree-story .wear-expression>img{object-fit:contain}
@media(max-width:700px){.handsfree-story .wear-slide figcaption{left:12px;bottom:12px;max-width:calc(100% - 24px);font-size:10.4px;padding:8px 12px}}

/* Supplied scene artwork includes its own caption; show the complete image. */
.handsfree-story .wear-captioned-art{background:#fff}
.handsfree-story .wear-captioned-art>img{object-fit:contain;object-position:center}

/* Preserve the supplied cutout composition and anchor its caption to the artwork. */
.handsfree-story .wear-outfit{container-type:size;background:#fafaf7}
.handsfree-story .wear-outfit-art{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100cqw,190.429cqh);height:min(100cqh,52.513cqw)}
.handsfree-story .wear-outfit-art>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:24px}
.handsfree-story .wear-outfit-art figcaption{left:4%;bottom:5%;}

/* Keep the three battery modes readable within the existing mobile row. */
@media(max-width:1023px){
 .device-showcase[data-feature=power] .power-readout strong{min-width:0;flex:1;text-align:center}
 .device-showcase[data-feature=power] .power-readout strong span{white-space:normal;max-width:96px;margin:4px auto 0;font-size:10px;line-height:1.3}
}
@media(max-width:1023px){
 .device-showcase[data-feature=power] .power-readout{top:5%;bottom:auto;left:5%;right:5%;display:grid;grid-template-columns:24px repeat(3,minmax(0,1fr));gap:10px;align-items:center}
 .device-showcase[data-feature=power] .battery-meter{width:24px;height:15px;padding:2px}
 .device-showcase[data-feature=power] .power-readout strong{font-size:22px}
}
@media(max-width:1023px){
 .device-showcase[data-feature=power] .power-readout{align-items:start}
 .device-showcase[data-feature=power] .battery-meter{align-self:center}
}