.reel{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}.reel-frame{position:relative;width:100%;max-width:300px;aspect-ratio:9/16;border-radius:30px;overflow:hidden;background:var(--navy-900);box-shadow:var(--shadow-lg);border:5px solid var(--cream);isolation:isolate}.reel-frame:after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);z-index:2}.reel-video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer;background:var(--navy-900)}.reel-play{position:absolute;inset:0;z-index:3;display:grid;place-items:center;border:0;background:rgba(5,5,56,.28);color:var(--navy);cursor:pointer;transition:opacity .3s var(--ease),visibility .3s}.reel-play:before{content:"";position:absolute;width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:var(--shadow-md);transition:transform .25s var(--ease),background .25s}.reel-play svg{position:relative;z-index:1;margin-left:4px;transition:color .25s}.reel-play:hover:before{transform:scale(1.08);background:var(--teal)}.reel-play:hover svg{color:#fff}.reel-play.is-hidden{opacity:0;visibility:hidden}.reel-sound{position:absolute;right:12px;bottom:12px;z-index:4;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(5,5,56,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;transition:background .25s,transform .25s var(--ease)}.reel-sound:hover{background:var(--teal);transform:scale(1.06)}.reel-play:focus-visible,.reel-sound:focus-visible,.reel-video:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.reel-caption{font-size:13.5px;color:var(--ink-mute);text-align:center;max-width:300px}.reel-section{background:var(--navy);color:#fff;overflow:hidden}.reel-grid{display:grid;grid-template-columns:320px 1fr;grid-gap:56px;gap:56px;align-items:center}.reel-section .reel-frame{max-width:320px}.reel-copy .eyebrow{color:var(--teal)}.reel-copy h2{color:#fff;margin-bottom:14px}.reel-copy>p{color:rgba(255,255,255,.82);font-size:17px;line-height:1.65;max-width:52ch}.reel-points{list-style:none;margin:24px 0 30px;display:grid;grid-gap:12px;gap:12px}.reel-points li{display:flex;align-items:flex-start;gap:12px;color:rgba(255,255,255,.9);font-size:15.5px;line-height:1.5}.reel-points svg{flex:0 0 auto;margin-top:2px;color:var(--teal)}.reel-actions{display:flex;flex-wrap:wrap;gap:14px}.reel-section .reel-caption{color:rgba(255,255,255,.66)}.reel-feature{display:grid;grid-template-columns:300px 1fr;grid-gap:44px;gap:44px;align-items:center;background:var(--bg-alt);border-radius:var(--radius-lg);padding:34px 38px;box-shadow:var(--shadow-sm);margin-bottom:34px}.reel-feature-copy h3{font-size:24px;color:var(--navy);margin-bottom:10px}.reel-feature-copy p{color:var(--ink-soft);line-height:1.65;max-width:54ch}.reel-feature-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.reel-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--cream);color:var(--navy);font-size:13px;font-weight:700}@media (max-width:900px){.reel-feature,.reel-grid{grid-template-columns:1fr;gap:30px;justify-items:center;text-align:center}.reel-copy>p,.reel-feature-copy p{margin-left:auto;margin-right:auto}.reel-points li{text-align:left}.reel-points{max-width:420px;margin-inline:auto}.reel-actions,.reel-feature-meta{justify-content:center}.reel-feature{padding:28px 22px}}@media (max-width:560px){.reel-frame{border-radius:26px;border-width:4px}.reel-frame,.reel-section .reel-frame{max-width:260px}.reel-play:before{width:58px;height:58px}.reel-actions .btn{flex:1 1 100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.reel-play,.reel-play:before,.reel-sound{transition:none}}