/* ============================================================
   the Padel Collective — shared site styles
   One stylesheet for every page. Design system pulled from the
   Brand Book & Communication Guidelines (06.17.26).
   Gelica = serif headlines · Maison Neue = body/eyebrows ·
   Tartuffo Italic = emotional accent. Web fallbacks keep the
   site intact if the /fonts folder ever goes missing.
   ============================================================ */

/* ---------- brand fonts (real files in ../fonts) ---------- */
@font-face{font-family:"Gelica";src:url("../fonts/Gelica-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Gelica";src:url("../fonts/Gelica-Regular.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"Gelica";src:url("../fonts/Gelica-Bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Gelica";src:url("../fonts/Gelica-Italic.woff2") format("woff2");font-weight:300 500;font-style:italic;font-display:swap}
@font-face{font-family:"Maison Neue";src:url("../fonts/MaisonNeue-Book.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Maison Neue";src:url("../fonts/MaisonNeue-BookItalic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Maison Neue";src:url("../fonts/MaisonNeue-Medium.woff2") format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"Tartuffo";src:url("../fonts/Tartuffo-RegularItalic.woff2") format("woff2"),url("../fonts/Tartuffo-RegularItalic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}

:root{
  --terra:#6D2B25;        /* primary accent (~30%) */
  --travertine:#F7E7CE;   /* cream */
  --ember:#F26941;        /* magnetic ember */
  --tan:#E7B78A;          /* collective energy */
  --matcha:#5C853E;
  --sky:#7BA6DE;
  --paper:#FBF8F2;        /* warm white page */
  --ink:#2A1815;
  --muted:rgba(42,24,21,.52);
  --hair:rgba(42,24,21,.16);

  --serif:"Gelica","Fraunces",Georgia,serif;
  --sans:"Maison Neue","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --script:"Tartuffo","Playfair Display",Georgia,serif;
  --cond:"Oswald","Inter",sans-serif;

  --gut:clamp(22px,6vw,120px);
  --max:1500px;
  --section-y:clamp(64px,9vw,140px); /* shared vertical rhythm for full-width sections */
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--paper)}
body{
  font-family:var(--sans);background:var(--paper);color:var(--ink);
  line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-size:16px;
}
img{display:block;width:100%;height:auto}
a{color:inherit;text-decoration:none}
::selection{background:var(--terra);color:var(--paper)}

.eyebrow{font-family:var(--sans);font-size:.7rem;font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.015em}
.accent{font-family:var(--script);font-style:italic;font-weight:400}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.section{padding-block:var(--section-y)}

/* wordmark */
.wordmark{display:inline-flex;align-items:baseline;gap:.3em;line-height:1;white-space:nowrap}
.wordmark .the{font-family:var(--script);font-style:italic}
.wordmark .pc{font-family:var(--cond);font-weight:600;letter-spacing:.04em;text-transform:uppercase}

/* ---------- shared button ---------- */
.btn{display:inline-flex;align-items:center;gap:.7em;cursor:pointer;font-family:var(--sans);
  font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;padding:1.05em 2.3em;
  border:1px solid var(--ink);background:none;color:var(--ink);transition:.3s;border-radius:0}
.btn:hover{background:var(--terra);color:var(--travertine);border-color:var(--terra)}
.btn.solid{background:var(--terra);border-color:var(--terra);color:var(--travertine)}
.btn.solid:hover{background:var(--ink);border-color:var(--ink)}
.btn.light{border-color:rgba(247,241,230,.7);color:var(--paper)}
.btn.light:hover{background:var(--terra);color:var(--travertine);border-color:var(--terra)}

/* ============================================================
   HEADER / NAV  (rendered by js/site.js from one config)
   ============================================================ */
header.site{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .5s ease,box-shadow .5s ease}
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.7rem var(--gut);transition:padding .5s ease}
header.site.solid{background:rgba(251,248,242,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--hair)}
header.site.solid .nav{padding-top:1.15rem;padding-bottom:1.15rem}
.nav .brand{justify-self:start;font-size:1.05rem;letter-spacing:.01em;display:inline-flex;align-items:center;transition:color .4s ease}
.nav .brand .pc{font-size:.92em}
/* horizontal logo as a tintable mask (white over hero, terra when scrolled) */
.brand-logo{display:block;width:min(190px,50vw);height:20px;
  -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg5NCIgaGVpZ2h0PSIyMDEiIHZpZXdCb3g9IjAgMCAxODk0IDIwMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ0NC4zMzQgNjUuMjA1NUM0NDQuMzM0IDMwLjM3MjUgNDI2LjkxNyAxMi45NTU4IDM5Mi4wODQgMTIuOTU1OEgzNTAuNzczVjIwMC4xODNIMzgyLjg0NVYxMzMuMjc5SDM5Mi4wODRDNDI2LjkxNyAxMzMuMjc5IDQ0NC4zMzQgMTE1Ljg2MiA0NDQuMzM0IDgxLjAyODlWNjUuMjA1NVpNNDExLjk0MyA4MC45MjI5QzQxMS45NDMgODkuNjMxMiA0MTAuMTM4IDk1Ljg5NjkgNDA2LjYzMyA5OS41MDc2QzQwMy4wMjMgMTAzLjExOCAzOTYuODYzIDEwNS4wMyAzODguMTU1IDEwNS4wM0gzODIuODQ1VjQxLjA5ODZIMzg4LjE1NUMzOTYuODYzIDQxLjA5ODYgNDAzLjAyMyA0Mi45MDM5IDQwNi42MzMgNDYuNjIwOEM0MTAuMjQ0IDUwLjIzMTUgNDExLjk0MyA1Ni40OTcyIDQxMS45NDMgNjUuMjA1NVY4MS4wMjg5VjgwLjkyMjlaIiBmaWxsPSIjNkQyQjI1Ii8+CjxwYXRoIGQ9Ik00NzQuMTc1IDEyLjg0OTZMNDQzLjI3MSAyMDAuMDc3SDQ3NS4zNDNMNDc5LjQ4NSAxNjYuNzMxSDUxMi44MzFMNTE2Ljk3MyAyMDAuMDc3SDU0OS4wNDVMNTE4LjE0MSAxMi44NDk2SDQ3NC4xNzVaTTQ4My40MTQgMTM5Ljc1Nkw0OTIuODY2IDc0LjMzODVMNDk1LjUyMSA0My43NTMzSDQ5Ny4wMDhMNDk5LjY2MyA3NC4zMzg1TDUwOC45MDIgMTM5Ljc1Nkg0ODMuNDE0WiIgZmlsbD0iIzZEMkIyNSIvPgo8cGF0aCBkPSJNNjAxLjgyNiAxMi44NDk2SDU2MC41MTVWMjAwLjA3N0g2MDEuODI2QzYzNi42NTkgMjAwLjA3NyA2NTQuMDc1IDE4Mi42NjEgNjU0LjA3NSAxNDcuODI3VjY1LjIwNTNDNjU0LjA3NSAzMC4zNzIyIDYzNi42NTkgMTIuOTU1NiA2MDEuODI2IDEyLjk1NTZWMTIuODQ5NlpNNjIxLjc5MSAxNDcuODI3QzYyMS43OTEgMTU2LjUzNiA2MjAuMTk4IDE2Mi44MDEgNjE2LjkwNiAxNjYuNDEyQzYxMy42MTQgMTcwLjAyMyA2MDguNjIzIDE3MS45MzQgNjAxLjgyNiAxNzEuOTM0SDU5Mi41ODdWNDEuMDk4NEg2MDEuODI2QzYwOC42MjMgNDEuMDk4NCA2MTMuNjE0IDQyLjkwMzYgNjE2LjkwNiA0Ni42MjA2QzYyMC4xOTggNTAuMjMxMyA2MjEuNzkxIDU2LjQ5NyA2MjEuNzkxIDY1LjIwNTNWMTQ3LjgyN1oiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTcwOC4wMjQgMTE3LjI0Mkg3NDIuNjQ1Vjg4Ljk5MzZINzA4LjAyNFY0MS4wOTg0SDc1Ny40MDZWMTIuODQ5Nkg2NzUuOTUyVjIwMC4wNzdINzYwLjA2MVYxNzEuOTM0SDcwOC4wMjRWMTE3LjI0MloiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTgwNy41MzIgMTIuODQ5Nkg3NzUuMzUzVjIwMC4wNzdIODU5LjU2OVYxNzEuOTM0SDgwNy41MzJWMTIuODQ5NloiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTEwMTMuMTMgODcuMDgyQzEwMTMuNDUgODQuNDI3MSAxMDEzLjg3IDgxLjQ1MzcgMTAxNC4zIDc4LjI2NzdDMTAxNC42MiA3NS42MTI4IDEwMTQuOTQgNzIuNTMyOCAxMDE1LjI1IDY5LjEzNDVDMTAxNS41NyA2NS43MzYyIDEwMTUuNzkgNjIuMjMxNiAxMDE1Ljc5IDU4LjUxNDdDMTAxNS43OSA0My45NjU1IDEwMTEuNjQgMzIuNjAyMyAxMDAzLjQ3IDI0LjYzNzRDOTk1LjI5IDE2LjY3MjUgOTgzLjgyIDEyLjYzNyA5NjkuMDU5IDEyLjYzN0M5NTIuODEgMTIuNjM3IDk0MC44MSAxNi42NzI1IDkzMi44NDUgMjQuNjM3NEM5MjQuODggMzIuNjAyMyA5MjAuOTUxIDQ1LjEzMzggOTIwLjk1MSA2Mi4yMzE3VjE1MC45MDdDOTIwLjk1MSAxNjguMDA1IDkyNC44OCAxODAuNTM3IDkzMi44NDUgMTg4LjUwMkM5NDAuODEgMTk2LjQ2NiA5NTIuODEgMjAwLjUwMiA5NjkuMDU5IDIwMC41MDJDOTg1LjMwNyAyMDAuNTAyIDk5Ni4wMzMgMTk2LjY3OSAxMDA0IDE4OS4wMzJDMTAxMS44NiAxODEuMzg2IDEwMTUuNzkgMTY5LjkxNyAxMDE1Ljc5IDE1NC43M0MxMDE1Ljc5IDE1MC44MDEgMTAxNS41NyAxNDYuOTc4IDEwMTUuMjUgMTQzLjM2N0MxMDE0Ljk0IDEzOS43NTcgMTAxNC42MiAxMzYuMzU4IDEwMTQuMyAxMzMuMzg1QzEwMTMuNzcgMTMwLjA5MiAxMDEzLjQ1IDEyNi44IDEwMTMuMTMgMTIzLjYxNEg5ODQuODgyVjE1MC41ODlDOTg0Ljg4MiAxNTguOTc4IDk4My41MDIgMTY0LjgxOSA5ODAuODQ3IDE2Ny43OTNDOTc4LjE5MiAxNzAuODcyIDk3NC4yNjIgMTcyLjM1OSA5NjkuMDU5IDE3Mi4zNTlDOTYzLjg1NSAxNzIuMzU5IDk1OS43MTQgMTcwLjg3MiA5NTcuMDU5IDE2Ny43OTNDOTU0LjQwNCAxNjQuNzEzIDk1My4wMjMgMTU4Ljk3OCA5NTMuMDIzIDE1MC41ODlWNjIuODY4OEM5NTMuMDIzIDU0LjQ3OTIgOTU0LjQwNCA0OC42MzgzIDk1Ny4wNTkgNDUuNjY0OEM5NTkuNzE0IDQyLjU4NSA5NjMuNzQ5IDQxLjA5ODMgOTY5LjA1OSA0MS4wOTgzQzk3NC4zNjkgNDEuMDk4MyA5NzguMTkyIDQyLjU4NSA5ODAuODQ3IDQ1LjY2NDhDOTgzLjUwMiA0OC43NDQ1IDk4NC44ODIgNTQuNDc5MiA5ODQuODgyIDYyLjg2ODhWODcuMjk0M0gxMDEzLjEzVjg3LjA4MloiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTEwODAuNzggMTIuNjM3QzEwNjQuNTMgMTIuNjM3IDEwNTIuNTMgMTYuNjcyNSAxMDQ0LjU3IDI0LjYzNzRDMTAzNi42IDMyLjYwMjMgMTAzMi42NyA0NS4xMzM4IDEwMzIuNjcgNjIuMjMxN1YxNTAuOTA3QzEwMzIuNjcgMTY4LjAwNSAxMDM2LjYgMTgwLjUzNyAxMDQ0LjU3IDE4OC41MDJDMTA1Mi41MyAxOTYuNDY2IDEwNjQuNTMgMjAwLjUwMiAxMDgwLjc4IDIwMC41MDJDMTA5Ny4wMyAyMDAuNTAyIDExMDkuMDMgMTk2LjQ2NiAxMTE2Ljk5IDE4OC41MDJDMTEyNC45NiAxODAuNTM3IDExMjguODkgMTY4LjAwNSAxMTI4Ljg5IDE1MC45MDdWNjIuMjMxN0MxMTI4Ljg5IDQ1LjEzMzggMTEyNC45NiAzMi42MDIzIDExMTYuOTkgMjQuNjM3NEMxMTA5LjAzIDE2LjY3MjUgMTA5Ny4wMyAxMi42MzcgMTA4MC43OCAxMi42MzdaTTEwOTYuNiAxNTAuMzc2QzEwOTYuNiAxNTguODcyIDEwOTUuMjIgMTY0LjYwNyAxMDkyLjU3IDE2Ny41OEMxMDg5LjkxIDE3MC42NiAxMDg1Ljk4IDE3Mi4xNDcgMTA4MC43OCAxNzIuMTQ3QzEwNzUuNTggMTcyLjE0NyAxMDcxLjQzIDE3MC42NiAxMDY4Ljc4IDE2Ny41OEMxMDY2LjEyIDE2NC41MDEgMTA2NC43NCAxNTguNzY2IDEwNjQuNzQgMTUwLjM3NlY2Mi42NTY2QzEwNjQuNzQgNTQuMjY2OSAxMDY2LjEyIDQ4LjQyNjEgMTA2OC43OCA0NS40NTI1QzEwNzEuNDMgNDIuMzcyOCAxMDc1LjQ3IDQwLjg4NTcgMTA4MC43OCA0MC44ODU3QzEwODYuMDkgNDAuODg1NyAxMDg5LjkxIDQyLjM3MjggMTA5Mi41NyA0NS40NTI1QzEwOTUuMjIgNDguNTMyMiAxMDk2LjYgNTQuMjY2OSAxMDk2LjYgNjIuNjU2NlYxNTAuMzc2WiIgZmlsbD0iIzZEMkIyNSIvPgo8cGF0aCBkPSJNMTE4Mi44NCAxMi44NDk2SDExNTAuNzZWMjAwLjA3N0gxMjM0Ljg3VjE3MS45MzRIMTE4Mi44NFYxMi44NDk2WiIgZmlsbD0iIzZEMkIyNSIvPgo8cGF0aCBkPSJNMTI3OC40MSAxMi44NDk2SDEyNDYuMzRWMjAwLjA3N0gxMzMwLjQ1VjE3MS45MzRIMTI3OC40MVYxMi44NDk2WiIgZmlsbD0iIzZEMkIyNSIvPgo8cGF0aCBkPSJNMTM3My45OSAxMTcuMjQySDE0MDguNTFWODguOTkzNkgxMzczLjk5VjQxLjA5ODRIMTQyMy4yN1YxMi44NDk2SDEzNDEuODFWMjAwLjA3N0gxNDI1LjkyVjE3MS45MzRIMTM3My45OVYxMTcuMjQyWiIgZmlsbD0iIzZEMkIyNSIvPgo8cGF0aCBkPSJNMTUyOC4wOSA4Ny4wODJDMTUyOC40IDg0LjQyNzEgMTUyOC44MyA4MS40NTM3IDE1MjkuMjUgNzguMjY3N0MxNTI5LjU3IDc1LjYxMjggMTUyOS44OSA3Mi41MzI4IDE1MzAuMjEgNjkuMTM0NUMxNTMwLjUzIDY1LjczNjIgMTUzMC43NCA2Mi4yMzE2IDE1MzAuNzQgNTguNTE0N0MxNTMwLjc0IDQzLjk2NTUgMTUyNi42IDMyLjYwMjMgMTUxOC40MiAyNC42Mzc0QzE1MTAuMjQgMTYuNjcyNSAxNDk4Ljc4IDEyLjYzNyAxNDg0LjAxIDEyLjYzN0MxNDY3Ljc3IDEyLjYzNyAxNDU1Ljc2IDE2LjY3MjUgMTQ0Ny44IDI0LjYzNzRDMTQzOS44NCAzMi42MDIzIDE0MzUuOTEgNDUuMTMzOCAxNDM1LjkxIDYyLjIzMTdWMTUwLjkwN0MxNDM1LjkxIDE2OC4wMDUgMTQzOS44NCAxODAuNTM3IDE0NDcuOCAxODguNTAyQzE0NTUuNzYgMTk2LjQ2NiAxNDY3Ljc3IDIwMC41MDIgMTQ4NC4wMSAyMDAuNTAyQzE0OTkuNDEgMjAwLjUwMiAxNTEwLjk5IDE5Ni42NzkgMTUxOC44NSAxODkuMDMyQzE1MjYuNzEgMTgxLjM4NiAxNTMwLjYzIDE2OS45MTcgMTUzMC42MyAxNTQuNzNDMTUzMC42MyAxNTAuODAxIDE1MzAuNDIgMTQ2Ljk3OCAxNTMwLjEgMTQzLjM2N0MxNTI5Ljc5IDEzOS43NTcgMTUyOS40NyAxMzYuMzU4IDE1MjkuMTUgMTMzLjM4NUMxNTI4LjYyIDEzMC4wOTIgMTUyOC4zIDEyNi44IDE1MjcuOTggMTIzLjYxNEgxNDk5LjczVjE1MC41ODlDMTQ5OS43MyAxNTguOTc4IDE0OTguMzUgMTY0LjgxOSAxNDk1LjcgMTY3Ljc5M0MxNDkzLjA0IDE3MC44NzIgMTQ4OS4xMSAxNzIuMzU5IDE0ODMuOTEgMTcyLjM1OUMxNDc4LjcgMTcyLjM1OSAxNDc0LjU2IDE3MC44NzIgMTQ3MS45MSAxNjcuNzkzQzE0NjkuMjUgMTY0LjcxMyAxNDY3Ljg3IDE1OC45NzggMTQ2Ny44NyAxNTAuNTg5VjYyLjg2ODhDMTQ2Ny44NyA1NC40NzkyIDE0NjkuMjUgNDguNjM4MyAxNDcxLjkxIDQ1LjY2NDhDMTQ3NC41NiA0Mi41ODUgMTQ3OC42IDQxLjA5ODMgMTQ4My45MSA0MS4wOTgzQzE0ODkuMjIgNDEuMDk4MyAxNDkzLjA0IDQyLjU4NSAxNDk1LjcgNDUuNjY0OEMxNDk4LjM1IDQ4Ljc0NDUgMTQ5OS43MyA1NC40NzkyIDE0OTkuNzMgNjIuODY4OFY4Ny4yOTQzSDE1MjcuOThMMTUyOC4wOSA4Ny4wODJaIiBmaWxsPSIjNkQyQjI1Ii8+CjxwYXRoIGQ9Ik0xNTM4LjA3IDQxLjA5ODRIMTU2OC42NlYyMDAuMDc3SDE2MDAuNzNWNDEuMDk4NEgxNjMxLjYzVjEyLjg0OTZIMTUzOC4wN1Y0MS4wOTg0WiIgZmlsbD0iIzZEMkIyNSIvPgo8cGF0aCBkPSJNMTY3Ni4zNCAxMi44NDk2SDE2NDQuMjdWMjAwLjA3N0gxNjc2LjM0VjEyLjg0OTZaIiBmaWxsPSIjNkQyQjI1Ii8+CjxwYXRoIGQ9Ik0xNzQ2LjQzIDEzOC41ODhMMTc0My42NyAxNjguMDA1SDE3NDIuMjlMMTczOS41MyAxMzguNTg4TDE3MjMuNDkgMTIuODQ5NkgxNjkwLjA0TDE3MjAuODQgMjAwLjA3N0gxNzY0LjkxTDE3OTUuNzEgMTIuODQ5NkgxNzYyLjE1TDE3NDYuNDMgMTM4LjU4OFoiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTE4NDEuOSAxNzEuOTM0VjExNy4yNDJIMTg3Ni40MlY4OC45OTM2SDE4NDEuOVY0MS4wOTg0SDE4OTEuMjhWMTIuODQ5NkgxODA5LjgzVjIwMC4wNzdIMTg5My45NFYxNzEuOTM0SDE4NDEuOVoiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTIzLjA0NTIgMTg0LjU3MkMyMC43MDg4IDE4NC41NzIgMTkuMjIxOSAxODMuMDg1IDE5LjIyMTkgMTgwLjQzQzE5LjIyMTkgMTc4LjYyNSAyMC4xNzc4IDE3My40MjEgMjIuMDg5NCAxNjUuMTM4TDQxLjUyMzUgODYuNTUxMkM0My41NDEzIDc4LjQ4MDIgNDguNDI2NSA3NC43NjMxIDU2LjgxNjEgNzQuNzYzMUg3MC4xOTcyTDcyLjIxNSA2Ny4wMTA4SDQ2LjcyNzVMNTkuMjU4OCAxNi42NzI2SDUzLjA5OTFDNDIuNjkxNyA1Mi41Njc2IDI2Ljk3NDUgNjkuNDUzMSA5LjEzMzIyIDY5LjQ1MzFMNy43NTI1OSA3NC42NTcxSDI2LjAxODdMMi41NDg5OCAxNjkuNTk4QzAuNzQzNjA4IDE3Ni44MTkgMCAxODAuODU1IDAgMTg1Ljc0QzAgMTkzLjkxOCA2LjU4NDQzIDIwMC4yODkgMTUuMDgwMyAyMDAuMjg5QzI5Ljg0MTggMjAwLjI4OSA0My43NTM5IDE4MC44NTUgNTcuMDI4NyAxNDYuMTI4SDUyLjM1NkM0MC4yNDk0IDE3Mi4xNDcgMzAuOTAzOCAxODQuNTcyIDIzLjA0NTIgMTg0LjU3MloiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTE0OC42NzcgMTg0LjU3MkMxNDYuMDIyIDE4NC41NzIgMTQ0Ljk2MSAxODIuMzQyIDE0NC45NjEgMTc5LjM2OUMxNDQuOTYxIDE3OC4yIDE0NS40OTEgMTc1LjU0NiAxNDYuNjU5IDE3MS41MUMxNTEuNjUxIDE1NC4wOTQgMTY1LjU2MyAxMTMuOTUxIDE3MC40NDggOTQuNDEwMUMxNzEuNjE2IDg5LjczNzQgMTcyLjI1MyA4NS44MDc5IDE3Mi4yNTMgODMuNjgzOUMxNzIuMjUzIDcyLjMyMDcgMTY1LjU2MyA2NC41Njg0IDE1My45ODcgNjQuNTY4NEMxMzYuMDQgNjQuNTY4NCAxMjAuMzIyIDg0Ljg1MjMgOTYuNDI3OSAxMzYuNjc3SDkyLjkyMzFDOTcuNDg5NyAxMjcuMTE5IDEwNi42MjMgMTAyLjI2OSAxMTAuMDIxIDg4LjY3NTNMMTI0LjU3IDMwLjM3MjVMMTMyLjExIDBIMTI3LjIyNUMxMjAuMDA0IDguOTIwNjUgMTEwLjk3NyAxMi4xMDY0IDg5LjIwNjUgMTMuMzgwOEw5MC4zNzQ1IDE3Ljk0NzJDMTA0LjA3NCAxOC41ODQ0IDEwNy43OTEgMjEuNzcwNSAxMDUuNjY3IDMwLjM3MjVIMTA1Ljg3OUw2NC43ODA3IDE5Ni41NzNDNjcuNzU0MiAxOTguMDYgNzEuMzY0OSAxOTkuMTIyIDc2LjAzNzcgMTk5LjEyMkM4MC43MTA0IDE5OS4xMjIgODQuMTA4OCAxOTguNTkgODQuNzQ2IDE5NC41NTVDODUuMzgzMiAxOTAuNTE5IDg2Ljk3NjIgMTgwLjg1NSA5MC40ODA4IDE2OC40M0M5OC41NTE4IDEzOS43NTcgMTI4LjA3NSA3OC45MDUyIDE0NC4xMTEgNzguOTA1MkMxNDguNjc3IDc4LjkwNTIgMTUxLjk2OSA4MS43NzI2IDE1MS45NjkgODcuNjEzNUMxNTEuOTY5IDkxLjAxMTkgMTUxLjEyIDk1LjQ3MiAxNDkuNzM5IDEwMC45OTRDMTQ0LjMyMyAxMjIuNzY1IDEzMC42MjQgMTU4Ljg3MiAxMjYuNTg4IDE3Ni45MjZDMTI1LjczOSAxODAuNDMxIDEyNS4yMDcgMTgzLjA4NiAxMjUuMjA3IDE4NS42MzRDMTI1LjIwNyAxOTQuMzQzIDEzMC43MyAyMDAuMzk2IDEzOS42NTEgMjAwLjM5NkMxNTIuMTgyIDIwMC4zOTYgMTY0LjYwNyAxODQuOTk3IDE3Ny44ODIgMTUyLjA3NkgxNzMuMjA5QzE2My42NTEgMTcyLjM1OSAxNTUuNTggMTg0LjU3MiAxNDguNTcxIDE4NC41NzJIMTQ4LjY3N1oiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTIxOC43NjggMTM3LjEwMUMyNjEuODg1IDEyMi44NzEgMjc3LjA3MSAxMTAuNzY0IDI3Ny4wNzEgODkuOTQ5MkMyNzcuMDcxIDc0Ljg2OSAyNjYuODc2IDY0LjQ2MTcgMjUxLjc5NiA2NC40NjE3QzIxNy44MTMgNjQuNDYxNyAxODguNjA4IDExMi41NjkgMTg4LjYwOCAxNTguMDIyQzE4OC42MDggMTg0LjA0MSAyMDEuMTM5IDIwMC4yODkgMjIwLjk5OSAyMDAuMjg5QzI0MC44NTggMjAwLjI4OSAyNTguNjk5IDE4MS43MDUgMjY5LjQyNSAxNDguNzgzSDI2My45MDNDMjU0LjAyNiAxNzMuOTUyIDI0MS4wNyAxODcuNjUyIDIyNy45MDIgMTg3LjY1MkMyMTUuNjg5IDE4Ny42NTIgMjA4LjI1NSAxNzYuMDc2IDIwOC4yNTUgMTU3LjI3OUMyMDguMjU1IDE1NS43OTIgMjA4LjI1NSAxNTQuMDkzIDIwOC40NjcgMTUyLjYwNlYxNTMuMTM3QzIwOS40MjMgMTQ0LjExIDIxMi41MDMgMTM5LjU0NCAyMTguODc1IDEzNi45OTVMMjE4Ljc2OCAxMzcuMTAxWk0yNTAuNDE2IDcxLjU3NzFDMjU2Ljc4OCA3MS41NzcxIDI2MC41MDQgNzcuMDk5NCAyNjAuNTA0IDg2Ljg2OTdDMjYwLjUwNCAxMDcuNzkxIDI0Ny4yMyAxMjEuNTk2IDIxMC4xNjYgMTM1LjE5QzIxNS45MDEgMTAyLjE2MiAyMzMuMTA1IDcxLjY4MzQgMjUwLjQxNiA3MS42ODM0VjcxLjU3NzFaIiBmaWxsPSIjNkQyQjI1Ii8+Cjwvc3ZnPgo=") left center/contain no-repeat;
  mask:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg5NCIgaGVpZ2h0PSIyMDEiIHZpZXdCb3g9IjAgMCAxODk0IDIwMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ0NC4zMzQgNjUuMjA1NUM0NDQuMzM0IDMwLjM3MjUgNDI2LjkxNyAxMi45NTU4IDM5Mi4wODQgMTIuOTU1OEgzNTAuNzczVjIwMC4xODNIMzgyLjg0NVYxMzMuMjc5SDM5Mi4wODRDNDI2LjkxNyAxMzMuMjc5IDQ0NC4zMzQgMTE1Ljg2MiA0NDQuMzM0IDgxLjAyODlWNjUuMjA1NVpNNDExLjk0MyA4MC45MjI5QzQxMS45NDMgODkuNjMxMiA0MTAuMTM4IDk1Ljg5NjkgNDA2LjYzMyA5OS41MDc2QzQwMy4wMjMgMTAzLjExOCAzOTYuODYzIDEwNS4wMyAzODguMTU1IDEwNS4wM0gzODIuODQ1VjQxLjA5ODZIMzg4LjE1NUMzOTYuODYzIDQxLjA5ODYgNDAzLjAyMyA0Mi45MDM5IDQwNi42MzMgNDYuNjIwOEM0MTAuMjQ0IDUwLjIzMTUgNDExLjk0MyA1Ni40OTcyIDQxMS45NDMgNjUuMjA1NVY4MS4wMjg5VjgwLjkyMjlaIiBmaWxsPSIjNkQyQjI1Ii8+CjxwYXRoIGQ9Ik00NzQuMTc1IDEyLjg0OTZMNDQzLjI3MSAyMDAuMDc3SDQ3NS4zNDNMNDc5LjQ4NSAxNjYuNzMxSDUxMi44MzFMNTE2Ljk3MyAyMDAuMDc3SDU0OS4wNDVMNTE4LjE0MSAxMi44NDk2SDQ3NC4xNzVaTTQ4My40MTQgMTM5Ljc1Nkw0OTIuODY2IDc0LjMzODVMNDk1LjUyMSA0My43NTMzSDQ5Ny4wMDhMNDk5LjY2MyA3NC4zMzg1TDUwOC45MDIgMTM5Ljc1Nkg0ODMuNDE0WiIgZmlsbD0iIzZEMkIyNSIvPgo8cGF0aCBkPSJNNjAxLjgyNiAxMi44NDk2SDU2MC41MTVWMjAwLjA3N0g2MDEuODI2QzYzNi42NTkgMjAwLjA3NyA2NTQuMDc1IDE4Mi42NjEgNjU0LjA3NSAxNDcuODI3VjY1LjIwNTNDNjU0LjA3NSAzMC4zNzIyIDYzNi42NTkgMTIuOTU1NiA2MDEuODI2IDEyLjk1NTZWMTIuODQ5NlpNNjIxLjc5MSAxNDcuODI3QzYyMS43OTEgMTU2LjUzNiA2MjAuMTk4IDE2Mi44MDEgNjE2LjkwNiAxNjYuNDEyQzYxMy42MTQgMTcwLjAyMyA2MDguNjIzIDE3MS45MzQgNjAxLjgyNiAxNzEuOTM0SDU5Mi41ODdWNDEuMDk4NEg2MDEuODI2QzYwOC42MjMgNDEuMDk4NCA2MTMuNjE0IDQyLjkwMzYgNjE2LjkwNiA0Ni42MjA2QzYyMC4xOTggNTAuMjMxMyA2MjEuNzkxIDU2LjQ5NyA2MjEuNzkxIDY1LjIwNTNWMTQ3LjgyN1oiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTcwOC4wMjQgMTE3LjI0Mkg3NDIuNjQ1Vjg4Ljk5MzZINzA4LjAyNFY0MS4wOTg0SDc1Ny40MDZWMTIuODQ5Nkg2NzUuOTUyVjIwMC4wNzdINzYwLjA2MVYxNzEuOTM0SDcwOC4wMjRWMTE3LjI0MloiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTgwNy41MzIgMTIuODQ5Nkg3NzUuMzUzVjIwMC4wNzdIODU5LjU2OVYxNzEuOTM0SDgwNy41MzJWMTIuODQ5NloiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTEwMTMuMTMgODcuMDgyQzEwMTMuNDUgODQuNDI3MSAxMDEzLjg3IDgxLjQ1MzcgMTAxNC4zIDc4LjI2NzdDMTAxNC42MiA3NS42MTI4IDEwMTQuOTQgNzIuNTMyOCAxMDE1LjI1IDY5LjEzNDVDMTAxNS41NyA2NS43MzYyIDEwMTUuNzkgNjIuMjMxNiAxMDE1Ljc5IDU4LjUxNDdDMTAxNS43OSA0My45NjU1IDEwMTEuNjQgMzIuNjAyMyAxMDAzLjQ3IDI0LjYzNzRDOTk1LjI5IDE2LjY3MjUgOTgzLjgyIDEyLjYzNyA5NjkuMDU5IDEyLjYzN0M5NTIuODEgMTIuNjM3IDk0MC44MSAxNi42NzI1IDkzMi44NDUgMjQuNjM3NEM5MjQuODggMzIuNjAyMyA5MjAuOTUxIDQ1LjEzMzggOTIwLjk1MSA2Mi4yMzE3VjE1MC45MDdDOTIwLjk1MSAxNjguMDA1IDkyNC44OCAxODAuNTM3IDkzMi44NDUgMTg4LjUwMkM5NDAuODEgMTk2LjQ2NiA5NTIuODEgMjAwLjUwMiA5NjkuMDU5IDIwMC41MDJDOTg1LjMwNyAyMDAuNTAyIDk5Ni4wMzMgMTk2LjY3OSAxMDA0IDE4OS4wMzJDMTAxMS44NiAxODEuMzg2IDEwMTUuNzkgMTY5LjkxNyAxMDE1Ljc5IDE1NC43M0MxMDE1Ljc5IDE1MC44MDEgMTAxNS41NyAxNDYuOTc4IDEwMTUuMjUgMTQzLjM2N0MxMDE0Ljk0IDEzOS43NTcgMTAxNC42MiAxMzYuMzU4IDEwMTQuMyAxMzMuMzg1QzEwMTMuNzcgMTMwLjA5MiAxMDEzLjQ1IDEyNi44IDEwMTMuMTMgMTIzLjYxNEg5ODQuODgyVjE1MC41ODlDOTg0Ljg4MiAxNTguOTc4IDk4My41MDIgMTY0LjgxOSA5ODAuODQ3IDE2Ny43OTNDOTc4LjE5MiAxNzAuODcyIDk3NC4yNjIgMTcyLjM1OSA5NjkuMDU5IDE3Mi4zNTlDOTYzLjg1NSAxNzIuMzU5IDk1OS43MTQgMTcwLjg3MiA5NTcuMDU5IDE2Ny43OTNDOTU0LjQwNCAxNjQuNzEzIDk1My4wMjMgMTU4Ljk3OCA5NTMuMDIzIDE1MC41ODlWNjIuODY4OEM5NTMuMDIzIDU0LjQ3OTIgOTU0LjQwNCA0OC42MzgzIDk1Ny4wNTkgNDUuNjY0OEM5NTkuNzE0IDQyLjU4NSA5NjMuNzQ5IDQxLjA5ODMgOTY5LjA1OSA0MS4wOTgzQzk3NC4zNjkgNDEuMDk4MyA5NzguMTkyIDQyLjU4NSA5ODAuODQ3IDQ1LjY2NDhDOTgzLjUwMiA0OC43NDQ1IDk4NC44ODIgNTQuNDc5MiA5ODQuODgyIDYyLjg2ODhWODcuMjk0M0gxMDEzLjEzVjg3LjA4MloiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTEwODAuNzggMTIuNjM3QzEwNjQuNTMgMTIuNjM3IDEwNTIuNTMgMTYuNjcyNSAxMDQ0LjU3IDI0LjYzNzRDMTAzNi42IDMyLjYwMjMgMTAzMi42NyA0NS4xMzM4IDEwMzIuNjcgNjIuMjMxN1YxNTAuOTA3QzEwMzIuNjcgMTY4LjAwNSAxMDM2LjYgMTgwLjUzNyAxMDQ0LjU3IDE4OC41MDJDMTA1Mi41MyAxOTYuNDY2IDEwNjQuNTMgMjAwLjUwMiAxMDgwLjc4IDIwMC41MDJDMTA5Ny4wMyAyMDAuNTAyIDExMDkuMDMgMTk2LjQ2NiAxMTE2Ljk5IDE4OC41MDJDMTEyNC45NiAxODAuNTM3IDExMjguODkgMTY4LjAwNSAxMTI4Ljg5IDE1MC45MDdWNjIuMjMxN0MxMTI4Ljg5IDQ1LjEzMzggMTEyNC45NiAzMi42MDIzIDExMTYuOTkgMjQuNjM3NEMxMTA5LjAzIDE2LjY3MjUgMTA5Ny4wMyAxMi42MzcgMTA4MC43OCAxMi42MzdaTTEwOTYuNiAxNTAuMzc2QzEwOTYuNiAxNTguODcyIDEwOTUuMjIgMTY0LjYwNyAxMDkyLjU3IDE2Ny41OEMxMDg5LjkxIDE3MC42NiAxMDg1Ljk4IDE3Mi4xNDcgMTA4MC43OCAxNzIuMTQ3QzEwNzUuNTggMTcyLjE0NyAxMDcxLjQzIDE3MC42NiAxMDY4Ljc4IDE2Ny41OEMxMDY2LjEyIDE2NC41MDEgMTA2NC43NCAxNTguNzY2IDEwNjQuNzQgMTUwLjM3NlY2Mi42NTY2QzEwNjQuNzQgNTQuMjY2OSAxMDY2LjEyIDQ4LjQyNjEgMTA2OC43OCA0NS40NTI1QzEwNzEuNDMgNDIuMzcyOCAxMDc1LjQ3IDQwLjg4NTcgMTA4MC43OCA0MC44ODU3QzEwODYuMDkgNDAuODg1NyAxMDg5LjkxIDQyLjM3MjggMTA5Mi41NyA0NS40NTI1QzEwOTUuMjIgNDguNTMyMiAxMDk2LjYgNTQuMjY2OSAxMDk2LjYgNjIuNjU2NlYxNTAuMzc2WiIgZmlsbD0iIzZEMkIyNSIvPgo8cGF0aCBkPSJNMTE4Mi44NCAxMi44NDk2SDExNTAuNzZWMjAwLjA3N0gxMjM0Ljg3VjE3MS45MzRIMTE4Mi44NFYxMi44NDk2WiIgZmlsbD0iIzZEMkIyNSIvPgo8cGF0aCBkPSJNMTI3OC40MSAxMi44NDk2SDEyNDYuMzRWMjAwLjA3N0gxMzMwLjQ1VjE3MS45MzRIMTI3OC40MVYxMi44NDk2WiIgZmlsbD0iIzZEMkIyNSIvPgo8cGF0aCBkPSJNMTM3My45OSAxMTcuMjQySDE0MDguNTFWODguOTkzNkgxMzczLjk5VjQxLjA5ODRIMTQyMy4yN1YxMi44NDk2SDEzNDEuODFWMjAwLjA3N0gxNDI1LjkyVjE3MS45MzRIMTM3My45OVYxMTcuMjQyWiIgZmlsbD0iIzZEMkIyNSIvPgo8cGF0aCBkPSJNMTUyOC4wOSA4Ny4wODJDMTUyOC40IDg0LjQyNzEgMTUyOC44MyA4MS40NTM3IDE1MjkuMjUgNzguMjY3N0MxNTI5LjU3IDc1LjYxMjggMTUyOS44OSA3Mi41MzI4IDE1MzAuMjEgNjkuMTM0NUMxNTMwLjUzIDY1LjczNjIgMTUzMC43NCA2Mi4yMzE2IDE1MzAuNzQgNTguNTE0N0MxNTMwLjc0IDQzLjk2NTUgMTUyNi42IDMyLjYwMjMgMTUxOC40MiAyNC42Mzc0QzE1MTAuMjQgMTYuNjcyNSAxNDk4Ljc4IDEyLjYzNyAxNDg0LjAxIDEyLjYzN0MxNDY3Ljc3IDEyLjYzNyAxNDU1Ljc2IDE2LjY3MjUgMTQ0Ny44IDI0LjYzNzRDMTQzOS44NCAzMi42MDIzIDE0MzUuOTEgNDUuMTMzOCAxNDM1LjkxIDYyLjIzMTdWMTUwLjkwN0MxNDM1LjkxIDE2OC4wMDUgMTQzOS44NCAxODAuNTM3IDE0NDcuOCAxODguNTAyQzE0NTUuNzYgMTk2LjQ2NiAxNDY3Ljc3IDIwMC41MDIgMTQ4NC4wMSAyMDAuNTAyQzE0OTkuNDEgMjAwLjUwMiAxNTEwLjk5IDE5Ni42NzkgMTUxOC44NSAxODkuMDMyQzE1MjYuNzEgMTgxLjM4NiAxNTMwLjYzIDE2OS45MTcgMTUzMC42MyAxNTQuNzNDMTUzMC42MyAxNTAuODAxIDE1MzAuNDIgMTQ2Ljk3OCAxNTMwLjEgMTQzLjM2N0MxNTI5Ljc5IDEzOS43NTcgMTUyOS40NyAxMzYuMzU4IDE1MjkuMTUgMTMzLjM4NUMxNTI4LjYyIDEzMC4wOTIgMTUyOC4zIDEyNi44IDE1MjcuOTggMTIzLjYxNEgxNDk5LjczVjE1MC41ODlDMTQ5OS43MyAxNTguOTc4IDE0OTguMzUgMTY0LjgxOSAxNDk1LjcgMTY3Ljc5M0MxNDkzLjA0IDE3MC44NzIgMTQ4OS4xMSAxNzIuMzU5IDE0ODMuOTEgMTcyLjM1OUMxNDc4LjcgMTcyLjM1OSAxNDc0LjU2IDE3MC44NzIgMTQ3MS45MSAxNjcuNzkzQzE0NjkuMjUgMTY0LjcxMyAxNDY3Ljg3IDE1OC45NzggMTQ2Ny44NyAxNTAuNTg5VjYyLjg2ODhDMTQ2Ny44NyA1NC40NzkyIDE0NjkuMjUgNDguNjM4MyAxNDcxLjkxIDQ1LjY2NDhDMTQ3NC41NiA0Mi41ODUgMTQ3OC42IDQxLjA5ODMgMTQ4My45MSA0MS4wOTgzQzE0ODkuMjIgNDEuMDk4MyAxNDkzLjA0IDQyLjU4NSAxNDk1LjcgNDUuNjY0OEMxNDk4LjM1IDQ4Ljc0NDUgMTQ5OS43MyA1NC40NzkyIDE0OTkuNzMgNjIuODY4OFY4Ny4yOTQzSDE1MjcuOThMMTUyOC4wOSA4Ny4wODJaIiBmaWxsPSIjNkQyQjI1Ii8+CjxwYXRoIGQ9Ik0xNTM4LjA3IDQxLjA5ODRIMTU2OC42NlYyMDAuMDc3SDE2MDAuNzNWNDEuMDk4NEgxNjMxLjYzVjEyLjg0OTZIMTUzOC4wN1Y0MS4wOTg0WiIgZmlsbD0iIzZEMkIyNSIvPgo8cGF0aCBkPSJNMTY3Ni4zNCAxMi44NDk2SDE2NDQuMjdWMjAwLjA3N0gxNjc2LjM0VjEyLjg0OTZaIiBmaWxsPSIjNkQyQjI1Ii8+CjxwYXRoIGQ9Ik0xNzQ2LjQzIDEzOC41ODhMMTc0My42NyAxNjguMDA1SDE3NDIuMjlMMTczOS41MyAxMzguNTg4TDE3MjMuNDkgMTIuODQ5NkgxNjkwLjA0TDE3MjAuODQgMjAwLjA3N0gxNzY0LjkxTDE3OTUuNzEgMTIuODQ5NkgxNzYyLjE1TDE3NDYuNDMgMTM4LjU4OFoiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTE4NDEuOSAxNzEuOTM0VjExNy4yNDJIMTg3Ni40MlY4OC45OTM2SDE4NDEuOVY0MS4wOTg0SDE4OTEuMjhWMTIuODQ5NkgxODA5LjgzVjIwMC4wNzdIMTg5My45NFYxNzEuOTM0SDE4NDEuOVoiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTIzLjA0NTIgMTg0LjU3MkMyMC43MDg4IDE4NC41NzIgMTkuMjIxOSAxODMuMDg1IDE5LjIyMTkgMTgwLjQzQzE5LjIyMTkgMTc4LjYyNSAyMC4xNzc4IDE3My40MjEgMjIuMDg5NCAxNjUuMTM4TDQxLjUyMzUgODYuNTUxMkM0My41NDEzIDc4LjQ4MDIgNDguNDI2NSA3NC43NjMxIDU2LjgxNjEgNzQuNzYzMUg3MC4xOTcyTDcyLjIxNSA2Ny4wMTA4SDQ2LjcyNzVMNTkuMjU4OCAxNi42NzI2SDUzLjA5OTFDNDIuNjkxNyA1Mi41Njc2IDI2Ljk3NDUgNjkuNDUzMSA5LjEzMzIyIDY5LjQ1MzFMNy43NTI1OSA3NC42NTcxSDI2LjAxODdMMi41NDg5OCAxNjkuNTk4QzAuNzQzNjA4IDE3Ni44MTkgMCAxODAuODU1IDAgMTg1Ljc0QzAgMTkzLjkxOCA2LjU4NDQzIDIwMC4yODkgMTUuMDgwMyAyMDAuMjg5QzI5Ljg0MTggMjAwLjI4OSA0My43NTM5IDE4MC44NTUgNTcuMDI4NyAxNDYuMTI4SDUyLjM1NkM0MC4yNDk0IDE3Mi4xNDcgMzAuOTAzOCAxODQuNTcyIDIzLjA0NTIgMTg0LjU3MloiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTE0OC42NzcgMTg0LjU3MkMxNDYuMDIyIDE4NC41NzIgMTQ0Ljk2MSAxODIuMzQyIDE0NC45NjEgMTc5LjM2OUMxNDQuOTYxIDE3OC4yIDE0NS40OTEgMTc1LjU0NiAxNDYuNjU5IDE3MS41MUMxNTEuNjUxIDE1NC4wOTQgMTY1LjU2MyAxMTMuOTUxIDE3MC40NDggOTQuNDEwMUMxNzEuNjE2IDg5LjczNzQgMTcyLjI1MyA4NS44MDc5IDE3Mi4yNTMgODMuNjgzOUMxNzIuMjUzIDcyLjMyMDcgMTY1LjU2MyA2NC41Njg0IDE1My45ODcgNjQuNTY4NEMxMzYuMDQgNjQuNTY4NCAxMjAuMzIyIDg0Ljg1MjMgOTYuNDI3OSAxMzYuNjc3SDkyLjkyMzFDOTcuNDg5NyAxMjcuMTE5IDEwNi42MjMgMTAyLjI2OSAxMTAuMDIxIDg4LjY3NTNMMTI0LjU3IDMwLjM3MjVMMTMyLjExIDBIMTI3LjIyNUMxMjAuMDA0IDguOTIwNjUgMTEwLjk3NyAxMi4xMDY0IDg5LjIwNjUgMTMuMzgwOEw5MC4zNzQ1IDE3Ljk0NzJDMTA0LjA3NCAxOC41ODQ0IDEwNy43OTEgMjEuNzcwNSAxMDUuNjY3IDMwLjM3MjVIMTA1Ljg3OUw2NC43ODA3IDE5Ni41NzNDNjcuNzU0MiAxOTguMDYgNzEuMzY0OSAxOTkuMTIyIDc2LjAzNzcgMTk5LjEyMkM4MC43MTA0IDE5OS4xMjIgODQuMTA4OCAxOTguNTkgODQuNzQ2IDE5NC41NTVDODUuMzgzMiAxOTAuNTE5IDg2Ljk3NjIgMTgwLjg1NSA5MC40ODA4IDE2OC40M0M5OC41NTE4IDEzOS43NTcgMTI4LjA3NSA3OC45MDUyIDE0NC4xMTEgNzguOTA1MkMxNDguNjc3IDc4LjkwNTIgMTUxLjk2OSA4MS43NzI2IDE1MS45NjkgODcuNjEzNUMxNTEuOTY5IDkxLjAxMTkgMTUxLjEyIDk1LjQ3MiAxNDkuNzM5IDEwMC45OTRDMTQ0LjMyMyAxMjIuNzY1IDEzMC42MjQgMTU4Ljg3MiAxMjYuNTg4IDE3Ni45MjZDMTI1LjczOSAxODAuNDMxIDEyNS4yMDcgMTgzLjA4NiAxMjUuMjA3IDE4NS42MzRDMTI1LjIwNyAxOTQuMzQzIDEzMC43MyAyMDAuMzk2IDEzOS42NTEgMjAwLjM5NkMxNTIuMTgyIDIwMC4zOTYgMTY0LjYwNyAxODQuOTk3IDE3Ny44ODIgMTUyLjA3NkgxNzMuMjA5QzE2My42NTEgMTcyLjM1OSAxNTUuNTggMTg0LjU3MiAxNDguNTcxIDE4NC41NzJIMTQ4LjY3N1oiIGZpbGw9IiM2RDJCMjUiLz4KPHBhdGggZD0iTTIxOC43NjggMTM3LjEwMUMyNjEuODg1IDEyMi44NzEgMjc3LjA3MSAxMTAuNzY0IDI3Ny4wNzEgODkuOTQ5MkMyNzcuMDcxIDc0Ljg2OSAyNjYuODc2IDY0LjQ2MTcgMjUxLjc5NiA2NC40NjE3QzIxNy44MTMgNjQuNDYxNyAxODguNjA4IDExMi41NjkgMTg4LjYwOCAxNTguMDIyQzE4OC42MDggMTg0LjA0MSAyMDEuMTM5IDIwMC4yODkgMjIwLjk5OSAyMDAuMjg5QzI0MC44NTggMjAwLjI4OSAyNTguNjk5IDE4MS43MDUgMjY5LjQyNSAxNDguNzgzSDI2My45MDNDMjU0LjAyNiAxNzMuOTUyIDI0MS4wNyAxODcuNjUyIDIyNy45MDIgMTg3LjY1MkMyMTUuNjg5IDE4Ny42NTIgMjA4LjI1NSAxNzYuMDc2IDIwOC4yNTUgMTU3LjI3OUMyMDguMjU1IDE1NS43OTIgMjA4LjI1NSAxNTQuMDkzIDIwOC40NjcgMTUyLjYwNlYxNTMuMTM3QzIwOS40MjMgMTQ0LjExIDIxMi41MDMgMTM5LjU0NCAyMTguODc1IDEzNi45OTVMMjE4Ljc2OCAxMzcuMTAxWk0yNTAuNDE2IDcxLjU3NzFDMjU2Ljc4OCA3MS41NzcxIDI2MC41MDQgNzcuMDk5NCAyNjAuNTA0IDg2Ljg2OTdDMjYwLjUwNCAxMDcuNzkxIDI0Ny4yMyAxMjEuNTk2IDIxMC4xNjYgMTM1LjE5QzIxNS45MDEgMTAyLjE2MiAyMzMuMTA1IDcxLjY4MzQgMjUwLjQxNiA3MS42ODM0VjcxLjU3NzFaIiBmaWxsPSIjNkQyQjI1Ii8+Cjwvc3ZnPgo=") left center/contain no-repeat;
  background-color:currentColor;transition:background-color .4s ease}
header.site .brand{color:#fff}
header.site.solid .brand{color:var(--terra)}
.nav .links{justify-self:center;display:flex;gap:2.4rem}
.nav .links a{font-family:var(--sans);font-size:.74rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:inherit;position:relative}
.nav .links a::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:currentColor;transition:width .35s ease}
.nav .links a:hover::after,.nav .links a.current::after{width:100%}
.nav .util{justify-self:end;display:flex;align-items:center;gap:1.2rem}
.nav .util a{font-family:var(--sans);font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;background:var(--terra);color:var(--travertine);border:1px solid var(--terra);padding:.85em 1.55em;transition:.3s}
.nav .util a:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.burger{display:none;background:none;border:none;color:inherit;cursor:pointer;flex-direction:column;gap:5px;padding:6px}
.burger span{display:block;width:24px;height:1.5px;background:currentColor;transition:.3s}
/* over-hero (light text) state — added by JS when a light hero is present */
header.site.over{color:var(--paper)}
header.site.over.solid{color:var(--ink)}

/* mobile drawer */
.drawer{position:fixed;inset:0;z-index:120;background:#ecdcc9 url("../assets/ui/menu-bg.jpg") center/cover no-repeat;color:var(--ink);transform:translateX(100%);transition:transform .5s cubic-bezier(.6,0,.2,1);display:flex;flex-direction:column;padding:2rem var(--gut)}
.drawer::before{content:"";position:absolute;inset:0;background:rgba(251,248,242,.22);pointer-events:none;z-index:0}
.drawer.open{transform:none}
.drawer>*{position:relative;z-index:1}
.drawer .x{align-self:flex-end;background:none;border:none;font-size:2rem;color:var(--ink);cursor:pointer;line-height:1}
.drawer nav{margin:auto 0;display:flex;flex-direction:column;gap:.2rem;align-items:flex-start}
.drawer nav a{font-family:var(--serif);font-weight:400;font-size:2.4rem;color:var(--ink);padding:.12em 0}
.drawer .drawer-cta{margin-top:2rem;align-self:flex-start;font-family:var(--sans);font-weight:500;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;background:var(--terra);color:var(--travertine);border:none;padding:1.05em 2.2em}
.drawer .drawer-cta:hover{background:var(--ink);color:var(--paper)}

/* ============================================================
   HERO (full-bleed, light text on image)
   ============================================================ */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.hero>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
/* keep the racket subject (right side of frame) in view on every screen */
.hero-lady{object-position:58% center}
@media(max-width:900px){.hero-lady{object-position:72% center}}
@media(max-width:600px){.hero-lady{object-position:78% center}}
/* mobile: keep negative space + ~half the racket; darken the left so copy stays legible over the guest */
@media(max-width:600px){.hero:not(.page) .veil{background:
  linear-gradient(180deg,rgba(42,24,21,.34),rgba(42,24,21,.05) 30%,rgba(42,24,21,.08) 46%,rgba(42,24,21,.7)),
  linear-gradient(90deg,rgba(42,24,21,.44),rgba(42,24,21,.12) 48%,transparent 68%)}}
.hero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(42,24,21,.36),rgba(42,24,21,.05) 30%,rgba(42,24,21,.06) 46%,rgba(42,24,21,.66))}
.hero .inner{position:relative;z-index:2;color:var(--paper);padding:0 var(--gut) clamp(48px,8vw,96px);width:100%}
.hero .eyebrow{color:rgba(247,241,230,.82);display:block;margin-bottom:1.4rem}
.hero h1{font-size:clamp(2.4rem,5.2vw,4.8rem);max-width:18ch;font-weight:400;text-wrap:balance}
.hero h1 .accent{font-size:1.02em}
.hero .sub{margin-top:1.5rem;max-width:44ch;font-size:clamp(1rem,1.6vw,1.18rem);color:rgba(247,241,230,.9)}
.hero .cta-row{margin-top:2.4rem;display:flex;gap:1rem;flex-wrap:wrap}
.hero .scroll{position:absolute;right:var(--gut);top:50%;z-index:2;writing-mode:vertical-rl;font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;opacity:.85;color:var(--paper)}

/* every page's first hero is full-screen */
.hero.page{min-height:100vh;min-height:100svh}

/* ============================================================
   STATEMENT / centered type block
   ============================================================ */
.statement{padding:var(--section-y) var(--gut) 0;text-align:center}
.statement .eyebrow{display:block;margin-bottom:1.4rem}
.statement h2{font-size:clamp(2rem,4.6vw,4.2rem);max-width:26ch;margin:0 auto;font-weight:400;text-wrap:balance}
.statement p{max-width:60ch;margin:1.5rem auto 0;color:var(--muted);font-size:1.04rem}
.statement .cta-row{margin-top:2.6rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
/* statement with a side illustration (scoped — does not affect other .statement blocks) */
.statement--deco{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:clamp(12px,2.5vw,40px);text-align:left;padding-left:0}
.statement--deco .statement-body{text-align:center}
.statement-deco{width:clamp(88px,12vw,200px);height:auto;align-self:center}
@media(max-width:520px){
  .statement--deco{column-gap:10px}
  .statement-deco{width:clamp(64px,20vw,98px)}
}

/* section head (label + title) */
.head{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;flex-wrap:wrap;margin-bottom:clamp(40px,6vw,72px)}
.head h2{font-size:clamp(2rem,4.4vw,3.4rem)}
/* section intro: eyebrow + heading + descriptive paragraph */
.section-intro{margin-bottom:var(--section-y);text-align:center}
.section-intro .eyebrow{display:block;margin-bottom:1.4rem}
.section-intro h2{font-size:clamp(2rem,4.4vw,3.4rem);max-width:22ch;margin-inline:auto;text-wrap:balance}
.section-intro p{color:var(--muted);max-width:62ch;margin:1.5rem auto 0;font-size:1.05rem}

/* ============================================================
   SPLIT — image + text, two columns, alternating
   ============================================================ */
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,90px)}
.split .media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#efe7d6}
.split .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.18,.7,.2,1)}
.split:hover .media img{transform:scale(1.03)}
.split .copy .eyebrow{display:block;margin-bottom:1.4rem}
.split .copy h2{font-size:clamp(1.9rem,3.4vw,3rem);max-width:16ch}
/* larger Maison Neue heading, used for split-section titles (accent word stays Tartuffo) */
.sans-head{font-family:var(--sans)!important;font-weight:400;font-size:clamp(1.6rem,2.9vw,2.5rem);line-height:1.22;letter-spacing:0;max-width:20ch}
.sans-head .accent{font-family:var(--script);font-style:italic;font-size:1.06em}
.split .copy p{color:var(--muted);margin-top:1.5rem;max-width:46ch;font-size:1.02rem}
.split .copy .accent-line{font-family:var(--script);font-style:italic;font-size:clamp(1.3rem,2.4vw,1.9rem);color:var(--terra);margin-bottom:.9rem}
.split .copy .cta-row{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}
.split.flip .media{order:2}
@media(max-width:860px){
  .split{grid-template-columns:1fr;gap:clamp(24px,6vw,44px)}
  .split.flip .media{order:0}
}

/* ---------- rendering slideshow (inside .media) ---------- */
.slideshow{position:relative}
.slideshow::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,rgba(20,10,8,.42),transparent 32%)}
.slideshow .ss-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.slideshow .ss-img.on{opacity:1}
.slideshow .ss-name{position:absolute;left:16px;bottom:14px;z-index:3;font-family:var(--serif);font-weight:400;color:#fff;font-size:1.06rem;letter-spacing:.01em}
.slideshow .ss-sub{position:absolute;left:16px;bottom:16px;z-index:3;font-family:var(--sans);font-size:.64rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.slideshow:has(.ss-sub) .ss-name{bottom:36px}
.slideshow .ss-dots{position:absolute;right:16px;bottom:19px;z-index:3;display:flex;gap:6px}
.slideshow .ss-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background .3s}
.slideshow .ss-dots i.on{background:#fff}
.slideshow .ss-arw{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:34px;border-radius:50%;border:none;background:rgba(255,255,255,.82);color:var(--ink);cursor:pointer;display:grid;place-items:center;font-size:1.15rem;line-height:1;padding-bottom:.1em;opacity:.9;transition:opacity .25s,background .25s}
.slideshow .ss-arw:hover{opacity:1;background:#fff}
.slideshow .ss-arw.prev{left:12px}
.slideshow .ss-arw.next{right:12px}
/* hover-only arrows (Oasis amenity slideshows) */
.slideshow.arw-hover .ss-arw{opacity:0}
.slideshow.arw-hover:hover .ss-arw{opacity:.95}
@media(hover:none){.slideshow.arw-hover .ss-arw{opacity:.9}}

/* ============================================================
   FULL-BLEED EDITORIAL PLATE
   ============================================================ */
.plate{position:relative;height:clamp(460px,54vw,760px);overflow:hidden}
.plate>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
.plate .veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(42,24,21,.62),rgba(42,24,21,.05) 60%)}
.plate .cap{position:absolute;left:var(--gut);right:var(--gut);bottom:clamp(34px,5vw,64px);color:var(--paper);z-index:2;max-width:24ch}
.plate .cap .eyebrow{color:rgba(247,241,230,.82);display:block;margin-bottom:1rem}
.plate .cap p{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,4.4vw,3rem);line-height:1.12}

