/* ============================================================
   Indiexis — third edition of the directory skin

   Layered over style.css and site2.css on every page with the
   site navbar. The direction: an editorial-industrial directory.
   Bricolage Grotesque set wide for headlines, DM Mono for labels and
   figures, hairline rules instead of floating blobs, one saffron.
   Emphasis is a drawn underline, never a swapped-in italic.
   The home hero is a dotted 3D globe turned to face India.
   ============================================================ */

:root{
  --x-ink:#17120e;--x-o2:#f0431d;
  --x-disp:'Bricolage Grotesque','Instrument Sans','Segoe UI',Arial,sans-serif;
  --x-mono:'DM Mono',ui-monospace,monospace;
  --x-e:cubic-bezier(.16,1,.3,1);
}
body:not(.pg-biz){font-family:'Instrument Sans','Segoe UI',Arial,sans-serif}
body:not(.pg-biz) h1,body:not(.pg-biz) h2{font-family:var(--x-disp);font-stretch:112%;font-variation-settings:'wdth' 112}

/* Emphasis: no more italic serif. The word keeps the headline's face and
   gets a saffron rule drawn under it. */
body:not(.pg-biz) h1 em,body:not(.pg-biz) h2 em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:inherit;
  background:linear-gradient(var(--x-o2),var(--x-o2)) 0 92%/100% .09em no-repeat;padding-bottom:.02em}

