.cinema-hero{padding-block:64px 42px}
.cinema-hero .hero-copy{display:grid;grid-template-columns:1.4fr 1fr;column-gap:70px;align-items:end;margin-bottom:44px}
.cinema-hero .hero-copy>.eyebrow{grid-column:1/-1;margin-bottom:23px}
.cinema-hero h1{font-size:clamp(42px,4.7vw,68px);line-height:1.12}
.cinema-hero h1 span{color:var(--faint)}
.cinema-hero .hero-intro{font-size:16px;line-height:1.8;margin-top:0;max-width:385px}
.cinema-hero .hero-actions{margin-top:22px;gap:22px}
.cinema-hero .hero-actions .button{font-size:12px;min-height:47px;padding:12px 15px;gap:8px}
.cinema-hero .hero-actions .button-arrow{margin-left:0}
.cinema-hero .hero-actions .text-link{font-size:12px;gap:6px}
.cinema-hero .fineprint{font-size:10px;margin-top:13px}
.motion-player{width:100%;min-width:0}
.motion-player-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:30px;margin-bottom:10px}
.motion-player-heading .eyebrow{font-size:10px;letter-spacing:.08em}
.motion-player button{background:none}
.motion-play-hint{font-size:10px;color:var(--muted)}
.motion-stage{position:relative;aspect-ratio:16/9;border:1px solid var(--line);border-radius:7px;background:var(--paper);overflow:hidden}
.motion-hero .motion-stage{border:0;border-radius:0}
@media(max-width:700px){.motion-hero .motion-stage{aspect-ratio:4/5}}
.motion-stage video{display:block;width:100%;height:100%;object-fit:contain}
.motion-stage video:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}
.motion-stage video:fullscreen{object-fit:contain;background:#161719}
.motion-toolbar{position:absolute;inset:auto 0 0;display:flex;gap:18px;align-items:center;min-height:52px;padding:8px 18px 0;background:linear-gradient(transparent,#f7f7f5f2 45%);opacity:0;pointer-events:none;transition:opacity .2s ease}
.motion-stage:has(:focus-visible) .motion-toolbar,.motion-stage.is-controls-visible .motion-toolbar{opacity:1;pointer-events:auto}
@media(hover:hover){.motion-stage:hover .motion-toolbar{opacity:1;pointer-events:auto}}
.motion-seek{display:flex;align-items:center;flex:1;min-width:0;height:44px}
.motion-seek input{appearance:none;-webkit-appearance:none;width:100%;height:3px;margin:0;border-radius:2px;background:linear-gradient(to right,var(--ink) var(--motion-progress,0%),var(--line) var(--motion-progress,0%));cursor:pointer;touch-action:pan-y}
.motion-seek input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--ink);border:0}
.motion-seek input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--ink);border:0}
.motion-time{font-size:10px;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}
.motion-fullscreen{display:grid;place-items:center;width:44px;height:44px;padding:10px;margin-right:-10px;flex:none}
.motion-fullscreen svg{width:20px;height:20px}
.motion-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.motion-error{font-size:12px;padding:14px 0}
/* Give the authored 16:9 demonstrations enough width to keep their UI readable. */
.inside .product-explorer{display:flex;flex-direction:column;align-items:stretch;gap:26px;margin-top:44px}
.inside .feature-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;width:100%;align-self:stretch}
.inside .feature-tab{grid-template-columns:23px 1fr 16px;gap:9px;border-top:1px solid var(--line);border-bottom:0;padding-block:21px;align-content:start}
.inside .feature-tab.active{border-top-color:var(--ink)}
.inside .feature-tab strong{font-size:20px}
.inside .feature-tab .tab-copy{display:block!important;font-size:13px;opacity:1!important;margin-top:12px!important}
.inside .screenshot-note{grid-column:1/-1;margin-top:8px;font-size:10px}
.inside .feature-stage{display:block;min-height:0;padding:0;background:transparent;overflow:visible}
.inside .feature-stage:before{content:none}
.inside .feature-stage figure{gap:13px}
.inside .feature-stage figcaption{align-self:flex-start;font-size:11px}
.zoom-teaser-visual{min-width:0;width:100%}
.zoom-teaser-visual .zoom-teaser-art{display:block;aspect-ratio:1/1.08;height:auto;padding:0;background:#fbfbf9;border:1px solid var(--line);border-radius:12px}
.zoom-teaser-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 27%}
.zoom-teaser-visual figcaption{margin-top:13px;font-size:10px;color:var(--muted)}
@media(max-width:600px){.zoom-teaser-visual{order:2}}
@media(max-width:1000px){.cinema-hero .hero-copy{column-gap:30px}.cinema-hero h1{font-size:45px}.cinema-hero .hero-intro{font-size:14px}.cinema-hero .hero-actions{gap:15px}.inside .feature-tabs{column-gap:20px}.inside .feature-tab{grid-template-columns:1fr 15px}.inside .feature-tab .tab-index{display:none}.inside .feature-tab strong{font-size:18px}}
@media(max-width:700px){.cinema-hero{padding-block:44px 30px}.cinema-hero .hero-copy{display:block;margin-bottom:32px}.cinema-hero .hero-copy>.eyebrow{margin-bottom:18px}.cinema-hero h1{font-size:clamp(36px,7.2vw,48px)}.cinema-hero .hero-intro{margin-top:20px;max-width:430px}.cinema-hero .hero-actions{margin-top:23px}.motion-player-heading{gap:8px;margin-bottom:4px}.motion-player-heading .eyebrow{font-size:8px;letter-spacing:.04em}.motion-toolbar{padding:0 11px;gap:12px}.motion-time{font-size:9px}.inside .feature-tabs{gap:0 12px}.inside .feature-tab{display:block;padding-block:15px}.inside .feature-tab strong{font-size:13px;line-height:1.5;display:block}.inside .feature-tab>.icon{display:none}.inside .feature-tab .tab-copy{display:none!important}.inside .screenshot-note{margin-top:0}.inside .product-explorer{gap:13px}.inside .feature-stage figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.motion-toolbar{transition:none}}