/* ============================================================
   OASIS — amenities grid
   ============================================================ */
.amenities{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,2.6vw,44px)}
.amenity{position:relative}
.amenity .frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:#efe7d6;margin-bottom:1.25rem}
.amenity .frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.18,.7,.2,1)}
.amenity:hover .frame img{transform:scale(1.04)}
.amenity .eyebrow{display:block;margin-bottom:.55rem}
.amenity h3{font-size:1.5rem;font-weight:400;margin-bottom:.55rem}
.amenity p{color:var(--muted);font-size:.95rem;max-width:38ch}
@media(max-width:860px){.amenities{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.amenities{grid-template-columns:1fr}}

/* ============================================================
   VALUES / mission — three columns
   ============================================================ */
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,64px)}
.cols3 .item{border-top:1px solid var(--hair);padding-top:1.6rem}
.cols3 .item .num{font-family:var(--serif);font-size:1rem;color:var(--terra);margin-bottom:1rem;display:block}
.cols3 .item h3{font-size:1.35rem;font-weight:400;margin-bottom:.7rem}
.cols3 .item p{color:var(--muted);font-size:.98rem}
@media(max-width:860px){.cols3{grid-template-columns:1fr;gap:clamp(20px,6vw,36px)}}

/* big centered mission line */
.mission{padding:var(--section-y) var(--gut);text-align:center}
.mission .eyebrow{display:block;margin-bottom:1.4rem}
.mission blockquote{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.16;max-width:22ch;margin:0 auto;letter-spacing:-.015em;text-wrap:balance}
.mission p{color:var(--muted);max-width:54ch;margin:1.5rem auto 0;font-size:1.05rem}
.mission blockquote .accent{color:var(--terra)}

