/* ==========================================================================
   Pool Party — SKIN 2026 (layout/type) · colours = ORIGINAL main dayclub palette
   Single stylesheet that replaces miami-home-v25 + pp-tokens + hero-rebuild.
   Markup, data and JS are unchanged — this file only re-skins.
   Palette (from main pp-tokens / hero-rebuild): teal-navy #0A1220/#0E1A2B/#152238,
   line #24344A, text #F4F7FA/#B7C2D0/#7E8BA0, cyan #00E5E8/#00B7C2,
   hot pink Book Now #FF3864 (hover #FF5A7C), coral #D41E52 (hover #E8325E),
   kicker yellow #FFE600, gold #E8C872/#C9A24A
   Type: Bricolage Grotesque (display) + Manrope (body)
   ========================================================================== */

:root{
  /* Core palette — original main (pp-tokens.css / hero-rebuild.css) */
  --s-bg:#0A1220;          /* main body shell */
  --s-bg-deep:#070B14;     /* --pp-bg */
  --s-bg-2:#0E1A2B;        /* --pp-bg-2 */
  --s-surface:#0E1A2B;     /* cards/panels on main */
  --s-surface-2:#152238;   /* --pp-bg-3 */
  --s-line:#24344A;        /* --pp-line */
  --s-line-2:rgba(0,229,232,.28); /* glass border */
  --s-ivory:#F4F7FA;
  --s-text-2:#B7C2D0;
  --s-text-3:#7E8BA0;
  --s-sun-1:#FF3864;       /* hot pink Book Now */
  --s-sun-1-hover:#FF5A7C;
  --s-sun-2:#D41E52;       /* coral (card CTAs, badges) */
  --s-sun-2-hover:#E8325E;
  --s-lagoon:#00E5E8;      /* cyan */
  --s-lagoon-deep:#00B7C2;
  --s-yellow:#FFE600;      /* hero kicker */
  --s-gold:#E8C872;
  --s-gold-deep:#C9A24A;
  --s-glass:linear-gradient(165deg,rgba(14,26,43,.72),rgba(7,11,20,.62));
  --s-grad:linear-gradient(0deg,var(--s-sun-1),var(--s-sun-1)); /* solid hot pink (main used flat fills) */
  --s-grad-text:linear-gradient(0deg,var(--s-sun-1),var(--s-sun-1));
  --s-duo:linear-gradient(90deg,var(--s-sun-2),var(--s-lagoon)); /* main eyebrow bar coral→cyan */
  --s-radius:22px;
  --s-radius-sm:14px;
  --s-shadow:0 16px 36px rgba(0,0,0,.4),0 0 0 1px rgba(0,229,232,.35);
  --s-glow:0 8px 22px rgba(255,56,100,.35);
  --s-ease:cubic-bezier(.2,.8,.2,1);

  /* Bridge for legacy inline styles + music-layer.css */
  --font-display:"Bricolage Grotesque","Inter Tight",system-ui,sans-serif;
  --font-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ink:var(--s-ivory); --ink-soft:var(--s-text-2); --mist:var(--s-text-2); --muted:var(--s-text-3);
  --deep:var(--s-bg); --foam:var(--s-surface); --cream:var(--s-surface); --navy:var(--s-bg-2);
  --aqua:var(--s-lagoon); --aqua-hot:var(--s-lagoon); --teal:var(--s-lagoon); --sky:var(--s-lagoon); --pool:var(--s-lagoon);
  --aqua-dim:rgba(0,229,232,.14);
  --sunset:var(--s-sun-2); --sunset-hot:var(--s-sun-1); --coral:var(--s-sun-2);
  --gold:var(--s-gold); --gold-hot:var(--s-gold); --champagne:var(--s-gold); --champagne-deep:var(--s-gold-deep); --lemon:var(--s-gold);
  --line:var(--s-line); --radius:var(--s-radius); --radius-sm:var(--s-radius-sm);
  --shadow:var(--s-shadow); --ease:var(--s-ease); --nav-h:4.5rem; --banner-h:28px;
  --pp-bg:var(--s-bg-deep); --pp-bg-2:var(--s-bg-2); --pp-line:var(--s-line);
  --pp-text:var(--s-ivory); --pp-text-dim:var(--s-text-2); --pp-text-mute:var(--s-text-3);
  --pp-cyan:var(--s-lagoon); --pp-cyan-deep:var(--s-lagoon-deep);
  --pp-coral:var(--s-sun-1); --pp-coral-hover:var(--s-sun-1-hover);
  --pp-gold:var(--s-gold); --pp-gold-deep:var(--s-gold-deep);
}

/* ——— Reset / base ——— */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-body);font-size:16px;line-height:1.6;font-weight:450;
  color:var(--s-ivory);background:var(--s-bg);
  background-image:linear-gradient(180deg,#0A1220 0%,#121E32 55%,#0C1524 100%);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;min-height:100vh;
}
/* Colour splash — same layers/values as main (pp-tokens.css body + body::before).
   main painted the ellipses as body background-attachment:fixed; here both sets live on
   fixed pseudo-elements (GPU-composited, no repaint on scroll, works on iOS). Pool-water wash NOT used. */
body::before,body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
body::before{ /* main body radial wash: cyan TL · coral TR · gold bottom */
  background:
    radial-gradient(ellipse 80% 45% at 0% 0%,rgba(0,229,232,.16),transparent 55%),
    radial-gradient(ellipse 70% 40% at 100% 5%,rgba(212,30,82,.12),transparent 50%),
    radial-gradient(ellipse 50% 35% at 50% 100%,rgba(232,200,114,.08),transparent 55%);
}
body::after{ /* main body::before colour orbs */
  background:
    radial-gradient(circle 280px at 12% 42%,rgba(0,229,232,.09),transparent 70%),
    radial-gradient(circle 320px at 88% 58%,rgba(212,30,82,.07),transparent 70%),
    radial-gradient(circle 240px at 48% 88%,rgba(232,200,114,.06),transparent 70%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:rgba(0,229,232,.3);color:#fff}
:focus-visible{outline:2px solid var(--s-lagoon);outline-offset:3px;border-radius:6px}
strong{font-weight:700;color:var(--s-ivory)}
code{font-size:.85em;padding:.1em .4em;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid var(--s-line)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1.05;color:var(--s-ivory)}
em{font-style:normal}

.wrap{width:min(1240px,calc(100% - 2.5rem));margin-inline:auto}
.wrap-narrow{width:min(720px,calc(100% - 2.5rem));margin-inline:auto}
section{padding:4.5rem 0}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--s-ease),transform .8s var(--s-ease)}
.reveal.in{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}

/* ——— Preview strip ——— */
.proto-banner{
  position:fixed;top:0;left:0;right:0;z-index:82;height:var(--banner-h);line-height:calc(var(--banner-h) - 1px);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:var(--s-bg-2);color:var(--s-text-2);
  font-size:.7rem;font-weight:600;letter-spacing:.04em;text-align:center;
  padding:0 1rem;border-bottom:1px solid var(--s-line);
}
.proto-banner a{color:var(--s-lagoon);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(0,229,232,.4)}

/* ——— Header / nav ——— */
.nav{
  position:fixed;top:var(--banner-h);left:0;right:0;z-index:80;
  background:var(--s-glass);
  backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid rgba(0,229,232,.28);box-shadow:0 8px 28px rgba(0,0,0,.28);
  transition:background .35s var(--s-ease),border-color .35s,box-shadow .35s;
}
.nav.scrolled{background:linear-gradient(165deg,rgba(14,26,43,.9),rgba(7,11,20,.84));border-bottom-color:rgba(0,229,232,.35)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--nav-h);padding:.6rem 0}
.logo{display:inline-flex;align-items:center;line-height:0;flex:0 0 auto}
.logo-img{height:40px!important;max-height:40px!important;width:auto!important}
.nav-links{display:none;align-items:center;gap:.2rem;padding:.3rem;border-radius:999px;background:rgba(7,11,20,.45);border:1px solid var(--s-line)}
.nav-links a{
  position:relative;padding:.5rem .9rem;border-radius:999px;
  font-size:.84rem;font-weight:650;color:var(--s-ivory);letter-spacing:.005em;
  transition:color .2s,background .2s;
}
.nav-links a:hover{color:var(--s-lagoon);background:rgba(0,229,232,.08)}
.nav-links a.active{color:var(--s-lagoon);background:rgba(0,229,232,.12)}
.nav-links a.active::after{content:"";position:absolute;left:50%;bottom:.18rem;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--s-lagoon);box-shadow:0 0 8px rgba(0,229,232,.6)}
.nav-actions{display:flex;align-items:center;gap:.6rem}
.nav-cart{
  position:relative;width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;
  font-size:.95rem;background:var(--s-surface-2);border:1.5px solid var(--s-line);transition:border-color .2s,background .2s;
}
.nav-cart:hover{border-color:var(--s-lagoon)}
.nav-cart .badge{
  position:absolute;top:-3px;right:-3px;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;
  display:grid;place-items:center;font-size:.62rem;font-weight:800;color:#fff;background:var(--s-sun-2);
}
.nav-cart .badge[hidden]{display:none}
.nav-cta{
  display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.25rem;border-radius:999px;
  font-size:.85rem;font-weight:800;letter-spacing:.01em;color:#fff;background:var(--s-grad);
  box-shadow:var(--s-glow);transition:transform .2s var(--s-ease),box-shadow .2s,filter .2s;
}
.nav-cta:hover{transform:translateY(-1px);background:var(--s-sun-1-hover)}
.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:2.5rem;height:2.5rem;border-radius:50%;
  background:var(--s-surface-2);border:1.5px solid var(--s-line);cursor:pointer;align-items:center}
.nav-toggle span{display:block;width:1.05rem;height:1.5px;border-radius:2px;background:var(--s-lagoon);transition:.25s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.nav-drawer{
  display:none;position:fixed;inset:0;z-index:75;flex-direction:column;gap:.15rem;
  padding:calc(var(--banner-h) + var(--nav-h) + 1.5rem) 1.5rem 2rem;overflow-y:auto;
  background:radial-gradient(80% 50% at 100% 0%,rgba(0,229,232,.14),transparent 70%),rgba(14,26,43,.98);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.nav-drawer.open{display:flex}
.nav-drawer a{
  font-family:var(--font-display);font-size:1.9rem;font-weight:700;letter-spacing:-.03em;
  color:var(--s-ivory);padding:.55rem 0;border-bottom:1px solid var(--s-line);
}
.nav-drawer a.active,.nav-drawer a:hover{color:var(--s-lagoon)}
@media(min-width:1060px){.nav-links{display:flex}.nav-toggle{display:none}}

/* Ad ticker (injected by site.js under the nav) */
.ad-stream{
  display:block;overflow:hidden;width:100%;text-decoration:none;
  background:linear-gradient(90deg,rgba(255,56,100,.22),rgba(0,229,232,.16),rgba(232,200,114,.14)),rgba(10,18,32,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-top:1px solid rgba(0,229,232,.35);border-bottom:1px solid rgba(0,229,232,.2);
}
.ad-stream-track{display:flex;width:max-content;animation:ad-stream-scroll 38s linear infinite;will-change:transform}
.ad-stream:hover .ad-stream-track{animation-play-state:paused}
@keyframes ad-stream-scroll{to{transform:translateX(-50%)}}
.ad-stream-chunk{display:inline-flex;align-items:center;gap:.9rem;white-space:nowrap;padding:.42rem 1.25rem;
  font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--s-text-2)}
.ad-stream-pulse{color:var(--s-gold)}
.ad-stream-pitch{color:var(--s-lagoon);letter-spacing:.02em;text-transform:none;font-weight:600}
.ad-stream-sep{color:var(--s-lagoon);opacity:.5}
@media (prefers-reduced-motion:reduce){.ad-stream-track{animation:none}}

/* ——— Buttons ——— */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.95rem 1.6rem;border-radius:999px;border:1px solid transparent;cursor:pointer;
  font-family:var(--font-body);font-weight:750;font-size:.92rem;letter-spacing:.01em;line-height:1.1;white-space:nowrap;
  transition:transform .2s var(--s-ease),box-shadow .2s,background .2s,border-color .2s,color .2s,filter .2s;
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-primary{color:#fff;background:var(--s-sun-2);box-shadow:0 10px 28px rgba(212,30,82,.32)}
.btn-primary:hover{background:var(--s-sun-2-hover);box-shadow:0 14px 34px rgba(212,30,82,.4)}
.btn-pay{color:#fff;background:var(--s-sun-1);box-shadow:var(--s-glow)}
.btn-pay:hover{background:var(--s-sun-1-hover)}
.btn-ghost,.btn-secondary{color:var(--s-lagoon);background:transparent;border:1.5px solid var(--s-lagoon)}
.btn-ghost:hover,.btn-secondary:hover{background:rgba(0,229,232,.1)}
.btn-aqua{color:#05353A;background:linear-gradient(135deg,var(--s-lagoon-deep),var(--s-lagoon));box-shadow:0 12px 32px rgba(0,229,232,.3)}
.btn-aqua:hover{filter:brightness(1.08)}
.btn-vip{color:#1A1406;background:var(--s-gold)}
.btn-vip:hover{background:var(--s-gold-deep)}
.btn-sm{padding:.58rem 1rem;font-size:.78rem}
.btn-block{width:100%}

/* ——— Type helpers ——— */
.eyebrow{
  display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1rem;
  font-family:var(--font-body);font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--s-lagoon);
}
.eyebrow::before{content:"";width:1.5rem;height:2px;border-radius:2px;background:var(--s-duo)}
.lead{font-size:1.08rem;color:var(--s-text-2);max-width:40rem;line-height:1.65}
.lead a{color:var(--s-lagoon);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(0,229,232,.45)}

.section-head{max-width:44rem;margin-bottom:2.5rem}
.section-head h2{font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:750;letter-spacing:-.035em;line-height:1.02;margin-bottom:.8rem}
.section-head p{color:var(--s-text-2);font-size:1.02rem}

/* ——— HOME HERO (markup: .hero[data-hero-rebuild]) ——— */
.hero{
  position:relative;min-height:92vh;min-height:92svh;display:flex;align-items:flex-end;
  padding:9rem 0 3.5rem;overflow:hidden;isolation:isolate;
}
.hero-bg{position:absolute;inset:0;z-index:0;background:var(--s-bg-deep);-webkit-mask-image:linear-gradient(180deg,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,#000 88%,transparent 100%)}
.hero-bg .hero-video,.hero-bg .hero-poster-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hero-bg .hero-video{z-index:1}
@media (prefers-reduced-motion:reduce){.hero-bg .hero-video{display:none}}
.hero-overlay{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    /* v4: no full-frame darkening — thin top band for the nav + a soft scrim ONLY behind the bottom-left text column */
    linear-gradient(180deg,rgba(7,11,20,.28) 0%,transparent 14%),
    radial-gradient(ellipse 58% 62% at 0% 100%,rgba(7,11,20,.46) 0%,rgba(7,11,20,.22) 45%,transparent 72%),
    radial-gradient(55% 45% at 85% 100%,rgba(0,229,232,.08),transparent 70%);
}
.hero-center{position:relative;z-index:2;width:min(1240px,calc(100% - 2.5rem));margin:0 auto;display:grid;gap:1.75rem;text-align:left}
.hero-panel{max-width:46rem;background:none;border:0;padding:0;box-shadow:none}
.hero-kicker{
  display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.1rem;
  font-size:.74rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--s-yellow);
  text-shadow:0 1px 0 #000,0 0 1px #000,0 2px 10px rgba(0,0,0,.6);
  padding:.45rem .85rem .45rem .7rem;border-radius:999px;background:rgba(7,11,20,.7);border:1px solid rgba(0,229,232,.28);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.hero-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--s-yellow);box-shadow:0 0 10px rgba(255,230,0,.8)}
.hero-title{
  font-size:clamp(3.2rem,9vw,7.4rem);font-weight:800;letter-spacing:-.05em;line-height:.9;margin-bottom:1.2rem;
  text-shadow:0 2px 6px rgba(0,0,0,.35),0 6px 28px rgba(0,0,0,.55);
}
.hero-title span{display:block}
.hero-title .whos-in em{color:var(--s-sun-1);text-shadow:0 2px 6px rgba(0,0,0,.45),0 4px 22px rgba(0,0,0,.6);padding-right:.05em}
.hero-copy{max-width:36rem;font-size:1.1rem;line-height:1.6;font-weight:500;color:rgba(244,247,250,.92);text-shadow:0 1px 3px rgba(0,0,0,.6),0 2px 14px rgba(0,0,0,.55);margin-bottom:1.4rem}
.hero-meta{display:flex;flex-wrap:wrap;gap:.6rem}
.hero-chip{
  display:inline-flex;flex-direction:column;gap:.1rem;padding:.6rem 1rem;border-radius:16px;
  font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--s-lagoon);
  background:rgba(7,11,20,.75);border:1px solid rgba(0,229,232,.28);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.hero-chip strong{font-size:.92rem;letter-spacing:-.005em;text-transform:none;color:var(--s-ivory);font-weight:700}
a.hero-chip:hover{border-color:rgba(0,229,232,.65)}
.hero-chip-book{background:var(--s-sun-1);border-color:transparent;color:#fff}
.hero-chip-book strong{color:#fff}
a.hero-chip-book:hover{background:var(--s-sun-1-hover)}
.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.hero-cta{
  display:inline-flex;align-items:center;justify-content:center;min-height:3.35rem;padding:0 1.75rem;border-radius:999px;
  font-weight:800;font-size:1rem;letter-spacing:.01em;transition:transform .2s var(--s-ease),filter .2s,background .2s,border-color .2s;
}
.hero-cta:hover{transform:translateY(-1px)}
.hero-cta-book{color:#fff;background:var(--s-grad);box-shadow:var(--s-glow)}
.hero-cta-book:hover{background:var(--s-sun-1-hover)}
.hero-cta-cities{color:var(--s-ivory);background:rgba(7,11,20,.72);border:1.5px solid rgba(244,247,250,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hero-cta-cities:hover{border-color:rgba(0,229,232,.65);background:rgba(14,26,43,.88)}
.hero-cta-offer{color:var(--s-ivory);padding:0 .5rem;min-height:3.35rem;text-decoration:underline;text-underline-offset:6px;text-decoration-color:rgba(0,229,232,.7);font-weight:700;font-size:.92rem}
.hero-cta-offer:hover{color:var(--s-lagoon)}
body.has-ad-stream .hero{padding-top:calc(var(--ad-stream-offset,7rem) + 2rem)}

/* ——— Inner page hero ——— */
.page-hero{
  position:relative;overflow:hidden;isolation:isolate;
  padding:calc(var(--banner-h) + var(--nav-h) + 4rem) 0 3.25rem;
  background:transparent;
}
.page-hero::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:url("../img/hero-poster.webp") center 35%/cover no-repeat;opacity:1;
  -webkit-mask-image:linear-gradient(180deg,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,#000 86%,transparent 100%);
}
.page-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    /* v5: photo stays bright; scrim only behind the left text column + thin nav band */
    linear-gradient(180deg,rgba(7,11,20,.3) 0%,transparent 20%),
    linear-gradient(90deg,rgba(7,11,20,.55) 0%,rgba(7,11,20,.38) 36%,rgba(7,11,20,.08) 58%,transparent 70%),
    radial-gradient(ellipse 50% 60% at 85% 20%,rgba(0,229,232,.08),transparent 60%),
    radial-gradient(ellipse 40% 50% at 10% 80%,rgba(212,30,82,.06),transparent 55%);
}
.page-hero.events::before{background-image:url("../img/hero-events.webp");background-position:center 40%}
/* 0.6.87: Events hero option A (Frank-approved): keep hero-events.webp, reposition only */
html body .page-hero.events::before{background-position:50% 12%!important}@media (max-width:700px){html body .page-hero.events::before{background-size:auto 112%!important;background-position:58% 0%!important}}
.page-hero.venues::before{background-image:url("../img/feat-encore-cabana.webp")}
.page-hero.cities::before{background-image:url("../img/hero-poster.webp");background-position:center 55%}
.page-hero.blog::before{background-image:url("../img/hero-blog.webp");background-position:center 60%}
.page-hero.advertise::before{background-image:url("../img/vibe-yacht-bay.webp?v=2")}
.page-hero.contact::before{background-image:url("../img/hero-contact.webp");background-position:center 55%}
.page-hero.faqs::before{background-image:url("../img/hero-faqs.webp");background-position:center 35%}
@media (max-width:700px){.page-hero.blog::before{background-image:url("../img/hero-blog.webp")}.page-hero.contact::before{background-image:url("../img/hero-contact.webp")}.page-hero.faqs::before{background-image:url("../img/hero-faqs.webp")}}
/* 0.6.86: FAQs page hero only (not page-plain .pp-plain) -> crowd inflatable photo (media 27444) */
.page-hero.faqs:not(.pp-plain)::before{background-image:url("../img/hero-faqs-crowd.webp");background-position:center 45%}@media (max-width:700px){.page-hero.faqs:not(.pp-plain)::before{background-image:url("../img/hero-faqs-crowd-m.webp")}}
.page-hero .wrap{position:relative}
.page-hero h1{text-shadow:0 2px 6px rgba(0,0,0,.35),0 6px 26px rgba(0,0,0,.5)}
.page-hero .lead,.page-hero .eyebrow{text-shadow:0 1px 3px rgba(0,0,0,.65),0 2px 14px rgba(0,0,0,.5)}
.page-hero .lead{color:rgba(244,247,250,.9)}
.page-hero .stat-pills span{background:rgba(7,11,20,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.page-hero h1{font-size:clamp(2.6rem,7vw,5.4rem);font-weight:800;letter-spacing:-.045em;line-height:.95;margin-bottom:1rem;max-width:18ch}
.page-hero h1 em{color:var(--s-sun-1)}
.page-hero .lead{margin-top:.25rem}
body.has-ad-stream .page-hero{padding-top:calc(var(--ad-stream-offset,7rem) + 3rem)}

.stat-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.stat-pills span{display:inline-flex;flex-direction:column;min-width:6rem;padding:.65rem 1rem;border-radius:16px;background:rgba(7,11,20,.55);border:1px solid rgba(0,229,232,.22)}
.stat-pills strong{font-family:var(--font-display);font-size:1.35rem;font-weight:750;letter-spacing:-.02em;color:var(--s-lagoon)}
.stat-pills small{font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--s-text-3)}

/* ——— Trust strip ——— */
.trust{
  display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-radius:var(--s-radius);overflow:hidden;
  background:var(--s-surface);border:1px solid var(--s-line);
}
.trust div{padding:1.25rem 1.35rem;border-right:1px solid var(--s-line);border-bottom:1px solid var(--s-line)}
.trust strong{display:block;font-family:var(--font-display);font-size:1.08rem;font-weight:700;letter-spacing:-.015em;margin-bottom:.15rem}
.trust span{font-size:.8rem;color:var(--s-text-3)}
@media(min-width:760px){.trust{grid-template-columns:repeat(4,1fr)}.trust div{border-bottom:0}.trust div:last-child{border-right:0}}
.page-trust{margin-top:1.25rem}

/* ——— Chips / filters ——— */
.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem}
.chip,a.chip-link,button.chip-link{
  display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .95rem;border-radius:999px;cursor:pointer;
  font-size:.8rem;font-weight:700;color:var(--s-ivory);background:var(--s-surface-2);border:1px solid var(--s-line);
  transition:color .2s,border-color .2s,background .2s;
}
.chip:hover,.chip.active,a.chip-link:hover,button.chip-link:hover{color:var(--s-ivory);border-color:var(--s-lagoon);background:rgba(0,229,232,.12)}
.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.1rem;align-items:center}
.filters input,.filters select,.field input,.field select,.field textarea{
  min-width:0;padding:.85rem 1.15rem;border-radius:999px;outline:none;
  color:var(--s-ivory);background:var(--s-bg-2);border:1px solid var(--s-line);
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.filters input::placeholder,.field input::placeholder,.field textarea::placeholder{color:var(--s-text-3)}
.filters input:focus,.filters select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--s-lagoon);box-shadow:0 0 0 4px rgba(0,229,232,.16)}
.filters input{flex:1 1 260px}
.filters select{
  flex:0 1 auto;cursor:pointer;appearance:none;-webkit-appearance:none;padding-right:2.6rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%2300E5E8' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1.1rem center;
}
.filters select option{background:var(--s-surface);color:var(--s-ivory)}
.when-bar{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.25rem;
  margin:0 0 1rem;padding:.8rem 1.1rem;border-radius:var(--s-radius-sm);
  background:linear-gradient(105deg,rgba(255,230,0,.08),rgba(0,229,232,.07)),var(--s-surface);border:1px solid rgba(232,200,114,.3);
}
.when-bar label{display:inline-flex;align-items:center;gap:.55rem;font-size:.88rem;font-weight:700;color:var(--s-ivory);cursor:pointer}
.when-bar input{accent-color:var(--s-sun-1);width:1.05rem;height:1.05rem}

/* ——— Cards ——— */
.card-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1140px){.card-grid.cols-4{grid-template-columns:repeat(4,1fr)}}
.card{
  position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--s-radius);
  background:var(--s-surface);border:1px solid var(--s-line);
  transition:transform .35s var(--s-ease),border-color .35s,box-shadow .35s;
}
.card:hover{transform:translateY(-4px);border-color:rgba(0,229,232,.35);box-shadow:var(--s-shadow)}
.card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,var(--s-surface-2),var(--s-bg-2))}
.card-media>a{display:block;height:100%}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--s-ease)}
.card:hover .card-media img{transform:scale(1.045)}
.card-media::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;pointer-events:none;background:linear-gradient(0deg,rgba(14,26,43,.85),transparent)}
.badge-row{position:absolute;top:.8rem;left:.8rem;right:.8rem;z-index:2;display:flex;flex-wrap:wrap;gap:.35rem}
.tag:where(:not(body)){
  display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .65rem;border-radius:999px;
  font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--s-lagoon);
  background:rgba(7,11,20,.72);border:1px solid rgba(0,229,232,.3);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.tag.live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--s-lagoon);box-shadow:0 0 8px var(--s-lagoon)}
