@charset "UTF-8";

:root{--ink:#242627;
--muted:#656a6c;
--line:#d9dddd;
--paper:#fff;
--pale:#f2f4f4;
--accent:#b2d1cf;
--max:1200px}

*{box-sizing:border-box}
html{scroll-behavior:smooth;
scroll-padding-top:100px}
body{margin:0;
color:var(--ink);
background:var(--paper);
font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;
font-size:16px;
line-height:1.95;
-webkit-font-smoothing:antialiased}
a{color:inherit;
text-decoration:none}
img{display:block;
max-width:100%;
height:auto}
.media,dl,dd{margin:0}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:500;
line-height:1.6;
letter-spacing:.055em}
p+p{margin-top:1.25em}
a,summary{touch-action:manipulation}
a:focus-visible,summary:focus-visible{outline:3px solid #278380;
outline-offset:6px}
.skip{position:fixed;
z-index:100;
top:-100px;
left:16px;
background:white;
padding:12px}
.skip:focus{top:10px}
.wrap{max-width:var(--max);
margin:auto;
width:calc(100% - 112px)}
.section{padding:120px 0}
.eyebrow{font-size:12px;
letter-spacing:.18em;
font-weight:600;
line-height:1.6;
color:var(--muted);
margin-bottom:24px}
.eyebrow.light{color:#b5bebe}
h2{font-size:clamp(28px,3vw,40px)}
h3{font-size:21px}
.small{font-size:12px;
color:var(--muted);
line-height:1.8}
.button{display:inline-flex;
gap:28px;
justify-content:space-between;
align-items:center;
background:var(--ink);
color:#fff;
padding:18px 26px;
font-size:15px;
font-weight:600;
min-height:60px;
border:1px solid var(--ink);
transition:background .2s,transform .2s}
.button:hover{background:#454b4c;
transform:translateY(-2px)}
.button-light{background:#fff;
color:var(--ink);
border-color:#fff}
.button-light:hover{background:#e0eeee}
.text-link{display:inline-flex;
align-items:center;
justify-content:space-between;
gap:25px;
font-size:14px;
padding:7px 0;
border-bottom:1px solid #a5aaaa}
.text-link:hover{border-color:currentColor}
.on-dark{color:#d6dcdc;
border-color:#697172}
.header{height:86px;
background:var(--ink);
color:white;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 48px;
border-bottom:1px solid #414647}
.retailer{font-size:15px;
letter-spacing:.045em}
.retailer strong{font-weight:700}
.retailer span{font-size:12px;
color:#c4caca}
.header nav{display:flex;
align-items:center;
gap:32px;
font-size:13px}
.nav-cta{border-bottom:1px solid #778080;
padding:7px 0}
.hero{color:white;
background:var(--ink);
overflow:hidden}
.hero-inner{max-width:1440px;
margin:auto;
display:grid;
grid-template-columns:1fr 1.1fr;
align-items:center;
min-height:720px;
padding:72px 6% 55px}
.hero-copy{position:relative;
z-index:2}
.hero h1{font-size:clamp(36px,3.8vw,57px);
line-height:1.55;
letter-spacing:.09em;
margin-bottom:27px}
.hero-description{font-size:15px;
color:#d5dada;
line-height:2.1}
.announcement{font-size:12px;
letter-spacing:.08em;
color:#aebbbb;
margin:28px 0 18px}
.hero .text-link{display:flex;
width:max-content;
margin-top:15px}
.hero-product{position:relative;
min-width:0;
isolation:isolate}
.hero-product img{width:100%;
position:relative;
z-index:1;
mix-blend-mode:lighten}
.hero-word{position:absolute;
font-size:clamp(100px,14vw,210px);
line-height:1;
letter-spacing:-.05em;
color:#333637;
top:-55px;
left:-30px;
z-index:0;
font-weight:600}
.product-label{text-align:right;
margin-top:10px;
font-size:28px;
letter-spacing:.1em}
.product-label span{display:block;
font-size:10px;
letter-spacing:.2em;
color:#a8b1b2}
.hero-bottom{margin:0 48px;
padding:24px 0;
display:flex;
justify-content:space-between;
border-top:1px solid #444849;
color:#b4bcbc;
font-size:11px;
letter-spacing:.16em}
.hero-bottom a{font-size:12px;
letter-spacing:.05em}
.hero-bottom a span{margin-left:24px}
.section-heading{margin-bottom:60px}
.use-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:48px}
.use-grid .media{position:relative;
background:#e4e7e7}
.use-grid img{width:100%;
height:420px;
object-fit:cover;
object-position:center 55%}
.use-grid article:first-child img{object-position:center 44%}
.use-grid .caption{position:absolute;
bottom:0;
left:0;
padding:9px 16px;
background:#252829cc;
color:#fff;
font-size:11px;
letter-spacing:.1em}
.use-copy{padding-top:28px}
.use-copy h3{margin-bottom:18px}
.use-copy p{font-size:14px;
color:#565c5e;
line-height:2.1}
.bridge{text-align:center;
font-size:17px;
letter-spacing:.08em;
margin-top:80px;
padding-top:36px;
border-top:1px solid var(--line)}
.technology{background:var(--ink);
color:#fff}
.tech-intro{display:grid;
grid-template-columns:1fr 1fr;
gap:65px;
align-items:start;
margin-bottom:60px}
.tech-copy{padding-top:40px;
font-size:14px;
line-height:2.15;
color:#ccd2d3}
.diagram-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:28px}
.diagram{border:1px solid #4a5152;
padding:25px 30px;
background:#282c2d}
.diagram .caption{font-size:16px;
letter-spacing:.05em}
.diagram .caption span{font-size:12px;
margin-right:18px;
color:#aab8b9}
.diagram svg{display:block;
width:100%;
height:auto;
margin:20px 0 0}
.diagram svg text{fill:#abb4b5;
font-size:13px;
font-family:inherit}
.room{fill:none;
stroke:#788486;
stroke-width:2}
.wave{fill:none;
stroke:#778385;
stroke-width:1.4}
.reflection{fill:none;
stroke:#96a0a2;
stroke-width:1.3;
stroke-dasharray:5 7;
opacity:.7}
.speaker{fill:#b5bcbc;
stroke:#fff;
stroke-width:1}
.speaker-front{stroke:white;
stroke-width:3}
.listener{fill:#282c2d;
stroke:#dee3e3;
stroke-width:2}
.directed{fill:#b2d1cf08;
stroke:var(--accent);
stroke-width:1.5}
.faint{opacity:.23}
.kii-diagram{border-color:#7b9291}
.kii-diagram .caption span{color:var(--accent)}
.diagram p{text-align:center;
color:#d0d7d8;
font-size:14px;
line-height:1.85}
.diagram-note{max-width:870px;
margin:24px auto 0;
color:#a9b3b4;
font-size:12px;
line-height:1.9}
.tech-foot{display:flex;
justify-content:space-between;
align-items:center;
border-top:1px solid #495253;
margin-top:50px;
padding-top:28px}
.tech-foot p{font-size:19px;
letter-spacing:.07em}
.product-heading{display:flex;
justify-content:space-between;
align-items:flex-end;
gap:32px;
margin-bottom:56px}
.product-heading>p{font-size:14px;
color:var(--muted)}
.angles{display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px}
.angle-photo{background:var(--pale);
height:410px;
padding:24px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden}
.angle-photo img{height:100%;
width:100%;
object-fit:contain;
mix-blend-mode:multiply}
.angle-photo.rear{padding:0}
.angle-photo.rear img{object-fit:cover;
mix-blend-mode:normal}
.angles .caption{padding:22px 0 25px}
.angles .caption>span{font-size:11px;
letter-spacing:.15em;
color:var(--muted)}
.angles h3{font-size:18px;
margin:10px 0 15px;
letter-spacing:.01em}
.angles p{font-size:14px;
color:var(--muted);
line-height:1.95}
.spec-strip{display:grid;
grid-template-columns:1fr 1.4fr 1fr;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
padding:32px 0;
margin-top:36px;
gap:30px}
.spec-strip dt{font-size:10px;
letter-spacing:.12em;
color:var(--muted);
margin-bottom:12px}
.spec-strip dd{font-size:31px;
font-weight:300;
letter-spacing:.02em;
line-height:1.5}
.spec-strip dd span{font-size:12px;
margin-left:8px}
.spec-strip dd.wireless{font-size:22px;
padding-top:7px}
.product-actions{display:flex;
justify-content:center;
align-items:center;
gap:40px;
margin-top:44px}
.store{background:var(--pale)}
.store-grid{display:grid;
grid-template-columns:1.1fr 1fr;
gap:65px;
align-items:start}
.store-photo img{width:100%;
height:470px;
object-fit:cover}
.store-photo .small{margin-top:12px}
.store-copy h2{margin-bottom:28px}
.store-copy p{font-size:14px;
color:#596062;
line-height:2.1}
.bxt{display:grid;
grid-template-columns:1fr 1.2fr 1.5fr;
gap:30px;
border-top:1px solid #ccd2d3;
margin-top:65px;
padding-top:30px;
align-items:start}
.bxt .eyebrow{font-size:10px;
margin:6px 0}
.bxt h3{font-size:17px;
letter-spacing:0}
.bxt p:not(.eyebrow){font-size:12px;
color:var(--muted);
margin:0}
.bxt strong{font-weight:500;
color:var(--ink)}
.audition-grid{display:grid;
grid-template-columns:1fr 1.2fr;
gap:70px}
.audition-grid h2{margin-bottom:25px}
.audition-grid>div>p:not(.eyebrow){font-size:14px;
color:var(--muted);
line-height:2.1}
.faq{padding-top:20px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;
list-style:none;
position:relative;
padding:24px 35px 24px 0;
font-size:15px;
line-height:1.8}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";
position:absolute;
right:3px;
top:22px;
font-size:20px;
font-weight:300}
details[open] summary:after{content:"−"}
.faq details p{font-size:14px;
color:var(--muted);
line-height:2;
padding:0 30px 25px 0}
.contact-panel{margin-top:65px;
padding:44px 48px;
background:var(--pale);
display:flex;
align-items:center;
justify-content:space-between;
gap:35px}
.contact-panel .eyebrow{margin-bottom:14px}
.contact-panel h3{font-size:25px}
.contact-panel p:not(.eyebrow){font-size:12px;
color:var(--muted);
margin-top:17px}
.contact-actions{flex-shrink:0;
display:flex;
flex-direction:column;
align-items:center;
gap:15px}
.contact-actions .button{width:310px}
.access{display:flex;
align-items:center;
gap:40px;
padding-top:42px}
.access>strong{font-size:20px;
letter-spacing:.08em}
.access p{font-size:13px;
color:var(--muted)}
.access .text-link{margin-left:auto}
.footer{border-top:1px solid var(--line);
padding:32px 48px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:22px;
font-size:12px}
.footer p{font-size:10px;
color:var(--muted);
margin:0}
.back-top{margin-left:auto}
.mobile-cta,.mobile-only{display:none}

@media(min-width:1600px){.hero-inner{min-height:820px}
}

@media(max-width:1050px){.wrap{width:calc(100% - 64px)}
.header{padding:0 32px}
.header nav{gap:20px}
.hero-inner{padding:65px 32px;
min-height:650px;
grid-template-columns:1.1fr 1fr}
.hero h1{font-size:40px}
.hero .button{font-size:13px;
padding:16px 18px;
gap:15px}
.hero-product img{width:115%;
max-width:115%;
margin-left:-5%}
.hero-word{font-size:140px;
left:-30px}
.hero-bottom{margin:0 32px}
.section{padding:85px 0}
.tech-intro,.store-grid{gap:35px}
.use-grid{gap:28px}
.use-grid img{height:330px}
.use-copy br{display:none}
.angles{gap:20px}
.angle-photo{height:350px}
.angles h3{font-size:16px}
.spec-strip dd{font-size:25px}
.spec-strip dd.wireless{font-size:18px}
.bxt{grid-template-columns:1fr 2fr}
.bxt .eyebrow{grid-column:1/-1}
.contact-panel{padding:32px;
gap:20px}
.contact-actions .button{width:260px}
.store-photo img{height:430px}
.audition-grid{gap:35px}
}

@media(max-width:700px){html{scroll-padding-top:24px}
.wrap{width:calc(100% - 40px)}
.header{height:72px;
padding:0 20px}
.retailer{font-size:12px}
.retailer span{display:block;
font-size:10px}
.header nav>a:not(.nav-cta){display:none}
.header nav{font-size:12px}
.nav-cta{padding:3px 0}
.hero-inner{display:flex;
flex-direction:column;
padding:46px 24px 30px;
min-height:0;
align-items:stretch}
.hero-copy .eyebrow{font-size:10px;
margin-bottom:25px}
.hero h1{font-size:clamp(30px,8.7vw,44px);
margin-bottom:20px;
line-height:1.65}
.hero-description{font-size:14px;
line-height:2}
.announcement{font-size:11px;
margin-top:22px}
.hero .button{font-size:14px;
padding:16px 20px;
width:100%;
max-width:360px}
.hero .text-link{font-size:12px;
margin-top:12px}
.hero-product{margin-top:45px;
align-self:center;
width:100%;
max-width:430px}
.hero-product img{width:100%;
max-width:100%;
margin:0}
.hero-word{top:-10px;
left:0;
font-size:26vw}
.product-label{font-size:22px;
margin-top:-10px;
position:relative;
z-index:2}
.product-label span{font-size:9px}
.hero-bottom{margin:0 24px;
padding:20px 0}
.hero-bottom>span{font-size:9px}
.hero-bottom a{font-size:10px}
.hero-bottom a span{margin-left:6px}
.section{padding:65px 0}
.eyebrow{font-size:11px;
margin-bottom:20px}
.section-heading{margin-bottom:32px}
h2{font-size:27px;
line-height:1.7;
letter-spacing:.03em}
h3{font-size:20px}
.use-grid,.tech-intro,.diagram-grid,.store-grid,.audition-grid{grid-template-columns:1fr}
.use-grid{gap:40px}
.use-grid img{height:340px}
.use-copy{padding-top:20px}
.use-copy h3{margin-bottom:12px}
.use-copy p{font-size:14px}
.bridge{font-size:15px;
margin-top:40px;
padding-top:30px}
.tech-intro{gap:20px;
margin-bottom:35px}
.tech-copy{padding-top:0}
.diagram{padding:20px}
.diagram-grid{gap:20px}
.diagram svg{max-height:300px}
.diagram-note{font-size:12px}
.tech-foot{display:block;
margin-top:32px}
.tech-foot p{font-size:18px}
.tech-foot a{margin-top:14px;
font-size:12px}
.product-heading{display:block;
margin-bottom:32px}
.product-heading>p{margin-top:20px}
.angles{grid-template-columns:1fr;
gap:26px}
.angle-photo{height:380px}
.angles h3{font-size:20px}
.angles .caption{padding-bottom:0}
.angles .media:last-child{margin-bottom:25px}
.angle-photo.rear{height:380px}
.angle-photo.rear img{object-position:center 55%}
.spec-strip{grid-template-columns:1fr;
gap:23px;
padding:25px 0}
.spec-strip>div{display:flex;
justify-content:space-between;
align-items:center;
gap:20px}
.spec-strip dt{font-size:9px;
margin:0;
max-width:110px}
.spec-strip dd{font-size:24px;
white-space:nowrap}
.spec-strip dd.wireless{font-size:19px;
padding:0}
.product-actions{flex-direction:column;
gap:20px;
margin-top:30px}
.product-actions .button{width:100%;
font-size:14px;
gap:10px;
padding:18px}
.store-grid{gap:28px}
.store-photo img{height:310px}
.store-copy h2{margin-bottom:20px}
.bxt{display:block;
margin-top:35px;
padding-top:25px}
.bxt .eyebrow{margin-bottom:14px}
.bxt h3{font-size:17px;
margin-bottom:12px}
.bxt p:not(.eyebrow){font-size:13px}
.audition-grid{gap:22px}
.faq{padding:0}
summary{font-size:14px}
.contact-panel{margin-top:35px;
padding:28px 22px;
display:block}
.contact-panel h3{font-size:23px}
.contact-actions{margin-top:25px;
align-items:stretch}
.contact-actions .button{width:100%}
.contact-actions .text-link{font-size:12px;
align-self:center}
.access{display:block;
padding-top:30px}
.access p{margin-top:10px}
.access .text-link{margin-top:15px}
.footer{padding:25px 20px 100px;
gap:18px}
.footer p{width:100%;
order:3;
line-height:1.8}
.back-top{font-size:11px}
.mobile-cta{position:fixed;
bottom:12px;
left:16px;
right:16px;
z-index:20;
display:flex;
align-items:center;
justify-content:space-between;
background:#242627;
color:white;
border:1px solid #687171;
padding:14px 18px;
min-height:56px;
font-size:14px;
box-shadow:0 4px 20px #0002}
.mobile-cta span:first-child{font-size:11px;
letter-spacing:.08em}
.mobile-only{display:block}
.desktop-only{display:none}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}

@media print{.header nav,.button,.mobile-cta,.back-top{display:none}
.section{padding:35px 0}
.hero{background:white;
color:black}
.hero-description,.announcement{color:black}
.hero-word{display:none}
.wrap{width:100%}
details{break-inside:avoid}
details p{display:block}
.footer{padding:20px}
}

/* Final responsive and image refinements */
.use-grid .caption{position:static;
background:transparent;
color:var(--muted);
padding:12px 0 0}

.use-grid .media{background:transparent}

.hero-product img{mix-blend-mode:normal}

.store-photo img{height:auto;
aspect-ratio:8/3}

.angle-photo.rear img{object-fit:contain;
background:#e5e8e6}

.hero-product{padding:20px 0}

@media(max-width:700px){.hero-product{margin-top:28px}
.hero h1{letter-spacing:.045em}
.product-actions .button{gap:12px}
.button{font-size:14px}
.mobile-cta{bottom:max(12px,env(safe-area-inset-bottom))}
.footer{padding-bottom:110px}
}

@media(max-width:370px){.button{font-size:12px!important;
padding:16px 12px!important}
.hero-bottom{gap:16px}
.hero-bottom>span{letter-spacing:0}
.spec-strip dd{font-size:20px}
}


/* 2026-09 revision: first view, product crops, audition image and mobile length */
.hero-product{padding:0}
.hero-product img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:center;
  mix-blend-mode:normal;
}

/* Make front / side / rear easier to compare: crop out most of the stand and keep the cabinet dominant. */
.angle-photo{height:280px;padding:20px 0 0;align-items:flex-start}
.angle-photo img{
  width:274px;
  height:auto;
  max-width:100%;
  flex-shrink:0;
}
.angle-photo:not(.rear) img{
  object-position:center top;
  mix-blend-mode:multiply;
}
.angle-photo.rear{height:280px;padding:16px}
.angle-photo.rear img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:transparent;
}

/* The supplied audition photo is 16:9; show the whole setup without the former panoramic crop. */
.store-photo img{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
}

@media(max-width:700px){
  /* Heading -> product photo -> description -> CTA. display:contents lets the hero-copy children
     participate in the hero grid without changing the desktop markup. */
  .hero-inner{
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
    padding:32px 20px 26px;
    min-height:0;
  }
  .hero-copy{display:contents}
  .hero-copy .eyebrow{order:1;margin-bottom:18px}
  .hero h1{order:2;margin-bottom:0;line-height:1.5}
  .hero-product{
    order:3;
    width:100%;
    max-width:none;
    margin:20px 0 0;
    padding:0;
    align-self:stretch;
  }
  .hero-product img{width:100%;max-width:100%;margin:0;aspect-ratio:4/3;object-fit:cover}
  .product-label{font-size:18px;margin-top:8px;text-align:left}
  .hero-description{order:4;margin-top:18px;font-size:13px;line-height:1.9}
  .announcement{order:5;margin:18px 0 12px}
  .hero .button{order:6;width:100%;max-width:none}
  .hero .text-link{order:7;margin-top:10px}

  /* The in-page CTA remains; hiding the fixed bar prevents it from covering the first-view photo. */
  .mobile-cta{display:none}
  .footer{padding-bottom:28px}

  /* Shorten the page while keeping each section readable. */
  .section{padding:52px 0}
  .section-heading{margin-bottom:28px}
  .use-grid{gap:30px}
  .use-grid img{height:240px;object-fit:cover}
  .use-grid article:nth-child(2) img{object-position:center}
  .use-copy{padding-top:16px}
  .bridge{margin-top:32px;padding-top:24px}
  .tech-intro{margin-bottom:28px}
  .diagram-grid{gap:16px}
  .product-heading{margin-bottom:26px}
  .angles{gap:20px}
  .angle-photo,.angle-photo.rear{height:280px}
  .angles .caption{padding:16px 0 0}
  .angles .media:last-child{margin-bottom:16px}
  .spec-strip{margin-top:28px}
  .store-grid{gap:22px}
  .store-photo img{height:auto;aspect-ratio:16/9}
  .bxt{margin-top:28px}
  .contact-panel{margin-top:30px}
  .access{padding-top:26px}
}

@media(max-width:370px){
  .hero-inner{padding-left:16px;padding-right:16px}
  .section{padding:46px 0}
  .use-grid img{height:220px}
  .angle-photo,.angle-photo.rear{height:260px}
}

/* Retailer videos share a responsive 16:9 frame. */
.hero-copy{padding-right:28px}
.hero-copy .eyebrow{font-size:14px}
.hero .announcement{font-size:16px;line-height:1.9;color:#e3e8e8;letter-spacing:.02em;margin:24px 0}
.hero .announcement strong{font-weight:600;color:#fff}
.store-copy p{font-size:16px}
.photo-model-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.photo-model-key p{margin:0;line-height:1.7}
.photo-model-key span{display:block;color:var(--muted);font-size:12px}
.photo-model-key strong{display:block;font-size:16px;font-weight:500}
.audition-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.audition-models article{min-width:0}
.audition-models .model-status{font-size:14px;font-weight:600;color:var(--muted);margin-bottom:8px}
.audition-models h3{font-size:26px;margin-bottom:16px}
.audition-models p:not(.model-status){font-size:16px;line-height:1.9;color:#596062}
.audition-models .model-note{font-size:14px!important}
.audition-models .text-link{margin-top:18px}
.store-actions{display:flex;align-items:center;gap:32px;margin-top:32px;flex-wrap:wrap}
.contact-panel p:not(.eyebrow){font-size:14px;overflow-wrap:anywhere}
.contact-actions .button{width:auto;min-width:310px;gap:18px}
@media(max-width:1050px){
  .contact-panel{flex-wrap:wrap}
}
@media(max-width:700px){
  .hero-copy{padding-right:0}
  .hero-copy .eyebrow{font-size:12px;letter-spacing:.1em}
  .hero .announcement{order:3;font-size:16px;margin:18px 0 0}
  .hero-product{order:4}
  .hero .button{order:5;margin-top:18px}
  .hero .text-link{order:6}
  .hero-description{order:7;font-size:16px;margin:20px 0 0}
  .use-copy p,.tech-copy,.angles p,.product-heading>p,.audition-grid>div>p:not(.eyebrow),.faq details p{font-size:16px;line-height:1.9}
  .audition-models{grid-template-columns:1fr;gap:28px;margin-top:28px;padding-top:24px}
  .audition-models article+article{border-top:1px solid var(--line);padding-top:24px}
  .store-actions{gap:20px}
  .store-actions .button{width:100%}
  .contact-actions .button{width:100%;min-width:0;gap:12px;padding-left:16px;padding-right:16px}
}

.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.video-card h3{margin-bottom:18px;font-size:18px;letter-spacing:.08em}
.video-frame{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}
.video-placeholder{background:#b8b8b8}
.video-status{margin-top:12px}
@media(max-width:700px){
  .video-grid{grid-template-columns:1fr;gap:30px}
  .video-card h3{margin-bottom:14px}
}