/* ============================================================
   GALLERY (life here / lookbook)
   ============================================================ */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px)}
.gallery figure{position:relative;overflow:hidden;background:#efe7d6;aspect-ratio:4/5}
.gallery figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.18,.7,.2,1)}
.gallery figure:hover img{transform:scale(1.04)}
.gallery figure.tall{grid-row:span 2;aspect-ratio:4/5}
@media(max-width:860px){.gallery{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.gallery{grid-template-columns:1fr}}

/* ============================================================
   FACTS strip (hours / location)
   ============================================================ */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px);text-align:left}
.facts .fact .eyebrow{display:block;margin-bottom:1rem}
.facts .fact p{font-family:var(--serif);font-size:1.2rem;line-height:1.4}
.facts .fact a{color:var(--terra)}
@media(max-width:760px){.facts{grid-template-columns:1fr;gap:2rem}}

/* ============================================================
   JOIN / waitlist
   ============================================================ */
.join{text-align:center;padding-block:clamp(110px,16vw,200px)}
.join h2{font-size:clamp(2rem,4.6vw,3.4rem);max-width:18ch;margin:0 auto}
.join p{color:var(--muted);max-width:42ch;margin:1.6rem auto 2.6rem}
.join form{display:flex;max-width:460px;margin:0 auto;border-bottom:1px solid var(--ink);gap:1rem}
.join input{flex:1;background:none;border:none;padding:.9em 0;font-family:var(--sans);font-size:1rem;color:var(--ink)}
.join input::placeholder{color:var(--muted)}
.join input:focus{outline:none}
.join form button{background:none;border:none;cursor:pointer;font-family:var(--sans);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.join .whatsapp{margin-top:1.8rem;font-size:.82rem;color:var(--muted)}
.join .whatsapp a{color:var(--matcha);border-bottom:1px solid currentColor;padding-bottom:1px}

/* ============================================================
   FOOTER (rendered by js/site.js)
   ============================================================ */
footer.site{background:var(--paper);border-top:1px solid var(--hair);padding-block:clamp(48px,6vw,80px)}
footer.site .foot{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;flex-wrap:wrap}
footer.site .brand{color:var(--terra);display:flex;flex-direction:column;align-items:flex-start}
footer.site .brand-logo{width:min(210px,58vw);height:22px}
footer.site .brand .wordmark{font-size:1.4rem}
footer.site .brand p{color:rgba(42,24,21,.74);font-size:.95rem;margin-top:1.1rem;max-width:34ch}
footer.site .cols{display:flex;gap:clamp(2.5rem,6vw,6rem);flex-wrap:wrap}
footer.site .col .eyebrow{margin-bottom:1rem;display:block}
footer.site .col a,footer.site .col p{display:block;font-size:.84rem;color:var(--muted);padding:.32em 0;transition:color .3s}
footer.site .col a:hover{color:var(--ink)}
footer.site .foot-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:clamp(40px,6vw,72px);font-size:.74rem;color:var(--muted);letter-spacing:.04em}

