/* Product imagery carries the subject; text and playback controls share its stage. */
.product-feature-stories{padding-block:clamp(64px,7vw,104px);background:var(--white)}
.product-feature-stories h2{max-width:22ch;margin-bottom:44px;font-size:clamp(38px,4.5vw,64px);font-weight:550;line-height:1.08;letter-spacing:-.04em}
.product-feature-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 24px}
.product-feature-story{min-width:0;grid-row:var(--feature-story-row,auto);grid-column:var(--feature-story-column,auto);--feature-ground:#060606;--feature-ink:var(--dark-ink);--feature-soft:var(--dark-soft)}
.product-feature-story--light{--feature-ground:var(--paper);--feature-ink:var(--ink);--feature-soft:var(--muted)}
.product-feature-story-image{position:relative;overflow:hidden;background:var(--dark)}
.product-feature-story-image img{display:block;width:100%;height:auto;object-fit:contain;transition:transform 1s var(--ease)}
.product-feature-story-image h3{position:absolute;top:32px;left:36px;right:36px;max-width:17ch;font-size:clamp(26px,2.7vw,39px);font-weight:550;line-height:1.16;letter-spacing:-.03em;color:var(--white)}
.product-feature-story--light .product-feature-story-image h3{color:var(--ink)}
.product-feature-story>p{max-width:60ch;margin:21px 5px 0;font-size:16px;line-height:1.8;color:var(--ink)}
.product-feature-story-heading{background:var(--feature-ground);color:var(--feature-ink);padding:28px 32px 20px}
.product-feature-story-heading h3{min-height:2.32em;max-width:24ch;font-size:clamp(26px,2.25vw,34px);font-weight:550;line-height:1.16;letter-spacing:-.03em}
.product-feature-story--caption .product-feature-story-image,.product-feature-story--contained .product-feature-story-image{display:flex;justify-content:center;align-items:center;aspect-ratio:16/10;background:var(--feature-ground)}
.product-feature-story--caption .product-feature-story-image img,.product-feature-story--contained .product-feature-story-image img{width:100%;height:100%;max-width:var(--feature-image-width);object-fit:contain}
.product-feature-story--contained .product-feature-story-image{padding:12px 32px 32px}
.product-feature-story--wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;background:var(--feature-ground);color:var(--feature-ink);overflow:hidden}
.product-feature-story--wide .product-feature-story-copy{padding:40px clamp(28px,4vw,64px)}
.product-feature-story--wide h3{font-size:clamp(30px,3.2vw,46px);max-width:15ch;font-weight:550;line-height:1.15;letter-spacing:-.03em;margin-bottom:24px}
.product-feature-story--wide p{font-size:16px;line-height:1.8;max-width:45ch;color:var(--feature-soft)}
.product-feature-story--wide .product-feature-story-image{height:420px;aspect-ratio:auto;min-width:0;background:transparent}
.product-feature-story--wide img{width:100%;height:100%;max-width:var(--feature-image-width);object-fit:contain;object-position:right center}
.product-feature-story--wide.product-feature-story--contained img{object-position:center}
.product-feature-story--copy{border-top:1px solid var(--catalog-line);padding-top:28px}
.product-feature-story--copy h3{font-size:clamp(26px,2.25vw,34px);font-weight:550;line-height:1.2;letter-spacing:-.03em;max-width:25ch;margin-bottom:18px}
.product-feature-story--copy p{font-size:16px;line-height:1.8;max-width:60ch;color:var(--ink)}
.product-feature-story--copy-wide{grid-column:1/-1}
.product-feature-story--copy-wide .product-feature-story-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.product-cinema{background:var(--dark);color:var(--dark-ink);padding-block:clamp(60px,6vw,88px)}
.product-cinema .product-cinema-inner{max-width:1040px}
.product-cinema-heading{text-align:center;max-width:800px;margin:0 auto 40px}
.product-cinema-heading h2{font-size:clamp(36px,4.1vw,58px);line-height:1.08;font-weight:550;letter-spacing:-.04em}
.product-cinema-heading p{max-width:58ch;margin:20px auto 0;font-size:16px;line-height:1.75;color:var(--dark-soft)}
.product-cinema--light{background:var(--white);color:var(--ink)}
.product-cinema--light .product-cinema-heading p{color:var(--muted)}
.product-cinema-frame{position:relative;isolation:isolate;width:100%;background:var(--dark);--focus:var(--white)}
.product-cinema-frame video{width:100%;height:auto;aspect-ratio:16/9;display:block;object-fit:contain}
.product-cinema-frame :is(button,input){accent-color:var(--white)}
.film-cover-action{display:none}
.product-cinema-frame.is-enhanced .film-cover-action{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;color:var(--white);font-size:15px;font-weight:650;background:rgba(4,12,23,.12);transition:opacity .35s ease,background .35s ease}
.film-cover-icon{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:rgba(6,15,28,.52);transition:background .25s ease,transform .4s var(--ease)}
.film-cover-icon .icon{width:29px;height:29px;stroke-width:1.4}
.film-cover-action:hover .film-cover-icon{background:var(--blue);transform:scale(1.08)}
.product-cinema-frame.is-playing .film-cover-action{opacity:0;pointer-events:none}
.product-cinema-frame.is-playing .film-cover-action:focus-visible{opacity:1;pointer-events:auto}
.film-cover-action:focus-visible{outline-offset:-6px}
.film-controls{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:15px;padding:28px 20px 14px;background:linear-gradient(0deg,rgba(5,12,22,.96),rgba(5,12,22,.7) 65%,transparent);color:var(--white)}
.film-controls[hidden],.film-controls button[hidden]{display:none}
.film-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px;transition:background .2s ease}
.film-controls button:hover{background:rgba(255,255,255,.15)}
.film-controls output{white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.film-controls input{flex:1;min-width:0;height:44px;margin:0;cursor:pointer;appearance:none;background:transparent}
.film-controls input:disabled{cursor:default;opacity:.5}
.film-controls input::-webkit-slider-runnable-track{height:2px;background:rgba(255,255,255,.62)}
.film-controls input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:50%;background:var(--white);border:0}
.film-controls input::-moz-range-track{height:2px;background:rgba(255,255,255,.62)}
.film-controls input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--white);border:0}
.film-controls .icon{width:20px;height:20px}
.film-sound-off{display:none}
.is-muted .film-sound-on{display:none}
.is-muted .film-sound-off{display:block}
.film-status{position:absolute;bottom:90px;left:20px;right:20px;z-index:4;font-size:13px;line-height:1.6;text-align:center;color:var(--white);background:rgba(5,12,22,.88);padding:9px 16px;margin:0 auto;max-width:65ch}
.film-status:empty{display:none}
.product-cinema-frame:fullscreen{display:flex;align-items:center;justify-content:center;background:var(--dark)}
.product-cinema-frame:fullscreen video{max-height:100dvh;object-fit:contain}
@media(max-width:959px){
 .product-feature-story-image h3{top:24px;left:26px;right:26px;font-size:28px}
 .product-feature-story--wide .product-feature-story-image{height:360px}
 .product-feature-story--wide .product-feature-story-copy{padding:32px}
 .product-feature-story--wide p{font-size:15px}
 .product-feature-story-heading{padding:24px 26px 18px}
}
@media(max-width:699px){
 .product-feature-stories{padding-block:48px}
 .product-feature-stories h2{font-size:36px;margin-bottom:28px;max-width:19ch}
 .product-feature-story-grid{grid-template-columns:minmax(0,1fr);gap:36px}
 .product-feature-story-image h3{top:22px;left:24px;right:24px;font-size:26px;max-width:18ch}
 .product-feature-story>p{margin:16px 0 0;font-size:15px;line-height:1.8}
 .product-feature-story-heading{padding:24px 24px 16px}
 .product-feature-story-heading h3{min-height:0;font-size:26px;max-width:22ch}
 .product-feature-story--contained .product-feature-story-image{padding:8px 24px 24px}
 .product-feature-story--wide{display:flex;flex-direction:column;align-items:stretch}
 .product-feature-story--wide .product-feature-story-copy{padding:28px 24px 8px}
 .product-feature-story--wide h3{font-size:30px;margin-bottom:17px;max-width:18ch}
 .product-feature-story--wide .product-feature-story-image{height:auto}
 .product-feature-story--wide img{width:100%;height:auto;max-height:320px}
 .product-feature-story--wide.product-feature-story--caption .product-feature-story-image,.product-feature-story--wide.product-feature-story--contained .product-feature-story-image{aspect-ratio:auto}
 .product-feature-story--copy{padding-top:24px}
 .product-feature-story--copy h3{font-size:26px}
 .product-feature-story--copy p{font-size:15px}
 .product-feature-story--copy-wide .product-feature-story-copy{grid-template-columns:minmax(0,1fr);gap:0}
 .product-cinema{padding-block:44px}
 .product-cinema-heading{margin-bottom:25px}
 .product-cinema-heading h2{font-size:36px}
 .product-cinema-heading p{font-size:15px;margin-top:16px}
 .film-cover-icon{width:56px;height:56px}
 .film-cover-icon .icon{width:23px;height:23px}
 .product-cinema-frame.is-enhanced .film-cover-action{gap:9px;padding-bottom:34px;font-size:13px}
 .film-controls{gap:4px;padding:20px 6px 5px}
 .film-controls button{padding:10px}
 .film-controls output{font-size:10px}
 .film-controls input{margin-inline:5px}
 .film-status{bottom:65px;left:8px;right:8px;font-size:12px;padding:6px}
}
@media(max-width:374px){
 .film-controls{position:relative;flex-wrap:wrap;padding-top:0;background:var(--dark)}
 .film-controls input{order:1;flex-basis:100%;height:44px}
 .film-controls output{margin-right:auto;font-size:11px}
 .product-cinema-frame.is-enhanced .film-cover-action{bottom:97px;padding-bottom:0}
 .product-cinema-frame:fullscreen{flex-direction:column}
 .product-cinema-frame:fullscreen video{max-height:calc(100dvh - 97px)}
}
@media(prefers-reduced-motion:reduce){
 .product-feature-story-image img,.film-cover-action,.film-cover-icon{transition:none}
 .film-cover-action:hover .film-cover-icon{transform:none}
}

