/* PickleHall — Coming Soon splash. BEM-ish, no framework, no JS. */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--navy-900)}
.ph-splash{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:var(--ph-navy);font-family:var(--font-body);color:var(--neutral-0);text-wrap:pretty}
.ph-splash__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.ph-splash__scrim,.ph-splash__scrim--side{position:absolute;inset:0;pointer-events:none}
.ph-splash__scrim{background:var(--scrim-vertical)}
.ph-splash__scrim--side{background:var(--scrim-horizontal)}

.ph-splash__header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px var(--gutter) 0}
.ph-splash__logo{width:300px;max-width:52vw;height:auto;display:block}
.ph-splash__place{display:flex;align-items:center;gap:12px;flex-shrink:0}
.ph-splash__place-dash{width:34px;height:3px;background:linear-gradient(90deg,var(--ph-green) 0%,var(--ph-yellow) 100%)}
.ph-splash__place-text{font-family:var(--font-label);font-size:15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ph-green)}

.ph-splash__body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:64px var(--gutter) 0;max-width:var(--measure-max)}
.ph-splash__rule{width:104px;height:6px;background:var(--gradient-brand);margin-bottom:26px}
.ph-splash__eyebrow{font-family:var(--font-label);font-size:17px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.ph-splash__headline{margin:14px 0 0;font-family:var(--font-display);font-style:italic;font-weight:900;font-stretch:118%;font-size:clamp(56px,10.5vw,164px);line-height:.86;letter-spacing:-.035em;text-transform:uppercase;color:var(--neutral-0)}
.ph-splash__lede{margin:28px 0 0;max-width:48ch;font-size:clamp(17px,1.55vw,22px);line-height:1.55;color:rgba(255,255,255,.82)}
.ph-splash__actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:40px 0 0}

.ph-btn{display:inline-flex;align-items:center;gap:12px;padding:17px 34px;border:0;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;font-family:var(--font-label);font-size:17px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}
.ph-btn--primary{background:var(--ph-yellow);color:var(--ph-navy);box-shadow:var(--shadow-accent)}
.ph-btn--primary:hover{background:var(--yellow-300);transform:translateY(-1px)}
.ph-btn--primary:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(19,17,44,.18)}
.ph-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.ph-btn__arrow{font-size:19px;line-height:1}

.ph-splash__pillars{position:relative;z-index:2;margin-top:64px;border-top:1px solid rgba(255,255,255,.16);padding:22px var(--gutter) 30px;display:flex;align-items:center;gap:34px;flex-wrap:wrap;list-style:none}
.ph-pillar{display:flex;align-items:center;gap:11px;font-family:var(--font-label);font-size:14px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.86)}
.ph-pillar__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.ph-pillar--courts .ph-pillar__dot{background:var(--ph-green)}
.ph-pillar--food .ph-pillar__dot{background:var(--ph-yellow)}
.ph-pillar--soda .ph-pillar__dot{background:var(--ph-orange)}
.ph-pillar--activity .ph-pillar__dot{background:var(--neutral-0)}

@media (max-width:900px){
  :root{--gutter:28px}
  .ph-splash__media{object-position:center 46%}
  .ph-splash__header{padding-top:26px;flex-direction:column;align-items:flex-start;gap:14px}
  .ph-splash__body{padding-top:48px}
  .ph-splash__headline{line-height:.9}
  .ph-splash__pillars{gap:16px 22px;margin-top:44px}
}
@media (max-width:520px){
  .ph-splash__logo{width:220px;max-width:70vw}
  .ph-splash__eyebrow{font-size:14px;letter-spacing:.16em}
  .ph-splash__lede{font-size:16px}
  .ph-btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.ph-btn{transition:none}}