/* ============================================================
   reveal-on-scroll
   ============================================================ */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity 1s ease,transform 1s ease}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}

/* ---------- responsive nav ---------- */
@media(max-width:900px){
  .nav{grid-template-columns:1fr auto}
  .nav .links,.nav .util{display:none}
  .burger{display:flex;justify-self:end}
}

/* ============================================================
   WAITLIST POPUP (rendered by js/site.js)
   ============================================================ */
.wl-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}
.wl-modal[hidden]{display:none}
.wl-overlay{position:absolute;inset:0;background:rgba(30,17,15,.58);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;transition:opacity .4s ease}
.wl-modal.open .wl-overlay{opacity:1}
.wl-card{position:relative;z-index:1;width:min(452px,100%);background:var(--paper);padding:clamp(40px,6vw,56px) clamp(28px,5vw,48px) clamp(30px,5vw,42px);text-align:center;
  border-top:3px solid var(--terra);box-shadow:0 40px 90px -26px rgba(30,17,15,.5);transform:translateY(20px) scale(.98);opacity:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .5s ease}
.wl-modal.open .wl-card{transform:none;opacity:1}
.wl-x{position:absolute;top:14px;right:16px;background:none;border:none;font-size:1.55rem;line-height:1;color:var(--muted);cursor:pointer;transition:color .25s}
.wl-x:hover{color:var(--ink)}
.wl-card .eyebrow{display:block;margin-bottom:.85rem}
.wl-card h2{font-size:clamp(1.5rem,4vw,2.05rem);font-weight:400;text-transform:uppercase;letter-spacing:.04em;line-height:1.08;color:var(--terra);white-space:nowrap}
.wl-card>p{color:var(--ink);margin:1.1rem auto 0;max-width:34ch;font-size:1.02rem;font-weight:500}
.wl-form{margin-top:1.9rem;display:flex;flex-direction:column;gap:.7rem}
.wl-form input{width:100%;background:#fff;border:1px solid var(--hair);padding:1.1em 1.1em;font-family:var(--sans);font-size:1rem;color:var(--ink);text-align:center;transition:border-color .25s,box-shadow .25s}
.wl-form input::placeholder{color:var(--muted)}
.wl-form input:focus{outline:none;border-color:var(--terra);box-shadow:0 0 0 3px rgba(109,43,37,.1)}
.wl-form button{padding:1.15em 2em;border:none;cursor:pointer;background:var(--terra);color:var(--travertine);font-family:var(--sans);font-weight:500;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;transition:.3s}
.wl-form button:hover{background:var(--ink)}
.wl-err{font-size:.82rem;color:var(--terra);letter-spacing:.01em;margin-top:-.1rem}
.wl-form input[aria-invalid="true"]{border-color:var(--terra);box-shadow:0 0 0 3px rgba(109,43,37,.12)}
.wl-fine{margin-top:1.35rem;font-size:.78rem;color:var(--muted)}
.wl-fine a{color:var(--matcha);border-bottom:1px solid currentColor;padding-bottom:1px}
.wl-done{display:none;margin-top:.5rem}
.wl-done-head{display:block;font-family:var(--serif);color:var(--terra);font-size:clamp(1.9rem,4.4vw,2.4rem);line-height:1.08}
.wl-done p{color:var(--muted);margin-top:.7rem;font-size:.96rem;max-width:32ch;margin-inline:auto}
.wl-insta{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.4rem;padding:.9em 1.7em;border:1px solid var(--terra);color:var(--terra);font-family:var(--sans);font-weight:500;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;transition:.3s}
.wl-insta:hover{background:var(--terra);color:var(--travertine)}
.wl-insta svg{flex:none}
.wl-card.done .wl-form,.wl-card.done>p,.wl-card.done .wl-fine,.wl-card.done h2{display:none}
.wl-card.done .wl-done{display:block}
/* padel balls raining behind the waitlist card (canvas is created on open).
   Above the dimmer, below the card; never intercepts input. */
.wl-balls{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:1;transition:opacity .3s ease}
@media (prefers-reduced-motion:reduce){.wl-overlay,.wl-card{transition:none}}