.tag.live{color:var(--s-ivory)}
.tag.demo{color:#FF6A9A;border-color:rgba(255,106,154,.4)}
.tag.aqua{color:var(--s-lagoon)}
.card-body{display:flex;flex-direction:column;gap:.55rem;flex:1;padding:1.15rem 1.25rem 1.3rem}
.card-body h3{font-size:1.32rem;font-weight:700;letter-spacing:-.025em;line-height:1.12}
.card-body h3 a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s var(--s-ease)}
.card-body h3 a:hover{background-size:100% 1px}
.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;font-size:.8rem;font-weight:600;color:var(--s-text-3)}
.card-meta span:empty{display:none}
.card-meta span+span::before{content:"";display:inline-block;width:3px;height:3px;margin-right:.5rem;vertical-align:middle;border-radius:50%;background:var(--s-text-3)}
.card-meta span:first-child{color:var(--s-lagoon)}
.card-body>p{font-size:.88rem!important;color:var(--s-text-2)!important;font-weight:450!important;line-height:1.55}
.card-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto;padding-top:.6rem}
.handoff-note{font-size:.7rem;line-height:1.45;color:var(--s-text-3);padding:.55rem 0 0;border-top:1px solid var(--s-line);margin-top:.4rem}
.empty-state{grid-column:1/-1;text-align:center;padding:3rem 1.5rem;border-radius:var(--s-radius);color:var(--s-text-2);background:var(--s-surface);border:1px dashed var(--s-line)}
.empty-state a{color:var(--s-lagoon);text-decoration:underline;text-decoration-color:rgba(0,229,232,.45);text-underline-offset:3px}

/* ——— City tiles ——— */
.city-grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.city-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.city-grid{grid-template-columns:repeat(4,1fr)}}
.city-tile{
  position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:170px;
  border-radius:var(--s-radius-sm);overflow:hidden;border:1px solid var(--s-line);background:var(--s-surface);
  transition:transform .3s var(--s-ease),border-color .3s,box-shadow .3s;
}
.city-tile img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--s-ease)}
.city-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,11,20,.92) 0%,rgba(7,11,20,.35) 55%,rgba(7,11,20,.05) 100%)}
.city-tile:hover{transform:translateY(-3px);border-color:var(--s-gold-deep);box-shadow:var(--s-shadow)}
.city-tile:hover img{transform:scale(1.06)}
.city-tile.active{border-color:var(--s-lagoon);box-shadow:0 0 0 1px var(--s-lagoon)}
.city-tile span{display:block;padding:0 1rem;font-family:var(--font-display);font-size:1.3rem;font-weight:750;letter-spacing:-.03em;color:#fff}
.city-tile small{display:block;padding:.15rem 1rem 1rem;font-size:.74rem;font-weight:700;color:var(--s-lagoon)}
.weekend-city-grid{display:flex;flex-wrap:wrap;justify-content:center}
.weekend-city-grid .city-tile{flex:0 1 calc(25% - .675rem);min-width:0}
@media(max-width:999px){.weekend-city-grid .city-tile{flex-basis:calc(33.333% - .6rem)}}
@media(max-width:639px){.weekend-city-grid .city-tile{flex-basis:calc(50% - .45rem)}}

/* City hub header image (city.html) */
.city-hub-media{position:relative;margin:1.5rem 0;border-radius:var(--s-radius);overflow:hidden;max-height:360px;border:1px solid var(--s-line)}
.city-hub-media img{width:100%;height:360px;object-fit:cover}
.city-hub-scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,20,.35),transparent 45%)}

/* ——— Vibes bento ——— */
.vibe-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:640px){.vibe-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){
  /* 0.6.74: 4 equal tiles in a 2x2 grid (was a 5-tile bento with a 2x2 lead tile) */
  .vibe-grid{grid-template-columns:repeat(2,1fr)}
  .vibe-card{min-height:340px}
}
.vibe-card{
  position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:270px;
  border-radius:var(--s-radius);overflow:hidden;border:1px solid var(--s-line);background:var(--s-surface);
  transition:transform .35s var(--s-ease),box-shadow .35s,border-color .35s;
}
.vibe-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--s-ease)}
.vibe-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,11,20,.9) 0%,rgba(7,11,20,.25) 55%,transparent 100%)}
.vibe-card:hover{transform:translateY(-4px);border-color:rgba(232,200,114,.4);box-shadow:var(--s-shadow)}
.vibe-card:hover img{transform:scale(1.05)}
.vibe-body{padding:1.4rem}
.vibe-body .tag{margin-bottom:.7rem}
.vibe-body h3{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:750;letter-spacing:-.035em;margin-bottom:.25rem;color:#fff}
.vibe-body p{font-size:.9rem;color:var(--s-text-2)}
/* 0.6.74: lead-tile h3 size removed so all tiles match */

/* ——— Steps ——— */
.steps{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:768px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{padding:1.75rem 1.6rem;border-radius:var(--s-radius);background:var(--s-surface);border:1px solid var(--s-line);transition:border-color .3s,transform .3s var(--s-ease)}
.step:hover{border-color:rgba(0,229,232,.3);transform:translateY(-2px)}
.step-num{
  display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;margin-bottom:1.1rem;border-radius:50%;
  font-family:var(--font-display);font-size:.9rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--s-sun-2),var(--s-lagoon-deep));box-shadow:0 8px 20px rgba(0,229,232,.18);
}
.step h3{font-size:1.3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.45rem}
.step p{font-size:.93rem;color:var(--s-text-2)}

/* ——— Music band ——— */
.music-band{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:340px;border-radius:var(--s-radius);overflow:hidden;border:1px solid rgba(232,200,114,.3)}
.music-band>img,.music-band>picture>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.music-band>picture{position:absolute;inset:0;z-index:-2}
.music-band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,11,20,.95) 0%,rgba(7,11,20,.7) 50%,rgba(7,11,20,.25) 100%),radial-gradient(50% 80% at 0% 100%,rgba(0,229,232,.18),transparent 70%)}
.music-inner{position:relative;max-width:36rem;padding:2.25rem}
.music-inner h2{font-size:clamp(2rem,3.6vw,2.8rem)!important;font-family:var(--font-display)!important;letter-spacing:-.035em}
.music-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.eq{display:flex;align-items:flex-end;gap:3px;height:26px;margin-bottom:1rem}
.eq span{width:3px;height:40%;border-radius:2px;background:linear-gradient(180deg,var(--s-lagoon),var(--s-gold-deep))}
.eq span:nth-child(2){height:70%}.eq span:nth-child(3){height:45%}.eq span:nth-child(4){height:95%}
.eq span:nth-child(5){height:55%}.eq span:nth-child(6){height:78%}.eq span:nth-child(7){height:35%}
@keyframes eq{0%{transform:scaleY(.35)}100%{transform:scaleY(1)}}
.eq span{transform-origin:bottom}

/* Music dock (music-layer.css) — retint */
.pp-music-dock__inner{background:rgba(7,11,20,.94)!important;border:1.5px solid var(--s-line)!important;box-shadow:0 0 0 1px rgba(0,229,232,.28),0 12px 32px rgba(0,0,0,.45)!important}
.pp-music-dock.is-playing .pp-music-dock__inner{box-shadow:0 18px 40px -12px rgba(0,0,0,.8),0 0 0 1px rgba(0,229,232,.45)!important}
.pp-music-dock__btn{border-color:rgba(0,229,232,.35)!important;color:var(--s-lagoon)!important}
.pp-music-dock__play,.pp-music-dock__start{background:var(--s-grad)!important;color:#fff!important;border-color:transparent!important}
.pp-music-dock__play[data-state="playing"]{background:var(--s-gold)!important;color:#1A1406!important}
.pp-music-dock__sec,.pp-music-dock__volpct{color:var(--s-lagoon)!important}
.pp-music-dock.needs-start{box-shadow:none!important}

/* ——— Panels / forms / misc ——— */
.panel,.form-card{padding:1.75rem;border-radius:var(--s-radius);background:var(--s-surface);border:1px solid var(--s-line)}
.panel h3,.form-card h3{letter-spacing:-.025em}
.demo-callout{margin:1rem 0;padding:1rem 1.15rem;border-radius:var(--s-radius-sm);font-size:.86rem;color:var(--s-text-2);background:linear-gradient(100deg,rgba(212,30,82,.12),rgba(0,229,232,.05)),var(--s-surface);border:1px solid rgba(212,30,82,.3)}
.demo-callout a{color:var(--s-lagoon);text-decoration:underline;text-underline-offset:3px}
.lead-honest{margin:0 0 1.25rem;padding:.9rem 1.1rem;max-width:46rem;border-radius:var(--s-radius-sm);font-size:.88rem;color:var(--s-text-2);background:var(--s-surface);border-left:3px solid var(--s-sun-2)}
.legal-banner{display:inline-block;margin:0 .5rem .75rem 0;padding:.3rem .7rem;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--s-gold);background:rgba(232,200,114,.1);border:1px solid rgba(232,200,114,.3)}
.form-note{font-size:.8rem;color:var(--s-text-3);margin-top:.75rem}
.form-note a{color:var(--s-lagoon);text-decoration:underline}
.field{margin-bottom:1.1rem}
.field label{display:block;margin-bottom:.45rem;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--s-text-2)}
.field input,.field select,.field textarea{width:100%;border-radius:var(--s-radius-sm);padding:.9rem 1rem}
.field textarea{min-height:120px;resize:vertical}
.cart-line{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--s-line)}
.cart-line:last-child{border-bottom:0}
.cart-line img{width:76px;height:56px;object-fit:cover;border-radius:10px}
.qty{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem;border-radius:999px;background:var(--s-bg-2);border:1px solid var(--s-line-2)}
.qty button{width:1.8rem;height:1.8rem;border-radius:50%;border:0;cursor:pointer;font-weight:800;color:var(--s-ivory);background:rgba(255,255,255,.08)}
.qty button:hover{background:var(--s-sun-2)}
.related-head{margin:3rem 0 1.25rem}
.example-note{color:var(--s-text-3)}

.faq-list{display:flex;flex-direction:column;gap:.6rem}
.faq-item{border-radius:var(--s-radius-sm);overflow:hidden;background:var(--s-surface);border:1px solid var(--s-line);transition:border-color .2s}
.faq-item[open]{border-color:rgba(0,229,232,.3)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.3rem;cursor:pointer;list-style:none;font-family:var(--font-display);font-size:1.08rem;font-weight:650;letter-spacing:-.015em}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:0 0 auto;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;font-family:var(--font-body);font-weight:500;color:var(--s-lagoon);background:rgba(0,229,232,.1);transition:transform .25s var(--s-ease),background .25s}
.faq-item[open] summary::after{transform:rotate(45deg);background:var(--s-sun-2)}
.faq-a{padding:0 1.3rem 1.25rem;color:var(--s-text-2);font-size:.95rem}
.faq-a a{color:var(--s-lagoon);text-decoration:underline}

.lead-embed{margin:0 0 1.5rem;border-radius:var(--s-radius);overflow:hidden;background:var(--s-surface);border:1px solid var(--s-line)}
.lead-embed__head{padding:1.35rem 1.4rem .9rem}
.lead-embed__head h2{font-size:1.6rem;letter-spacing:-.03em;margin:0 0 .35rem}
.lead-embed__head p{margin:0;max-width:42rem;font-size:.9rem;color:var(--s-text-2)}
.lead-embed__frame{position:relative;width:100%;background:#fff}
.lead-embed__frame,.lead-embed__frame iframe{min-height:620px;height:720px}
.lead-embed__frame iframe{display:block;width:100%;border:0;background:#fff}
.lead-embed--tall .lead-embed__frame,.lead-embed--tall .lead-embed__frame iframe{min-height:760px;height:860px}

.blog-prose{font-size:1.06rem;line-height:1.75;color:var(--s-text-2)}
.blog-prose h2{font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.03em;margin:2.25rem 0 .75rem}
.blog-prose h3{font-size:1.3rem;margin:1.75rem 0 .5rem}
.blog-prose p{margin-bottom:1.15rem}
.blog-prose ul,.blog-prose ol{margin:0 0 1.15rem 1.25rem}
.blog-prose li{margin-bottom:.4rem}
.blog-prose a{color:var(--s-lagoon);text-decoration:underline;text-decoration-color:rgba(0,229,232,.45);text-underline-offset:3px}
.blog-prose a.btn{text-decoration:none}

/* Checkout / legal pages keep the noir shell (fields stay high-contrast) */
body.page-checkout .panel,body.page-checkout .form-card{background:var(--s-surface-2)}

/* City / vibe theme accents (classes toggled by site.js) */
body.page-la{--s-bg:#07070A;--s-sun-1:#FF2D95;--s-sun-1-hover:#FF4AAA;--s-sun-2:#FF2D95;--s-sun-2-hover:#FF4AAA;background-image:none}
body.page-la .eyebrow,body.page-la .tag{color:#FF2D95}
body.page-yacht{--s-bg:#001226;--s-sun-2:#D41E52;background-image:none}
body.page-yacht .eyebrow,body.page-yacht .tag{color:#D4AF37}

/* ——— Footer ——— */
.footer{position:relative;margin-top:3rem;padding:4.5rem 0 2rem;background:linear-gradient(165deg,rgba(14,26,43,.72),rgba(7,11,20,.62));border-top:1px solid rgba(0,229,232,.28);box-shadow:0 -8px 28px rgba(0,0,0,.22);overflow:hidden}
.footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--s-duo);opacity:.8}
.footer-grid{display:grid;gap:2.25rem;grid-template-columns:1fr 1fr}
.footer-grid>div:first-child{grid-column:1/-1}
@media(min-width:820px){.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}.footer-grid>div:first-child{grid-column:auto}}
.footer h4{margin-bottom:1rem;font-family:var(--font-body);font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--s-lagoon)}
.footer a{display:block;margin-bottom:.55rem;font-size:.92rem;font-weight:550;color:var(--s-text-2);transition:color .2s}
.footer a:hover{color:var(--s-lagoon)}
.footer a.logo{display:inline-flex;margin-bottom:0}
.footer-grid p{color:var(--s-text-3)!important;font-weight:450!important}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--s-line);font-size:.74rem;color:var(--s-text-3)}

