/* A single, usable phone. No surrounding card or decorative panels. */
.home-reels{display:grid;grid-template-columns:270px minmax(0,330px);align-items:center;justify-content:center;gap:clamp(45px,6.5vw,105px);margin:6px auto 105px;max-width:830px}
.home-reel-stage{width:100%;min-width:0}
.home-phone{position:relative;padding:22px 7px 20px;background:#19191e;border:2px solid #656570;border-radius:37px;box-shadow:inset 0 0 0 2px #09090d,0 24px 36px -24px #1b173655,0 2px 4px #1313211a}
.home-phone::before{content:"";position:absolute;left:-4px;top:83px;height:39px;width:2px;background:#55545f;border-radius:2px}
.home-phone::after{content:"";position:absolute;right:-4px;top:108px;height:48px;width:2px;background:#55545f;border-radius:2px}
.home-phone-speaker{position:absolute;left:42%;right:42%;top:10px;height:3px;border-radius:4px;background:#50505a}
.home-phone-screen{position:relative;background:#000;border-radius:21px;overflow:hidden;aspect-ratio:9/16;isolation:isolate}
.home-phone-screen video{display:block;width:100%;height:100%;object-fit:contain;touch-action:pan-y}
.home-phone-bar{position:absolute;bottom:9px;left:35%;right:35%;height:3px;border-radius:5px;background:#bdbdc6}
.home-phone-screen.is-changing{animation:reel-arrive .3s ease-out}
@keyframes reel-arrive{from{opacity:.4;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}
.home-reel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 7px 0}
.home-reel-controls>button{border:1px solid #d7d7e0;background:transparent;border-radius:50%;width:44px;height:44px;color:var(--ink);font:400 20px/1 var(--sans);transition:background .2s,translate .2s}
.home-reel-controls>button:hover{background:#e6eafa;translate:0 -2px}
.home-reel-dots{display:flex;align-items:center;gap:1px}
.home-reel-dots button{display:grid;place-items:center;width:22px;height:34px;padding:0;background:transparent;border:0}
.home-reel-dots button::after{content:"";width:5px;height:5px;background:#c8c5d3;border-radius:50%;transition:width .2s,background .2s}
.home-reel-dots button[aria-pressed="true"]::after{background:#182c83;width:17px;border-radius:4px}
.home-reel-controls button:focus-visible{outline:2px solid #536db6;outline-offset:3px}
.home-reel-copy{padding-bottom:38px}
.home-reel-copy .section-label{font-size:10px;letter-spacing:.12em;color:#777285;margin:0 0 20px}
.home-reel-copy h3{font:400 clamp(38px,3.4vw,49px)/1.05 var(--display);letter-spacing:-.035em;margin:0 0 22px;color:var(--ink)}
.home-reel-copy>p:not(.section-label):not(.home-reel-caption){font-size:16px;line-height:1.7;color:var(--muted);margin:0}
.home-reel-copy .home-reel-caption{display:grid;grid-template-columns:48px 1fr;column-gap:14px;row-gap:7px;margin:32px 0 28px;min-height:58px;font-size:14px;line-height:1.5;color:var(--ink)}
#home-reel-count{font-size:10px;letter-spacing:.05em;color:#827e90;padding-top:3px}
#home-reel-series{grid-column:2;font-size:10px;letter-spacing:.08em;color:#827e90}
.home-reel-copy .explore{display:inline-flex;align-items:center;gap:24px;margin:0;font-size:14px}
@media(max-width:1100px) and (min-width:761px){.home-reels{grid-template-columns:235px minmax(0,280px);gap:35px}.home-reel-copy h3{font-size:40px}.home-reel-copy>p:not(.section-label):not(.home-reel-caption){font-size:15px}.home-reel-copy .section-label{font-size:9px}}
@media(max-width:760px){.home-reels{display:flex;flex-direction:column;gap:30px;margin:0 auto 64px;max-width:380px}.home-reel-stage{width:min(270px,calc(100% - 12px))}.home-reel-copy{text-align:center;padding:0;max-width:330px}.home-reel-copy h3{font-size:39px;margin-bottom:17px}.home-reel-copy h3 br{display:none}.home-reel-copy .section-label{margin-bottom:13px}.home-reel-copy .home-reel-caption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px 13px;margin:22px 0;min-height:0}#home-reel-series{width:100%}.home-reel-controls{padding-top:20px}.home-reel-copy .explore{min-width:128px;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.home-phone-screen.is-changing{animation:none}.home-reel-controls>button,.home-reel-dots button::after{transition:none}}