/* Kickers become mono labels with an index tick. */
.h2-kick{font-family:var(--x-mono);font-weight:500;letter-spacing:.12em;font-size:1.2rem;color:var(--x-ink)}
.h2-kick::before{width:8px;height:8px;border-radius:0;background:var(--x-o2)}
.h2-kick-light{color:#fff}

/* Section heads: left aligned, with a hairline above — a page, not a slide. */
.h2-head{text-align:left;padding-top:2.4rem;border-top:1px solid var(--x-line2)}
.h2-head h2,.h2-sec h2{font-weight:800;letter-spacing:-.04em;line-height:.98}
.h2-head-split{border-top:1px solid var(--x-line2);padding-top:2.4rem}

/* Buttons: squarer, heavier, quieter shadows. */
.h2-btn,body:not(.pg-biz) .btn{border-radius:10px}
.h2-btn{font-weight:700;letter-spacing:-.005em;transition:background .3s var(--x-e),color .3s var(--x-e),box-shadow .3s var(--x-e),border-color .3s}
.h2-btn-accent{background:var(--x-o2);box-shadow:none}
.h2-btn-accent:hover{background:#c8361f;box-shadow:0 14px 30px -10px rgba(240,67,29,.6);transform:none}
.h2-btn-dark:hover,.h2-btn-ghost:hover,.h2-btn-light:hover{transform:none}
.navbar{border-radius:14px}
.nav-actions .btn-accent{border-radius:9px}

/* ================================================================ hero */
.h2-hero{min-height:min(100svh,960px);padding-bottom:5rem}
.h2-hero h1{font-weight:800;font-size:clamp(4.4rem,6.1vw,8rem);line-height:.92;letter-spacing:-.045em}
.ix3-under{position:relative;display:inline-block;color:var(--x-o2);white-space:nowrap}
.ix3-under svg{position:absolute;left:0;right:0;bottom:-.1em;width:100%;height:.22em;overflow:visible}
.ix3-under path{fill:none;stroke:var(--x-ink);stroke-width:5;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:0}
.mx .ix3-under path{animation:ix3-draw 1.4s var(--x-e) both .7s}
@keyframes ix3-draw{from{stroke-dashoffset:320}to{stroke-dashoffset:0}}
.h2-badge{font-family:var(--x-mono);font-size:1.15rem;letter-spacing:.04em;border-radius:6px}
.h2-search{border-radius:12px}
.h2-search select,.h2-search .h2-btn{border-radius:8px}
.h2-stats dd{font-family:var(--x-disp);font-stretch:112%;font-variation-settings:'wdth' 112;font-weight:800}
.h2-stats dt{font-family:var(--x-mono);font-weight:500;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase}

.ix3-globe{position:relative;height:640px;width:100%;container-type:size}
.ix3-globe-halo{position:absolute;left:50%;top:50%;width:min(99%,99cqh);aspect-ratio:1;translate:-50% -50%;border-radius:50%;
  background:radial-gradient(circle at 38% 34%,#fff 0,rgba(255,255,255,.9) 30%,rgba(238,242,249,.6) 58%,rgba(238,242,249,0) 71%);
  box-shadow:inset -30px -40px 80px rgba(23,18,14,.06);z-index:-2}
.ix3-globe .mx-scene{z-index:-1}
.ix3-float{position:absolute;display:flex;align-items:center;gap:1.2rem;padding:1rem 1.4rem 1rem 1rem;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);
  border:1px solid rgba(23,18,14,.08);border-radius:12px;box-shadow:0 24px 50px -24px rgba(23,18,14,.35);max-width:300px;transition:box-shadow .4s var(--x-e)}
.ix3-float:hover{box-shadow:0 30px 60px -20px rgba(23,18,14,.45)}
.ix3-float-0{left:0;top:16%}
.ix3-float-1{right:0;bottom:24%}
.ix3-float-2{left:8%;bottom:10%}
.ix3-float-logo{width:44px;height:44px;border-radius:9px;background:#fff;border:1px solid var(--x-line);overflow:hidden;flex-shrink:0;display:grid;place-items:center}
.ix3-float-logo img{width:100%;height:100%;object-fit:contain;padding:4px}
.ix3-float-txt{display:flex;flex-direction:column;min-width:0}
.ix3-float-txt b{font-size:1.35rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ix3-float-txt small{font-family:var(--x-mono);font-size:1.02rem;color:var(--x-mute);white-space:nowrap}
.ix3-float-live{font-family:var(--x-mono);font-size:.95rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#15803d;background:#dcfce7;padding:.3rem .7rem;border-radius:4px;margin-left:.4rem}
.ix3-globe-tag{position:absolute;right:6%;bottom:2%;display:flex;align-items:center;gap:.8rem;font-family:var(--x-mono);font-size:1.15rem;color:var(--x-soft);background:#fff;border:1px solid var(--x-line);padding:.8rem 1.2rem;border-radius:8px}
.ix3-globe-tag b{color:var(--x-ink)}
.mx .ix3-float{animation:ix3-in 1.2s var(--x-e) both}
.mx .ix3-float-0{animation-delay:.5s}.mx .ix3-float-1{animation-delay:.7s}.mx .ix3-float-2{animation-delay:.9s}
@keyframes ix3-in{from{opacity:0;scale:.9}to{opacity:1;scale:1}}

/* ============================================================ elsewhere */
/* Category tiles and cards: hairlines and flat fills in place of glow. */
.h2-cat{border-radius:12px}
.h2-cat-ico{border-radius:8px}
.h2-bx,.ix-tool,.ix-fresh-card{border-radius:14px}
.h2-steps span{font-family:var(--x-mono)}
.biz-grid .g-card,.biz-grid>a{border-radius:14px}
.h2-dz{border-radius:10px}
.h2-dz small{font-family:var(--x-mono);letter-spacing:.02em}

@media (max-width:1000px){
  .ix3-globe{height:520px}
}
@media (max-width:640px){
  .ix3-float{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
  .ix3-globe{height:420px}
  .ix3-float{max-width:240px;padding:.8rem 1rem .8rem .8rem}
  .ix3-float-logo{width:36px;height:36px}
  .ix3-float-2,.ix3-globe-tag{display:none}
  .h2-hero h1{font-size:clamp(4rem,12.5vw,5.4rem)}
}

/* The serif italic is retired across the directory: body emphasis stays in
   the text face, highlighted headings take the drawn underline. */
body:not(.pg-biz) em{font-family:inherit;font-weight:inherit;letter-spacing:inherit}
body:not(.pg-biz) .section-heading .hl{font-family:inherit;font-style:normal;font-weight:inherit;color:inherit;background:linear-gradient(var(--x-o2),var(--x-o2)) 0 92%/100% .09em no-repeat}
body:not(.pg-biz) .ix-case blockquote{font-family:'Instrument Sans',sans-serif;font-style:normal;font-weight:500;font-size:1.8rem;line-height:1.55}

/* Owner log in, beside "List Business" */
.nav-login{display:inline-flex;align-items:center;gap:.7rem;padding:.9rem 1.4rem;border-radius:9px;font-size:1.35rem;font-weight:600;color:var(--fg-primary);text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.nav-login i{font-size:1.3rem;color:var(--accent)}
.nav-login:hover,.nav-login:focus-visible{background:var(--bg-inset)}
.mobile-menu .mm-login{font-size:1.6rem;font-weight:600;color:var(--fg-primary)}
@media (max-width:900px){.nav-login{padding:.9rem 1rem}.nav-login span{display:none}.nav-login i{font-size:1.6rem}}

/* Newsletter band at the top of the directory footer */
.footer-news{max-width:var(--max-w);margin:0 auto 4.4rem;display:grid;grid-template-columns:1fr minmax(0,460px);gap:2.4rem;align-items:center;padding:2.4rem 2.8rem;border-radius:16px;background:var(--x-ink,#17120e);color:#fff}
.footer-news>div{display:grid;gap:.4rem;min-width:0}
.footer-news b{font-size:1.9rem;letter-spacing:-.01em}
.footer-news span{font-size:1.4rem;color:rgba(255,255,255,.72)}
.footer-news-form{display:grid;grid-template-columns:1fr auto;gap:.8rem;min-width:0}
.footer-news-form input[type=email]{min-width:0;padding:1.3rem 1.5rem;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:1.5rem}
.footer-news-form input[type=email]::placeholder{color:rgba(255,255,255,.5)}
.footer-news-form input[type=email]:focus{outline:0;border-color:#ff6a3d;box-shadow:0 0 0 3px rgba(255,138,42,.25)}
.footer-news-form .btn{border-radius:10px}
.footer-news-msg{grid-column:1/-1;margin:0;font-size:1.35rem;color:#ffd2b0}
.cm-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
@media (max-width:767px){.footer-news{grid-template-columns:1fr;padding:2.2rem 2rem}.footer-news-form{grid-template-columns:1fr}}

/* Earned badges on directory cards (filled in by site.js from /api/badges) */
.g-badges{position:absolute;right:12px;top:52px;flex-direction:column;display:flex;gap:4px;z-index:2;pointer-events:none}
.g-badges img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.45))}

/* Instagram reels on the home page: official embeds, loaded when near view */

/* ---- Performance (2026-10-31) -------------------------------------------
   backdrop-filter re-blurs everything behind an element on every frame it
   moves over. On elements repeated dozens of times (directory cards, chips,
   tags) that was the main cost of scrolling, so they use their (already
   near-opaque) backgrounds instead. On phones and low-power devices no
   element uses it, and reveals fade without a blur filter. */
.g-cat,.g-body,.h2-tile-cap,.spot-tag,.hero-card,.ix-reel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.g-cat{background:rgba(255,255,255,.95)}
.g-body{background:rgba(255,255,255,.97)}
@media (hover:none),(max-width:900px){
  *,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .navbar{background:var(--bg-primary,#fff)}
  .dir-controls,.biz-subnav{background:var(--bg-primary,#fff)}
  .hero-card{animation:none!important}
}

/* ---- Indiexis Reels ----
   rw-  home reel wall (two drifting rows of reel posters)
   rv-  /reels hub and /reels/<slug> watch pages
   rp-  the full-screen vertical player (site.js) */
.rl-sub{max-width:56ch;margin:1.2rem auto 0;color:var(--fg-muted);font-size:1.6rem;line-height:1.6}
.rv-live{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 0 rgba(255,59,48,.6);animation:rv-ping 1.8s infinite;vertical-align:middle}
@keyframes rv-ping{70%{box-shadow:0 0 0 9px rgba(255,59,48,0)}100%{box-shadow:0 0 0 0 rgba(255,59,48,0)}}

/* home: the reel stage — five phones fanned out, newest in the centre */
.rs-sec{position:relative;overflow:hidden;padding:11rem 2rem 9rem;background:radial-gradient(1100px 520px at 50% 18%,#1b2c63 0%,#0b1533 45%,#060b1d 100%);color:#fff;isolation:isolate}
.rs-glow{position:absolute;left:50%;top:46%;width:900px;height:520px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(240,67,29,.38),rgba(240,67,29,.08) 60%,transparent);filter:blur(30px);z-index:-1;animation:rs-breathe 7s ease-in-out infinite}
@keyframes rs-breathe{50%{opacity:.6;transform:translate(-50%,-50%) scale(1.08)}}
.rs-head{text-align:center;max-width:760px;margin:0 auto 6rem}
.rs-kick{display:inline-flex;align-items:center;gap:.9rem;padding:.7rem 1.5rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffd2ad;margin:0 0 2.2rem}
.rs-head h2{font-size:clamp(4rem,6.4vw,7.6rem);font-weight:700;line-height:.98;letter-spacing:-.045em;margin:0;color:#fff}
.rs-head h2 em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;color:#ff6a3d;letter-spacing:-.02em}
.rs-sub{margin:2rem auto 0;max-width:54ch;font-size:1.65rem;line-height:1.6;color:rgba(255,255,255,.72)}
.rs-stage{display:flex;justify-content:center;align-items:flex-start;gap:2.4rem;max-width:1280px;margin:0 auto;perspective:1600px}
.rs-card{flex:0 1 220px;display:flex;flex-direction:column;align-items:center;gap:2rem;transform:translateY(calc(var(--o-abs,0) * 34px)) rotateY(calc(var(--o) * -7deg));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.rs-card[style*="--o:-2"],.rs-card[style*="--o:2"]{--o-abs:2}.rs-card[style*="--o:-1"],.rs-card[style*="--o:1"]{--o-abs:1}
.rs-card.is-hero{flex-basis:290px;z-index:2}
.rs-card:hover{transform:translateY(calc(var(--o-abs,0) * 34px - 10px)) rotateY(0)}
.rs-phone{position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:#000;box-shadow:0 0 0 8px #10162b,0 0 0 9px rgba(255,255,255,.12),0 40px 80px rgba(0,0,0,.55);transition:box-shadow .4s}
.rs-card.is-hero .rs-phone{box-shadow:0 0 0 9px #10162b,0 0 0 10px rgba(255,138,42,.55),0 0 70px rgba(240,67,29,.45),0 50px 100px rgba(0,0,0,.6)}
.rs-phone:hover,.rs-phone:focus-visible{box-shadow:0 0 0 8px #10162b,0 0 0 10px #ff6a3d,0 40px 90px rgba(0,0,0,.6)}
.rs-phone>img,.rs-phone>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.rs-phone>video{opacity:0;transition:opacity .4s}
.rs-phone.is-playing>video{opacity:1}
.rs-phone .rw-play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;color:#fff;font-size:2rem;transition:opacity .3s,transform .3s}
.rs-phone .rw-play i{margin-left:4px}
.rs-phone.is-playing .rw-play{opacity:0;transform:scale(.6)}
.rs-dur{position:absolute;right:12px;bottom:12px;padding:.3rem .8rem;border-radius:6px;background:rgba(0,0,0,.6);font-size:1.15rem;font-weight:700;color:#fff}
.rs-copy{display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-align:center;width:100%}
.rs-copy q{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:1.85rem;line-height:1.25;color:#fff;quotes:'\201C' '\201D'}
.rs-card:not(.is-hero) .rs-copy q{font-size:1.6rem;color:rgba(255,255,255,.82)}
.rs-biz{display:inline-flex;align-items:center;gap:.9rem;padding:.6rem 1.3rem .6rem .6rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;max-width:100%;transition:background .2s}
.rs-biz:hover{background:rgba(255,255,255,.16)}
.rs-biz img,.rs-biz>i{flex:none;width:28px;height:28px;border-radius:50%;background:#fff;object-fit:contain;display:grid;place-items:center;color:#f0431d;font-size:1.2rem}
.rs-biz span{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.rs-biz b{font-size:1.3rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.rs-biz small{font-size:1.1rem;opacity:.65;white-space:nowrap}
.rs-sec .rw-act{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-top:5rem}
.rs-sec .h2-btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff}
.rs-sec .h2-btn-ghost:hover{border-color:#fff}
.rs-sec .ix-ig{max-width:520px;margin:3rem auto 0}
@media (max-width:1100px){.rs-card{flex-basis:180px}.rs-card.is-hero{flex-basis:240px}}
@media (max-width:820px){
  .rs-sec{padding:8rem 0 7rem}
  .rs-head{padding:0 1.6rem;margin-bottom:4rem}
  .rs-stage{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:1.6rem 2.4rem 2rem;gap:1.8rem;scrollbar-width:none;perspective:none}
  .rs-stage::-webkit-scrollbar{display:none}
  .rs-card,.rs-card.is-hero{flex:0 0 68vw;max-width:280px;scroll-snap-align:center;transform:none}
  .rs-card:hover{transform:none}
  .rs-sec .rw-act{padding:0 1.6rem}
}
@media (prefers-reduced-motion:reduce){.rs-glow{animation:none}.rs-card{transition:none}.rv-live{animation:none}}

/* /reels hub */
.rv-hero{position:relative;padding:15rem 2rem 5rem;background:radial-gradient(900px 420px at 80% 0%,rgba(240,67,29,.16),transparent 60%),radial-gradient(700px 380px at 10% 20%,rgba(22,53,122,.10),transparent 60%),var(--x-paper,#f4eee3);text-align:center}
.rv-hero-in{max-width:880px;margin:0 auto}
.rv-hero .crumbs{justify-content:center;margin-bottom:2rem}
.rv-kick{display:inline-flex;align-items:center;gap:.8rem;font-size:1.25rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0431d;margin:0 0 1.4rem}
.rv-hero h1{font-size:clamp(3.6rem,6vw,7rem);line-height:1;letter-spacing:-.045em;margin:0;color:var(--x-ink,#17120e)}
.rv-hero h1 em{color:#f0431d}
.rv-sub{max-width:60ch;margin:2rem auto 0;font-size:1.7rem;line-height:1.6;color:var(--x-soft,#4a4038)}
.rv-hero-act{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-top:3rem}
.rv-cats{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin:3rem 0 0}
.rv-cats span{padding:.6rem 1.3rem;border-radius:999px;background:#fff;border:1px solid var(--x-line,#dfd5c3);font-size:1.25rem;font-weight:600;color:var(--x-soft,#4a4038)}
.rv-sec{padding:6rem 2rem 8rem;max-width:1240px;margin:0 auto}
.rv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2.4rem}
.rv-card{display:flex;flex-direction:column;gap:1.2rem;color:inherit;text-decoration:none}
.rv-card-media{position:relative;display:block;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#17120e;box-shadow:0 14px 34px rgba(23,18,14,.14);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.rv-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.rv-card:hover .rv-card-media,.rv-card:focus-visible .rv-card-media{transform:translateY(-6px);box-shadow:0 26px 50px rgba(23,18,14,.24),0 0 0 3px #f0431d}
.rv-card-play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(240,67,29,.92);color:#fff;display:grid;place-items:center;font-size:1.8rem;box-shadow:0 10px 30px rgba(240,67,29,.45);transition:transform .3s}
.rv-card-play i{margin-left:3px}
.rv-card:hover .rv-card-play{transform:scale(1.12)}
.rv-card-dur{position:absolute;right:10px;bottom:10px;padding:.3rem .8rem;border-radius:6px;background:rgba(0,0,0,.65);color:#fff;font-size:1.15rem;font-weight:700}
.rv-card-cap{display:flex;flex-direction:column;gap:.3rem;padding:0 .4rem}
.rv-card-cap b{font-size:1.55rem;line-height:1.25;color:var(--x-ink,#17120e)}
.rv-card-cap small{font-size:1.25rem;color:var(--x-mute,#786c5f)}
.rv-card-cap i{color:#f0431d;margin-right:.3rem}
@media (max-width:640px){.rv-grid{grid-template-columns:repeat(2,1fr);gap:1.4rem}.rv-hero{padding:11rem 1.6rem 4rem}.rv-sec{padding:4rem 1.6rem 6rem}}

/* watch page */
.rv-watch{position:relative;overflow:hidden;background:#07112a;color:#fff;padding:12rem 2rem 6rem}
.rv-watch-bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(40px) saturate(1.3) brightness(.45);transform:scale(1.1)}
.rv-watch-in{position:relative;display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:6rem;align-items:center;max-width:1080px;margin:0 auto}
.rv-phone{border-radius:34px;padding:9px;background:linear-gradient(145deg,#2a2f3a,#0b0d12);box-shadow:0 40px 90px rgba(0,0,0,.55),inset 0 0 0 2px rgba(255,255,255,.08)}
.rv-phone video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:26px;background:#000;object-fit:cover}
.rv-info .crumbs{margin-bottom:2rem}
.rv-info .rv-kick{color:#ffb071}
.rv-info h1{font-size:clamp(3.4rem,5vw,6rem);line-height:1.02;letter-spacing:-.04em;margin:0;color:#fff}
.rv-tag{font-size:2rem;line-height:1.4;margin:1.4rem 0 0;color:#ffd2ad;font-weight:600}
.rv-about{font-size:1.6rem;line-height:1.7;margin:1.8rem 0 0;color:rgba(255,255,255,.78);max-width:56ch}
.rv-act{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3rem}
.rv-share{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;margin:2.6rem 0 0;font-size:1.4rem;color:rgba(255,255,255,.65)}
.rv-share a{color:#7ee2a8;font-weight:700;text-decoration:none}
.rv-share i{margin-right:.5rem}
@media (max-width:820px){.rv-watch{padding:9rem 1.6rem 4rem}.rv-watch-in{grid-template-columns:1fr;gap:3rem}.rv-phone{max-width:340px;margin:0 auto;width:100%}.rv-info{text-align:center}.rv-info .crumbs,.rv-act,.rv-share{justify-content:center}.rv-about{margin-left:auto;margin-right:auto}}

/* full-screen vertical player */
html.rp-lock,html.rp-lock body{overflow:hidden}
.rp{position:fixed;inset:0;z-index:9000;background:#05070d;color:#fff;display:none}
.rp.is-open{display:block;animation:rp-in .3s ease-out}
@keyframes rp-in{from{opacity:0;transform:scale(1.03)}}
.rp-top{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;align-items:center;gap:1rem;padding:1.4rem 1.6rem calc(1.4rem) ;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent);pointer-events:none}
.rp-top>*{pointer-events:auto}
.rp-brand{display:inline-flex;align-items:center;gap:.8rem;font-weight:800;font-size:1.4rem;letter-spacing:.06em;text-transform:uppercase}
.rp-count{margin-left:auto;font-size:1.3rem;font-weight:700;opacity:.8;font-variant-numeric:tabular-nums}
.rp-btn{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:1.7rem;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,transform .2s}
.rp-btn:hover{background:rgba(255,255,255,.26);transform:scale(1.06)}
.rp-btn:disabled{opacity:.3;cursor:default;transform:none}
.rp-btn svg{width:22px;height:22px}
.rp .rp-off{display:none}.rp.is-muted .rp-off{display:inline}.rp.is-muted .rp-on{display:none}
.rp-feed{position:absolute;inset:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}
.rp-feed::-webkit-scrollbar{display:none}
.rp-slide{position:relative;height:100%;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;overflow:hidden}
.rp-bg{position:absolute;inset:-60px;background-size:cover;background-position:center;filter:blur(50px) brightness(.4) saturate(1.4)}
.rp-frame{position:relative;height:min(100dvh - 32px,calc((100vw - 32px) * 16 / 9));aspect-ratio:9/16;max-width:calc(100vw - 32px);border-radius:22px;overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6);cursor:pointer}
.rp-frame video{width:100%;height:100%;object-fit:cover;display:block}
.rp-bar{position:absolute;left:12px;right:12px;top:10px;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.rp-bar i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}
.rp-paused{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(0,0,0,.45);display:grid;place-items:center;font-size:2.6rem;opacity:0;transform:scale(.7);transition:opacity .2s,transform .2s;pointer-events:none}
.rp-paused i{margin-left:4px}
.rp-slide.is-paused .rp-paused{opacity:1;transform:none}
.rp-meta{position:absolute;left:0;right:0;bottom:0;padding:6rem 1.6rem 1.6rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));display:flex;flex-direction:column;gap:.4rem;cursor:default}
.rp-meta b{font-size:1.9rem;line-height:1.2}
.rp-meta small{font-size:1.3rem;opacity:.8}
.rp-cta{display:flex;gap:.8rem;margin-top:1.2rem}
.rp-cta a{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1.1rem 1.6rem;border-radius:999px;font-weight:700;font-size:1.35rem;text-decoration:none;color:#fff;transition:transform .2s}
.rp-cta a:hover{transform:translateY(-2px)}
.rp-go{flex:1;background:#f0431d}
.rp-ask{flex:1;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.rp-share{flex:none;width:44px;padding:0!important;background:#25d366}
.rp-arrows{position:absolute;right:max(1.6rem,calc(50% - min(100dvh - 32px,calc((100vw - 32px) * 16 / 9)) * 9 / 32 - 80px));top:50%;z-index:5;display:flex;flex-direction:column;gap:1.2rem;transform:translateY(-50%)}
@media (max-width:640px){
  .rp-frame{height:100dvh;max-width:none;width:100vw;border-radius:0;aspect-ratio:auto}
  .rp-arrows{display:none}
  .rp-top{padding-top:calc(1.2rem + env(safe-area-inset-top))}
  .rp-meta{padding-bottom:calc(1.6rem + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.rp.is-open{animation:none}.rp-feed{scroll-behavior:auto}}

/* brand word set inside the home H1, small, above the line */
.ix3-brand{display:block;font-size:.26em;letter-spacing:.28em;text-transform:uppercase;font-weight:700;color:var(--accent,#f0431d);margin-bottom:.9em;line-height:1}
.rv-watch .crumbs a,.rv-watch .crumbs span,.rv-watch .crumbs i{color:rgba(255,255,255,.72)}
.rv-watch .crumbs [aria-current]{color:#fff}