/* Approved fullscreen layout. Every crop below is driven by editable data. */
:root{--sans:var(--font-primary,'Elms Sans'),Arial,sans-serif;--mono:var(--font-secondary,'Elms Sans'),Arial,sans-serif}
body .photo-story{background:var(--section-bg,#d6d6d9);--story-ink:#202020;--story-muted:#353535;--story-line:#20202030;color:var(--story-ink)}
body .photo-story.story-dark{--story-ink:#f6f6f3;--story-muted:#e0e0de;--story-line:#ffffff35}
body .photo-story .story-image{inset:0;width:100%;height:100%}
body .photo-story .story-image img{object-fit:var(--feature-desktop-fit,contain);object-position:var(--feature-desktop-position,50% 50%)}
body .photo-story.image-split .story-image{left:47%;width:53%}
body .photo-story.image-split.story-right .story-image{left:0}
body .photo-story.image-split .story-copy{width:38%}
body .photo-story.image-split .story-image img{max-height:100%}
body .photo-story .story-details{margin-top:22px;border-top:1px solid var(--story-line);padding-top:15px}
body .photo-story .story-details summary{cursor:pointer;font:500 15px/1.5 var(--sans);padding:8px 0}
body .photo-story .story-details p{font:400 15px/1.6 var(--sans);margin:12px 0}
body .photo-story .story-details article{margin:18px 0}
body .photo-story .story-details h3{font-size:16px}
body .photo-story .story-details svg{width:22px;height:22px}
body .photo-story .story-note p{margin:0}
body .photo-story .story-points:empty{display:none}
body .product-band>.stage::after{display:none!important}
body .product-band .hero-picture img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:var(--hero-desktop-fit,cover)!important;object-position:var(--hero-desktop-position,50% 50%)!important}
body[data-page="mira-plus"] .product-band h1{color:#fff}
body[data-page="nova-prime"] .product-band .hero-picture img,
body[data-page="vivo-view"] .product-band .hero-picture img{height:83%!important}
body[data-page="nova-prime"] .product-band,
body[data-page="vivo-view"] .product-band{background:#b7b8bb}
body .access-spec .access-grid{grid-template-columns:repeat(var(--access-count,4),1fr);gap:22px 16px}
body .form-confirmation{border:1px solid #45644b;padding:18px;color:#244b2d}
body .site-nav{z-index:1000}
body .mobile-menu{z-index:999}
body .m-access .m-content{max-height:100%;overflow-y:auto}
@media(max-width:1100px){
 body .photo-story .story-image,body .photo-story.image-split .story-image,body .photo-story.image-split.story-right .story-image{left:0;top:0;width:100%;height:100%}
 body .photo-story .story-image img{object-fit:var(--feature-mobile-fit,contain);object-position:var(--feature-mobile-position,50% 50%)}
 body .photo-story .story-copy,body .photo-story.image-split .story-copy{width:100%;max-width:680px;margin-inline:auto}
}
@media(max-width:860px){
 body .product-band{background:var(--hero-ground,#c4c5c6)!important}
 body .product-band>.stage{background:transparent!important}
 body .product-band .hero-picture img,
 body[data-page="nova-prime"] .product-band .hero-picture img,
 body[data-page="vivo-view"] .product-band .hero-picture img{top:18%!important;height:48%!important;object-fit:var(--hero-mobile-fit,cover)!important;object-position:var(--hero-mobile-position,50% 50%)!important}
 body[data-page="mira-plus"] .product-band{--hero-ground:#676767}
 body .m-access .access-grid{grid-template-columns:repeat(var(--mobile-access-columns,3),1fr)}
 body .photo-story .story-details{margin-top:14px;padding-top:8px}
}
@media(max-height:500px){
 body .photo-story .photo-backdrop{height:100%;width:45%}
 body .photo-story .story-copy,body .photo-story.image-split .story-copy{width:49%;margin-left:auto;margin-right:0}
 body .product-band>.title-row{padding-bottom:20px!important}
 body .product-band .hero-picture img{height:100%!important;top:0!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(max-width:359px) and (min-height:501px) and (max-height:700px){body .photo-story{--mobile-photo-h:25vh;padding-top:calc(var(--mobile-photo-h) + 18px);padding-bottom:10px}}

/* Secondary typography can be adjusted in Fonts & motion. */
body :is(.nav-link,.nav-drop-panel a,.mobile-menu a,.kicker,.breadcrumb,.menu-label,.footer-heading,.m-eyebrow,.spec-list dt,.m-spec-summary dt,.story-eyebrow){font-family:var(--mono)!important}

/* Optional homepage video. Existing hero images serve as posters and fallbacks. */
body .home-hero-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;background:#151515;opacity:0;pointer-events:none;transition:opacity .28s ease}
body .hero-video-ready .home-hero-video{opacity:1}
body .hero-video-toggle{position:absolute;z-index:4;right:var(--pad,40px);bottom:24px;min-height:44px;padding:10px 16px;border:1px solid #ffffff80;border-radius:30px;background:#202020d9;color:#fff;font:500 13px/1.3 var(--sans);cursor:pointer}
body .hero-video-toggle[hidden]{display:none!important}
body .hero-video-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px #222}
@media(max-width:860px){body .hero-video-toggle{right:24px;bottom:12px}}
@media(prefers-reduced-motion:reduce){body .home-hero-video{transition:none}}