/* Inline example reel (2026-10-03): one centered 9:16 frame, vertical snap, one swipe per video. */
.gr-reels-wrap{display:flex;flex-direction:column;align-items:center}
.sec-head--reels{margin-bottom:28px;text-align:center}
.gr-reels{--reel-h:min(72vh,720px);--reel-h:min(72dvh,720px);--reel-w:calc(var(--reel-h) * 9 / 16);position:relative;width:min(var(--reel-w),100%);margin:0 auto}
.gr-reels::before{content:"";position:absolute;inset:8% -30% -6%;border-radius:50%;background:radial-gradient(closest-side,rgb(255 90 31 / .16),transparent 70%);filter:blur(24px);pointer-events:none}
.gr-reels-frame{position:relative;height:var(--reel-h);border-radius:24px;overflow:hidden;border:1px solid rgb(255 255 255 / .12);background:#0d1322;box-shadow:0 30px 80px -30px rgb(0 0 0 / .75)}
.gr-reels-scroll{height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;outline:none}
.gr-reels-scroll::-webkit-scrollbar{display:none}
.gr-reels-scroll:focus-visible{box-shadow:inset 0 0 0 2px #fff}
.gr-reel{position:relative;height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#0b0f1a}
.gr-reel-poster,.gr-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gr-reel video{pointer-events:none}
.gr-reel video{opacity:0;transition:opacity .2s}
.gr-reel.is-playing video{opacity:1}
.gr-reel-surface{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.gr-reel-surface:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.gr-reel-progress{position:absolute;top:10px;left:14px;right:14px;height:2px;border-radius:2px;background:rgb(255 255 255 / .25);pointer-events:none}
.gr-reel-progress span{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}
.gr-reel-caption{position:absolute;inset:auto 0 0;display:flex;gap:14px;align-items:end;justify-content:space-between;padding:64px 18px 18px;background:linear-gradient(transparent,rgb(0 0 0 / .72));pointer-events:none}
.gr-reel-caption strong{font-size:19px;font-weight:600;line-height:1.2}
.gr-reel-caption p{max-width:215px;margin:6px 0 0;font-size:12px;line-height:1.4;color:#e6e6e6}
.gr-reel-make{display:inline-flex;align-items:center;flex-shrink:0;min-height:40px;padding:8px 14px;text-decoration:none;border:0;border-radius:10px;background:#ff5a1f;color:#1a0e06;font:inherit;font-size:14px;font-weight:600;cursor:pointer;pointer-events:auto;box-shadow:0 8px 24px -8px rgb(255 90 31 / .65)}
.gr-reel-make:hover{background:#e8480f}
.gr-reel-make:focus-visible,.gr-reels-dots button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.gr-reels-dots{position:absolute;top:50%;right:10px;display:grid;gap:8px;margin:0;padding:0;list-style:none;transform:translateY(-50%)}
.gr-reels-dots button{display:block;width:6px;height:6px;padding:0;border:0;border-radius:3px;background:rgb(255 255 255 / .4);cursor:pointer;transition:height .25s,background .25s}
.gr-reels-dots .on button{height:20px;background:#fff}
@media(max-width:600px){.gr-reels{--reel-h:min(calc((100vw - 32px) * 16 / 9),76dvh)}.gr-reel-caption{padding-inline:14px;gap:10px}}
@media(prefers-reduced-motion:reduce){.gr-reels-scroll{scroll-behavior:auto}.gr-reels-dots button{transition:none}}