/* ——— Sticky mobile Book Now ——— */
.sticky-book{
  position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:65;display:flex;align-items:center;justify-content:center;
  min-height:3.3rem;border-radius:999px;font-weight:800;font-size:1rem;color:#fff;background:var(--s-sun-1);box-shadow:var(--s-glow),0 10px 30px rgba(0,0,0,.5);
  transform:translateY(160%);transition:transform .4s var(--s-ease);
}
.sticky-book.show{transform:none}
@media(min-width:900px){.sticky-book{display:none}}

/* ——— Mobile ——— */
@media(max-width:720px){
  .hero-overlay{background:
    linear-gradient(180deg,rgba(7,11,20,.28) 0%,transparent 12%),
    linear-gradient(0deg,rgba(7,11,20,.5) 0%,rgba(7,11,20,.3) 40%,rgba(7,11,20,.04) 62%,transparent 74%)}
  .page-hero::after{background:
    linear-gradient(180deg,rgba(7,11,20,.3) 0%,transparent 20%),
    linear-gradient(0deg,rgba(7,11,20,.46) 0%,rgba(7,11,20,.34) 60%,rgba(7,11,20,.1) 100%)}
  section{padding:3.75rem 0}
  .wrap,.hero-center{width:calc(100% - 2rem)}
  .logo-img{height:34px!important;max-height:34px!important}
  .nav-cta{padding:.6rem 1rem;font-size:.8rem}
  .nav-cart{width:2.3rem;height:2.3rem}
  .hero{min-height:88svh;padding-bottom:2.25rem}
  .hero-title{font-size:clamp(3rem,15vw,4.4rem)}
  .hero-copy{font-size:1rem}
  .hero-ctas{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
  .hero-cta{padding:0 1rem;font-size:.95rem}
  .hero-cta-offer{grid-column:1/-1;justify-content:flex-start;min-height:2.4rem}
  .hero-chip{flex:1 1 40%}
  .page-hero{padding-bottom:2.25rem}
  .page-hero h1{font-size:clamp(2.4rem,11vw,3.4rem)}
  .section-head{margin-bottom:1.75rem}
  .section-head h2{font-size:clamp(2rem,9vw,2.6rem)}
  .filters input,.filters select{flex:1 1 100%}
  .card-body{padding:1rem 1.05rem 1.15rem}
  .vibe-card{min-height:220px}
  .city-tile{min-height:140px}
  .city-tile span{font-size:1.1rem}
  .music-inner{padding:1.5rem}
  .panel,.form-card{padding:1.25rem}
  .footer{padding-top:3.25rem;padding-bottom:5.5rem}
  .ad-stream-chunk{font-size:.62rem;padding:.38rem 1rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}

/* Event detail action row */
.hero-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}
.nav-cta{white-space:nowrap}
@media(max-width:420px){.nav-cart{display:none}.nav-actions{gap:.45rem}.nav-cta{padding:.55rem .9rem}}

/* v6: light frosted glass behind small hero text (home + inner pages) */
.hero-copy,.page-hero .lead{
  display:block;width:fit-content;max-width:36rem;
  padding:.8rem 1.05rem;border-radius:14px;
  background:rgba(7,11,20,.34);
  border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);
  box-shadow:0 8px 28px rgba(0,0,0,.18);
}
.page-hero .eyebrow{
  width:fit-content;padding:.38rem .8rem;border-radius:999px;
  background:rgba(7,11,20,.34);
  border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
@media(max-width:720px){
  .hero-copy,.page-hero .lead{padding:.7rem .85rem;border-radius:12px}
}

/* v8: brighter Sonic Ear Candy band + light glass behind its small text */
.music-band::before{background:linear-gradient(90deg,rgba(7,11,20,.55) 0%,rgba(7,11,20,.28) 50%,rgba(7,11,20,.05) 100%),linear-gradient(0deg,rgba(7,11,20,.35),transparent 55%)}
.music-band>img,.music-band>picture>img{filter:saturate(1.1)} /* 0.6.77: brightness boost removed for the dark studio photo */
.music-inner h2{text-shadow:0 2px 14px rgba(0,0,0,.55)}
.music-inner>p:not(.eyebrow){
  width:fit-content;max-width:34rem;padding:.8rem 1.05rem;border-radius:14px;
  background:rgba(7,11,20,.34);border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);
  box-shadow:0 8px 28px rgba(0,0,0,.18);color:#eef3fb!important;
}
.music-inner .eyebrow{
  width:fit-content;padding:.38rem .8rem;border-radius:999px;
  background:rgba(7,11,20,.34);border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
/* ==========================================================================
   Pool Party — HYBRID palette (trust navy + coral buy) · loads AFTER skin-2026.css
   Navy #0B1F3A · White #F7F4EE · Pale gold #D4B46A · Taupe #C4B5A0 · Ice aqua #88C9C3
   Photo areas (heroes, music band, city/vibe tiles, player) keep white type.
   ========================================================================== */
:root,body{
  --dc-turq:#88C9C3; --dc-turq-deep:#2F6F6A; --dc-sand:#F7F4EE; --dc-sand-2:#ECE5D8;
  --dc-gold:#C9A227; --dc-gold-deep:#A8871C; --dc-coral:#0B1F3A; --dc-coral-hover:#162E52;
  --dc-ink:#0B1F3A; --dc-ink-2:#34445C; --dc-ink-3:#6B7385; --dc-deep:#0B1F3A; --dc-taupe:#C4B5A0;

  --s-bg:var(--dc-sand); --s-bg-deep:var(--dc-sand); --s-bg-2:#FFFFFF;
  --s-surface:#FFFFFF; --s-surface-2:#FCFAF6;
  --s-line:rgba(11,31,58,.12); --s-line-2:rgba(212,180,106,.5);
  --s-ivory:var(--dc-ink); --s-text-2:var(--dc-ink-2); --s-text-3:var(--dc-ink-3);
  --s-sun-1:var(--dc-coral); --s-sun-1-hover:var(--dc-coral-hover);
  --s-sun-2:var(--dc-coral); --s-sun-2-hover:var(--dc-coral-hover);
  --s-lagoon:var(--dc-turq-deep); --s-lagoon-deep:var(--dc-turq-deep);
  --s-yellow:var(--dc-gold); --s-gold:var(--dc-gold); --s-gold-deep:var(--dc-gold-deep);
  --s-glass:rgba(255,255,255,.9);
  --s-duo:linear-gradient(90deg,var(--dc-gold),var(--dc-turq));
  --s-shadow:0 14px 34px rgba(11,31,58,.10),0 0 0 1px rgba(11,31,58,.06);
  --s-glow:0 8px 22px rgba(11,31,58,.25);
}
/* Photo areas: flip back to white type + bright turquoise accents */
.hero,.page-hero,.music-band,.city-tile,.vibe-card,.pp-music-dock,.footer,.nav-drawer{
  --s-ivory:#FFFFFF; --s-text-2:#E9F4F4; --s-text-3:#C5D8DA;
  --s-lagoon:var(--dc-turq); --s-line:rgba(255,255,255,.18);
  --ink:#fff; --mist:#E9F4F4; --muted:#C5D8DA;
}

body{background:var(--dc-sand);background-image:linear-gradient(180deg,#FAF8F3 0%,var(--dc-sand) 50%,#EFE9DD 100%);color:var(--dc-ink)}
body::before{background:
  radial-gradient(ellipse 80% 45% at 0% 0%,rgba(136,201,195,.14),transparent 55%),
  radial-gradient(ellipse 70% 40% at 100% 5%,rgba(11,31,58,.08),transparent 50%),
  radial-gradient(ellipse 50% 35% at 50% 100%,rgba(212,180,106,.18),transparent 55%)}
body::after{background:none}
::selection{background:rgba(136,201,195,.35);color:var(--dc-ink)}
code{background:rgba(11,31,58,.06)}

/* Top strip + nav: white glass */
.proto-banner{background:var(--dc-deep);color:#E9F4F4;border-bottom-color:transparent}
.proto-banner a{color:var(--dc-gold)}
.nav,.nav.scrolled{background:rgba(255,255,255,.88);border-bottom:1px solid rgba(136,201,195,.35);box-shadow:0 6px 24px rgba(11,31,58,.08)}
.nav-links{background:rgba(249,243,222,.7);border-color:rgba(11,31,58,.08)}
.nav-links a{color:var(--dc-ink-2)}
.nav-links a:hover{color:var(--dc-turq-deep);background:rgba(136,201,195,.12)}
.nav-links a.active{color:var(--dc-deep);background:rgba(136,201,195,.22)}
.nav-links a.active::after{background:var(--dc-coral);box-shadow:none}
.nav-drawer{background:radial-gradient(80% 50% at 100% 0%,rgba(136,201,195,.25),transparent 70%),rgba(11,31,58,.98)}

/* Ad ticker: soft sun strip */
.ad-stream{background:linear-gradient(90deg,rgba(11,31,58,.12),rgba(136,201,195,.16),rgba(212,180,106,.35)),#FFFDF6;border-top-color:rgba(136,201,195,.35);border-bottom-color:rgba(11,31,58,.08)}

/* Buttons */
.btn-primary,.btn-pay,.nav-cta,.hero-cta-book,.hero-chip-book,.sticky-book{background:var(--dc-coral)!important;color:#fff!important;box-shadow:0 10px 26px rgba(11,31,58,.30)}
.btn-primary:hover,.btn-pay:hover,.nav-cta:hover,.hero-cta-book:hover{background:var(--dc-coral-hover)!important}
.btn-ghost,.btn-secondary{color:var(--dc-turq-deep);border-color:var(--dc-turq)}
.btn-ghost:hover,.btn-secondary:hover{background:rgba(136,201,195,.12)}
.btn-aqua{color:#0B1F3A;background:var(--dc-turq)}
.btn-vip{color:#2A1F05;background:var(--dc-gold)}
.hero .btn-ghost,.page-hero .btn-ghost,.music-band .btn-ghost{color:#fff;border-color:rgba(255,255,255,.75);background:rgba(11,31,58,.25)}

/* Cards, panels, chips, inputs on sand */
.card,.step,.panel,.form-card,.faq-item,.lead-embed,.empty-state,.lead-honest{background:#fff;border-color:rgba(11,31,58,.10);box-shadow:0 10px 28px rgba(11,31,58,.07)}
.card{border-top:3px solid var(--dc-turq)}
body.page-yacht .card{border-top-color:var(--dc-gold-deep)}
.card-media{background:var(--dc-sand-2)}
.card-media::after{background:linear-gradient(0deg,rgba(11,31,58,.45),transparent)}
.tag:where(:not(body)){color:#fff;background:rgba(11,31,58,.72);border-color:rgba(136,201,195,.55)}
.chip,a.chip-link,button.chip-link{background:#fff;color:var(--dc-ink);border-color:rgba(11,31,58,.14)}
.chip:hover,.chip.active,a.chip-link:hover,button.chip-link:hover{color:var(--dc-deep);border-color:var(--dc-turq);background:rgba(136,201,195,.14)}
.filters input,.filters select,input,select,textarea{background:#fff;color:var(--dc-ink);border-color:rgba(11,31,58,.16)}
.filters select option{background:#fff;color:var(--dc-ink)}
.faq-item summary::after{background:rgba(136,201,195,.18);color:var(--dc-deep)}
.faq-item[open] summary::after{background:var(--dc-coral);color:#fff}
.step-num,.step .num{background:linear-gradient(135deg,var(--dc-coral),var(--dc-turq))}
.qty button{background:rgba(11,31,58,.06)}
.demo-callout{background:linear-gradient(100deg,rgba(11,31,58,.08),rgba(136,201,195,.10)),#fff;color:var(--dc-ink-2)}
.eyebrow{color:var(--dc-turq-deep)}
.hero .eyebrow,.page-hero .eyebrow,.music-band .eyebrow{color:var(--dc-turq)}
.stat-pills span{background:#fff;border-color:rgba(136,201,195,.4)}
.page-hero .stat-pills span{background:rgba(11,31,58,.45)}
h1 em,h2 em,.grad,.accent{color:var(--dc-coral)}

/* Photo overlays: warm turquoise-teal instead of midnight */
.city-tile::after{background:linear-gradient(0deg,rgba(11,31,58,.85) 0%,rgba(11,31,58,.25) 55%,transparent 100%)}
.vibe-card::after{background:linear-gradient(0deg,rgba(11,31,58,.82) 0%,rgba(11,31,58,.2) 55%,transparent 100%)}
.hero-copy,.page-hero .lead,.music-inner>p:not(.eyebrow),.page-hero .eyebrow,.music-inner .eyebrow{background:rgba(11,31,58,.32)}
.hero-kicker{background:rgba(11,31,58,.6);border-color:rgba(212,180,106,.5)}
.hero-cta-cities{background:rgba(11,31,58,.45);border-color:rgba(255,255,255,.55)}

/* Footer: deep lagoon with gold rule */
.footer{background:linear-gradient(165deg,#13294A,var(--dc-deep));border-top:0;box-shadow:none}
.footer::before{background:linear-gradient(90deg,var(--dc-gold),var(--dc-coral),var(--dc-turq));height:3px}
.footer h4{color:var(--dc-gold)}
.footer a:hover{color:var(--dc-turq)}

/* Player: deep lagoon pill */
.pp-music-dock__inner{background:rgba(11,31,58,.95)!important;border-color:rgba(136,201,195,.45)!important;box-shadow:0 12px 32px rgba(11,31,58,.28)!important}
.pp-music-dock__play,.pp-music-dock__start{background:var(--dc-coral)!important}
.pp-music-dock__play[data-state="playing"]{background:var(--dc-gold)!important;color:#2A1F05!important}
.pp-music-dock__sec,.pp-music-dock__volpct{color:var(--dc-turq)!important}

/* Header logo: dark-lettered version on the white nav (footer keeps the white one) */
.nav .logo-img{content:url("../img/pp-logo.webp")}

/* ——— Yacht-specific polish ——— */
/* Photo areas: gold accents + gold CTAs so buttons read on dark photos */
.hero,.page-hero,.music-band{
  --s-sun-1:var(--dc-gold); --s-sun-2:var(--dc-gold);
  --s-grad:linear-gradient(0deg,var(--dc-gold),var(--dc-gold)); --s-grad-text:linear-gradient(0deg,#E6CD8F,var(--dc-gold));
  --s-lagoon:var(--dc-turq);
}
.hero .hero-cta-book,.hero .hero-chip-book,.page-hero .btn-primary,.music-band .btn-primary{background:var(--dc-gold)!important;color:var(--dc-ink)!important;box-shadow:0 10px 26px rgba(0,0,0,.25)}
.hero .hero-cta-book:hover,.page-hero .btn-primary:hover,.music-band .btn-primary:hover{background:#E0C47E!important}
.nav-cta{background:var(--dc-ink)!important;color:#fff!important;border:1px solid var(--dc-gold)}
.nav-cta:hover{background:var(--dc-coral-hover)!important}
.btn-primary,.btn-pay{letter-spacing:.02em}
.btn-ghost,.btn-secondary{color:var(--dc-ink);border-color:var(--dc-gold)}
.btn-ghost:hover,.btn-secondary:hover{background:rgba(212,180,106,.14)}
/* Gold hairlines + taupe details */
.card{border-top:2px solid var(--dc-gold)}
.eyebrow{color:var(--dc-gold-deep)}
.hero .eyebrow,.page-hero .eyebrow,.music-band .eyebrow{color:var(--dc-gold)}
.eyebrow::before{background:var(--dc-gold)}
h1 em,h2 em,.grad,.accent{color:var(--dc-gold-deep)}
.hero h1 em,.page-hero h1 em,.music-band h2 em{color:var(--dc-gold)}
.chip:hover,.chip.active,a.chip-link:hover,button.chip-link:hover{color:var(--dc-ink);border-color:var(--dc-gold);background:rgba(212,180,106,.14)}
.nav-links a.active{color:var(--dc-ink);background:rgba(212,180,106,.22)}
.nav-links a.active::after{background:var(--dc-gold)}
.nav-links a:hover{color:var(--dc-ink);background:rgba(196,181,160,.22)}
.ad-stream{background:linear-gradient(90deg,rgba(212,180,106,.18),rgba(136,201,195,.18),rgba(196,181,160,.22)),#FCFAF6}
.faq-item[open] summary::after{background:var(--dc-ink);color:var(--dc-gold)}
.faq-item summary::after{background:rgba(212,180,106,.2);color:var(--dc-ink)}
.stat-pills span{border-color:rgba(212,180,106,.5)}
.footer::before{background:linear-gradient(90deg,transparent,var(--dc-gold),transparent);height:1px}
.pp-music-dock__play,.pp-music-dock__start{background:var(--dc-gold)!important;color:var(--dc-ink)!important}
.pp-music-dock__play[data-state="playing"]{background:var(--dc-turq)!important;color:var(--dc-ink)!important}
.pp-music-dock__inner{border-color:rgba(212,180,106,.5)!important}
.pp-music-dock__sec,.pp-music-dock__volpct{color:var(--dc-gold)!important}
.sticky-book{background:var(--dc-ink)!important;border:1px solid var(--dc-gold)}
.proto-banner a{color:var(--dc-gold)}

/* ——— HYBRID: coral ONLY on purchase actions, navy for trust, turquoise labels, gold = VIP/yacht ——— */
.hero,.page-hero,.music-band{--s-sun-1:var(--dc-coral);--s-sun-2:var(--dc-coral);--s-grad:linear-gradient(0deg,var(--dc-coral),var(--dc-coral));--s-grad-text:linear-gradient(0deg,#FF8A7E,var(--dc-coral))}
.btn-primary,.btn-pay,.nav-cta,.hero-cta-book,.hero-chip-book,.sticky-book,
.hero .hero-cta-book,.hero .hero-chip-book,.page-hero .btn-primary,.music-band .btn-primary{background:var(--dc-coral)!important;color:#fff!important;border:0!important;box-shadow:0 10px 26px rgba(11,31,58,.35)!important}
.btn-primary:hover,.btn-pay:hover,.nav-cta:hover,.hero-cta-book:hover,.hero .hero-cta-book:hover,.page-hero .btn-primary:hover,.music-band .btn-primary:hover,.sticky-book:hover{background:var(--dc-coral-hover)!important}
.btn-ghost,.btn-secondary{color:var(--dc-ink);border-color:var(--dc-ink)}
.btn-ghost:hover,.btn-secondary:hover{background:rgba(11,31,58,.06)}
.btn-vip{background:transparent;color:var(--dc-ink);border:1.5px solid var(--dc-gold)}
.card{border-top:2px solid var(--dc-turq)}
body.page-yacht .card{border-top-color:var(--dc-gold)}
.eyebrow{color:var(--dc-turq-deep)}
.eyebrow::before{background:var(--dc-turq)}
.hero .eyebrow,.page-hero .eyebrow,.music-band .eyebrow{color:var(--dc-turq)}
body.page-yacht .eyebrow{color:var(--dc-gold-deep)}
.tag:where(:not(body)){color:#fff;background:rgba(11,31,58,.75);border-color:rgba(136,201,195,.6)}
h1 em,h2 em,.grad,.accent{color:var(--dc-coral)}
.hero h1 em,.page-hero h1 em,.music-band h2 em{color:var(--dc-coral)}
.chip:hover,.chip.active,a.chip-link:hover,button.chip-link:hover{color:var(--dc-ink);border-color:var(--dc-turq);background:rgba(136,201,195,.12)}
.nav-links a.active{color:var(--dc-ink);background:rgba(136,201,195,.16)}
.nav-links a.active::after{background:var(--dc-coral)}
.faq-item[open] summary::after{background:var(--dc-ink);color:#fff}
.faq-item summary::after{background:rgba(136,201,195,.16);color:var(--dc-ink)}
.stat-pills span{border-color:rgba(136,201,195,.45)}
.ad-stream{background:linear-gradient(90deg,rgba(136,201,195,.14),rgba(201,162,39,.12),rgba(11,31,58,.10)),#FCFAF6}
.footer::before{background:linear-gradient(90deg,transparent,var(--dc-gold),transparent);height:1px}
.footer h4{color:var(--dc-turq)}
.pp-music-dock__play,.pp-music-dock__start{background:var(--dc-coral)!important;color:#fff!important}
.pp-music-dock__play[data-state="playing"]{background:var(--dc-turq)!important;color:var(--dc-ink)!important}
.pp-music-dock__inner{border-color:rgba(136,201,195,.4)!important}
.pp-music-dock__sec,.pp-music-dock__volpct{color:var(--dc-turq)!important}
/* Coral is reserved for buying: headline accent words go turquoise instead */
:root,body{--s-grad-text:linear-gradient(0deg,var(--dc-turq-deep),var(--dc-turq-deep))}
.hero,.page-hero,.music-band{--s-grad-text:linear-gradient(0deg,#5FE3EA,var(--dc-turq))}
h1 em,h2 em,.grad,.accent{color:var(--dc-turq-deep)}
.hero h1 em,.page-hero h1 em,.music-band h2 em{color:var(--dc-turq)}
.hero .whos-in em,.hero .whos-in{background:linear-gradient(0deg,#5FE3EA,var(--dc-turq))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:var(--dc-turq)!important}
html body .hero[data-hero-rebuild] h1.hero-title .whos-in,html body .hero[data-hero-rebuild] h1.hero-title .whos-in em{color:var(--dc-turq)!important;-webkit-text-fill-color:var(--dc-turq)!important;background:none!important}
/* Music controls are not purchases: turquoise, not coral */
.pp-music-dock__play,.pp-music-dock__start,.pp-music-play{background:var(--dc-turq-deep)!important;color:#fff!important}
/* ——— UX pass (loads last) ——— */
/* 3 · preview notes hidden from visitors */
.proto-banner,.handoff-note,.example-note #city-status{display:none!important}
/* 4 · no scrolling ad strip */
.ad-stream{display:none!important}
body{--ad-stream-offset:0px}
.hero-cta-offer{display:none!important}
/* 2 · one clear action per event card; whole card opens details */
.card{position:relative}
.card .card-link::after{content:"";position:absolute;inset:0;z-index:1}
.card .card-actions{position:relative;z-index:2}
.card .card-buy{width:100%;justify-content:center;min-height:44px;font-size:.95rem}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(11,31,58,.16)}
/* 6 · easier to read + bigger tap targets */
:root{--s-text-3:#4A5A70}
.chip,.filter-chip,.city-chip,.chips a,.chips button,.chip-row a,.chip-row button{min-height:44px;display:inline-flex;align-items:center;padding-inline:1rem}
.card-meta,.section-head p,.eyebrow{color:#3E4E63}
@media (max-width:640px){
  body{font-size:17px}
  .section-head p,.card-meta{font-size:1rem;line-height:1.55}
  .card h3{font-size:1.15rem}
}
/* 5 · short hero on phones: headline, one line, Book Now above the fold */
@media (max-width:640px){
  .hero .hero-kicker,.hero .hero-meta{display:none!important}
  .hero .hero-copy{font-size:1rem!important;line-height:1.45!important}
  .hero .hero-copy .long{display:none}
  .hero .hero-ctas{margin-top:1rem!important}
  .hero[data-hero-rebuild]{min-height:85vh!important;min-height:85svh!important} /* 0.6.85 hero tiers T1: was min-height:auto */
}
/* 1 · music player: smaller, no floating start chip; phones get a round button */
.pp-music-dock__start{display:none!important}
.pp-music-dock.needs-start{box-shadow:none!important}
.ux-dock-toggle{display:none}
@media (max-width:640px){
  .pp-music-dock{left:auto!important;right:.75rem!important;bottom:calc(4.6rem + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 1.5rem)!important}
  .pp-music-dock:not(.ux-open) .pp-music-dock__inner{display:none!important}
  .ux-dock-toggle{display:flex;pointer-events:auto;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;border:0;background:var(--dc-ink,#0B1F3A);color:#fff;font-size:1.3rem;box-shadow:0 8px 22px rgba(11,31,58,.35);margin-left:auto}
  .pp-music-dock.is-playing .ux-dock-toggle{background:var(--dc-turq-deep,#2F6F6A)}
  .pp-music-dock.ux-open .ux-dock-toggle{margin-top:.5rem}
  .pp-music-dock.ux-open{display:flex;flex-direction:column;align-items:flex-end}
}
/* 7 · sticky "Find a party" bar on phones (replaces the plain sticky Book Now) */
.find-bar{display:none}
@media (max-width:899px){
  .sticky-book{display:none!important}
  .find-bar{position:fixed;left:.6rem;right:.6rem;bottom:calc(.6rem + env(safe-area-inset-bottom));z-index:8990;display:flex;gap:.4rem;padding:.45rem;border-radius:18px;background:rgba(247,244,238,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(11,31,58,.28);border:1px solid rgba(11,31,58,.12)}
  .find-bar select{flex:1 1 0;min-width:0;min-height:44px;border-radius:12px;border:1px solid rgba(11,31,58,.18);background:#fff;color:#0B1F3A;font:600 .92rem/1 inherit;padding:0 .5rem}
  .find-bar button{flex:0 0 auto;min-height:44px;border:0;border-radius:12px;background:var(--dc-coral,#0B1F3A);color:#fff;font:800 .92rem/1 inherit;padding:0 .9rem}
  body.has-find-bar{padding-bottom:0}
  body.has-find-bar .footer::after{content:"";display:block;height:5rem}
}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* demo-only bits hidden from visitors */
.nav-cart,.demo-callout,#tiers,.event-tiers,[data-add-demo]{display:none!important}
.lead-honest{display:none!important}
@media (min-width:641px){.hero .hero-meta{display:none!important}}
/* 1b · desktop too: compact pill (play + ♪); ♪ opens full controls */
@media (min-width:641px){
  .ux-dock-toggle{display:flex;pointer-events:auto;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;border:0;background:var(--dc-ink,#0B1F3A);color:#fff;font-size:1.15rem;box-shadow:0 8px 22px rgba(11,31,58,.35);cursor:pointer}
  .pp-music-dock{display:flex!important;flex-direction:row-reverse;align-items:center;gap:.4rem}
  .pp-music-dock:not(.ux-open) .pp-music-dock__inner>*:not(.pp-music-dock__play){display:none!important}
  .pp-music-dock:not(.ux-open) .pp-music-dock__inner{padding:.3rem!important}
  .pp-music-dock.is-playing .ux-dock-toggle{background:var(--dc-turq-deep,#2F6F6A)}
}
/* SEC soundtrack dock + music-band playing state — dayclub tokens */

/* Pause EQ idle animation until soundtrack is playing */
.music-band .eq span {
  animation: none;
  opacity: 0.45;
}
.music-band.is-playing .eq span,
.eq.is-playing span {
  animation: eq 1.4s ease-in-out infinite alternate;
  opacity: 0.9;
}

.music-band .music-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
  margin-top: 0.15rem;
}

.pp-music-dock {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 9000;
  max-width: min(360px, calc(100vw - 1.5rem));
  pointer-events: none;
  font-family: var(--font-body, "Outfit", system-ui, sans-serif);
}

.pp-music-dock__inner {
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.55rem 0.45rem 0.45rem;
  border-radius: 999px;
  background: rgba(7, 11, 20, 0.94);
  border: 1.5px solid var(--pp-line, #24344A);
  box-shadow:
    0 0 0 1px rgba(0, 229, 232, 0.28),
    0 12px 32px rgba(0, 0, 0, 0.45),
    0 0 24px rgba(255, 56, 100, 0.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: #fff;
}

.pp-music-dock.is-playing .pp-music-dock__inner {
  box-shadow:
    0 0 0 1px rgba(0, 229, 232, 0.45),
    0 12px 32px rgba(0, 0, 0, 0.5),
    0 0 28px rgba(255, 56, 100, 0.22);
}

.pp-music-dock__btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  border: 1.5px solid rgba(0, 229, 232, 0.35);
  background: rgba(255, 255, 255, 0.06);
  color: var(--pp-cyan, #00E5E8);
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.pp-music-dock__btn:hover {
  background: rgba(255, 56, 100, 0.28);
  border-color: var(--pp-coral-hover, #FF5A7C);
  color: #fff;
}
.pp-music-dock__btn:focus-visible {
  outline: 2px solid var(--pp-cyan, #00E5E8);
  outline-offset: 2px;
}
.pp-music-dock__play {
  width: 2.35rem;
  height: 2.35rem;
  background: var(--pp-coral, #FF3864);
  border-color: var(--pp-line, #24344A);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 229, 232, 0.35);
}
.pp-music-dock__play:hover {
  background: var(--pp-coral-hover, #FF5A7C);
  color: #fff;
}
.pp-music-dock__play[data-state="playing"] {
  background: var(--pp-gold, #E8C872);
  color: #1A1406;
}

.pp-music-dock__meta {
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  min-width: 0;
  padding: 0 0.35rem;
  flex: 1 1 auto;
  line-height: 1.2;
}
.pp-music-dock__title {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 11.5rem;
  color: #fff;
}
.pp-music-dock__sec {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: none;
  color: var(--pp-cyan, #00E5E8);
  text-decoration: none;
  width: fit-content;
  white-space: nowrap;
}
.pp-music-dock__sec:hover {
  color: var(--pp-coral-hover, #FF5A7C);
}

@media (max-width: 520px) {
  .pp-music-dock {
    right: 0.65rem;
    bottom: 0.75rem;
    max-width: calc(100vw - 1.1rem);
  }
  .pp-music-dock__title {
    max-width: 7.5rem;
  }
  .pp-music-dock__btn {
    width: 1.85rem;
    height: 1.85rem;
  }
  .pp-music-dock__play {
    width: 2.15rem;
    height: 2.15rem;
  }
}


.pp-music-dock__vol {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  flex: 0 0 auto;
  padding-right: 0.1rem;
}

.pp-music-dock__volpct {
  min-width: 2.1rem;
  text-align: center;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--pp-cyan, #00E5E8);
  font-variant-numeric: tabular-nums;
}

.pp-music-dock__voldown,
.pp-music-dock__volup {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  width: 1.75rem;
  height: 1.75rem;
}

.pp-music-dock.is-muted .pp-music-dock__volpct {
  opacity: 0.45;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 520px) {
  .pp-music-dock__volpct {
    min-width: 1.85rem;
    font-size: 0.58rem;
  }
  .pp-music-dock__voldown,
  .pp-music-dock__volup {
    width: 1.65rem;
    height: 1.65rem;
  }
}

/* Keep clear of typical bottom nav / CTA on very small screens */

@media (max-width: 380px) {
  .pp-music-dock__title {
    display: none;
  }
}

/* Autoplay unlock chip */
.pp-music-dock.needs-start{ box-shadow: 0 0 0 2px #FF3864, 0 12px 40px rgba(0,0,0,.45); }
.pp-music-dock__start{
  pointer-events:auto;
  position:absolute; left:50%; bottom:calc(100% + 10px); transform:translateX(-50%);
  white-space:nowrap; border:0; cursor:pointer;
  background:#FF3864; color:#fff; font-weight:700; font-size:13px;
  padding:.55rem 1rem; border-radius:999px;
  box-shadow:0 10px 28px rgba(255,56,100,.4);
  z-index:5;
}
.pp-music-dock__start:hover{ filter:brightness(1.06); }

/* v29: keep the SonicEarCandy link fully visible and clickable (was sliding under the volume buttons) */
.pp-music-dock__meta { flex: 0 0 auto; min-width: max-content; }
.pp-music-dock__sec { position: relative; z-index: 2; display: inline-block; padding: 0.1rem 0; cursor: pointer; }
.pp-music-dock__sec:hover { text-decoration: underline; }
@media (max-width: 520px) {
  .pp-music-dock__sec-pre { display: none; }
}
/* v30: dock grows to fit its content so buttons never hang off the page */
.pp-music-dock { max-width: calc(100vw - 1.5rem); }
.pp-music-dock__inner { max-width: 100%; }
@media (max-width: 520px) {
  .pp-music-dock__meta { flex: 1 1 auto; min-width: 0; }
}

/* ---- WordPress integration ---- */
.proto-banner{display:none!important}
:root{--banner-h:0px!important}
body.pp2026{margin:0}
body.pp2026 .hero .hero-cta-offer{display:none}
@media (max-width:640px){body.pp2026 .hero .hero-copy .long{display:none}}
body.pp2026 .card-media img{aspect-ratio:1/1;object-fit:cover}
body.pp2026 .card-body h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.pp2026 .city-tile small{opacity:.9}
body.pp2026 .find-bar button{cursor:pointer}

/* WP: keep the accessibility button clear of the phone find-bar and music button */
@media (max-width:760px){
  body.pp2026 .onetap-container-toggle .onetap-toggle{margin-bottom:calc(8.6rem + env(safe-area-inset-bottom))!important;margin-right:.75rem!important}
}

/* ===== Yacht palette (Capri / Monaco) ===== */
/* ==========================================================================
   Pool Party — YACHT palette (Capri / Monaco) · loads AFTER skin-2026.css
   Navy #0B1F3A · White #F7F4EE · Pale gold #D4B46A · Taupe #C4B5A0 · Ice aqua #88C9C3
   Photo areas (heroes, music band, city/vibe tiles, player) keep white type.
   ========================================================================== */
:root,body{
  --dc-turq:#88C9C3; --dc-turq-deep:#2F6F6A; --dc-sand:#F7F4EE; --dc-sand-2:#ECE5D8;
  --dc-gold:#D4B46A; --dc-gold-deep:#B8964A; --dc-coral:#0B1F3A; --dc-coral-hover:#162E52;
  --dc-ink:#0B1F3A; --dc-ink-2:#34445C; --dc-ink-3:#6B7385; --dc-deep:#0B1F3A; --dc-taupe:#C4B5A0;

  --s-bg:var(--dc-sand); --s-bg-deep:var(--dc-sand); --s-bg-2:#FFFFFF;
  --s-surface:#FFFFFF; --s-surface-2:#FCFAF6;
  --s-line:rgba(11,31,58,.12); --s-line-2:rgba(212,180,106,.5);
  --s-ivory:var(--dc-ink); --s-text-2:var(--dc-ink-2); --s-text-3:var(--dc-ink-3);
  --s-sun-1:var(--dc-coral); --s-sun-1-hover:var(--dc-coral-hover);
  --s-sun-2:var(--dc-coral); --s-sun-2-hover:var(--dc-coral-hover);
  --s-lagoon:var(--dc-turq-deep); --s-lagoon-deep:var(--dc-turq-deep);
  --s-yellow:var(--dc-gold); --s-gold:var(--dc-gold); --s-gold-deep:var(--dc-gold-deep);
  --s-glass:rgba(255,255,255,.9);
  --s-duo:linear-gradient(90deg,var(--dc-gold),var(--dc-turq));
  --s-shadow:0 14px 34px rgba(11,31,58,.10),0 0 0 1px rgba(11,31,58,.06);
  --s-glow:0 8px 22px rgba(11,31,58,.25);
}
/* Photo areas: flip back to white type + bright turquoise accents */
.hero,.page-hero,.music-band,.city-tile,.vibe-card,.pp-music-dock,.footer,.nav-drawer{
  --s-ivory:#FFFFFF; --s-text-2:#E9F4F4; --s-text-3:#C5D8DA;
  --s-lagoon:var(--dc-turq); --s-line:rgba(255,255,255,.18);
  --ink:#fff; --mist:#E9F4F4; --muted:#C5D8DA;
}

body{background:var(--dc-sand);background-image:linear-gradient(180deg,#FAF8F3 0%,var(--dc-sand) 50%,#EFE9DD 100%);color:var(--dc-ink)}
body::before{background:
  radial-gradient(ellipse 80% 45% at 0% 0%,rgba(136,201,195,.14),transparent 55%),
  radial-gradient(ellipse 70% 40% at 100% 5%,rgba(11,31,58,.08),transparent 50%),
  radial-gradient(ellipse 50% 35% at 50% 100%,rgba(212,180,106,.18),transparent 55%)}
body::after{background:none}
::selection{background:rgba(136,201,195,.35);color:var(--dc-ink)}
code{background:rgba(11,31,58,.06)}

/* Top strip + nav: white glass */
.proto-banner{background:var(--dc-deep);color:#E9F4F4;border-bottom-color:transparent}
.proto-banner a{color:var(--dc-gold)}
.nav,.nav.scrolled{background:rgba(255,255,255,.88);border-bottom:1px solid rgba(136,201,195,.35);box-shadow:0 6px 24px rgba(11,31,58,.08)}
.nav-links{background:rgba(249,243,222,.7);border-color:rgba(11,31,58,.08)}
.nav-links a{color:var(--dc-ink-2)}
.nav-links a:hover{color:var(--dc-turq-deep);background:rgba(136,201,195,.12)}
.nav-links a.active{color:var(--dc-deep);background:rgba(136,201,195,.22)}
.nav-links a.active::after{background:var(--dc-coral);box-shadow:none}
.nav-drawer{background:radial-gradient(80% 50% at 100% 0%,rgba(136,201,195,.25),transparent 70%),rgba(11,31,58,.98)}

/* Ad ticker: soft sun strip */
.ad-stream{background:linear-gradient(90deg,rgba(11,31,58,.12),rgba(136,201,195,.16),rgba(212,180,106,.35)),#FFFDF6;border-top-color:rgba(136,201,195,.35);border-bottom-color:rgba(11,31,58,.08)}

/* Buttons */
.btn-primary,.btn-pay,.nav-cta,.hero-cta-book,.hero-chip-book,.sticky-book{background:var(--dc-coral)!important;color:#fff!important;box-shadow:0 10px 26px rgba(11,31,58,.30)}
.btn-primary:hover,.btn-pay:hover,.nav-cta:hover,.hero-cta-book:hover{background:var(--dc-coral-hover)!important}
.btn-ghost,.btn-secondary{color:var(--dc-turq-deep);border-color:var(--dc-turq)}
.btn-ghost:hover,.btn-secondary:hover{background:rgba(136,201,195,.12)}
.btn-aqua{color:#0B1F3A;background:var(--dc-turq)}
.btn-vip{color:#2A1F05;background:var(--dc-gold)}
.hero .btn-ghost,.page-hero .btn-ghost,.music-band .btn-ghost{color:#fff;border-color:rgba(255,255,255,.75);background:rgba(11,31,58,.25)}

/* Cards, panels, chips, inputs on sand */
.card,.step,.panel,.form-card,.faq-item,.lead-embed,.empty-state,.lead-honest{background:#fff;border-color:rgba(11,31,58,.10);box-shadow:0 10px 28px rgba(11,31,58,.07)}
.card{border-top:3px solid var(--dc-turq)}
body.page-yacht .card{border-top-color:var(--dc-gold-deep)}
.card-media{background:var(--dc-sand-2)}
.card-media::after{background:linear-gradient(0deg,rgba(11,31,58,.45),transparent)}
.tag:where(:not(body)){color:#fff;background:rgba(11,31,58,.72);border-color:rgba(136,201,195,.55)}
.chip,a.chip-link,button.chip-link{background:#fff;color:var(--dc-ink);border-color:rgba(11,31,58,.14)}
.chip:hover,.chip.active,a.chip-link:hover,button.chip-link:hover{color:var(--dc-deep);border-color:var(--dc-turq);background:rgba(136,201,195,.14)}
.filters input,.filters select,input,select,textarea{background:#fff;color:var(--dc-ink);border-color:rgba(11,31,58,.16)}
.filters select option{background:#fff;color:var(--dc-ink)}
.faq-item summary::after{background:rgba(136,201,195,.18);color:var(--dc-deep)}
.faq-item[open] summary::after{background:var(--dc-coral);color:#fff}
.step-num,.step .num{background:linear-gradient(135deg,var(--dc-coral),var(--dc-turq))}
.qty button{background:rgba(11,31,58,.06)}
.demo-callout{background:linear-gradient(100deg,rgba(11,31,58,.08),rgba(136,201,195,.10)),#fff;color:var(--dc-ink-2)}
.eyebrow{color:var(--dc-turq-deep)}
.hero .eyebrow,.page-hero .eyebrow,.music-band .eyebrow{color:var(--dc-turq)}
.stat-pills span{background:#fff;border-color:rgba(136,201,195,.4)}
.page-hero .stat-pills span{background:rgba(11,31,58,.45)}
h1 em,h2 em,.grad,.accent{color:var(--dc-coral)}

/* Photo overlays: warm turquoise-teal instead of midnight */
.city-tile::after{background:linear-gradient(0deg,rgba(11,31,58,.85) 0%,rgba(11,31,58,.25) 55%,transparent 100%)}
.vibe-card::after{background:linear-gradient(0deg,rgba(11,31,58,.82) 0%,rgba(11,31,58,.2) 55%,transparent 100%)}
.hero-copy,.page-hero .lead,.music-inner>p:not(.eyebrow),.page-hero .eyebrow,.music-inner .eyebrow{background:rgba(11,31,58,.32)}
.hero-kicker{background:rgba(11,31,58,.6);border-color:rgba(212,180,106,.5)}
.hero-cta-cities{background:rgba(11,31,58,.45);border-color:rgba(255,255,255,.55)}

/* Footer: deep lagoon with gold rule */
.footer{background:linear-gradient(165deg,#13294A,var(--dc-deep));border-top:0;box-shadow:none}
.footer::before{background:linear-gradient(90deg,var(--dc-gold),var(--dc-coral),var(--dc-turq));height:3px}
.footer h4{color:var(--dc-gold)}
.footer a:hover{color:var(--dc-turq)}

/* Player: deep lagoon pill */
.pp-music-dock__inner{background:rgba(11,31,58,.95)!important;border-color:rgba(136,201,195,.45)!important;box-shadow:0 12px 32px rgba(11,31,58,.28)!important}
.pp-music-dock__play,.pp-music-dock__start{background:var(--dc-coral)!important}
.pp-music-dock__play[data-state="playing"]{background:var(--dc-gold)!important;color:#2A1F05!important}
.pp-music-dock__sec,.pp-music-dock__volpct{color:var(--dc-turq)!important}

/* Header logo: dark-lettered version on the white nav (footer keeps the white one) */


/* ——— Yacht-specific polish ——— */
/* Photo areas: gold accents + gold CTAs so buttons read on dark photos */
.hero,.page-hero,.music-band{
  --s-sun-1:var(--dc-gold); --s-sun-2:var(--dc-gold);
  --s-grad:linear-gradient(0deg,var(--dc-gold),var(--dc-gold)); --s-grad-text:linear-gradient(0deg,#E6CD8F,var(--dc-gold));
  --s-lagoon:var(--dc-turq);
}
.hero .hero-cta-book,.hero .hero-chip-book,.page-hero .btn-primary,.music-band .btn-primary{background:var(--dc-gold)!important;color:var(--dc-ink)!important;box-shadow:0 10px 26px rgba(0,0,0,.25)}
.hero .hero-cta-book:hover,.page-hero .btn-primary:hover,.music-band .btn-primary:hover{background:#E0C47E!important}
.nav-cta{background:var(--dc-ink)!important;color:#fff!important;border:1px solid var(--dc-gold)}
.nav-cta:hover{background:var(--dc-coral-hover)!important}
.btn-primary,.btn-pay{letter-spacing:.02em}
.btn-ghost,.btn-secondary{color:var(--dc-ink);border-color:var(--dc-gold)}
.btn-ghost:hover,.btn-secondary:hover{background:rgba(212,180,106,.14)}
/* Gold hairlines + taupe details */
.card{border-top:2px solid var(--dc-gold)}
.eyebrow{color:var(--dc-gold-deep)}
.hero .eyebrow,.page-hero .eyebrow,.music-band .eyebrow{color:var(--dc-gold)}
.eyebrow::before{background:var(--dc-gold)}
h1 em,h2 em,.grad,.accent{color:var(--dc-gold-deep)}
.hero h1 em,.page-hero h1 em,.music-band h2 em{color:var(--dc-gold)}
.chip:hover,.chip.active,a.chip-link:hover,button.chip-link:hover{color:var(--dc-ink);border-color:var(--dc-gold);background:rgba(212,180,106,.14)}
.nav-links a.active{color:var(--dc-ink);background:rgba(212,180,106,.22)}
.nav-links a.active::after{background:var(--dc-gold)}
.nav-links a:hover{color:var(--dc-ink);background:rgba(196,181,160,.22)}
.ad-stream{background:linear-gradient(90deg,rgba(212,180,106,.18),rgba(136,201,195,.18),rgba(196,181,160,.22)),#FCFAF6}
.faq-item[open] summary::after{background:var(--dc-ink);color:var(--dc-gold)}
.faq-item summary::after{background:rgba(212,180,106,.2);color:var(--dc-ink)}
.stat-pills span{border-color:rgba(212,180,106,.5)}
.footer::before{background:linear-gradient(90deg,transparent,var(--dc-gold),transparent);height:1px}
.pp-music-dock__play,.pp-music-dock__start{background:var(--dc-gold)!important;color:var(--dc-ink)!important}
.pp-music-dock__play[data-state="playing"]{background:var(--dc-turq)!important;color:var(--dc-ink)!important}
.pp-music-dock__inner{border-color:rgba(212,180,106,.5)!important}
.pp-music-dock__sec,.pp-music-dock__volpct{color:var(--dc-gold)!important}
.sticky-book{background:var(--dc-ink)!important;border:1px solid var(--dc-gold)}
.proto-banner a{color:var(--dc-gold)}

/* Yacht: gold Book Now on photo cards is too loud; keep navy + gold hairline on white cards */
.card .btn-primary,.ev-card .btn-primary{background:var(--dc-ink)!important;color:#fff!important;border:1px solid var(--dc-gold)!important}
/* Yacht: gold "Who's in?" */
html body .hero h1.hero-title .whos-in,html body .hero h1.hero-title .whos-in em,html body .hero[data-hero-rebuild] h1.hero-title .whos-in,html body .hero[data-hero-rebuild] h1.hero-title .whos-in em{color:#D4B46A!important;-webkit-text-fill-color:#D4B46A!important;background:none!important}
/* Navy Book Now with gold outline (Frank 4:20) */
html body .btn-primary,html body .btn-pay,html body .nav-cta,html body .hero-cta-book,html body .hero-chip-book,html body .sticky-book,html body .card .btn-primary,html body .ev-card .btn-primary{background:#0B1F3A!important;color:#E6CD8F!important;border:2.5px solid #D4B46A!important;box-shadow:0 8px 20px rgba(0,0,0,.28)!important}
html body .btn-primary:hover,html body .btn-pay:hover,html body .nav-cta:hover,html body .hero-cta-book:hover,html body .card .btn-primary:hover{background:#162E52!important;color:#F0DDA8!important}
html body .hero .hero-cta-book,html body .hero .hero-chip-book,html body .page-hero .btn-primary,html body .music-band .btn-primary,html body .hero[data-hero-rebuild] .hero-cta-book{background:#0B1F3A!important;color:#E6CD8F!important;border:2.5px solid #D4B46A!important;box-shadow:0 8px 20px rgba(0,0,0,.28)!important}
html body .hero .hero-cta-book:hover,html body .music-band .btn-primary:hover{background:#162E52!important;color:#F0DDA8!important}
html body .card .card-buy,html body .card-actions .btn-primary{border:2.5px solid #D4B46A!important;outline:0!important;box-shadow:0 0 0 1px rgba(212,180,106,.35),0 8px 20px rgba(0,0,0,.22)!important}
/* Water fade behind "This week's heat", same as the Events page */
#on-calendar{background:url("../img/bg-water-o1.webp?v=o1") center center/cover no-repeat;padding-bottom:3.5rem}

/* Homepage: water backdrop behind everything under the nav, same as inner pages (0.4.24) */
body.pp2026 main#main{--wt:900px;position:relative;isolation:isolate;padding-bottom:56px}
body.pp2026 main#main::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;clip-path:inset(var(--wt) 0 0 0);z-index:-1;pointer-events:none;background-color:#bfe6ef;background-image:url("../img/bg-water.webp?v=1"),url("../img/bg-water-tile.webp?v=1");background-size:auto 1500px,auto 1650px;background-position:center var(--wt),center calc(var(--wt) + 675px);background-repeat:no-repeat,repeat-y}
body.pp2026.home main#main::before{background-image:url("../img/bg-water-o1.webp?v=o1"),url("../img/bg-water-o1-tile.webp?v=o1")}
body.pp2026.post-type-archive-product main#main::before{background-image:url("../img/bg-water-o1b.webp?v=o1b"),url("../img/bg-water-o1b-tile.webp?v=o1b")}
body.pp2026.page-id-50 main#main::before{background-image:url("../img/bg-water-o1b.webp?v=o1b"),url("../img/bg-water-o1b-tile.webp?v=o1b")}
/* FAQs: moving light ripples over the o1b backdrop (staging trial, 0.wo1d) */
body.pp2026.page-id-50 main#main::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;clip-path:inset(var(--wt) 0 0 0);z-index:-1;pointer-events:none;background-image:url("../img/bg-water-o1b-glint.webp?v=1"),url("../img/bg-water-o1b-glint.webp?v=1");background-size:1500px auto,1900px auto;background-repeat:repeat,repeat;mix-blend-mode:screen;opacity:.5;-webkit-mask-image:linear-gradient(180deg,transparent calc(var(--wt) + 80px),#000 calc(var(--wt) + 480px));mask-image:linear-gradient(180deg,transparent calc(var(--wt) + 80px),#000 calc(var(--wt) + 480px));animation:ppRipple 9s ease-in-out infinite alternate}
@keyframes ppRipple{0%{background-position:0 0,160px 90px}50%{background-position:-60px 40px,90px 30px}100%{background-position:-130px 15px,20px 110px}}
@media (prefers-reduced-motion:reduce){body.pp2026.page-id-50 main#main::after{animation:none}}
/* FAQs: same moving ripples on the newsletter band below main (it carries its own copy of the water) */
body.pp2026.page-id-50 .pp-subband{isolation:isolate}
body.pp2026.page-id-50 .pp-subband::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;pointer-events:none;background-image:url("../img/bg-water-o1b-glint.webp?v=1"),url("../img/bg-water-o1b-glint.webp?v=1");background-size:1500px auto,1900px auto;background-repeat:repeat,repeat;mix-blend-mode:screen;opacity:.5;animation:ppRipple 9s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){body.pp2026.page-id-50 .pp-subband::after{animation:none}}

/* Header logo on a navy tile with a gold edge, white-text logo (0.4.25) */
.nav .logo{background:#0B1F3A;padding:7px 16px;border-radius:14px;border:2px solid #D4B46A;box-shadow:0 6px 18px rgba(11,31,58,.28)}
.nav .logo-img{content:url("../img/pp-logo-footer.webp")!important}
body.pp2026 .nav .logo-img{content:url("../img/pp-logo-a.webp?v=2")!important}
@media (max-width:760px){.nav .logo{padding:5px 11px;border-radius:12px}}
/* Homepage: no section backgrounds below the cities, so the water runs unbroken (0.4.33) */
body.pp2026 #on-calendar,body.pp2026 #on-calendar~section,body.pp2026 .vibes,body.pp2026 #cities{background:transparent!important}
/* Hero kicker bolder (0.4.34) */
body.pp2026 .hero .hero-kicker{font-weight:800!important;font-size:.9rem!important;color:#F0DDA8!important;background:rgba(11,31,58,.82)!important;border:1.5px solid #D4B46A!important;padding:.55rem 1rem!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
/* Sun's out! (incl. the !) outlined in gold; kicker bigger (0.4.35) */
body.pp2026 .hero .sun-out{-webkit-text-stroke:2px #D4B46A!important;paint-order:stroke fill;text-shadow:0 0 18px rgba(212,180,106,.35)}
body.pp2026 .hero .hero-kicker{font-size:1rem!important;letter-spacing:.16em!important}
/* Who's in? outlined in navy (0.4.36) */
html body .hero h1.hero-title .whos-in em,html body .hero[data-hero-rebuild] h1.hero-title .whos-in em{-webkit-text-stroke:2px #0B1F3A!important;paint-order:stroke fill}
/* Sun's out! outlined in navy (0.4.37) */
html body .hero h1.hero-title .sun-out,body.pp2026 .hero .sun-out{-webkit-text-stroke:2px #0B1F3A!important;paint-order:stroke fill;text-shadow:none!important}
/* Browse cities: solid gold, navy text (0.4.38) */
html body .hero a.hero-cta.hero-cta-cities{background:#D4B46A!important;color:#0B1F3A!important;-webkit-text-fill-color:#0B1F3A!important;border:2px solid #D4B46A!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font-weight:800!important;text-shadow:none!important}
html body .hero a.hero-cta.hero-cta-cities:hover,html body .hero a.hero-cta.hero-cta-cities:focus-visible{background:#E2C885!important;border-color:#E2C885!important;color:#0B1F3A!important}
/* Browse cities: navy outline (0.4.39) */
html body .hero a.hero-cta.hero-cta-cities,html body .hero a.hero-cta.hero-cta-cities:hover,html body .hero a.hero-cta.hero-cta-cities:focus-visible{border:2px solid #0B1F3A!important}
/* Footer logo: same gold logo on a navy tile with a gold edge, all pages (0.4.41) */
.footer a.logo{background:#0B1F3A!important;padding:7px 16px!important;border-radius:14px!important;border:2px solid #D4B46A!important;box-shadow:0 6px 18px rgba(11,31,58,.28)!important}
.footer a.logo .logo-img{content:url("../img/pp-logo-a.webp?v=2")!important}
/* Gold logo in the header on all pages (0.4.43) */
.nav .logo-img{content:url("../img/pp-logo-a.webp?v=2")!important}
/* MENU-FONT-TRIAL (0.4.50) */
.nav-links a{font-family:"Oswald",system-ui,sans-serif!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.06em;font-size:1.06rem!important}
/* /MENU-FONT-TRIAL */

/* 0.4.65: let short card titles wrap instead of being cut off */
.team__item a.single-line-title,.team__item a.single-line-title .pp-card-title{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;max-height:none!important;height:auto!important}

/* 0.4.82 footer social icons */
.footer .pp-social{display:flex;gap:.6rem;margin-top:1.25rem}
.footer a.pp-social__a,.pp26c .footer a.pp-social__a{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;margin:0;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);color:#fff;transition:color .2s,border-color .2s,background .2s}
.footer a.pp-social__a:hover,.pp26c .footer a.pp-social__a:hover{color:#0B1F3A;background:#E6CD8F;border-color:#E6CD8F}

/* ===== 0.5.26 Same format on every page: homepage water + footer, nothing under the footer ===== */
html{background:#0B1F3A}
section.onetap-container-toggle{height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important}
.footer,.pp26c .footer,body.pp2026 .footer,body.pp-lean .footer{margin-top:0!important}
body.pp2026 main#main{padding-bottom:56px}
/* Blog posts: water under the photo hero, article on a white panel */
body.single-post #page{position:relative;background-color:#bfe6ef;background-image:url("../img/bg-water.webp?v=1"),url("../img/bg-water-tile.webp?v=1");background-size:auto 1500px,auto 1650px;background-position:center 400px,center 1075px;background-repeat:no-repeat,repeat-y}
body.single-post .fl-builder-content>.fl-row:not(.fl-row-bg-photo)>.fl-row-content-wrap{padding-top:2.5rem;padding-bottom:3.5rem;background:transparent}
body.single-post .fl-builder-content>.fl-row:not(.fl-row-bg-photo)>.fl-row-content-wrap>.fl-row-content{background:rgba(255,255,255,.96);border-radius:22px;padding:clamp(1.25rem,3vw,2.5rem);box-shadow:0 14px 34px rgba(11,31,58,.12)}

/* 0.5.35: homepage section eyebrows gold on white tile (Frank) */
#cities .section-head .eyebrow,.vibes .section-head .eyebrow,#on-calendar .section-head .eyebrow,.how-works .section-head .eyebrow{color:#D4B46A!important;background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);border:1px solid rgba(255,255,255,.6);display:inline-flex;align-items:center;padding:.4rem .8rem;border-radius:10px;box-shadow:0 4px 18px rgba(11,31,58,.08),inset 0 1px 0 rgba(255,255,255,.7)}
#cities .section-head .eyebrow::before,.vibes .section-head .eyebrow::before,#on-calendar .section-head .eyebrow::before,.how-works .section-head .eyebrow::before{background:#D4B46A}
/* 0.5.38: no tile on City picker (Frank) */
#cities .section-head .eyebrow{background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important}
/* 0.5.39: softer glass edges (Frank) */
.vibes .section-head .eyebrow,#on-calendar .section-head .eyebrow,.how-works .section-head .eyebrow{border:0!important;border-radius:999px!important;box-shadow:0 0 18px 6px rgba(255,255,255,.45),0 6px 24px rgba(11,31,58,.06)!important;padding:.45rem 1rem!important}

/* Event tiles: keep heads in frame, crop from the bottom instead of the middle (0.5.50) */
.card-media img,body.pp2026 .card-media img{object-position:50% 8%}

/* 0.5.54 — slim mobile cookie bar + keep OneTap button off it */
@media (max-width:899px){
  html body .cky-consent-container{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important}
  html body .cky-consent-container .cky-consent-bar{padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;border-radius:14px 14px 0 0!important;max-height:none!important}
  html body .cky-consent-container .cky-title{font-size:15px!important;margin:0 0 4px!important;line-height:1.25!important}
  html body .cky-consent-container .cky-notice-des,html body .cky-consent-container .cky-notice-des *{font-size:12.5px!important;line-height:1.4!important}
  html body .cky-consent-container .cky-notice-des{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;max-height:3.6em!important;margin:0!important}
  html body .cky-consent-container .cky-notice-group{display:block!important}
  html body .cky-consent-container .cky-notice-btn-wrapper{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;margin:10px 0 0!important;padding:0!important}
  html body .cky-consent-container .cky-notice-btn-wrapper .cky-btn{flex:1 1 0!important;width:auto!important;margin:0!important;padding:9px 6px!important;font-size:13px!important;line-height:1.2!important;min-height:40px!important}
  html body .cky-consent-container .cky-notice-btn-wrapper .cky-btn-accept{order:3!important}
  html body .cky-consent-container .cky-notice-btn-wrapper .cky-btn-reject{order:2!important}
  html body .cky-consent-container .cky-notice-btn-wrapper .cky-btn-customize{order:1!important}
}
body:has(.cky-consent-container:not(.cky-hide)) .onetap-container-toggle{display:none!important}
/* 0.5.94 logo A size */
html body .nav .logo-img,html body .footer a.logo .logo-img{content:url("../img/pp-logo-a.webp?v=2")!important;height:46px!important;max-height:46px!important;width:auto!important}
@media (max-width:760px){html body .nav .logo-img{height:38px!important;max-height:38px!important}}
/* 0.5.97 trust strip: 3 items (21+ removed) */
.trust{grid-template-columns:1fr!important}.trust div{border-right:0!important;border-bottom:1px solid var(--s-line)!important}.trust div:last-child{border-bottom:0!important}
@media(min-width:760px){.trust{grid-template-columns:repeat(3,1fr)!important}.trust div{border-bottom:0!important;border-right:1px solid var(--s-line)!important}.trust div:last-child{border-right:0!important}}
.trust div{text-align:center!important}

/* Footer credit (0.6.9): small muted line in the copyright row, gold on hover */
.footer .footer-bottom .pp-credit{font-size:inherit;color:inherit;letter-spacing:.01em}
.footer .footer-bottom .pp-credit a{display:inline;margin:0;font-size:inherit;font-weight:600;color:inherit;text-decoration:underline;text-decoration-color:rgba(212,180,106,.45);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}
.footer .footer-bottom .pp-credit a:hover,.footer .footer-bottom .pp-credit a:focus-visible{color:var(--pp-gold,#D4B46A)!important;text-decoration-color:currentColor}
.footer .footer-bottom{justify-content:flex-start}
.footer .footer-bottom .pp-credit__sep{margin:0 .15em;opacity:.55}

/* New logo 0.6.11 (concept 1L hybrid oval): transparent SVGs, navy art on the light glass header, gold art on the navy footer.
   No more navy chip around the logo; these rules win over the older Logo A content:url() overrides above. */
html body .footer a.logo,html body .pp26c .footer a.logo{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
html body .footer a.logo .logo-img,html body .pp26c .footer a.logo .logo-img{content:url("../img/pp-logo-c3-footer.png?v=3")!important;content:image-set(url("../img/pp-logo-c3-footer.webp?v=3") type("image/webp"),url("../img/pp-logo-c3-footer.png?v=3") type("image/png"))!important;height:96px!important;max-height:96px!important;width:auto!important;max-width:none!important}
@media (max-width:760px){html body .footer a.logo .logo-img,html body .pp26c .footer a.logo .logo-img{height:88px!important;max-height:88px!important}}
/* Header logo (0.6.14, Frank: option A styling, a little bigger): navy-art logo straight on the white glass header, no tile.
   Logo 74px desktop / 60px mobile (was 64 / 54); header ~94px / ~80px, so --nav-h follows (+10px / +6px) to keep drawer, sticky sidebars, anchors and inner-page offsets clear. */
html body header.nav.nav a.logo.logo.logo{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;line-height:0}
html body header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{content:url("../img/pp-logo-c3-navy.png?v=3")!important;content:image-set(url("../img/pp-logo-c3-navy.webp?v=3") type("image/webp"),url("../img/pp-logo-c3-navy.png?v=3") type("image/png"))!important;height:92px!important;max-height:92px!important;width:auto!important;max-width:none!important}
html:root,html body,html body .pp26c{--nav-h:82px}
html body.pp26-inner{padding-top:var(--nav-h)}
html{scroll-padding-top:calc(var(--nav-h) + 1.25rem)}
@media (max-width:760px){html body header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:72px!important;max-height:72px!important}html:root,html body,html body .pp26c{--nav-h:78px}}

/* Logo c2-a site-wide (0.6.17, Frank: "c2-a goes across all"): the header/footer rules above now point at pp-logo-2026b-{navy,gold}-art.svg on every page; the 0.6.15 home-only override is no longer needed. Sizes unchanged (header 74px / 60px, footer 96px / 88px). 1L files stay in assets/img as a backup. */
/* Logo C fill 3 (0.6.37, Frank 2026-10-03 23:37 ET, staging): Playfair Display ExtraBold wordmark, pale gold circle fill #F5E9CC. Header pp-logo-c3-navy (WebP + PNG fallback, 2x), 92px desktop / 72px mobile (was 74 / 60);
   footer pp-logo-c3-footer (white wordmark, gold .com), height unchanged 96px / 88px. --nav-h unchanged (as in Frank's preview). Old 2026b SVGs stay in assets/img as a backup. */

/* 0.6.47 More Info beside Book Now: equal width, wrap cleanly */
.card-actions .card-info,.card-actions .card-buy{flex:1;justify-content:center;text-align:center} /* same as the Events page cards */

/* Home-page-only logo preview (0.6.59, Frank approved duck A for preview, Oct 7 2026): new round badge + "poolparty" wordmark with ".com" under "party".
   Front page only (body.home.pp2026 = templates/front.php); every other page keeps the c3 files above. Same approach as the 0.6.15 c2-a home preview.
   Files: pp-logo-duck-a-header (transparent, navy wordmark, 574x184 = 2x of 88px) and pp-logo-duck-a-footer (transparent, white wordmark, 599x192 = 2x of 96px), WebP + PNG fallback.
   The logo is ~3.12:1 (c3 was 2.42:1), so heights drop to keep the header no taller and clear of the nav:
   header 88px desktop (275px wide; header 108px, was 112), 74px from 1060-1179px where the nav links are tight, 62px <=760px, 56px <=380px, 50px <=359px;
   footer 96px desktop (300px wide), 84px from 761-1099px, 88px <=760px. --nav-h unchanged. */
html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{content:url("../img/pp-logo-duck-a-header.png?v=1")!important;content:image-set(url("../img/pp-logo-duck-a-header.webp?v=1") type("image/webp"),url("../img/pp-logo-duck-a-header.png?v=1") type("image/png"))!important;height:88px!important;max-height:88px!important;width:auto!important;max-width:none!important}
html body.home.pp2026 .footer a.logo .logo-img,html body.home.pp2026 .pp26c .footer a.logo .logo-img{content:url("../img/pp-logo-duck-a-footer.png?v=1")!important;content:image-set(url("../img/pp-logo-duck-a-footer.webp?v=1") type("image/webp"),url("../img/pp-logo-duck-a-footer.png?v=1") type("image/png"))!important;height:96px!important;max-height:96px!important;width:auto!important;max-width:none!important}
@media (min-width:1060px) and (max-width:1179px){html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:74px!important;max-height:74px!important}}
@media (min-width:761px) and (max-width:1099px){html body.home.pp2026 .footer a.logo .logo-img,html body.home.pp2026 .pp26c .footer a.logo .logo-img{height:84px!important;max-height:84px!important}}
@media (max-width:760px){html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:62px!important;max-height:62px!important}html body.home.pp2026 .footer a.logo .logo-img,html body.home.pp2026 .pp26c .footer a.logo .logo-img{height:88px!important;max-height:88px!important}}
@media (max-width:380px){html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:56px!important;max-height:56px!important}}
@media (max-width:359px){html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:50px!important;max-height:50px!important}}

/* 0.6.66 rubber-duck logo site-wide (Frank pick "1", Oct 9 2026 2:33 AM ET): Oct 8 rubber-duck logo, "asis" (duck faces the wordmark).
   Replaces Logo C fill 3 (inner pages) and the 0.6.59 duck A home preview. Files pp-logo-duck-r-header (transparent, navy wordmark) and
   pp-logo-duck-r-footer (transparent, white wordmark), 1x + 2x, WebP + PNG; header 277x88 / 554x176, footer 302x96 / 604x192 (~3.15:1).
   Sizes = the 0.6.59 duck A home sizes on every page: header 88px, 74px at 1060-1179px, 62px <=760px, 56px <=380px, 50px <=359px;
   footer 96px, 84px at 761-1099px, 88px <=760px. c3 + duck A files stay in assets/img as a backup. */
html body header.nav.nav a.logo.logo .logo-img.logo-img.logo-img,html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{content:url("../img/pp-logo-duck-r-header-2x.png?v=1")!important;content:image-set(url("../img/pp-logo-duck-r-header.webp?v=1") type("image/webp") 1x,url("../img/pp-logo-duck-r-header-2x.webp?v=1") type("image/webp") 2x,url("../img/pp-logo-duck-r-header.png?v=1") type("image/png") 1x,url("../img/pp-logo-duck-r-header-2x.png?v=1") type("image/png") 2x)!important;height:88px!important;max-height:88px!important;width:auto!important;max-width:none!important}
html body .footer a.logo .logo-img,html body .pp26c .footer a.logo .logo-img,html body.home.pp2026 .footer a.logo .logo-img,html body.home.pp2026 .pp26c .footer a.logo .logo-img{content:url("../img/pp-logo-duck-r-footer-2x.png?v=1")!important;content:image-set(url("../img/pp-logo-duck-r-footer.webp?v=1") type("image/webp") 1x,url("../img/pp-logo-duck-r-footer-2x.webp?v=1") type("image/webp") 2x,url("../img/pp-logo-duck-r-footer.png?v=1") type("image/png") 1x,url("../img/pp-logo-duck-r-footer-2x.png?v=1") type("image/png") 2x)!important;height:96px!important;max-height:96px!important;width:auto!important;max-width:none!important}
@media (min-width:1060px) and (max-width:1179px){html body header.nav.nav a.logo.logo .logo-img.logo-img.logo-img,html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:74px!important;max-height:74px!important}}
@media (min-width:761px) and (max-width:1099px){html body .footer a.logo .logo-img,html body .pp26c .footer a.logo .logo-img,html body.home.pp2026 .footer a.logo .logo-img,html body.home.pp2026 .pp26c .footer a.logo .logo-img{height:84px!important;max-height:84px!important}}
@media (max-width:760px){html body header.nav.nav a.logo.logo .logo-img.logo-img.logo-img,html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:62px!important;max-height:62px!important}html body .footer a.logo .logo-img,html body .pp26c .footer a.logo .logo-img,html body.home.pp2026 .footer a.logo .logo-img,html body.home.pp2026 .pp26c .footer a.logo .logo-img{height:88px!important;max-height:88px!important}}
@media (max-width:380px){html body header.nav.nav a.logo.logo .logo-img.logo-img.logo-img,html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:56px!important;max-height:56px!important}}
@media (max-width:359px){html body header.nav.nav a.logo.logo .logo-img.logo-img.logo-img,html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:50px!important;max-height:50px!important}}

/* ——— 0.6.85 hero size tiers (T2 landing / T3 detail / T4 utility). Pass (.ppx-hero) keeps its own padding/layout so the ticket does not move. Add-only: sets min-height + headline size; hero grows if its copy needs room; text bottom-aligned; top padding = header + 24px. ——— */
html body .page-hero.pp-t2:not(.ppx-hero),html body .page-hero.pp-t3,html body .page-hero.pp-t4{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;box-sizing:border-box!important;padding-top:calc(var(--pp-hdr-h,108px) + 24px)!important;padding-bottom:3rem!important}
html body .page-hero.pp-t2>.wrap,html body .page-hero.pp-t3>.wrap,html body .page-hero.pp-t4>.wrap{width:min(1240px,calc(100% - 2.5rem))}
html body .page-hero.pp-t2{min-height:65vh!important;min-height:65svh!important}
html body .page-hero.pp-t3{min-height:50vh!important;min-height:50svh!important}
html body .page-hero.pp-t4{min-height:max(40vh,320px)!important;min-height:max(40svh,320px)!important}
html body .page-hero.pp-t2 h1{font-size:86px!important}
html body .page-hero.pp-t3 h1{font-size:64px!important}
html body .page-hero.pp-t4 h1{font-size:56px!important}
@media(max-width:700px){
 html body .page-hero.pp-t2:not(.ppx-hero),html body .page-hero.pp-t3,html body .page-hero.pp-t4{padding-top:calc(var(--pp-hdr-h-m,60px) + 24px)!important;padding-bottom:28px!important}
 html body .page-hero.pp-t2>.wrap,html body .page-hero.pp-t3>.wrap,html body .page-hero.pp-t4>.wrap{width:calc(100% - 2rem)}
 html body .page-hero.pp-t2{min-height:55vh!important;min-height:55svh!important}
 html body .page-hero.pp-t3{min-height:45vh!important;min-height:45svh!important}
 html body .page-hero.pp-t4{min-height:34vh!important;min-height:34svh!important}
 html body .page-hero.pp-t2 h1{font-size:34px!important}
 html body .page-hero.pp-t3 h1{font-size:32px!important}
 html body .page-hero.pp-t4 h1{font-size:30px!important}
}

/* 0.6.88: Frank swap - Events uses FAQs crowd photo; FAQs (not pp-plain) uses hero-events.webp with option A positioning. Overrides 0.6.87 lines above. */
html body .page-hero.events::before{background-image:url("../img/hero-faqs-crowd.webp")!important;background-size:cover!important;background-position:50% 40%!important}@media (max-width:700px){html body .page-hero.events::before{background-image:url("../img/hero-faqs-crowd-m.webp")!important;background-size:cover!important;background-position:50% 45%!important}}html body .page-hero.faqs:not(.pp-plain)::before{background-image:url("../img/hero-events.webp")!important;background-position:50% 12%!important}@media (max-width:700px){html body .page-hero.faqs:not(.pp-plain)::before{background-image:url("../img/hero-events.webp")!important;background-size:auto 112%!important;background-position:58% 0%!important}}
/* 0.6.89: homepage Pass card = home-pass-card(-m).webp: full-bleed bright crowd photo (27440, same shot as tile 27479) + the golden ticket from 27479 top right, clear of the text. Short bottom gradient only. */
html body .vibe-card--pass img.vibe-pass-img{object-position:50% 50%}
html body .vibe-card--pass::after{background:linear-gradient(0deg,rgba(11,31,58,.55) 0%,rgba(11,31,58,.28) 28%,rgba(11,31,58,0) 50%)}
html body .vibe-card--pass .vibe-body h3,html body .vibe-card--pass .vibe-body p{text-shadow:0 1px 3px rgba(0,0,0,.6),0 2px 14px rgba(0,0,0,.45)}

/* footer-1021: copyright+credit centered above divider */
.footer .footer-bottom,.pp26c .footer .footer-bottom,.pp26c .footer-bottom{justify-content:center!important;text-align:center;border-top:0!important;border-bottom:1px solid var(--s-line);padding-top:0;padding-bottom:1.4rem}


/* A2 logo — homepage ONLY (Oct 26 2026 swap). Events gets Imagine; other pages stay duck-r. Backup: ppbk-logo-swap-home-events-1026 */
html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{
  content:url("../img/pp-logo-a2-header-2x.png?v=3")!important;
  content:image-set(url("../img/pp-logo-a2-header.webp?v=3") type("image/webp") 1x,url("../img/pp-logo-a2-header-2x.webp?v=3") type("image/webp") 2x,url("../img/pp-logo-a2-header.png?v=3") type("image/png") 1x,url("../img/pp-logo-a2-header-2x.png?v=3") type("image/png") 2x)!important;
  height:88px!important;max-height:88px!important;width:auto!important;max-width:none!important;
}
html body.home.pp2026 .footer a.logo .logo-img,html body.home.pp2026 .pp26c .footer a.logo .logo-img{
  content:url("../img/pp-logo-a2-footer-2x.png?v=3")!important;
  content:image-set(url("../img/pp-logo-a2-footer.webp?v=3") type("image/webp") 1x,url("../img/pp-logo-a2-footer-2x.webp?v=3") type("image/webp") 2x,url("../img/pp-logo-a2-footer.png?v=3") type("image/png") 1x,url("../img/pp-logo-a2-footer-2x.png?v=3") type("image/png") 2x)!important;
  height:96px!important;max-height:96px!important;width:auto!important;max-width:none!important;
}
@media (min-width:1060px) and (max-width:1179px){html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:74px!important;max-height:74px!important}}
@media (min-width:761px) and (max-width:1099px){html body.home.pp2026 .footer a.logo .logo-img,html body.home.pp2026 .pp26c .footer a.logo .logo-img{height:84px!important;max-height:84px!important}}
@media (max-width:760px){html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:62px!important;max-height:62px!important}html body.home.pp2026 .footer a.logo .logo-img,html body.home.pp2026 .pp26c .footer a.logo .logo-img{height:88px!important;max-height:88px!important}}
@media (max-width:380px){html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:56px!important;max-height:56px!important}}
@media (max-width:359px){html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:50px!important;max-height:50px!important}}

/* Imagine logo — Events archive ONLY (/events/, shop archive + pp-lean). Home has A2; other pages stay duck-r. Backup: ppbk-logo-swap-home-events-1026 */
html body.post-type-archive-product.pp-lean.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{
  content:url("../img/pp-logo-imagine-header-2x.png?v=2")!important;
  content:image-set(url("../img/pp-logo-imagine-header.webp?v=2") type("image/webp") 1x,url("../img/pp-logo-imagine-header-2x.webp?v=2") type("image/webp") 2x,url("../img/pp-logo-imagine-header.png?v=2") type("image/png") 1x,url("../img/pp-logo-imagine-header-2x.png?v=2") type("image/png") 2x)!important;
  height:88px!important;max-height:88px!important;width:auto!important;max-width:none!important;
}
html body.post-type-archive-product.pp-lean.pp2026 .footer a.logo .logo-img,html body.post-type-archive-product.pp-lean.pp2026 .pp26c .footer a.logo .logo-img{
  content:url("../img/pp-logo-imagine-footer-2x.png?v=2")!important;
  content:image-set(url("../img/pp-logo-imagine-footer.webp?v=2") type("image/webp") 1x,url("../img/pp-logo-imagine-footer-2x.webp?v=2") type("image/webp") 2x,url("../img/pp-logo-imagine-footer.png?v=2") type("image/png") 1x,url("../img/pp-logo-imagine-footer-2x.png?v=2") type("image/png") 2x)!important;
  height:96px!important;max-height:96px!important;width:auto!important;max-width:none!important;
}
@media (min-width:1060px) and (max-width:1179px){html body.post-type-archive-product.pp-lean.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:74px!important;max-height:74px!important}}
@media (min-width:761px) and (max-width:1099px){html body.post-type-archive-product.pp-lean.pp2026 .footer a.logo .logo-img,html body.post-type-archive-product.pp-lean.pp2026 .pp26c .footer a.logo .logo-img{height:84px!important;max-height:84px!important}}
@media (max-width:760px){html body.post-type-archive-product.pp-lean.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:62px!important;max-height:62px!important}html body.post-type-archive-product.pp-lean.pp2026 .footer a.logo .logo-img,html body.post-type-archive-product.pp-lean.pp2026 .pp26c .footer a.logo .logo-img{height:88px!important;max-height:88px!important}}
@media (max-width:380px){html body.post-type-archive-product.pp-lean.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:56px!important;max-height:56px!important}}
@media (max-width:359px){html body.post-type-archive-product.pp-lean.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:50px!important;max-height:50px!important}}

/* UW-v14z thin gold outline on scene (smooth sides); wordmark unchanged — homepage ONLY (Oct 28 2026 polish; transparent RGBA, white footer wordmark). Overrides A2/uw14 home. Backup: deploy/backup-pre-v14 */
html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{
  content:url("../img/pp-logo-uw-v14z-header-2x.png?v=uw14z")!important;
  content:image-set(url("../img/pp-logo-uw-v14z-header.webp?v=uw14z") type("image/webp") 1x,url("../img/pp-logo-uw-v14z-header-2x.webp?v=uw14z") type("image/webp") 2x,url("../img/pp-logo-uw-v14z-header.png?v=uw14z") type("image/png") 1x,url("../img/pp-logo-uw-v14z-header-2x.png?v=uw14z") type("image/png") 2x)!important;
  height:118px!important;max-height: 118px!important;width:auto!important;max-width:none!important;
}
html body.home.pp2026 .footer a.logo .logo-img,html body.home.pp2026 .pp26c .footer a.logo .logo-img{
  content:url("../img/pp-logo-uw-v14z-footer-2x.png?v=uw14z")!important;
  content:image-set(url("../img/pp-logo-uw-v14z-footer.webp?v=uw14z") type("image/webp") 1x,url("../img/pp-logo-uw-v14z-footer-2x.webp?v=uw14z") type("image/webp") 2x,url("../img/pp-logo-uw-v14z-footer.png?v=uw14z") type("image/png") 1x,url("../img/pp-logo-uw-v14z-footer-2x.png?v=uw14z") type("image/png") 2x)!important;
  height:130px!important;max-height: 130px!important;width:auto!important;max-width:none!important;
}
@media (min-width:1060px) and (max-width:1179px){html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:100px!important;max-height: 100px!important}}
@media (min-width:761px) and (max-width:1099px){html body.home.pp2026 .footer a.logo .logo-img,html body.home.pp2026 .pp26c .footer a.logo .logo-img{height:116px!important;max-height: 116px!important}}
@media (max-width:760px){html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:88px!important;max-height: 88px!important}html body.home.pp2026 .footer a.logo .logo-img,html body.home.pp2026 .pp26c .footer a.logo .logo-img{height:120px!important;max-height: 120px!important}}
@media (max-width:380px){html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:80px!important;max-height: 80px!important}}
@media (max-width:359px){html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:74px!important;max-height: 74px!important}}

/* UW-v14z mobile footer size: slightly smaller so lockup feels designed, not oversized on navy */
@media (max-width:760px){html body.home.pp2026 .footer a.logo .logo-img,html body.home.pp2026 .pp26c .footer a.logo .logo-img{height:114px!important;max-height: 114px!important}}
@media (max-width:390px){html body.home.pp2026 .footer a.logo .logo-img,html body.home.pp2026 .pp26c .footer a.logo .logo-img{height:108px!important;max-height: 108px!important}}
/* ticket2 (wider, 2:1 seam-widened art; was ticket1) (Oct 28 2026, Frank, STAGING): navy/gold daytime ticket logo on inner pages (venues etc.) header + footer. Home (uw-v14z) untouched via :not(.home). Header 96px / footer 110px desktop; 64px / 72px mobile. */
html body:not(.home):not(.post-type-archive-product) header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{content:url("../img/pp-logo-ticket-v2-header-2x.png?v=ticket2")!important;content:image-set(url("../img/pp-logo-ticket-v2-header.webp?v=ticket2") type("image/webp") 1x,url("../img/pp-logo-ticket-v2-header-2x.webp?v=ticket2") type("image/webp") 2x,url("../img/pp-logo-ticket-v2-header.png?v=ticket2") type("image/png") 1x,url("../img/pp-logo-ticket-v2-header-2x.png?v=ticket2") type("image/png") 2x)!important;height:112px!important;max-height:112px!important;width:auto!important;max-width:300px!important;object-fit:contain}
html body:not(.home):not(.post-type-archive-product) .footer a.logo.logo .logo-img.logo-img,html body:not(.home):not(.post-type-archive-product) .pp26c .footer a.logo.logo .logo-img.logo-img{content:url("../img/pp-logo-ticket-v2-footer-2x.png?v=ticket2")!important;content:image-set(url("../img/pp-logo-ticket-v2-footer.webp?v=ticket2") type("image/webp") 1x,url("../img/pp-logo-ticket-v2-footer-2x.webp?v=ticket2") type("image/webp") 2x,url("../img/pp-logo-ticket-v2-footer.png?v=ticket2") type("image/png") 1x,url("../img/pp-logo-ticket-v2-footer-2x.png?v=ticket2") type("image/png") 2x)!important;height:136px!important;max-height:136px!important;width:auto!important;max-width:300px!important;object-fit:contain}
@media (min-width:761px) and (max-width:1179px){html body:not(.home):not(.post-type-archive-product) header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:100px!important;max-height:100px!important}}
@media (max-width:760px){html body:not(.home):not(.post-type-archive-product) header.nav.nav a.logo.logo .logo-img.logo-img.logo-img{height:70px!important;max-height:70px!important}html body:not(.home):not(.post-type-archive-product) .footer a.logo.logo .logo-img.logo-img,html body:not(.home):not(.post-type-archive-product) .pp26c .footer a.logo.logo .logo-img.logo-img{height:75px!important;max-height:75px!important}}

/* ticket3 (Oct 29 2026, Frank, STAGING): native-wide redraw (cand D) on the ADVERTISE page only (page-id-48). Other inner pages keep ticket2. Backup: ~/ppbk-ticket-v3-20261028-235900 */
html body.page-id-48.pp-lean:not(.home) header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img{content:url("../img/pp-logo-ticket-v3-header-2x.png?v=ticket3b")!important;content:image-set(url("../img/pp-logo-ticket-v3-header.webp?v=ticket3b") type("image/webp") 1x,url("../img/pp-logo-ticket-v3-header-2x.webp?v=ticket3b") type("image/webp") 2x,url("../img/pp-logo-ticket-v3-header.png?v=ticket3b") type("image/png") 1x,url("../img/pp-logo-ticket-v3-header-2x.png?v=ticket3b") type("image/png") 2x)!important;height:112px!important;max-height:112px!important;width:auto!important;max-width:300px!important;aspect-ratio:1196/576!important}
html body.page-id-48.pp-lean:not(.home) .footer a.logo.logo .logo-img.logo-img.logo-img,html body.page-id-48.pp-lean:not(.home) .pp26c .footer a.logo.logo .logo-img.logo-img.logo-img{content:url("../img/pp-logo-ticket-v3-footer-2x.png?v=ticket3b")!important;content:image-set(url("../img/pp-logo-ticket-v3-footer.webp?v=ticket3b") type("image/webp") 1x,url("../img/pp-logo-ticket-v3-footer-2x.webp?v=ticket3b") type("image/webp") 2x,url("../img/pp-logo-ticket-v3-footer.png?v=ticket3b") type("image/png") 1x,url("../img/pp-logo-ticket-v3-footer-2x.png?v=ticket3b") type("image/png") 2x)!important;height:136px!important;max-height:136px!important;width:auto!important;max-width:300px!important;aspect-ratio:1196/576!important}
@media (min-width:761px) and (max-width:1179px){html body.page-id-48.pp-lean:not(.home) header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img{height:100px!important;max-height:100px!important}}

/* hero-font Oct 29 2026: Shrikhand on the homepage hero headline only (rollback: delete this block) */
html body .hero h1.hero-title{font-family:"Shrikhand","Bricolage Grotesque","Inter Tight",system-ui,sans-serif;font-weight:400;font-size:clamp(2.6rem,6.4vw,5.6rem);letter-spacing:0;line-height:1.02}
@media(max-width:640px){html body .hero h1.hero-title{font-size:clamp(2.3rem,10.5vw,3.3rem)}}

/* antb1 (Oct 30 2026, Frank picked, STAGING): Anthony ticket B gold v2 logo, HOMEPAGE header + footer only. Overrides UW-v14z. 2000x900 art, aspect kept (width auto). Rollback: delete this block (or restore backup ~/ppbk-logo-antb-1030). */
html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img{content:url("../img/pp-logo-ticket-anthony-b-header-2x.png?v=antb1")!important;content:image-set(url("../img/pp-logo-ticket-anthony-b-header.webp?v=antb1") type("image/webp") 1x,url("../img/pp-logo-ticket-anthony-b-header-2x.webp?v=antb1") type("image/webp") 2x,url("../img/pp-logo-ticket-anthony-b-header.png?v=antb1") type("image/png") 1x,url("../img/pp-logo-ticket-anthony-b-header-2x.png?v=antb1") type("image/png") 2x)!important;height:104px!important;max-height:104px!important;width:auto!important;max-width:none!important;aspect-ratio:2000/900!important;object-fit:contain!important;background:none!important}
html body.home.pp2026 .footer a.logo.logo .logo-img.logo-img.logo-img.logo-img,html body.home.pp2026 .pp26c .footer a.logo.logo .logo-img.logo-img.logo-img.logo-img{content:url("../img/pp-logo-ticket-anthony-b-footer-2x.png?v=antb1")!important;content:image-set(url("../img/pp-logo-ticket-anthony-b-footer.webp?v=antb1") type("image/webp") 1x,url("../img/pp-logo-ticket-anthony-b-footer-2x.webp?v=antb1") type("image/webp") 2x,url("../img/pp-logo-ticket-anthony-b-footer.png?v=antb1") type("image/png") 1x,url("../img/pp-logo-ticket-anthony-b-footer-2x.png?v=antb1") type("image/png") 2x)!important;height:110px!important;max-height:110px!important;width:auto!important;max-width:none!important;aspect-ratio:2000/900!important;object-fit:contain!important;background:none!important}
html body.home.pp2026 header.nav.nav a.logo.logo,html body.home.pp2026 .footer a.logo.logo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
@media (min-width:1060px) and (max-width:1179px){html body.home.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img{height:90px!important;max-height:90px!important}}
@media (min-width:761px) and (max-width:1099px){html body.home.pp2026 .footer a.logo.logo .logo-img.logo-img.logo-img.logo-img,html body.home.pp2026 .pp26c .footer a.logo.logo .logo-img.logo-img.logo-img.logo-img{height:100px!important;max-height:100px!important}}

/* antc1 (Oct 30 2026, Frank, STAGING): Anthony ticket C gold/blue/white v2 logo, EVENTS page (/events/) header + footer only. Overrides UW-v14z. 2000x900 art, aspect kept (width auto). Rollback: delete this block (or restore backup ~/ppbk-logo-antc-1030). */
html body.post-type-archive-product.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img{content:url("../img/pp-logo-ticket-anthony-c-header-2x.png?v=antc1")!important;content:image-set(url("../img/pp-logo-ticket-anthony-c-header.webp?v=antc1") type("image/webp") 1x,url("../img/pp-logo-ticket-anthony-c-header-2x.webp?v=antc1") type("image/webp") 2x,url("../img/pp-logo-ticket-anthony-c-header.png?v=antc1") type("image/png") 1x,url("../img/pp-logo-ticket-anthony-c-header-2x.png?v=antc1") type("image/png") 2x)!important;height:104px!important;max-height:104px!important;width:auto!important;max-width:none!important;aspect-ratio:2000/900!important;object-fit:contain!important;background:none!important}
html body.post-type-archive-product.pp2026 .footer a.logo.logo .logo-img.logo-img.logo-img.logo-img,html body.post-type-archive-product.pp2026 .pp26c .footer a.logo.logo .logo-img.logo-img.logo-img.logo-img{content:url("../img/pp-logo-ticket-anthony-c-footer-2x.png?v=antc1")!important;content:image-set(url("../img/pp-logo-ticket-anthony-c-footer.webp?v=antc1") type("image/webp") 1x,url("../img/pp-logo-ticket-anthony-c-footer-2x.webp?v=antc1") type("image/webp") 2x,url("../img/pp-logo-ticket-anthony-c-footer.png?v=antc1") type("image/png") 1x,url("../img/pp-logo-ticket-anthony-c-footer-2x.png?v=antc1") type("image/png") 2x)!important;height:110px!important;max-height:110px!important;width:auto!important;max-width:none!important;aspect-ratio:2000/900!important;object-fit:contain!important;background:none!important}
html body.post-type-archive-product.pp2026 header.nav.nav a.logo.logo,html body.post-type-archive-product.pp2026 .footer a.logo.logo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
@media (min-width:1060px) and (max-width:1179px){html body.post-type-archive-product.pp2026 header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img{height:90px!important;max-height:90px!important}}
@media (min-width:761px) and (max-width:1099px){html body.post-type-archive-product.pp2026 .footer a.logo.logo .logo-img.logo-img.logo-img.logo-img,html body.post-type-archive-product.pp2026 .pp26c .footer a.logo.logo .logo-img.logo-img.logo-img.logo-img{height:100px!important;max-height:100px!important}}

/* antf1 (Oct 30 2026, Frank, STAGING): Anthony ticket F short-big logo (2850x1000), VENUES listing (page-id-43) + single /venue/ pages, header + footer. Height-sized, width auto. Rollback: sh ~/ppbk-logo-antf-1030/rollback.sh */
html body.page-id-43.pp-lean header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img,html body.single-venue.pp-lean header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img{content:url("../img/pp-logo-ticket-anthony-f-header-2x.png?v=antf1")!important;content:image-set(url("../img/pp-logo-ticket-anthony-f-header.webp?v=antf1") type("image/webp") 1x,url("../img/pp-logo-ticket-anthony-f-header-2x.webp?v=antf1") type("image/webp") 2x,url("../img/pp-logo-ticket-anthony-f-header.png?v=antf1") type("image/png") 1x,url("../img/pp-logo-ticket-anthony-f-header-2x.png?v=antf1") type("image/png") 2x)!important;height:104px!important;max-height:104px!important;width:auto!important;max-width:none!important;aspect-ratio:2850/1000!important;object-fit:contain!important;background:none!important}
html body.page-id-43.pp-lean .footer a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img,html body.single-venue.pp-lean .footer a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img{content:url("../img/pp-logo-ticket-anthony-f-footer-2x.png?v=antf1")!important;content:image-set(url("../img/pp-logo-ticket-anthony-f-footer.webp?v=antf1") type("image/webp") 1x,url("../img/pp-logo-ticket-anthony-f-footer-2x.webp?v=antf1") type("image/webp") 2x,url("../img/pp-logo-ticket-anthony-f-footer.png?v=antf1") type("image/png") 1x,url("../img/pp-logo-ticket-anthony-f-footer-2x.png?v=antf1") type("image/png") 2x)!important;height:100px!important;max-height:100px!important;width:auto!important;max-width:100%!important;aspect-ratio:2850/1000!important;object-fit:contain!important;background:none!important}
html body.page-id-43.pp-lean header.nav.nav a.logo.logo,html body.single-venue.pp-lean header.nav.nav a.logo.logo,html body.page-id-43.pp-lean .footer a.logo.logo,html body.single-venue.pp-lean .footer a.logo.logo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
@media (min-width:768px) and (max-width:1179px){html body.page-id-43.pp-lean header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img,html body.single-venue.pp-lean header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img{height:80px!important;max-height:80px!important}}

/* antg5 (Oct 30 2026, Frank, STAGING): Anthony ticket G5 logo (2850x1000), FAQs page (page-id-50) header only. Height-sized, width auto. Rollback: sh ~/ppbk-logo-antg5-1030/rollback.sh */
html body.page-id-50.pp-lean header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img{content:url("../img/pp-logo-ticket-anthony-g5i-header-2x.png?v=antg5inner")!important;content:image-set(url("../img/pp-logo-ticket-anthony-g5i-header.webp?v=antg5inner") type("image/webp") 1x,url("../img/pp-logo-ticket-anthony-g5i-header-2x.webp?v=antg5inner") type("image/webp") 2x,url("../img/pp-logo-ticket-anthony-g5i-header.png?v=antg5inner") type("image/png") 1x,url("../img/pp-logo-ticket-anthony-g5i-header-2x.png?v=antg5inner") type("image/png") 2x)!important;height:104px!important;max-height:104px!important;width:auto!important;max-width:none!important;aspect-ratio:2850/1000!important;object-fit:contain!important;background:none!important}
html body.page-id-50.pp-lean header.nav.nav a.logo.logo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
@media (min-width:768px) and (max-width:1179px){html body.page-id-50.pp-lean header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img{height:80px!important;max-height:80px!important}}

/* antg5f (Oct 30 2026, Frank, STAGING): Anthony ticket G5 FOOTER logo, FAQs page (page-id-50). Rollback: sh ~/ppbk-logo-antg5f-1030/rollback.sh */
html body.page-id-50.pp-lean .footer a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img{content:url("../img/pp-logo-ticket-anthony-g5i-footer-2x.png?v=antg5inner")!important;content:image-set(url("../img/pp-logo-ticket-anthony-g5i-footer.webp?v=antg5inner") type("image/webp") 1x,url("../img/pp-logo-ticket-anthony-g5i-footer-2x.webp?v=antg5inner") type("image/webp") 2x,url("../img/pp-logo-ticket-anthony-g5i-footer.png?v=antg5inner") type("image/png") 1x,url("../img/pp-logo-ticket-anthony-g5i-footer-2x.png?v=antg5inner") type("image/png") 2x)!important;height:100px!important;max-height:100px!important;width:auto!important;max-width:100%!important;aspect-ratio:2850/1000!important;object-fit:contain!important;background:none!important}
html body.page-id-50.pp-lean .footer a.logo.logo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}

/* antg5gold (Oct 30 2026, Frank, STAGING): FAQs (page-id-50) G5 header+footer now use g5g images with baked-in gold outline. Rollback: sh ~/ppbk-logo-antg5gold-1030/rollback.sh */

/* antg5inner (Oct 30 2026, Frank, STAGING): FAQs (page-id-50) G5 header+footer now use g5i images (inner border line gold, no outer outline). Rollback: sh ~/ppbk-logo-antg5inner-1030/rollback.sh */

/* wfl1 (Oct 30 2026, Frank, STAGING): FAQs (page-id-50) header logo uses the same art file as the FAQs footer (g5i-footer, 2850:1000), same 100px height as footer on desktop; aspect kept. */
html body.page-id-50.pp-lean header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img{content:url("../img/pp-logo-ticket-anthony-g5i-footer-2x.png?v=antg5inner")!important;content:image-set(url("../img/pp-logo-ticket-anthony-g5i-footer.webp?v=antg5inner") type("image/webp") 1x,url("../img/pp-logo-ticket-anthony-g5i-footer-2x.webp?v=antg5inner") type("image/webp") 2x,url("../img/pp-logo-ticket-anthony-g5i-footer.png?v=antg5inner") type("image/png") 1x,url("../img/pp-logo-ticket-anthony-g5i-footer-2x.png?v=antg5inner") type("image/png") 2x)!important;height:100px!important;max-height:100px!important;width:auto!important;aspect-ratio:2850/1000!important;object-fit:contain!important}
@media (min-width:768px) and (max-width:1179px){html body.page-id-50.pp-lean header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img{height:80px!important;max-height:80px!important}}
@media (max-width:767px){html body.page-id-50.pp-lean header.nav.nav a.logo.logo .logo-img.logo-img.logo-img.logo-img.logo-img.logo-img{height:66px!important;max-height:66px!important;width:auto!important;max-width:none!important}}

/* waterall (Oct 30 2026, Frank, STAGING): FAQs water look (o1b backdrop + gentle ppRipple glint, off under prefers-reduced-motion) on EVERY page. Background only; logos untouched. Rollback: restore pp-2026.css.bak-20261030-1615 + pp-2026.php.bak-20261030-1615 */
html body.pp2026.pp2026.pp2026 main#main::before{background-image:url("../img/bg-water-o1b.webp?v=o1b"),url("../img/bg-water-o1b-tile.webp?v=o1b")}
html body.pp2026 main#main::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;clip-path:inset(var(--wt) 0 0 0);z-index:-1;pointer-events:none;background-image:url("../img/bg-water-o1b-glint.webp?v=1"),url("../img/bg-water-o1b-glint.webp?v=1");background-size:1500px auto,1900px auto;background-repeat:repeat,repeat;mix-blend-mode:screen;opacity:.5;-webkit-mask-image:linear-gradient(180deg,transparent calc(var(--wt) + 80px),#000 calc(var(--wt) + 480px));mask-image:linear-gradient(180deg,transparent calc(var(--wt) + 80px),#000 calc(var(--wt) + 480px));animation:ppRipple 9s ease-in-out infinite alternate}
html body.pp2026 .pp-subband{isolation:isolate}
html body.pp2026 .pp-subband::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;pointer-events:none;background-image:url("../img/bg-water-o1b-glint.webp?v=1"),url("../img/bg-water-o1b-glint.webp?v=1");background-size:1500px auto,1900px auto;background-repeat:repeat,repeat;mix-blend-mode:screen;opacity:.5;animation:ppRipple 9s ease-in-out infinite alternate}
html body.pp2026 main#main .pp-subband::after{content:none}
@media (prefers-reduced-motion:reduce){html body.pp2026 main#main::after,html body.pp2026 .pp-subband::after{animation:none}}

/* bloglc (Oct 30 2026, Frank, STAGING): lowercase duck + "poolparty.com" banner (navy JPEG, used as-is, proportional resize only) in header + footer on BLOG pages only: /blog/ (page-id-46), single posts, category/tag/author/date archives. Markup swap in inc/chrome.php pp2026_blog_logo(); ids beat the older .logo-img content:url() chains. Rollback: sh ~/ppbk-bloglc-1030/rollback.sh */
html body a.logo.pp-blog-logo,html body header.nav.nav a.logo.logo.pp-blog-logo,html body .footer a.logo.logo.pp-blog-logo{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;line-height:0}
html body img#pp-blog-logo-h.logo-img,html body img#pp-blog-logo-f.logo-img{content:normal!important;aspect-ratio:476/80!important;object-fit:contain!important;max-width:100%!important;background:#0b1a36!important}
html body img#pp-blog-logo-h.logo-img{height:68px!important;max-height:68px!important;width:auto!important}
html body img#pp-blog-logo-f.logo-img{height:auto!important;max-height:none!important;width:min(420px,100%)!important}
@media (min-width:768px) and (max-width:1179px){html body img#pp-blog-logo-h.logo-img{height:54px!important;max-height:54px!important}}
@media (max-width:767px){html body img#pp-blog-logo-h.logo-img{height:34px!important;max-height:34px!important}html body img#pp-blog-logo-f.logo-img{width:min(340px,100%)!important}}
@media (max-width:359px){html body img#pp-blog-logo-h.logo-img{height:28px!important;max-height:28px!important}}
/* bloglc2 (Oct 30 2026, Frank "can you round the corners", STAGING): rounded corners on the blog banner logo, CSS only (image file untouched). */
html body img#pp-blog-logo-h.logo-img,html body img#pp-blog-logo-f.logo-img{border-radius:11px!important;overflow:hidden!important}
@media (min-width:768px) and (max-width:1179px){html body img#pp-blog-logo-h.logo-img{border-radius:9px!important}}
@media (max-width:767px){html body img#pp-blog-logo-h.logo-img{border-radius:6px!important}html body img#pp-blog-logo-f.logo-img{border-radius:9px!important}}
@media (max-width:359px){html body img#pp-blog-logo-h.logo-img{border-radius:5px!important}}

/* contactlc (Oct 30 2026, Anthony via Frank, STAGING): CONTACT page (page-id-52) only: rebuilt transparent duck + white/navy-outline "poolparty" + gold ".com" logo, header + footer. No box, no rounded corners. Markup swap in inc/chrome.php pp2026_contact_logo(). Rollback: sh ~/ppbk-contactlc-1030/rollback.sh */
html body a.logo.pp-contact-logo,html body header.nav.nav a.logo.logo.pp-contact-logo,html body .footer a.logo.logo.pp-contact-logo{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;line-height:0}
html body img#pp-contact-logo-h.logo-img,html body img#pp-contact-logo-f.logo-img{content:normal!important;aspect-ratio:519/72!important;object-fit:contain!important;max-width:100%!important;background:none!important;border-radius:0!important}
html body img#pp-contact-logo-h.logo-img{height:60px!important;max-height:60px!important;width:auto!important}
html body img#pp-contact-logo-f.logo-img{height:auto!important;max-height:none!important;width:min(400px,100%)!important}
@media (min-width:768px) and (max-width:1179px){html body img#pp-contact-logo-h.logo-img{height:48px!important;max-height:48px!important}}
@media (max-width:767px){html body img#pp-contact-logo-h.logo-img{height:28px!important;max-height:28px!important}html body img#pp-contact-logo-f.logo-img{width:min(320px,100%)!important}}
@media (max-width:359px){html body img#pp-contact-logo-h.logo-img{height:24px!important;max-height:24px!important}}

/* contactglass (Oct 30 2026, Frank, STAGING): CONTACT page (52) logo now = blog water-reflection banner art on light frosted glass (pp-logo-contact-glass*), rounded corners. Rollback: sh ~/ppbk-contactglass-1030/rollback.sh */
html body img#pp-contact-logo-h.logo-img,html body img#pp-contact-logo-f.logo-img{aspect-ratio:475/80!important;border-radius:11px!important;background:none!important}
html body img#pp-contact-logo-h.logo-img{height:68px!important;max-height:68px!important}
html body img#pp-contact-logo-f.logo-img{width:min(420px,100%)!important}
@media (min-width:768px) and (max-width:1179px){html body img#pp-contact-logo-h.logo-img{height:54px!important;max-height:54px!important;border-radius:9px!important}}
@media (max-width:767px){html body img#pp-contact-logo-h.logo-img{height:34px!important;max-height:34px!important;border-radius:6px!important}html body img#pp-contact-logo-f.logo-img{width:min(340px,100%)!important;border-radius:9px!important}}
@media (max-width:359px){html body img#pp-contact-logo-h.logo-img{height:28px!important;max-height:28px!important;border-radius:5px!important}}

/* contactv3 (Oct 30 2026, Frank, STAGING): CONTACT page (52) logo = Frank's v3 banner (pp-logo-contact-v3*, 860x144 / 1720x288, used as-is, proportional resize only), rounded corners like blog. Rollback: sh ~/ppbk-contactv3-1030/rollback.sh */
html body img#pp-contact-logo-h.logo-img,html body img#pp-contact-logo-f.logo-img{aspect-ratio:860/144!important;object-fit:contain!important;border-radius:11px!important;overflow:hidden!important;background:none!important}
html body img#pp-contact-logo-h.logo-img{height:68px!important;max-height:68px!important;width:auto!important}
html body img#pp-contact-logo-f.logo-img{height:auto!important;width:min(420px,100%)!important}
@media (min-width:768px) and (max-width:1179px){html body img#pp-contact-logo-h.logo-img{height:54px!important;max-height:54px!important;border-radius:9px!important}}
@media (max-width:767px){html body img#pp-contact-logo-h.logo-img{height:34px!important;max-height:34px!important;border-radius:6px!important}html body img#pp-contact-logo-f.logo-img{width:min(340px,100%)!important;border-radius:9px!important}}
@media (max-width:359px){html body img#pp-contact-logo-h.logo-img{height:28px!important;max-height:28px!important;border-radius:5px!important}}

/* contactv4 (Oct 30 2026, Frank, STAGING): CONTACT page (52) logo = Frank's glossy logo as transparent overlay (no box, no rounded corners). Header: pp-logo-contact-v4-light (navy letters); footer: pp-logo-contact-v4-dark (white letters). 864x144 / 1728x288. Rollback: sh ~/ppbk-contactv4-1030/rollback.sh */
html body img#pp-contact-logo-h.logo-img,html body img#pp-contact-logo-f.logo-img{aspect-ratio:864/144!important;object-fit:contain!important;border-radius:0!important;overflow:visible!important;background:none!important}
html body img#pp-contact-logo-h.logo-img{height:68px!important;max-height:68px!important;width:auto!important}
html body img#pp-contact-logo-f.logo-img{height:auto!important;width:min(420px,100%)!important}
@media (min-width:768px) and (max-width:1179px){html body img#pp-contact-logo-h.logo-img{height:54px!important;max-height:54px!important;border-radius:0!important}}
@media (max-width:767px){html body img#pp-contact-logo-h.logo-img{height:34px!important;max-height:34px!important;border-radius:0!important}html body img#pp-contact-logo-f.logo-img{width:min(340px,100%)!important;border-radius:0!important}}
@media (max-width:359px){html body img#pp-contact-logo-h.logo-img{height:28px!important;max-height:28px!important;border-radius:0!important}}

/* contactv4b (Oct 30 2026, Frank "line the footer up better" / "looks fatter"): footer uses weight-matched pp-logo-contact-v4b-dark; shift left by the PNG's transparent left padding (41/1728 = 2.37%) so the ink lines up with the tagline/social left edge; tighten gap to tagline. Rollback: sh ~/ppbk-contactv4b-1030/rollback.sh */
html body img#pp-contact-logo-f.logo-img{transform:translateX(-2.37%)!important;margin:0 0 -4px 0!important}

/* contactv4c (Oct 30 2026, Frank "still looks a little fatter"): footer uses thinner pp-logo-contact-v4c-dark (white letters ~87% of header ink); same size/alignment as v4b. Rollback: sh ~/ppbk-contactv4c-1030/rollback.sh */

/* contactv4d (Oct 30 2026, Frank "make the poolparty letters like the background on the body"): header uses pp-logo-contact-v4d-light (poolparty letters filled with body pool-water texture bg-water-o1b + slim navy edge for legibility); footer stays v4c. Rollback: sh ~/ppbk-contactv4d-1030/rollback.sh */

/* contactv4e (Oct 30 2026, Frank picked water-filled footer): footer uses pp-logo-contact-v4d-dark; header v4d-light. Rollback: sh ~/ppbk-contactv4e-1030/rollback.sh */

/* contactv4f (Oct 30 2026, Frank "make the water move in the font" + ".com shimmer"): CONTACT page (52) only. Animated overlays on top of the static v4d/v4e logo img: span.pp-water = water texture clipped to the 'poolparty' letter interiors (mask PNG, navy edge on header stays from the img), slow drift + counter-drifting ripple layer; span.pp-shine = diagonal light sweep clipped to gold '.com' every 4.5s. Overlays copy the img's exact box (same size/transform rules). prefers-reduced-motion: overlays hidden -> static v4d/v4e image. Rollback: sh ~/ppbk-contactv4f-1030/rollback.sh */
html body a.logo.pp-contact-logo{position:relative!important}
html body a.pp-contact-logo .pp-water,html body a.pp-contact-logo .pp-shine{position:absolute;top:0;left:0;aspect-ratio:864/144;pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
html body header a.pp-contact-logo .pp-water,html body header a.pp-contact-logo .pp-shine{height:68px;width:auto}
html body .footer a.pp-contact-logo .pp-water,html body .footer a.pp-contact-logo .pp-shine{width:min(420px,100%);height:auto;transform:translateX(-2.37%)}
@media (min-width:768px) and (max-width:1179px){html body header a.pp-contact-logo .pp-water,html body header a.pp-contact-logo .pp-shine{height:54px}}
@media (max-width:767px){html body header a.pp-contact-logo .pp-water,html body header a.pp-contact-logo .pp-shine{height:34px}html body .footer a.pp-contact-logo .pp-water,html body .footer a.pp-contact-logo .pp-shine{width:min(340px,100%)}}
@media (max-width:359px){html body header a.pp-contact-logo .pp-water,html body header a.pp-contact-logo .pp-shine{height:28px}}
html body a.pp-contact-logo .pp-water-h{-webkit-mask-image:url(../img/pp-logo-contact-v4f-mask-h.png?v=contactv4f);mask-image:url(../img/pp-logo-contact-v4f-mask-h.png?v=contactv4f)}
html body a.pp-contact-logo .pp-water-f{-webkit-mask-image:url(../img/pp-logo-contact-v4f-mask-f.png?v=contactv4f);mask-image:url(../img/pp-logo-contact-v4f-mask-f.png?v=contactv4f)}
html body a.pp-contact-logo .pp-water{overflow:hidden;background:url(../img/pp-water-v4f.webp?v=contactv4f) 0% 50%/62% auto repeat-x;animation:ppWaterDrift 14s ease-in-out infinite alternate}
html body a.pp-contact-logo .pp-water::after{content:"";position:absolute;inset:-20%;background:url(../img/pp-water-v4f.webp?v=contactv4f) 100% 40%/48% auto;opacity:.38;mix-blend-mode:screen;animation:ppWaterRipple 9s ease-in-out infinite alternate}
html body a.pp-contact-logo .pp-shine{-webkit-mask-image:url(../img/pp-logo-contact-v4f-mask-com.png?v=contactv4f);mask-image:url(../img/pp-logo-contact-v4f-mask-com.png?v=contactv4f);background:linear-gradient(115deg,rgba(255,240,200,0) 42%,rgba(255,248,225,.75) 50%,rgba(255,240,200,0) 58%) no-repeat;background-size:30% 100%;background-position:75% 0;mix-blend-mode:screen;animation:ppComShine 4.5s ease-in-out infinite}
@keyframes ppWaterDrift{0%{background-position:0% 30%}100%{background-position:100% 70%}}
@keyframes ppWaterRipple{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-6%,4%) scale(1.06)}}
@keyframes ppComShine{0%,55%{background-position:75% 0}85%,100%{background-position:132% 0}}
@media (prefers-reduced-motion:reduce){html body a.pp-contact-logo .pp-water,html body a.pp-contact-logo .pp-shine{display:none!important;animation:none!important}}

/* contactv4g (Oct 30 2026, Frank): CONTACT page (52) '.com' is now solid flat gold (#c49a4e, bevel/highlights removed) in pp-logo-contact-v4g-light/-dark; only the v4f shimmer sweep remains, re-masked to the new .com shape. Water overlay unchanged. Rollback: sh ~/ppbk-contactv4g-1030/rollback.sh */
html body a.pp-contact-logo .pp-shine{-webkit-mask-image:url(../img/pp-logo-contact-v4g-mask-com.png?v=contactv4g);mask-image:url(../img/pp-logo-contact-v4g-mask-com.png?v=contactv4g)}

/* contactv4h (Oct 30 2026, Frank "needs to look like gold"): .com is polished metallic gold gradient (deep amber #80551f -> gold #d6a540 -> pale highlight #ffe7a3) in pp-logo-contact-v4h-light/-dark; shimmer (v4g mask) unchanged. Rollback: sh ~/ppbk-contactv4h-1030/rollback.sh */

/* contactv4j (Oct 30 2026, Frank "a couple of areas that glimmer", no line): CONTACT page (52) '.com' diagonal shimmer sweep REPLACED by 3 small soft star glints (top of 'c', the dot, top-right of 'm'), clipped to the .com mask, twinkling at staggered times. Overlay CSS only; reduced-motion: overlay hidden (static v4h gold). Rollback: sh ~/ppbk-contactv4j-1030/rollback.sh */
@property --pp-g3{syntax:'<percentage>';inherits:false;initial-value:0%}
html body a.pp-contact-logo .pp-shine{animation:ppGlint3 5.2s ease-in-out infinite 2.6s!important;background:radial-gradient(circle at 96.4% 33%,rgba(255,252,236,.95) 0,rgba(255,236,180,.55) calc(var(--pp-g3)*.35),rgba(255,230,160,0) var(--pp-g3)) no-repeat!important;background-size:100% 100%!important;background-position:0 0!important;mix-blend-mode:screen}
html body a.pp-contact-logo .pp-shine::before,html body a.pp-contact-logo .pp-shine::after{content:"";position:absolute;width:6%;aspect-ratio:1;border-radius:50%;opacity:0;transform:scale(.2) rotate(0deg);background:radial-gradient(circle,rgba(255,253,240,1) 0,rgba(255,240,190,.75) 12%,rgba(255,230,160,0) 34%),radial-gradient(ellipse 50% 7% at 50% 50%,rgba(255,250,230,.9),rgba(255,240,200,0) 100%),radial-gradient(ellipse 7% 50% at 50% 50%,rgba(255,250,230,.9),rgba(255,240,200,0) 100%);animation:ppGlint 5.2s ease-in-out infinite}
html body a.pp-contact-logo .pp-shine::before{left:77.6%;top:14%}
html body a.pp-contact-logo .pp-shine::after{left:72.2%;top:43%;width:5%;animation-delay:1.3s}
@keyframes ppGlint{0%,58%,100%{opacity:0;transform:scale(.2) rotate(0deg)}68%{opacity:1;transform:scale(1) rotate(20deg)}80%{opacity:0;transform:scale(.35) rotate(40deg)}}
@keyframes ppGlint3{0%,58%,100%{--pp-g3:0%}68%{--pp-g3:3.2%}80%{--pp-g3:0%}}

/* contactv4j2 (Oct 30 2026, Frank: Golden Dunes faceted gold '.com', plain first): images pp-logo-contact-v4j-light/-dark (45deg cut-metal facets sampled from his reference, thin dark-gold edge). GLINTS OFF for now: to switch the v4j twinkle back on, delete ONLY the next rule. Rollback: sh ~/ppbk-contactv4j2-1030/rollback.sh */
html body a.pp-contact-logo .pp-shine{display:none!important}

/* contactv4j3 (Oct 30 2026, Frank: .com read fat): images now pp-logo-contact-v4j3-light/-dark = same facets/outline + deeper bronze inner stroke (#9a6514->#aa7016, ~5px@2x). Glints remain hidden by the contactv4j2 rule above. Rollback: sh ~/ppbk-contactv4j3-1030/rollback.sh */

/* contactv4k (Oct 30 2026, Frank: smooth glossy gold .com, no facets): images pp-logo-contact-v4k-light/-dark = soft vertical metallic gradient + v4j3 bronze inner edge. Glints still hidden by the contactv4j2 rule. Rollback: sh ~/ppbk-contactv4k-1030/rollback.sh */

/* sunsoutgold (Oct 30 2026 11:38 PM ET, Frank: "outline Suns out in gold ... on the homepage"): thin dark bronze-gold outline (sunsoutgold2: #9a6514 stroke + #aa7016 lip, Frank 11:41 PM ET "pops more with the darker line") on "Sun's out!" (replaces 0.4.37 navy stroke). Stroke painted under the fill so letters keep their white fill; faint dark halo keeps it readable on bright sky. Rollback: sh ~/ppbk-sunsout-gold-1030/rollback.sh */
html body .hero h1.hero-title .sun-out,body.pp2026 .hero .sun-out{-webkit-text-stroke:3px #9a6514!important;paint-order:stroke fill;text-shadow:0 1px 0 #aa7016,0 2px 10px rgba(11,31,58,.45)!important}
@media(max-width:640px){html body .hero h1.hero-title .sun-out,body.pp2026 .hero .sun-out{-webkit-text-stroke:2.5px #9a6514!important;text-shadow:0 1px 0 #aa7016,0 2px 7px rgba(11,31,58,.45)!important}}

/* whosinwhite (Oct 30 2026 11:46 PM ET, Frank "try it"): "Who's in?" white fill keeping its 2px navy outline, so it no longer matches the gold-outlined "Sun's out!" line. Rollback: sh ~/ppbk-whosin-white-1030/rollback.sh */
html body .hero h1.hero-title .whos-in,html body .hero h1.hero-title .whos-in em,html body .hero[data-hero-rebuild] h1.hero-title .whos-in,html body .hero[data-hero-rebuild] h1.hero-title .whos-in em{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;-webkit-text-stroke:2px #0B1F3A!important;paint-order:stroke fill}

/* sunsoutyellow (Oct 30 2026 11:50 PM ET, Frank yes to mock): "Sun's out!" fill soft sunny gold #f8e08a (v4k .com highlight), keeps the sunsoutgold2 bronze-gold #9a6514 outline; slightly deeper navy halo so the pale gold reads over bright video. "Who's in?" stays white/navy. Rollback: sh ~/ppbk-sunsout-yellow-1030/rollback.sh */
html body .hero h1.hero-title .sun-out,body.pp2026 .hero .sun-out{color:#f8e08a!important;-webkit-text-fill-color:#f8e08a!important;text-shadow:0 1px 0 #aa7016,0 2px 4px rgba(11,31,58,.55),0 3px 14px rgba(11,31,58,.5)!important}