/* 20 Oct 2026 additions: video, hero colours, photo rows */
.hero .bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity .8s ease}
.hero .bgv.on{opacity:1}
.hero{position:relative}
.hero .pos{color:var(--yellow)}
.hero .neg{color:#FF7AA8}
.vidtoggle{font-family:var(--display);font-weight:700;font-size:.9rem;border:1.5px solid currentColor;background:rgba(20,16,46,.55);color:#F6F4FF;border-radius:999px;padding:.45em 1.1em;cursor:pointer;margin-top:1rem}
.vidtoggle:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.hero .vidtoggle{position:absolute;right:clamp(16px,4vw,48px);bottom:clamp(16px,3vw,32px);margin:0;z-index:2}
.reel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.reel video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:18px;background:#14102E;display:block}
.reel video:nth-child(even){transform:translateY(28px)}
@media (max-width:760px){.reel{grid-template-columns:repeat(2,minmax(0,1fr))}.reel video:nth-child(n+3){display:none}.reel video:nth-child(even){transform:none}}
.reel + .vidtoggle{color:inherit;background:transparent}
.photorow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:2rem}
.photorow img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:18px}
@media (max-width:760px){.photorow{grid-template-columns:1fr 1fr}.photorow img:nth-child(3){display:none}}
.types{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:1.2rem 0 0}
.types li{font-family:var(--display);font-weight:700;font-size:.95rem;padding:.35em .9em;border-radius:999px;background:#fff;border:1.5px solid var(--rule);color:var(--ink)}
.qa-one{max-width:820px}
body.calm .hero .bgv{display:none}
@media (prefers-reduced-motion:reduce){.hero .bgv{display:none}.reel video:nth-child(even){transform:none}}

/* brand marks: section breaks, bullets, hero seals */
.gsdiv{position:relative;height:52px;background-color:#14102E;background-image:linear-gradient(90deg,#E40303,#FF8C00,#FFD500,#00925C,#2E6FD8,#732982,#5BCEFA,#F5A9B8,#8A5A2B,#1A1A1A),linear-gradient(90deg,#E40303,#FF8C00,#FFD500,#00925C,#2E6FD8,#732982,#5BCEFA,#F5A9B8,#8A5A2B,#1A1A1A),url(/assets/mark-tile.svg);background-size:100% 3px,100% 3px,110px 52px;background-position:top left,bottom left,center;background-repeat:no-repeat,no-repeat,round no-repeat;padding:0 16px;background-origin:border-box,border-box,content-box;pointer-events:none}
.gsdiv img{display:none}
main ul:not([class]){list-style:none;padding-left:0}
main ul:not([class]) > li{position:relative;padding-left:1.9em;margin-bottom:.5em}
main ul:not([class]) > li::before{content:"";position:absolute;left:0;top:.2em;width:1.15em;height:1.15em;background:url(/assets/mark.svg) center/contain no-repeat}
.phero.hasseal{position:relative;overflow:hidden}
.phero .pseal{position:absolute;right:clamp(16px,6vw,110px);top:50%;width:clamp(150px,19vw,250px);height:auto;transform:translateY(-50%) rotate(-8deg);filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
@media (min-width:900px){.phero.hasseal .wrap{padding-right:clamp(180px,24vw,320px)}}
@media (max-width:899px){.phero .pseal{position:static;display:block;width:96px;transform:rotate(-8deg);margin:0 0 14px 16px}}
.fseal{width:96px;height:auto;display:block;margin:14px 0}
.gblogo{display:inline-block;margin:.4rem 0 1rem}
.gblogo img{width:clamp(200px,24vw,300px);height:auto;filter:drop-shadow(0 10px 24px rgba(229,0,125,.35))}
.card .gblogo img{width:200px}
.unlogo{display:inline-block;background:#fff;border-radius:16px;padding:12px 18px;margin:.4rem 0 1rem;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.unlogo img{width:clamp(150px,16vw,200px);height:auto;display:block}
.offer{margin-top:1.2rem;border-radius:18px;padding:18px 20px;background:var(--yellow);color:#14102E}
.offer b{font-family:var(--display);font-size:1.25rem}
.ladder3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:1.4rem 0}
.ladder3 div{border-radius:18px;padding:18px;border:1.5px solid var(--rule);background:rgba(255,255,255,.04)}
.ladder3 .n{font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1;display:block;margin:.2em 0}
.ladder3 .hot{background:var(--yellow);color:#14102E;border-color:var(--yellow)}
@media (max-width:760px){.ladder3{grid-template-columns:1fr}}
/* map */
.gsmap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:900px){.gsmap{grid-template-columns:1fr}}
.gsmap svg{width:100%;height:auto;display:block}
.gsmap .land{fill:#2A2260;stroke:#6B5FC2;stroke-width:1.2}
.gsmap .ie{fill:#1E1846;stroke:#3A3560;stroke-width:1}
.gsmap .pride circle{fill:#FF7AA8}
.gsmap .pulse{transform-box:fill-box;transform-origin:center;animation:gspulse 2.6s ease-out infinite}
@keyframes gspulse{0%{opacity:.7;transform:scale(.6)}100%{opacity:0;transform:scale(2.2)}}
body.calm .gsmap .pulse{animation:none;opacity:0}
@media (prefers-reduced-motion:reduce){.gsmap .pulse{animation:none;opacity:0}}
.gsmap text{font-family:var(--display);font-weight:800;font-size:15px;fill:#F6F4FF;paint-order:stroke;stroke:#14102E;stroke-width:4px}
.legend{display:flex;flex-wrap:wrap;gap:16px;margin:1rem 0 0;font-size:.95rem}
.legend span{display:inline-flex;align-items:center;gap:8px}
.legend i{display:inline-block;width:16px;height:16px}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:1.4rem;list-style:none;padding:0}
.slots li{border:2px dashed rgba(246,244,255,.35);border-radius:18px;padding:16px;text-align:center;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.slots li img{width:44px;height:44px;opacity:.45}
.slots li b{font-family:var(--display);font-size:1.05rem}
.slots li.first{border:2px solid var(--yellow);background:rgba(255,213,0,.08)}
.slots li.first img{opacity:1;width:64px;height:64px}
.slots a{color:var(--yellow)}