/* Practical feature details */
.product-feature-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 0;padding-top:22px;border-top:1px solid #d5deeb}
.product-feature-details>div:only-child{grid-column:1/-1}
.product-feature-details dt{font-size:14px;font-weight:600;line-height:1.6}
.product-feature-details dd{font-size:13px;color:var(--muted);line-height:1.85;margin:8px 0 0}
.product-feature-story--wide .product-feature-details{border-top-color:#576071}
.product-feature-story--wide .product-feature-details dd{color:var(--feature-soft)}
.product-feature-story--copy-wide .product-feature-details{grid-column:1/-1}
.product-feature-story>.product-feature-details{margin:0;padding:22px 28px 28px;background:var(--white)}
.product-feature-story--wide .product-feature-details,.product-feature-story--copy .product-feature-details{grid-template-columns:minmax(0,1fr)}
.product-feature-extra{grid-column:1/-1;grid-row:var(--feature-story-row,auto);margin-top:-28px;padding:22px 24px;border-top:1px solid #d5deeb;background:var(--paper)}
.product-feature-extra .product-feature-details{grid-template-columns:minmax(0,1fr);gap:16px;margin:0;padding:0;border:0}
.product-feature-extra .product-feature-details>div{display:grid;grid-template-columns:minmax(180px,.38fr) minmax(0,1fr);align-items:start;gap:24px}
.product-feature-extra .product-feature-details dd{max-width:72ch;margin:0;font-size:14px}
@media(max-width:600px){.product-feature-details{grid-template-columns:minmax(0,1fr);gap:20px}.product-feature-story>.product-feature-details{padding:20px}}
@media(max-width:699px){.product-feature-story-grid>.product-feature-story,.product-feature-story-grid>.product-feature-extra{grid-column:auto;grid-row:auto}.product-feature-extra{margin-top:-16px;padding:20px}.product-feature-extra .product-feature-details{gap:12px}.product-feature-extra .product-feature-details>div{grid-template-columns:minmax(0,1fr);gap:8px}}