/* Colette full site release candidate 01. Preparation only. Single token and family-design owner. Existing operational CSS is separate. New public navigation follows the approved Home reference; its native control states and language fallback require real-session acceptance. Font Awesome remains a page-owned external compatibility dependency. */ :where(#cd-page[data-colette-page],#ch-page[data-colette-page]){ --ink:#0b0b0c; --ink2:#131315; --ink3:#1b1b1e; --wine:#8ecefc; --wine-lt:#b0defd; --rose:#8ecefc; --cream:#f2f2f2; --cream-dim:#c6c6cb; --mute:#8b8b93; --gold:#a9a9b0; --line:rgba(255,255,255,.14); --line-soft:rgba(255,255,255,.08); --r:18px; --r-sm:12px; --serif:'Manrope','Helvetica Neue',Arial,sans-serif; --sans:'Karla','Helvetica Neue',Arial,sans-serif; } /* CLUB FAMILY */ /* ── Design system, scoped to the page wrapper ── */ #cd-page:where([data-colette-page="club"]){ /* blue accent + hover */ /* script/italic accents, kickers, labels, numerals — follows the club accent */ /* display face (sans) */ font-family:var(--sans) !important; font-weight:400 !important; font-size:16px; line-height:1.65; color:var(--cream); background:var(--ink); -webkit-font-smoothing:antialiased; overflow-x:hidden; } #cd-page:where([data-colette-page="club"]) *,#cd-page:where([data-colette-page="club"]) *::before,#cd-page:where([data-colette-page="club"]) *::after{box-sizing:border-box} #cd-page:where([data-colette-page="club"]) img{max-width:100%;height:auto;display:block} #cd-page:where([data-colette-page="club"]) a{color:inherit;text-decoration:none} #cd-page:where([data-colette-page="club"]) ul,#cd-page:where([data-colette-page="club"]) ol,#cd-page:where([data-colette-page="club"]) li{margin:0;padding:0;list-style:none !important;list-style-type:none !important} #cd-page:where([data-colette-page="club"]) li::marker{content:none !important;display:none !important} #cd-page:where([data-colette-page="club"]) li::before{content:none} #cd-page:where([data-colette-page="club"]) p{margin:0 0 14px} /* widget zones: hand the platform's own markup back its defaults */ #cd-page:where([data-colette-page="club"]) .cd-events img,#cd-page:where([data-colette-page="club"]) .cd-newsfeed img,#cd-page:where([data-colette-page="club"]) .cd-social-widget img{display:revert;height:revert} #cd-page:where([data-colette-page="club"]) .cd-events ul,#cd-page:where([data-colette-page="club"]) .cd-events ol,#cd-page:where([data-colette-page="club"]) .cd-events li,#cd-page:where([data-colette-page="club"]) .cd-newsfeed ul,#cd-page:where([data-colette-page="club"]) .cd-newsfeed ol,#cd-page:where([data-colette-page="club"]) .cd-newsfeed li{margin:revert;padding:revert;list-style:revert !important} #cd-page:where([data-colette-page="club"]) .cd-events li::marker,#cd-page:where([data-colette-page="club"]) .cd-newsfeed li::marker{content:revert !important;display:revert !important} #cd-page:where([data-colette-page="club"]) .cd-events p,#cd-page:where([data-colette-page="club"]) .cd-newsfeed p{margin:revert} #cd-page:where([data-colette-page="club"]) .cd-events h1,#cd-page:where([data-colette-page="club"]) .cd-events h2,#cd-page:where([data-colette-page="club"]) .cd-events h3,#cd-page:where([data-colette-page="club"]) .cd-newsfeed h1,#cd-page:where([data-colette-page="club"]) .cd-newsfeed h2,#cd-page:where([data-colette-page="club"]) .cd-newsfeed h3{font-family:var(--sans) !important;font-size:revert;font-weight:600 !important;line-height:revert;letter-spacing:0;margin:revert;color:var(--cream)} #cd-page:where([data-colette-page="club"]) :focus-visible{outline:2px solid var(--wine-lt);outline-offset:3px;border-radius:4px} :where(#cd-page[data-colette-page="club"]) .cd-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto} /* type */ #cd-page:where([data-colette-page="club"]) h1,#cd-page:where([data-colette-page="club"]) h2{font-family:var(--serif) !important;font-weight:700 !important;line-height:1.08;letter-spacing:-.02em;color:var(--cream);margin:0;text-transform:none !important} #cd-page:where([data-colette-page="club"]) h1{font-size:clamp(2.6rem,6vw,4.6rem)} #cd-page:where([data-colette-page="club"]) .cd-brandword{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important;font-weight:900 !important;font-style:normal;display:inline-block;font-size:.95em;line-height:1.05;text-transform:lowercase !important;letter-spacing:-.01em} #cd-page:where([data-colette-page="club"]) .cd-cityword{font-family:Arial,'Helvetica Neue',sans-serif !important;font-weight:700 !important;font-style:normal;text-transform:uppercase !important;font-size:.88em;letter-spacing:.02em} #cd-page:where([data-colette-page="club"]) .cd-hero h1{font-size:clamp(2.1rem,4.4vw,3.3rem);white-space:nowrap} #cd-page:where([data-colette-page="club"]) h2{font-size:clamp(1.9rem,3.6vw,2.7rem)} #cd-page:where([data-colette-page="club"]) h1 em,#cd-page:where([data-colette-page="club"]) h2 em{font-style:normal;color:var(--rose);font-weight:700 !important} #cd-page:where([data-colette-page="club"]) .cd-h3,#cd-page:where([data-colette-page="club"]) h3.cd-h3{font-family:var(--sans) !important;font-size:.74rem;font-weight:700 !important;letter-spacing:.2em;text-transform:uppercase !important;color:var(--gold);margin:0 0 14px;padding-top:14px;border-top:1px solid var(--line-soft);line-height:1.4} :where(#cd-page[data-colette-page="club"]) .cd-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--serif) !important;font-style:normal;font-weight:600 !important;font-size:clamp(.95rem,1.25vw,1.1rem);letter-spacing:.04em;color:var(--rose);margin-bottom:10px;text-transform:none !important} :where(#cd-page[data-colette-page="club"]) .cd-kicker::before{content:'';width:26px;height:1px;background:var(--wine-lt);flex-shrink:0} :where(#cd-page[data-colette-page="club"]) .cd-kicker i{font-style:normal;color:var(--wine-lt);margin:0 4px} :where(#cd-page[data-colette-page="club"]) .cd-lead{font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.75;color:var(--cream-dim);max-width:62ch} :where(#cd-page[data-colette-page="club"]) .cd-head{max-width:800px;margin-bottom:24px} :where(#cd-page[data-colette-page="club"]) .cd-head h2{margin-bottom:10px} :where(#cd-page[data-colette-page="club"]) .cd-inline{color:#d9d9de !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-color:rgba(142,206,252,.65) !important} /* buttons */ :where(#cd-page[data-colette-page="club"]) .cd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border-radius:999px;border:1.5px solid transparent;font-family:var(--sans) !important;font-size:.88rem !important;font-weight:700 !important;letter-spacing:.06em;text-transform:uppercase !important;text-decoration:none !important;white-space:nowrap;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s} :where(#cd-page[data-colette-page="club"]) .cd-btn:hover{transform:translateY(-2px)} :where(#cd-page[data-colette-page="club"]) .cd-btn-wine{background:var(--wine) !important;color:#0b0b0c !important;box-shadow:0 10px 24px rgba(142,206,252,.22)} :where(#cd-page[data-colette-page="club"]) .cd-btn-wine:hover{background:var(--wine-lt) !important} :where(#cd-page[data-colette-page="club"]) .cd-btn-ghost{border-color:rgba(255,255,255,.3) !important;color:var(--cream) !important;background:rgba(255,255,255,.04) !important} :where(#cd-page[data-colette-page="club"]) .cd-btn-ghost:hover{border-color:var(--wine-lt) !important;background:var(--wine) !important;color:#0b0b0c !important} :where(#cd-page[data-colette-page="club"]) .cd-btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px} :where(#cd-page[data-colette-page="club"]) .cd-btn-case{text-transform:none !important;font-size:.92rem !important;letter-spacing:.03em} #cd-page:where([data-colette-page="club"]) .cd-btn-acc{color:var(--wine) !important} #cd-page:where([data-colette-page="club"]) .cd-btn-acc:hover{color:#0b0b0c !important} /* ── Sections: rhythm ── */ :where(#cd-page[data-colette-page="club"]) .cd-sec{padding:40px 0 56px} :where(#cd-page[data-colette-page="club"]) .cd-sec-alt{background:var(--ink2)} /* ── Hero: photo bleeds to the right edge ── */ :where(#cd-page[data-colette-page="club"]) .cd-hero{position:relative;padding:36px 0 44px;overflow:hidden;background:radial-gradient(900px 520px at 85% 10%,rgba(255,255,255,.06),transparent 65%),radial-gradient(600px 420px at 100% 0%,rgba(142,206,252,.10),transparent 60%),var(--ink)} :where(#cd-page[data-colette-page="club"]) .cd-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:stretch} :where(#cd-page[data-colette-page="club"]) .cd-hero-copy h1{margin:0 0 16px} /* social follow row: round brand-icon buttons under the club name (Font Awesome 6 Brands glyphs). Deliberate exception to the one-accent rule: each ring/glyph carries its network's brand color. */ :where(#cd-page[data-colette-page="club"]) .cd-follow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 20px} :where(#cd-page[data-colette-page="club"]) .cd-follow-label{font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--wine);margin-right:4px} #cd-page:where([data-colette-page="club"]) .cd-follow a{--brand:var(--wine);--on-brand:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--brand);background:rgba(255,255,255,.03);color:var(--brand) !important;text-decoration:none !important;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s} #cd-page:where([data-colette-page="club"]) .cd-follow a:hover{transform:translateY(-2px);background:var(--brand);border-color:var(--brand);color:var(--on-brand) !important;box-shadow:0 8px 20px rgba(0,0,0,.35)} #cd-page:where([data-colette-page="club"]) .cd-follow a span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} #cd-page:where([data-colette-page="club"]) .cd-follow a::before{font-family:"Font Awesome 6 Brands" !important;font-weight:400;font-size:15px;line-height:1;-webkit-font-smoothing:antialiased} #cd-page:where([data-colette-page="club"]) .cd-follow a.cd-fb{--brand:#1877f2} /* colette Social join mark — same circle as the network icons, colette blue, with its own glyph rather than a Font Awesome brand character. Shown to every visitor, logged out included. */ :where(#cd-page[data-colette-page="club"]) .cd-join{--brand:var(--wine);--on-brand:#0b0b0c} #cd-page:where([data-colette-page="club"]) .cd-follow a.cd-join::before{content:"C";font-family:"Arial Black","Arial Bold",Gadget,Arial,sans-serif !important;font-weight:900;font-size:17px;line-height:1;letter-spacing:0;padding-bottom:1px} #cd-page:where([data-colette-page="club"]) .cd-follow a.cd-x{--brand:#f2f2f2;--on-brand:#0b0b0c} #cd-page:where([data-colette-page="club"]) .cd-follow a.cd-pin{--brand:#e60023} #cd-page:where([data-colette-page="club"]) .cd-follow a.cd-tt{--brand:#f60056} /* Instagram: gradient ring (the brand mark is a gradient), pink glyph; hover fills the gradient */ #cd-page:where([data-colette-page="club"]) .cd-follow a.cd-ig{--brand:#ee2a7b;border-color:transparent;background:linear-gradient(var(--ink),var(--ink)) padding-box,linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7) border-box} #cd-page:where([data-colette-page="club"]) .cd-follow a.cd-ig:hover{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7) border-box;color:#fff !important} #cd-page:where([data-colette-page="club"]) .cd-follow a.cd-fb::before{content:"\f39e"} #cd-page:where([data-colette-page="club"]) .cd-follow a.cd-x::before{content:"\e61b"} #cd-page:where([data-colette-page="club"]) .cd-follow a.cd-pin::before{content:"\f231"} #cd-page:where([data-colette-page="club"]) .cd-follow a.cd-ig::before{content:"\f16d"} #cd-page:where([data-colette-page="club"]) .cd-follow a.cd-tt::before{content:"\e07b"} :where(#cd-page[data-colette-page="club"]) .cd-hero-photo{position:relative;min-height:360px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.55);background:linear-gradient(160deg,var(--ink3),var(--ink2))} #cd-page:where([data-colette-page="club"]) .cd-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center} :where(#cd-page[data-colette-page="club"]) .cd-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,12,.35),transparent 40%),linear-gradient(180deg,transparent 60%,rgba(11,11,12,.5))} /* ── Glance strip: flush, borderless ── */ :where(#cd-page[data-colette-page="club"]) .cd-glance{background:var(--ink2)} :where(#cd-page[data-colette-page="club"]) .cd-glance-grid{display:grid;grid-template-columns:repeat(4,1fr)} :where(#cd-page[data-colette-page="club"]) .cd-glance-item{padding:18px 22px;border-left:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="club"]) .cd-glance-item:first-child{border-left:none;padding-left:0} :where(#cd-page[data-colette-page="club"]) .cd-glance-item span{display:block;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:700;margin-bottom:5px} :where(#cd-page[data-colette-page="club"]) .cd-glance-item b{display:block;font-family:var(--serif) !important;font-weight:700 !important;font-size:1.15rem;line-height:1.25;color:var(--cream);font-variant-numeric:tabular-nums} :where(#cd-page[data-colette-page="club"]) .cd-glance-item small{display:block;font-size:.84rem;color:var(--cream-dim);margin-top:3px} :where(#cd-page[data-colette-page="club"]) .cd-glance-item a{color:var(--cream) !important} /* ── Membership panel (compact) ── */ :where(#cd-page[data-colette-page="club"]) .cd-member-sec{padding:40px 0 0} :where(#cd-page[data-colette-page="club"]) .cd-member{display:grid;grid-template-columns:320px 1fr;gap:36px;align-items:center;background:linear-gradient(160deg,#1c1c20,#111113);border:1px solid var(--line);border-radius:var(--r);padding:26px 34px 26px 26px;overflow:hidden} :where(#cd-page[data-colette-page="club"]) .cd-member-img{border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line-soft);line-height:0;align-self:center} #cd-page:where([data-colette-page="club"]) .cd-member-img img{position:static;width:100%;height:auto;display:block;object-fit:unset} #cd-page:where([data-colette-page="club"]) .cd-member-copy h2{font-size:clamp(1.35rem,2.3vw,1.8rem);margin:0 0 10px} #cd-page:where([data-colette-page="club"]) p.cd-member-lead{color:var(--cream-dim);font-size:.95rem;line-height:1.65;margin:0 0 12px;max-width:64ch} :where(#cd-page[data-colette-page="club"]) .cd-member-list{grid-template-columns:1fr 1fr;gap:0 26px;margin-bottom:4px} #cd-page:where([data-colette-page="club"]) .cd-member-list li{padding:4px 0;font-size:.94rem} :where(#cd-page[data-colette-page="club"]) .cd-member .cd-btn-row{margin-top:12px} @media (max-width:1000px){ :where(#cd-page[data-colette-page="club"]) .cd-member{grid-template-columns:1fr;gap:22px;padding:22px} :where(#cd-page[data-colette-page="club"]) .cd-member-img{max-width:480px;margin:0 auto;width:100%} :where(#cd-page[data-colette-page="club"]) .cd-member-list{grid-template-columns:1fr} } /* ── Events: light skin, zero bottom ── */ :where(#cd-page[data-colette-page="club"]) .cd-sec-events{padding-bottom:12px} :where(#cd-page[data-colette-page="club"]) .cd-events{margin-top:4px;font-size:.95rem;color:var(--cream-dim)} :where(#cd-page[data-colette-page="club"]) .cd-events *{max-width:100%} /* stretch the platform's widget shell to the section width so it shares the header's left edge */ #cd-page:where([data-colette-page="club"]) .cd-events > *,#cd-page:where([data-colette-page="club"]) .cd-events .homepage_widget,#cd-page:where([data-colette-page="club"]) .cd-events .widget,#cd-page:where([data-colette-page="club"]) .cd-events .container,#cd-page:where([data-colette-page="club"]) .cd-events .container-fluid,#cd-page:where([data-colette-page="club"]) .cd-events table{width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;box-sizing:border-box} #cd-page:where([data-colette-page="club"]) .cd-events .row{margin-left:0 !important;margin-right:0 !important} :where(#cd-page[data-colette-page="club"]) .cd-events hr{display:none !important} :where(#cd-page[data-colette-page="club"]) .cd-events img{max-width:100% !important;height:auto !important;border-radius:var(--r-sm);border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.45)} :where(#cd-page[data-colette-page="club"]) .cd-events a{color:#d9d9de !important} :where(#cd-page[data-colette-page="club"]) .cd-events a.cdw-title{font-family:var(--serif) !important;font-weight:700;font-size:1.1rem;line-height:1.3;color:var(--wine) !important;text-decoration:none !important} #cd-page:where([data-colette-page="club"]) .cd-events a.cdw-more{color:var(--wine) !important} #cd-page:where([data-colette-page="club"]) .cd-events a.cdw-more:hover{color:var(--wine-lt) !important} :where(#cd-page[data-colette-page="club"]) .cd-events a.cdw-title:hover{color:var(--wine-lt) !important} /* all widget buttons share one quiet style: dark pill, hairline border; hover fills accent */ #cd-page:where([data-colette-page="club"]) .cd-events a.cdw-btn,#cd-page:where([data-colette-page="club"]) .cd-events a.cdw-btn.cdw-btn-ghost{box-sizing:border-box !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;float:none !important;position:static !important;width:132px !important;min-width:0 !important;max-width:none !important;height:38px !important;min-height:0 !important;padding:0 10px !important;margin:4px 6px 4px 0 !important;border-radius:999px !important;font-size:.72rem !important;font-weight:600 !important;white-space:nowrap !important;text-align:center;line-height:1 !important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;vertical-align:middle;background:transparent !important;color:var(--wine) !important;border:1px solid var(--line) !important;transition:background .15s,border-color .15s,color .15s,transform .15s} /* 2-column button grid: Tickets + RSVP on row one, Who's Going on row two */ #cd-page:where([data-colette-page="club"]) .cd-events .cdw-btngrid{display:grid !important;grid-template-columns:repeat(2,132px) !important;grid-auto-flow:row !important;gap:8px 10px !important;justify-content:start !important;align-items:stretch !important;width:auto !important;float:none !important;margin:10px 0 0 !important;padding:0 !important} #cd-page:where([data-colette-page="club"]) .cd-events .cdw-btngrid br{display:none !important} #cd-page:where([data-colette-page="club"]) .cd-events .cdw-btngrid > *{margin:0 !important;padding:0 !important;width:100% !important;min-width:0 !important;float:none !important;position:static !important;background:none;text-align:left} #cd-page:where([data-colette-page="club"]) .cd-events .cdw-btngrid a.cdw-btn{width:100% !important;height:38px !important;margin:0 !important} /* third button (Who's Going) centered under the pair: span both columns, keep pill width */ #cd-page:where([data-colette-page="club"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)){grid-column:1/3;display:flex;justify-content:center} #cd-page:where([data-colette-page="club"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)) a.cdw-btn{width:132px !important} #cd-page:where([data-colette-page="club"]) .cd-events a.cdw-btn:hover,#cd-page:where([data-colette-page="club"]) .cd-events a.cdw-btn.cdw-btn-ghost:hover{transform:translateY(-2px);background:var(--wine) !important;border-color:var(--wine) !important;color:#0b0b0c !important} :where(#cd-page[data-colette-page="club"]) .cd-events .cdw-gray{background-color:transparent !important;border-color:var(--line-soft) !important} /* ══════════════════════════════════════════════════════════════ MEMBER VIEW · step 1 — the opening paragraph The public view is untouched: every rule below is gated on the body classes ML emits (`public`, `premium-member`). No JavaScript; the disclosure is a native
. ══════════════════════════════════════════════════════════════ */ body.public #cd-page:where([data-colette-page="club"]) .cd-mem-only{display:none !important} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-pub-only{display:none !important} /* standard-member-only content: hidden from the public, from premium members, and from owner/admin accounts, which carry club-owner-site-admin rather than premium-member and should never be shown an upgrade prompt */ body.public #cd-page:where([data-colette-page="club"]) .cd-std-only, body.premium-member #cd-page:where([data-colette-page="club"]) .cd-std-only, body.club-owner-site-admin #cd-page:where([data-colette-page="club"]) .cd-std-only{display:none !important} /* premium-only content, same treatment for owner/admin accounts */ body:not(.premium-member):not(.club-owner-site-admin) #cd-page:where([data-colette-page="club"]) .cd-prem-only{display:none !important} #cd-page:where([data-colette-page="club"]) .cd-disc{margin:2px 0 0} #cd-page:where([data-colette-page="club"]) .cd-disc > summary{display:inline-block;cursor:pointer;list-style:none;padding:8px 0;font-family:var(--sans) !important;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--wine)} #cd-page:where([data-colette-page="club"]) .cd-disc > summary::-webkit-details-marker{display:none} #cd-page:where([data-colette-page="club"]) .cd-disc > summary::after{content:' +'} #cd-page:where([data-colette-page="club"]) .cd-disc[open] > summary::after{content:' \2013'} #cd-page:where([data-colette-page="club"]) .cd-disc > summary:hover{color:var(--wine-lt)} #cd-page:where([data-colette-page="club"]) .cd-disc p{margin:4px 0 0;color:var(--cream-dim);font-size:1.02rem;line-height:1.7;max-width:74ch} /* the See the Newsfeed pill is an in-page anchor; scroll-margin keeps the section clear of the platform's fixed header when it lands */ #cd-page:where([data-colette-page="club"]) #newsfeed_section{scroll-margin-top:90px} /* the two standard-member pills sit side by side on desktop; on a phone they stack full width like every other button row */ @media (min-width:761px){ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero .cd-btn-row.cd-std-only{display:flex;flex-wrap:nowrap;gap:10px;align-items:stretch} /* size to the label rather than splitting the row evenly — that is what was wrapping "Join colette Social Premium" onto two lines and doubling the height of both pills */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero .cd-btn-row.cd-std-only .cd-btn{flex:0 1 auto;width:auto;padding:0 16px;white-space:nowrap;text-align:center;line-height:1;height:36px;min-height:0;font-size:.68rem;letter-spacing:.05em} } /* the upgrade line now sits in the hero itself rather than inside the disclosure, so a standard member sees it without expanding anything */ #cd-page:where([data-colette-page="club"]) p.cd-upg-line{margin:14px 0 0;color:var(--cream)} #cd-page:where([data-colette-page="club"]) p.cd-upg-line a{color:var(--wine) !important;text-decoration:underline !important;text-underline-offset:3px} #cd-page:where([data-colette-page="club"]) p.cd-upg-line a:hover{color:var(--wine-lt) !important} /* member step 6 — two columns for logged-in visitors: content left (470px), ML widgets right (620px), 30px gap, 1120px overall. 620 holds two of the platform's own 282px event cards per row with room to spare, so no card width is ever overridden. The widget column is one grid item spanning the rows, which lets the two columns flow to different heights independently. Nothing here creates a stacking context — no transform, opacity, filter or isolation — so widget overlays keep covering what they cover. Below 1000px the member view returns to a single column in normal flow. */ body:not(.public) #cd-page:where([data-colette-page="club"]){display:grid;grid-template-columns:680px 410px;column-gap:30px;justify-content:center;align-items:start;grid-auto-rows:min-content} body:not(.public) #cd-page:where([data-colette-page="club"]) > *{grid-column:1;min-width:0} /* the two-column band is the top of the page only: hero + glance on the left, the widget stack on the right, both starting at the top */ body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-hero{grid-column:1;grid-row:1} /* everything from About down is full width again — those sections were built for 1120px and their internal grids are keyed to the viewport, so in a 470px column they overflow and get clipped */ body:not(.public) #cd-page:where([data-colette-page="club"]) > #about, body:not(.public) #cd-page:where([data-colette-page="club"]) > #dress_code, body:not(.public) #cd-page:where([data-colette-page="club"]) > #parties, body:not(.public) #cd-page:where([data-colette-page="club"]) > #club_location, body:not(.public) #cd-page:where([data-colette-page="club"]) > section[aria-label="Stay in touch"], body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-foot{grid-column:1/-1} /* member tools first in the widget column — order only, the markup and the logged-out order are untouched */ /* the widget column stretches to the taller column's height; its ::after takes exactly the space nothing else claimed and carries a very quiet wordmark. No leftover space, no mark, and it can never overlap content. */ /* New members: full width above About, six cards as three across by two. Same approach as the events grid — the widget's own row container becomes a three-column grid and only the cards' side margins are zeroed, so ML keeps deciding how wide a card is. */ body:not(.public) #cd-page:where([data-colette-page="club"]) > #new_members_section{grid-column:1/-1;padding:40px 0 10px} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-tk-head{text-align:center;margin-bottom:22px} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-tk-title{font-size:clamp(1.9rem,3.6vw,2.7rem)} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-group-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:24px;margin:0 !important;font-size:16px} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-group-inner > *{margin-left:0 !important;margin-right:0 !important;max-width:100%;vertical-align:top} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-group-inner > .thumb-container{margin-bottom:0 !important} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .homepage_widget, body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-group-container{max-width:100%} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section img{max-width:100%;height:auto} /* the widget prints its own title; the section already has one */ body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .homepage_widget > .title{display:none} @media (max-width:1000px){body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-group-inner{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:640px){body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-group-inner{grid-template-columns:minmax(0,1fr)}} /* Community updates: left column, directly under the Social Toolkit, and only for entitled viewers (premium and owner accounts). The widget renders nothing at all for a standard member, so .cd-prem-only keeps the heading from sitting above an empty box. */ /* ══════════════════════════════════════════════════════════════ MEMBER LAYOUT v9.1 Desktop: hero (photo · welcome · Right Now · anchors · hours block · gallery link), then events full width, the Social Toolkit full width, then the social area — newsfeed beside Community updates, New members beneath. Phone: the same content, one column, agenda events, feed high, club-information bar fixed at the foot. ══════════════════════════════════════════════════════════════ */ /* ── grid: columns are 680 / 410 in the social area; everything above is full width ── */ body:not(.public) #cd-page:where([data-colette-page="club"]){grid-template-columns:680px 410px;overflow-x:clip} body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-left{display:block;grid-column:1/-1;grid-row:1;min-width:0} body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-infocol{display:block;grid-column:1/-1;grid-row:6;min-width:0} body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-widgets{display:contents} body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-widgets > #events{grid-column:1/-1;grid-row:2} body:not(.public) #cd-page:where([data-colette-page="club"]) > #social{grid-column:1/-1;grid-row:3} body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-left2{display:flex;flex-direction:column;grid-column:1;grid-row:4;align-self:stretch;min-width:0} body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-widgets > #updates{grid-column:2;grid-row:4;align-self:start;display:block;order:0;padding:0 0 10px} body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-widgets > .cd-fill{display:none} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates > .cd-fill{display:none} /* New members sits under Community updates in the right column: two cards, then the link to the full list. The left column (the feed) spans both rows and carries the filler for whatever is left over. */ body:not(.public) #cd-page:where([data-colette-page="club"]) > #new_members_section{grid-column:2;grid-row:5;align-self:stretch;display:flex;flex-direction:column;padding:0 0 30px} body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-left2{grid-row:4/span 2} body:not(.public) #cd-page:where([data-colette-page="club"]) > #about{grid-row:7} /* ── hero ── */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero{padding:0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero-inner{display:block;position:relative;width:100%;min-height:360px;overflow:hidden} body:not(.public) #cd-page:where([data-colette-page="club"]) #cdg-open{display:block !important;position:absolute;inset:0;min-height:0;border:0;border-radius:0;box-shadow:none;z-index:0;cursor:pointer} body:not(.public) #cd-page:where([data-colette-page="club"]) #cdg-open img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:none} body:not(.public) #cd-page:where([data-colette-page="club"]) #cdg-open::after{background:linear-gradient(90deg,rgba(11,11,12,.92) 0%,rgba(11,11,12,.72) 45%,rgba(11,11,12,.3) 100%),linear-gradient(180deg,rgba(11,11,12,.15),rgba(11,11,12,.8))} body:not(.public) #cd-page:where([data-colette-page="club"]) #cdg-open .cdg-chip{display:none} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero-copy{position:relative;z-index:1;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:40px 0 34px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-welcome .cd-lead{max-width:60ch;color:var(--cream)} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-welcome{margin-bottom:0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cdg{display:none} body:not(.public) #cd-page:where([data-colette-page="club"]) .cdg.is-open{display:block} /* Right Now */ #cd-page:where([data-colette-page="club"]) .cd-now{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;margin-top:22px;padding:14px 18px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(11,11,12,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:720px} #cd-page:where([data-colette-page="club"]) .cd-now-k{font-size:.64rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--wine)} #cd-page:where([data-colette-page="club"]) .cd-now-stat{font-size:.95rem;color:var(--cream-dim);white-space:nowrap} #cd-page:where([data-colette-page="club"]) .cd-now-stat b{font-family:var(--serif) !important;font-weight:800 !important;font-size:1.35rem;color:var(--cream);margin-right:4px;font-variant-numeric:tabular-nums} #cd-page:where([data-colette-page="club"]) a.cd-now-go{margin-left:auto;display:inline-flex;align-items:center;min-height:38px;padding:0 18px;border-radius:999px;background:var(--wine);color:#0b0b0c !important;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .15s,transform .15s} #cd-page:where([data-colette-page="club"]) a.cd-now-go:hover{background:var(--wine-lt);transform:translateY(-2px)} /* the club guide: one line of links under Right Now — navigation, not buttons */ #cd-page:where([data-colette-page="club"]) .cd-quick{margin-top:18px;padding:0} #cd-page:where([data-colette-page="club"]) .cd-index{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;max-width:860px;font-family:var(--sans) !important;font-size:.78rem;line-height:1.6} #cd-page:where([data-colette-page="club"]) .cd-index-k{font-size:.64rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--wine);margin-right:12px} #cd-page:where([data-colette-page="club"]) .cd-index a{color:var(--cream) !important;font-weight:600;text-decoration:underline !important;text-underline-offset:4px;text-decoration-color:rgba(142,206,252,.55) !important;transition:color .15s,text-decoration-color .15s} #cd-page:where([data-colette-page="club"]) .cd-index a:hover{color:var(--wine) !important;text-decoration-color:var(--wine) !important} #cd-page:where([data-colette-page="club"]) .cd-index a + a::before{content:'·';color:var(--mute);margin:0 8px;text-decoration:none;display:inline-block} /* Hours & essentials: full width directly above About */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol #club_hours{background:var(--ink2);padding:34px 0 30px;border-top:1px solid var(--line-soft)} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-wrap{width:min(1120px,calc(100% - 40px))} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hours-head{text-align:center;margin-bottom:18px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item{display:block;padding:14px 22px;border-left:1px solid var(--line-soft);border-top:0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item:first-child{border-left:0;padding-left:0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item span{display:block;margin:0 0 5px;font-size:.66rem;letter-spacing:.18em;color:var(--wine)} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item b{display:block;font-size:1.1rem;line-height:1.3;font-family:var(--serif) !important;font-weight:700 !important} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item b br{display:inline} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item b .cd-sep{display:none} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item small{display:block;font-size:.84rem;line-height:1.5;margin-top:4px;color:var(--cream-dim)} /* gallery link, lower right */ #cd-page:where([data-colette-page="club"]) .cd-hero-gal{display:none} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero-gal{position:absolute;right:20px;bottom:20px;z-index:2;display:inline-flex;align-items:center;gap:10px;appearance:none;-webkit-appearance:none;padding:6px 14px 6px 6px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(11,11,12,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cream);cursor:pointer;font-family:var(--sans) !important;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:border-color .15s,transform .15s} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero-gal img{width:40px;height:40px;object-fit:cover;border-radius:50%;display:block} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero-gal b{color:var(--wine);margin-left:4px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero-gal:hover{border-color:var(--wine);transform:translateY(-2px)} /* ── events: full width, three across, with room above ── */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets > #events{padding-top:44px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets #events .cd-head{text-align:center;max-width:none} @media (min-width:1001px){ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-group-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px} } /* ── toolkit: full width, one row of pills ── */ body:not(.public) #cd-page:where([data-colette-page="club"]) > #social{padding:30px 0 26px;margin-top:14px;border-top:1px solid var(--line-soft)} body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none} @media (min-width:1001px){ body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget{grid-template-columns:repeat(6,minmax(0,1fr))} body:not(.public):not(.premium-member):not(.club-owner-site-admin) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget{grid-template-columns:repeat(7,minmax(0,1fr))} body:not(.public):not(.premium-member):not(.club-owner-site-admin) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget a:nth-last-child(1):nth-child(odd){grid-column:auto} } /* ── social area: the feed and Community updates share one card language ── */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-left2 > #newsfeed_section{padding-top:30px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets > #updates{padding-top:30px} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-tk-head{text-align:center;margin-bottom:16px} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-fill{flex:1 1 auto;min-height:0} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-tk-head{text-align:center;margin-bottom:16px} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-tk-title{font-size:clamp(1.25rem,2vw,1.55rem)} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-nf-more{text-align:center} @media (min-width:1001px){ body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-group-inner{grid-template-columns:minmax(0,1fr);gap:18px} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-container:nth-of-type(n+3){display:none} } /* ── CLUB INFORMATION · top of the widget column, members only ────────── The Featured events rotator used to open this column. In its place the glance strip and a set of links into the detail sections further down, so a newer member can find the practical answers without scrolling past the events. The strip is not duplicated — it is the page's own #club_hours, moved into this column by grid placement, so the logged-out markup and order are untouched. */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol #club_hours{background:transparent} /* every quick-link target clears the platform's fixed header when it lands */ #cd-page:where([data-colette-page="club"]) #about,#cd-page:where([data-colette-page="club"]) #amenities,#cd-page:where([data-colette-page="club"]) #house_rules,#cd-page:where([data-colette-page="club"]) #dress_code, #cd-page:where([data-colette-page="club"]) #arrival,#cd-page:where([data-colette-page="club"]) #parties,#cd-page:where([data-colette-page="club"]) #club_location,#cd-page:where([data-colette-page="club"]) #newsletter{scroll-margin-top:90px} /* ── Phone refinements to the member view ───────────────────────────── */ @media (max-width:760px){ /* Club information: centred heading, tighter strip, smaller values */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-quick .cd-wrap{text-align:center} body:not(.public) #cd-page:where([data-colette-page="club"]) #club_hours .cd-glance-item{padding:9px 12px 9px 0} body:not(.public) #cd-page:where([data-colette-page="club"]) #club_hours .cd-glance-item b{font-size:.84rem;line-height:1.3} body:not(.public) #cd-page:where([data-colette-page="club"]) #club_hours .cd-glance-item small{font-size:.72rem;line-height:1.4;margin-top:2px} body:not(.public) #cd-page:where([data-colette-page="club"]) #club_hours .cd-glance-item span{font-size:.58rem;margin-bottom:2px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-quick{padding-top:10px} body:not(.public) #cd-page:where([data-colette-page="club"]) h2.cd-quick-h{padding-top:10px;margin-bottom:10px} /* the feed's title sits level with the Post control rather than below it */ body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed > .title{margin-top:-10px} /* three new members, then the widget's own More */ body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-container:nth-of-type(n+4){display:none} /* Long button labels cannot wrap, so on a narrow screen they overflow their pill and widen the grid track that holds them — which is what pushes the whole Private parties block past the right edge. Let them wrap, and stop a long child from setting the track's width. */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-split{min-width:0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-split > div{min-width:0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-split .cd-btn{white-space:normal;height:auto;min-height:48px;line-height:1.25;padding:10px 18px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-price{grid-template-columns:92px 1fr;gap:12px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-price b{font-size:1.5rem} } /* Community updates lives in the widget column, last before the logo filler. The widget rotates its seven modules, so its natural height swings from about 400px to 2,200px; the cap keeps the right column at or just under the left, which is what lets the filler close the remaining gap in every view. */ body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .modules{max-height:600px;overflow:hidden} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-tk-head{text-align:center;margin-bottom:16px} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-tk-title{font-size:clamp(1.25rem,2vw,1.55rem)} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .homepage_widget, body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .thumb-group-container, body:not(.public) #cd-page:where([data-colette-page="club"]) #updates img, body:not(.public) #cd-page:where([data-colette-page="club"]) #updates video{max-width:100%} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .homepage_widget > .title{display:none} /* Owner accounts: no hot pics or hot vids in Community updates. The widget shows a varying subset of its seven modules (messages, who's hot, friends, groups, forums, hot pics, hot vids), so on a load where only those two came up the section would be an empty box — the second rule collapses the whole section, heading included, when nothing else is left for that account. Premium members are unaffected by either rule. */ body.club-owner-site-admin #cd-page:where([data-colette-page="club"]) #updates .social_module.hotpics, body.club-owner-site-admin #cd-page:where([data-colette-page="club"]) #updates .social_module.hotvids{display:none !important} body.club-owner-site-admin #cd-page:where([data-colette-page="club"]) #updates:not(:has(.social_module:not(.hotpics):not(.hotvids))){display:none !important} /* ══════════════════════════════════════════════════════════════ WIDGET SKIN · Featured events, News feed, Community updates, New members. Styling only — no widget behaviour is touched and nothing here applies to a logged-out visitor. ══════════════════════════════════════════════════════════════ */ /* shared pill, reused by the Featured buy button and the feed's "more" */ /* 1 · Featured events */ /* 2 · News feed — label, and blue controls (ML draws its icons as ::before glyphs, so they take the text colour) */ /* ML's own title is back. Its native spacing leaves the first post's date overlapping the absolutely positioned Post control by 14px, so the title keeps a little more room beneath it — the label itself is untouched. */ body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed > .title{margin-bottom:34px} body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed .ml_button.post > a.icon_button.news, body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed #newsfeed_filters, body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed a.icon_button.news{color:var(--wine) !important} body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed .ml_button.post > a.icon_button.news::before, body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed #newsfeed_filters::before, body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed a.icon_button.news::before{color:inherit !important} body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed .ml_button.post > a.icon_button.news:hover, body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed #newsfeed_filters:hover{color:var(--wine-lt) !important} /* the platform's membership-required upsell keeps its own appearance */ /* The platform's own "more" duplicates the page's Open the full newsfeed link 81px below it, and only entitled viewers ever get it — so one control is kept and it is ours, which every member sees and whose wording we own. */ body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed a.icon_button.news[href*="newsfeed_items"]{display:none !important} /* the feed and its link read as one bounded block */ /* standard members have no link beneath the feed, so the widget closes its own card; premium and owner accounts get the split card with the link carrying the bottom edge */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed::after{left:1px;right:1px;bottom:1px;border-radius:0 0 13px 13px} body.premium-member #cd-page:where([data-colette-page="club"]) .cd-newsfeed, body.club-owner-site-admin #cd-page:where([data-colette-page="club"]) .cd-newsfeed{border-bottom:0;border-radius:14px 14px 0 0;padding-bottom:0} body.premium-member #cd-page:where([data-colette-page="club"]) .cd-newsfeed::after, body.club-owner-site-admin #cd-page:where([data-colette-page="club"]) .cd-newsfeed::after{bottom:0;border-radius:0} /* the feed's own bottom margin left a 15px seam between the two halves of the card; a flex column closes it without touching either element */ body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed_section .cd-wrap{display:flex;flex-direction:column} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-nf-more{margin-top:0;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;padding:10px 14px 16px} body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed a.icon_button.relative.news{border:0 !important;border-radius:0 !important;background:none !important;min-height:0 !important;padding-left:2.2rem !important} /* 3 · Community updates — the widget and its link read as one bounded block */ body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-w-activity{border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;padding:14px 14px 0} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-nf-more{margin-top:0;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;padding:4px 14px 16px} /* 4 · New members — tighter above, a little air below */ body:not(.public) #cd-page:where([data-colette-page="club"]) > #new_members_section{padding:14px 0 26px} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-tk-head{margin-bottom:14px} /* Pass / like / let's meet are left exactly as the platform renders them. Each is a single flat PNG containing both the circle and the glyph, so a colour filter flattens the whole graphic into one blue disc and the icon disappears. Recolouring these needs artwork from ML, not CSS. */ /* Left column: the sections above the toolkit are wrapped so the column has a single block, and the toolkit then owns every row beneath it. Stretching the toolkit gives its ::after the leftover space — the same trick the widget column uses — so whichever side runs short, the mark fills it and nothing shows when the columns already match. The wrapper is display:contents for a logged-out visitor, so the public DOM renders exactly as before. */ #cd-page:where([data-colette-page="club"]) > .cd-left,#cd-page:where([data-colette-page="club"]) > .cd-left2,#cd-page:where([data-colette-page="club"]) > .cd-infocol{display:contents} /* Row 1 the hero, row 2 the club rail, both full width. Then the columns: Social Toolkit above the newsfeed on the left; events, the Reserve card and Community updates on the right. The two columns open level with each other. */ /* Each column ends with an empty filler that takes whatever space the other column left over. The mark only appears once that space is worth filling — under 300px the filler stays blank, so a small gap is just a small gap and the logo is never cropped or crowded against the content above it. */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-fill{flex:1 1 auto;min-height:0;container-type:size;container-name:fill} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-fill > .cd-fill-mark{display:block;width:100%;height:100%;opacity:0} @container fill (min-height: 300px){ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-fill > .cd-fill-mark{opacity:.12;background:url("https://modernlifestyle-prod.nyc3.cdn.digitaloceanspaces.com/7281601/b54f2260-ee24-4cde-ac5e-6cad411da814/original.png?v=tm4oru") no-repeat center 52%;background-size:min(240px,62%) auto} } body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-tk-head{text-align:center;margin-bottom:18px} body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-tk-note{margin-left:auto;margin-right:auto} body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-tk-title{font-size:clamp(1.25rem,2vw,1.55rem)} /* Toolkit buttons: one even two-up grid so every pill is the same width and height whatever its label. Any wrapper the widget ships goes display:contents so each BUTTON is a grid cell; labels wrap inside their pill rather than setting the pill's width. */ body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;justify-content:stretch} body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget div, body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget p, body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget ul, body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget ol, body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget li{display:contents} body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget br{display:none} body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget a{position:static !important;float:none !important;display:inline-flex !important;width:100% !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:44px;margin:0 !important;padding:8px 12px !important;white-space:normal !important;line-height:1.25 !important;text-align:center;overflow:visible !important;text-indent:0 !important} /* a lone last pill fills the row instead of leaving a hole (standard only — premium has an even six once the purchase pill is hidden) */ body:not(.public):not(.premium-member):not(.club-owner-site-admin) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget a:nth-last-child(1):nth-child(odd){grid-column:1/-1} /* ML's .icon_button keeps its icon in a pseudo-element and sets gap:8px. Our pills force inline-flex, which turns that pseudo-element into a visible flex item — the stray blue box that flickers. Neutralised inside the toolkit only. */ body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget a{gap:0 !important} body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget a::before, body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget a::after{content:none !important;display:none !important;background:none !important;animation:none !important;transition:none !important} /* the purchase pill is the upgrade path for standard members; premium and owner accounts have no use for it */ body.premium-member #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget a.membership, body.club-owner-site-admin #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget a.membership, body.premium-member #cd-page:where([data-colette-page="club"]) .cd-social-widget a.membership, body.club-owner-site-admin #cd-page:where([data-colette-page="club"]) .cd-social-widget a.membership{display:none !important} /* Featured events now opens the widget column: it takes the hero's 36px top padding so its heading starts on the same line as the colette Dallas title, and it carries the same heading scale as Upcoming events below it. */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets > #events{padding-top:10px} /* right column: the two headers centre over what they introduce */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets #events .cd-head{text-align:center;max-width:none} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets #events .cd-head .cd-lead{margin-left:auto;margin-right:auto} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets .cd-tk-head{text-align:center} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets .cd-tk-head .cd-tk-note{margin-left:auto;margin-right:auto} /* the LIST | CALENDAR switch centres with its heading (it is an inline-flex pill, so the column centres it by text-align on the section wrap) */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets #events > .cd-wrap{text-align:center} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets #events .cd-events, body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets #events .cd-cal{text-align:left} /* the two "more" controls centre under the list they extend */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-calmore{text-align:center} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-nf-more{text-align:center !important} /* Calendar view for members: the agenda presentation, not the 7-column month grid. Seven columns inside a 620px column would give ~85px cells; the agenda is the same data, the same links and the same month navigation, already built by the module on every render. CSS only — the module is untouched. */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-cal-dowrow, body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-cal-grid{display:none} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-cal-agenda{display:block} /* Newsfeed: left column, under the club information strip. Standard members get the platform's own locked presentation — its membership-required button and its background_layer over the items — exactly as ML renders it elsewhere. Nothing here creates a stacking context or repositions that overlay; the only page rules are width guards so the widget fits 470px. */ /* an empty newsfeed section must take no space at all — the mobile .cd-sec padding was giving it 64px on a phone even with nothing in it */ #cd-page:where([data-colette-page="club"]) .cd-newsfeed-sec{padding:0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed-sec:has(.cd-newsfeed:not(.is-empty)){padding:30px 0 0} /* The locked teaser ML serves a non-entitled member ignores per_page and runs ~3,400px. Its content sits behind the platform's own overlay, so capping the item area costs the reader nothing and keeps the column in proportion. The widget's title and its membership-required button are above .newsfeed_items and stay in view. No fade or extra layer is added — nothing should come near that overlay's stacking. */ /* the two tiers use different containers: the locked teaser renders .newsfeed_items, the entitled feed renders #newsfeed-items */ /* the locked teaser (.newsfeed_items) and the entitled feed (#newsfeed-items) are different containers, so each gets its own ceiling. The teaser is obscured content advertising what is behind it and does not need height; an entitled member gets a little more of what they can actually read. */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .newsfeed_items{max-height:1750px;overflow:hidden} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed #newsfeed-items{max-height:1650px;overflow:hidden} /* ── Feed posts: predictable height ────────────────────────────────────── A long post or a photo dump used to fill the whole capped area, so the feed showed one item instead of several. Each post now shows about eight lines of text and its first two photos; anything trimmed gets a "See more" link to that exact post in the full newsfeed. Nothing is truncated at the source and no post is hidden — only how much of it the column shows. */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-row .text .body{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-row .item-photo:nth-of-type(n+3){display:none} #cd-page:where([data-colette-page="club"]) .cd-nf-seemore{display:block;margin:8px 0 2px;padding:0 0.8em;font-family:var(--sans) !important;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wine) !important;text-decoration:none !important} #cd-page:where([data-colette-page="club"]) .cd-nf-seemore:hover{color:var(--wine-lt) !important;text-decoration:underline !important} /* Site-admin view only: passkey photo/video items are hidden so the owner's feed shows activity rather than private albums. ML marks these rows `nfi-new-photo-video nfi-passkey`. Nothing changes for premium members who have been granted access to a passkey album — this is one account's view, not an entitlement change. */ body.club-owner-site-admin #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-row.nfi-passkey{display:none !important} /* Site-admin view only: X-rated posts are hidden too. ML tags each post with its rating as inside the row, so the row itself can be matched. G, PG and R posts are unaffected, and no other tier is touched. */ body.club-owner-site-admin #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-row:has(.content-rating-badge.x){display:none !important} /* soft edge so the cut reads as deliberate — a background gradient on our own wrapper, nowhere near the platform overlay's stacking */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed{position:relative} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed::after{content:'';position:absolute;left:0;right:0;bottom:0;height:80px;pointer-events:none;background:linear-gradient(180deg,rgba(11,11,12,0),var(--ink))} #cd-page:where([data-colette-page="club"]) .cd-nf-more{margin:14px 0 0;text-align:center} #cd-page:where([data-colette-page="club"]) .cd-nf-more a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 20px;border:1px solid var(--line);border-radius:999px;color:var(--wine) !important;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;transition:background .15s,border-color .15s,color .15s} #cd-page:where([data-colette-page="club"]) .cd-nf-more a:hover{background:var(--wine);border-color:var(--wine);color:#0b0b0c !important} /* Amenities: three columns and tighter rows in the member view only */ /* Marquee band in the widget column */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .homepage_widget, body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .ml-widget, body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed img, body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed video, body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed table{max-width:100%} /* six agenda rows at a time, with a disclosure for the rest. The module rebuilds #cd-cal on every render, so the control lives outside it and the reveal is done with :has() — no JavaScript and nothing in the module changes. The control appears only while the calendar is showing AND a seventh row exists. */ body:not(.public) #cd-page:where([data-colette-page="club"]) #cd-cal .cd-cala:nth-child(n+7){display:none} body:not(.public) #cd-page:where([data-colette-page="club"]) #cd-cal.is-open .cd-cala:nth-child(n+7){display:flex} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-calmore{display:none;margin:14px 0 2px} body:not(.public) #cd-page:where([data-colette-page="club"]) #events:has(#cd-cal:not([hidden]) .cd-cala:nth-child(7)) .cd-calmore{display:block} #cd-page:where([data-colette-page="club"]) button.cd-calmore-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 20px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--wine);font-family:var(--sans) !important;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s} #cd-page:where([data-colette-page="club"]) button.cd-calmore-btn:hover{background:var(--wine);border-color:var(--wine);color:#0b0b0c} #cd-page:where([data-colette-page="club"]) .cd-calmore-b{display:none} #cd-page:where([data-colette-page="club"]) .cd-calmore-btn[aria-expanded="true"] .cd-calmore-a{display:none} #cd-page:where([data-colette-page="club"]) .cd-calmore-btn[aria-expanded="true"] .cd-calmore-b{display:inline} /* two event cards per row, without touching the card's own width. The platform lays its cards out as inline-blocks with side margins, so the number per row depends on those margins — which we do not control. Making their own container a two-column grid and zeroing only the side margins guarantees two per row: the cells (~300px) are wider than the 282px card, so nothing is squeezed and no width is overridden. */ @media (min-width:1001px){ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-group-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 !important;font-size:16px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-group-inner > *{margin-left:0 !important;margin-right:0 !important;max-width:100%;vertical-align:top} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-group-inner > .thumb-container{margin-bottom:0 !important} } /* Social Toolkit heading, member view */ #cd-page:where([data-colette-page="club"]) .cd-tk-head{margin-bottom:16px} #cd-page:where([data-colette-page="club"]) .cd-tk-title{font-size:clamp(1.3rem,2.2vw,1.7rem);margin:0 0 6px} #cd-page:where([data-colette-page="club"]) p.cd-tk-note{margin:0;color:var(--cream-dim);font-size:.95rem} /* the column supplies its own gutter, so the inner wrap runs full width — without this the wrap's 40px inset leaves 580px and only one card fits */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets .cd-wrap{width:100%} /* the newsfeed is its own section now; it takes no space when the feed is hidden or empty, so no gap is left behind for non-premium visitors */ :where(#cd-page[data-colette-page="club"]) .cd-newsfeed-sec{padding:0} #cd-page:where([data-colette-page="club"]) .cd-newsfeed-sec .cd-newsfeed{margin-top:0} /* the platform's widgets must not force the column wider than it is */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets .homepage_widget, body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets .thumb-group-container{max-width:100%} /* ── MOBILE / NARROW: reading order for logged-in visitors ─────────────── The two-column grid is off below 1000px, so the page reverts to a single column. The wrappers go display:contents there, which makes every section a direct flex item of the page and lets the order be set without moving any markup. Desktop and the logged-out view are untouched. */ @media (max-width:1000px){ /* the desktop grid sets align-items:start, which in a flex column makes every section shrink to its content width — that is why the rotator sat narrow and off to the left */ body:not(.public) #cd-page:where([data-colette-page="club"]){display:flex;flex-direction:column;align-items:stretch} /* doubled class keeps these ahead of the desktop rules declared later */ body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-left.cd-left, body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-left2.cd-left2, body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-infocol.cd-infocol, body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-widgets.cd-widgets{display:contents} body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-left > *, body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-left2 > *, body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-infocol > *, body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-widgets > *, body:not(.public) #cd-page:where([data-colette-page="club"]) > *{order:8} /* id-based (and a doubled class for the hero) so these beat the catch-all whether or not the section sits inside a column wrapper */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero.cd-hero{order:1} /* these three carry desktop order values from the widget column, set with the same selectors — re-declared here so the narrow layout wins */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets > #events{order:2} body:not(.public) #cd-page:where([data-colette-page="club"]) > #social{order:3} body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed_section{order:4} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets > #updates{order:5} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section{order:6} body:not(.public) #cd-page:where([data-colette-page="club"]) #club_hours{order:7} body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-infocol{padding-top:0} /* the column fillers have nothing to balance in one column */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-fill{display:none} /* sections keep their own top padding once reordered */ body:not(.public) #cd-page:where([data-colette-page="club"]) #events{padding-top:10px} } /* Community updates ends with 30px of padding and the toolkit opens with 18px margin plus 34px padding — 82px between them on a phone. Trimmed to about a third; the hairline above the toolkit stays. */ @media (max-width:760px){ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets > #updates{padding-bottom:10px} body:not(.public) #cd-page:where([data-colette-page="club"]) > #social{margin-top:10px;padding-top:16px} } /* the events section's 36px bottom padding plus the newsfeed's 30px top left 51px of dead space between the two on a phone; halved */ @media (max-width:760px){ body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-widgets > #events, body:not(.public) #cd-page:where([data-colette-page="club"]) #events{padding-bottom:12px} body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed_section:has(.cd-newsfeed:not(.is-empty)){padding-top:9px} } /* three events in LIST view on a phone; the agenda keeps its six */ @media (max-width:760px){ } /* ML's .icon_button carries its icon in a pseudo-element with gap:8px; inside our pills that renders as a stray box. Same neutralisation as the toolkit, for the admin-only controls that appear in event cards. */ /* The card's own button bar. Owner accounts get extra buttons that our label list does not know ("guest list", and whatever ML adds later); those stay block-level and force every button onto its own line. Make the bar a wrapping row and give every button in it the same pill, whatever its label. Where the script already built .cdw-btngrid (the public card) that grid still wins, so the approved layout is untouched. */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .buttons.ml_button{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;align-items:stretch;justify-content:stretch} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .buttons.ml_button > a:nth-last-child(1):nth-child(odd){grid-column:1/-1;justify-self:center;width:60%} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .buttons.ml_button > a{box-sizing:border-box;display:inline-flex !important;align-items:center;justify-content:center;float:none !important;position:static !important;width:100%;min-width:0;max-width:none;height:38px;min-height:0;padding:0 10px;margin:0 !important;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;background:transparent !important;color:var(--wine) !important;border:1px solid var(--line);transition:background .15s,border-color .15s,color .15s,transform .15s} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .buttons.ml_button > a:hover{transform:translateY(-2px);background:var(--wine) !important;border-color:var(--wine) !important;color:#0b0b0c !important} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .buttons.ml_button > a::before, body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .buttons.ml_button > a::after{content:none !important;display:none !important;background:none !important} #cd-page:where([data-colette-page="club"]) .cd-events a.cdw-btn.icon_button{gap:0 !important} #cd-page:where([data-colette-page="club"]) .cd-events a.cdw-btn.icon_button::before, #cd-page:where([data-colette-page="club"]) .cd-events a.cdw-btn.icon_button::after{content:none !important;display:none !important;background:none !important} /* ── Events: LIST | CALENDAR view switch + calendar presentation ── */ #cd-page:where([data-colette-page="club"]) [hidden]{display:none !important} :where(#cd-page[data-colette-page="club"]) .cd-evswitch{display:inline-flex;margin:2px 0 18px;padding:3px;gap:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02)} #cd-page:where([data-colette-page="club"]) .cd-evtab{appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 20px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wine);line-height:1;transition:background .15s,color .15s} #cd-page:where([data-colette-page="club"]) .cd-evtab:hover{color:var(--wine-lt)} #cd-page:where([data-colette-page="club"]) .cd-evtab.is-on,#cd-page:where([data-colette-page="club"]) .cd-evtab.is-on:hover{background:var(--wine);color:#0b0b0c} :where(#cd-page[data-colette-page="club"]) .cd-cal{margin-top:4px} :where(#cd-page[data-colette-page="club"]) .cd-cal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px} :where(#cd-page[data-colette-page="club"]) .cd-cal-month{font-weight:700;font-size:1.18rem;color:var(--cream);letter-spacing:.01em} :where(#cd-page[data-colette-page="club"]) .cd-cal-nav{display:flex;gap:8px} #cd-page:where([data-colette-page="club"]) .cd-cal-nav button{appearance:none;-webkit-appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--wine);font-size:1.05rem;line-height:1;padding:0 0 2px;transition:background .15s,border-color .15s,color .15s} #cd-page:where([data-colette-page="club"]) .cd-cal-nav button:hover:not(:disabled){background:var(--wine);border-color:var(--wine);color:#0b0b0c} #cd-page:where([data-colette-page="club"]) .cd-cal-nav button:disabled{opacity:.35;cursor:default} :where(#cd-page[data-colette-page="club"]) .cd-cal-dowrow{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line-soft);border-bottom:0;border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--ink3);overflow:hidden} :where(#cd-page[data-colette-page="club"]) .cd-cal-dow{padding:9px 0;text-align:center;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)} :where(#cd-page[data-colette-page="club"]) .cd-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line-soft);border-radius:0 0 var(--r-sm) var(--r-sm);background:var(--ink2);overflow:hidden} :where(#cd-page[data-colette-page="club"]) .cd-cal-day{min-height:92px;padding:8px 9px 10px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);min-width:0} :where(#cd-page[data-colette-page="club"]) .cd-cal-day.cd-col7{border-right:0} :where(#cd-page[data-colette-page="club"]) .cd-cal-day.cd-lastrow{border-bottom:0} :where(#cd-page[data-colette-page="club"]) .cd-cal-num{font-size:.72rem;font-weight:600;color:var(--cream-dim);line-height:1} :where(#cd-page[data-colette-page="club"]) .cd-cal-day.is-out{background:rgba(255,255,255,.012)} :where(#cd-page[data-colette-page="club"]) .cd-cal-day.is-out .cd-cal-num{color:rgba(139,139,147,.38)} :where(#cd-page[data-colette-page="club"]) .cd-cal-day.is-past .cd-cal-num{color:rgba(198,198,203,.4)} :where(#cd-page[data-colette-page="club"]) .cd-cal-day.is-past .cd-cale{opacity:.5} :where(#cd-page[data-colette-page="club"]) .cd-cal-day.is-today{box-shadow:inset 0 0 0 1px var(--wine)} :where(#cd-page[data-colette-page="club"]) .cd-cal-day.is-today .cd-cal-num{color:var(--wine);font-weight:800} #cd-page:where([data-colette-page="club"]) a.cd-cale{display:block;margin-top:8px;padding-left:8px;border-left:2px solid var(--wine)} #cd-page:where([data-colette-page="club"]) a.cd-cale.cd-has-img{padding-left:0;border-left:0} /* flyer artwork: its own framed space above the title, at the flyer's NATURAL ratio — whole image shown, no cropping, no letterbox bars, nothing overlays it */ :where(#cd-page[data-colette-page="club"]) .cd-cale-img{display:block;width:100%;line-height:0;border-radius:8px;overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3);margin-bottom:7px} #cd-page:where([data-colette-page="club"]) .cd-cale-img img{width:100% !important;height:auto !important;display:block;border:0;border-radius:0;box-shadow:none} #cd-page:where([data-colette-page="club"]) a.cd-cale .cd-cale-img{transition:border-color .15s} #cd-page:where([data-colette-page="club"]) a.cd-cale:hover .cd-cale-img{border-color:rgba(142,206,252,.55)} :where(#cd-page[data-colette-page="club"]) .cd-cale-t{display:block;font-weight:700;font-size:.8rem;line-height:1.28;color:var(--wine);overflow-wrap:break-word;transition:color .15s} #cd-page:where([data-colette-page="club"]) a.cd-cale:hover .cd-cale-t{color:var(--wine-lt)} :where(#cd-page[data-colette-page="club"]) .cd-cale-time{display:block;margin-top:3px;font-size:.64rem;letter-spacing:.05em;color:var(--mute);line-height:1} :where(#cd-page[data-colette-page="club"]) .cd-cal-agenda{display:none} #cd-page:where([data-colette-page="club"]) a.cd-cala{display:flex;align-items:center;gap:14px;padding:14px 2px;border-bottom:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="club"]) .cd-cala-img{flex:0 0 80px;line-height:0;border-radius:8px;overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} #cd-page:where([data-colette-page="club"]) .cd-cala-img img{width:100% !important;height:auto !important;display:block;border:0;border-radius:0;box-shadow:none} :where(#cd-page[data-colette-page="club"]) .cd-cal-agenda .cd-cala:first-of-type{border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="club"]) .cd-cala.is-past{opacity:.5} :where(#cd-page[data-colette-page="club"]) .cd-cala-date{flex:0 0 50px;text-align:center} :where(#cd-page[data-colette-page="club"]) .cd-cala-dw{display:block;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);line-height:1} :where(#cd-page[data-colette-page="club"]) .cd-cala-num{display:block;margin-top:3px;font-size:1.3rem;font-weight:700;color:var(--cream);line-height:1.1} :where(#cd-page[data-colette-page="club"]) .cd-cala-body{flex:1;min-width:0} :where(#cd-page[data-colette-page="club"]) .cd-cala-t{font-weight:700;font-size:.98rem;line-height:1.3;color:var(--wine);transition:color .15s} #cd-page:where([data-colette-page="club"]) a.cd-cala:hover .cd-cala-t{color:var(--wine-lt)} :where(#cd-page[data-colette-page="club"]) .cd-cala-time{margin-top:3px;font-size:.72rem;letter-spacing:.03em;color:var(--mute)} :where(#cd-page[data-colette-page="club"]) .cd-cala-chev{flex:0 0 auto;color:var(--wine);font-size:1.05rem;line-height:1} :where(#cd-page[data-colette-page="club"]) .cd-cal-empty{padding:30px 2px;color:var(--mute);font-size:.92rem} :where(#cd-page[data-colette-page="club"]) .cd-cal-note{margin-top:12px;font-size:.72rem;color:var(--mute)} @media (max-width:760px){ :where(#cd-page[data-colette-page="club"]) .cd-cal-dowrow,:where(#cd-page[data-colette-page="club"]) .cd-cal-grid{display:none} :where(#cd-page[data-colette-page="club"]) .cd-cal-agenda{display:block} :where(#cd-page[data-colette-page="club"]) .cd-cal-month{font-size:1.05rem} } :where(#cd-page[data-colette-page="club"]) .cd-newsfeed{margin-top:20px} :where(#cd-page[data-colette-page="club"]) .cd-newsfeed.is-empty,:where(#cd-page[data-colette-page="club"]) .cd-newsfeed:empty{display:none;margin:0} /* ── Social: pulled up over the widget's trailing rule ── */ :where(#cd-page[data-colette-page="club"]) .cd-social{position:relative;padding:36px 0 44px;text-align:left;background:var(--ink)} #cd-page:where([data-colette-page="club"]) .cd-social h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:18px} #cd-page:where([data-colette-page="club"]) .cd-social p.cd-lead{margin:0 0 24px} :where(#cd-page[data-colette-page="club"]) .cd-social-widget{display:flex;justify-content:center;flex-wrap:wrap;gap:10px} /* social buttons match the event-widget button treatment */ #cd-page:where([data-colette-page="club"]) .cd-social-widget a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;height:38px;padding:0 16px;border-radius:999px;font-family:Karla,'Helvetica Neue',Arial,sans-serif !important;font-size:.72rem;font-weight:600 !important;white-space:nowrap;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;background:transparent !important;color:var(--wine) !important;border:1px solid var(--line);transition:background .15s,border-color .15s,color .15s,transform .15s;opacity:1} #cd-page:where([data-colette-page="club"]) .cd-social-widget a:hover{transform:translateY(-2px);background:var(--wine) !important;border-color:var(--wine) !important;color:#0b0b0c !important} #cd-page:where([data-colette-page="club"]) .cd-social-widget a *{color:inherit !important} #cd-page:where([data-colette-page="club"]) .cd-social-widget img{display:inline-block;max-height:18px;width:auto;height:auto} #cd-page:where([data-colette-page="club"]) .cd-social-widget a:hover img{filter:brightness(.2)} /* ── About: editorial two-column, no boxes ── */ :where(#cd-page[data-colette-page="club"]) .cd-about{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:stretch} :where(#cd-page[data-colette-page="club"]) .cd-about-copy{display:flex;flex-direction:column;align-items:flex-start} :where(#cd-page[data-colette-page="club"]) .cd-about-copy .cd-btn{align-self:flex-start} :where(#cd-page[data-colette-page="club"]) .cd-about-side{display:flex;flex-direction:column;padding-top:6px} :where(#cd-page[data-colette-page="club"]) .cd-about-side .cd-rules{margin-top:auto} /* larger, serif section labels on the right column */ #cd-page:where([data-colette-page="club"]) .cd-about-side .cd-h3{font-family:var(--serif) !important;font-style:normal;font-size:clamp(1.3rem,1.9vw,1.6rem);font-weight:700 !important;letter-spacing:.01em;text-transform:none !important;color:var(--rose);margin:0 0 10px;padding-top:18px;border-top:1px solid var(--line-soft);line-height:1.15} #cd-page:where([data-colette-page="club"]) .cd-about-side > .cd-h3:first-child{border-top:0;padding-top:0} #cd-page:where([data-colette-page="club"]) .cd-about-copy h2{margin-bottom:22px} #cd-page:where([data-colette-page="club"]) p.cd-pull{font-family:var(--serif) !important;font-weight:600;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.5;color:var(--cream);margin:26px 0 24px;padding-left:18px;border-left:2px solid var(--line)} #cd-page:where([data-colette-page="club"]) .cd-about-copy p{color:var(--cream-dim);font-size:1.06rem;line-height:1.75;margin:0 0 18px} :where(#cd-page[data-colette-page="club"]) .cd-about-copy .cd-btn{margin:10px 0 26px} #cd-page:where([data-colette-page="club"]) p.cd-pricing{margin:auto 0 0;width:100%;padding-top:16px;border-top:1px solid var(--line-soft);font-size:.95rem;line-height:1.6;color:var(--mute)} :where(#cd-page[data-colette-page="club"]) .cd-check{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-bottom:20px} #cd-page:where([data-colette-page="club"]) .cd-check li{display:flex;gap:11px;align-items:flex-start;padding:4px 0;font-size:1rem;line-height:1.45;color:var(--cream-dim)} :where(#cd-page[data-colette-page="club"]) .cd-i{flex:0 0 16px;width:16px;height:16px;margin-top:6px;fill:none;stroke:var(--wine-lt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #cd-page:where([data-colette-page="club"]) .cd-ledger li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:1rem;line-height:1.5;color:var(--cream-dim);align-items:baseline} #cd-page:where([data-colette-page="club"]) .cd-ledger li:last-child{border-bottom:none;padding-bottom:0} :where(#cd-page[data-colette-page="club"]) .cd-ledger li b{font-family:var(--serif) !important;font-weight:700 !important;font-size:1.15rem;color:var(--rose);font-variant-numeric:tabular-nums} /* ── Dress code: three editorial columns, no panel ── */ :where(#cd-page[data-colette-page="club"]) .cd-dress{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} :where(#cd-page[data-colette-page="club"]) .cd-dress-col{padding:30px 32px 30px 0;border-left:1px solid var(--line-soft);padding-left:32px} :where(#cd-page[data-colette-page="club"]) .cd-dress-col:first-child{border-left:0;padding-left:0} :where(#cd-page[data-colette-page="club"]) .cd-dress-label{font-family:var(--serif) !important;font-style:normal;font-weight:700;font-size:clamp(1.35rem,2vw,1.7rem);color:var(--rose);line-height:1.15;margin-bottom:14px} #cd-page:where([data-colette-page="club"]) .cd-dress-col p{color:var(--cream);font-size:1rem;line-height:1.7;margin:0 0 14px} #cd-page:where([data-colette-page="club"]) .cd-dress-col p.cd-dress-no{color:var(--cream-dim);font-size:.92rem;margin:0} :where(#cd-page[data-colette-page="club"]) .cd-dress-col p.cd-dress-no strong{color:var(--wine-lt);font-weight:600} :where(#cd-page[data-colette-page="club"]) .cd-arrive{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;align-items:start;margin-top:28px;padding:30px 36px 34px;border-radius:var(--r);background:linear-gradient(135deg,#1a1a1d,#111113);border:1px solid var(--line)} :where(#cd-page[data-colette-page="club"]) .cd-arrive-head{grid-column:1/-1;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)} :where(#cd-page[data-colette-page="club"]) .cd-arrive-title{font-family:var(--serif) !important;font-weight:700;font-size:clamp(1.45rem,2.2vw,1.8rem);color:var(--cream);line-height:1.15} #cd-page:where([data-colette-page="club"]) .cd-arrive-head p{margin:0;color:var(--cream-dim);font-size:.95rem} :where(#cd-page[data-colette-page="club"]) .cd-arrive-col{padding-left:28px;border-left:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="club"]) .cd-arrive-head + .cd-arrive-col{padding-left:0;border-left:0} :where(#cd-page[data-colette-page="club"]) .cd-arrive-col .cd-dress-label{font-size:clamp(1.2rem,1.7vw,1.45rem);margin-bottom:10px} #cd-page:where([data-colette-page="club"]) .cd-arrive-col p{margin:0;color:var(--cream);font-size:1rem;line-height:1.7} /* ── Parties: split panel + price table ── */ :where(#cd-page[data-colette-page="club"]) .cd-split{background:var(--ink);border:1px solid var(--line-soft);border-radius:var(--r);display:grid;grid-template-columns:1fr 1px 1fr;gap:0} :where(#cd-page[data-colette-page="club"]) .cd-split > div{padding:32px 36px;display:flex;flex-direction:column} :where(#cd-page[data-colette-page="club"]) .cd-split .cd-btn-row{margin-top:auto;padding-top:18px} :where(#cd-page[data-colette-page="club"]) .cd-split .cd-btn{align-self:flex-start} :where(#cd-page[data-colette-page="club"]) .cd-split .cd-split-div{padding:0;background:linear-gradient(180deg,transparent,var(--line) 15%,var(--line) 85%,transparent)} #cd-page:where([data-colette-page="club"]) .cd-split p{color:var(--cream-dim);font-size:1rem} :where(#cd-page[data-colette-page="club"]) .cd-split .cd-h3{border-top:none;padding-top:0} #cd-page:where([data-colette-page="club"]) .cd-steps li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:14px 0;align-items:baseline;color:var(--cream-dim);font-size:1rem;border-bottom:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="club"]) .cd-steps li:last-child{border-bottom:0} :where(#cd-page[data-colette-page="club"]) .cd-steps li b{font-family:var(--serif) !important;font-weight:700 !important;font-size:1.05rem;color:var(--rose)} #cd-page:where([data-colette-page="club"]) p.cd-fine{font-size:.82rem;color:var(--mute);font-style:italic;margin-top:10px} :where(#cd-page[data-colette-page="club"]) .cd-price{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line-soft);align-items:baseline} :where(#cd-page[data-colette-page="club"]) .cd-price:last-of-type{border-bottom:1px solid var(--line-soft);margin-bottom:0} :where(#cd-page[data-colette-page="club"]) .cd-price b{font-family:var(--serif) !important;font-weight:800 !important;font-size:1.8rem;color:var(--cream);line-height:1;font-variant-numeric:tabular-nums} #cd-page:where([data-colette-page="club"]) .cd-price p{margin:0;font-size:.92rem} :where(#cd-page[data-colette-page="club"]) .cd-price p strong{display:block;color:var(--cream);font-weight:600;margin-bottom:2px} /* ── Visit: map with floating card ── */ :where(#cd-page[data-colette-page="club"]) .cd-map{position:relative;min-height:440px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} :where(#cd-page[data-colette-page="club"]) .cd-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0} :where(#cd-page[data-colette-page="club"]) .cd-float{position:relative;z-index:2;margin:24px 24px 24px auto;width:360px;background:rgba(11,11,12,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--r-sm);padding:22px 24px;box-shadow:0 20px 50px rgba(0,0,0,.5)} :where(#cd-page[data-colette-page="club"]) .cd-addr{font-family:var(--serif) !important;font-weight:700;font-size:1.2rem;line-height:1.35;color:var(--cream);margin-bottom:6px} #cd-page:where([data-colette-page="club"]) .cd-contact li{padding:8px 0;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:12px;font-size:.9rem} :where(#cd-page[data-colette-page="club"]) .cd-contact li span{color:var(--mute);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding-top:3px} :where(#cd-page[data-colette-page="club"]) .cd-contact li a{color:var(--cream) !important;text-align:right} :where(#cd-page[data-colette-page="club"]) .cd-float .cd-btn{width:100%;margin-top:14px;min-height:42px} :where(#cd-page[data-colette-page="club"]) .cd-hotel{margin-top:16px;font-size:.9rem;color:var(--cream-dim)} #cd-page:where([data-colette-page="club"]) .cd-hotel p{margin:0 0 8px;font-size:.88rem} :where(#cd-page[data-colette-page="club"]) .cd-hotel a{color:#d9d9de !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:3px;text-decoration-color:rgba(142,206,252,.65) !important} /* ── Newsletter / team / partner ── */ :where(#cd-page[data-colette-page="club"]) .cd-news-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:32px;align-items:center;background:linear-gradient(160deg,#1c1c20,#111113);border:1px solid var(--line);border-radius:var(--r);padding:32px;overflow:hidden} :where(#cd-page[data-colette-page="club"]) .cd-news-img{max-width:260px;margin:0 auto;border-radius:var(--r-sm);overflow:hidden;box-shadow:0 20px 44px rgba(0,0,0,.5)} :where(#cd-page[data-colette-page="club"]) .cd-news-copy h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:8px} :where(#cd-page[data-colette-page="club"]) .cd-team{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:18px 24px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)} #cd-page:where([data-colette-page="club"]) .cd-team p{margin:0;color:var(--cream-dim)} :where(#cd-page[data-colette-page="club"]) .cd-team b{display:block;color:var(--wine);font-weight:600} :where(#cd-page[data-colette-page="club"]) .cd-partner{margin-top:26px;text-align:center} :where(#cd-page[data-colette-page="club"]) .cd-partner span{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:10px;font-weight:700} :where(#cd-page[data-colette-page="club"]) .cd-partner img{max-width:640px;margin:0 auto;border-radius:8px;opacity:.85;transition:opacity .2s} :where(#cd-page[data-colette-page="club"]) .cd-partner img:hover{opacity:1} :where(#cd-page[data-colette-page="club"]) .cd-partner small{display:block;margin-top:8px;font-size:.8rem;color:var(--mute);font-style:italic} /* ── Footer ── */ :where(#cd-page[data-colette-page="club"]) .cd-foot{padding:34px 0 40px;border-top:1px solid var(--line-soft);background:var(--ink)} :where(#cd-page[data-colette-page="club"]) .cd-foot-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;color:var(--mute);font-size:.85rem} :where(#cd-page[data-colette-page="club"]) .cd-foot-brand{font-size:1.05rem;color:var(--cream)} :where(#cd-page[data-colette-page="club"]) .cd-foot-brand .cd-bw{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important;font-weight:900 !important;text-transform:lowercase !important;color:var(--wine);letter-spacing:-.01em} :where(#cd-page[data-colette-page="club"]) .cd-foot-brand .cd-bc{font-family:Arial,'Helvetica Neue',sans-serif !important;font-weight:700 !important;text-transform:uppercase !important;font-size:.92em;letter-spacing:.04em;margin-left:7px} #cd-page:where([data-colette-page="club"]) .cd-foot a[href="#cd-page"]{color:var(--wine) !important} :where(#cd-page[data-colette-page="club"]) .cd-foot a{color:var(--cream-dim) !important} /* ── Override layer ── */ #cd-page:where([data-colette-page="club"]),#cd-page:where([data-colette-page="club"]) *{font-family:var(--sans) !important} #cd-page:where([data-colette-page="club"]) .cd-follow a::before{font-family:"Font Awesome 6 Brands" !important} #cd-page:where([data-colette-page="club"]) h1,#cd-page:where([data-colette-page="club"]) h2,#cd-page:where([data-colette-page="club"]) h1 em,#cd-page:where([data-colette-page="club"]) h2 em,#cd-page:where([data-colette-page="club"]) .cd-kicker,#cd-page:where([data-colette-page="club"]) .cd-pull,#cd-page:where([data-colette-page="club"]) .cd-about-side .cd-h3,#cd-page:where([data-colette-page="club"]) .cd-dress-label,#cd-page:where([data-colette-page="club"]) .cd-arrive-title,#cd-page:where([data-colette-page="club"]) .cd-glance-item b,#cd-page:where([data-colette-page="club"]) .cd-ledger li b,#cd-page:where([data-colette-page="club"]) .cd-steps li b,#cd-page:where([data-colette-page="club"]) .cd-price b,#cd-page:where([data-colette-page="club"]) .cd-addr,#cd-page:where([data-colette-page="club"]) .cd-foot-brand,#cd-page:where([data-colette-page="club"]) a.cdw-title,#cd-page:where([data-colette-page="club"]) .cd-cal-month,#cd-page:where([data-colette-page="club"]) .cd-cale-t,#cd-page:where([data-colette-page="club"]) .cd-cala-t{font-family:var(--serif) !important} #cd-page:where([data-colette-page="club"]) .cd-brandword{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important} #cd-page:where([data-colette-page="club"]) .cd-cityword,#cd-page:where([data-colette-page="club"]) .cd-foot-brand .cd-bc{font-family:Arial,'Helvetica Neue',sans-serif !important} #cd-page:where([data-colette-page="club"]) .cd-foot-brand .cd-bw{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important} #cd-page:where([data-colette-page="club"]) a{text-decoration:none !important} #cd-page:where([data-colette-page="club"]) .cd-btn-wine,#cd-page:where([data-colette-page="club"]) .cd-btn-wine span{color:#0b0b0c !important} /* ── Photo gallery: entry chip ── */ #cd-page:where([data-colette-page="club"]) .cd-hero-photo{cursor:pointer} #cd-page:where([data-colette-page="club"]) .cd-hero-photo img{transition:transform .35s ease} @media (hover:hover){#cd-page:where([data-colette-page="club"]) .cd-hero-photo:hover img{transform:scale(1.025)}} :where(#cd-page[data-colette-page="club"]) .cdg-chip{position:absolute;right:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(11,11,12,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:var(--cream);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;transition:border-color .16s,background .16s} :where(#cd-page[data-colette-page="club"]) .cdg-chip svg{width:15px;height:15px;fill:none;stroke:var(--wine);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round} :where(#cd-page[data-colette-page="club"]) .cdg-chip-count{color:var(--mute);font-weight:600} #cd-page:where([data-colette-page="club"]) .cd-hero-photo:hover .cdg-chip,#cd-page:where([data-colette-page="club"]) .cd-hero-photo:focus-visible .cdg-chip{border-color:var(--wine);background:rgba(11,11,12,.86)} /* ── lightbox ── */ :where(#cd-page[data-colette-page="club"]) .cdg{position:fixed;inset:0;z-index:6000;display:none} :where(#cd-page[data-colette-page="club"]) .cdg.is-open{display:block} :where(#cd-page[data-colette-page="club"]) .cdg-backdrop{position:absolute;inset:0;background:rgba(6,6,7,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} :where(#cd-page[data-colette-page="club"]) .cdg-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:54px 90px;box-sizing:border-box} #cd-page:where([data-colette-page="club"]) #cdg-img{position:static;max-width:100%;max-height:100%;width:auto;height:auto;display:block;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.7);user-select:none;-webkit-user-drag:none;touch-action:pan-y;transition:opacity .18s ease} :where(#cd-page[data-colette-page="club"]) .cdg.is-swiping #cdg-img{transition:none} :where(#cd-page[data-colette-page="club"]) .cdg-loading{position:absolute;color:var(--mute);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;display:none} :where(#cd-page[data-colette-page="club"]) .cdg.is-loading .cdg-loading{display:block} :where(#cd-page[data-colette-page="club"]) .cdg-count{position:absolute;top:18px;left:22px;z-index:2;color:var(--wine);font-size:.85rem;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums} :where(#cd-page[data-colette-page="club"]) .cdg-close{position:absolute;top:12px;right:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(11,11,12,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .16s,background .16s} :where(#cd-page[data-colette-page="club"]) .cdg-close svg{width:16px;height:16px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round} :where(#cd-page[data-colette-page="club"]) .cdg-close:hover{border-color:var(--wine);background:rgba(11,11,12,.85)} :where(#cd-page[data-colette-page="club"]) .cdg-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(11,11,12,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .16s,background .16s,opacity .16s} :where(#cd-page[data-colette-page="club"]) .cdg-prev{left:16px}:where(#cd-page[data-colette-page="club"]) .cdg-next{right:16px} :where(#cd-page[data-colette-page="club"]) .cdg-arrow svg{width:18px;height:18px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} :where(#cd-page[data-colette-page="club"]) .cdg-arrow:hover{border-color:var(--wine);background:rgba(11,11,12,.85)} :where(#cd-page[data-colette-page="club"]) .cdg.chrome-hidden .cdg-count,:where(#cd-page[data-colette-page="club"]) .cdg.chrome-hidden .cdg-close,:where(#cd-page[data-colette-page="club"]) .cdg.chrome-hidden .cdg-arrow{opacity:0;pointer-events:none} @media (max-width:760px){ :where(#cd-page[data-colette-page="club"]) .cdg-stage{padding:52px 10px} :where(#cd-page[data-colette-page="club"]) .cdg-arrow{width:44px;height:44px} :where(#cd-page[data-colette-page="club"]) .cdg-prev{left:8px}:where(#cd-page[data-colette-page="club"]) .cdg-next{right:8px} :where(#cd-page[data-colette-page="club"]) .cdg-chip-label{display:none} :where(#cd-page[data-colette-page="club"]) .cdg-chip{padding:8px 12px} } @media (prefers-reduced-motion:reduce){#cd-page:where([data-colette-page="club"]) .cd-hero-photo img,#cd-page:where([data-colette-page="club"]) #cdg-img{transition:none}} /* ── Dallas club accent application (per approved list) ── */ #cd-page:where([data-colette-page="club"]) .cd-hero h1 em{color:var(--wine)} #cd-page:where([data-colette-page="club"]) .cd-glance-item span{color:var(--wine)} #cd-page:where([data-colette-page="club"]) .cd-about-side .cd-h3{color:var(--wine)} #cd-page:where([data-colette-page="club"]) .cd-ledger li b,#cd-page:where([data-colette-page="club"]) .cd-steps li b{color:var(--wine)} #cd-page:where([data-colette-page="club"]) .cd-dress-label{color:var(--wine)} #cd-page:where([data-colette-page="club"]) .cd-split .cd-h3{color:var(--wine)} #cd-page:where([data-colette-page="club"]) .cd-price b{color:var(--wine)} #cd-page:where([data-colette-page="club"]) .cd-split a.cd-btn-ghost[href^="tel:"]{color:var(--wine) !important} #cd-page:where([data-colette-page="club"]) .cd-contact li span{color:var(--wine)} #cd-page:where([data-colette-page="club"]) .cd-hotel .cd-h3{color:var(--wine)} /* ── Responsive ── */ @media (max-width:1000px){ :where(#cd-page[data-colette-page="club"]) .cd-hero-inner{grid-template-columns:1fr;gap:28px} :where(#cd-page[data-colette-page="club"]) .cd-hero-photo{order:-1;min-height:0;aspect-ratio:16/9} :where(#cd-page[data-colette-page="club"]) .cd-about{grid-template-columns:1fr;gap:36px} :where(#cd-page[data-colette-page="club"]) .cd-about-side .cd-rules{margin-top:0} :where(#cd-page[data-colette-page="club"]) .cd-dress{grid-template-columns:1fr 1fr} :where(#cd-page[data-colette-page="club"]) .cd-dress-strict{grid-column:span 2;border-left:0;border-top:1px solid var(--line-soft);padding-left:0} :where(#cd-page[data-colette-page="club"]) .cd-split{grid-template-columns:1fr} :where(#cd-page[data-colette-page="club"]) .cd-split .cd-split-div{display:none} :where(#cd-page[data-colette-page="club"]) .cd-split > div + .cd-split-div + div{border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="club"]) .cd-news-grid{grid-template-columns:1fr;text-align:center} #cd-page:where([data-colette-page="club"]) .cd-news-copy p.cd-lead{margin:0 auto 14px} :where(#cd-page[data-colette-page="club"]) .cd-news-copy .cd-kicker{justify-content:center} :where(#cd-page[data-colette-page="club"]) .cd-news-copy .cd-btn-row{justify-content:center} :where(#cd-page[data-colette-page="club"]) .cd-news-copy .cd-btn{width:100%} } @media (max-width:900px){ :where(#cd-page[data-colette-page="club"]) .cd-map{min-height:0} :where(#cd-page[data-colette-page="club"]) .cd-float{width:auto;margin:16px 0 0} :where(#cd-page[data-colette-page="club"]) .cd-map{overflow:visible;border:0;background:none} :where(#cd-page[data-colette-page="club"]) .cd-map iframe{position:relative;aspect-ratio:16/10;height:auto;border-radius:var(--r);border:1px solid var(--line-soft)} } @media (max-width:760px){ :where(#cd-page[data-colette-page="club"]) .cd-wrap{width:calc(100% - 32px)} :where(#cd-page[data-colette-page="club"]) .cd-sec{padding:28px 0 36px} :where(#cd-page[data-colette-page="club"]) .cd-hero{padding:20px 0 32px} :where(#cd-page[data-colette-page="club"]) .cd-hero .cd-kicker{display:block;font-size:1rem;line-height:1.5} :where(#cd-page[data-colette-page="club"]) .cd-hero .cd-kicker::before{display:none} :where(#cd-page[data-colette-page="club"]) .cd-follow{gap:9px;margin:18px 0 18px} #cd-page:where([data-colette-page="club"]) .cd-follow a{width:36px;height:36px} :where(#cd-page[data-colette-page="club"]) .cd-glance-grid{grid-template-columns:1fr 1fr} :where(#cd-page[data-colette-page="club"]) .cd-glance-item{border-left:none;border-top:1px solid var(--line-soft);padding:14px 14px 14px 0} :where(#cd-page[data-colette-page="club"]) .cd-glance-item:nth-child(-n+2){border-top:none} :where(#cd-page[data-colette-page="club"]) .cd-glance-item:nth-child(even){border-left:1px solid var(--line-soft);padding-left:14px} /* glance strip: slightly smaller type on mobile so long day names never wrap awkwardly */ #cd-page:where([data-colette-page="club"]) .cd-glance-item b{font-size:.95rem;line-height:1.35} #cd-page:where([data-colette-page="club"]) .cd-glance-item small{font-size:.78rem} #cd-page:where([data-colette-page="club"]) .cd-glance-item span{font-size:.62rem;letter-spacing:.16em} /* social buttons: even 2-up grid on mobile (flex-wrap centering staggered them). Wrappers the platform puts around buttons go transparent (display:contents) so every BUTTON is a grid cell; long labels wrap inside their pill instead of clipping, and the pill grows in height. */ #cd-page:where([data-colette-page="club"]) .cd-social-widget{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:400px;margin-left:auto;margin-right:auto} #cd-page:where([data-colette-page="club"]) .cd-social-widget br{display:none} /* flatten ANY wrapper markup the widget ships (at any depth) so each BUTTON is its own grid cell — the members quick-links set nests its anchors */ #cd-page:where([data-colette-page="club"]) .cd-social-widget div,#cd-page:where([data-colette-page="club"]) .cd-social-widget p,#cd-page:where([data-colette-page="club"]) .cd-social-widget ul,#cd-page:where([data-colette-page="club"]) .cd-social-widget ol,#cd-page:where([data-colette-page="club"]) .cd-social-widget li{display:contents} #cd-page:where([data-colette-page="club"]) .cd-social-widget a{position:static !important;float:none !important;display:inline-flex !important;width:100% !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:38px;margin:0 !important;padding:8px 12px !important;white-space:normal !important;line-height:1.25 !important;text-align:center;overflow:visible !important;text-overflow:clip !important;text-indent:0 !important} :where(#cd-page[data-colette-page="club"]) .cd-dress{grid-template-columns:1fr} :where(#cd-page[data-colette-page="club"]) .cd-dress-col{border-left:0;padding:22px 0;border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="club"]) .cd-dress-col:first-child{border-top:0} :where(#cd-page[data-colette-page="club"]) .cd-dress-strict{grid-column:auto} :where(#cd-page[data-colette-page="club"]) .cd-arrive{grid-template-columns:1fr;gap:18px;padding:22px 20px} :where(#cd-page[data-colette-page="club"]) .cd-arrive-col{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="club"]) .cd-check{grid-template-columns:1fr} :where(#cd-page[data-colette-page="club"]) .cd-split > div{padding:24px 22px} :where(#cd-page[data-colette-page="club"]) .cd-map iframe{aspect-ratio:4/3} :where(#cd-page[data-colette-page="club"]) .cd-btn{width:100%} :where(#cd-page[data-colette-page="club"]) .cd-btn-row{flex-direction:column} #cd-page:where([data-colette-page="club"]) .cd-events .cdw-btngrid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:300px} #cd-page:where([data-colette-page="club"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)) a.cdw-btn{width:calc(50% - 5px) !important} } @media (max-width:420px){ :where(#cd-page[data-colette-page="club"]) .cd-glance-grid{grid-template-columns:1fr} :where(#cd-page[data-colette-page="club"]) .cd-glance-item{border-left:none !important;border-top:1px solid var(--line-soft) !important;padding-left:0 !important} :where(#cd-page[data-colette-page="club"]) .cd-glance-item:first-child{border-top:none !important} } /* ══════════════════════════════════════════════════════════════ PHONE · member view ══════════════════════════════════════════════════════════════ */ @media (max-width:1000px){ body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-infocol{position:static;width:auto;margin:0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-wrap{width:min(1120px,calc(100% - 40px))} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets > #events{padding-top:16px} body:not(.public) #cd-page:where([data-colette-page="club"]) > #social{margin-top:0;border-top:0;padding:18px 0 22px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets > #updates{padding-top:6px} } @media (max-width:760px){ /* follow: label on its own line, circles across the full width */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-follow{gap:8px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-follow-label{flex:0 0 100%;margin:0 0 2px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-follow a{width:38px;height:38px} /* welcome: one sentence */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-welcome-2{display:none} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero-inner{min-height:0} body:not(.public) #cd-page:where([data-colette-page="club"]) #cdg-open{aspect-ratio:auto;order:0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero-copy{padding:22px 0 22px} /* Right Now: two tiles side by side, button beneath */ #cd-page:where([data-colette-page="club"]) .cd-now{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 12px 12px;margin-top:16px} #cd-page:where([data-colette-page="club"]) .cd-now-k{grid-column:1/-1} #cd-page:where([data-colette-page="club"]) .cd-now-stat{display:flex;align-items:baseline;justify-content:center;gap:6px;text-align:center;white-space:normal;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;padding:8px 6px;border:1px solid var(--line-soft);border-radius:10px;background:rgba(255,255,255,.03)} #cd-page:where([data-colette-page="club"]) .cd-now-stat b{font-size:1.4rem;margin:0;line-height:1} #cd-page:where([data-colette-page="club"]) a.cd-now-go{grid-column:1/-1;margin:0;width:100%;justify-content:center} /* the club guide wraps to a few lines; the label takes its own */ #cd-page:where([data-colette-page="club"]) .cd-quick{margin-top:14px} #cd-page:where([data-colette-page="club"]) .cd-index{max-width:none;font-size:.76rem;line-height:1.8} #cd-page:where([data-colette-page="club"]) .cd-index-k{flex:0 0 100%;margin:0 0 2px} #cd-page:where([data-colette-page="club"]) .cd-hero-gal{display:none !important} /* hours: 2x2 above About */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol #club_hours{padding:26px 0 22px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-grid{grid-template-columns:1fr 1fr !important} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item{padding:10px 12px 10px 0;border-left:0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item:nth-child(even){border-left:1px solid var(--line-soft);padding-left:12px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item:nth-child(n+3){border-top:1px solid var(--line-soft)} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item b{font-size:.92rem} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item small{font-size:.74rem} /* events: the agenda, five rows, then Show more */ body:not(.public) #cd-page:where([data-colette-page="club"]) #cd-cal .cd-cala:nth-child(n+5){display:none} body:not(.public) #cd-page:where([data-colette-page="club"]) #cd-cal.is-open .cd-cala:nth-child(n+5){display:flex} body:not(.public) #cd-page:where([data-colette-page="club"]) #events:has(#cd-cal:not([hidden]) .cd-cala:nth-child(5)) .cd-calmore{display:block} /* newsfeed header: the title on its own row, the controls beneath it */ body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed{position:relative} body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed > .title{margin:0 0 56px;text-align:left} body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed .ml_button.post{top:48px !important} body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed #newsfeed_filters{position:absolute;top:54px;right:0} /* newsfeed rows: one column, header strip, photos not floated so captions sit beneath */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-row{grid-template-columns:minmax(0,1fr) !important;gap:6px 0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-row .item-updated{display:flex;align-items:center;gap:10px;height:auto !important} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-row .item-updated .member.thumb{display:flex;align-items:center;gap:8px;height:auto} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-row .item-updated .member.thumb img{width:44px !important;height:auto !important} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-row .item-updated .member.thumb br{display:none} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-row .item-updated .when br{display:none} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-row .item-block{width:100%} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-content .thumb-container{float:none !important;display:inline-block;vertical-align:top;margin:0 8px 8px 0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-content .text{clear:both;display:block} /* new members: the card never exceeds the screen */ body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-container{max-width:100% !important;margin-left:auto !important;margin-right:auto !important} /* before you arrive: one rule between the heading and the first column, not two */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-arrive-head + .cd-arrive-col{border-top:0;padding-top:0} /* the club-information bar */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-bar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(11,11,12,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-bar a{display:flex;align-items:center;justify-content:center;min-height:42px;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wine) !important;text-align:center} body:not(.public) #cd-page:where([data-colette-page="club"]){padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))} } /* desktop: three event cards across the full width; a standard member has no Community updates, so the feed takes the whole social row */ @media (min-width:1001px){ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-group-inner{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:24px 20px} /* a standard member has no Community updates, so New members takes the whole right column beside the feed */ body:not(.public):not(.premium-member):not(.club-owner-site-admin) #cd-page:where([data-colette-page="club"]) > #new_members_section{grid-row:4/span 2} /* toolkit: one row of pills across the full width */ body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget{grid-template-columns:repeat(6,minmax(0,1fr)) !important;max-width:none} body:not(.public):not(.premium-member):not(.club-owner-site-admin) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget{grid-template-columns:repeat(7,minmax(0,1fr)) !important} body:not(.public):not(.premium-member):not(.club-owner-site-admin) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget a:nth-last-child(1):nth-child(odd){grid-column:auto} } /* ══════════════════════════════════════════════════════════════ v9.3 refinements ══════════════════════════════════════════════════════════════ */ /* Club guide, desktop: two deliberate lines — the label and four links, then five links — set larger */ @media (min-width:761px){ #cd-page:where([data-colette-page="club"]) .cd-index{display:grid;grid-template-columns:repeat(5,auto);justify-content:start;column-gap:26px;row-gap:10px;max-width:none;font-size:.92rem;line-height:1.4;align-items:baseline} #cd-page:where([data-colette-page="club"]) .cd-index-k{margin:0;font-size:.7rem} #cd-page:where([data-colette-page="club"]) .cd-index a + a::before{content:none;margin:0} #cd-page:where([data-colette-page="club"]) .cd-index a{font-weight:700} } /* New members and Community updates: one card each, the widget inside it, the See-all pill as the card's foot. ML's internal rules go so the outer frame is the only frame. */ body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-w-members, body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-w-activity{border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;padding:16px 16px 4px;overflow:hidden;background:transparent} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-nf-more, body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-nf-more{margin:0;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;padding:10px 14px 16px} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-wrap, body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-wrap{display:flex;flex-direction:column} body:not(.public) #cd-page:where([data-colette-page="club"]) > #new_members_section{margin-top:34px} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .social_module .primary{border:0 !important;background:transparent !important} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .new_members .legend{display:none} /* the widget's own boxes sit flush inside our card — no stacked padding, and nothing inside can run past the frame */ body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .homepage_widget{padding:0 !important;width:100% !important} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-group-container{padding:0 !important;width:100% !important} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-group-inner{width:100%} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-container{width:min(300px,100%) !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-container .image_container, body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-container img{max-width:100%} @media (max-width:760px){ /* labels: Access */ /* Club guide: three tidy columns, label on its own row */ #cd-page:where([data-colette-page="club"]) .cd-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;max-width:none;font-size:.72rem;line-height:1.4;align-items:baseline} #cd-page:where([data-colette-page="club"]) .cd-index-k{grid-column:1/-1;margin:0 0 2px} #cd-page:where([data-colette-page="club"]) .cd-index a + a::before{content:none;margin:0} #cd-page:where([data-colette-page="club"]) .cd-index a{white-space:nowrap} /* bar: even gaps around the labels rather than four equal cells */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-bar{display:flex;justify-content:space-evenly;align-items:center} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-bar a{min-height:42px;padding:0 6px;flex:0 0 auto} /* toolkit: three columns, two rows, smaller pills */ body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px;max-width:none} body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget a{min-height:36px;padding:6px 6px !important;font-size:.6rem !important;letter-spacing:.04em;line-height:1.2 !important} body:not(.public):not(.premium-member):not(.club-owner-site-admin) #cd-page:where([data-colette-page="club"]) > #social .cd-social-widget a:nth-last-child(1):nth-child(odd){grid-column:auto} body:not(.public) #cd-page:where([data-colette-page="club"]) > #social{padding-bottom:12px} /* new members on a phone: three cards, the card frame holds them */ body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-w-members{padding:12px 12px 4px} /* the bar's clearance belongs to the page, not to our footer */ body:not(.public) #cd-page:where([data-colette-page="club"]){padding-bottom:0} } /* ══════════════════════════════════════════════════════════════ v9.4 refinements ══════════════════════════════════════════════════════════════ */ /* Club guide: a kicker with a rule, links in Karla italic — the one italic face the page loads — set larger, on the two lines */ #cd-page:where([data-colette-page="club"]) .cd-index-k{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.2em;color:var(--wine)} #cd-page:where([data-colette-page="club"]) .cd-index-k::before{content:'';width:22px;height:1px;background:var(--wine-lt)} #cd-page:where([data-colette-page="club"]) .cd-index a{font-family:'Karla','Helvetica Neue',Arial,sans-serif !important;font-style:italic;font-weight:600;color:var(--cream) !important;text-decoration-color:rgba(142,206,252,.55) !important;text-underline-offset:5px} #cd-page:where([data-colette-page="club"]) .cd-index a:hover{color:var(--wine) !important} @media (min-width:761px){ #cd-page:where([data-colette-page="club"]) .cd-quick{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)} #cd-page:where([data-colette-page="club"]) .cd-index{grid-template-columns:repeat(5,auto);column-gap:34px;row-gap:12px;font-size:1.08rem;max-width:900px} /* the hero leaves a little more room before Upcoming events */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets > #events{padding-top:30px} } @media (max-width:760px){ #cd-page:where([data-colette-page="club"]) .cd-index{font-size:.8rem;gap:6px 8px;text-align:center} #cd-page:where([data-colette-page="club"]) .cd-index-k{grid-column:1/-1;justify-content:center;margin:0 0 4px} /* newsfeed: a quiet rule between posts so each one reads as its own */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-row{border-bottom:1px solid var(--line-soft);padding-bottom:16px !important;margin-bottom:8px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-row:last-child{border-bottom:0;margin-bottom:0} /* Community updates and New members: the frame wraps the heading too, so the title sits inside its own widget, with air above each section */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets > #updates{margin-top:26px;padding-top:0} body:not(.public) #cd-page:where([data-colette-page="club"]) > #new_members_section{margin-top:22px;padding-top:0} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-wrap, body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-wrap{border:1px solid var(--line);border-radius:14px;padding:18px 12px 6px;overflow:hidden} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-tk-head, body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-tk-head{margin-bottom:12px} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-w-activity, body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-w-members{border:0;border-radius:0;padding:0;overflow:visible} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-nf-more, body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-nf-more{border:0;border-radius:0;padding:12px 0 10px} /* nothing the widget adds after load — the AutoDate controls arrive by a second request — may set a width wider than the card */ body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-container{width:min(300px,100%) !important} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-container *{max-width:100%;box-sizing:border-box} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .miniprofile{left:0 !important;right:0 !important;width:100% !important} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .ad_buttons{left:0 !important;width:100% !important;flex-wrap:wrap} } /* ══════════════════════════════════════════════════════════════ v9.5 · Club guide rethought; updates + new members framed on desktop ══════════════════════════════════════════════════════════════ */ #cd-page:where([data-colette-page="club"]) .cd-hero-gal{display:none !important} #cd-page:where([data-colette-page="club"]) .cd-index-k{display:none} #cd-page:where([data-colette-page="club"]) .cd-index{display:flex;flex-wrap:wrap;align-items:center;gap:14px 0;max-width:none} #cd-page:where([data-colette-page="club"]) .cd-index h2.cd-index-h{flex:0 1 auto;margin:0;font-size:clamp(1.25rem,2vw,1.55rem);text-align:left} #cd-page:where([data-colette-page="club"]) button.cd-index-photos{margin-left:auto;appearance:none;-webkit-appearance:none;background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:0 16px;min-height:36px;cursor:pointer;font-family:var(--sans) !important;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wine);transition:background .15s,border-color .15s,color .15s} #cd-page:where([data-colette-page="club"]) button.cd-index-photos b{color:var(--cream);margin-left:6px} #cd-page:where([data-colette-page="club"]) button.cd-index-photos:hover{background:var(--wine);border-color:var(--wine);color:#0b0b0c} #cd-page:where([data-colette-page="club"]) button.cd-index-photos:hover b{color:#0b0b0c} #cd-page:where([data-colette-page="club"]) .cd-index-links{flex:0 0 100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px} #cd-page:where([data-colette-page="club"]) .cd-index-links a{font-family:'Karla','Helvetica Neue',Arial,sans-serif !important;font-style:italic;font-weight:600;font-size:1.02rem;color:var(--cream) !important;text-decoration:underline !important;text-underline-offset:5px;text-decoration-color:rgba(142,206,252,.55) !important;white-space:nowrap} #cd-page:where([data-colette-page="club"]) .cd-index-links a:hover{color:var(--wine) !important;text-decoration-color:var(--wine) !important} @media (min-width:761px){ #cd-page:where([data-colette-page="club"]) .cd-quick{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)} } @media (max-width:760px){ #cd-page:where([data-colette-page="club"]) .cd-index{gap:10px 0;text-align:left} #cd-page:where([data-colette-page="club"]) .cd-index h2.cd-index-h{font-size:1.1rem} #cd-page:where([data-colette-page="club"]) button.cd-index-photos{min-height:32px;padding:0 12px;font-size:.62rem} #cd-page:where([data-colette-page="club"]) .cd-index-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 8px;text-align:center} #cd-page:where([data-colette-page="club"]) .cd-index-links a{font-size:.8rem} } /* desktop: each heading inside its own frame, the two frames nearly touching */ @media (min-width:1001px){ body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-wrap, body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-wrap{border:1px solid var(--line);border-radius:14px;padding:18px 16px 6px} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-w-activity, body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-w-members{border:0;border-radius:0;padding:0;overflow:visible} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-nf-more, body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-nf-more{border:0;border-radius:0;padding:12px 0 10px} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-tk-head, body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-tk-head{margin-bottom:14px} body:not(.public) #cd-page:where([data-colette-page="club"]) > #new_members_section{margin-top:12px;padding-top:0} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-wrap{width:100%} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets > #updates{padding-bottom:0} } /* ══════════════════════════════════════════════════════════════ v9.6 · phone rhythm ══════════════════════════════════════════════════════════════ */ @media (max-width:760px){ /* Club guide: heading centred on its own line, links, then View photos centred beneath — one balanced block */ #cd-page:where([data-colette-page="club"]) .cd-index{gap:8px 0} #cd-page:where([data-colette-page="club"]) .cd-index h2.cd-index-h{flex:0 0 100%;text-align:center;font-size:1.15rem} #cd-page:where([data-colette-page="club"]) button.cd-index-photos{order:3;margin:6px auto 0;min-height:32px} #cd-page:where([data-colette-page="club"]) .cd-index-links{order:2} /* toolkit: closer to the events above, a little more air before the feed */ body:not(.public) #cd-page:where([data-colette-page="club"]) > #social{padding:8px 0 22px} body:not(.public) #cd-page:where([data-colette-page="club"]) > #social .cd-tk-head{margin-bottom:12px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-left2 > #newsfeed_section{padding-top:12px} /* feed card: the title closer to the top edge, less dead space at the foot */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed{padding-top:10px} body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed{padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:2px !important} body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed-widget-container{padding-bottom:0 !important} body:not(.public) #cd-page:where([data-colette-page="club"]) #newsfeed > .title{margin-top:0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .homepage_widget{padding-bottom:0 !important} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-newsfeed .item-row:last-child{padding-bottom:4px !important} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-left2 .cd-nf-more{padding:6px 14px 12px} /* updates and new members: the first card closer to its heading */ body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .cd-tk-head, body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .cd-tk-head{margin-bottom:6px} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .social_activity, body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .homepage_widget, body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .homepage_widget{padding-top:0 !important;margin-top:0 !important} body:not(.public) #cd-page:where([data-colette-page="club"]) #updates .social_module:first-child{margin-top:0} body:not(.public) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-group-container{padding-top:0 !important} } /* ══════════════════════════════════════════════════════════════ v9.7 · Club guide links as tight pills, no underline — a guide, not a menu ══════════════════════════════════════════════════════════════ */ #cd-page:where([data-colette-page="club"]) .cd-index-links a{text-decoration:none !important;font-style:italic;font-weight:600;font-size:.92rem;line-height:1;padding:7px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.04);color:var(--cream) !important;transition:border-color .15s,background .15s,color .15s} #cd-page:where([data-colette-page="club"]) .cd-index-links a:hover{border-color:var(--wine);background:rgba(142,206,252,.1);color:var(--wine) !important} @media (min-width:761px){ #cd-page:where([data-colette-page="club"]) .cd-index-links{justify-content:flex-start;gap:8px} } @media (max-width:760px){ #cd-page:where([data-colette-page="club"]) .cd-index-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px} #cd-page:where([data-colette-page="club"]) .cd-index-links a{font-size:.78rem;padding:6px 11px} } /* v9.8 · View photos beside the Club guide heading; pills a point smaller */ #cd-page:where([data-colette-page="club"]) button.cd-index-photos{margin-left:14px;min-height:30px;padding:0 13px;font-size:.64rem} #cd-page:where([data-colette-page="club"]) .cd-index-links a{font-size:.86rem;padding:6px 12px} @media (min-width:761px){ #cd-page:where([data-colette-page="club"]) .cd-index{justify-content:flex-start} #cd-page:where([data-colette-page="club"]) .cd-index-links{gap:7px} } @media (max-width:760px){ #cd-page:where([data-colette-page="club"]) .cd-index{justify-content:center} #cd-page:where([data-colette-page="club"]) .cd-index h2.cd-index-h{flex:0 0 auto;text-align:center;font-size:1.1rem} #cd-page:where([data-colette-page="club"]) button.cd-index-photos{order:0;margin:0 0 0 12px;min-height:28px;padding:0 11px;font-size:.6rem} #cd-page:where([data-colette-page="club"]) .cd-index-links{order:2;flex:0 0 100%} #cd-page:where([data-colette-page="club"]) .cd-index-links a{font-size:.72rem;padding:5px 10px} } /* v9.9 · guide spacing; a section break before Upcoming events on phones */ @media (min-width:761px){ #cd-page:where([data-colette-page="club"]) .cd-index{row-gap:20px} #cd-page:where([data-colette-page="club"]) .cd-index-links{justify-content:space-between;gap:7px} } @media (max-width:760px){ #cd-page:where([data-colette-page="club"]) .cd-index{row-gap:14px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets > #events{padding-top:0} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-widgets > #events > .cd-wrap{border-top:1px solid var(--line-soft);padding-top:18px} } /* ══════════════════════════════════════════════════════════════ v10.0 · desktop LIST view: five events on one row ML's card is a fixed 282px with a fixed 280px flyer, so the card is scaled as a whole rather than narrowed — every card renders exactly as ML builds it, at 73%. Button labels are set larger before the scale so they land near 10.5px. The widget still fetches six; the calendar keeps all six. ══════════════════════════════════════════════════════════════ */ @media (min-width:1001px){ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-group-inner.thumb-group-inner{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:24px 14px !important;justify-items:center} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event.event{zoom:.73;margin:0 !important} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event a.cdw-btn, body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event .buttons.ml_button > a{font-size:.9rem !important;letter-spacing:.03em !important;padding:0 6px !important} } /* v10.1 · the feed column carries the same 30px clearance as New members, so whichever column runs taller, the next section's rule never touches it. A full premium feed (no owner filters) is the case that runs taller. */ @media (min-width:1001px){ body:not(.public) #cd-page:where([data-colette-page="club"]) > .cd-left2{padding-bottom:30px} } /* v10.3 · events LIST view reveals a row at a time. The script marks cards past the current count with .cdw-over; ML's own "more" link is hidden for members and driven by our button, so newly loaded cards are revealed rather than hidden by a fixed cap. */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event.cdw-over{display:none !important} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events a.icon_button.more{display:none !important} #cd-page:where([data-colette-page="club"]) .cd-evmore{display:none;text-align:center;margin:18px 0 4px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-evmore.is-on{display:block} #cd-page:where([data-colette-page="club"]) button.cd-evmore-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 20px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--wine);font-family:var(--sans) !important;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s} #cd-page:where([data-colette-page="club"]) button.cd-evmore-btn:hover{background:var(--wine);border-color:var(--wine);color:#0b0b0c} #cd-page:where([data-colette-page="club"]) button.cd-evmore-btn[disabled]{opacity:.5;cursor:default} /* v10.4 · a little air inside the scaled event cards. Values are written at full size; the card's 73% scale brings each gap to roughly 7–12px. */ @media (min-width:1001px){ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event.event .caption{padding-top:11px !important;padding-bottom:12px !important} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event.event .event_name{margin:9px 0 7px !important} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event.event .tag_line:not(:empty){margin-bottom:6px} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event.event .buttons.ml_button, body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event.event .cdw-btngrid{margin-top:16px !important;row-gap:11px !important} } /* ══════════════════════════════════════════════════════════════ v10.5 ══════════════════════════════════════════════════════════════ */ /* standard members: the join pill sits on the upgrade line itself */ #cd-page:where([data-colette-page="club"]) p.cd-upg-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px} #cd-page:where([data-colette-page="club"]) p.cd-upg-line a.cd-upg-btn{min-height:36px;height:36px;padding:0 18px;font-size:.78rem !important;text-decoration:none !important;color:#0b0b0c !important;background:var(--wine) !important;box-shadow:none} #cd-page:where([data-colette-page="club"]) p.cd-upg-line a.cd-upg-btn:hover{background:var(--wine-lt) !important;color:#0b0b0c !important} @media (max-width:760px){ /* Newsletter drops onto a line of its own at common phone widths; the guide carries eight there — Newsletter is still in the page */ #cd-page:where([data-colette-page="club"]) .cd-index-links a[href="#newsletter"]{display:none} #cd-page:where([data-colette-page="club"]) p.cd-upg-line a.cd-upg-btn{width:auto} /* the toolkit reads as a new section after the events and their More */ body:not(.public) #cd-page:where([data-colette-page="club"]) > #social{margin-top:14px;padding-top:22px;border-top:1px solid var(--line-soft)} } /* v10.6 · standard members have New members alone beside the feed, so they get a third card; premium and owner accounts keep two under Community updates */ @media (min-width:1001px){ body:not(.public):not(.premium-member):not(.club-owner-site-admin) #cd-page:where([data-colette-page="club"]) #new_members_section .thumb-container:nth-of-type(3){display:block !important} } /* v10.8 · desktop CALENDAR view: the month grid, as on the public page. The agenda-only rule dates from when events sat in a 620px column; at full width the grid fits. Phones keep the agenda, as the public page does. */ @media (min-width:761px){ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-cal-dowrow, body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-cal-grid{display:grid} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-cal-agenda{display:none} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-calmore{display:none !important} } /* ══════════════════════════════════════════════════════════════ v11.0 · PUBLIC VIEW REWORK (Oct 2026) The Club guide, Upcoming events presentation, a single colette Dallas Social section, Hours & essentials above About and the phone bar now serve logged-out visitors as well. Newsfeed, Community updates, New members and the Right Now band stay member-only. ══════════════════════════════════════════════════════════════ */ /* ── Club guide: now a sibling of the hero copy rather than inside it ── */ #cd-page:where([data-colette-page="club"]) a.cd-index-tickets{display:inline-flex;align-items:center;margin-left:14px;min-height:30px;padding:0 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-family:var(--sans) !important;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wine) !important;text-decoration:none !important;transition:background .15s,border-color .15s,color .15s} #cd-page:where([data-colette-page="club"]) a.cd-index-tickets:hover{background:var(--wine);border-color:var(--wine);color:#0b0b0c !important} /* ── Upcoming events, public: the member presentation ── */ body.public #cd-page:where([data-colette-page="club"]) #events .cd-head{text-align:center;max-width:none} body.public #cd-page:where([data-colette-page="club"]) #events .cd-head .cd-lead{margin-left:auto;margin-right:auto} body.public #cd-page:where([data-colette-page="club"]) #events > .cd-wrap{text-align:center} body.public #cd-page:where([data-colette-page="club"]) #events .cd-events, body.public #cd-page:where([data-colette-page="club"]) #events .cd-cal{text-align:left} body.public #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event.cdw-over{display:none !important} body.public #cd-page:where([data-colette-page="club"]) .cd-events a.icon_button.more{display:none !important} body.public #cd-page:where([data-colette-page="club"]) .cd-evmore.is-on{display:block} @media (min-width:1001px){ body.public #cd-page:where([data-colette-page="club"]) .cd-events .thumb-group-inner.thumb-group-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:24px 14px !important;justify-items:center;margin:0 !important;font-size:16px} body.public #cd-page:where([data-colette-page="club"]) .cd-events .thumb-group-inner > *{margin-left:0 !important;margin-right:0 !important;max-width:100%;vertical-align:top} body.public #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event.event{zoom:.73;margin:0 !important} body.public #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event a.cdw-btn{font-size:.9rem !important;letter-spacing:.03em !important;padding:0 6px !important} body.public #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event.event .caption{padding-top:11px !important;padding-bottom:12px !important} body.public #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event.event .event_name{margin:9px 0 7px !important} body.public #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event.event .cdw-btngrid{margin-top:16px !important;row-gap:11px !important} } @media (max-width:760px){ /* phones: the agenda, four rows, then Show more dates — as members get */ body.public #cd-page:where([data-colette-page="club"]) #cd-cal .cd-cala:nth-child(n+5){display:none} body.public #cd-page:where([data-colette-page="club"]) #cd-cal.is-open .cd-cala:nth-child(n+5){display:flex} body.public #cd-page:where([data-colette-page="club"]) .cd-calmore{display:none;margin:14px 0 2px;text-align:center} body.public #cd-page:where([data-colette-page="club"]) #events:has(#cd-cal:not([hidden]) .cd-cala:nth-child(5)) .cd-calmore{display:block} } body.public #cd-page:where([data-colette-page="club"]) .cd-calmore{display:none} /* ── Hours & essentials, public: above About, the member presentation ── */ body.public #cd-page:where([data-colette-page="club"]) .cd-infocol #club_hours{background:var(--ink2);padding:34px 0 30px;border-top:1px solid var(--line-soft)} body.public #cd-page:where([data-colette-page="club"]) .cd-hours-head{text-align:center;margin-bottom:18px} body.public #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item{padding:14px 22px} body.public #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item:first-child{padding-left:0} body.public #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item span{font-size:.66rem;letter-spacing:.18em;color:var(--wine);margin-bottom:5px} body.public #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item b{font-size:1.1rem;line-height:1.3} body.public #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item small{font-size:.84rem;line-height:1.5;margin-top:4px} @media (max-width:760px){ /* public phone: hours */ body.public #cd-page:where([data-colette-page="club"]) .cd-infocol #club_hours{padding:26px 0 22px} body.public #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item{padding:10px 12px 10px 0} body.public #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item b{font-size:.92rem} body.public #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item small{font-size:.74rem} /* public phone: the club-information bar */ body.public #cd-page:where([data-colette-page="club"]) .cd-bar{display:flex;justify-content:space-evenly;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(11,11,12,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))} body.public #cd-page:where([data-colette-page="club"]) .cd-bar a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 6px;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wine) !important;text-align:center} /* public phone: the two fixes members already had */ body.public #cd-page:where([data-colette-page="club"]) .cd-split{min-width:0} body.public #cd-page:where([data-colette-page="club"]) .cd-split > div{min-width:0} body.public #cd-page:where([data-colette-page="club"]) .cd-split .cd-btn{white-space:normal;height:auto;min-height:48px;line-height:1.25;padding:10px 18px} body.public #cd-page:where([data-colette-page="club"]) .cd-arrive-head + .cd-arrive-col{border-top:0;padding-top:0} } @media (min-width:761px){#cd-page:where([data-colette-page="club"]) .cd-bar{display:none !important}} #cd-page:where([data-colette-page="club"]) .cd-index a.cd-index-tickets{font-style:normal !important;font-weight:700 !important;font-size:.64rem !important;line-height:1;text-decoration:none !important} /* ══════════════════════════════════════════════════════════════ v11.1 · public refinements ══════════════════════════════════════════════════════════════ */ /* events: closer to the hero; the heading and its line have room between them */ body.public #cd-page:where([data-colette-page="club"]) .cd-widgets > #events{padding-top:14px} body.public #cd-page:where([data-colette-page="club"]) #events .cd-head{margin-bottom:22px} body.public #cd-page:where([data-colette-page="club"]) #events .cd-head h2{margin-bottom:16px} /* colette Dallas Social: the original gradient panel — photograph on the left — now carrying the live count, the benefits, the toolkit and Join */ body.public #cd-page:where([data-colette-page="club"]) > #social{padding:44px 0 50px;background:var(--ink)} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard{align-items:start;padding:28px 34px 30px 28px} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard .cd-member-img{align-self:start} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy h2{font-size:clamp(1.5rem,2.5vw,2rem);margin:0 0 10px} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy p.cd-pub-now{text-align:left;margin:4px 0 14px} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-pub-perks{max-width:none;margin:0 0 18px;grid-template-columns:1fr 1fr;gap:0 26px} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-social-widget{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:none;justify-content:stretch;margin:0} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-social-widget div, body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-social-widget p, body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-social-widget ul, body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-social-widget li{display:contents} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-social-widget br{display:none} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-social-widget a{position:static !important;float:none !important;display:inline-flex !important;width:100% !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:40px;margin:0 !important;padding:7px 10px !important;white-space:normal !important;line-height:1.25 !important;text-align:center;overflow:visible !important;text-indent:0 !important;gap:0 !important;font-size:.66rem !important} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-social-widget a::before, body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-social-widget a::after{content:none !important;display:none !important;background:none !important} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-pub-join{margin-top:18px;justify-content:flex-start} /* members: the panel and its copy column stand aside, so the Social Toolkit renders exactly as before */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-socialcard, body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy{display:contents} /* Hours & essentials: left-aligned, headed like the public page's other sections, the four facts on a quiet band */ body.public #cd-page:where([data-colette-page="club"]) .cd-infocol #club_hours{padding:40px 0 34px;border-top:0} body.public #cd-page:where([data-colette-page="club"]) .cd-hours-head{text-align:left;margin-bottom:20px} body.public #cd-page:where([data-colette-page="club"]) .cd-hours-head .cd-tk-title{font-size:clamp(1.9rem,3.6vw,2.7rem);margin:0} body.public #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line)} body.public #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item{padding:20px 24px} body.public #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item:first-child{padding-left:0} @media (max-width:1000px){ body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard{grid-template-columns:1fr;gap:20px;padding:22px} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard .cd-member-img{max-width:480px;margin:0 auto;width:100%} } @media (max-width:760px){ body.public #cd-page:where([data-colette-page="club"]) > #social{padding:28px 0 32px} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-pub-perks{grid-template-columns:1fr} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-social-widget{grid-template-columns:repeat(2,minmax(0,1fr))} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-social-widget a{font-size:.62rem !important;min-height:36px} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-pub-join .cd-btn{width:100%} body.public #cd-page:where([data-colette-page="club"]) .cd-infocol #club_hours{padding:28px 0 22px} body.public #cd-page:where([data-colette-page="club"]) .cd-hours-head .cd-tk-title{font-size:clamp(1.7rem,7vw,2rem)} body.public #cd-page:where([data-colette-page="club"]) .cd-infocol .cd-glance-item{padding:12px 12px 12px 0} } /* the live count: green dot, the number set large */ #cd-page:where([data-colette-page="club"]) p.cd-pub-now{font-size:.95rem;color:var(--cream-dim)} #cd-page:where([data-colette-page="club"]) p.cd-pub-now b{font-family:var(--serif) !important;font-weight:800 !important;font-size:1.45rem;color:var(--cream);margin-right:6px;font-variant-numeric:tabular-nums} #cd-page:where([data-colette-page="club"]) p.cd-pub-now::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#4ade80;margin-right:10px;vertical-align:middle;box-shadow:0 0 0 4px rgba(74,222,128,.15)} /* the events line reads on one line at desktop */ body.public #cd-page:where([data-colette-page="club"]) #events .cd-head .cd-lead{max-width:none} /* ══════════════════════════════════════════════════════════════ v11.2 · public hero and social panel rebalanced ══════════════════════════════════════════════════════════════ */ /* members: the guide is now a sibling of the copy; it continues the copy column over the photograph exactly as before */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero-copy{padding-bottom:0 !important} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick{position:relative;z-index:1;width:min(1120px,calc(100% - 40px));margin-left:auto;margin-right:auto;padding-bottom:34px} @media (max-width:760px){body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick{padding-bottom:22px}} @media (min-width:761px){ body.public #cd-page:where([data-colette-page="club"]) .cd-index-links{gap:7px} body.public #cd-page:where([data-colette-page="club"]) .cd-index-links a{font-size:.8rem;padding:6px 11px} } /* public social panel: the photograph and the story side by side, centred on each other; the toolkit and Join run the full width of the card beneath */ body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard{grid-template-columns:320px minmax(0,1fr);align-items:center;row-gap:24px} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard .cd-member-img{align-self:center} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget{grid-column:1/-1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:0;padding-top:22px;border-top:1px solid var(--line-soft)} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget div, body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget p, body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget ul, body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget li{display:contents} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget br{display:none} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget a{position:static !important;float:none !important;display:inline-flex !important;width:100% !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:42px;margin:0 !important;padding:7px 8px !important;white-space:normal !important;line-height:1.25 !important;text-align:center;overflow:visible !important;text-indent:0 !important;gap:0 !important;font-size:.64rem !important} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget a::before, body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget a::after{content:none !important;display:none !important;background:none !important} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-pub-join{grid-column:1/-1;justify-content:center;margin:0} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard-copy .cd-pub-perks{margin-bottom:0} @media (max-width:1000px){ body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard{grid-template-columns:1fr} } @media (max-width:760px){ body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard{row-gap:16px} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget{grid-template-columns:repeat(6,minmax(0,1fr));padding-top:16px} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget a{grid-column:span 2} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget a:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget a:nth-last-child(1):nth-child(3n+2){grid-column:4/span 2} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget a{font-size:.62rem !important;min-height:36px} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-pub-join .cd-btn{width:100%} } /* ══════════════════════════════════════════════════════════════ v11.3 · public Club guide as its own band, between the hero and events The hero is back to its approved shape — copy beside the photograph. The guide runs the full width of the page beneath it on the lighter band: heading on the left, the nine pills spread across the rest. Members keep the guide inside their hero, unchanged. ══════════════════════════════════════════════════════════════ */ body.public #cd-page:where([data-colette-page="club"]) .cd-hero{padding-bottom:0} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick{grid-column:1/-1;position:relative;margin:0;padding:18px 0 18px;border-top:0; background:var(--ink2);box-shadow:0 0 0 100vmax var(--ink2);clip-path:inset(0 -100vmax)} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick .cd-index{display:flex;flex-wrap:nowrap;align-items:center;gap:0 28px;row-gap:0} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick h2.cd-index-h{flex:0 0 auto;margin:0;font-size:1.2rem;white-space:nowrap} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick .cd-index-links{flex:1 1 auto;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:6px} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick .cd-index-links a{font-size:.8rem;padding:6px 11px} body.public #cd-page:where([data-colette-page="club"]) .cd-widgets > #events{padding-top:30px} @media (max-width:1000px){ body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick .cd-index{flex-wrap:wrap;justify-content:center;row-gap:12px} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick h2.cd-index-h{flex:0 0 100%;text-align:center} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick .cd-index-links{flex-wrap:wrap;justify-content:center} } @media (max-width:760px){ body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick{margin-top:6px;padding:16px 0 18px} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick .cd-index-links a{font-size:.72rem;padding:5px 10px} body.public #cd-page:where([data-colette-page="club"]) .cd-widgets > #events{padding-top:20px} } /* v11.4 · a little more room between the two hero buttons on desktop */ @media (min-width:761px){body.public #cd-page:where([data-colette-page="club"]) .cd-hero .cd-btn-row.cd-pub-only{column-gap:20px}} /* ══════════════════════════════════════════════════════════════ v11.5 · public refinements (desktop and phone) ══════════════════════════════════════════════════════════════ */ /* live count: the words bold and white, the number in the accent blue */ #cd-page:where([data-colette-page="club"]) p.cd-pub-now{font-size:1.08rem;font-weight:700;color:#fff} #cd-page:where([data-colette-page="club"]) p.cd-pub-now b{color:var(--wine);font-size:1.7rem;text-shadow:0 0 18px rgba(142,206,252,.35)} @media (min-width:761px){ /* Upcoming events is in view below the hero, so Buy Tickets goes on desktop */ body.public #cd-page:where([data-colette-page="club"]) .cd-hero .cd-btn-row.cd-pub-only a[href="#events"]{display:none} /* events head on the page's left edge, with its kicker, like every other public section */ body.public #cd-page:where([data-colette-page="club"]) #events .cd-head{text-align:left} body.public #cd-page:where([data-colette-page="club"]) #events .cd-head .cd-lead{margin-left:0;margin-right:0} body.public #cd-page:where([data-colette-page="club"]) #events > .cd-wrap{text-align:left} } @media (max-width:760px){ /* hero: the club name first, Follow and the circles, then the photograph, then the rest of the copy */ body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner{display:flex;flex-direction:column;gap:0} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-copy{display:contents} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-copy h1{order:1;margin:0 0 4px} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-copy .cd-follow{order:2;gap:8px;margin:14px 0 18px} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-copy .cd-follow-label{flex:0 0 100%;margin:0 0 2px} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-copy .cd-follow a{width:38px;height:38px} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > #cdg-open{order:3;margin:0 0 20px} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-copy .cd-kicker{order:4} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-copy .cd-lead.cd-pub-only{order:5} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-copy .cd-btn-row.cd-pub-only{order:6} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick{order:7} body.public #cd-page:where([data-colette-page="club"]) .cd-hero{padding-top:20px} /* Club guide: the same height, the pills spread across the row */ body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick{padding:14px 0 16px} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick .cd-index{row-gap:10px} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick .cd-index-links{justify-content:space-between;row-gap:9px;column-gap:4px} /* events: the cards centred on the screen */ body.public #cd-page:where([data-colette-page="club"]) .cd-events .thumb-group-inner{text-align:center} body.public #cd-page:where([data-colette-page="club"]) .cd-events .thumb-container.event{margin-left:auto !important;margin-right:auto !important} /* a clear break before the Online Social panel */ body.public #cd-page:where([data-colette-page="club"]) > #social{border-top:1px solid var(--line-soft);margin-top:14px} /* Online Social pills: two across, one height, labels on one line */ body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px} body.public #cd-page:where([data-colette-page="club"]) .cd-socialcard > .cd-social-widget a{grid-column:auto !important;min-height:34px !important;height:34px !important;padding:0 8px !important;white-space:nowrap !important;font-size:.62rem !important;letter-spacing:.05em} /* VIP room: each amount over its description, which takes the full width */ body.public #cd-page:where([data-colette-page="club"]) .cd-price{grid-template-columns:1fr;gap:4px} body.public #cd-page:where([data-colette-page="club"]) .cd-price b{font-size:1.5rem} /* the call button's text centred in its pill */ body.public #cd-page:where([data-colette-page="club"]) .cd-split .cd-btn{text-align:center} } /* ══════════════════════════════════════════════════════════════ v11.6 · spacing and balance pass ══════════════════════════════════════════════════════════════ */ @media (min-width:761px){ /* events: a little more room under the cards before More, and less dead space between the section and the Members only panel */ body.public #cd-page:where([data-colette-page="club"]) .cd-evmore{margin-top:28px} body.public #cd-page:where([data-colette-page="club"]) .cd-widgets > #events{padding-bottom:6px} body.public #cd-page:where([data-colette-page="club"]) > #social{padding-top:34px} /* lower sections: one rhythm — 28px above, the established 56px below */ body.public #cd-page:where([data-colette-page="club"]) > #about, body.public #cd-page:where([data-colette-page="club"]) > #dress_code, body.public #cd-page:where([data-colette-page="club"]) > #parties, body.public #cd-page:where([data-colette-page="club"]) > #club_location, body.public #cd-page:where([data-colette-page="club"]) > #newsletter{padding-top:28px} /* logged-in desktop: the same tightening for About through Plan your visit */ body:not(.public) #cd-page:where([data-colette-page="club"]) > #about, body:not(.public) #cd-page:where([data-colette-page="club"]) > #dress_code, body:not(.public) #cd-page:where([data-colette-page="club"]) > #parties, body:not(.public) #cd-page:where([data-colette-page="club"]) > #club_location{padding-top:28px} } @media (max-width:760px){ /* hero: the kicker directly under the club name, on one line */ body.public #cd-page:where([data-colette-page="club"]) .cd-hero-copy .cd-kicker{order:2;font-size:.74rem;letter-spacing:.03em;white-space:nowrap;margin:2px 0 0} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-copy .cd-follow{order:3} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > #cdg-open{order:4} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-copy .cd-btn-row.cd-pub-only{margin-bottom:18px} /* Club guide: one tidy grid — the heading takes the first cell, the eight links fill the rest, three across, every cell the same width */ body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick{padding:14px 0 14px} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick .cd-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:center} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick h2.cd-index-h{grid-column:auto;flex:none;margin:0;font-size:1.05rem;text-align:left;white-space:nowrap} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick .cd-index-links{display:contents} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick .cd-index-links a{display:flex;align-items:center;justify-content:center;min-height:28px;padding:0 6px;font-size:.7rem;white-space:nowrap} body.public #cd-page:where([data-colette-page="club"]) .cd-hero-inner > .cd-quick .cd-index-links a[href="#newsletter"]{display:none} /* less space under More events */ body.public #cd-page:where([data-colette-page="club"]) .cd-evmore{margin:14px 0 0} body.public #cd-page:where([data-colette-page="club"]) .cd-widgets > #events{padding-bottom:10px} body.public #cd-page:where([data-colette-page="club"]) > #social{margin-top:6px} /* About: body copy on the page's scale */ body.public #cd-page:where([data-colette-page="club"]) .cd-about-copy p{font-size:.98rem;line-height:1.7} body.public #cd-page:where([data-colette-page="club"]) p.cd-pull{font-size:1.12rem;line-height:1.5;margin:18px 0 18px} /* Newsletter: heading first, then the image, then the copy — left aligned */ body.public #cd-page:where([data-colette-page="club"]) .cd-news-grid{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:0} body.public #cd-page:where([data-colette-page="club"]) .cd-news-copy{display:contents} body.public #cd-page:where([data-colette-page="club"]) .cd-news-copy .cd-kicker{order:1;justify-content:flex-start} body.public #cd-page:where([data-colette-page="club"]) .cd-news-copy h2{order:2;margin:0 0 16px} body.public #cd-page:where([data-colette-page="club"]) .cd-news-img{order:3;margin:0 0 16px;max-width:220px} body.public #cd-page:where([data-colette-page="club"]) .cd-news-copy p.cd-lead{order:4;margin:0 0 4px !important} body.public #cd-page:where([data-colette-page="club"]) .cd-news-copy .cd-btn-row{order:5;justify-content:flex-start;width:100%} } /* v11.7 · Right Now, logged in: both counts treated like the public page's live count — the words bold and white, the number in the accent blue */ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-now-stat{color:#fff;font-weight:700} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-now-stat b{color:var(--wine);font-size:1.6rem;text-shadow:0 0 18px rgba(142,206,252,.35)} @media (min-width:761px){body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-now{max-width:820px;column-gap:24px}} @media (max-width:760px){ body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-now-stat{color:#fff;font-weight:700} body:not(.public) #cd-page:where([data-colette-page="club"]) .cd-now-stat b{font-size:1.5rem} } /* v11.8 · Hours & essentials on the dark band, so it alternates with About (lighter) the way every other public section alternates; a hairline marks its top edge against the Online Social section above */ body.public #cd-page:where([data-colette-page="club"]) .cd-infocol #club_hours{background:var(--ink) !important;border-top:1px solid var(--line-soft) !important} /* v11.10 · the address card leads with the club name, in the brand lockup */ #cd-page:where([data-colette-page="club"]) .cd-addr-name{font-size:1.35rem;line-height:1.1;color:var(--cream);margin:0 0 8px} #cd-page:where([data-colette-page="club"]) .cd-addr-name .cd-cityword{color:var(--wine)} @media (prefers-reduced-motion:reduce){#cd-page:where([data-colette-page="club"]) *{transition:none !important}} body.public #cd-page:where([data-colette-page="club"]) .cd-newsfeed{display:none;} /* FAQ FAMILY */ /* ── Design system, scoped to the page wrapper ── */ #cd-page:where([data-colette-page="faq"]){ /* blue accent + hover */ /* script/italic accents, kickers, labels, numerals — follows the club accent */ /* display face (sans) */ font-family:var(--sans) !important; font-weight:400 !important; font-size:16px; line-height:1.65; color:var(--cream); background:var(--ink); -webkit-font-smoothing:antialiased; overflow-x:hidden; } #cd-page:where([data-colette-page="faq"]) *,#cd-page:where([data-colette-page="faq"]) *::before,#cd-page:where([data-colette-page="faq"]) *::after{box-sizing:border-box} #cd-page:where([data-colette-page="faq"]) img{max-width:100%;height:auto;display:block} #cd-page:where([data-colette-page="faq"]) a{color:inherit;text-decoration:none} #cd-page:where([data-colette-page="faq"]) ul,#cd-page:where([data-colette-page="faq"]) ol,#cd-page:where([data-colette-page="faq"]) li{margin:0;padding:0;list-style:none !important;list-style-type:none !important} #cd-page:where([data-colette-page="faq"]) li::marker{content:none !important;display:none !important} #cd-page:where([data-colette-page="faq"]) li::before{content:none} #cd-page:where([data-colette-page="faq"]) p{margin:0 0 14px} /* widget zones: hand the platform's own markup back its defaults */ #cd-page:where([data-colette-page="faq"]) .cd-events img,#cd-page:where([data-colette-page="faq"]) .cd-newsfeed img,#cd-page:where([data-colette-page="faq"]) .cd-social-widget img{display:revert;height:revert} #cd-page:where([data-colette-page="faq"]) .cd-events ul,#cd-page:where([data-colette-page="faq"]) .cd-events ol,#cd-page:where([data-colette-page="faq"]) .cd-events li,#cd-page:where([data-colette-page="faq"]) .cd-newsfeed ul,#cd-page:where([data-colette-page="faq"]) .cd-newsfeed ol,#cd-page:where([data-colette-page="faq"]) .cd-newsfeed li{margin:revert;padding:revert;list-style:revert !important} #cd-page:where([data-colette-page="faq"]) .cd-events li::marker,#cd-page:where([data-colette-page="faq"]) .cd-newsfeed li::marker{content:revert !important;display:revert !important} #cd-page:where([data-colette-page="faq"]) .cd-events p,#cd-page:where([data-colette-page="faq"]) .cd-newsfeed p{margin:revert} #cd-page:where([data-colette-page="faq"]) .cd-events h1,#cd-page:where([data-colette-page="faq"]) .cd-events h2,#cd-page:where([data-colette-page="faq"]) .cd-events h3,#cd-page:where([data-colette-page="faq"]) .cd-newsfeed h1,#cd-page:where([data-colette-page="faq"]) .cd-newsfeed h2,#cd-page:where([data-colette-page="faq"]) .cd-newsfeed h3{font-family:var(--sans) !important;font-size:revert;font-weight:600 !important;line-height:revert;letter-spacing:0;margin:revert;color:var(--cream)} #cd-page:where([data-colette-page="faq"]) :focus-visible{outline:2px solid var(--wine-lt);outline-offset:3px;border-radius:4px} :where(#cd-page[data-colette-page="faq"]) .cd-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto} /* type */ #cd-page:where([data-colette-page="faq"]) h1,#cd-page:where([data-colette-page="faq"]) h2{font-family:var(--serif) !important;font-weight:700 !important;line-height:1.08;letter-spacing:-.02em;color:var(--cream);margin:0;text-transform:none !important} #cd-page:where([data-colette-page="faq"]) h1{font-size:clamp(2.6rem,6vw,4.6rem)} #cd-page:where([data-colette-page="faq"]) .cd-brandword{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important;font-weight:900 !important;font-style:normal;display:inline-block;font-size:.95em;line-height:1.05;text-transform:lowercase !important;letter-spacing:-.01em} #cd-page:where([data-colette-page="faq"]) .cd-cityword{font-family:Arial,'Helvetica Neue',sans-serif !important;font-weight:700 !important;font-style:normal;text-transform:uppercase !important;font-size:.88em;letter-spacing:.02em} #cd-page:where([data-colette-page="faq"]) .cd-hero h1{font-size:clamp(2.1rem,4.4vw,3.3rem);white-space:nowrap} #cd-page:where([data-colette-page="faq"]) h2{font-size:clamp(1.9rem,3.6vw,2.7rem)} #cd-page:where([data-colette-page="faq"]) h1 em,#cd-page:where([data-colette-page="faq"]) h2 em{font-style:normal;color:var(--rose);font-weight:700 !important} #cd-page:where([data-colette-page="faq"]) .cd-h3,#cd-page:where([data-colette-page="faq"]) h3.cd-h3{font-family:var(--sans) !important;font-size:.74rem;font-weight:700 !important;letter-spacing:.2em;text-transform:uppercase !important;color:var(--gold);margin:0 0 14px;padding-top:14px;border-top:1px solid var(--line-soft);line-height:1.4} :where(#cd-page[data-colette-page="faq"]) .cd-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--serif) !important;font-style:normal;font-weight:600 !important;font-size:clamp(.95rem,1.25vw,1.1rem);letter-spacing:.04em;color:var(--rose);margin-bottom:10px;text-transform:none !important} :where(#cd-page[data-colette-page="faq"]) .cd-kicker::before{content:'';width:26px;height:1px;background:var(--wine-lt);flex-shrink:0} :where(#cd-page[data-colette-page="faq"]) .cd-kicker i{font-style:normal;color:var(--wine-lt);margin:0 4px} :where(#cd-page[data-colette-page="faq"]) .cd-lead{font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.75;color:var(--cream-dim);max-width:62ch} :where(#cd-page[data-colette-page="faq"]) .cd-head{max-width:800px;margin-bottom:24px} :where(#cd-page[data-colette-page="faq"]) .cd-head h2{margin-bottom:10px} :where(#cd-page[data-colette-page="faq"]) .cd-inline{color:#d9d9de !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-color:rgba(142,206,252,.65) !important} /* buttons */ :where(#cd-page[data-colette-page="faq"]) .cd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border-radius:999px;border:1.5px solid transparent;font-family:var(--sans) !important;font-size:.88rem !important;font-weight:700 !important;letter-spacing:.06em;text-transform:uppercase !important;text-decoration:none !important;white-space:nowrap;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s} :where(#cd-page[data-colette-page="faq"]) .cd-btn:hover{transform:translateY(-2px)} :where(#cd-page[data-colette-page="faq"]) .cd-btn-wine{background:var(--wine) !important;color:#0b0b0c !important;box-shadow:0 10px 24px rgba(142,206,252,.22)} :where(#cd-page[data-colette-page="faq"]) .cd-btn-wine:hover{background:var(--wine-lt) !important} :where(#cd-page[data-colette-page="faq"]) .cd-btn-ghost{border-color:rgba(255,255,255,.3) !important;color:var(--cream) !important;background:rgba(255,255,255,.04) !important} :where(#cd-page[data-colette-page="faq"]) .cd-btn-ghost:hover{border-color:var(--wine-lt) !important;background:var(--wine) !important;color:#0b0b0c !important} :where(#cd-page[data-colette-page="faq"]) .cd-btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px} :where(#cd-page[data-colette-page="faq"]) .cd-btn-case{text-transform:none !important;font-size:.92rem !important;letter-spacing:.03em} #cd-page:where([data-colette-page="faq"]) .cd-btn-acc{color:var(--wine) !important} #cd-page:where([data-colette-page="faq"]) .cd-btn-acc:hover{color:#0b0b0c !important} /* ── Sections: rhythm ── */ :where(#cd-page[data-colette-page="faq"]) .cd-sec{padding:40px 0 56px} :where(#cd-page[data-colette-page="faq"]) .cd-sec-alt{background:var(--ink2)} /* ── Hero: photo bleeds to the right edge ── */ :where(#cd-page[data-colette-page="faq"]) .cd-hero{position:relative;padding:36px 0 44px;overflow:hidden;background:radial-gradient(900px 520px at 85% 10%,rgba(255,255,255,.06),transparent 65%),radial-gradient(600px 420px at 100% 0%,rgba(142,206,252,.10),transparent 60%),var(--ink)} :where(#cd-page[data-colette-page="faq"]) .cd-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:stretch} :where(#cd-page[data-colette-page="faq"]) .cd-hero-copy h1{margin:0 0 16px} /* social follow row: round brand-icon buttons under the club name (Font Awesome 6 Brands glyphs). Deliberate exception to the one-accent rule: each ring/glyph carries its network's brand color. */ :where(#cd-page[data-colette-page="faq"]) .cd-follow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 20px} :where(#cd-page[data-colette-page="faq"]) .cd-follow-label{font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--wine);margin-right:4px} #cd-page:where([data-colette-page="faq"]) .cd-follow a{--brand:var(--wine);--on-brand:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--brand);background:rgba(255,255,255,.03);color:var(--brand) !important;text-decoration:none !important;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s} #cd-page:where([data-colette-page="faq"]) .cd-follow a:hover{transform:translateY(-2px);background:var(--brand);border-color:var(--brand);color:var(--on-brand) !important;box-shadow:0 8px 20px rgba(0,0,0,.35)} #cd-page:where([data-colette-page="faq"]) .cd-follow a span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} #cd-page:where([data-colette-page="faq"]) .cd-follow a::before{font-family:"Font Awesome 6 Brands" !important;font-weight:400;font-size:15px;line-height:1;-webkit-font-smoothing:antialiased} #cd-page:where([data-colette-page="faq"]) .cd-follow a.cd-fb{--brand:#1877f2} #cd-page:where([data-colette-page="faq"]) .cd-follow a.cd-x{--brand:#f2f2f2;--on-brand:#0b0b0c} #cd-page:where([data-colette-page="faq"]) .cd-follow a.cd-pin{--brand:#e60023} #cd-page:where([data-colette-page="faq"]) .cd-follow a.cd-tt{--brand:#f60056} /* Instagram: gradient ring (the brand mark is a gradient), pink glyph; hover fills the gradient */ #cd-page:where([data-colette-page="faq"]) .cd-follow a.cd-ig{--brand:#ee2a7b;border-color:transparent;background:linear-gradient(var(--ink),var(--ink)) padding-box,linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7) border-box} #cd-page:where([data-colette-page="faq"]) .cd-follow a.cd-ig:hover{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7) border-box;color:#fff !important} #cd-page:where([data-colette-page="faq"]) .cd-follow a.cd-fb::before{content:"\f39e"} #cd-page:where([data-colette-page="faq"]) .cd-follow a.cd-x::before{content:"\e61b"} #cd-page:where([data-colette-page="faq"]) .cd-follow a.cd-pin::before{content:"\f231"} #cd-page:where([data-colette-page="faq"]) .cd-follow a.cd-ig::before{content:"\f16d"} #cd-page:where([data-colette-page="faq"]) .cd-follow a.cd-tt::before{content:"\e07b"} :where(#cd-page[data-colette-page="faq"]) .cd-hero-photo{position:relative;min-height:360px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.55);background:linear-gradient(160deg,var(--ink3),var(--ink2))} #cd-page:where([data-colette-page="faq"]) .cd-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center} :where(#cd-page[data-colette-page="faq"]) .cd-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,12,.35),transparent 40%),linear-gradient(180deg,transparent 60%,rgba(11,11,12,.5))} /* ── Glance strip: flush, borderless ── */ :where(#cd-page[data-colette-page="faq"]) .cd-glance{background:var(--ink2)} :where(#cd-page[data-colette-page="faq"]) .cd-glance-grid{display:grid;grid-template-columns:repeat(4,1fr)} :where(#cd-page[data-colette-page="faq"]) .cd-glance-item{padding:18px 22px;border-left:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="faq"]) .cd-glance-item:first-child{border-left:none;padding-left:0} :where(#cd-page[data-colette-page="faq"]) .cd-glance-item span{display:block;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:700;margin-bottom:5px} :where(#cd-page[data-colette-page="faq"]) .cd-glance-item b{display:block;font-family:var(--serif) !important;font-weight:700 !important;font-size:1.15rem;line-height:1.25;color:var(--cream);font-variant-numeric:tabular-nums} :where(#cd-page[data-colette-page="faq"]) .cd-glance-item small{display:block;font-size:.84rem;color:var(--cream-dim);margin-top:3px} :where(#cd-page[data-colette-page="faq"]) .cd-glance-item a{color:var(--cream) !important} /* ── Membership panel (compact) ── */ :where(#cd-page[data-colette-page="faq"]) .cd-member-sec{padding:40px 0 0} :where(#cd-page[data-colette-page="faq"]) .cd-member{display:grid;grid-template-columns:320px 1fr;gap:36px;align-items:center;background:linear-gradient(160deg,#1c1c20,#111113);border:1px solid var(--line);border-radius:var(--r);padding:26px 34px 26px 26px;overflow:hidden} :where(#cd-page[data-colette-page="faq"]) .cd-member-img{border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line-soft);line-height:0;align-self:center} #cd-page:where([data-colette-page="faq"]) .cd-member-img img{position:static;width:100%;height:auto;display:block;object-fit:unset} #cd-page:where([data-colette-page="faq"]) .cd-member-copy h2{font-size:clamp(1.35rem,2.3vw,1.8rem);margin:0 0 10px} #cd-page:where([data-colette-page="faq"]) p.cd-member-lead{color:var(--cream-dim);font-size:.95rem;line-height:1.65;margin:0 0 12px;max-width:64ch} :where(#cd-page[data-colette-page="faq"]) .cd-member-list{grid-template-columns:1fr 1fr;gap:0 26px;margin-bottom:4px} #cd-page:where([data-colette-page="faq"]) .cd-member-list li{padding:4px 0;font-size:.94rem} :where(#cd-page[data-colette-page="faq"]) .cd-member .cd-btn-row{margin-top:12px} @media (max-width:1000px){ :where(#cd-page[data-colette-page="faq"]) .cd-member{grid-template-columns:1fr;gap:22px;padding:22px} :where(#cd-page[data-colette-page="faq"]) .cd-member-img{max-width:480px;margin:0 auto;width:100%} :where(#cd-page[data-colette-page="faq"]) .cd-member-list{grid-template-columns:1fr} } /* ── Events: light skin, zero bottom ── */ :where(#cd-page[data-colette-page="faq"]) .cd-sec-events{padding-bottom:12px} :where(#cd-page[data-colette-page="faq"]) .cd-events{margin-top:4px;font-size:.95rem;color:var(--cream-dim)} :where(#cd-page[data-colette-page="faq"]) .cd-events *{max-width:100%} /* stretch the platform's widget shell to the section width so it shares the header's left edge */ #cd-page:where([data-colette-page="faq"]) .cd-events > *,#cd-page:where([data-colette-page="faq"]) .cd-events .homepage_widget,#cd-page:where([data-colette-page="faq"]) .cd-events .widget,#cd-page:where([data-colette-page="faq"]) .cd-events .container,#cd-page:where([data-colette-page="faq"]) .cd-events .container-fluid,#cd-page:where([data-colette-page="faq"]) .cd-events table{width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;box-sizing:border-box} #cd-page:where([data-colette-page="faq"]) .cd-events .row{margin-left:0 !important;margin-right:0 !important} :where(#cd-page[data-colette-page="faq"]) .cd-events hr{display:none !important} :where(#cd-page[data-colette-page="faq"]) .cd-events img{max-width:100% !important;height:auto !important;border-radius:var(--r-sm);border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.45)} :where(#cd-page[data-colette-page="faq"]) .cd-events a{color:#d9d9de !important} :where(#cd-page[data-colette-page="faq"]) .cd-events a.cdw-title{font-family:var(--serif) !important;font-weight:700;font-size:1.1rem;line-height:1.3;color:var(--wine) !important;text-decoration:none !important} #cd-page:where([data-colette-page="faq"]) .cd-events a.cdw-more{color:var(--wine) !important} #cd-page:where([data-colette-page="faq"]) .cd-events a.cdw-more:hover{color:var(--wine-lt) !important} :where(#cd-page[data-colette-page="faq"]) .cd-events a.cdw-title:hover{color:var(--wine-lt) !important} /* all widget buttons share one quiet style: dark pill, hairline border; hover fills accent */ #cd-page:where([data-colette-page="faq"]) .cd-events a.cdw-btn,#cd-page:where([data-colette-page="faq"]) .cd-events a.cdw-btn.cdw-btn-ghost{box-sizing:border-box !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;float:none !important;position:static !important;width:132px !important;min-width:0 !important;max-width:none !important;height:38px !important;min-height:0 !important;padding:0 10px !important;margin:4px 6px 4px 0 !important;border-radius:999px !important;font-size:.72rem !important;font-weight:600 !important;white-space:nowrap !important;text-align:center;line-height:1 !important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;vertical-align:middle;background:transparent !important;color:var(--wine) !important;border:1px solid var(--line) !important;transition:background .15s,border-color .15s,color .15s,transform .15s} /* 2-column button grid: Tickets + RSVP on row one, Who's Going on row two */ #cd-page:where([data-colette-page="faq"]) .cd-events .cdw-btngrid{display:grid !important;grid-template-columns:repeat(2,132px) !important;grid-auto-flow:row !important;gap:8px 10px !important;justify-content:start !important;align-items:stretch !important;width:auto !important;float:none !important;margin:10px 0 0 !important;padding:0 !important} #cd-page:where([data-colette-page="faq"]) .cd-events .cdw-btngrid br{display:none !important} #cd-page:where([data-colette-page="faq"]) .cd-events .cdw-btngrid > *{margin:0 !important;padding:0 !important;width:100% !important;min-width:0 !important;float:none !important;position:static !important;background:none;text-align:left} #cd-page:where([data-colette-page="faq"]) .cd-events .cdw-btngrid a.cdw-btn{width:100% !important;height:38px !important;margin:0 !important} /* third button (Who's Going) centered under the pair: span both columns, keep pill width */ #cd-page:where([data-colette-page="faq"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)){grid-column:1/3;display:flex;justify-content:center} #cd-page:where([data-colette-page="faq"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)) a.cdw-btn{width:132px !important} #cd-page:where([data-colette-page="faq"]) .cd-events a.cdw-btn:hover,#cd-page:where([data-colette-page="faq"]) .cd-events a.cdw-btn.cdw-btn-ghost:hover{transform:translateY(-2px);background:var(--wine) !important;border-color:var(--wine) !important;color:#0b0b0c !important} :where(#cd-page[data-colette-page="faq"]) .cd-events .cdw-gray{background-color:transparent !important;border-color:var(--line-soft) !important} /* ── Events: LIST | CALENDAR view switch + calendar presentation ── */ #cd-page:where([data-colette-page="faq"]) [hidden]{display:none !important} :where(#cd-page[data-colette-page="faq"]) .cd-evswitch{display:inline-flex;margin:2px 0 18px;padding:3px;gap:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02)} #cd-page:where([data-colette-page="faq"]) .cd-evtab{appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 20px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wine);line-height:1;transition:background .15s,color .15s} #cd-page:where([data-colette-page="faq"]) .cd-evtab:hover{color:var(--wine-lt)} #cd-page:where([data-colette-page="faq"]) .cd-evtab.is-on,#cd-page:where([data-colette-page="faq"]) .cd-evtab.is-on:hover{background:var(--wine);color:#0b0b0c} :where(#cd-page[data-colette-page="faq"]) .cd-cal{margin-top:4px} :where(#cd-page[data-colette-page="faq"]) .cd-cal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px} :where(#cd-page[data-colette-page="faq"]) .cd-cal-month{font-weight:700;font-size:1.18rem;color:var(--cream);letter-spacing:.01em} :where(#cd-page[data-colette-page="faq"]) .cd-cal-nav{display:flex;gap:8px} #cd-page:where([data-colette-page="faq"]) .cd-cal-nav button{appearance:none;-webkit-appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--wine);font-size:1.05rem;line-height:1;padding:0 0 2px;transition:background .15s,border-color .15s,color .15s} #cd-page:where([data-colette-page="faq"]) .cd-cal-nav button:hover:not(:disabled){background:var(--wine);border-color:var(--wine);color:#0b0b0c} #cd-page:where([data-colette-page="faq"]) .cd-cal-nav button:disabled{opacity:.35;cursor:default} :where(#cd-page[data-colette-page="faq"]) .cd-cal-dowrow{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line-soft);border-bottom:0;border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--ink3);overflow:hidden} :where(#cd-page[data-colette-page="faq"]) .cd-cal-dow{padding:9px 0;text-align:center;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)} :where(#cd-page[data-colette-page="faq"]) .cd-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line-soft);border-radius:0 0 var(--r-sm) var(--r-sm);background:var(--ink2);overflow:hidden} :where(#cd-page[data-colette-page="faq"]) .cd-cal-day{min-height:92px;padding:8px 9px 10px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);min-width:0} :where(#cd-page[data-colette-page="faq"]) .cd-cal-day.cd-col7{border-right:0} :where(#cd-page[data-colette-page="faq"]) .cd-cal-day.cd-lastrow{border-bottom:0} :where(#cd-page[data-colette-page="faq"]) .cd-cal-num{font-size:.72rem;font-weight:600;color:var(--cream-dim);line-height:1} :where(#cd-page[data-colette-page="faq"]) .cd-cal-day.is-out{background:rgba(255,255,255,.012)} :where(#cd-page[data-colette-page="faq"]) .cd-cal-day.is-out .cd-cal-num{color:rgba(139,139,147,.38)} :where(#cd-page[data-colette-page="faq"]) .cd-cal-day.is-past .cd-cal-num{color:rgba(198,198,203,.4)} :where(#cd-page[data-colette-page="faq"]) .cd-cal-day.is-past .cd-cale{opacity:.5} :where(#cd-page[data-colette-page="faq"]) .cd-cal-day.is-today{box-shadow:inset 0 0 0 1px var(--wine)} :where(#cd-page[data-colette-page="faq"]) .cd-cal-day.is-today .cd-cal-num{color:var(--wine);font-weight:800} #cd-page:where([data-colette-page="faq"]) a.cd-cale{display:block;margin-top:8px;padding-left:8px;border-left:2px solid var(--wine)} #cd-page:where([data-colette-page="faq"]) a.cd-cale.cd-has-img{padding-left:0;border-left:0} /* flyer artwork: its own framed space above the title, at the flyer's NATURAL ratio — whole image shown, no cropping, no letterbox bars, nothing overlays it */ :where(#cd-page[data-colette-page="faq"]) .cd-cale-img{display:block;width:100%;line-height:0;border-radius:8px;overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3);margin-bottom:7px} #cd-page:where([data-colette-page="faq"]) .cd-cale-img img{width:100% !important;height:auto !important;display:block;border:0;border-radius:0;box-shadow:none} #cd-page:where([data-colette-page="faq"]) a.cd-cale .cd-cale-img{transition:border-color .15s} #cd-page:where([data-colette-page="faq"]) a.cd-cale:hover .cd-cale-img{border-color:rgba(142,206,252,.55)} :where(#cd-page[data-colette-page="faq"]) .cd-cale-t{display:block;font-weight:700;font-size:.8rem;line-height:1.28;color:var(--wine);overflow-wrap:break-word;transition:color .15s} #cd-page:where([data-colette-page="faq"]) a.cd-cale:hover .cd-cale-t{color:var(--wine-lt)} :where(#cd-page[data-colette-page="faq"]) .cd-cale-time{display:block;margin-top:3px;font-size:.64rem;letter-spacing:.05em;color:var(--mute);line-height:1} :where(#cd-page[data-colette-page="faq"]) .cd-cal-agenda{display:none} #cd-page:where([data-colette-page="faq"]) a.cd-cala{display:flex;align-items:center;gap:14px;padding:14px 2px;border-bottom:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="faq"]) .cd-cala-img{flex:0 0 80px;line-height:0;border-radius:8px;overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} #cd-page:where([data-colette-page="faq"]) .cd-cala-img img{width:100% !important;height:auto !important;display:block;border:0;border-radius:0;box-shadow:none} :where(#cd-page[data-colette-page="faq"]) .cd-cal-agenda .cd-cala:first-of-type{border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="faq"]) .cd-cala.is-past{opacity:.5} :where(#cd-page[data-colette-page="faq"]) .cd-cala-date{flex:0 0 50px;text-align:center} :where(#cd-page[data-colette-page="faq"]) .cd-cala-dw{display:block;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);line-height:1} :where(#cd-page[data-colette-page="faq"]) .cd-cala-num{display:block;margin-top:3px;font-size:1.3rem;font-weight:700;color:var(--cream);line-height:1.1} :where(#cd-page[data-colette-page="faq"]) .cd-cala-body{flex:1;min-width:0} :where(#cd-page[data-colette-page="faq"]) .cd-cala-t{font-weight:700;font-size:.98rem;line-height:1.3;color:var(--wine);transition:color .15s} #cd-page:where([data-colette-page="faq"]) a.cd-cala:hover .cd-cala-t{color:var(--wine-lt)} :where(#cd-page[data-colette-page="faq"]) .cd-cala-time{margin-top:3px;font-size:.72rem;letter-spacing:.03em;color:var(--mute)} :where(#cd-page[data-colette-page="faq"]) .cd-cala-chev{flex:0 0 auto;color:var(--wine);font-size:1.05rem;line-height:1} :where(#cd-page[data-colette-page="faq"]) .cd-cal-empty{padding:30px 2px;color:var(--mute);font-size:.92rem} :where(#cd-page[data-colette-page="faq"]) .cd-cal-note{margin-top:12px;font-size:.72rem;color:var(--mute)} @media (max-width:760px){ :where(#cd-page[data-colette-page="faq"]) .cd-cal-dowrow,:where(#cd-page[data-colette-page="faq"]) .cd-cal-grid{display:none} :where(#cd-page[data-colette-page="faq"]) .cd-cal-agenda{display:block} :where(#cd-page[data-colette-page="faq"]) .cd-cal-month{font-size:1.05rem} } :where(#cd-page[data-colette-page="faq"]) .cd-newsfeed{margin-top:20px} :where(#cd-page[data-colette-page="faq"]) .cd-newsfeed.is-empty,:where(#cd-page[data-colette-page="faq"]) .cd-newsfeed:empty{display:none;margin:0} /* ── Social: pulled up over the widget's trailing rule ── */ :where(#cd-page[data-colette-page="faq"]) .cd-social{position:relative;padding:36px 0 44px;text-align:left;background:var(--ink)} #cd-page:where([data-colette-page="faq"]) .cd-social h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:18px} #cd-page:where([data-colette-page="faq"]) .cd-social p.cd-lead{margin:0 0 24px} :where(#cd-page[data-colette-page="faq"]) .cd-social-widget{display:flex;justify-content:center;flex-wrap:wrap;gap:10px} /* social buttons match the event-widget button treatment */ #cd-page:where([data-colette-page="faq"]) .cd-social-widget a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;height:38px;padding:0 16px;border-radius:999px;font-family:Karla,'Helvetica Neue',Arial,sans-serif !important;font-size:.72rem;font-weight:600 !important;white-space:nowrap;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;background:transparent !important;color:var(--wine) !important;border:1px solid var(--line);transition:background .15s,border-color .15s,color .15s,transform .15s;opacity:1} #cd-page:where([data-colette-page="faq"]) .cd-social-widget a:hover{transform:translateY(-2px);background:var(--wine) !important;border-color:var(--wine) !important;color:#0b0b0c !important} #cd-page:where([data-colette-page="faq"]) .cd-social-widget a *{color:inherit !important} #cd-page:where([data-colette-page="faq"]) .cd-social-widget img{display:inline-block;max-height:18px;width:auto;height:auto} #cd-page:where([data-colette-page="faq"]) .cd-social-widget a:hover img{filter:brightness(.2)} /* ── About: editorial two-column, no boxes ── */ :where(#cd-page[data-colette-page="faq"]) .cd-about{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:stretch} :where(#cd-page[data-colette-page="faq"]) .cd-about-copy{display:flex;flex-direction:column;align-items:flex-start} :where(#cd-page[data-colette-page="faq"]) .cd-about-copy .cd-btn{align-self:flex-start} :where(#cd-page[data-colette-page="faq"]) .cd-about-side{display:flex;flex-direction:column;padding-top:6px} :where(#cd-page[data-colette-page="faq"]) .cd-about-side .cd-rules{margin-top:auto} /* larger, serif section labels on the right column */ #cd-page:where([data-colette-page="faq"]) .cd-about-side .cd-h3{font-family:var(--serif) !important;font-style:normal;font-size:clamp(1.3rem,1.9vw,1.6rem);font-weight:700 !important;letter-spacing:.01em;text-transform:none !important;color:var(--rose);margin:0 0 10px;padding-top:18px;border-top:1px solid var(--line-soft);line-height:1.15} #cd-page:where([data-colette-page="faq"]) .cd-about-side > .cd-h3:first-child{border-top:0;padding-top:0} #cd-page:where([data-colette-page="faq"]) .cd-about-copy h2{margin-bottom:22px} #cd-page:where([data-colette-page="faq"]) p.cd-pull{font-family:var(--serif) !important;font-weight:600;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.5;color:var(--cream);margin:26px 0 24px;padding-left:18px;border-left:2px solid var(--line)} #cd-page:where([data-colette-page="faq"]) .cd-about-copy p{color:var(--cream-dim);font-size:1.06rem;line-height:1.75;margin:0 0 18px} :where(#cd-page[data-colette-page="faq"]) .cd-about-copy .cd-btn{margin:10px 0 26px} #cd-page:where([data-colette-page="faq"]) p.cd-pricing{margin:auto 0 0;width:100%;padding-top:16px;border-top:1px solid var(--line-soft);font-size:.95rem;line-height:1.6;color:var(--mute)} :where(#cd-page[data-colette-page="faq"]) .cd-check{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-bottom:20px} #cd-page:where([data-colette-page="faq"]) .cd-check li{display:flex;gap:11px;align-items:flex-start;padding:4px 0;font-size:1rem;line-height:1.45;color:var(--cream-dim)} :where(#cd-page[data-colette-page="faq"]) .cd-i{flex:0 0 16px;width:16px;height:16px;margin-top:6px;fill:none;stroke:var(--wine-lt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #cd-page:where([data-colette-page="faq"]) .cd-ledger li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:1rem;line-height:1.5;color:var(--cream-dim);align-items:baseline} #cd-page:where([data-colette-page="faq"]) .cd-ledger li:last-child{border-bottom:none;padding-bottom:0} :where(#cd-page[data-colette-page="faq"]) .cd-ledger li b{font-family:var(--serif) !important;font-weight:700 !important;font-size:1.15rem;color:var(--rose);font-variant-numeric:tabular-nums} /* ── Dress code: three editorial columns, no panel ── */ :where(#cd-page[data-colette-page="faq"]) .cd-dress{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} :where(#cd-page[data-colette-page="faq"]) .cd-dress-col{padding:30px 32px 30px 0;border-left:1px solid var(--line-soft);padding-left:32px} :where(#cd-page[data-colette-page="faq"]) .cd-dress-col:first-child{border-left:0;padding-left:0} :where(#cd-page[data-colette-page="faq"]) .cd-dress-label{font-family:var(--serif) !important;font-style:normal;font-weight:700;font-size:clamp(1.35rem,2vw,1.7rem);color:var(--rose);line-height:1.15;margin-bottom:14px} #cd-page:where([data-colette-page="faq"]) .cd-dress-col p{color:var(--cream);font-size:1rem;line-height:1.7;margin:0 0 14px} #cd-page:where([data-colette-page="faq"]) .cd-dress-col p.cd-dress-no{color:var(--cream-dim);font-size:.92rem;margin:0} :where(#cd-page[data-colette-page="faq"]) .cd-dress-col p.cd-dress-no strong{color:var(--wine-lt);font-weight:600} :where(#cd-page[data-colette-page="faq"]) .cd-arrive{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;align-items:start;margin-top:28px;padding:30px 36px 34px;border-radius:var(--r);background:linear-gradient(135deg,#1a1a1d,#111113);border:1px solid var(--line)} :where(#cd-page[data-colette-page="faq"]) .cd-arrive-head{grid-column:1/-1;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)} :where(#cd-page[data-colette-page="faq"]) .cd-arrive-title{font-family:var(--serif) !important;font-weight:700;font-size:clamp(1.45rem,2.2vw,1.8rem);color:var(--cream);line-height:1.15} #cd-page:where([data-colette-page="faq"]) .cd-arrive-head p{margin:0;color:var(--cream-dim);font-size:.95rem} :where(#cd-page[data-colette-page="faq"]) .cd-arrive-col{padding-left:28px;border-left:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="faq"]) .cd-arrive-head + .cd-arrive-col{padding-left:0;border-left:0} :where(#cd-page[data-colette-page="faq"]) .cd-arrive-col .cd-dress-label{font-size:clamp(1.2rem,1.7vw,1.45rem);margin-bottom:10px} #cd-page:where([data-colette-page="faq"]) .cd-arrive-col p{margin:0;color:var(--cream);font-size:1rem;line-height:1.7} /* ── Parties: split panel + price table ── */ :where(#cd-page[data-colette-page="faq"]) .cd-split{background:var(--ink);border:1px solid var(--line-soft);border-radius:var(--r);display:grid;grid-template-columns:1fr 1px 1fr;gap:0} :where(#cd-page[data-colette-page="faq"]) .cd-split > div{padding:32px 36px;display:flex;flex-direction:column} :where(#cd-page[data-colette-page="faq"]) .cd-split .cd-btn-row{margin-top:auto;padding-top:18px} :where(#cd-page[data-colette-page="faq"]) .cd-split .cd-btn{align-self:flex-start} :where(#cd-page[data-colette-page="faq"]) .cd-split .cd-split-div{padding:0;background:linear-gradient(180deg,transparent,var(--line) 15%,var(--line) 85%,transparent)} #cd-page:where([data-colette-page="faq"]) .cd-split p{color:var(--cream-dim);font-size:1rem} :where(#cd-page[data-colette-page="faq"]) .cd-split .cd-h3{border-top:none;padding-top:0} #cd-page:where([data-colette-page="faq"]) .cd-steps li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:14px 0;align-items:baseline;color:var(--cream-dim);font-size:1rem;border-bottom:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="faq"]) .cd-steps li:last-child{border-bottom:0} :where(#cd-page[data-colette-page="faq"]) .cd-steps li b{font-family:var(--serif) !important;font-weight:700 !important;font-size:1.05rem;color:var(--rose)} #cd-page:where([data-colette-page="faq"]) p.cd-fine{font-size:.82rem;color:var(--mute);font-style:italic;margin-top:10px} :where(#cd-page[data-colette-page="faq"]) .cd-price{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line-soft);align-items:baseline} :where(#cd-page[data-colette-page="faq"]) .cd-price:last-of-type{border-bottom:1px solid var(--line-soft);margin-bottom:0} :where(#cd-page[data-colette-page="faq"]) .cd-price b{font-family:var(--serif) !important;font-weight:800 !important;font-size:1.8rem;color:var(--cream);line-height:1;font-variant-numeric:tabular-nums} #cd-page:where([data-colette-page="faq"]) .cd-price p{margin:0;font-size:.92rem} :where(#cd-page[data-colette-page="faq"]) .cd-price p strong{display:block;color:var(--cream);font-weight:600;margin-bottom:2px} /* ── Visit: map with floating card ── */ :where(#cd-page[data-colette-page="faq"]) .cd-map{position:relative;min-height:440px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} :where(#cd-page[data-colette-page="faq"]) .cd-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0} :where(#cd-page[data-colette-page="faq"]) .cd-float{position:relative;z-index:2;margin:24px 24px 24px auto;width:360px;background:rgba(11,11,12,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--r-sm);padding:22px 24px;box-shadow:0 20px 50px rgba(0,0,0,.5)} :where(#cd-page[data-colette-page="faq"]) .cd-addr{font-family:var(--serif) !important;font-weight:700;font-size:1.2rem;line-height:1.35;color:var(--cream);margin-bottom:6px} #cd-page:where([data-colette-page="faq"]) .cd-contact li{padding:8px 0;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:12px;font-size:.9rem} :where(#cd-page[data-colette-page="faq"]) .cd-contact li span{color:var(--mute);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding-top:3px} :where(#cd-page[data-colette-page="faq"]) .cd-contact li a{color:var(--cream) !important;text-align:right} :where(#cd-page[data-colette-page="faq"]) .cd-float .cd-btn{width:100%;margin-top:14px;min-height:42px} :where(#cd-page[data-colette-page="faq"]) .cd-hotel{margin-top:16px;font-size:.9rem;color:var(--cream-dim)} #cd-page:where([data-colette-page="faq"]) .cd-hotel p{margin:0 0 8px;font-size:.88rem} :where(#cd-page[data-colette-page="faq"]) .cd-hotel a{color:#d9d9de !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:3px;text-decoration-color:rgba(142,206,252,.65) !important} /* ── Newsletter / team / partner ── */ :where(#cd-page[data-colette-page="faq"]) .cd-news-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:32px;align-items:center;background:linear-gradient(160deg,#1c1c20,#111113);border:1px solid var(--line);border-radius:var(--r);padding:32px;overflow:hidden} :where(#cd-page[data-colette-page="faq"]) .cd-news-img{max-width:260px;margin:0 auto;border-radius:var(--r-sm);overflow:hidden;box-shadow:0 20px 44px rgba(0,0,0,.5)} :where(#cd-page[data-colette-page="faq"]) .cd-news-copy h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:8px} :where(#cd-page[data-colette-page="faq"]) .cd-team{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:18px 24px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)} #cd-page:where([data-colette-page="faq"]) .cd-team p{margin:0;color:var(--cream-dim)} :where(#cd-page[data-colette-page="faq"]) .cd-team b{display:block;color:var(--wine);font-weight:600} :where(#cd-page[data-colette-page="faq"]) .cd-partner{margin-top:26px;text-align:center} :where(#cd-page[data-colette-page="faq"]) .cd-partner span{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:10px;font-weight:700} :where(#cd-page[data-colette-page="faq"]) .cd-partner img{max-width:640px;margin:0 auto;border-radius:8px;opacity:.85;transition:opacity .2s} :where(#cd-page[data-colette-page="faq"]) .cd-partner img:hover{opacity:1} :where(#cd-page[data-colette-page="faq"]) .cd-partner small{display:block;margin-top:8px;font-size:.8rem;color:var(--mute);font-style:italic} /* ── Footer ── */ :where(#cd-page[data-colette-page="faq"]) .cd-foot{padding:34px 0 40px;border-top:1px solid var(--line-soft);background:var(--ink)} :where(#cd-page[data-colette-page="faq"]) .cd-foot-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;color:var(--mute);font-size:.85rem} :where(#cd-page[data-colette-page="faq"]) .cd-foot-brand{font-size:1.05rem;color:var(--cream)} :where(#cd-page[data-colette-page="faq"]) .cd-foot-brand .cd-bw{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important;font-weight:900 !important;text-transform:lowercase !important;color:var(--wine);letter-spacing:-.01em} :where(#cd-page[data-colette-page="faq"]) .cd-foot-brand .cd-bc{font-family:Arial,'Helvetica Neue',sans-serif !important;font-weight:700 !important;text-transform:uppercase !important;font-size:.92em;letter-spacing:.04em;margin-left:7px} #cd-page:where([data-colette-page="faq"]) .cd-foot a[href="#cd-page"]{color:var(--wine) !important} :where(#cd-page[data-colette-page="faq"]) .cd-foot a{color:var(--cream-dim) !important} /* ── Override layer ── */ #cd-page:where([data-colette-page="faq"]),#cd-page:where([data-colette-page="faq"]) *{font-family:var(--sans) !important} #cd-page:where([data-colette-page="faq"]) .cd-follow a::before{font-family:"Font Awesome 6 Brands" !important} #cd-page:where([data-colette-page="faq"]) h1,#cd-page:where([data-colette-page="faq"]) h2,#cd-page:where([data-colette-page="faq"]) h1 em,#cd-page:where([data-colette-page="faq"]) h2 em,#cd-page:where([data-colette-page="faq"]) .cd-kicker,#cd-page:where([data-colette-page="faq"]) .cd-pull,#cd-page:where([data-colette-page="faq"]) .cd-about-side .cd-h3,#cd-page:where([data-colette-page="faq"]) .cd-dress-label,#cd-page:where([data-colette-page="faq"]) .cd-arrive-title,#cd-page:where([data-colette-page="faq"]) .cd-glance-item b,#cd-page:where([data-colette-page="faq"]) .cd-ledger li b,#cd-page:where([data-colette-page="faq"]) .cd-steps li b,#cd-page:where([data-colette-page="faq"]) .cd-price b,#cd-page:where([data-colette-page="faq"]) .cd-addr,#cd-page:where([data-colette-page="faq"]) .cd-foot-brand,#cd-page:where([data-colette-page="faq"]) a.cdw-title,#cd-page:where([data-colette-page="faq"]) .cd-cal-month,#cd-page:where([data-colette-page="faq"]) .cd-cale-t,#cd-page:where([data-colette-page="faq"]) .cd-cala-t{font-family:var(--serif) !important} #cd-page:where([data-colette-page="faq"]) .cd-brandword{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important} #cd-page:where([data-colette-page="faq"]) .cd-cityword,#cd-page:where([data-colette-page="faq"]) .cd-foot-brand .cd-bc{font-family:Arial,'Helvetica Neue',sans-serif !important} #cd-page:where([data-colette-page="faq"]) .cd-foot-brand .cd-bw{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important} #cd-page:where([data-colette-page="faq"]) a{text-decoration:none !important} #cd-page:where([data-colette-page="faq"]) .cd-btn-wine,#cd-page:where([data-colette-page="faq"]) .cd-btn-wine span{color:#0b0b0c !important} /* ── Photo gallery: entry chip ── */ #cd-page:where([data-colette-page="faq"]) .cd-hero-photo{cursor:pointer} #cd-page:where([data-colette-page="faq"]) .cd-hero-photo img{transition:transform .35s ease} @media (hover:hover){#cd-page:where([data-colette-page="faq"]) .cd-hero-photo:hover img{transform:scale(1.025)}} :where(#cd-page[data-colette-page="faq"]) .cdg-chip{position:absolute;right:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(11,11,12,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:var(--cream);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;transition:border-color .16s,background .16s} :where(#cd-page[data-colette-page="faq"]) .cdg-chip svg{width:15px;height:15px;fill:none;stroke:var(--wine);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round} :where(#cd-page[data-colette-page="faq"]) .cdg-chip-count{color:var(--mute);font-weight:600} #cd-page:where([data-colette-page="faq"]) .cd-hero-photo:hover .cdg-chip,#cd-page:where([data-colette-page="faq"]) .cd-hero-photo:focus-visible .cdg-chip{border-color:var(--wine);background:rgba(11,11,12,.86)} /* ── lightbox ── */ :where(#cd-page[data-colette-page="faq"]) .cdg{position:fixed;inset:0;z-index:6000;display:none} :where(#cd-page[data-colette-page="faq"]) .cdg.is-open{display:block} :where(#cd-page[data-colette-page="faq"]) .cdg-backdrop{position:absolute;inset:0;background:rgba(6,6,7,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} :where(#cd-page[data-colette-page="faq"]) .cdg-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:54px 90px;box-sizing:border-box} #cd-page:where([data-colette-page="faq"]) #cdg-img{position:static;max-width:100%;max-height:100%;width:auto;height:auto;display:block;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.7);user-select:none;-webkit-user-drag:none;touch-action:pan-y;transition:opacity .18s ease} :where(#cd-page[data-colette-page="faq"]) .cdg.is-swiping #cdg-img{transition:none} :where(#cd-page[data-colette-page="faq"]) .cdg-loading{position:absolute;color:var(--mute);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;display:none} :where(#cd-page[data-colette-page="faq"]) .cdg.is-loading .cdg-loading{display:block} :where(#cd-page[data-colette-page="faq"]) .cdg-count{position:absolute;top:18px;left:22px;z-index:2;color:var(--wine);font-size:.85rem;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums} :where(#cd-page[data-colette-page="faq"]) .cdg-close{position:absolute;top:12px;right:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(11,11,12,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .16s,background .16s} :where(#cd-page[data-colette-page="faq"]) .cdg-close svg{width:16px;height:16px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round} :where(#cd-page[data-colette-page="faq"]) .cdg-close:hover{border-color:var(--wine);background:rgba(11,11,12,.85)} :where(#cd-page[data-colette-page="faq"]) .cdg-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(11,11,12,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .16s,background .16s,opacity .16s} :where(#cd-page[data-colette-page="faq"]) .cdg-prev{left:16px}:where(#cd-page[data-colette-page="faq"]) .cdg-next{right:16px} :where(#cd-page[data-colette-page="faq"]) .cdg-arrow svg{width:18px;height:18px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} :where(#cd-page[data-colette-page="faq"]) .cdg-arrow:hover{border-color:var(--wine);background:rgba(11,11,12,.85)} :where(#cd-page[data-colette-page="faq"]) .cdg.chrome-hidden .cdg-count,:where(#cd-page[data-colette-page="faq"]) .cdg.chrome-hidden .cdg-close,:where(#cd-page[data-colette-page="faq"]) .cdg.chrome-hidden .cdg-arrow{opacity:0;pointer-events:none} @media (max-width:760px){ :where(#cd-page[data-colette-page="faq"]) .cdg-stage{padding:52px 10px} :where(#cd-page[data-colette-page="faq"]) .cdg-arrow{width:44px;height:44px} :where(#cd-page[data-colette-page="faq"]) .cdg-prev{left:8px}:where(#cd-page[data-colette-page="faq"]) .cdg-next{right:8px} :where(#cd-page[data-colette-page="faq"]) .cdg-chip-label{display:none} :where(#cd-page[data-colette-page="faq"]) .cdg-chip{padding:8px 12px} } @media (prefers-reduced-motion:reduce){#cd-page:where([data-colette-page="faq"]) .cd-hero-photo img,#cd-page:where([data-colette-page="faq"]) #cdg-img{transition:none}} /* ── Club accent application (site-wide blue; per approved list) ── */ #cd-page:where([data-colette-page="faq"]) .cd-hero h1 em{color:var(--wine)} #cd-page:where([data-colette-page="faq"]) .cd-glance-item span{color:var(--wine)} #cd-page:where([data-colette-page="faq"]) .cd-about-side .cd-h3{color:var(--wine)} #cd-page:where([data-colette-page="faq"]) .cd-ledger li b,#cd-page:where([data-colette-page="faq"]) .cd-steps li b{color:var(--wine)} #cd-page:where([data-colette-page="faq"]) .cd-dress-label{color:var(--wine)} #cd-page:where([data-colette-page="faq"]) .cd-split .cd-h3{color:var(--wine)} #cd-page:where([data-colette-page="faq"]) .cd-price b{color:var(--wine)} #cd-page:where([data-colette-page="faq"]) .cd-split a.cd-btn-ghost[href^="tel:"]{color:var(--wine) !important} #cd-page:where([data-colette-page="faq"]) .cd-contact li span{color:var(--wine)} #cd-page:where([data-colette-page="faq"]) .cd-hotel .cd-h3{color:var(--wine)} /* ══ DALLAS FAQ: page-specific pieces. Everything else reuses the club-page components (.cd-sec, .cd-head, .cd-kicker, .cd-btn, .cd-foot, tokens). ══ */ /* section separation: no alternating background bands and no accent bars. Sections are separated by air alone; each is introduced by the standard kicker and generous padding. The one tinted block on the page is the supplemental video panel, so blue means "different thing", not "even numbered section". */ #cd-page:where([data-colette-page="faq"]) .cf-sec{padding:46px 0 0;background:var(--ink)} #cd-page:where([data-colette-page="faq"]) #good-to-know{padding-bottom:40px} #cd-page:where([data-colette-page="faq"]) #more{padding:2px 0 0} #cd-page:where([data-colette-page="faq"]) #ask{padding:46px 0 0} #cd-page:where([data-colette-page="faq"]) #club_location{padding-bottom:48px} /* no dashes anywhere on this page */ #cd-page:where([data-colette-page="faq"]) .cd-kicker::before{display:none} #cd-page:where([data-colette-page="faq"]) .cd-kicker{margin-bottom:8px} :where(#cd-page[data-colette-page="faq"]) .cf-top{padding:34px 0 0;background:radial-gradient(900px 520px at 85% 10%,rgba(255,255,255,.06),transparent 65%),var(--ink)} /* club branding: identical lockup to the Dallas club page hero */ #cd-page:where([data-colette-page="faq"]) .cf-brand{font-family:var(--serif) !important;font-weight:700 !important;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.08;letter-spacing:-.02em;color:var(--cream);margin:0 0 14px;white-space:nowrap} #cd-page:where([data-colette-page="faq"]) .cf-brand .cd-cityword{color:var(--wine)} /* heading left, jump buttons in the space beside it */ :where(#cd-page[data-colette-page="faq"]) .cf-top-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:44px;align-items:stretch;padding-bottom:8px} #cd-page:where([data-colette-page="faq"]) .cf-top h1{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.06;margin:0 0 12px;white-space:normal} #cd-page:where([data-colette-page="faq"]) p.cf-intro{color:var(--cream-dim);font-size:1.04rem;line-height:1.75;margin:0;max-width:70ch} /* on this page */ /* 'On this page' is a panel like the section containers, stretched to the height of the heading block so the opening section has no dead corner. */ :where(#cd-page[data-colette-page="faq"]) .cf-jump{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;align-content:center; border:1px solid rgba(255,255,255,.09);border-radius:var(--r); background:linear-gradient(170deg,rgba(255,255,255,.028),rgba(255,255,255,.008));padding:24px} :where(#cd-page[data-colette-page="faq"]) .cf-jump-label{grid-column:1/-1;display:block;margin-bottom:4px} :where(#cd-page[data-colette-page="faq"]) .cf-jump-label{font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--wine);margin-right:4px} #cd-page:where([data-colette-page="faq"]) .cf-jump a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:56px;padding:8px 14px;line-height:1.25;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--wine) !important;font-size:.78rem;font-weight:600;letter-spacing:.04em;line-height:1;text-decoration:none !important;transition:background .15s,border-color .15s,color .15s,transform .15s} #cd-page:where([data-colette-page="faq"]) .cf-jump a:hover{transform:translateY(-2px);background:var(--wine);border-color:var(--wine);color:#0b0b0c !important} /* a question row: answer left, video right, same side every time */ /* major section opener: heading left, a sentence or two beside it, then a faint BLUE rule that marks where the content of the section begins. */ /* the heading column shrinks to its own text so the supporting copy sits right beside it and runs to the right edge: one full-width section introduction. */ :where(#cd-page[data-colette-page="faq"]) .cf-head{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:16px 44px;align-items:end;max-width:none;margin:0 0 26px} #cd-page:where([data-colette-page="faq"]) .cf-head h2{margin-bottom:0} #cd-page:where([data-colette-page="faq"]) p.cf-head-intro{color:var(--cream-dim);font-size:1.02rem;line-height:1.7;margin:0 0 4px;max-width:none} #cd-page:where([data-colette-page="faq"]) .cf-inline{color:var(--wine) !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--wine) !important;transition:color .16s} #cd-page:where([data-colette-page="faq"]) .cf-inline:hover{color:var(--wine-lt) !important} /* SECTION HIERARCHY, three deliberately different treatments: 1. a blue rule across the page = a new major section begins 2. a bordered panel = the body of that section, so its start AND end are visible 3. a faint hairline inside the panel = one question from the next Before this, 1 and 3 were both 1px full-width lines and read the same. */ :where(#cd-page[data-colette-page="faq"]) .cf-rule{height:2px;background:linear-gradient(90deg,rgba(142,206,252,.85),rgba(142,206,252,.30) 55%,rgba(142,206,252,.10));border-radius:2px;margin:0 0 20px} :where(#cd-page[data-colette-page="faq"]) .cf-panel{border:1px solid rgba(255,255,255,.09);border-radius:var(--r);background:linear-gradient(170deg,rgba(255,255,255,.028),rgba(255,255,255,.008));padding:4px 34px 8px} :where(#cd-page[data-colette-page="faq"]) .cf-row{display:grid;grid-template-columns:1.12fr .88fr;gap:0 40px;align-items:center;padding:28px 0;border-top:1px solid rgba(255,255,255,.07)} :where(#cd-page[data-colette-page="faq"]) .cf-row:first-of-type{border-top:0} /* the clearfix is only needed for the floated long-copy rows; as a grid item it would add an empty second row to every other row. */ :where(#cd-page[data-colette-page="faq"]) .cf-row.is-long::after{content:"";display:block;clear:both} @media (min-width:1001px){ /* the video is FIRST in the markup so it can float for long-copy rows; grid placement keeps it visually on the right in the normal two-column case */ :where(#cd-page[data-colette-page="faq"]) .cf-row .cf-a{grid-column:1;grid-row:1} :where(#cd-page[data-colette-page="faq"]) .cf-row .cf-video{grid-column:2;grid-row:1} /* set per row by measurement, not by one blanket rule */ :where(#cd-page[data-colette-page="faq"]) .cf-row.is-short{align-items:center} :where(#cd-page[data-colette-page="faq"]) .cf-row.is-long{display:block} :where(#cd-page[data-colette-page="faq"]) .cf-row.is-long .cf-video{float:right;width:var(--cf-vid,475px);margin:0 0 20px 40px} :where(#cd-page[data-colette-page="faq"]) .cf-row.is-long .cf-a{max-width:none} :where(#cd-page[data-colette-page="faq"]) .cf-row.is-long .cf-video{--cf-vid:475px} } :where(#cd-page[data-colette-page="faq"]) .cf-row-text{grid-template-columns:1fr} #cd-page:where([data-colette-page="faq"]) .cf-row-text .cf-a p{max-width:none} #cd-page:where([data-colette-page="faq"]) .cf-row-text .cf-q{margin-bottom:14px} #cd-page:where([data-colette-page="faq"]) h3.cf-q{font-family:var(--serif) !important;font-weight:700 !important;font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.3;color:var(--wine);margin:0 0 12px;text-transform:none !important;letter-spacing:0} #cd-page:where([data-colette-page="faq"]) .cf-a p{color:var(--cream-dim);font-size:1.02rem;line-height:1.75;margin:0 0 14px;max-width:70ch} #cd-page:where([data-colette-page="faq"]) .cf-a p:last-child{margin-bottom:0} #cd-page:where([data-colette-page="faq"]) p.cf-link{margin:14px 0 0} #cd-page:where([data-colette-page="faq"]) .cf-link a{color:var(--wine) !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--wine) !important;transition:color .16s,text-decoration-color .16s} #cd-page:where([data-colette-page="faq"]) .cf-link a:hover{color:var(--wine-lt) !important;text-decoration-color:var(--wine-lt) !important} /* video: thumbnail + play control, player is only created on press */ :where(#cd-page[data-colette-page="faq"]) .cf-video{width:100%} :where(#cd-page[data-colette-page="faq"]) .cf-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} #cd-page:where([data-colette-page="faq"]) button.cf-play{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;display:block} #cd-page:where([data-colette-page="faq"]) .cf-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} /* the whole thumbnail is the hit area, but nothing is drawn on top of it: no play badge, no darkening film. The play control sits UNDER the frame. */ #cd-page:where([data-colette-page="faq"]) button.cf-play:hover img,#cd-page:where([data-colette-page="faq"]) button.cf-play:focus-visible img{opacity:.92} #cd-page:where([data-colette-page="faq"]) button.cf-play:focus-visible{outline:2px solid var(--wine-lt);outline-offset:3px} #cd-page:where([data-colette-page="faq"]) .cf-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0} /* if the thumbnail cannot load, the frame says so instead of showing a black box */ :where(#cd-page[data-colette-page="faq"]) .cf-fallback{position:absolute;inset:0;z-index:4;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;text-align:center;background:linear-gradient(160deg,var(--ink3),var(--ink2))} :where(#cd-page[data-colette-page="faq"]) .cf-frame.is-broken .cf-fallback{display:flex} #cd-page:where([data-colette-page="faq"]) .cf-fallback span{color:var(--cream-dim);font-size:.9rem;line-height:1.45;max-width:34ch} #cd-page:where([data-colette-page="faq"]) .cf-fallback a{color:var(--wine) !important;font-weight:600;text-decoration:underline !important;text-underline-offset:4px;font-size:.9rem} #cd-page:where([data-colette-page="faq"]) p.cf-watch{margin:10px 0 0;font-size:.84rem;line-height:1.4;display:flex;align-items:center;gap:8px;flex-wrap:wrap} #cd-page:where([data-colette-page="faq"]) button.cf-playlink{appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;cursor:pointer;color:var(--wine);font-family:var(--sans) !important;font-size:.84rem;font-weight:600;letter-spacing:.02em;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;transition:color .16s} #cd-page:where([data-colette-page="faq"]) button.cf-playlink:hover{color:var(--wine-lt)} #cd-page:where([data-colette-page="faq"]) button.cf-playlink::before{content:"\25B6";font-size:.62em;margin-right:7px;vertical-align:1px;text-decoration:none;display:inline-block} :where(#cd-page[data-colette-page="faq"]) .cf-dot{color:var(--mute)} :where(#cd-page[data-colette-page="faq"]) .cf-frame.is-playing + .cf-watch .cf-playlink,:where(#cd-page[data-colette-page="faq"]) .cf-frame.is-playing + .cf-watch .cf-dot{display:none} /* closing "prefer to call" line: its own size and clearance from the buttons */ #cd-page:where([data-colette-page="faq"]) p.cf-call{margin:26px 0 0;font-size:1rem;line-height:1.6;color:var(--cream-dim)} #cd-page:where([data-colette-page="faq"]) .cf-call a{color:var(--wine) !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--wine) !important;transition:color .16s} #cd-page:where([data-colette-page="faq"]) .cf-call a:hover{color:var(--wine-lt) !important} #cd-page:where([data-colette-page="faq"]) .cf-watch a{color:var(--mute) !important;text-decoration:underline !important;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.22) !important;transition:color .16s} #cd-page:where([data-colette-page="faq"]) .cf-watch a:hover{color:var(--wine) !important;text-decoration-color:var(--wine) !important} /* supplemental video: modest, not another big section */ /* supplemental video panel: blue ground so it reads as a separate action from the question rows above it. Tinted rather than solid accent, so the copy stays light-on-dark like the rest of the page. */ :where(#cd-page[data-colette-page="faq"]) .cf-extra{display:grid;grid-template-columns:1fr .68fr;gap:36px;align-items:center;padding:30px 34px;border:1px solid rgba(142,206,252,.38);border-radius:var(--r);background:linear-gradient(160deg,rgba(142,206,252,.16),rgba(142,206,252,.05) 60%,rgba(142,206,252,.02))} #cd-page:where([data-colette-page="faq"]) .cf-extra h2{font-size:clamp(1.3rem,2.2vw,1.7rem);margin:0 0 10px} #cd-page:where([data-colette-page="faq"]) .cf-extra .cf-frame{border-color:rgba(142,206,252,.28)} #cd-page:where([data-colette-page="faq"]) .cf-extra p{color:var(--cream-dim);font-size:1rem;line-height:1.7;margin:0;max-width:60ch} /* closing */ :where(#cd-page[data-colette-page="faq"]) .cf-close-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px} @media (max-width:1000px){ /* tablets: the opening block stacks and the nav panel runs four across */ :where(#cd-page[data-colette-page="faq"]) .cf-top-grid{grid-template-columns:1fr;gap:26px} :where(#cd-page[data-colette-page="faq"]) .cf-jump{grid-template-columns:repeat(3,1fr);padding:20px} :where(#cd-page[data-colette-page="faq"]) .cf-row{grid-template-columns:1fr;gap:22px} :where(#cd-page[data-colette-page="faq"]) .cf-row .cf-a{order:1} :where(#cd-page[data-colette-page="faq"]) .cf-row .cf-video{order:2} :where(#cd-page[data-colette-page="faq"]) .cf-extra{grid-template-columns:1fr;gap:22px;padding:24px} :where(#cd-page[data-colette-page="faq"]) .cf-video{max-width:560px} } @media (max-width:760px){ :where(#cd-page[data-colette-page="faq"]) .cf-top{padding:24px 0 0} :where(#cd-page[data-colette-page="faq"]) .cf-top-grid{gap:22px;padding-bottom:6px} :where(#cd-page[data-colette-page="faq"]) .cf-jump{grid-template-columns:1fr 1fr;padding:18px} #cd-page:where([data-colette-page="faq"]) .cf-jump a{min-height:46px;padding:7px 10px;font-size:.74rem} :where(#cd-page[data-colette-page="faq"]) .cf-head{grid-template-columns:1fr;gap:12px;margin-bottom:20px} :where(#cd-page[data-colette-page="faq"]) .cf-rule{margin-bottom:18px} #cd-page:where([data-colette-page="faq"]) .cf-sec{padding:30px 0 0} :where(#cd-page[data-colette-page="faq"]) .cf-panel{padding:2px 16px 6px;border-radius:var(--r-sm)} :where(#cd-page[data-colette-page="faq"]) .cf-row{padding:22px 0} #cd-page:where([data-colette-page="faq"]) #good-to-know{padding-bottom:30px} #cd-page:where([data-colette-page="faq"]) #more{padding:2px 0 0} #cd-page:where([data-colette-page="faq"]) #ask{padding:30px 0 0} #cd-page:where([data-colette-page="faq"]) #club_location{padding-bottom:34px} :where(#cd-page[data-colette-page="faq"]) .cf-row{padding:24px 0} #cd-page:where([data-colette-page="faq"]) .cf-a p{font-size:1rem} :where(#cd-page[data-colette-page="faq"]) .cf-video{max-width:none} } /* ── Responsive ── */ @media (max-width:1000px){ :where(#cd-page[data-colette-page="faq"]) .cd-hero-inner{grid-template-columns:1fr;gap:28px} :where(#cd-page[data-colette-page="faq"]) .cd-hero-photo{order:-1;min-height:0;aspect-ratio:16/9} :where(#cd-page[data-colette-page="faq"]) .cd-about{grid-template-columns:1fr;gap:36px} :where(#cd-page[data-colette-page="faq"]) .cd-about-side .cd-rules{margin-top:0} :where(#cd-page[data-colette-page="faq"]) .cd-dress{grid-template-columns:1fr 1fr} :where(#cd-page[data-colette-page="faq"]) .cd-dress-strict{grid-column:span 2;border-left:0;border-top:1px solid var(--line-soft);padding-left:0} :where(#cd-page[data-colette-page="faq"]) .cd-split{grid-template-columns:1fr} :where(#cd-page[data-colette-page="faq"]) .cd-split .cd-split-div{display:none} :where(#cd-page[data-colette-page="faq"]) .cd-split > div + .cd-split-div + div{border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="faq"]) .cd-news-grid{grid-template-columns:1fr;text-align:center} #cd-page:where([data-colette-page="faq"]) .cd-news-copy p.cd-lead{margin:0 auto 14px} :where(#cd-page[data-colette-page="faq"]) .cd-news-copy .cd-kicker{justify-content:center} :where(#cd-page[data-colette-page="faq"]) .cd-news-copy .cd-btn-row{justify-content:center} :where(#cd-page[data-colette-page="faq"]) .cd-news-copy .cd-btn{width:100%} } @media (max-width:900px){ :where(#cd-page[data-colette-page="faq"]) .cd-map{min-height:0} :where(#cd-page[data-colette-page="faq"]) .cd-float{width:auto;margin:16px 0 0} :where(#cd-page[data-colette-page="faq"]) .cd-map{overflow:visible;border:0;background:none} :where(#cd-page[data-colette-page="faq"]) .cd-map iframe{position:relative;aspect-ratio:16/10;height:auto;border-radius:var(--r);border:1px solid var(--line-soft)} } @media (max-width:760px){ :where(#cd-page[data-colette-page="faq"]) .cd-wrap{width:calc(100% - 32px)} :where(#cd-page[data-colette-page="faq"]) .cd-sec{padding:28px 0 36px} :where(#cd-page[data-colette-page="faq"]) .cd-hero{padding:20px 0 32px} :where(#cd-page[data-colette-page="faq"]) .cd-hero .cd-kicker{display:block;font-size:1rem;line-height:1.5} :where(#cd-page[data-colette-page="faq"]) .cd-hero .cd-kicker::before{display:none} :where(#cd-page[data-colette-page="faq"]) .cd-follow{gap:9px;margin:18px 0 18px} #cd-page:where([data-colette-page="faq"]) .cd-follow a{width:36px;height:36px} :where(#cd-page[data-colette-page="faq"]) .cd-glance-grid{grid-template-columns:1fr 1fr} :where(#cd-page[data-colette-page="faq"]) .cd-glance-item{border-left:none;border-top:1px solid var(--line-soft);padding:14px 14px 14px 0} :where(#cd-page[data-colette-page="faq"]) .cd-glance-item:nth-child(-n+2){border-top:none} :where(#cd-page[data-colette-page="faq"]) .cd-glance-item:nth-child(even){border-left:1px solid var(--line-soft);padding-left:14px} /* glance strip: slightly smaller type on mobile so long day names never wrap awkwardly */ #cd-page:where([data-colette-page="faq"]) .cd-glance-item b{font-size:.95rem;line-height:1.35} #cd-page:where([data-colette-page="faq"]) .cd-glance-item small{font-size:.78rem} #cd-page:where([data-colette-page="faq"]) .cd-glance-item span{font-size:.62rem;letter-spacing:.16em} /* social buttons: even 2-up grid on mobile (flex-wrap centering staggered them). Wrappers the platform puts around buttons go transparent (display:contents) so every BUTTON is a grid cell; long labels wrap inside their pill instead of clipping, and the pill grows in height. */ #cd-page:where([data-colette-page="faq"]) .cd-social-widget{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:400px;margin-left:auto;margin-right:auto} #cd-page:where([data-colette-page="faq"]) .cd-social-widget br{display:none} /* flatten ANY wrapper markup the widget ships (at any depth) so each BUTTON is its own grid cell — the members quick-links set nests its anchors */ #cd-page:where([data-colette-page="faq"]) .cd-social-widget div,#cd-page:where([data-colette-page="faq"]) .cd-social-widget p,#cd-page:where([data-colette-page="faq"]) .cd-social-widget ul,#cd-page:where([data-colette-page="faq"]) .cd-social-widget ol,#cd-page:where([data-colette-page="faq"]) .cd-social-widget li{display:contents} #cd-page:where([data-colette-page="faq"]) .cd-social-widget a{position:static !important;float:none !important;display:inline-flex !important;width:100% !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:38px;margin:0 !important;padding:8px 12px !important;white-space:normal !important;line-height:1.25 !important;text-align:center;overflow:visible !important;text-overflow:clip !important;text-indent:0 !important} :where(#cd-page[data-colette-page="faq"]) .cd-dress{grid-template-columns:1fr} :where(#cd-page[data-colette-page="faq"]) .cd-dress-col{border-left:0;padding:22px 0;border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="faq"]) .cd-dress-col:first-child{border-top:0} :where(#cd-page[data-colette-page="faq"]) .cd-dress-strict{grid-column:auto} :where(#cd-page[data-colette-page="faq"]) .cd-arrive{grid-template-columns:1fr;gap:18px;padding:22px 20px} :where(#cd-page[data-colette-page="faq"]) .cd-arrive-col{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="faq"]) .cd-check{grid-template-columns:1fr} :where(#cd-page[data-colette-page="faq"]) .cd-split > div{padding:24px 22px} :where(#cd-page[data-colette-page="faq"]) .cd-map iframe{aspect-ratio:4/3} :where(#cd-page[data-colette-page="faq"]) .cd-btn{width:100%} :where(#cd-page[data-colette-page="faq"]) .cd-btn-row{flex-direction:column} #cd-page:where([data-colette-page="faq"]) .cd-events .cdw-btngrid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:300px} #cd-page:where([data-colette-page="faq"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)) a.cdw-btn{width:calc(50% - 5px) !important} } @media (max-width:420px){ :where(#cd-page[data-colette-page="faq"]) .cd-glance-grid{grid-template-columns:1fr} :where(#cd-page[data-colette-page="faq"]) .cd-glance-item{border-left:none !important;border-top:1px solid var(--line-soft) !important;padding-left:0 !important} :where(#cd-page[data-colette-page="faq"]) .cd-glance-item:first-child{border-top:none !important} } @media (prefers-reduced-motion:reduce){#cd-page:where([data-colette-page="faq"]) *{transition:none !important}} /* PRICING FAMILY */ /* ── Design system, scoped to the page wrapper ── */ #cd-page:where([data-colette-page="pricing"]){ /* blue accent + hover */ /* script/italic accents, kickers, labels, numerals — follows the club accent */ /* display face (sans) */ font-family:var(--sans) !important; font-weight:400 !important; font-size:16px; line-height:1.65; color:var(--cream); background:var(--ink); -webkit-font-smoothing:antialiased; overflow-x:hidden; } #cd-page:where([data-colette-page="pricing"]) *,#cd-page:where([data-colette-page="pricing"]) *::before,#cd-page:where([data-colette-page="pricing"]) *::after{box-sizing:border-box} #cd-page:where([data-colette-page="pricing"]) img{max-width:100%;height:auto;display:block} #cd-page:where([data-colette-page="pricing"]) a{color:inherit;text-decoration:none} #cd-page:where([data-colette-page="pricing"]) ul,#cd-page:where([data-colette-page="pricing"]) ol,#cd-page:where([data-colette-page="pricing"]) li{margin:0;padding:0;list-style:none !important;list-style-type:none !important} #cd-page:where([data-colette-page="pricing"]) li::marker{content:none !important;display:none !important} #cd-page:where([data-colette-page="pricing"]) li::before{content:none} #cd-page:where([data-colette-page="pricing"]) p{margin:0 0 14px} /* widget zones: hand the platform's own markup back its defaults */ #cd-page:where([data-colette-page="pricing"]) .cd-events img,#cd-page:where([data-colette-page="pricing"]) .cd-newsfeed img,#cd-page:where([data-colette-page="pricing"]) .cd-social-widget img{display:revert;height:revert} #cd-page:where([data-colette-page="pricing"]) .cd-events ul,#cd-page:where([data-colette-page="pricing"]) .cd-events ol,#cd-page:where([data-colette-page="pricing"]) .cd-events li,#cd-page:where([data-colette-page="pricing"]) .cd-newsfeed ul,#cd-page:where([data-colette-page="pricing"]) .cd-newsfeed ol,#cd-page:where([data-colette-page="pricing"]) .cd-newsfeed li{margin:revert;padding:revert;list-style:revert !important} #cd-page:where([data-colette-page="pricing"]) .cd-events li::marker,#cd-page:where([data-colette-page="pricing"]) .cd-newsfeed li::marker{content:revert !important;display:revert !important} #cd-page:where([data-colette-page="pricing"]) .cd-events p,#cd-page:where([data-colette-page="pricing"]) .cd-newsfeed p{margin:revert} #cd-page:where([data-colette-page="pricing"]) .cd-events h1,#cd-page:where([data-colette-page="pricing"]) .cd-events h2,#cd-page:where([data-colette-page="pricing"]) .cd-events h3,#cd-page:where([data-colette-page="pricing"]) .cd-newsfeed h1,#cd-page:where([data-colette-page="pricing"]) .cd-newsfeed h2,#cd-page:where([data-colette-page="pricing"]) .cd-newsfeed h3{font-family:var(--sans) !important;font-size:revert;font-weight:600 !important;line-height:revert;letter-spacing:0;margin:revert;color:var(--cream)} #cd-page:where([data-colette-page="pricing"]) :focus-visible{outline:2px solid var(--wine-lt);outline-offset:3px;border-radius:4px} :where(#cd-page[data-colette-page="pricing"]) .cd-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto} /* type */ #cd-page:where([data-colette-page="pricing"]) h1,#cd-page:where([data-colette-page="pricing"]) h2{font-family:var(--serif) !important;font-weight:700 !important;line-height:1.08;letter-spacing:-.02em;color:var(--cream);margin:0;text-transform:none !important} #cd-page:where([data-colette-page="pricing"]) h1{font-size:clamp(2.6rem,6vw,4.6rem)} #cd-page:where([data-colette-page="pricing"]) .cd-brandword{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important;font-weight:900 !important;font-style:normal;display:inline-block;font-size:.95em;line-height:1.05;text-transform:lowercase !important;letter-spacing:-.01em} #cd-page:where([data-colette-page="pricing"]) .cd-cityword{font-family:Arial,'Helvetica Neue',sans-serif !important;font-weight:700 !important;font-style:normal;text-transform:uppercase !important;font-size:.88em;letter-spacing:.02em} #cd-page:where([data-colette-page="pricing"]) .cd-hero h1{font-size:clamp(2.1rem,4.4vw,3.3rem);white-space:nowrap} #cd-page:where([data-colette-page="pricing"]) h2{font-size:clamp(1.9rem,3.6vw,2.7rem)} #cd-page:where([data-colette-page="pricing"]) h1 em,#cd-page:where([data-colette-page="pricing"]) h2 em{font-style:normal;color:var(--rose);font-weight:700 !important} #cd-page:where([data-colette-page="pricing"]) .cd-h3,#cd-page:where([data-colette-page="pricing"]) h3.cd-h3{font-family:var(--sans) !important;font-size:.74rem;font-weight:700 !important;letter-spacing:.2em;text-transform:uppercase !important;color:var(--gold);margin:0 0 14px;padding-top:14px;border-top:1px solid var(--line-soft);line-height:1.4} :where(#cd-page[data-colette-page="pricing"]) .cd-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--serif) !important;font-style:normal;font-weight:600 !important;font-size:clamp(.95rem,1.25vw,1.1rem);letter-spacing:.04em;color:var(--rose);margin-bottom:10px;text-transform:none !important} :where(#cd-page[data-colette-page="pricing"]) .cd-kicker::before{content:'';width:26px;height:1px;background:var(--wine-lt);flex-shrink:0} :where(#cd-page[data-colette-page="pricing"]) .cd-kicker i{font-style:normal;color:var(--wine-lt);margin:0 4px} :where(#cd-page[data-colette-page="pricing"]) .cd-lead{font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.75;color:var(--cream-dim);max-width:62ch} :where(#cd-page[data-colette-page="pricing"]) .cd-head{max-width:800px;margin-bottom:24px} :where(#cd-page[data-colette-page="pricing"]) .cd-head h2{margin-bottom:10px} :where(#cd-page[data-colette-page="pricing"]) .cd-inline{color:#d9d9de !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-color:rgba(142,206,252,.65) !important} /* buttons */ :where(#cd-page[data-colette-page="pricing"]) .cd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border-radius:999px;border:1.5px solid transparent;font-family:var(--sans) !important;font-size:.88rem !important;font-weight:700 !important;letter-spacing:.06em;text-transform:uppercase !important;text-decoration:none !important;white-space:nowrap;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s} :where(#cd-page[data-colette-page="pricing"]) .cd-btn:hover{transform:translateY(-2px)} :where(#cd-page[data-colette-page="pricing"]) .cd-btn-wine{background:var(--wine) !important;color:#0b0b0c !important;box-shadow:0 10px 24px rgba(142,206,252,.22)} :where(#cd-page[data-colette-page="pricing"]) .cd-btn-wine:hover{background:var(--wine-lt) !important} :where(#cd-page[data-colette-page="pricing"]) .cd-btn-ghost{border-color:rgba(255,255,255,.3) !important;color:var(--cream) !important;background:rgba(255,255,255,.04) !important} :where(#cd-page[data-colette-page="pricing"]) .cd-btn-ghost:hover{border-color:var(--wine-lt) !important;background:var(--wine) !important;color:#0b0b0c !important} :where(#cd-page[data-colette-page="pricing"]) .cd-btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px} :where(#cd-page[data-colette-page="pricing"]) .cd-btn-case{text-transform:none !important;font-size:.92rem !important;letter-spacing:.03em} #cd-page:where([data-colette-page="pricing"]) .cd-btn-acc{color:var(--wine) !important} #cd-page:where([data-colette-page="pricing"]) .cd-btn-acc:hover{color:#0b0b0c !important} /* ── Sections: rhythm ── */ :where(#cd-page[data-colette-page="pricing"]) .cd-sec{padding:40px 0 56px} :where(#cd-page[data-colette-page="pricing"]) .cd-sec-alt{background:var(--ink2)} /* ── Hero: photo bleeds to the right edge ── */ :where(#cd-page[data-colette-page="pricing"]) .cd-hero{position:relative;padding:36px 0 44px;overflow:hidden;background:radial-gradient(900px 520px at 85% 10%,rgba(255,255,255,.06),transparent 65%),radial-gradient(600px 420px at 100% 0%,rgba(142,206,252,.10),transparent 60%),var(--ink)} :where(#cd-page[data-colette-page="pricing"]) .cd-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:stretch} :where(#cd-page[data-colette-page="pricing"]) .cd-hero-copy h1{margin:0 0 16px} /* social follow row: round brand-icon buttons under the club name (Font Awesome 6 Brands glyphs). Deliberate exception to the one-accent rule: each ring/glyph carries its network's brand color. */ :where(#cd-page[data-colette-page="pricing"]) .cd-follow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 20px} :where(#cd-page[data-colette-page="pricing"]) .cd-follow-label{font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--wine);margin-right:4px} #cd-page:where([data-colette-page="pricing"]) .cd-follow a{--brand:var(--wine);--on-brand:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--brand);background:rgba(255,255,255,.03);color:var(--brand) !important;text-decoration:none !important;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s} #cd-page:where([data-colette-page="pricing"]) .cd-follow a:hover{transform:translateY(-2px);background:var(--brand);border-color:var(--brand);color:var(--on-brand) !important;box-shadow:0 8px 20px rgba(0,0,0,.35)} #cd-page:where([data-colette-page="pricing"]) .cd-follow a span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} #cd-page:where([data-colette-page="pricing"]) .cd-follow a::before{font-family:"Font Awesome 6 Brands" !important;font-weight:400;font-size:15px;line-height:1;-webkit-font-smoothing:antialiased} #cd-page:where([data-colette-page="pricing"]) .cd-follow a.cd-fb{--brand:#1877f2} #cd-page:where([data-colette-page="pricing"]) .cd-follow a.cd-x{--brand:#f2f2f2;--on-brand:#0b0b0c} #cd-page:where([data-colette-page="pricing"]) .cd-follow a.cd-pin{--brand:#e60023} #cd-page:where([data-colette-page="pricing"]) .cd-follow a.cd-tt{--brand:#f60056} /* Instagram: gradient ring (the brand mark is a gradient), pink glyph; hover fills the gradient */ #cd-page:where([data-colette-page="pricing"]) .cd-follow a.cd-ig{--brand:#ee2a7b;border-color:transparent;background:linear-gradient(var(--ink),var(--ink)) padding-box,linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7) border-box} #cd-page:where([data-colette-page="pricing"]) .cd-follow a.cd-ig:hover{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7) border-box;color:#fff !important} #cd-page:where([data-colette-page="pricing"]) .cd-follow a.cd-fb::before{content:"\f39e"} #cd-page:where([data-colette-page="pricing"]) .cd-follow a.cd-x::before{content:"\e61b"} #cd-page:where([data-colette-page="pricing"]) .cd-follow a.cd-pin::before{content:"\f231"} #cd-page:where([data-colette-page="pricing"]) .cd-follow a.cd-ig::before{content:"\f16d"} #cd-page:where([data-colette-page="pricing"]) .cd-follow a.cd-tt::before{content:"\e07b"} :where(#cd-page[data-colette-page="pricing"]) .cd-hero-photo{position:relative;min-height:360px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.55);background:linear-gradient(160deg,var(--ink3),var(--ink2))} #cd-page:where([data-colette-page="pricing"]) .cd-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center} :where(#cd-page[data-colette-page="pricing"]) .cd-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,12,.35),transparent 40%),linear-gradient(180deg,transparent 60%,rgba(11,11,12,.5))} /* ── Glance strip: flush, borderless ── */ :where(#cd-page[data-colette-page="pricing"]) .cd-glance{background:var(--ink2)} :where(#cd-page[data-colette-page="pricing"]) .cd-glance-grid{display:grid;grid-template-columns:repeat(4,1fr)} :where(#cd-page[data-colette-page="pricing"]) .cd-glance-item{padding:18px 22px;border-left:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="pricing"]) .cd-glance-item:first-child{border-left:none;padding-left:0} :where(#cd-page[data-colette-page="pricing"]) .cd-glance-item span{display:block;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:700;margin-bottom:5px} :where(#cd-page[data-colette-page="pricing"]) .cd-glance-item b{display:block;font-family:var(--serif) !important;font-weight:700 !important;font-size:1.15rem;line-height:1.25;color:var(--cream);font-variant-numeric:tabular-nums} :where(#cd-page[data-colette-page="pricing"]) .cd-glance-item small{display:block;font-size:.84rem;color:var(--cream-dim);margin-top:3px} :where(#cd-page[data-colette-page="pricing"]) .cd-glance-item a{color:var(--cream) !important} /* ── Membership panel (compact) ── */ :where(#cd-page[data-colette-page="pricing"]) .cd-member-sec{padding:40px 0 0} :where(#cd-page[data-colette-page="pricing"]) .cd-member{display:grid;grid-template-columns:320px 1fr;gap:36px;align-items:center;background:linear-gradient(160deg,#1c1c20,#111113);border:1px solid var(--line);border-radius:var(--r);padding:26px 34px 26px 26px;overflow:hidden} :where(#cd-page[data-colette-page="pricing"]) .cd-member-img{border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line-soft);line-height:0;align-self:center} #cd-page:where([data-colette-page="pricing"]) .cd-member-img img{position:static;width:100%;height:auto;display:block;object-fit:unset} #cd-page:where([data-colette-page="pricing"]) .cd-member-copy h2{font-size:clamp(1.35rem,2.3vw,1.8rem);margin:0 0 10px} #cd-page:where([data-colette-page="pricing"]) p.cd-member-lead{color:var(--cream-dim);font-size:.95rem;line-height:1.65;margin:0 0 12px;max-width:64ch} :where(#cd-page[data-colette-page="pricing"]) .cd-member-list{grid-template-columns:1fr 1fr;gap:0 26px;margin-bottom:4px} #cd-page:where([data-colette-page="pricing"]) .cd-member-list li{padding:4px 0;font-size:.94rem} :where(#cd-page[data-colette-page="pricing"]) .cd-member .cd-btn-row{margin-top:12px} @media (max-width:1000px){ :where(#cd-page[data-colette-page="pricing"]) .cd-member{grid-template-columns:1fr;gap:22px;padding:22px} :where(#cd-page[data-colette-page="pricing"]) .cd-member-img{max-width:480px;margin:0 auto;width:100%} :where(#cd-page[data-colette-page="pricing"]) .cd-member-list{grid-template-columns:1fr} } /* ── Events: light skin, zero bottom ── */ :where(#cd-page[data-colette-page="pricing"]) .cd-sec-events{padding-bottom:12px} :where(#cd-page[data-colette-page="pricing"]) .cd-events{margin-top:4px;font-size:.95rem;color:var(--cream-dim)} :where(#cd-page[data-colette-page="pricing"]) .cd-events *{max-width:100%} /* stretch the platform's widget shell to the section width so it shares the header's left edge */ #cd-page:where([data-colette-page="pricing"]) .cd-events > *,#cd-page:where([data-colette-page="pricing"]) .cd-events .homepage_widget,#cd-page:where([data-colette-page="pricing"]) .cd-events .widget,#cd-page:where([data-colette-page="pricing"]) .cd-events .container,#cd-page:where([data-colette-page="pricing"]) .cd-events .container-fluid,#cd-page:where([data-colette-page="pricing"]) .cd-events table{width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;box-sizing:border-box} #cd-page:where([data-colette-page="pricing"]) .cd-events .row{margin-left:0 !important;margin-right:0 !important} :where(#cd-page[data-colette-page="pricing"]) .cd-events hr{display:none !important} :where(#cd-page[data-colette-page="pricing"]) .cd-events img{max-width:100% !important;height:auto !important;border-radius:var(--r-sm);border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.45)} :where(#cd-page[data-colette-page="pricing"]) .cd-events a{color:#d9d9de !important} :where(#cd-page[data-colette-page="pricing"]) .cd-events a.cdw-title{font-family:var(--serif) !important;font-weight:700;font-size:1.1rem;line-height:1.3;color:var(--wine) !important;text-decoration:none !important} #cd-page:where([data-colette-page="pricing"]) .cd-events a.cdw-more{color:var(--wine) !important} #cd-page:where([data-colette-page="pricing"]) .cd-events a.cdw-more:hover{color:var(--wine-lt) !important} :where(#cd-page[data-colette-page="pricing"]) .cd-events a.cdw-title:hover{color:var(--wine-lt) !important} /* all widget buttons share one quiet style: dark pill, hairline border; hover fills accent */ #cd-page:where([data-colette-page="pricing"]) .cd-events a.cdw-btn,#cd-page:where([data-colette-page="pricing"]) .cd-events a.cdw-btn.cdw-btn-ghost{box-sizing:border-box !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;float:none !important;position:static !important;width:132px !important;min-width:0 !important;max-width:none !important;height:38px !important;min-height:0 !important;padding:0 10px !important;margin:4px 6px 4px 0 !important;border-radius:999px !important;font-size:.72rem !important;font-weight:600 !important;white-space:nowrap !important;text-align:center;line-height:1 !important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;vertical-align:middle;background:transparent !important;color:var(--wine) !important;border:1px solid var(--line) !important;transition:background .15s,border-color .15s,color .15s,transform .15s} /* 2-column button grid: Tickets + RSVP on row one, Who's Going on row two */ #cd-page:where([data-colette-page="pricing"]) .cd-events .cdw-btngrid{display:grid !important;grid-template-columns:repeat(2,132px) !important;grid-auto-flow:row !important;gap:8px 10px !important;justify-content:start !important;align-items:stretch !important;width:auto !important;float:none !important;margin:10px 0 0 !important;padding:0 !important} #cd-page:where([data-colette-page="pricing"]) .cd-events .cdw-btngrid br{display:none !important} #cd-page:where([data-colette-page="pricing"]) .cd-events .cdw-btngrid > *{margin:0 !important;padding:0 !important;width:100% !important;min-width:0 !important;float:none !important;position:static !important;background:none;text-align:left} #cd-page:where([data-colette-page="pricing"]) .cd-events .cdw-btngrid a.cdw-btn{width:100% !important;height:38px !important;margin:0 !important} /* third button (Who's Going) centered under the pair: span both columns, keep pill width */ #cd-page:where([data-colette-page="pricing"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)){grid-column:1/3;display:flex;justify-content:center} #cd-page:where([data-colette-page="pricing"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)) a.cdw-btn{width:132px !important} #cd-page:where([data-colette-page="pricing"]) .cd-events a.cdw-btn:hover,#cd-page:where([data-colette-page="pricing"]) .cd-events a.cdw-btn.cdw-btn-ghost:hover{transform:translateY(-2px);background:var(--wine) !important;border-color:var(--wine) !important;color:#0b0b0c !important} :where(#cd-page[data-colette-page="pricing"]) .cd-events .cdw-gray{background-color:transparent !important;border-color:var(--line-soft) !important} /* ── Events: LIST | CALENDAR view switch + calendar presentation ── */ #cd-page:where([data-colette-page="pricing"]) [hidden]{display:none !important} :where(#cd-page[data-colette-page="pricing"]) .cd-evswitch{display:inline-flex;margin:2px 0 18px;padding:3px;gap:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02)} #cd-page:where([data-colette-page="pricing"]) .cd-evtab{appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 20px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wine);line-height:1;transition:background .15s,color .15s} #cd-page:where([data-colette-page="pricing"]) .cd-evtab:hover{color:var(--wine-lt)} #cd-page:where([data-colette-page="pricing"]) .cd-evtab.is-on,#cd-page:where([data-colette-page="pricing"]) .cd-evtab.is-on:hover{background:var(--wine);color:#0b0b0c} :where(#cd-page[data-colette-page="pricing"]) .cd-cal{margin-top:4px} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-month{font-weight:700;font-size:1.18rem;color:var(--cream);letter-spacing:.01em} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-nav{display:flex;gap:8px} #cd-page:where([data-colette-page="pricing"]) .cd-cal-nav button{appearance:none;-webkit-appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--wine);font-size:1.05rem;line-height:1;padding:0 0 2px;transition:background .15s,border-color .15s,color .15s} #cd-page:where([data-colette-page="pricing"]) .cd-cal-nav button:hover:not(:disabled){background:var(--wine);border-color:var(--wine);color:#0b0b0c} #cd-page:where([data-colette-page="pricing"]) .cd-cal-nav button:disabled{opacity:.35;cursor:default} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-dowrow{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line-soft);border-bottom:0;border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--ink3);overflow:hidden} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-dow{padding:9px 0;text-align:center;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line-soft);border-radius:0 0 var(--r-sm) var(--r-sm);background:var(--ink2);overflow:hidden} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-day{min-height:92px;padding:8px 9px 10px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);min-width:0} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-day.cd-col7{border-right:0} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-day.cd-lastrow{border-bottom:0} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-num{font-size:.72rem;font-weight:600;color:var(--cream-dim);line-height:1} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-day.is-out{background:rgba(255,255,255,.012)} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-day.is-out .cd-cal-num{color:rgba(139,139,147,.38)} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-day.is-past .cd-cal-num{color:rgba(198,198,203,.4)} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-day.is-past .cd-cale{opacity:.5} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-day.is-today{box-shadow:inset 0 0 0 1px var(--wine)} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-day.is-today .cd-cal-num{color:var(--wine);font-weight:800} #cd-page:where([data-colette-page="pricing"]) a.cd-cale{display:block;margin-top:8px;padding-left:8px;border-left:2px solid var(--wine)} #cd-page:where([data-colette-page="pricing"]) a.cd-cale.cd-has-img{padding-left:0;border-left:0} /* flyer artwork: its own framed space above the title, at the flyer's NATURAL ratio — whole image shown, no cropping, no letterbox bars, nothing overlays it */ :where(#cd-page[data-colette-page="pricing"]) .cd-cale-img{display:block;width:100%;line-height:0;border-radius:8px;overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3);margin-bottom:7px} #cd-page:where([data-colette-page="pricing"]) .cd-cale-img img{width:100% !important;height:auto !important;display:block;border:0;border-radius:0;box-shadow:none} #cd-page:where([data-colette-page="pricing"]) a.cd-cale .cd-cale-img{transition:border-color .15s} #cd-page:where([data-colette-page="pricing"]) a.cd-cale:hover .cd-cale-img{border-color:rgba(142,206,252,.55)} :where(#cd-page[data-colette-page="pricing"]) .cd-cale-t{display:block;font-weight:700;font-size:.8rem;line-height:1.28;color:var(--wine);overflow-wrap:break-word;transition:color .15s} #cd-page:where([data-colette-page="pricing"]) a.cd-cale:hover .cd-cale-t{color:var(--wine-lt)} :where(#cd-page[data-colette-page="pricing"]) .cd-cale-time{display:block;margin-top:3px;font-size:.64rem;letter-spacing:.05em;color:var(--mute);line-height:1} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-agenda{display:none} #cd-page:where([data-colette-page="pricing"]) a.cd-cala{display:flex;align-items:center;gap:14px;padding:14px 2px;border-bottom:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="pricing"]) .cd-cala-img{flex:0 0 80px;line-height:0;border-radius:8px;overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} #cd-page:where([data-colette-page="pricing"]) .cd-cala-img img{width:100% !important;height:auto !important;display:block;border:0;border-radius:0;box-shadow:none} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-agenda .cd-cala:first-of-type{border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="pricing"]) .cd-cala.is-past{opacity:.5} :where(#cd-page[data-colette-page="pricing"]) .cd-cala-date{flex:0 0 50px;text-align:center} :where(#cd-page[data-colette-page="pricing"]) .cd-cala-dw{display:block;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);line-height:1} :where(#cd-page[data-colette-page="pricing"]) .cd-cala-num{display:block;margin-top:3px;font-size:1.3rem;font-weight:700;color:var(--cream);line-height:1.1} :where(#cd-page[data-colette-page="pricing"]) .cd-cala-body{flex:1;min-width:0} :where(#cd-page[data-colette-page="pricing"]) .cd-cala-t{font-weight:700;font-size:.98rem;line-height:1.3;color:var(--wine);transition:color .15s} #cd-page:where([data-colette-page="pricing"]) a.cd-cala:hover .cd-cala-t{color:var(--wine-lt)} :where(#cd-page[data-colette-page="pricing"]) .cd-cala-time{margin-top:3px;font-size:.72rem;letter-spacing:.03em;color:var(--mute)} :where(#cd-page[data-colette-page="pricing"]) .cd-cala-chev{flex:0 0 auto;color:var(--wine);font-size:1.05rem;line-height:1} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-empty{padding:30px 2px;color:var(--mute);font-size:.92rem} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-note{margin-top:12px;font-size:.72rem;color:var(--mute)} @media (max-width:760px){ :where(#cd-page[data-colette-page="pricing"]) .cd-cal-dowrow,:where(#cd-page[data-colette-page="pricing"]) .cd-cal-grid{display:none} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-agenda{display:block} :where(#cd-page[data-colette-page="pricing"]) .cd-cal-month{font-size:1.05rem} } :where(#cd-page[data-colette-page="pricing"]) .cd-newsfeed{margin-top:20px} :where(#cd-page[data-colette-page="pricing"]) .cd-newsfeed.is-empty,:where(#cd-page[data-colette-page="pricing"]) .cd-newsfeed:empty{display:none;margin:0} /* ── Social: pulled up over the widget's trailing rule ── */ :where(#cd-page[data-colette-page="pricing"]) .cd-social{position:relative;padding:36px 0 44px;text-align:left;background:var(--ink)} #cd-page:where([data-colette-page="pricing"]) .cd-social h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:18px} #cd-page:where([data-colette-page="pricing"]) .cd-social p.cd-lead{margin:0 0 24px} :where(#cd-page[data-colette-page="pricing"]) .cd-social-widget{display:flex;justify-content:center;flex-wrap:wrap;gap:10px} /* social buttons match the event-widget button treatment */ #cd-page:where([data-colette-page="pricing"]) .cd-social-widget a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;height:38px;padding:0 16px;border-radius:999px;font-family:Karla,'Helvetica Neue',Arial,sans-serif !important;font-size:.72rem;font-weight:600 !important;white-space:nowrap;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;background:transparent !important;color:var(--wine) !important;border:1px solid var(--line);transition:background .15s,border-color .15s,color .15s,transform .15s;opacity:1} #cd-page:where([data-colette-page="pricing"]) .cd-social-widget a:hover{transform:translateY(-2px);background:var(--wine) !important;border-color:var(--wine) !important;color:#0b0b0c !important} #cd-page:where([data-colette-page="pricing"]) .cd-social-widget a *{color:inherit !important} #cd-page:where([data-colette-page="pricing"]) .cd-social-widget img{display:inline-block;max-height:18px;width:auto;height:auto} #cd-page:where([data-colette-page="pricing"]) .cd-social-widget a:hover img{filter:brightness(.2)} /* ── About: editorial two-column, no boxes ── */ :where(#cd-page[data-colette-page="pricing"]) .cd-about{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:stretch} :where(#cd-page[data-colette-page="pricing"]) .cd-about-copy{display:flex;flex-direction:column;align-items:flex-start} :where(#cd-page[data-colette-page="pricing"]) .cd-about-copy .cd-btn{align-self:flex-start} :where(#cd-page[data-colette-page="pricing"]) .cd-about-side{display:flex;flex-direction:column;padding-top:6px} :where(#cd-page[data-colette-page="pricing"]) .cd-about-side .cd-rules{margin-top:auto} /* larger, serif section labels on the right column */ #cd-page:where([data-colette-page="pricing"]) .cd-about-side .cd-h3{font-family:var(--serif) !important;font-style:normal;font-size:clamp(1.3rem,1.9vw,1.6rem);font-weight:700 !important;letter-spacing:.01em;text-transform:none !important;color:var(--rose);margin:0 0 10px;padding-top:18px;border-top:1px solid var(--line-soft);line-height:1.15} #cd-page:where([data-colette-page="pricing"]) .cd-about-side > .cd-h3:first-child{border-top:0;padding-top:0} #cd-page:where([data-colette-page="pricing"]) .cd-about-copy h2{margin-bottom:22px} #cd-page:where([data-colette-page="pricing"]) p.cd-pull{font-family:var(--serif) !important;font-weight:600;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.5;color:var(--cream);margin:26px 0 24px;padding-left:18px;border-left:2px solid var(--line)} #cd-page:where([data-colette-page="pricing"]) .cd-about-copy p{color:var(--cream-dim);font-size:1.06rem;line-height:1.75;margin:0 0 18px} :where(#cd-page[data-colette-page="pricing"]) .cd-about-copy .cd-btn{margin:10px 0 26px} #cd-page:where([data-colette-page="pricing"]) p.cd-pricing{margin:auto 0 0;width:100%;padding-top:16px;border-top:1px solid var(--line-soft);font-size:.95rem;line-height:1.6;color:var(--mute)} :where(#cd-page[data-colette-page="pricing"]) .cd-check{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-bottom:20px} #cd-page:where([data-colette-page="pricing"]) .cd-check li{display:flex;gap:11px;align-items:flex-start;padding:4px 0;font-size:1rem;line-height:1.45;color:var(--cream-dim)} :where(#cd-page[data-colette-page="pricing"]) .cd-i{flex:0 0 16px;width:16px;height:16px;margin-top:6px;fill:none;stroke:var(--wine-lt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #cd-page:where([data-colette-page="pricing"]) .cd-ledger li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:1rem;line-height:1.5;color:var(--cream-dim);align-items:baseline} #cd-page:where([data-colette-page="pricing"]) .cd-ledger li:last-child{border-bottom:none;padding-bottom:0} :where(#cd-page[data-colette-page="pricing"]) .cd-ledger li b{font-family:var(--serif) !important;font-weight:700 !important;font-size:1.15rem;color:var(--rose);font-variant-numeric:tabular-nums} /* ── Dress code: three editorial columns, no panel ── */ :where(#cd-page[data-colette-page="pricing"]) .cd-dress{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} :where(#cd-page[data-colette-page="pricing"]) .cd-dress-col{padding:30px 32px 30px 0;border-left:1px solid var(--line-soft);padding-left:32px} :where(#cd-page[data-colette-page="pricing"]) .cd-dress-col:first-child{border-left:0;padding-left:0} :where(#cd-page[data-colette-page="pricing"]) .cd-dress-label{font-family:var(--serif) !important;font-style:normal;font-weight:700;font-size:clamp(1.35rem,2vw,1.7rem);color:var(--rose);line-height:1.15;margin-bottom:14px} #cd-page:where([data-colette-page="pricing"]) .cd-dress-col p{color:var(--cream);font-size:1rem;line-height:1.7;margin:0 0 14px} #cd-page:where([data-colette-page="pricing"]) .cd-dress-col p.cd-dress-no{color:var(--cream-dim);font-size:.92rem;margin:0} :where(#cd-page[data-colette-page="pricing"]) .cd-dress-col p.cd-dress-no strong{color:var(--wine-lt);font-weight:600} :where(#cd-page[data-colette-page="pricing"]) .cd-arrive{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;align-items:start;margin-top:28px;padding:30px 36px 34px;border-radius:var(--r);background:linear-gradient(135deg,#1a1a1d,#111113);border:1px solid var(--line)} :where(#cd-page[data-colette-page="pricing"]) .cd-arrive-head{grid-column:1/-1;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)} :where(#cd-page[data-colette-page="pricing"]) .cd-arrive-title{font-family:var(--serif) !important;font-weight:700;font-size:clamp(1.45rem,2.2vw,1.8rem);color:var(--cream);line-height:1.15} #cd-page:where([data-colette-page="pricing"]) .cd-arrive-head p{margin:0;color:var(--cream-dim);font-size:.95rem} :where(#cd-page[data-colette-page="pricing"]) .cd-arrive-col{padding-left:28px;border-left:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="pricing"]) .cd-arrive-head + .cd-arrive-col{padding-left:0;border-left:0} :where(#cd-page[data-colette-page="pricing"]) .cd-arrive-col .cd-dress-label{font-size:clamp(1.2rem,1.7vw,1.45rem);margin-bottom:10px} #cd-page:where([data-colette-page="pricing"]) .cd-arrive-col p{margin:0;color:var(--cream);font-size:1rem;line-height:1.7} /* ── Parties: split panel + price table ── */ :where(#cd-page[data-colette-page="pricing"]) .cd-split{background:var(--ink);border:1px solid var(--line-soft);border-radius:var(--r);display:grid;grid-template-columns:1fr 1px 1fr;gap:0} :where(#cd-page[data-colette-page="pricing"]) .cd-split > div{padding:32px 36px;display:flex;flex-direction:column} :where(#cd-page[data-colette-page="pricing"]) .cd-split .cd-btn-row{margin-top:auto;padding-top:18px} :where(#cd-page[data-colette-page="pricing"]) .cd-split .cd-btn{align-self:flex-start} :where(#cd-page[data-colette-page="pricing"]) .cd-split .cd-split-div{padding:0;background:linear-gradient(180deg,transparent,var(--line) 15%,var(--line) 85%,transparent)} #cd-page:where([data-colette-page="pricing"]) .cd-split p{color:var(--cream-dim);font-size:1rem} :where(#cd-page[data-colette-page="pricing"]) .cd-split .cd-h3{border-top:none;padding-top:0} #cd-page:where([data-colette-page="pricing"]) .cd-steps li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:14px 0;align-items:baseline;color:var(--cream-dim);font-size:1rem;border-bottom:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="pricing"]) .cd-steps li:last-child{border-bottom:0} :where(#cd-page[data-colette-page="pricing"]) .cd-steps li b{font-family:var(--serif) !important;font-weight:700 !important;font-size:1.05rem;color:var(--rose)} #cd-page:where([data-colette-page="pricing"]) p.cd-fine{font-size:.82rem;color:var(--mute);font-style:italic;margin-top:10px} :where(#cd-page[data-colette-page="pricing"]) .cd-price{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line-soft);align-items:baseline} :where(#cd-page[data-colette-page="pricing"]) .cd-price:last-of-type{border-bottom:1px solid var(--line-soft);margin-bottom:0} :where(#cd-page[data-colette-page="pricing"]) .cd-price b{font-family:var(--serif) !important;font-weight:800 !important;font-size:1.8rem;color:var(--cream);line-height:1;font-variant-numeric:tabular-nums} #cd-page:where([data-colette-page="pricing"]) .cd-price p{margin:0;font-size:.92rem} :where(#cd-page[data-colette-page="pricing"]) .cd-price p strong{display:block;color:var(--cream);font-weight:600;margin-bottom:2px} /* ── Visit: map with floating card ── */ :where(#cd-page[data-colette-page="pricing"]) .cd-map{position:relative;min-height:440px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} :where(#cd-page[data-colette-page="pricing"]) .cd-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0} :where(#cd-page[data-colette-page="pricing"]) .cd-float{position:relative;z-index:2;margin:24px 24px 24px auto;width:360px;background:rgba(11,11,12,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--r-sm);padding:22px 24px;box-shadow:0 20px 50px rgba(0,0,0,.5)} :where(#cd-page[data-colette-page="pricing"]) .cd-addr{font-family:var(--serif) !important;font-weight:700;font-size:1.2rem;line-height:1.35;color:var(--cream);margin-bottom:6px} #cd-page:where([data-colette-page="pricing"]) .cd-contact li{padding:8px 0;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:12px;font-size:.9rem} :where(#cd-page[data-colette-page="pricing"]) .cd-contact li span{color:var(--mute);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding-top:3px} :where(#cd-page[data-colette-page="pricing"]) .cd-contact li a{color:var(--cream) !important;text-align:right} :where(#cd-page[data-colette-page="pricing"]) .cd-float .cd-btn{width:100%;margin-top:14px;min-height:42px} :where(#cd-page[data-colette-page="pricing"]) .cd-hotel{margin-top:16px;font-size:.9rem;color:var(--cream-dim)} #cd-page:where([data-colette-page="pricing"]) .cd-hotel p{margin:0 0 8px;font-size:.88rem} :where(#cd-page[data-colette-page="pricing"]) .cd-hotel a{color:#d9d9de !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:3px;text-decoration-color:rgba(142,206,252,.65) !important} /* ── Newsletter / team / partner ── */ :where(#cd-page[data-colette-page="pricing"]) .cd-news-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:32px;align-items:center;background:linear-gradient(160deg,#1c1c20,#111113);border:1px solid var(--line);border-radius:var(--r);padding:32px;overflow:hidden} :where(#cd-page[data-colette-page="pricing"]) .cd-news-img{max-width:260px;margin:0 auto;border-radius:var(--r-sm);overflow:hidden;box-shadow:0 20px 44px rgba(0,0,0,.5)} :where(#cd-page[data-colette-page="pricing"]) .cd-news-copy h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:8px} :where(#cd-page[data-colette-page="pricing"]) .cd-team{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:18px 24px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)} #cd-page:where([data-colette-page="pricing"]) .cd-team p{margin:0;color:var(--cream-dim)} :where(#cd-page[data-colette-page="pricing"]) .cd-team b{display:block;color:var(--wine);font-weight:600} :where(#cd-page[data-colette-page="pricing"]) .cd-partner{margin-top:26px;text-align:center} :where(#cd-page[data-colette-page="pricing"]) .cd-partner span{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:10px;font-weight:700} :where(#cd-page[data-colette-page="pricing"]) .cd-partner img{max-width:640px;margin:0 auto;border-radius:8px;opacity:.85;transition:opacity .2s} :where(#cd-page[data-colette-page="pricing"]) .cd-partner img:hover{opacity:1} :where(#cd-page[data-colette-page="pricing"]) .cd-partner small{display:block;margin-top:8px;font-size:.8rem;color:var(--mute);font-style:italic} /* ── Footer ── */ :where(#cd-page[data-colette-page="pricing"]) .cd-foot{padding:34px 0 40px;border-top:1px solid var(--line-soft);background:var(--ink)} :where(#cd-page[data-colette-page="pricing"]) .cd-foot-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;color:var(--mute);font-size:.85rem} :where(#cd-page[data-colette-page="pricing"]) .cd-foot-brand{font-size:1.05rem;color:var(--cream)} :where(#cd-page[data-colette-page="pricing"]) .cd-foot-brand .cd-bw{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important;font-weight:900 !important;text-transform:lowercase !important;color:var(--wine);letter-spacing:-.01em} :where(#cd-page[data-colette-page="pricing"]) .cd-foot-brand .cd-bc{font-family:Arial,'Helvetica Neue',sans-serif !important;font-weight:700 !important;text-transform:uppercase !important;font-size:.92em;letter-spacing:.04em;margin-left:7px} #cd-page:where([data-colette-page="pricing"]) .cd-foot a[href="#cd-page"]{color:var(--wine) !important} :where(#cd-page[data-colette-page="pricing"]) .cd-foot a{color:var(--cream-dim) !important} /* ── Override layer ── */ #cd-page:where([data-colette-page="pricing"]),#cd-page:where([data-colette-page="pricing"]) *{font-family:var(--sans) !important} #cd-page:where([data-colette-page="pricing"]) .cd-follow a::before{font-family:"Font Awesome 6 Brands" !important} #cd-page:where([data-colette-page="pricing"]) h1,#cd-page:where([data-colette-page="pricing"]) h2,#cd-page:where([data-colette-page="pricing"]) h1 em,#cd-page:where([data-colette-page="pricing"]) h2 em,#cd-page:where([data-colette-page="pricing"]) .cd-kicker,#cd-page:where([data-colette-page="pricing"]) .cd-pull,#cd-page:where([data-colette-page="pricing"]) .cd-about-side .cd-h3,#cd-page:where([data-colette-page="pricing"]) .cd-dress-label,#cd-page:where([data-colette-page="pricing"]) .cd-arrive-title,#cd-page:where([data-colette-page="pricing"]) .cd-glance-item b,#cd-page:where([data-colette-page="pricing"]) .cd-ledger li b,#cd-page:where([data-colette-page="pricing"]) .cd-steps li b,#cd-page:where([data-colette-page="pricing"]) .cd-price b,#cd-page:where([data-colette-page="pricing"]) .cd-addr,#cd-page:where([data-colette-page="pricing"]) .cd-foot-brand,#cd-page:where([data-colette-page="pricing"]) a.cdw-title,#cd-page:where([data-colette-page="pricing"]) .cd-cal-month,#cd-page:where([data-colette-page="pricing"]) .cd-cale-t,#cd-page:where([data-colette-page="pricing"]) .cd-cala-t{font-family:var(--serif) !important} #cd-page:where([data-colette-page="pricing"]) .cd-brandword{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important} #cd-page:where([data-colette-page="pricing"]) .cd-cityword,#cd-page:where([data-colette-page="pricing"]) .cd-foot-brand .cd-bc{font-family:Arial,'Helvetica Neue',sans-serif !important} #cd-page:where([data-colette-page="pricing"]) .cd-foot-brand .cd-bw{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important} #cd-page:where([data-colette-page="pricing"]) a{text-decoration:none !important} #cd-page:where([data-colette-page="pricing"]) .cd-btn-wine,#cd-page:where([data-colette-page="pricing"]) .cd-btn-wine span{color:#0b0b0c !important} /* ── Photo gallery: entry chip ── */ #cd-page:where([data-colette-page="pricing"]) .cd-hero-photo{cursor:pointer} #cd-page:where([data-colette-page="pricing"]) .cd-hero-photo img{transition:transform .35s ease} @media (hover:hover){#cd-page:where([data-colette-page="pricing"]) .cd-hero-photo:hover img{transform:scale(1.025)}} :where(#cd-page[data-colette-page="pricing"]) .cdg-chip{position:absolute;right:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(11,11,12,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:var(--cream);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;transition:border-color .16s,background .16s} :where(#cd-page[data-colette-page="pricing"]) .cdg-chip svg{width:15px;height:15px;fill:none;stroke:var(--wine);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round} :where(#cd-page[data-colette-page="pricing"]) .cdg-chip-count{color:var(--mute);font-weight:600} #cd-page:where([data-colette-page="pricing"]) .cd-hero-photo:hover .cdg-chip,#cd-page:where([data-colette-page="pricing"]) .cd-hero-photo:focus-visible .cdg-chip{border-color:var(--wine);background:rgba(11,11,12,.86)} /* ── lightbox ── */ :where(#cd-page[data-colette-page="pricing"]) .cdg{position:fixed;inset:0;z-index:6000;display:none} :where(#cd-page[data-colette-page="pricing"]) .cdg.is-open{display:block} :where(#cd-page[data-colette-page="pricing"]) .cdg-backdrop{position:absolute;inset:0;background:rgba(6,6,7,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} :where(#cd-page[data-colette-page="pricing"]) .cdg-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:54px 90px;box-sizing:border-box} #cd-page:where([data-colette-page="pricing"]) #cdg-img{position:static;max-width:100%;max-height:100%;width:auto;height:auto;display:block;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.7);user-select:none;-webkit-user-drag:none;touch-action:pan-y;transition:opacity .18s ease} :where(#cd-page[data-colette-page="pricing"]) .cdg.is-swiping #cdg-img{transition:none} :where(#cd-page[data-colette-page="pricing"]) .cdg-loading{position:absolute;color:var(--mute);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;display:none} :where(#cd-page[data-colette-page="pricing"]) .cdg.is-loading .cdg-loading{display:block} :where(#cd-page[data-colette-page="pricing"]) .cdg-count{position:absolute;top:18px;left:22px;z-index:2;color:var(--wine);font-size:.85rem;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums} :where(#cd-page[data-colette-page="pricing"]) .cdg-close{position:absolute;top:12px;right:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(11,11,12,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .16s,background .16s} :where(#cd-page[data-colette-page="pricing"]) .cdg-close svg{width:16px;height:16px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round} :where(#cd-page[data-colette-page="pricing"]) .cdg-close:hover{border-color:var(--wine);background:rgba(11,11,12,.85)} :where(#cd-page[data-colette-page="pricing"]) .cdg-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(11,11,12,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .16s,background .16s,opacity .16s} :where(#cd-page[data-colette-page="pricing"]) .cdg-prev{left:16px}:where(#cd-page[data-colette-page="pricing"]) .cdg-next{right:16px} :where(#cd-page[data-colette-page="pricing"]) .cdg-arrow svg{width:18px;height:18px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} :where(#cd-page[data-colette-page="pricing"]) .cdg-arrow:hover{border-color:var(--wine);background:rgba(11,11,12,.85)} :where(#cd-page[data-colette-page="pricing"]) .cdg.chrome-hidden .cdg-count,:where(#cd-page[data-colette-page="pricing"]) .cdg.chrome-hidden .cdg-close,:where(#cd-page[data-colette-page="pricing"]) .cdg.chrome-hidden .cdg-arrow{opacity:0;pointer-events:none} @media (max-width:760px){ :where(#cd-page[data-colette-page="pricing"]) .cdg-stage{padding:52px 10px} :where(#cd-page[data-colette-page="pricing"]) .cdg-arrow{width:44px;height:44px} :where(#cd-page[data-colette-page="pricing"]) .cdg-prev{left:8px}:where(#cd-page[data-colette-page="pricing"]) .cdg-next{right:8px} :where(#cd-page[data-colette-page="pricing"]) .cdg-chip-label{display:none} :where(#cd-page[data-colette-page="pricing"]) .cdg-chip{padding:8px 12px} } @media (prefers-reduced-motion:reduce){#cd-page:where([data-colette-page="pricing"]) .cd-hero-photo img,#cd-page:where([data-colette-page="pricing"]) #cdg-img{transition:none}} /* ── Accent application (site-wide blue) ── */ #cd-page:where([data-colette-page="pricing"]) .cd-hero h1 em{color:var(--wine)} #cd-page:where([data-colette-page="pricing"]) .cd-glance-item span{color:var(--wine)} #cd-page:where([data-colette-page="pricing"]) .cd-about-side .cd-h3{color:var(--wine)} #cd-page:where([data-colette-page="pricing"]) .cd-ledger li b,#cd-page:where([data-colette-page="pricing"]) .cd-steps li b{color:var(--wine)} #cd-page:where([data-colette-page="pricing"]) .cd-dress-label{color:var(--wine)} #cd-page:where([data-colette-page="pricing"]) .cd-split .cd-h3{color:var(--wine)} #cd-page:where([data-colette-page="pricing"]) .cd-price b{color:var(--wine)} #cd-page:where([data-colette-page="pricing"]) .cd-split a.cd-btn-ghost[href^="tel:"]{color:var(--wine) !important} #cd-page:where([data-colette-page="pricing"]) .cd-contact li span{color:var(--wine)} #cd-page:where([data-colette-page="pricing"]) .cd-hotel .cd-h3{color:var(--wine)} /* ══ PRICING: two sections only, because there are only two questions: what do I pay at the door, and what does membership cost. The throuple rate is a per-night rate like any other, so it is a COLUMN in the door table rather than a second section. Page classes are prefixed cpr-. ══ */ :where(#cd-page[data-colette-page="pricing"]) .cpr-top{padding:34px 0 0;background:radial-gradient(900px 520px at 85% 10%,rgba(255,255,255,.06),transparent 65%),var(--ink)} #cd-page:where([data-colette-page="pricing"]) .cpr-top h1{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.08;margin:0 0 12px} #cd-page:where([data-colette-page="pricing"]) p.cpr-intro{color:var(--cream-dim);font-size:1.04rem;line-height:1.75;margin:0;max-width:74ch} :where(#cd-page[data-colette-page="pricing"]) .cpr-sec{padding:44px 0 0;background:var(--ink)} :where(#cd-page[data-colette-page="pricing"]) .cpr-sec:last-of-type{padding-bottom:50px} :where(#cd-page[data-colette-page="pricing"]) .cpr-rule{height:2px;background:linear-gradient(90deg,rgba(142,206,252,.85),rgba(142,206,252,.30) 55%,rgba(142,206,252,.10));border-radius:2px;margin:0 0 18px} :where(#cd-page[data-colette-page="pricing"]) .cpr-head{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:16px 44px;align-items:baseline;margin:0 0 22px;padding-top:2px} #cd-page:where([data-colette-page="pricing"]) .cpr-head h2{margin:0} #cd-page:where([data-colette-page="pricing"]) p.cpr-head-intro{color:var(--cream-dim);font-size:1.02rem;line-height:1.7;margin:0 0 4px} :where(#cd-page[data-colette-page="pricing"]) .cpr-panel{border:1px solid rgba(255,255,255,.09);border-radius:var(--r);background:linear-gradient(170deg,rgba(255,255,255,.03),rgba(255,255,255,.008));padding:22px 28px} :where(#cd-page[data-colette-page="pricing"]) .cpr-panel + .cpr-panel{margin-top:18px} /* rate table */ :where(#cd-page[data-colette-page="pricing"]) table.cpr-rates{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums} #cd-page:where([data-colette-page="pricing"]) .cpr-rates th,#cd-page:where([data-colette-page="pricing"]) .cpr-rates td{padding:13px 8px;text-align:right;border-bottom:1px solid rgba(255,255,255,.07);font-size:1.05rem;font-weight:700;color:var(--cream)} #cd-page:where([data-colette-page="pricing"]) .cpr-rates thead th{font-family:var(--sans) !important;font-size:1.02rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cream-dim);border-bottom-color:rgba(255,255,255,.18);padding-bottom:12px} #cd-page:where([data-colette-page="pricing"]) .cpr-rates th:first-child,#cd-page:where([data-colette-page="pricing"]) .cpr-rates td:first-child{text-align:left} #cd-page:where([data-colette-page="pricing"]) .cpr-rates tbody th{font-family:var(--serif) !important;font-weight:700 !important;color:var(--wine);font-size:1.05rem} #cd-page:where([data-colette-page="pricing"]) .cpr-rates tbody tr:last-child th,#cd-page:where([data-colette-page="pricing"]) .cpr-rates tbody tr:last-child td{border-bottom:0} :where(#cd-page[data-colette-page="pricing"]) .cpr-na{color:var(--mute) !important;font-size:.9rem !important;font-weight:400 !important} #cd-page:where([data-colette-page="pricing"]) p.cpr-note{color:var(--cream-dim);font-size:.96rem;line-height:1.7;margin:14px 0 0;max-width:80ch} #cd-page:where([data-colette-page="pricing"]) p.cpr-fine{color:var(--mute);font-size:.86rem;line-height:1.6;margin:10px 0 0;max-width:80ch} /* membership tiles */ :where(#cd-page[data-colette-page="pricing"]) .cpr-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} :where(#cd-page[data-colette-page="pricing"]) .cpr-tile{border:1px solid rgba(255,255,255,.09);border-radius:var(--r-sm);background:rgba(255,255,255,.022);padding:20px 22px;text-align:center} :where(#cd-page[data-colette-page="pricing"]) .cpr-tile span{display:block;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:6px} #cd-page:where([data-colette-page="pricing"]) .cpr-tile b{display:block;font-family:var(--serif) !important;font-weight:800 !important;font-size:1.9rem;line-height:1;color:var(--wine);font-variant-numeric:tabular-nums} /* VIP sits inside the membership section. The old VIP badge was a 28x20 file the legacy page blew up to banner size, so it is gone; the tiers use the full panel and one button sits under them. */ /* CSS columns, not a grid: a grid forces every item in a row to the height of the tallest one, which is what left a hole under the shorter tiers. Columns pack each block directly under the last, so nothing floats. */ :where(#cd-page[data-colette-page="pricing"]) .cpr-vip{column-count:2;column-gap:44px} :where(#cd-page[data-colette-page="pricing"]) .cpr-tier-block{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 20px} #cd-page:where([data-colette-page="pricing"]) h3.cpr-tier{font-family:var(--serif) !important;font-weight:700 !important;font-size:1rem;color:var(--wine);margin:0 0 8px;text-transform:none !important;letter-spacing:0} #cd-page:where([data-colette-page="pricing"]) .cpr-vip .cd-check{display:block;margin:0} #cd-page:where([data-colette-page="pricing"]) .cpr-vip .cd-check li{margin-bottom:4px;font-size:.98rem} #cd-page:where([data-colette-page="pricing"]) .cpr-buy{break-inside:avoid;margin:16px 0 0;display:block} #cd-page:where([data-colette-page="pricing"]) .cpr-buy .cd-btn{width:auto;min-width:0} #cd-page:where([data-colette-page="pricing"]) .cpr-vip + .cpr-fine{margin-top:4px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);max-width:none} @media (max-width:1000px){ :where(#cd-page[data-colette-page="pricing"]) .cpr-head{grid-template-columns:1fr;gap:12px} :where(#cd-page[data-colette-page="pricing"]) .cpr-vip{column-gap:30px} } @media (max-width:760px){ :where(#cd-page[data-colette-page="pricing"]) .cpr-vip{column-count:1} /* the desktop column placements must be cleared, or the single-column grid inherits them and builds a phantom second column */ :where(#cd-page[data-colette-page="pricing"]) .cpr-vip{column-count:1} :where(#cd-page[data-colette-page="pricing"]) .cpr-top{padding:24px 0 0} :where(#cd-page[data-colette-page="pricing"]) .cpr-sec{padding:28px 0 0} :where(#cd-page[data-colette-page="pricing"]) .cpr-sec:last-of-type{padding-bottom:32px} :where(#cd-page[data-colette-page="pricing"]) .cpr-panel{padding:16px 16px 18px} :where(#cd-page[data-colette-page="pricing"]) .cpr-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} :where(#cd-page[data-colette-page="pricing"]) .cpr-tile{padding:14px 8px} #cd-page:where([data-colette-page="pricing"]) .cpr-tile b{font-size:1.4rem} :where(#cd-page[data-colette-page="pricing"]) .cpr-tile span{font-size:.58rem;letter-spacing:.1em} /* each night becomes a compact card: title, then the rates two across */ #cd-page:where([data-colette-page="pricing"]) .cpr-rates thead{display:none} #cd-page:where([data-colette-page="pricing"]) .cpr-rates tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07)} #cd-page:where([data-colette-page="pricing"]) .cpr-rates tbody tr:last-child{border-bottom:0} #cd-page:where([data-colette-page="pricing"]) .cpr-rates tbody th{grid-column:1/-1;display:block;padding:0 0 6px;border:0;font-size:1.05rem} /* price directly under its own label, so the two never drift apart */ #cd-page:where([data-colette-page="pricing"]) .cpr-rates tbody td{display:block;text-align:left;padding:0;border:0;font-size:1.15rem;font-weight:700;line-height:1.2} #cd-page:where([data-colette-page="pricing"]) .cpr-rates tbody td::before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--cream-dim);font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.2} #cd-page:where([data-colette-page="pricing"]) .cpr-rates tbody td.cpr-na{font-size:.92rem;font-weight:400;padding-top:4px} #cd-page:where([data-colette-page="pricing"]) p.cpr-intro{font-size:1rem} } /* ── Responsive ── */ /* ── Responsive ── */ @media (max-width:1000px){ :where(#cd-page[data-colette-page="pricing"]) .cd-hero-inner{grid-template-columns:1fr;gap:28px} :where(#cd-page[data-colette-page="pricing"]) .cd-hero-photo{order:-1;min-height:0;aspect-ratio:16/9} :where(#cd-page[data-colette-page="pricing"]) .cd-about{grid-template-columns:1fr;gap:36px} :where(#cd-page[data-colette-page="pricing"]) .cd-about-side .cd-rules{margin-top:0} :where(#cd-page[data-colette-page="pricing"]) .cd-dress{grid-template-columns:1fr 1fr} :where(#cd-page[data-colette-page="pricing"]) .cd-dress-strict{grid-column:span 2;border-left:0;border-top:1px solid var(--line-soft);padding-left:0} :where(#cd-page[data-colette-page="pricing"]) .cd-split{grid-template-columns:1fr} :where(#cd-page[data-colette-page="pricing"]) .cd-split .cd-split-div{display:none} :where(#cd-page[data-colette-page="pricing"]) .cd-split > div + .cd-split-div + div{border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="pricing"]) .cd-news-grid{grid-template-columns:1fr;text-align:center} #cd-page:where([data-colette-page="pricing"]) .cd-news-copy p.cd-lead{margin:0 auto 14px} :where(#cd-page[data-colette-page="pricing"]) .cd-news-copy .cd-kicker{justify-content:center} :where(#cd-page[data-colette-page="pricing"]) .cd-news-copy .cd-btn-row{justify-content:center} :where(#cd-page[data-colette-page="pricing"]) .cd-news-copy .cd-btn{width:100%} } @media (max-width:900px){ :where(#cd-page[data-colette-page="pricing"]) .cd-map{min-height:0} :where(#cd-page[data-colette-page="pricing"]) .cd-float{width:auto;margin:16px 0 0} :where(#cd-page[data-colette-page="pricing"]) .cd-map{overflow:visible;border:0;background:none} :where(#cd-page[data-colette-page="pricing"]) .cd-map iframe{position:relative;aspect-ratio:16/10;height:auto;border-radius:var(--r);border:1px solid var(--line-soft)} } @media (max-width:760px){ :where(#cd-page[data-colette-page="pricing"]) .cd-wrap{width:calc(100% - 32px)} :where(#cd-page[data-colette-page="pricing"]) .cd-sec{padding:28px 0 36px} :where(#cd-page[data-colette-page="pricing"]) .cd-hero{padding:20px 0 32px} :where(#cd-page[data-colette-page="pricing"]) .cd-hero .cd-kicker{display:block;font-size:1rem;line-height:1.5} :where(#cd-page[data-colette-page="pricing"]) .cd-hero .cd-kicker::before{display:none} :where(#cd-page[data-colette-page="pricing"]) .cd-follow{gap:9px;margin:18px 0 18px} #cd-page:where([data-colette-page="pricing"]) .cd-follow a{width:36px;height:36px} :where(#cd-page[data-colette-page="pricing"]) .cd-glance-grid{grid-template-columns:1fr 1fr} :where(#cd-page[data-colette-page="pricing"]) .cd-glance-item{border-left:none;border-top:1px solid var(--line-soft);padding:14px 14px 14px 0} :where(#cd-page[data-colette-page="pricing"]) .cd-glance-item:nth-child(-n+2){border-top:none} :where(#cd-page[data-colette-page="pricing"]) .cd-glance-item:nth-child(even){border-left:1px solid var(--line-soft);padding-left:14px} /* glance strip: slightly smaller type on mobile so long day names never wrap awkwardly */ #cd-page:where([data-colette-page="pricing"]) .cd-glance-item b{font-size:.95rem;line-height:1.35} #cd-page:where([data-colette-page="pricing"]) .cd-glance-item small{font-size:.78rem} #cd-page:where([data-colette-page="pricing"]) .cd-glance-item span{font-size:.62rem;letter-spacing:.16em} /* social buttons: even 2-up grid on mobile (flex-wrap centering staggered them). Wrappers the platform puts around buttons go transparent (display:contents) so every BUTTON is a grid cell; long labels wrap inside their pill instead of clipping, and the pill grows in height. */ #cd-page:where([data-colette-page="pricing"]) .cd-social-widget{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:400px;margin-left:auto;margin-right:auto} #cd-page:where([data-colette-page="pricing"]) .cd-social-widget br{display:none} /* flatten ANY wrapper markup the widget ships (at any depth) so each BUTTON is its own grid cell — the members quick-links set nests its anchors */ #cd-page:where([data-colette-page="pricing"]) .cd-social-widget div,#cd-page:where([data-colette-page="pricing"]) .cd-social-widget p,#cd-page:where([data-colette-page="pricing"]) .cd-social-widget ul,#cd-page:where([data-colette-page="pricing"]) .cd-social-widget ol,#cd-page:where([data-colette-page="pricing"]) .cd-social-widget li{display:contents} #cd-page:where([data-colette-page="pricing"]) .cd-social-widget a{position:static !important;float:none !important;display:inline-flex !important;width:100% !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:38px;margin:0 !important;padding:8px 12px !important;white-space:normal !important;line-height:1.25 !important;text-align:center;overflow:visible !important;text-overflow:clip !important;text-indent:0 !important} :where(#cd-page[data-colette-page="pricing"]) .cd-dress{grid-template-columns:1fr} :where(#cd-page[data-colette-page="pricing"]) .cd-dress-col{border-left:0;padding:22px 0;border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="pricing"]) .cd-dress-col:first-child{border-top:0} :where(#cd-page[data-colette-page="pricing"]) .cd-dress-strict{grid-column:auto} :where(#cd-page[data-colette-page="pricing"]) .cd-arrive{grid-template-columns:1fr;gap:18px;padding:22px 20px} :where(#cd-page[data-colette-page="pricing"]) .cd-arrive-col{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="pricing"]) .cd-check{grid-template-columns:1fr} :where(#cd-page[data-colette-page="pricing"]) .cd-split > div{padding:24px 22px} :where(#cd-page[data-colette-page="pricing"]) .cd-map iframe{aspect-ratio:4/3} :where(#cd-page[data-colette-page="pricing"]) .cd-btn{width:100%} :where(#cd-page[data-colette-page="pricing"]) .cd-btn-row{flex-direction:column} #cd-page:where([data-colette-page="pricing"]) .cd-events .cdw-btngrid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:300px} #cd-page:where([data-colette-page="pricing"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)) a.cdw-btn{width:calc(50% - 5px) !important} } @media (max-width:420px){ :where(#cd-page[data-colette-page="pricing"]) .cd-glance-grid{grid-template-columns:1fr} :where(#cd-page[data-colette-page="pricing"]) .cd-glance-item{border-left:none !important;border-top:1px solid var(--line-soft) !important;padding-left:0 !important} :where(#cd-page[data-colette-page="pricing"]) .cd-glance-item:first-child{border-top:none !important} } @media (prefers-reduced-motion:reduce){#cd-page:where([data-colette-page="pricing"]) *{transition:none !important}} /* HOME FAMILY */ /* ── Design system, scoped to the page wrapper. Accent = the Dallas/site accent #8ecefc (hover #b0defd), per Bobby. Light accent works as text on the dark ground; accent-FILLED controls take dark #0b0b0c labels (the Dallas contrast rule). ── */ #ch-page:where([data-colette-page="home"]){ /* accent + hover (same as Dallas) */ /* kickers, labels, accent words — follows the accent */ /* display face (sans) */ font-family:var(--sans) !important; font-weight:400 !important; font-size:16px; line-height:1.65; color:var(--cream); background:var(--ink); -webkit-font-smoothing:antialiased; overflow-x:hidden; } #ch-page:where([data-colette-page="home"]) *,#ch-page:where([data-colette-page="home"]) *::before,#ch-page:where([data-colette-page="home"]) *::after{box-sizing:border-box} #ch-page:where([data-colette-page="home"]) img{max-width:100%;height:auto;display:block} #ch-page:where([data-colette-page="home"]) a{color:inherit;text-decoration:none} #ch-page:where([data-colette-page="home"]) ul,#ch-page:where([data-colette-page="home"]) ol,#ch-page:where([data-colette-page="home"]) li{margin:0;padding:0;list-style:none !important;list-style-type:none !important} #ch-page:where([data-colette-page="home"]) li::marker{content:none !important;display:none !important} #ch-page:where([data-colette-page="home"]) li::before{content:none} #ch-page:where([data-colette-page="home"]) p{margin:0 0 14px} #ch-page:where([data-colette-page="home"]) :focus-visible{outline:2px solid #b0defd;outline-offset:3px;border-radius:4px} :where(#ch-page[data-colette-page="home"]) .ch-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto} /* type */ #ch-page:where([data-colette-page="home"]) h1,#ch-page:where([data-colette-page="home"]) h2{font-family:var(--serif) !important;font-weight:700 !important;line-height:1.08;letter-spacing:-.02em;color:var(--cream);margin:0;text-transform:none !important} #ch-page:where([data-colette-page="home"]) h2{font-size:clamp(1.9rem,3.6vw,2.7rem)} #ch-page:where([data-colette-page="home"]) h1 em,#ch-page:where([data-colette-page="home"]) h2 em{font-style:normal;color:var(--rose);font-weight:700 !important} :where(#ch-page[data-colette-page="home"]) .ch-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--serif) !important;font-style:normal;font-weight:600 !important;font-size:clamp(.95rem,1.25vw,1.1rem);letter-spacing:.04em;color:var(--rose);margin-bottom:10px;text-transform:none !important} :where(#ch-page[data-colette-page="home"]) .ch-kicker::before{content:'';width:26px;height:1px;background:var(--wine-lt);flex-shrink:0} :where(#ch-page[data-colette-page="home"]) .ch-kicker i{font-style:normal;color:var(--wine-lt);margin:0 4px} :where(#ch-page[data-colette-page="home"]) .ch-lead{font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.75;color:var(--cream-dim);max-width:62ch} :where(#ch-page[data-colette-page="home"]) .ch-head{max-width:800px;margin-bottom:22px} :where(#ch-page[data-colette-page="home"]) .ch-head h2{margin-bottom:10px} #ch-page:where([data-colette-page="home"]) p.ch-note{font-size:.9rem;color:var(--mute);margin:6px 0 0} /* buttons */ :where(#ch-page[data-colette-page="home"]) .ch-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border-radius:999px;border:1.5px solid transparent;font-family:var(--sans) !important;font-size:.88rem !important;font-weight:700 !important;letter-spacing:.06em;text-transform:uppercase !important;text-decoration:none !important;white-space:nowrap;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s} :where(#ch-page[data-colette-page="home"]) .ch-btn:hover{transform:translateY(-2px)} :where(#ch-page[data-colette-page="home"]) .ch-btn-wine{background:var(--wine) !important;color:#0b0b0c !important;box-shadow:0 10px 24px rgba(142,206,252,.22)} :where(#ch-page[data-colette-page="home"]) .ch-btn-wine:hover{background:var(--wine-lt) !important;color:#0b0b0c !important} :where(#ch-page[data-colette-page="home"]) .ch-btn-ghost{border-color:rgba(255,255,255,.3) !important;color:var(--wine) !important;background:rgba(255,255,255,.04) !important} :where(#ch-page[data-colette-page="home"]) .ch-btn-ghost:hover{border-color:var(--wine-lt) !important;background:var(--wine) !important;color:#0b0b0c !important} :where(#ch-page[data-colette-page="home"]) .ch-btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px} :where(#ch-page[data-colette-page="home"]) .ch-btn-case{text-transform:none !important;font-size:.92rem !important;letter-spacing:.03em} /* brand lockup: "colette" in Arial Black lowercase + identifier in Arial bold caps. For deliberate brand-display uses only — never ordinary prose. */ :where(#ch-page[data-colette-page="home"]) .ch-bw{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important;font-weight:900 !important;font-style:normal;text-transform:lowercase !important;letter-spacing:-.01em} :where(#ch-page[data-colette-page="home"]) .ch-bc{font-family:Arial,'Helvetica Neue',sans-serif !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.04em;font-size:.92em} /* sections */ :where(#ch-page[data-colette-page="home"]) .ch-sec{padding:36px 0 44px} :where(#ch-page[data-colette-page="home"]) .ch-sec-alt{background:var(--ink2)} /* ── Hero: the banner image carries the logo — uncovered, uncropped (natural ratio); the page moves straight into the brand story ── */ :where(#ch-page[data-colette-page="home"]) .ch-hero{padding:22px 0 0;background:radial-gradient(700px 420px at 90% 0%,rgba(142,206,252,.10),transparent 60%),var(--ink)} :where(#ch-page[data-colette-page="home"]) .ch-hero-panel{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.55);background:linear-gradient(160deg,var(--ink3),var(--ink2));line-height:0} #ch-page:where([data-colette-page="home"]) .ch-hero-panel img{position:static;width:100%;height:auto;display:block} :where(#ch-page[data-colette-page="home"]) .ch-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} /* ── The experience: editorial pillars, no cards ── */ #ch-page:where([data-colette-page="home"]) #experience{padding:34px 0 40px} :where(#ch-page[data-colette-page="home"]) .ch-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:0 44px;margin-top:38px} :where(#ch-page[data-colette-page="home"]) .ch-pillar{padding-top:16px;border-top:1px solid var(--line)} :where(#ch-page[data-colette-page="home"]) .ch-pillar-title{font-family:var(--serif) !important;font-weight:800 !important;font-size:clamp(1.2rem,1.8vw,1.4rem);line-height:1.25;color:var(--rose);margin:0 0 10px} #ch-page:where([data-colette-page="home"]) .ch-pillar p{color:var(--cream-dim);font-size:.98rem;line-height:1.7;margin:0} /* ── The clubs: five photo cards, one primary action each ── */ :where(#ch-page[data-colette-page="home"]) .ch-club-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:30px 24px} :where(#ch-page[data-colette-page="home"]) .ch-club{grid-column:span 2;display:flex;flex-direction:column} :where(#ch-page[data-colette-page="home"]) .ch-club:nth-child(4){grid-column:2/4} :where(#ch-page[data-colette-page="home"]) .ch-club:nth-child(5){grid-column:4/6} :where(#ch-page[data-colette-page="home"]) .ch-club-card{position:relative;display:block;aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} #ch-page:where([data-colette-page="home"]) .ch-club-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease} :where(#ch-page[data-colette-page="home"]) .ch-club-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(11,11,12,.85));transition:background .2s} :where(#ch-page[data-colette-page="home"]) .ch-club-card::before{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--wine-lt);z-index:3;transform:scaleX(0);transform-origin:left;transition:transform .28s ease} :where(#ch-page[data-colette-page="home"]) .ch-club-name{position:absolute;left:20px;bottom:16px;z-index:2;font-family:var(--serif) !important;font-weight:800 !important;font-size:1.35rem;letter-spacing:.01em;line-height:1.1;color:var(--rose);text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 14px rgba(0,0,0,.45)} @media (hover:hover){ :where(#ch-page[data-colette-page="home"]) .ch-club-card:hover img{transform:scale(1.045)} :where(#ch-page[data-colette-page="home"]) .ch-club-card:hover::before{transform:scaleX(1)} } #ch-page:where([data-colette-page="home"]) p.ch-club-blurb{margin:12px 4px 0;font-size:.9rem;line-height:1.55;color:var(--cream-dim);text-align:center} :where(#ch-page[data-colette-page="home"]) .ch-club-row{margin-top:11px;display:flex;align-items:baseline;justify-content:center;gap:46px;flex-wrap:wrap} #ch-page:where([data-colette-page="home"]) a.ch-visit,#ch-page:where([data-colette-page="home"]) a.ch-apply{font-size:.88rem;font-weight:600;color:var(--wine);letter-spacing:.01em;text-transform:none;text-decoration:underline !important;text-underline-offset:4px;text-decoration-color:rgba(142,206,252,.45) !important;transition:color .16s,text-decoration-color .16s} #ch-page:where([data-colette-page="home"]) a.ch-visit:hover,#ch-page:where([data-colette-page="home"]) a.ch-apply:hover{color:#f2f2f2;text-decoration-color:rgba(255,255,255,.5) !important} /* ── colette Social: brand-level membership panel ── */ :where(#ch-page[data-colette-page="home"]) .ch-social{display:grid;grid-template-columns:1fr 400px;gap:40px;align-items:center;background:linear-gradient(160deg,#1c1c20,#111113);border:1px solid var(--line);border-radius:var(--r);padding:34px 38px;overflow:hidden} :where(#ch-page[data-colette-page="home"]) .ch-social-img{border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line-soft);line-height:0;align-self:center;margin-top:22px} #ch-page:where([data-colette-page="home"]) .ch-social-img img{position:static;width:100%;height:auto;display:block;object-fit:unset} #ch-page:where([data-colette-page="home"]) .ch-social-copy h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:0 0 12px} #ch-page:where([data-colette-page="home"]) p.ch-social-lead{color:var(--cream-dim);font-size:1rem;line-height:1.7;margin:0 0 14px;max-width:64ch} :where(#ch-page[data-colette-page="home"]) .ch-check{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-bottom:6px} #ch-page:where([data-colette-page="home"]) .ch-check li{display:flex;gap:11px;align-items:flex-start;padding:4px 0;font-size:.96rem;line-height:1.5;color:var(--cream-dim)} :where(#ch-page[data-colette-page="home"]) .ch-i{flex:0 0 16px;width:16px;height:16px;margin-top:6px;fill:none;stroke:var(--wine-lt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} :where(#ch-page[data-colette-page="home"]) .ch-choose{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;margin-top:24px;padding-top:22px;border-top:1px solid var(--line-soft)} @media (min-width:1001px){:where(#ch-page[data-colette-page="home"]) .ch-choose{margin-top:-30px;padding-top:18px}} :where(#ch-page[data-colette-page="home"]) .ch-choose-label{display:block;flex:1 1 auto;min-width:0;font-family:var(--serif) !important;font-size:clamp(.97rem,1.54vw,1.23rem);font-weight:700;letter-spacing:.01em;text-transform:none;color:var(--cream);margin:0;line-height:1.35} :where(#ch-page[data-colette-page="home"]) .ch-choose-label .ch-bw{color:var(--wine)} :where(#ch-page[data-colette-page="home"]) .ch-choose-row{display:flex;flex-wrap:wrap;gap:8px} :where(#ch-page[data-colette-page="home"]) .ch-choose-cue{display:none} #ch-page:where([data-colette-page="home"]) .ch-choose-row a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--wine);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;transition:border-color .16s,background .16s,color .16s,transform .16s} #ch-page:where([data-colette-page="home"]) .ch-choose-row a:hover{border-color:var(--wine-lt);background:var(--wine);color:#0b0b0c;transform:translateY(-2px)} /* ── Closing: newbie guide ── */ :where(#ch-page[data-colette-page="home"]) .ch-close{border-top:1px solid var(--line-soft)} :where(#ch-page[data-colette-page="home"]) .ch-newbie{display:grid;grid-template-columns:340px 1fr;gap:60px;align-items:center} :where(#ch-page[data-colette-page="home"]) .ch-newbie-img{display:block;border-radius:var(--r-sm);overflow:hidden;line-height:0;transition:transform .25s ease} :where(#ch-page[data-colette-page="home"]) .ch-newbie-img:hover{transform:translateY(-3px)} #ch-page:where([data-colette-page="home"]) .ch-newbie-img img{width:100%;height:auto;display:block} #ch-page:where([data-colette-page="home"]) p.ch-close-line{font-family:var(--serif) !important;font-weight:700;font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.3;color:var(--cream);margin:0 0 12px} :where(#ch-page[data-colette-page="home"]) .ch-newbie .ch-btn-row{margin-top:18px} /* ── Footer ── */ :where(#ch-page[data-colette-page="home"]) .ch-foot{padding:28px 0 34px;border-top:1px solid var(--line-soft);background:var(--ink)} :where(#ch-page[data-colette-page="home"]) .ch-foot-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;color:var(--mute);font-size:.85rem} :where(#ch-page[data-colette-page="home"]) .ch-foot-brand{font-size:1.05rem;color:var(--wine)} :where(#ch-page[data-colette-page="home"]) .ch-foot-line{color:var(--cream-dim)} :where(#ch-page[data-colette-page="home"]) .ch-foot a{color:var(--wine) !important} /* ── Override layer ── */ #ch-page:where([data-colette-page="home"]),#ch-page:where([data-colette-page="home"]) *{font-family:var(--sans) !important} #ch-page:where([data-colette-page="home"]) h1,#ch-page:where([data-colette-page="home"]) h2,#ch-page:where([data-colette-page="home"]) h1 em,#ch-page:where([data-colette-page="home"]) h2 em,#ch-page:where([data-colette-page="home"]) .ch-kicker,#ch-page:where([data-colette-page="home"]) .ch-pillar-title,#ch-page:where([data-colette-page="home"]) .ch-club-name,#ch-page:where([data-colette-page="home"]) .ch-close-line{font-family:var(--serif) !important} #ch-page:where([data-colette-page="home"]) .ch-bw{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important} #ch-page:where([data-colette-page="home"]) .ch-bc{font-family:Arial,'Helvetica Neue',sans-serif !important} #ch-page:where([data-colette-page="home"]) a{text-decoration:none !important} #ch-page:where([data-colette-page="home"]) a.ch-apply,#ch-page:where([data-colette-page="home"]) a.ch-visit{text-decoration:underline !important} #ch-page:where([data-colette-page="home"]) .ch-btn-wine,#ch-page:where([data-colette-page="home"]) .ch-btn-wine span{color:#0b0b0c !important} /* ── Responsive ── */ @media (max-width:1000px){ :where(#ch-page[data-colette-page="home"]) .ch-pillars{grid-template-columns:1fr;gap:0} :where(#ch-page[data-colette-page="home"]) .ch-pillar{padding:16px 0} :where(#ch-page[data-colette-page="home"]) .ch-pillar:last-child{padding-bottom:2px} :where(#ch-page[data-colette-page="home"]) .ch-club-grid{grid-template-columns:1fr 1fr;gap:26px 20px} :where(#ch-page[data-colette-page="home"]) .ch-club,:where(#ch-page[data-colette-page="home"]) .ch-club:nth-child(4){grid-column:auto} :where(#ch-page[data-colette-page="home"]) .ch-club:nth-child(5){grid-column:1/-1;width:calc(50% - 10px);margin:0 auto} :where(#ch-page[data-colette-page="home"]) .ch-social{grid-template-columns:1fr;gap:24px;padding:26px} :where(#ch-page[data-colette-page="home"]) .ch-social-img{width:100%;max-width:460px;margin:0 auto;order:-1} } @media (max-width:760px){ :where(#ch-page[data-colette-page="home"]) .ch-wrap{width:calc(100% - 32px)} :where(#ch-page[data-colette-page="home"]) .ch-sec{padding:26px 0 32px} :where(#ch-page[data-colette-page="home"]) .ch-hero{padding-top:14px} :where(#ch-page[data-colette-page="home"]) .ch-btn{width:100%} :where(#ch-page[data-colette-page="home"]) .ch-btn-row{flex-direction:column} :where(#ch-page[data-colette-page="home"]) .ch-club-grid{grid-template-columns:1fr} :where(#ch-page[data-colette-page="home"]) .ch-club:nth-child(5){width:100%} :where(#ch-page[data-colette-page="home"]) .ch-check{grid-template-columns:1fr} /* choose-your-club: label on its own line, pills in a full-width grid */ :where(#ch-page[data-colette-page="home"]) .ch-choose{display:block;margin-top:14px;padding-top:14px;text-align:center} :where(#ch-page[data-colette-page="home"]) .ch-choose-label{margin:0 0 10px} :where(#ch-page[data-colette-page="home"]) .ch-choose-tail{display:none} :where(#ch-page[data-colette-page="home"]) .ch-choose-row{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:8px} :where(#ch-page[data-colette-page="home"]) .ch-choose-cue{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 10px; font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;color:var(--cream)} #ch-page:where([data-colette-page="home"]) .ch-choose-row a{width:100%;padding:8px 10px;letter-spacing:.06em} :where(#ch-page[data-colette-page="home"]) .ch-newbie{grid-template-columns:1fr;gap:26px} :where(#ch-page[data-colette-page="home"]) .ch-newbie-img{max-width:300px;margin:0 auto;width:100%} } @media (prefers-reduced-motion:reduce){#ch-page:where([data-colette-page="home"]) *{transition:none !important}} /* EDUCATION FAMILY */ /* ── Design system, scoped to the page wrapper ── */ #cd-page:where([data-colette-page="education"]){ /* blue accent + hover */ /* script/italic accents, kickers, labels, numerals — follows the club accent */ /* display face (sans) */ font-family:var(--sans) !important; font-weight:400 !important; font-size:16px; line-height:1.65; color:var(--cream); background:var(--ink); -webkit-font-smoothing:antialiased; } #cd-page:where([data-colette-page="education"]) *,#cd-page:where([data-colette-page="education"]) *::before,#cd-page:where([data-colette-page="education"]) *::after{box-sizing:border-box} #cd-page:where([data-colette-page="education"]) img{max-width:100%;height:auto;display:block} #cd-page:where([data-colette-page="education"]) a{color:inherit;text-decoration:none} #cd-page:where([data-colette-page="education"]) ul,#cd-page:where([data-colette-page="education"]) ol,#cd-page:where([data-colette-page="education"]) li{margin:0;padding:0;list-style:none !important;list-style-type:none !important} #cd-page:where([data-colette-page="education"]) li::marker{content:none !important;display:none !important} #cd-page:where([data-colette-page="education"]) li::before{content:none} #cd-page:where([data-colette-page="education"]) p{margin:0 0 14px} /* widget zones: hand the platform's own markup back its defaults */ #cd-page:where([data-colette-page="education"]) .cd-events img,#cd-page:where([data-colette-page="education"]) .cd-newsfeed img,#cd-page:where([data-colette-page="education"]) .cd-social-widget img{display:revert;height:revert} #cd-page:where([data-colette-page="education"]) .cd-events ul,#cd-page:where([data-colette-page="education"]) .cd-events ol,#cd-page:where([data-colette-page="education"]) .cd-events li,#cd-page:where([data-colette-page="education"]) .cd-newsfeed ul,#cd-page:where([data-colette-page="education"]) .cd-newsfeed ol,#cd-page:where([data-colette-page="education"]) .cd-newsfeed li{margin:revert;padding:revert;list-style:revert !important} #cd-page:where([data-colette-page="education"]) .cd-events li::marker,#cd-page:where([data-colette-page="education"]) .cd-newsfeed li::marker{content:revert !important;display:revert !important} #cd-page:where([data-colette-page="education"]) .cd-events p,#cd-page:where([data-colette-page="education"]) .cd-newsfeed p{margin:revert} #cd-page:where([data-colette-page="education"]) .cd-events h1,#cd-page:where([data-colette-page="education"]) .cd-events h2,#cd-page:where([data-colette-page="education"]) .cd-events h3,#cd-page:where([data-colette-page="education"]) .cd-newsfeed h1,#cd-page:where([data-colette-page="education"]) .cd-newsfeed h2,#cd-page:where([data-colette-page="education"]) .cd-newsfeed h3{font-family:var(--sans) !important;font-size:revert;font-weight:600 !important;line-height:revert;letter-spacing:0;margin:revert;color:var(--cream)} #cd-page:where([data-colette-page="education"]) :focus-visible{outline:2px solid var(--wine-lt);outline-offset:3px;border-radius:4px} :where(#cd-page[data-colette-page="education"]) .cd-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto} /* type */ #cd-page:where([data-colette-page="education"]) h1,#cd-page:where([data-colette-page="education"]) h2{font-family:var(--serif) !important;font-weight:700 !important;line-height:1.08;letter-spacing:-.02em;color:var(--cream);margin:0;text-transform:none !important} #cd-page:where([data-colette-page="education"]) h1{font-size:clamp(2.6rem,6vw,4.6rem)} #cd-page:where([data-colette-page="education"]) .cd-brandword{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important;font-weight:900 !important;font-style:normal;display:inline-block;font-size:.95em;line-height:1.05;text-transform:lowercase !important;letter-spacing:-.01em} #cd-page:where([data-colette-page="education"]) .cd-cityword{font-family:Arial,'Helvetica Neue',sans-serif !important;font-weight:700 !important;font-style:normal;text-transform:uppercase !important;font-size:.88em;letter-spacing:.02em} #cd-page:where([data-colette-page="education"]) .cd-hero h1{font-size:clamp(2.1rem,4.4vw,3.3rem);white-space:nowrap} #cd-page:where([data-colette-page="education"]) h2{font-size:clamp(1.9rem,3.6vw,2.7rem)} #cd-page:where([data-colette-page="education"]) h1 em,#cd-page:where([data-colette-page="education"]) h2 em{font-style:normal;color:var(--rose);font-weight:700 !important} #cd-page:where([data-colette-page="education"]) .cd-h3,#cd-page:where([data-colette-page="education"]) h3.cd-h3{font-family:var(--sans) !important;font-size:.74rem;font-weight:700 !important;letter-spacing:.2em;text-transform:uppercase !important;color:var(--gold);margin:0 0 14px;padding-top:14px;border-top:1px solid var(--line-soft);line-height:1.4} :where(#cd-page[data-colette-page="education"]) .cd-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--serif) !important;font-style:normal;font-weight:600 !important;font-size:clamp(.95rem,1.25vw,1.1rem);letter-spacing:.04em;color:var(--rose);margin-bottom:10px;text-transform:none !important} :where(#cd-page[data-colette-page="education"]) .cd-kicker::before{content:'';width:26px;height:1px;background:var(--wine-lt);flex-shrink:0} :where(#cd-page[data-colette-page="education"]) .cd-kicker i{font-style:normal;color:var(--wine-lt);margin:0 4px} :where(#cd-page[data-colette-page="education"]) .cd-lead{font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.75;color:var(--cream-dim);max-width:62ch} :where(#cd-page[data-colette-page="education"]) .cd-head{max-width:800px;margin-bottom:24px} :where(#cd-page[data-colette-page="education"]) .cd-head h2{margin-bottom:10px} :where(#cd-page[data-colette-page="education"]) .cd-inline{color:#d9d9de !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-color:rgba(142,206,252,.65) !important} /* buttons */ :where(#cd-page[data-colette-page="education"]) .cd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border-radius:999px;border:1.5px solid transparent;font-family:var(--sans) !important;font-size:.88rem !important;font-weight:700 !important;letter-spacing:.06em;text-transform:uppercase !important;text-decoration:none !important;white-space:nowrap;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s} :where(#cd-page[data-colette-page="education"]) .cd-btn:hover{transform:translateY(-2px)} :where(#cd-page[data-colette-page="education"]) .cd-btn-wine{background:var(--wine) !important;color:#0b0b0c !important;box-shadow:0 10px 24px rgba(142,206,252,.22)} :where(#cd-page[data-colette-page="education"]) .cd-btn-wine:hover{background:var(--wine-lt) !important} :where(#cd-page[data-colette-page="education"]) .cd-btn-ghost{border-color:rgba(255,255,255,.3) !important;color:var(--cream) !important;background:rgba(255,255,255,.04) !important} :where(#cd-page[data-colette-page="education"]) .cd-btn-ghost:hover{border-color:var(--wine-lt) !important;background:var(--wine) !important;color:#0b0b0c !important} :where(#cd-page[data-colette-page="education"]) .cd-btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px} :where(#cd-page[data-colette-page="education"]) .cd-btn-case{text-transform:none !important;font-size:.92rem !important;letter-spacing:.03em} #cd-page:where([data-colette-page="education"]) .cd-btn-acc{color:var(--wine) !important} #cd-page:where([data-colette-page="education"]) .cd-btn-acc:hover{color:#0b0b0c !important} /* ── Sections: rhythm ── */ :where(#cd-page[data-colette-page="education"]) .cd-sec{padding:40px 0 56px} :where(#cd-page[data-colette-page="education"]) .cd-sec-alt{background:var(--ink2)} /* ── Hero: photo bleeds to the right edge ── */ :where(#cd-page[data-colette-page="education"]) .cd-hero{position:relative;padding:36px 0 44px;overflow:hidden;background:radial-gradient(900px 520px at 85% 10%,rgba(255,255,255,.06),transparent 65%),radial-gradient(600px 420px at 100% 0%,rgba(142,206,252,.10),transparent 60%),var(--ink)} :where(#cd-page[data-colette-page="education"]) .cd-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:stretch} :where(#cd-page[data-colette-page="education"]) .cd-hero-copy h1{margin:0 0 16px} /* social follow row: round brand-icon buttons under the club name (Font Awesome 6 Brands glyphs). Deliberate exception to the one-accent rule: each ring/glyph carries its network's brand color. */ :where(#cd-page[data-colette-page="education"]) .cd-follow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 20px} :where(#cd-page[data-colette-page="education"]) .cd-follow-label{font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--wine);margin-right:4px} #cd-page:where([data-colette-page="education"]) .cd-follow a{--brand:var(--wine);--on-brand:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--brand);background:rgba(255,255,255,.03);color:var(--brand) !important;text-decoration:none !important;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s} #cd-page:where([data-colette-page="education"]) .cd-follow a:hover{transform:translateY(-2px);background:var(--brand);border-color:var(--brand);color:var(--on-brand) !important;box-shadow:0 8px 20px rgba(0,0,0,.35)} #cd-page:where([data-colette-page="education"]) .cd-follow a span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} #cd-page:where([data-colette-page="education"]) .cd-follow a::before{font-family:"Font Awesome 6 Brands" !important;font-weight:400;font-size:15px;line-height:1;-webkit-font-smoothing:antialiased} #cd-page:where([data-colette-page="education"]) .cd-follow a.cd-fb{--brand:#1877f2} #cd-page:where([data-colette-page="education"]) .cd-follow a.cd-x{--brand:#f2f2f2;--on-brand:#0b0b0c} #cd-page:where([data-colette-page="education"]) .cd-follow a.cd-pin{--brand:#e60023} #cd-page:where([data-colette-page="education"]) .cd-follow a.cd-tt{--brand:#f60056} /* Instagram: gradient ring (the brand mark is a gradient), pink glyph; hover fills the gradient */ #cd-page:where([data-colette-page="education"]) .cd-follow a.cd-ig{--brand:#ee2a7b;border-color:transparent;background:linear-gradient(var(--ink),var(--ink)) padding-box,linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7) border-box} #cd-page:where([data-colette-page="education"]) .cd-follow a.cd-ig:hover{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7) border-box;color:#fff !important} #cd-page:where([data-colette-page="education"]) .cd-follow a.cd-fb::before{content:"\f39e"} #cd-page:where([data-colette-page="education"]) .cd-follow a.cd-x::before{content:"\e61b"} #cd-page:where([data-colette-page="education"]) .cd-follow a.cd-pin::before{content:"\f231"} #cd-page:where([data-colette-page="education"]) .cd-follow a.cd-ig::before{content:"\f16d"} #cd-page:where([data-colette-page="education"]) .cd-follow a.cd-tt::before{content:"\e07b"} :where(#cd-page[data-colette-page="education"]) .cd-hero-photo{position:relative;min-height:360px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.55);background:linear-gradient(160deg,var(--ink3),var(--ink2))} #cd-page:where([data-colette-page="education"]) .cd-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center} :where(#cd-page[data-colette-page="education"]) .cd-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,12,.35),transparent 40%),linear-gradient(180deg,transparent 60%,rgba(11,11,12,.5))} /* ── Glance strip: flush, borderless ── */ :where(#cd-page[data-colette-page="education"]) .cd-glance{background:var(--ink2)} :where(#cd-page[data-colette-page="education"]) .cd-glance-grid{display:grid;grid-template-columns:repeat(4,1fr)} :where(#cd-page[data-colette-page="education"]) .cd-glance-item{padding:18px 22px;border-left:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="education"]) .cd-glance-item:first-child{border-left:none;padding-left:0} :where(#cd-page[data-colette-page="education"]) .cd-glance-item span{display:block;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:700;margin-bottom:5px} :where(#cd-page[data-colette-page="education"]) .cd-glance-item b{display:block;font-family:var(--serif) !important;font-weight:700 !important;font-size:1.15rem;line-height:1.25;color:var(--cream);font-variant-numeric:tabular-nums} :where(#cd-page[data-colette-page="education"]) .cd-glance-item small{display:block;font-size:.84rem;color:var(--cream-dim);margin-top:3px} :where(#cd-page[data-colette-page="education"]) .cd-glance-item a{color:var(--cream) !important} /* ── Membership panel (compact) ── */ :where(#cd-page[data-colette-page="education"]) .cd-member-sec{padding:40px 0 0} :where(#cd-page[data-colette-page="education"]) .cd-member{display:grid;grid-template-columns:320px 1fr;gap:36px;align-items:center;background:linear-gradient(160deg,#1c1c20,#111113);border:1px solid var(--line);border-radius:var(--r);padding:26px 34px 26px 26px;overflow:hidden} :where(#cd-page[data-colette-page="education"]) .cd-member-img{border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line-soft);line-height:0;align-self:center} #cd-page:where([data-colette-page="education"]) .cd-member-img img{position:static;width:100%;height:auto;display:block;object-fit:unset} #cd-page:where([data-colette-page="education"]) .cd-member-copy h2{font-size:clamp(1.35rem,2.3vw,1.8rem);margin:0 0 10px} #cd-page:where([data-colette-page="education"]) p.cd-member-lead{color:var(--cream-dim);font-size:.95rem;line-height:1.65;margin:0 0 12px;max-width:64ch} :where(#cd-page[data-colette-page="education"]) .cd-member-list{grid-template-columns:1fr 1fr;gap:0 26px;margin-bottom:4px} #cd-page:where([data-colette-page="education"]) .cd-member-list li{padding:4px 0;font-size:.94rem} :where(#cd-page[data-colette-page="education"]) .cd-member .cd-btn-row{margin-top:12px} @media (max-width:1000px){ :where(#cd-page[data-colette-page="education"]) .cd-member{grid-template-columns:1fr;gap:22px;padding:22px} :where(#cd-page[data-colette-page="education"]) .cd-member-img{max-width:480px;margin:0 auto;width:100%} :where(#cd-page[data-colette-page="education"]) .cd-member-list{grid-template-columns:1fr} } /* ── Events: light skin, zero bottom ── */ :where(#cd-page[data-colette-page="education"]) .cd-sec-events{padding-bottom:12px} :where(#cd-page[data-colette-page="education"]) .cd-events{margin-top:4px;font-size:.95rem;color:var(--cream-dim)} :where(#cd-page[data-colette-page="education"]) .cd-events *{max-width:100%} /* stretch the platform's widget shell to the section width so it shares the header's left edge */ #cd-page:where([data-colette-page="education"]) .cd-events > *,#cd-page:where([data-colette-page="education"]) .cd-events .homepage_widget,#cd-page:where([data-colette-page="education"]) .cd-events .widget,#cd-page:where([data-colette-page="education"]) .cd-events .container,#cd-page:where([data-colette-page="education"]) .cd-events .container-fluid,#cd-page:where([data-colette-page="education"]) .cd-events table{width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;box-sizing:border-box} #cd-page:where([data-colette-page="education"]) .cd-events .row{margin-left:0 !important;margin-right:0 !important} :where(#cd-page[data-colette-page="education"]) .cd-events hr{display:none !important} :where(#cd-page[data-colette-page="education"]) .cd-events img{max-width:100% !important;height:auto !important;border-radius:var(--r-sm);border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.45)} :where(#cd-page[data-colette-page="education"]) .cd-events a{color:#d9d9de !important} :where(#cd-page[data-colette-page="education"]) .cd-events a.cdw-title{font-family:var(--serif) !important;font-weight:700;font-size:1.1rem;line-height:1.3;color:var(--wine) !important;text-decoration:none !important} #cd-page:where([data-colette-page="education"]) .cd-events a.cdw-more{color:var(--wine) !important} #cd-page:where([data-colette-page="education"]) .cd-events a.cdw-more:hover{color:var(--wine-lt) !important} :where(#cd-page[data-colette-page="education"]) .cd-events a.cdw-title:hover{color:var(--wine-lt) !important} /* all widget buttons share one quiet style: dark pill, hairline border; hover fills accent */ #cd-page:where([data-colette-page="education"]) .cd-events a.cdw-btn,#cd-page:where([data-colette-page="education"]) .cd-events a.cdw-btn.cdw-btn-ghost{box-sizing:border-box !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;float:none !important;position:static !important;width:132px !important;min-width:0 !important;max-width:none !important;height:38px !important;min-height:0 !important;padding:0 10px !important;margin:4px 6px 4px 0 !important;border-radius:999px !important;font-size:.72rem !important;font-weight:600 !important;white-space:nowrap !important;text-align:center;line-height:1 !important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;vertical-align:middle;background:transparent !important;color:var(--wine) !important;border:1px solid var(--line) !important;transition:background .15s,border-color .15s,color .15s,transform .15s} /* 2-column button grid: Tickets + RSVP on row one, Who's Going on row two */ #cd-page:where([data-colette-page="education"]) .cd-events .cdw-btngrid{display:grid !important;grid-template-columns:repeat(2,132px) !important;grid-auto-flow:row !important;gap:8px 10px !important;justify-content:start !important;align-items:stretch !important;width:auto !important;float:none !important;margin:10px 0 0 !important;padding:0 !important} #cd-page:where([data-colette-page="education"]) .cd-events .cdw-btngrid br{display:none !important} #cd-page:where([data-colette-page="education"]) .cd-events .cdw-btngrid > *{margin:0 !important;padding:0 !important;width:100% !important;min-width:0 !important;float:none !important;position:static !important;background:none;text-align:left} #cd-page:where([data-colette-page="education"]) .cd-events .cdw-btngrid a.cdw-btn{width:100% !important;height:38px !important;margin:0 !important} /* third button (Who's Going) centered under the pair: span both columns, keep pill width */ #cd-page:where([data-colette-page="education"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)){grid-column:1/3;display:flex;justify-content:center} #cd-page:where([data-colette-page="education"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)) a.cdw-btn{width:132px !important} #cd-page:where([data-colette-page="education"]) .cd-events a.cdw-btn:hover,#cd-page:where([data-colette-page="education"]) .cd-events a.cdw-btn.cdw-btn-ghost:hover{transform:translateY(-2px);background:var(--wine) !important;border-color:var(--wine) !important;color:#0b0b0c !important} :where(#cd-page[data-colette-page="education"]) .cd-events .cdw-gray{background-color:transparent !important;border-color:var(--line-soft) !important} /* ── Events: LIST | CALENDAR view switch + calendar presentation ── */ #cd-page:where([data-colette-page="education"]) [hidden]{display:none !important} :where(#cd-page[data-colette-page="education"]) .cd-evswitch{display:inline-flex;margin:2px 0 18px;padding:3px;gap:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02)} #cd-page:where([data-colette-page="education"]) .cd-evtab{appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 20px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wine);line-height:1;transition:background .15s,color .15s} #cd-page:where([data-colette-page="education"]) .cd-evtab:hover{color:var(--wine-lt)} #cd-page:where([data-colette-page="education"]) .cd-evtab.is-on,#cd-page:where([data-colette-page="education"]) .cd-evtab.is-on:hover{background:var(--wine);color:#0b0b0c} :where(#cd-page[data-colette-page="education"]) .cd-cal{margin-top:4px} :where(#cd-page[data-colette-page="education"]) .cd-cal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px} :where(#cd-page[data-colette-page="education"]) .cd-cal-month{font-weight:700;font-size:1.18rem;color:var(--cream);letter-spacing:.01em} :where(#cd-page[data-colette-page="education"]) .cd-cal-nav{display:flex;gap:8px} #cd-page:where([data-colette-page="education"]) .cd-cal-nav button{appearance:none;-webkit-appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--wine);font-size:1.05rem;line-height:1;padding:0 0 2px;transition:background .15s,border-color .15s,color .15s} #cd-page:where([data-colette-page="education"]) .cd-cal-nav button:hover:not(:disabled){background:var(--wine);border-color:var(--wine);color:#0b0b0c} #cd-page:where([data-colette-page="education"]) .cd-cal-nav button:disabled{opacity:.35;cursor:default} :where(#cd-page[data-colette-page="education"]) .cd-cal-dowrow{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line-soft);border-bottom:0;border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--ink3);overflow:hidden} :where(#cd-page[data-colette-page="education"]) .cd-cal-dow{padding:9px 0;text-align:center;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)} :where(#cd-page[data-colette-page="education"]) .cd-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line-soft);border-radius:0 0 var(--r-sm) var(--r-sm);background:var(--ink2);overflow:hidden} :where(#cd-page[data-colette-page="education"]) .cd-cal-day{min-height:92px;padding:8px 9px 10px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);min-width:0} :where(#cd-page[data-colette-page="education"]) .cd-cal-day.cd-col7{border-right:0} :where(#cd-page[data-colette-page="education"]) .cd-cal-day.cd-lastrow{border-bottom:0} :where(#cd-page[data-colette-page="education"]) .cd-cal-num{font-size:.72rem;font-weight:600;color:var(--cream-dim);line-height:1} :where(#cd-page[data-colette-page="education"]) .cd-cal-day.is-out{background:rgba(255,255,255,.012)} :where(#cd-page[data-colette-page="education"]) .cd-cal-day.is-out .cd-cal-num{color:rgba(139,139,147,.38)} :where(#cd-page[data-colette-page="education"]) .cd-cal-day.is-past .cd-cal-num{color:rgba(198,198,203,.4)} :where(#cd-page[data-colette-page="education"]) .cd-cal-day.is-past .cd-cale{opacity:.5} :where(#cd-page[data-colette-page="education"]) .cd-cal-day.is-today{box-shadow:inset 0 0 0 1px var(--wine)} :where(#cd-page[data-colette-page="education"]) .cd-cal-day.is-today .cd-cal-num{color:var(--wine);font-weight:800} #cd-page:where([data-colette-page="education"]) a.cd-cale{display:block;margin-top:8px;padding-left:8px;border-left:2px solid var(--wine)} #cd-page:where([data-colette-page="education"]) a.cd-cale.cd-has-img{padding-left:0;border-left:0} /* flyer artwork: its own framed space above the title, at the flyer's NATURAL ratio — whole image shown, no cropping, no letterbox bars, nothing overlays it */ :where(#cd-page[data-colette-page="education"]) .cd-cale-img{display:block;width:100%;line-height:0;border-radius:8px;overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3);margin-bottom:7px} #cd-page:where([data-colette-page="education"]) .cd-cale-img img{width:100% !important;height:auto !important;display:block;border:0;border-radius:0;box-shadow:none} #cd-page:where([data-colette-page="education"]) a.cd-cale .cd-cale-img{transition:border-color .15s} #cd-page:where([data-colette-page="education"]) a.cd-cale:hover .cd-cale-img{border-color:rgba(142,206,252,.55)} :where(#cd-page[data-colette-page="education"]) .cd-cale-t{display:block;font-weight:700;font-size:.8rem;line-height:1.28;color:var(--wine);overflow-wrap:break-word;transition:color .15s} #cd-page:where([data-colette-page="education"]) a.cd-cale:hover .cd-cale-t{color:var(--wine-lt)} :where(#cd-page[data-colette-page="education"]) .cd-cale-time{display:block;margin-top:3px;font-size:.64rem;letter-spacing:.05em;color:var(--mute);line-height:1} :where(#cd-page[data-colette-page="education"]) .cd-cal-agenda{display:none} #cd-page:where([data-colette-page="education"]) a.cd-cala{display:flex;align-items:center;gap:14px;padding:14px 2px;border-bottom:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="education"]) .cd-cala-img{flex:0 0 80px;line-height:0;border-radius:8px;overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} #cd-page:where([data-colette-page="education"]) .cd-cala-img img{width:100% !important;height:auto !important;display:block;border:0;border-radius:0;box-shadow:none} :where(#cd-page[data-colette-page="education"]) .cd-cal-agenda .cd-cala:first-of-type{border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="education"]) .cd-cala.is-past{opacity:.5} :where(#cd-page[data-colette-page="education"]) .cd-cala-date{flex:0 0 50px;text-align:center} :where(#cd-page[data-colette-page="education"]) .cd-cala-dw{display:block;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);line-height:1} :where(#cd-page[data-colette-page="education"]) .cd-cala-num{display:block;margin-top:3px;font-size:1.3rem;font-weight:700;color:var(--cream);line-height:1.1} :where(#cd-page[data-colette-page="education"]) .cd-cala-body{flex:1;min-width:0} :where(#cd-page[data-colette-page="education"]) .cd-cala-t{font-weight:700;font-size:.98rem;line-height:1.3;color:var(--wine);transition:color .15s} #cd-page:where([data-colette-page="education"]) a.cd-cala:hover .cd-cala-t{color:var(--wine-lt)} :where(#cd-page[data-colette-page="education"]) .cd-cala-time{margin-top:3px;font-size:.72rem;letter-spacing:.03em;color:var(--mute)} :where(#cd-page[data-colette-page="education"]) .cd-cala-chev{flex:0 0 auto;color:var(--wine);font-size:1.05rem;line-height:1} :where(#cd-page[data-colette-page="education"]) .cd-cal-empty{padding:30px 2px;color:var(--mute);font-size:.92rem} :where(#cd-page[data-colette-page="education"]) .cd-cal-note{margin-top:12px;font-size:.72rem;color:var(--mute)} @media (max-width:760px){ :where(#cd-page[data-colette-page="education"]) .cd-cal-dowrow,:where(#cd-page[data-colette-page="education"]) .cd-cal-grid{display:none} :where(#cd-page[data-colette-page="education"]) .cd-cal-agenda{display:block} :where(#cd-page[data-colette-page="education"]) .cd-cal-month{font-size:1.05rem} } :where(#cd-page[data-colette-page="education"]) .cd-newsfeed{margin-top:20px} :where(#cd-page[data-colette-page="education"]) .cd-newsfeed.is-empty,:where(#cd-page[data-colette-page="education"]) .cd-newsfeed:empty{display:none;margin:0} /* ── Social: pulled up over the widget's trailing rule ── */ :where(#cd-page[data-colette-page="education"]) .cd-social{position:relative;padding:36px 0 44px;text-align:left;background:var(--ink)} #cd-page:where([data-colette-page="education"]) .cd-social h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:18px} #cd-page:where([data-colette-page="education"]) .cd-social p.cd-lead{margin:0 0 24px} :where(#cd-page[data-colette-page="education"]) .cd-social-widget{display:flex;justify-content:center;flex-wrap:wrap;gap:10px} /* social buttons match the event-widget button treatment */ #cd-page:where([data-colette-page="education"]) .cd-social-widget a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;height:38px;padding:0 16px;border-radius:999px;font-family:Karla,'Helvetica Neue',Arial,sans-serif !important;font-size:.72rem;font-weight:600 !important;white-space:nowrap;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;background:transparent !important;color:var(--wine) !important;border:1px solid var(--line);transition:background .15s,border-color .15s,color .15s,transform .15s;opacity:1} #cd-page:where([data-colette-page="education"]) .cd-social-widget a:hover{transform:translateY(-2px);background:var(--wine) !important;border-color:var(--wine) !important;color:#0b0b0c !important} #cd-page:where([data-colette-page="education"]) .cd-social-widget a *{color:inherit !important} #cd-page:where([data-colette-page="education"]) .cd-social-widget img{display:inline-block;max-height:18px;width:auto;height:auto} #cd-page:where([data-colette-page="education"]) .cd-social-widget a:hover img{filter:brightness(.2)} /* ── About: editorial two-column, no boxes ── */ :where(#cd-page[data-colette-page="education"]) .cd-about{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:stretch} :where(#cd-page[data-colette-page="education"]) .cd-about-copy{display:flex;flex-direction:column;align-items:flex-start} :where(#cd-page[data-colette-page="education"]) .cd-about-copy .cd-btn{align-self:flex-start} :where(#cd-page[data-colette-page="education"]) .cd-about-side{display:flex;flex-direction:column;padding-top:6px} :where(#cd-page[data-colette-page="education"]) .cd-about-side .cd-rules{margin-top:auto} /* larger, serif section labels on the right column */ #cd-page:where([data-colette-page="education"]) .cd-about-side .cd-h3{font-family:var(--serif) !important;font-style:normal;font-size:clamp(1.3rem,1.9vw,1.6rem);font-weight:700 !important;letter-spacing:.01em;text-transform:none !important;color:var(--rose);margin:0 0 10px;padding-top:18px;border-top:1px solid var(--line-soft);line-height:1.15} #cd-page:where([data-colette-page="education"]) .cd-about-side > .cd-h3:first-child{border-top:0;padding-top:0} #cd-page:where([data-colette-page="education"]) .cd-about-copy h2{margin-bottom:22px} #cd-page:where([data-colette-page="education"]) p.cd-pull{font-family:var(--serif) !important;font-weight:600;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.5;color:var(--cream);margin:26px 0 24px;padding-left:18px;border-left:2px solid var(--line)} #cd-page:where([data-colette-page="education"]) .cd-about-copy p{color:var(--cream-dim);font-size:1.06rem;line-height:1.75;margin:0 0 18px} :where(#cd-page[data-colette-page="education"]) .cd-about-copy .cd-btn{margin:10px 0 26px} #cd-page:where([data-colette-page="education"]) p.cd-pricing{margin:auto 0 0;width:100%;padding-top:16px;border-top:1px solid var(--line-soft);font-size:.95rem;line-height:1.6;color:var(--mute)} :where(#cd-page[data-colette-page="education"]) .cd-check{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-bottom:20px} #cd-page:where([data-colette-page="education"]) .cd-check li{display:flex;gap:11px;align-items:flex-start;padding:4px 0;font-size:1rem;line-height:1.45;color:var(--cream-dim)} :where(#cd-page[data-colette-page="education"]) .cd-i{flex:0 0 16px;width:16px;height:16px;margin-top:6px;fill:none;stroke:var(--wine-lt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #cd-page:where([data-colette-page="education"]) .cd-ledger li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:1rem;line-height:1.5;color:var(--cream-dim);align-items:baseline} #cd-page:where([data-colette-page="education"]) .cd-ledger li:last-child{border-bottom:none;padding-bottom:0} :where(#cd-page[data-colette-page="education"]) .cd-ledger li b{font-family:var(--serif) !important;font-weight:700 !important;font-size:1.15rem;color:var(--rose);font-variant-numeric:tabular-nums} /* ── Dress code: three editorial columns, no panel ── */ :where(#cd-page[data-colette-page="education"]) .cd-dress{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} :where(#cd-page[data-colette-page="education"]) .cd-dress-col{padding:30px 32px 30px 0;border-left:1px solid var(--line-soft);padding-left:32px} :where(#cd-page[data-colette-page="education"]) .cd-dress-col:first-child{border-left:0;padding-left:0} :where(#cd-page[data-colette-page="education"]) .cd-dress-label{font-family:var(--serif) !important;font-style:normal;font-weight:700;font-size:clamp(1.35rem,2vw,1.7rem);color:var(--rose);line-height:1.15;margin-bottom:14px} #cd-page:where([data-colette-page="education"]) .cd-dress-col p{color:var(--cream);font-size:1rem;line-height:1.7;margin:0 0 14px} #cd-page:where([data-colette-page="education"]) .cd-dress-col p.cd-dress-no{color:var(--cream-dim);font-size:.92rem;margin:0} :where(#cd-page[data-colette-page="education"]) .cd-dress-col p.cd-dress-no strong{color:var(--wine-lt);font-weight:600} :where(#cd-page[data-colette-page="education"]) .cd-arrive{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;align-items:start;margin-top:28px;padding:30px 36px 34px;border-radius:var(--r);background:linear-gradient(135deg,#1a1a1d,#111113);border:1px solid var(--line)} :where(#cd-page[data-colette-page="education"]) .cd-arrive-head{grid-column:1/-1;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)} :where(#cd-page[data-colette-page="education"]) .cd-arrive-title{font-family:var(--serif) !important;font-weight:700;font-size:clamp(1.45rem,2.2vw,1.8rem);color:var(--cream);line-height:1.15} #cd-page:where([data-colette-page="education"]) .cd-arrive-head p{margin:0;color:var(--cream-dim);font-size:.95rem} :where(#cd-page[data-colette-page="education"]) .cd-arrive-col{padding-left:28px;border-left:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="education"]) .cd-arrive-head + .cd-arrive-col{padding-left:0;border-left:0} :where(#cd-page[data-colette-page="education"]) .cd-arrive-col .cd-dress-label{font-size:clamp(1.2rem,1.7vw,1.45rem);margin-bottom:10px} #cd-page:where([data-colette-page="education"]) .cd-arrive-col p{margin:0;color:var(--cream);font-size:1rem;line-height:1.7} /* ── Parties: split panel + price table ── */ :where(#cd-page[data-colette-page="education"]) .cd-split{background:var(--ink);border:1px solid var(--line-soft);border-radius:var(--r);display:grid;grid-template-columns:1fr 1px 1fr;gap:0} :where(#cd-page[data-colette-page="education"]) .cd-split > div{padding:32px 36px;display:flex;flex-direction:column} :where(#cd-page[data-colette-page="education"]) .cd-split .cd-btn-row{margin-top:auto;padding-top:18px} :where(#cd-page[data-colette-page="education"]) .cd-split .cd-btn{align-self:flex-start} :where(#cd-page[data-colette-page="education"]) .cd-split .cd-split-div{padding:0;background:linear-gradient(180deg,transparent,var(--line) 15%,var(--line) 85%,transparent)} #cd-page:where([data-colette-page="education"]) .cd-split p{color:var(--cream-dim);font-size:1rem} :where(#cd-page[data-colette-page="education"]) .cd-split .cd-h3{border-top:none;padding-top:0} #cd-page:where([data-colette-page="education"]) .cd-steps li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:14px 0;align-items:baseline;color:var(--cream-dim);font-size:1rem;border-bottom:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="education"]) .cd-steps li:last-child{border-bottom:0} :where(#cd-page[data-colette-page="education"]) .cd-steps li b{font-family:var(--serif) !important;font-weight:700 !important;font-size:1.05rem;color:var(--rose)} #cd-page:where([data-colette-page="education"]) p.cd-fine{font-size:.82rem;color:var(--mute);font-style:italic;margin-top:10px} :where(#cd-page[data-colette-page="education"]) .cd-price{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line-soft);align-items:baseline} :where(#cd-page[data-colette-page="education"]) .cd-price:last-of-type{border-bottom:1px solid var(--line-soft);margin-bottom:0} :where(#cd-page[data-colette-page="education"]) .cd-price b{font-family:var(--serif) !important;font-weight:800 !important;font-size:1.8rem;color:var(--cream);line-height:1;font-variant-numeric:tabular-nums} #cd-page:where([data-colette-page="education"]) .cd-price p{margin:0;font-size:.92rem} :where(#cd-page[data-colette-page="education"]) .cd-price p strong{display:block;color:var(--cream);font-weight:600;margin-bottom:2px} /* ── Visit: map with floating card ── */ :where(#cd-page[data-colette-page="education"]) .cd-map{position:relative;min-height:440px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} :where(#cd-page[data-colette-page="education"]) .cd-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0} :where(#cd-page[data-colette-page="education"]) .cd-float{position:relative;z-index:2;margin:24px 24px 24px auto;width:360px;background:rgba(11,11,12,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--r-sm);padding:22px 24px;box-shadow:0 20px 50px rgba(0,0,0,.5)} :where(#cd-page[data-colette-page="education"]) .cd-addr{font-family:var(--serif) !important;font-weight:700;font-size:1.2rem;line-height:1.35;color:var(--cream);margin-bottom:6px} #cd-page:where([data-colette-page="education"]) .cd-contact li{padding:8px 0;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:12px;font-size:.9rem} :where(#cd-page[data-colette-page="education"]) .cd-contact li span{color:var(--mute);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding-top:3px} :where(#cd-page[data-colette-page="education"]) .cd-contact li a{color:var(--cream) !important;text-align:right} :where(#cd-page[data-colette-page="education"]) .cd-float .cd-btn{width:100%;margin-top:14px;min-height:42px} :where(#cd-page[data-colette-page="education"]) .cd-hotel{margin-top:16px;font-size:.9rem;color:var(--cream-dim)} #cd-page:where([data-colette-page="education"]) .cd-hotel p{margin:0 0 8px;font-size:.88rem} :where(#cd-page[data-colette-page="education"]) .cd-hotel a{color:#d9d9de !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:3px;text-decoration-color:rgba(142,206,252,.65) !important} /* ── Newsletter / team / partner ── */ :where(#cd-page[data-colette-page="education"]) .cd-news-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:32px;align-items:center;background:linear-gradient(160deg,#1c1c20,#111113);border:1px solid var(--line);border-radius:var(--r);padding:32px;overflow:hidden} :where(#cd-page[data-colette-page="education"]) .cd-news-img{max-width:260px;margin:0 auto;border-radius:var(--r-sm);overflow:hidden;box-shadow:0 20px 44px rgba(0,0,0,.5)} :where(#cd-page[data-colette-page="education"]) .cd-news-copy h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:8px} :where(#cd-page[data-colette-page="education"]) .cd-team{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:18px 24px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)} #cd-page:where([data-colette-page="education"]) .cd-team p{margin:0;color:var(--cream-dim)} :where(#cd-page[data-colette-page="education"]) .cd-team b{display:block;color:var(--wine);font-weight:600} :where(#cd-page[data-colette-page="education"]) .cd-partner{margin-top:26px;text-align:center} :where(#cd-page[data-colette-page="education"]) .cd-partner span{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:10px;font-weight:700} :where(#cd-page[data-colette-page="education"]) .cd-partner img{max-width:640px;margin:0 auto;border-radius:8px;opacity:.85;transition:opacity .2s} :where(#cd-page[data-colette-page="education"]) .cd-partner img:hover{opacity:1} :where(#cd-page[data-colette-page="education"]) .cd-partner small{display:block;margin-top:8px;font-size:.8rem;color:var(--mute);font-style:italic} /* ── Footer ── */ :where(#cd-page[data-colette-page="education"]) .cd-foot{padding:34px 0 40px;border-top:1px solid var(--line-soft);background:var(--ink)} :where(#cd-page[data-colette-page="education"]) .cd-foot-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;color:var(--mute);font-size:.85rem} :where(#cd-page[data-colette-page="education"]) .cd-foot-brand{font-size:1.05rem;color:var(--cream)} :where(#cd-page[data-colette-page="education"]) .cd-foot-brand .cd-bw{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important;font-weight:900 !important;text-transform:lowercase !important;color:var(--wine);letter-spacing:-.01em} :where(#cd-page[data-colette-page="education"]) .cd-foot-brand .cd-bc{font-family:Arial,'Helvetica Neue',sans-serif !important;font-weight:700 !important;text-transform:uppercase !important;font-size:.92em;letter-spacing:.04em;margin-left:7px} #cd-page:where([data-colette-page="education"]) .cd-foot a[href="#cd-page"]{color:var(--wine) !important} :where(#cd-page[data-colette-page="education"]) .cd-foot a{color:var(--cream-dim) !important} /* ── Override layer ── */ #cd-page:where([data-colette-page="education"]),#cd-page:where([data-colette-page="education"]) *{font-family:var(--sans) !important} #cd-page:where([data-colette-page="education"]) .cd-follow a::before{font-family:"Font Awesome 6 Brands" !important} #cd-page:where([data-colette-page="education"]) h1,#cd-page:where([data-colette-page="education"]) h2,#cd-page:where([data-colette-page="education"]) h1 em,#cd-page:where([data-colette-page="education"]) h2 em,#cd-page:where([data-colette-page="education"]) .cd-kicker,#cd-page:where([data-colette-page="education"]) .cd-pull,#cd-page:where([data-colette-page="education"]) .cd-about-side .cd-h3,#cd-page:where([data-colette-page="education"]) .cd-dress-label,#cd-page:where([data-colette-page="education"]) .cd-arrive-title,#cd-page:where([data-colette-page="education"]) .cd-glance-item b,#cd-page:where([data-colette-page="education"]) .cd-ledger li b,#cd-page:where([data-colette-page="education"]) .cd-steps li b,#cd-page:where([data-colette-page="education"]) .cd-price b,#cd-page:where([data-colette-page="education"]) .cd-addr,#cd-page:where([data-colette-page="education"]) .cd-foot-brand,#cd-page:where([data-colette-page="education"]) a.cdw-title,#cd-page:where([data-colette-page="education"]) .cd-cal-month,#cd-page:where([data-colette-page="education"]) .cd-cale-t,#cd-page:where([data-colette-page="education"]) .cd-cala-t{font-family:var(--serif) !important} #cd-page:where([data-colette-page="education"]) .cd-brandword{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important} #cd-page:where([data-colette-page="education"]) .cd-cityword,#cd-page:where([data-colette-page="education"]) .cd-foot-brand .cd-bc{font-family:Arial,'Helvetica Neue',sans-serif !important} #cd-page:where([data-colette-page="education"]) .cd-foot-brand .cd-bw{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important} #cd-page:where([data-colette-page="education"]) a{text-decoration:none !important} #cd-page:where([data-colette-page="education"]) .cd-btn-wine,#cd-page:where([data-colette-page="education"]) .cd-btn-wine span{color:#0b0b0c !important} /* ── Photo gallery: entry chip ── */ #cd-page:where([data-colette-page="education"]) .cd-hero-photo{cursor:pointer} #cd-page:where([data-colette-page="education"]) .cd-hero-photo img{transition:transform .35s ease} @media (hover:hover){#cd-page:where([data-colette-page="education"]) .cd-hero-photo:hover img{transform:scale(1.025)}} :where(#cd-page[data-colette-page="education"]) .cdg-chip{position:absolute;right:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(11,11,12,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:var(--cream);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;transition:border-color .16s,background .16s} :where(#cd-page[data-colette-page="education"]) .cdg-chip svg{width:15px;height:15px;fill:none;stroke:var(--wine);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round} :where(#cd-page[data-colette-page="education"]) .cdg-chip-count{color:var(--mute);font-weight:600} #cd-page:where([data-colette-page="education"]) .cd-hero-photo:hover .cdg-chip,#cd-page:where([data-colette-page="education"]) .cd-hero-photo:focus-visible .cdg-chip{border-color:var(--wine);background:rgba(11,11,12,.86)} /* ── lightbox ── */ :where(#cd-page[data-colette-page="education"]) .cdg{position:fixed;inset:0;z-index:6000;display:none} :where(#cd-page[data-colette-page="education"]) .cdg.is-open{display:block} :where(#cd-page[data-colette-page="education"]) .cdg-backdrop{position:absolute;inset:0;background:rgba(6,6,7,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} :where(#cd-page[data-colette-page="education"]) .cdg-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:54px 90px;box-sizing:border-box} #cd-page:where([data-colette-page="education"]) #cdg-img{position:static;max-width:100%;max-height:100%;width:auto;height:auto;display:block;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.7);user-select:none;-webkit-user-drag:none;touch-action:pan-y;transition:opacity .18s ease} :where(#cd-page[data-colette-page="education"]) .cdg.is-swiping #cdg-img{transition:none} :where(#cd-page[data-colette-page="education"]) .cdg-loading{position:absolute;color:var(--mute);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;display:none} :where(#cd-page[data-colette-page="education"]) .cdg.is-loading .cdg-loading{display:block} :where(#cd-page[data-colette-page="education"]) .cdg-count{position:absolute;top:18px;left:22px;z-index:2;color:var(--wine);font-size:.85rem;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums} :where(#cd-page[data-colette-page="education"]) .cdg-close{position:absolute;top:12px;right:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(11,11,12,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .16s,background .16s} :where(#cd-page[data-colette-page="education"]) .cdg-close svg{width:16px;height:16px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round} :where(#cd-page[data-colette-page="education"]) .cdg-close:hover{border-color:var(--wine);background:rgba(11,11,12,.85)} :where(#cd-page[data-colette-page="education"]) .cdg-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(11,11,12,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .16s,background .16s,opacity .16s} :where(#cd-page[data-colette-page="education"]) .cdg-prev{left:16px}:where(#cd-page[data-colette-page="education"]) .cdg-next{right:16px} :where(#cd-page[data-colette-page="education"]) .cdg-arrow svg{width:18px;height:18px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} :where(#cd-page[data-colette-page="education"]) .cdg-arrow:hover{border-color:var(--wine);background:rgba(11,11,12,.85)} :where(#cd-page[data-colette-page="education"]) .cdg.chrome-hidden .cdg-count,:where(#cd-page[data-colette-page="education"]) .cdg.chrome-hidden .cdg-close,:where(#cd-page[data-colette-page="education"]) .cdg.chrome-hidden .cdg-arrow{opacity:0;pointer-events:none} @media (max-width:760px){ :where(#cd-page[data-colette-page="education"]) .cdg-stage{padding:52px 10px} :where(#cd-page[data-colette-page="education"]) .cdg-arrow{width:44px;height:44px} :where(#cd-page[data-colette-page="education"]) .cdg-prev{left:8px}:where(#cd-page[data-colette-page="education"]) .cdg-next{right:8px} :where(#cd-page[data-colette-page="education"]) .cdg-chip-label{display:none} :where(#cd-page[data-colette-page="education"]) .cdg-chip{padding:8px 12px} } @media (prefers-reduced-motion:reduce){#cd-page:where([data-colette-page="education"]) .cd-hero-photo img,#cd-page:where([data-colette-page="education"]) #cdg-img{transition:none}} /* ── Club accent application (site-wide blue; per approved list) ── */ #cd-page:where([data-colette-page="education"]) .cd-hero h1 em{color:var(--wine)} #cd-page:where([data-colette-page="education"]) .cd-glance-item span{color:var(--wine)} #cd-page:where([data-colette-page="education"]) .cd-about-side .cd-h3{color:var(--wine)} #cd-page:where([data-colette-page="education"]) .cd-ledger li b,#cd-page:where([data-colette-page="education"]) .cd-steps li b{color:var(--wine)} #cd-page:where([data-colette-page="education"]) .cd-dress-label{color:var(--wine)} #cd-page:where([data-colette-page="education"]) .cd-split .cd-h3{color:var(--wine)} #cd-page:where([data-colette-page="education"]) .cd-price b{color:var(--wine)} #cd-page:where([data-colette-page="education"]) .cd-split a.cd-btn-ghost[href^="tel:"]{color:var(--wine) !important} #cd-page:where([data-colette-page="education"]) .cd-contact li span{color:var(--wine)} #cd-page:where([data-colette-page="education"]) .cd-hotel .cd-h3{color:var(--wine)} /* ══ EDUCATION & COMMUNITY: page-specific pieces. Everything else reuses the club-page components (.cd-sec, .cd-head, .cd-kicker, .cd-lead, .cd-btn, .cd-dress columns, .cd-pull, .cd-foot). ══ */ :where(#cd-page[data-colette-page="education"]) .ce-hero{position:relative;padding:36px 0 44px;overflow:hidden;background:radial-gradient(900px 520px at 85% 10%,rgba(255,255,255,.06),transparent 65%),radial-gradient(600px 420px at 100% 0%,rgba(142,206,252,.10),transparent 60%),var(--ink)} /* hero: the OpenLove101 newbie guide graphic. Per Bobby it sits on the page with NO frame: no border, no rounded corners, no shadow. Shown whole at its natural ratio with a height cap, so a tall or wide file both behave. DESKTOP: title, subheading and copy stack tight in the left column; the guide spans all three rows on the right. MOBILE: the title runs full width at full scale, the guide sits beside the subheading, and the body copy runs full width underneath. */ :where(#cd-page[data-colette-page="education"]) .ce-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,471px);grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:". img" "title img" "sub img" "body img" ". img";gap:8px 22px;align-items:start} #cd-page:where([data-colette-page="education"]) .ce-hero-title{grid-area:title;font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.06;white-space:normal;margin:0} #cd-page:where([data-colette-page="education"]) p.ce-sub{grid-area:sub;font-family:var(--serif) !important;font-weight:700;font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.3;color:var(--wine);margin:2px 0 0} :where(#cd-page[data-colette-page="education"]) .ce-hero-body{grid-area:body;margin-top:10px} #cd-page:where([data-colette-page="education"]) .ce-hero-body p{color:var(--cream-dim);font-size:1.04rem;line-height:1.7;margin:0 0 12px} #cd-page:where([data-colette-page="education"]) .ce-hero-body p:last-child{margin-bottom:0} :where(#cd-page[data-colette-page="education"]) .ce-portrait{grid-area:img;position:relative;display:flex;justify-content:flex-end;align-self:center;line-height:0;padding-left:70px} :where(#cd-page[data-colette-page="education"]) .ce-portrait::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--line) 14%,var(--line) 86%,transparent)} #cd-page:where([data-colette-page="education"]) .ce-portrait img{width:100%;max-width:100%;height:auto;display:block;object-fit:unset; border:0;border-radius:0;box-shadow:none;background:none} #cd-page:where([data-colette-page="education"]) .ce-hero-body p{color:var(--cream-dim);font-size:1.04rem;line-height:1.75;margin:0 0 16px;max-width:60ch} #cd-page:where([data-colette-page="education"]) .ce-hero-body p:last-child{margin-bottom:0} /* editorial prose blocks */ /* section icons: thin line marks in the accent, same drawing style as the checkmarks used elsewhere on the site. Scoped to #ideas so no other .cd-dress-label on any page is affected. */ /* the label grows with the viewport while the column stops at 1120, so on wide screens the heading + icon would wrap. Cap the top end only: identical at 1280 and below, slightly smaller past ~1350 so each heading stays one line. */ #cd-page:where([data-colette-page="education"]) #ideas .cd-dress-label{display:flex;align-items:center;gap:10px;font-size:clamp(1.35rem,2vw,1.5rem)} #cd-page:where([data-colette-page="education"]) #ideas .cd-dress-label .ce-ico{flex:0 0 auto;width:20px;height:20px;fill:none;stroke:var(--wine);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.95} /* image links: block wrappers so the layout is identical to the unlinked images */ #cd-page:where([data-colette-page="education"]) .ce-portrait a,#cd-page:where([data-colette-page="education"]) .ce-meet-img a,#cd-page:where([data-colette-page="education"]) .ce-book-cover a{display:block;width:100%;line-height:0;transition:opacity .2s} #cd-page:where([data-colette-page="education"]) .ce-portrait a:hover,#cd-page:where([data-colette-page="education"]) .ce-meet-img a:hover,#cd-page:where([data-colette-page="education"]) .ce-book-cover a:hover{opacity:.88} /* closing OpenLove101 banner: 65% of the section width, centred, no frame. Stays inside the normal content column, so nothing depends on escaping the platform container. */ :where(#cd-page[data-colette-page="education"]) .ce-ad-sec{padding:34px 0 40px;border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="education"]) .ce-ad{text-align:center} #cd-page:where([data-colette-page="education"]) .ce-ad a{display:inline-block;width:65% !important;line-height:0;transition:opacity .2s,transform .2s;opacity:.95} :where(#cd-page[data-colette-page="education"]) .ce-ad a:hover{opacity:1;transform:translateY(-2px)} #cd-page:where([data-colette-page="education"]) .ce-ad img{width:100%;height:auto;display:block;border:0;border-radius:0;box-shadow:none} :where(#cd-page[data-colette-page="education"]) .ce-prose{max-width:74ch} /* Meet John & Jackie: photo beside the copy on desktop, above it on mobile. A normal rectangular photo, so it keeps the standard frame; natural ratio, never cropped. */ /* Meet / Voice: two-column editorial split on desktop using the club-page 5:7 proportion, image and copy vertically centred on each other. Meet puts the photo left, Voice mirrors it right, so the two sections alternate. */ :where(#cd-page[data-colette-page="education"]) .ce-meet{display:grid;grid-template-columns:5.5fr 6.5fr;gap:44px;align-items:start} /* Meet: photo and the first two paragraphs side by side, then the closing paragraph runs the full width beneath both, which squares off the section. */ :where(#cd-page[data-colette-page="education"]) .ce-meet-stack{grid-template-areas:"img copy" "foot foot";row-gap:22px} :where(#cd-page[data-colette-page="education"]) .ce-meet-stack .ce-meet-img{grid-area:img} :where(#cd-page[data-colette-page="education"]) .ce-meet-stack > .ce-prose{grid-area:copy} :where(#cd-page[data-colette-page="education"]) .ce-meet-stack .ce-meet-foot{grid-area:foot} /* Voice: the heading and copy form one column and the photograph sits opposite, vertically centred against the WHOLE section (heading included) rather than hanging off the top of the text. */ /* Voice: heading and copy across the top, then the OpenLove101+ banner as a full-width band beneath them. The mark is wide enough to carry the whole section, and it keeps the normal page margins at every size. */ :where(#cd-page[data-colette-page="education"]) .ce-split{display:grid;grid-template-columns:minmax(0,1fr);gap:30px} #cd-page:where([data-colette-page="education"]) .ce-split .cd-head{margin-bottom:16px} /* OpenLove101+ banner: no border, corners or shadow; it sits on the page. */ :where(#cd-page[data-colette-page="education"]) .ce-banner{display:block;width:100%;max-width:810px;margin:26px 0 0;line-height:0;transition:opacity .2s,transform .2s;opacity:.95} :where(#cd-page[data-colette-page="education"]) .ce-banner:hover{opacity:1;transform:translateY(-2px)} #cd-page:where([data-colette-page="education"]) .ce-banner img{width:100%;height:auto;display:block;object-fit:unset;border:0;border-radius:0;box-shadow:none;background:none} #cd-page:where([data-colette-page="education"]) #meet .cd-head{margin-bottom:16px} #cd-page:where([data-colette-page="education"]) .ce-meet .ce-prose p:last-child{margin-bottom:0} :where(#cd-page[data-colette-page="education"]) .ce-meet .ce-prose{max-width:none} :where(#cd-page[data-colette-page="education"]) .ce-meet-img{border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line-soft);box-shadow:0 20px 44px rgba(0,0,0,.5);line-height:0;align-self:start} #cd-page:where([data-colette-page="education"]) .ce-meet-img img{width:100%;height:auto;display:block;object-fit:unset} #cd-page:where([data-colette-page="education"]) .ce-prose p{color:var(--cream-dim);font-size:1.06rem;line-height:1.78;margin:0 0 18px} #cd-page:where([data-colette-page="education"]) .ce-prose p:last-child{margin-bottom:0} #cd-page:where([data-colette-page="education"]) p.ce-readmore{margin:14px 0 0;font-size:.92rem;line-height:1.5} #cd-page:where([data-colette-page="education"]) .ce-readmore a{color:var(--wine) !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--wine) !important;transition:color .16s,text-decoration-color .16s} #cd-page:where([data-colette-page="education"]) .ce-readmore a:hover{color:var(--wine-lt) !important;text-decoration-color:var(--wine-lt) !important} /* the OpenLove101+ link matches the 'Read more' links so every outbound link on the page reads the same way */ #cd-page:where([data-colette-page="education"]) .ce-after a{color:var(--wine) !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--wine) !important;transition:color .16s,text-decoration-color .16s} #cd-page:where([data-colette-page="education"]) .ce-after a:hover{color:var(--wine-lt) !important;text-decoration-color:var(--wine-lt) !important} #cd-page:where([data-colette-page="education"]) p.ce-close{color:var(--cream);font-size:1.06rem;line-height:1.75;margin:26px 0 0;max-width:70ch} #cd-page:where([data-colette-page="education"]) .ce-split .ce-prose{max-width:none} #cd-page:where([data-colette-page="education"]) .ce-split .ce-prose p{max-width:74ch} #cd-page:where([data-colette-page="education"]) p.ce-after{margin-top:22px;max-width:none} /* Jackie's book: cover beside the copy on desktop, above it on mobile. Deliberately smaller than the opening portrait; whole cover always visible. */ :where(#cd-page[data-colette-page="education"]) .ce-book{display:grid;grid-template-columns:minmax(0,310px) minmax(0,1fr);gap:52px;align-items:center} :where(#cd-page[data-colette-page="education"]) .ce-book-cover{border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line-soft);box-shadow:0 20px 44px rgba(0,0,0,.5);line-height:0;align-self:center} #cd-page:where([data-colette-page="education"]) .ce-book-cover img{position:static;width:100%;height:auto;display:block;object-fit:unset} #cd-page:where([data-colette-page="education"]) p.ce-book-title{font-family:var(--serif) !important;font-weight:700;font-size:clamp(1.15rem,1.7vw,1.35rem);line-height:1.35;color:var(--wine);margin:0 0 14px} @media (max-width:1000px){ :where(#cd-page[data-colette-page="education"]) .ce-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,368px);gap:12px 20px} :where(#cd-page[data-colette-page="education"]) .ce-portrait{padding-left:38px} :where(#cd-page[data-colette-page="education"]) .ce-book{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:36px} :where(#cd-page[data-colette-page="education"]) .ce-meet{grid-template-columns:1fr;gap:26px} :where(#cd-page[data-colette-page="education"]) .ce-split{gap:26px} :where(#cd-page[data-colette-page="education"]) .ce-meet-stack{grid-template-areas:"img" "copy" "foot";row-gap:22px} :where(#cd-page[data-colette-page="education"]) .ce-meet-img{order:-1;width:100%;max-width:560px;margin:0 auto} /* Voice keeps the mobile order Bobby approved: copy first, photograph after */ :where(#cd-page[data-colette-page="education"]) .ce-banner{width:100%;max-width:none;margin:22px auto 0} :where(#cd-page[data-colette-page="education"]) .ce-book{grid-template-columns:1fr;gap:24px} :where(#cd-page[data-colette-page="education"]) .ce-book-cover{order:-1;width:100%;max-width:230px;margin:0 auto} } @media (max-width:760px){ :where(#cd-page[data-colette-page="education"]) .ce-hero{padding:20px 0 32px} /* phones: the figures stay beside the heading (never a lone image at the top), and the body copy runs the full width underneath so it stays readable */ /* phones: title, subheading, then the guide on its own row, then the copy */ :where(#cd-page[data-colette-page="education"]) .ce-hero-inner{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"title" "sub" "img" "body";gap:14px 0;align-items:start} :where(#cd-page[data-colette-page="education"]) .ce-portrait{justify-content:center;margin:2px 0;padding-left:0} :where(#cd-page[data-colette-page="education"]) .ce-portrait::before{display:none} #cd-page:where([data-colette-page="education"]) .ce-portrait img{width:auto;max-height:300px;max-width:min(78%,320px);margin:0 auto} #cd-page:where([data-colette-page="education"]) .ce-hero-title{font-size:clamp(1.95rem,9vw,2.6rem);line-height:1.05} #cd-page:where([data-colette-page="education"]) p.ce-sub{font-size:1.02rem;margin:0} #cd-page:where([data-colette-page="education"]) .ce-hero-body p{font-size:.98rem;line-height:1.7} :where(#cd-page[data-colette-page="education"]) .ce-ad-sec{padding:26px 0 30px} #cd-page:where([data-colette-page="education"]) .ce-ad a{width:96% !important} /* phones only: the cover carries more of the screen (tablet stays 230px) */ :where(#cd-page[data-colette-page="education"]) .ce-book-cover{max-width:min(86%,340px)} #cd-page:where([data-colette-page="education"]) .ce-hero-copy p,#cd-page:where([data-colette-page="education"]) .ce-prose p{font-size:1rem} } /* ── Responsive ── */ @media (max-width:1000px){ :where(#cd-page[data-colette-page="education"]) .cd-hero-inner{grid-template-columns:1fr;gap:28px} :where(#cd-page[data-colette-page="education"]) .cd-hero-photo{order:-1;min-height:0;aspect-ratio:16/9} :where(#cd-page[data-colette-page="education"]) .cd-about{grid-template-columns:1fr;gap:36px} :where(#cd-page[data-colette-page="education"]) .cd-about-side .cd-rules{margin-top:0} :where(#cd-page[data-colette-page="education"]) .cd-dress{grid-template-columns:1fr 1fr} :where(#cd-page[data-colette-page="education"]) .cd-dress-strict{grid-column:span 2;border-left:0;border-top:1px solid var(--line-soft);padding-left:0} :where(#cd-page[data-colette-page="education"]) .cd-split{grid-template-columns:1fr} :where(#cd-page[data-colette-page="education"]) .cd-split .cd-split-div{display:none} :where(#cd-page[data-colette-page="education"]) .cd-split > div + .cd-split-div + div{border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="education"]) .cd-news-grid{grid-template-columns:1fr;text-align:center} #cd-page:where([data-colette-page="education"]) .cd-news-copy p.cd-lead{margin:0 auto 14px} :where(#cd-page[data-colette-page="education"]) .cd-news-copy .cd-kicker{justify-content:center} :where(#cd-page[data-colette-page="education"]) .cd-news-copy .cd-btn-row{justify-content:center} :where(#cd-page[data-colette-page="education"]) .cd-news-copy .cd-btn{width:100%} } @media (max-width:900px){ :where(#cd-page[data-colette-page="education"]) .cd-map{min-height:0} :where(#cd-page[data-colette-page="education"]) .cd-float{width:auto;margin:16px 0 0} :where(#cd-page[data-colette-page="education"]) .cd-map{overflow:visible;border:0;background:none} :where(#cd-page[data-colette-page="education"]) .cd-map iframe{position:relative;aspect-ratio:16/10;height:auto;border-radius:var(--r);border:1px solid var(--line-soft)} } @media (max-width:760px){ :where(#cd-page[data-colette-page="education"]) .cd-wrap{width:calc(100% - 32px)} :where(#cd-page[data-colette-page="education"]) .cd-sec{padding:28px 0 36px} :where(#cd-page[data-colette-page="education"]) .cd-hero{padding:20px 0 32px} :where(#cd-page[data-colette-page="education"]) .cd-hero .cd-kicker{display:block;font-size:1rem;line-height:1.5} :where(#cd-page[data-colette-page="education"]) .cd-hero .cd-kicker::before{display:none} :where(#cd-page[data-colette-page="education"]) .cd-follow{gap:9px;margin:18px 0 18px} #cd-page:where([data-colette-page="education"]) .cd-follow a{width:36px;height:36px} :where(#cd-page[data-colette-page="education"]) .cd-glance-grid{grid-template-columns:1fr 1fr} :where(#cd-page[data-colette-page="education"]) .cd-glance-item{border-left:none;border-top:1px solid var(--line-soft);padding:14px 14px 14px 0} :where(#cd-page[data-colette-page="education"]) .cd-glance-item:nth-child(-n+2){border-top:none} :where(#cd-page[data-colette-page="education"]) .cd-glance-item:nth-child(even){border-left:1px solid var(--line-soft);padding-left:14px} /* glance strip: slightly smaller type on mobile so long day names never wrap awkwardly */ #cd-page:where([data-colette-page="education"]) .cd-glance-item b{font-size:.95rem;line-height:1.35} #cd-page:where([data-colette-page="education"]) .cd-glance-item small{font-size:.78rem} #cd-page:where([data-colette-page="education"]) .cd-glance-item span{font-size:.62rem;letter-spacing:.16em} /* social buttons: even 2-up grid on mobile (flex-wrap centering staggered them). Wrappers the platform puts around buttons go transparent (display:contents) so every BUTTON is a grid cell; long labels wrap inside their pill instead of clipping, and the pill grows in height. */ #cd-page:where([data-colette-page="education"]) .cd-social-widget{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:400px;margin-left:auto;margin-right:auto} #cd-page:where([data-colette-page="education"]) .cd-social-widget br{display:none} /* flatten ANY wrapper markup the widget ships (at any depth) so each BUTTON is its own grid cell — the members quick-links set nests its anchors */ #cd-page:where([data-colette-page="education"]) .cd-social-widget div,#cd-page:where([data-colette-page="education"]) .cd-social-widget p,#cd-page:where([data-colette-page="education"]) .cd-social-widget ul,#cd-page:where([data-colette-page="education"]) .cd-social-widget ol,#cd-page:where([data-colette-page="education"]) .cd-social-widget li{display:contents} #cd-page:where([data-colette-page="education"]) .cd-social-widget a{position:static !important;float:none !important;display:inline-flex !important;width:100% !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:38px;margin:0 !important;padding:8px 12px !important;white-space:normal !important;line-height:1.25 !important;text-align:center;overflow:visible !important;text-overflow:clip !important;text-indent:0 !important} :where(#cd-page[data-colette-page="education"]) .cd-dress{grid-template-columns:1fr} :where(#cd-page[data-colette-page="education"]) .cd-dress-col{border-left:0;padding:22px 0;border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="education"]) .cd-dress-col:first-child{border-top:0} :where(#cd-page[data-colette-page="education"]) .cd-dress-strict{grid-column:auto} :where(#cd-page[data-colette-page="education"]) .cd-arrive{grid-template-columns:1fr;gap:18px;padding:22px 20px} :where(#cd-page[data-colette-page="education"]) .cd-arrive-col{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="education"]) .cd-check{grid-template-columns:1fr} :where(#cd-page[data-colette-page="education"]) .cd-split > div{padding:24px 22px} :where(#cd-page[data-colette-page="education"]) .cd-map iframe{aspect-ratio:4/3} :where(#cd-page[data-colette-page="education"]) .cd-btn{width:100%} :where(#cd-page[data-colette-page="education"]) .cd-btn-row{flex-direction:column} #cd-page:where([data-colette-page="education"]) .cd-events .cdw-btngrid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:300px} #cd-page:where([data-colette-page="education"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)) a.cdw-btn{width:calc(50% - 5px) !important} } @media (max-width:420px){ :where(#cd-page[data-colette-page="education"]) .cd-glance-grid{grid-template-columns:1fr} :where(#cd-page[data-colette-page="education"]) .cd-glance-item{border-left:none !important;border-top:1px solid var(--line-soft) !important;padding-left:0 !important} :where(#cd-page[data-colette-page="education"]) .cd-glance-item:first-child{border-top:none !important} } @media (prefers-reduced-motion:reduce){#cd-page:where([data-colette-page="education"]) *{transition:none !important}} /* PARTNERS FAMILY */ /* ── Design system, scoped to the page wrapper ── */ #cd-page:where([data-colette-page="partners"]){ /* blue accent + hover */ /* script/italic accents, kickers, labels, numerals — follows the club accent */ /* display face (sans) */ font-family:var(--sans) !important; font-weight:400 !important; font-size:16px; line-height:1.65; color:var(--cream); background:var(--ink); -webkit-font-smoothing:antialiased; overflow-x:hidden; } #cd-page:where([data-colette-page="partners"]) *,#cd-page:where([data-colette-page="partners"]) *::before,#cd-page:where([data-colette-page="partners"]) *::after{box-sizing:border-box} #cd-page:where([data-colette-page="partners"]) img{max-width:100%;height:auto;display:block} #cd-page:where([data-colette-page="partners"]) a{color:inherit;text-decoration:none} #cd-page:where([data-colette-page="partners"]) ul,#cd-page:where([data-colette-page="partners"]) ol,#cd-page:where([data-colette-page="partners"]) li{margin:0;padding:0;list-style:none !important;list-style-type:none !important} #cd-page:where([data-colette-page="partners"]) li::marker{content:none !important;display:none !important} #cd-page:where([data-colette-page="partners"]) li::before{content:none} #cd-page:where([data-colette-page="partners"]) p{margin:0 0 14px} /* widget zones: hand the platform's own markup back its defaults */ #cd-page:where([data-colette-page="partners"]) .cd-events img,#cd-page:where([data-colette-page="partners"]) .cd-newsfeed img,#cd-page:where([data-colette-page="partners"]) .cd-social-widget img{display:revert;height:revert} #cd-page:where([data-colette-page="partners"]) .cd-events ul,#cd-page:where([data-colette-page="partners"]) .cd-events ol,#cd-page:where([data-colette-page="partners"]) .cd-events li,#cd-page:where([data-colette-page="partners"]) .cd-newsfeed ul,#cd-page:where([data-colette-page="partners"]) .cd-newsfeed ol,#cd-page:where([data-colette-page="partners"]) .cd-newsfeed li{margin:revert;padding:revert;list-style:revert !important} #cd-page:where([data-colette-page="partners"]) .cd-events li::marker,#cd-page:where([data-colette-page="partners"]) .cd-newsfeed li::marker{content:revert !important;display:revert !important} #cd-page:where([data-colette-page="partners"]) .cd-events p,#cd-page:where([data-colette-page="partners"]) .cd-newsfeed p{margin:revert} #cd-page:where([data-colette-page="partners"]) .cd-events h1,#cd-page:where([data-colette-page="partners"]) .cd-events h2,#cd-page:where([data-colette-page="partners"]) .cd-events h3,#cd-page:where([data-colette-page="partners"]) .cd-newsfeed h1,#cd-page:where([data-colette-page="partners"]) .cd-newsfeed h2,#cd-page:where([data-colette-page="partners"]) .cd-newsfeed h3{font-family:var(--sans) !important;font-size:revert;font-weight:600 !important;line-height:revert;letter-spacing:0;margin:revert;color:var(--cream)} #cd-page:where([data-colette-page="partners"]) :focus-visible{outline:2px solid var(--wine-lt);outline-offset:3px;border-radius:4px} :where(#cd-page[data-colette-page="partners"]) .cd-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto} /* type */ #cd-page:where([data-colette-page="partners"]) h1,#cd-page:where([data-colette-page="partners"]) h2{font-family:var(--serif) !important;font-weight:700 !important;line-height:1.08;letter-spacing:-.02em;color:var(--cream);margin:0;text-transform:none !important} #cd-page:where([data-colette-page="partners"]) h1{font-size:clamp(2.6rem,6vw,4.6rem)} #cd-page:where([data-colette-page="partners"]) .cd-brandword{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important;font-weight:900 !important;font-style:normal;display:inline-block;font-size:.95em;line-height:1.05;text-transform:lowercase !important;letter-spacing:-.01em} #cd-page:where([data-colette-page="partners"]) .cd-cityword{font-family:Arial,'Helvetica Neue',sans-serif !important;font-weight:700 !important;font-style:normal;text-transform:uppercase !important;font-size:.88em;letter-spacing:.02em} #cd-page:where([data-colette-page="partners"]) .cd-hero h1{font-size:clamp(2.1rem,4.4vw,3.3rem);white-space:nowrap} #cd-page:where([data-colette-page="partners"]) h2{font-size:clamp(1.9rem,3.6vw,2.7rem)} #cd-page:where([data-colette-page="partners"]) h1 em,#cd-page:where([data-colette-page="partners"]) h2 em{font-style:normal;color:var(--rose);font-weight:700 !important} #cd-page:where([data-colette-page="partners"]) .cd-h3,#cd-page:where([data-colette-page="partners"]) h3.cd-h3{font-family:var(--sans) !important;font-size:.74rem;font-weight:700 !important;letter-spacing:.2em;text-transform:uppercase !important;color:var(--gold);margin:0 0 14px;padding-top:14px;border-top:1px solid var(--line-soft);line-height:1.4} :where(#cd-page[data-colette-page="partners"]) .cd-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--serif) !important;font-style:normal;font-weight:600 !important;font-size:clamp(.95rem,1.25vw,1.1rem);letter-spacing:.04em;color:var(--rose);margin-bottom:10px;text-transform:none !important} :where(#cd-page[data-colette-page="partners"]) .cd-kicker::before{content:'';width:26px;height:1px;background:var(--wine-lt);flex-shrink:0} :where(#cd-page[data-colette-page="partners"]) .cd-kicker i{font-style:normal;color:var(--wine-lt);margin:0 4px} :where(#cd-page[data-colette-page="partners"]) .cd-lead{font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.75;color:var(--cream-dim);max-width:62ch} :where(#cd-page[data-colette-page="partners"]) .cd-head{max-width:800px;margin-bottom:24px} :where(#cd-page[data-colette-page="partners"]) .cd-head h2{margin-bottom:10px} :where(#cd-page[data-colette-page="partners"]) .cd-inline{color:#d9d9de !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-color:rgba(142,206,252,.65) !important} /* buttons */ :where(#cd-page[data-colette-page="partners"]) .cd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border-radius:999px;border:1.5px solid transparent;font-family:var(--sans) !important;font-size:.88rem !important;font-weight:700 !important;letter-spacing:.06em;text-transform:uppercase !important;text-decoration:none !important;white-space:nowrap;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s} :where(#cd-page[data-colette-page="partners"]) .cd-btn:hover{transform:translateY(-2px)} :where(#cd-page[data-colette-page="partners"]) .cd-btn-wine{background:var(--wine) !important;color:#0b0b0c !important;box-shadow:0 10px 24px rgba(142,206,252,.22)} :where(#cd-page[data-colette-page="partners"]) .cd-btn-wine:hover{background:var(--wine-lt) !important} :where(#cd-page[data-colette-page="partners"]) .cd-btn-ghost{border-color:rgba(255,255,255,.3) !important;color:var(--cream) !important;background:rgba(255,255,255,.04) !important} :where(#cd-page[data-colette-page="partners"]) .cd-btn-ghost:hover{border-color:var(--wine-lt) !important;background:var(--wine) !important;color:#0b0b0c !important} :where(#cd-page[data-colette-page="partners"]) .cd-btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px} :where(#cd-page[data-colette-page="partners"]) .cd-btn-case{text-transform:none !important;font-size:.92rem !important;letter-spacing:.03em} #cd-page:where([data-colette-page="partners"]) .cd-btn-acc{color:var(--wine) !important} #cd-page:where([data-colette-page="partners"]) .cd-btn-acc:hover{color:#0b0b0c !important} /* ── Sections: rhythm ── */ :where(#cd-page[data-colette-page="partners"]) .cd-sec{padding:40px 0 56px} :where(#cd-page[data-colette-page="partners"]) .cd-sec-alt{background:var(--ink2)} /* ── Hero: photo bleeds to the right edge ── */ :where(#cd-page[data-colette-page="partners"]) .cd-hero{position:relative;padding:36px 0 44px;overflow:hidden;background:radial-gradient(900px 520px at 85% 10%,rgba(255,255,255,.06),transparent 65%),radial-gradient(600px 420px at 100% 0%,rgba(142,206,252,.10),transparent 60%),var(--ink)} :where(#cd-page[data-colette-page="partners"]) .cd-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:stretch} :where(#cd-page[data-colette-page="partners"]) .cd-hero-copy h1{margin:0 0 16px} /* social follow row: round brand-icon buttons under the club name (Font Awesome 6 Brands glyphs). Deliberate exception to the one-accent rule: each ring/glyph carries its network's brand color. */ :where(#cd-page[data-colette-page="partners"]) .cd-follow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 20px} :where(#cd-page[data-colette-page="partners"]) .cd-follow-label{font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--wine);margin-right:4px} #cd-page:where([data-colette-page="partners"]) .cd-follow a{--brand:var(--wine);--on-brand:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--brand);background:rgba(255,255,255,.03);color:var(--brand) !important;text-decoration:none !important;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s} #cd-page:where([data-colette-page="partners"]) .cd-follow a:hover{transform:translateY(-2px);background:var(--brand);border-color:var(--brand);color:var(--on-brand) !important;box-shadow:0 8px 20px rgba(0,0,0,.35)} #cd-page:where([data-colette-page="partners"]) .cd-follow a span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} #cd-page:where([data-colette-page="partners"]) .cd-follow a::before{font-family:"Font Awesome 6 Brands" !important;font-weight:400;font-size:15px;line-height:1;-webkit-font-smoothing:antialiased} #cd-page:where([data-colette-page="partners"]) .cd-follow a.cd-fb{--brand:#1877f2} #cd-page:where([data-colette-page="partners"]) .cd-follow a.cd-x{--brand:#f2f2f2;--on-brand:#0b0b0c} #cd-page:where([data-colette-page="partners"]) .cd-follow a.cd-pin{--brand:#e60023} #cd-page:where([data-colette-page="partners"]) .cd-follow a.cd-tt{--brand:#f60056} /* Instagram: gradient ring (the brand mark is a gradient), pink glyph; hover fills the gradient */ #cd-page:where([data-colette-page="partners"]) .cd-follow a.cd-ig{--brand:#ee2a7b;border-color:transparent;background:linear-gradient(var(--ink),var(--ink)) padding-box,linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7) border-box} #cd-page:where([data-colette-page="partners"]) .cd-follow a.cd-ig:hover{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7) border-box;color:#fff !important} #cd-page:where([data-colette-page="partners"]) .cd-follow a.cd-fb::before{content:"\f39e"} #cd-page:where([data-colette-page="partners"]) .cd-follow a.cd-x::before{content:"\e61b"} #cd-page:where([data-colette-page="partners"]) .cd-follow a.cd-pin::before{content:"\f231"} #cd-page:where([data-colette-page="partners"]) .cd-follow a.cd-ig::before{content:"\f16d"} #cd-page:where([data-colette-page="partners"]) .cd-follow a.cd-tt::before{content:"\e07b"} :where(#cd-page[data-colette-page="partners"]) .cd-hero-photo{position:relative;min-height:360px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.55);background:linear-gradient(160deg,var(--ink3),var(--ink2))} #cd-page:where([data-colette-page="partners"]) .cd-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center} :where(#cd-page[data-colette-page="partners"]) .cd-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,12,.35),transparent 40%),linear-gradient(180deg,transparent 60%,rgba(11,11,12,.5))} /* ── Glance strip: flush, borderless ── */ :where(#cd-page[data-colette-page="partners"]) .cd-glance{background:var(--ink2)} :where(#cd-page[data-colette-page="partners"]) .cd-glance-grid{display:grid;grid-template-columns:repeat(4,1fr)} :where(#cd-page[data-colette-page="partners"]) .cd-glance-item{padding:18px 22px;border-left:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="partners"]) .cd-glance-item:first-child{border-left:none;padding-left:0} :where(#cd-page[data-colette-page="partners"]) .cd-glance-item span{display:block;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:700;margin-bottom:5px} :where(#cd-page[data-colette-page="partners"]) .cd-glance-item b{display:block;font-family:var(--serif) !important;font-weight:700 !important;font-size:1.15rem;line-height:1.25;color:var(--cream);font-variant-numeric:tabular-nums} :where(#cd-page[data-colette-page="partners"]) .cd-glance-item small{display:block;font-size:.84rem;color:var(--cream-dim);margin-top:3px} :where(#cd-page[data-colette-page="partners"]) .cd-glance-item a{color:var(--cream) !important} /* ── Membership panel (compact) ── */ :where(#cd-page[data-colette-page="partners"]) .cd-member-sec{padding:40px 0 0} :where(#cd-page[data-colette-page="partners"]) .cd-member{display:grid;grid-template-columns:320px 1fr;gap:36px;align-items:center;background:linear-gradient(160deg,#1c1c20,#111113);border:1px solid var(--line);border-radius:var(--r);padding:26px 34px 26px 26px;overflow:hidden} :where(#cd-page[data-colette-page="partners"]) .cd-member-img{border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line-soft);line-height:0;align-self:center} #cd-page:where([data-colette-page="partners"]) .cd-member-img img{position:static;width:100%;height:auto;display:block;object-fit:unset} #cd-page:where([data-colette-page="partners"]) .cd-member-copy h2{font-size:clamp(1.35rem,2.3vw,1.8rem);margin:0 0 10px} #cd-page:where([data-colette-page="partners"]) p.cd-member-lead{color:var(--cream-dim);font-size:.95rem;line-height:1.65;margin:0 0 12px;max-width:64ch} :where(#cd-page[data-colette-page="partners"]) .cd-member-list{grid-template-columns:1fr 1fr;gap:0 26px;margin-bottom:4px} #cd-page:where([data-colette-page="partners"]) .cd-member-list li{padding:4px 0;font-size:.94rem} :where(#cd-page[data-colette-page="partners"]) .cd-member .cd-btn-row{margin-top:12px} @media (max-width:1000px){ :where(#cd-page[data-colette-page="partners"]) .cd-member{grid-template-columns:1fr;gap:22px;padding:22px} :where(#cd-page[data-colette-page="partners"]) .cd-member-img{max-width:480px;margin:0 auto;width:100%} :where(#cd-page[data-colette-page="partners"]) .cd-member-list{grid-template-columns:1fr} } /* ── Events: light skin, zero bottom ── */ :where(#cd-page[data-colette-page="partners"]) .cd-sec-events{padding-bottom:12px} :where(#cd-page[data-colette-page="partners"]) .cd-events{margin-top:4px;font-size:.95rem;color:var(--cream-dim)} :where(#cd-page[data-colette-page="partners"]) .cd-events *{max-width:100%} /* stretch the platform's widget shell to the section width so it shares the header's left edge */ #cd-page:where([data-colette-page="partners"]) .cd-events > *,#cd-page:where([data-colette-page="partners"]) .cd-events .homepage_widget,#cd-page:where([data-colette-page="partners"]) .cd-events .widget,#cd-page:where([data-colette-page="partners"]) .cd-events .container,#cd-page:where([data-colette-page="partners"]) .cd-events .container-fluid,#cd-page:where([data-colette-page="partners"]) .cd-events table{width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;box-sizing:border-box} #cd-page:where([data-colette-page="partners"]) .cd-events .row{margin-left:0 !important;margin-right:0 !important} :where(#cd-page[data-colette-page="partners"]) .cd-events hr{display:none !important} :where(#cd-page[data-colette-page="partners"]) .cd-events img{max-width:100% !important;height:auto !important;border-radius:var(--r-sm);border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.45)} :where(#cd-page[data-colette-page="partners"]) .cd-events a{color:#d9d9de !important} :where(#cd-page[data-colette-page="partners"]) .cd-events a.cdw-title{font-family:var(--serif) !important;font-weight:700;font-size:1.1rem;line-height:1.3;color:var(--wine) !important;text-decoration:none !important} #cd-page:where([data-colette-page="partners"]) .cd-events a.cdw-more{color:var(--wine) !important} #cd-page:where([data-colette-page="partners"]) .cd-events a.cdw-more:hover{color:var(--wine-lt) !important} :where(#cd-page[data-colette-page="partners"]) .cd-events a.cdw-title:hover{color:var(--wine-lt) !important} /* all widget buttons share one quiet style: dark pill, hairline border; hover fills accent */ #cd-page:where([data-colette-page="partners"]) .cd-events a.cdw-btn,#cd-page:where([data-colette-page="partners"]) .cd-events a.cdw-btn.cdw-btn-ghost{box-sizing:border-box !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;float:none !important;position:static !important;width:132px !important;min-width:0 !important;max-width:none !important;height:38px !important;min-height:0 !important;padding:0 10px !important;margin:4px 6px 4px 0 !important;border-radius:999px !important;font-size:.72rem !important;font-weight:600 !important;white-space:nowrap !important;text-align:center;line-height:1 !important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;vertical-align:middle;background:transparent !important;color:var(--wine) !important;border:1px solid var(--line) !important;transition:background .15s,border-color .15s,color .15s,transform .15s} /* 2-column button grid: Tickets + RSVP on row one, Who's Going on row two */ #cd-page:where([data-colette-page="partners"]) .cd-events .cdw-btngrid{display:grid !important;grid-template-columns:repeat(2,132px) !important;grid-auto-flow:row !important;gap:8px 10px !important;justify-content:start !important;align-items:stretch !important;width:auto !important;float:none !important;margin:10px 0 0 !important;padding:0 !important} #cd-page:where([data-colette-page="partners"]) .cd-events .cdw-btngrid br{display:none !important} #cd-page:where([data-colette-page="partners"]) .cd-events .cdw-btngrid > *{margin:0 !important;padding:0 !important;width:100% !important;min-width:0 !important;float:none !important;position:static !important;background:none;text-align:left} #cd-page:where([data-colette-page="partners"]) .cd-events .cdw-btngrid a.cdw-btn{width:100% !important;height:38px !important;margin:0 !important} /* third button (Who's Going) centered under the pair: span both columns, keep pill width */ #cd-page:where([data-colette-page="partners"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)){grid-column:1/3;display:flex;justify-content:center} #cd-page:where([data-colette-page="partners"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)) a.cdw-btn{width:132px !important} #cd-page:where([data-colette-page="partners"]) .cd-events a.cdw-btn:hover,#cd-page:where([data-colette-page="partners"]) .cd-events a.cdw-btn.cdw-btn-ghost:hover{transform:translateY(-2px);background:var(--wine) !important;border-color:var(--wine) !important;color:#0b0b0c !important} :where(#cd-page[data-colette-page="partners"]) .cd-events .cdw-gray{background-color:transparent !important;border-color:var(--line-soft) !important} /* ── Events: LIST | CALENDAR view switch + calendar presentation ── */ #cd-page:where([data-colette-page="partners"]) [hidden]{display:none !important} :where(#cd-page[data-colette-page="partners"]) .cd-evswitch{display:inline-flex;margin:2px 0 18px;padding:3px;gap:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02)} #cd-page:where([data-colette-page="partners"]) .cd-evtab{appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 20px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wine);line-height:1;transition:background .15s,color .15s} #cd-page:where([data-colette-page="partners"]) .cd-evtab:hover{color:var(--wine-lt)} #cd-page:where([data-colette-page="partners"]) .cd-evtab.is-on,#cd-page:where([data-colette-page="partners"]) .cd-evtab.is-on:hover{background:var(--wine);color:#0b0b0c} :where(#cd-page[data-colette-page="partners"]) .cd-cal{margin-top:4px} :where(#cd-page[data-colette-page="partners"]) .cd-cal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px} :where(#cd-page[data-colette-page="partners"]) .cd-cal-month{font-weight:700;font-size:1.18rem;color:var(--cream);letter-spacing:.01em} :where(#cd-page[data-colette-page="partners"]) .cd-cal-nav{display:flex;gap:8px} #cd-page:where([data-colette-page="partners"]) .cd-cal-nav button{appearance:none;-webkit-appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--wine);font-size:1.05rem;line-height:1;padding:0 0 2px;transition:background .15s,border-color .15s,color .15s} #cd-page:where([data-colette-page="partners"]) .cd-cal-nav button:hover:not(:disabled){background:var(--wine);border-color:var(--wine);color:#0b0b0c} #cd-page:where([data-colette-page="partners"]) .cd-cal-nav button:disabled{opacity:.35;cursor:default} :where(#cd-page[data-colette-page="partners"]) .cd-cal-dowrow{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line-soft);border-bottom:0;border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--ink3);overflow:hidden} :where(#cd-page[data-colette-page="partners"]) .cd-cal-dow{padding:9px 0;text-align:center;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)} :where(#cd-page[data-colette-page="partners"]) .cd-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line-soft);border-radius:0 0 var(--r-sm) var(--r-sm);background:var(--ink2);overflow:hidden} :where(#cd-page[data-colette-page="partners"]) .cd-cal-day{min-height:92px;padding:8px 9px 10px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);min-width:0} :where(#cd-page[data-colette-page="partners"]) .cd-cal-day.cd-col7{border-right:0} :where(#cd-page[data-colette-page="partners"]) .cd-cal-day.cd-lastrow{border-bottom:0} :where(#cd-page[data-colette-page="partners"]) .cd-cal-num{font-size:.72rem;font-weight:600;color:var(--cream-dim);line-height:1} :where(#cd-page[data-colette-page="partners"]) .cd-cal-day.is-out{background:rgba(255,255,255,.012)} :where(#cd-page[data-colette-page="partners"]) .cd-cal-day.is-out .cd-cal-num{color:rgba(139,139,147,.38)} :where(#cd-page[data-colette-page="partners"]) .cd-cal-day.is-past .cd-cal-num{color:rgba(198,198,203,.4)} :where(#cd-page[data-colette-page="partners"]) .cd-cal-day.is-past .cd-cale{opacity:.5} :where(#cd-page[data-colette-page="partners"]) .cd-cal-day.is-today{box-shadow:inset 0 0 0 1px var(--wine)} :where(#cd-page[data-colette-page="partners"]) .cd-cal-day.is-today .cd-cal-num{color:var(--wine);font-weight:800} #cd-page:where([data-colette-page="partners"]) a.cd-cale{display:block;margin-top:8px;padding-left:8px;border-left:2px solid var(--wine)} #cd-page:where([data-colette-page="partners"]) a.cd-cale.cd-has-img{padding-left:0;border-left:0} /* flyer artwork: its own framed space above the title, at the flyer's NATURAL ratio — whole image shown, no cropping, no letterbox bars, nothing overlays it */ :where(#cd-page[data-colette-page="partners"]) .cd-cale-img{display:block;width:100%;line-height:0;border-radius:8px;overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3);margin-bottom:7px} #cd-page:where([data-colette-page="partners"]) .cd-cale-img img{width:100% !important;height:auto !important;display:block;border:0;border-radius:0;box-shadow:none} #cd-page:where([data-colette-page="partners"]) a.cd-cale .cd-cale-img{transition:border-color .15s} #cd-page:where([data-colette-page="partners"]) a.cd-cale:hover .cd-cale-img{border-color:rgba(142,206,252,.55)} :where(#cd-page[data-colette-page="partners"]) .cd-cale-t{display:block;font-weight:700;font-size:.8rem;line-height:1.28;color:var(--wine);overflow-wrap:break-word;transition:color .15s} #cd-page:where([data-colette-page="partners"]) a.cd-cale:hover .cd-cale-t{color:var(--wine-lt)} :where(#cd-page[data-colette-page="partners"]) .cd-cale-time{display:block;margin-top:3px;font-size:.64rem;letter-spacing:.05em;color:var(--mute);line-height:1} :where(#cd-page[data-colette-page="partners"]) .cd-cal-agenda{display:none} #cd-page:where([data-colette-page="partners"]) a.cd-cala{display:flex;align-items:center;gap:14px;padding:14px 2px;border-bottom:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="partners"]) .cd-cala-img{flex:0 0 80px;line-height:0;border-radius:8px;overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} #cd-page:where([data-colette-page="partners"]) .cd-cala-img img{width:100% !important;height:auto !important;display:block;border:0;border-radius:0;box-shadow:none} :where(#cd-page[data-colette-page="partners"]) .cd-cal-agenda .cd-cala:first-of-type{border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="partners"]) .cd-cala.is-past{opacity:.5} :where(#cd-page[data-colette-page="partners"]) .cd-cala-date{flex:0 0 50px;text-align:center} :where(#cd-page[data-colette-page="partners"]) .cd-cala-dw{display:block;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);line-height:1} :where(#cd-page[data-colette-page="partners"]) .cd-cala-num{display:block;margin-top:3px;font-size:1.3rem;font-weight:700;color:var(--cream);line-height:1.1} :where(#cd-page[data-colette-page="partners"]) .cd-cala-body{flex:1;min-width:0} :where(#cd-page[data-colette-page="partners"]) .cd-cala-t{font-weight:700;font-size:.98rem;line-height:1.3;color:var(--wine);transition:color .15s} #cd-page:where([data-colette-page="partners"]) a.cd-cala:hover .cd-cala-t{color:var(--wine-lt)} :where(#cd-page[data-colette-page="partners"]) .cd-cala-time{margin-top:3px;font-size:.72rem;letter-spacing:.03em;color:var(--mute)} :where(#cd-page[data-colette-page="partners"]) .cd-cala-chev{flex:0 0 auto;color:var(--wine);font-size:1.05rem;line-height:1} :where(#cd-page[data-colette-page="partners"]) .cd-cal-empty{padding:30px 2px;color:var(--mute);font-size:.92rem} :where(#cd-page[data-colette-page="partners"]) .cd-cal-note{margin-top:12px;font-size:.72rem;color:var(--mute)} @media (max-width:760px){ :where(#cd-page[data-colette-page="partners"]) .cd-cal-dowrow,:where(#cd-page[data-colette-page="partners"]) .cd-cal-grid{display:none} :where(#cd-page[data-colette-page="partners"]) .cd-cal-agenda{display:block} :where(#cd-page[data-colette-page="partners"]) .cd-cal-month{font-size:1.05rem} } :where(#cd-page[data-colette-page="partners"]) .cd-newsfeed{margin-top:20px} :where(#cd-page[data-colette-page="partners"]) .cd-newsfeed.is-empty,:where(#cd-page[data-colette-page="partners"]) .cd-newsfeed:empty{display:none;margin:0} /* ── Social: pulled up over the widget's trailing rule ── */ :where(#cd-page[data-colette-page="partners"]) .cd-social{position:relative;padding:36px 0 44px;text-align:left;background:var(--ink)} #cd-page:where([data-colette-page="partners"]) .cd-social h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:18px} #cd-page:where([data-colette-page="partners"]) .cd-social p.cd-lead{margin:0 0 24px} :where(#cd-page[data-colette-page="partners"]) .cd-social-widget{display:flex;justify-content:center;flex-wrap:wrap;gap:10px} /* social buttons match the event-widget button treatment */ #cd-page:where([data-colette-page="partners"]) .cd-social-widget a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;height:38px;padding:0 16px;border-radius:999px;font-family:Karla,'Helvetica Neue',Arial,sans-serif !important;font-size:.72rem;font-weight:600 !important;white-space:nowrap;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;background:transparent !important;color:var(--wine) !important;border:1px solid var(--line);transition:background .15s,border-color .15s,color .15s,transform .15s;opacity:1} #cd-page:where([data-colette-page="partners"]) .cd-social-widget a:hover{transform:translateY(-2px);background:var(--wine) !important;border-color:var(--wine) !important;color:#0b0b0c !important} #cd-page:where([data-colette-page="partners"]) .cd-social-widget a *{color:inherit !important} #cd-page:where([data-colette-page="partners"]) .cd-social-widget img{display:inline-block;max-height:18px;width:auto;height:auto} #cd-page:where([data-colette-page="partners"]) .cd-social-widget a:hover img{filter:brightness(.2)} /* ── About: editorial two-column, no boxes ── */ :where(#cd-page[data-colette-page="partners"]) .cd-about{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:stretch} :where(#cd-page[data-colette-page="partners"]) .cd-about-copy{display:flex;flex-direction:column;align-items:flex-start} :where(#cd-page[data-colette-page="partners"]) .cd-about-copy .cd-btn{align-self:flex-start} :where(#cd-page[data-colette-page="partners"]) .cd-about-side{display:flex;flex-direction:column;padding-top:6px} :where(#cd-page[data-colette-page="partners"]) .cd-about-side .cd-rules{margin-top:auto} /* larger, serif section labels on the right column */ #cd-page:where([data-colette-page="partners"]) .cd-about-side .cd-h3{font-family:var(--serif) !important;font-style:normal;font-size:clamp(1.3rem,1.9vw,1.6rem);font-weight:700 !important;letter-spacing:.01em;text-transform:none !important;color:var(--rose);margin:0 0 10px;padding-top:18px;border-top:1px solid var(--line-soft);line-height:1.15} #cd-page:where([data-colette-page="partners"]) .cd-about-side > .cd-h3:first-child{border-top:0;padding-top:0} #cd-page:where([data-colette-page="partners"]) .cd-about-copy h2{margin-bottom:22px} #cd-page:where([data-colette-page="partners"]) p.cd-pull{font-family:var(--serif) !important;font-weight:600;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.5;color:var(--cream);margin:26px 0 24px;padding-left:18px;border-left:2px solid var(--line)} #cd-page:where([data-colette-page="partners"]) .cd-about-copy p{color:var(--cream-dim);font-size:1.06rem;line-height:1.75;margin:0 0 18px} :where(#cd-page[data-colette-page="partners"]) .cd-about-copy .cd-btn{margin:10px 0 26px} #cd-page:where([data-colette-page="partners"]) p.cd-pricing{margin:auto 0 0;width:100%;padding-top:16px;border-top:1px solid var(--line-soft);font-size:.95rem;line-height:1.6;color:var(--mute)} :where(#cd-page[data-colette-page="partners"]) .cd-check{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-bottom:20px} #cd-page:where([data-colette-page="partners"]) .cd-check li{display:flex;gap:11px;align-items:flex-start;padding:4px 0;font-size:1rem;line-height:1.45;color:var(--cream-dim)} :where(#cd-page[data-colette-page="partners"]) .cd-i{flex:0 0 16px;width:16px;height:16px;margin-top:6px;fill:none;stroke:var(--wine-lt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #cd-page:where([data-colette-page="partners"]) .cd-ledger li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:1rem;line-height:1.5;color:var(--cream-dim);align-items:baseline} #cd-page:where([data-colette-page="partners"]) .cd-ledger li:last-child{border-bottom:none;padding-bottom:0} :where(#cd-page[data-colette-page="partners"]) .cd-ledger li b{font-family:var(--serif) !important;font-weight:700 !important;font-size:1.15rem;color:var(--rose);font-variant-numeric:tabular-nums} /* ── Dress code: three editorial columns, no panel ── */ :where(#cd-page[data-colette-page="partners"]) .cd-dress{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} :where(#cd-page[data-colette-page="partners"]) .cd-dress-col{padding:30px 32px 30px 0;border-left:1px solid var(--line-soft);padding-left:32px} :where(#cd-page[data-colette-page="partners"]) .cd-dress-col:first-child{border-left:0;padding-left:0} :where(#cd-page[data-colette-page="partners"]) .cd-dress-label{font-family:var(--serif) !important;font-style:normal;font-weight:700;font-size:clamp(1.35rem,2vw,1.7rem);color:var(--rose);line-height:1.15;margin-bottom:14px} #cd-page:where([data-colette-page="partners"]) .cd-dress-col p{color:var(--cream);font-size:1rem;line-height:1.7;margin:0 0 14px} #cd-page:where([data-colette-page="partners"]) .cd-dress-col p.cd-dress-no{color:var(--cream-dim);font-size:.92rem;margin:0} :where(#cd-page[data-colette-page="partners"]) .cd-dress-col p.cd-dress-no strong{color:var(--wine-lt);font-weight:600} :where(#cd-page[data-colette-page="partners"]) .cd-arrive{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;align-items:start;margin-top:28px;padding:30px 36px 34px;border-radius:var(--r);background:linear-gradient(135deg,#1a1a1d,#111113);border:1px solid var(--line)} :where(#cd-page[data-colette-page="partners"]) .cd-arrive-head{grid-column:1/-1;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)} :where(#cd-page[data-colette-page="partners"]) .cd-arrive-title{font-family:var(--serif) !important;font-weight:700;font-size:clamp(1.45rem,2.2vw,1.8rem);color:var(--cream);line-height:1.15} #cd-page:where([data-colette-page="partners"]) .cd-arrive-head p{margin:0;color:var(--cream-dim);font-size:.95rem} :where(#cd-page[data-colette-page="partners"]) .cd-arrive-col{padding-left:28px;border-left:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="partners"]) .cd-arrive-head + .cd-arrive-col{padding-left:0;border-left:0} :where(#cd-page[data-colette-page="partners"]) .cd-arrive-col .cd-dress-label{font-size:clamp(1.2rem,1.7vw,1.45rem);margin-bottom:10px} #cd-page:where([data-colette-page="partners"]) .cd-arrive-col p{margin:0;color:var(--cream);font-size:1rem;line-height:1.7} /* ── Parties: split panel + price table ── */ :where(#cd-page[data-colette-page="partners"]) .cd-split{background:var(--ink);border:1px solid var(--line-soft);border-radius:var(--r);display:grid;grid-template-columns:1fr 1px 1fr;gap:0} :where(#cd-page[data-colette-page="partners"]) .cd-split > div{padding:32px 36px;display:flex;flex-direction:column} :where(#cd-page[data-colette-page="partners"]) .cd-split .cd-btn-row{margin-top:auto;padding-top:18px} :where(#cd-page[data-colette-page="partners"]) .cd-split .cd-btn{align-self:flex-start} :where(#cd-page[data-colette-page="partners"]) .cd-split .cd-split-div{padding:0;background:linear-gradient(180deg,transparent,var(--line) 15%,var(--line) 85%,transparent)} #cd-page:where([data-colette-page="partners"]) .cd-split p{color:var(--cream-dim);font-size:1rem} :where(#cd-page[data-colette-page="partners"]) .cd-split .cd-h3{border-top:none;padding-top:0} #cd-page:where([data-colette-page="partners"]) .cd-steps li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:14px 0;align-items:baseline;color:var(--cream-dim);font-size:1rem;border-bottom:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="partners"]) .cd-steps li:last-child{border-bottom:0} :where(#cd-page[data-colette-page="partners"]) .cd-steps li b{font-family:var(--serif) !important;font-weight:700 !important;font-size:1.05rem;color:var(--rose)} #cd-page:where([data-colette-page="partners"]) p.cd-fine{font-size:.82rem;color:var(--mute);font-style:italic;margin-top:10px} :where(#cd-page[data-colette-page="partners"]) .cd-price{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line-soft);align-items:baseline} :where(#cd-page[data-colette-page="partners"]) .cd-price:last-of-type{border-bottom:1px solid var(--line-soft);margin-bottom:0} :where(#cd-page[data-colette-page="partners"]) .cd-price b{font-family:var(--serif) !important;font-weight:800 !important;font-size:1.8rem;color:var(--cream);line-height:1;font-variant-numeric:tabular-nums} #cd-page:where([data-colette-page="partners"]) .cd-price p{margin:0;font-size:.92rem} :where(#cd-page[data-colette-page="partners"]) .cd-price p strong{display:block;color:var(--cream);font-weight:600;margin-bottom:2px} /* ── Visit: map with floating card ── */ :where(#cd-page[data-colette-page="partners"]) .cd-map{position:relative;min-height:440px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} :where(#cd-page[data-colette-page="partners"]) .cd-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0} :where(#cd-page[data-colette-page="partners"]) .cd-float{position:relative;z-index:2;margin:24px 24px 24px auto;width:360px;background:rgba(11,11,12,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--r-sm);padding:22px 24px;box-shadow:0 20px 50px rgba(0,0,0,.5)} :where(#cd-page[data-colette-page="partners"]) .cd-addr{font-family:var(--serif) !important;font-weight:700;font-size:1.2rem;line-height:1.35;color:var(--cream);margin-bottom:6px} #cd-page:where([data-colette-page="partners"]) .cd-contact li{padding:8px 0;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:12px;font-size:.9rem} :where(#cd-page[data-colette-page="partners"]) .cd-contact li span{color:var(--mute);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding-top:3px} :where(#cd-page[data-colette-page="partners"]) .cd-contact li a{color:var(--cream) !important;text-align:right} :where(#cd-page[data-colette-page="partners"]) .cd-float .cd-btn{width:100%;margin-top:14px;min-height:42px} :where(#cd-page[data-colette-page="partners"]) .cd-hotel{margin-top:16px;font-size:.9rem;color:var(--cream-dim)} #cd-page:where([data-colette-page="partners"]) .cd-hotel p{margin:0 0 8px;font-size:.88rem} :where(#cd-page[data-colette-page="partners"]) .cd-hotel a{color:#d9d9de !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:3px;text-decoration-color:rgba(142,206,252,.65) !important} /* ── Newsletter / team / partner ── */ :where(#cd-page[data-colette-page="partners"]) .cd-news-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:32px;align-items:center;background:linear-gradient(160deg,#1c1c20,#111113);border:1px solid var(--line);border-radius:var(--r);padding:32px;overflow:hidden} :where(#cd-page[data-colette-page="partners"]) .cd-news-img{max-width:260px;margin:0 auto;border-radius:var(--r-sm);overflow:hidden;box-shadow:0 20px 44px rgba(0,0,0,.5)} :where(#cd-page[data-colette-page="partners"]) .cd-news-copy h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:8px} :where(#cd-page[data-colette-page="partners"]) .cd-team{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:18px 24px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)} #cd-page:where([data-colette-page="partners"]) .cd-team p{margin:0;color:var(--cream-dim)} :where(#cd-page[data-colette-page="partners"]) .cd-team b{display:block;color:var(--wine);font-weight:600} :where(#cd-page[data-colette-page="partners"]) .cd-partner{margin-top:26px;text-align:center} :where(#cd-page[data-colette-page="partners"]) .cd-partner span{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:10px;font-weight:700} :where(#cd-page[data-colette-page="partners"]) .cd-partner img{max-width:640px;margin:0 auto;border-radius:8px;opacity:.85;transition:opacity .2s} :where(#cd-page[data-colette-page="partners"]) .cd-partner img:hover{opacity:1} :where(#cd-page[data-colette-page="partners"]) .cd-partner small{display:block;margin-top:8px;font-size:.8rem;color:var(--mute);font-style:italic} /* ── Footer ── */ :where(#cd-page[data-colette-page="partners"]) .cd-foot{padding:34px 0 40px;border-top:1px solid var(--line-soft);background:var(--ink)} :where(#cd-page[data-colette-page="partners"]) .cd-foot-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;color:var(--mute);font-size:.85rem} :where(#cd-page[data-colette-page="partners"]) .cd-foot-brand{font-size:1.05rem;color:var(--cream)} :where(#cd-page[data-colette-page="partners"]) .cd-foot-brand .cd-bw{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important;font-weight:900 !important;text-transform:lowercase !important;color:var(--wine);letter-spacing:-.01em} :where(#cd-page[data-colette-page="partners"]) .cd-foot-brand .cd-bc{font-family:Arial,'Helvetica Neue',sans-serif !important;font-weight:700 !important;text-transform:uppercase !important;font-size:.92em;letter-spacing:.04em;margin-left:7px} #cd-page:where([data-colette-page="partners"]) .cd-foot a[href="#cd-page"]{color:var(--wine) !important} :where(#cd-page[data-colette-page="partners"]) .cd-foot a{color:var(--cream-dim) !important} /* ── Override layer ── */ #cd-page:where([data-colette-page="partners"]),#cd-page:where([data-colette-page="partners"]) *{font-family:var(--sans) !important} #cd-page:where([data-colette-page="partners"]) .cd-follow a::before{font-family:"Font Awesome 6 Brands" !important} #cd-page:where([data-colette-page="partners"]) h1,#cd-page:where([data-colette-page="partners"]) h2,#cd-page:where([data-colette-page="partners"]) h1 em,#cd-page:where([data-colette-page="partners"]) h2 em,#cd-page:where([data-colette-page="partners"]) .cd-kicker,#cd-page:where([data-colette-page="partners"]) .cd-pull,#cd-page:where([data-colette-page="partners"]) .cd-about-side .cd-h3,#cd-page:where([data-colette-page="partners"]) .cd-dress-label,#cd-page:where([data-colette-page="partners"]) .cd-arrive-title,#cd-page:where([data-colette-page="partners"]) .cd-glance-item b,#cd-page:where([data-colette-page="partners"]) .cd-ledger li b,#cd-page:where([data-colette-page="partners"]) .cd-steps li b,#cd-page:where([data-colette-page="partners"]) .cd-price b,#cd-page:where([data-colette-page="partners"]) .cd-addr,#cd-page:where([data-colette-page="partners"]) .cd-foot-brand,#cd-page:where([data-colette-page="partners"]) a.cdw-title,#cd-page:where([data-colette-page="partners"]) .cd-cal-month,#cd-page:where([data-colette-page="partners"]) .cd-cale-t,#cd-page:where([data-colette-page="partners"]) .cd-cala-t{font-family:var(--serif) !important} #cd-page:where([data-colette-page="partners"]) .cd-brandword{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important} #cd-page:where([data-colette-page="partners"]) .cd-cityword,#cd-page:where([data-colette-page="partners"]) .cd-foot-brand .cd-bc{font-family:Arial,'Helvetica Neue',sans-serif !important} #cd-page:where([data-colette-page="partners"]) .cd-foot-brand .cd-bw{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important} #cd-page:where([data-colette-page="partners"]) a{text-decoration:none !important} #cd-page:where([data-colette-page="partners"]) .cd-btn-wine,#cd-page:where([data-colette-page="partners"]) .cd-btn-wine span{color:#0b0b0c !important} /* ── Photo gallery: entry chip ── */ #cd-page:where([data-colette-page="partners"]) .cd-hero-photo{cursor:pointer} #cd-page:where([data-colette-page="partners"]) .cd-hero-photo img{transition:transform .35s ease} @media (hover:hover){#cd-page:where([data-colette-page="partners"]) .cd-hero-photo:hover img{transform:scale(1.025)}} :where(#cd-page[data-colette-page="partners"]) .cdg-chip{position:absolute;right:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(11,11,12,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:var(--cream);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;transition:border-color .16s,background .16s} :where(#cd-page[data-colette-page="partners"]) .cdg-chip svg{width:15px;height:15px;fill:none;stroke:var(--wine);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round} :where(#cd-page[data-colette-page="partners"]) .cdg-chip-count{color:var(--mute);font-weight:600} #cd-page:where([data-colette-page="partners"]) .cd-hero-photo:hover .cdg-chip,#cd-page:where([data-colette-page="partners"]) .cd-hero-photo:focus-visible .cdg-chip{border-color:var(--wine);background:rgba(11,11,12,.86)} /* ── lightbox ── */ :where(#cd-page[data-colette-page="partners"]) .cdg{position:fixed;inset:0;z-index:6000;display:none} :where(#cd-page[data-colette-page="partners"]) .cdg.is-open{display:block} :where(#cd-page[data-colette-page="partners"]) .cdg-backdrop{position:absolute;inset:0;background:rgba(6,6,7,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} :where(#cd-page[data-colette-page="partners"]) .cdg-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:54px 90px;box-sizing:border-box} #cd-page:where([data-colette-page="partners"]) #cdg-img{position:static;max-width:100%;max-height:100%;width:auto;height:auto;display:block;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.7);user-select:none;-webkit-user-drag:none;touch-action:pan-y;transition:opacity .18s ease} :where(#cd-page[data-colette-page="partners"]) .cdg.is-swiping #cdg-img{transition:none} :where(#cd-page[data-colette-page="partners"]) .cdg-loading{position:absolute;color:var(--mute);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;display:none} :where(#cd-page[data-colette-page="partners"]) .cdg.is-loading .cdg-loading{display:block} :where(#cd-page[data-colette-page="partners"]) .cdg-count{position:absolute;top:18px;left:22px;z-index:2;color:var(--wine);font-size:.85rem;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums} :where(#cd-page[data-colette-page="partners"]) .cdg-close{position:absolute;top:12px;right:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(11,11,12,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .16s,background .16s} :where(#cd-page[data-colette-page="partners"]) .cdg-close svg{width:16px;height:16px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round} :where(#cd-page[data-colette-page="partners"]) .cdg-close:hover{border-color:var(--wine);background:rgba(11,11,12,.85)} :where(#cd-page[data-colette-page="partners"]) .cdg-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(11,11,12,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .16s,background .16s,opacity .16s} :where(#cd-page[data-colette-page="partners"]) .cdg-prev{left:16px}:where(#cd-page[data-colette-page="partners"]) .cdg-next{right:16px} :where(#cd-page[data-colette-page="partners"]) .cdg-arrow svg{width:18px;height:18px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} :where(#cd-page[data-colette-page="partners"]) .cdg-arrow:hover{border-color:var(--wine);background:rgba(11,11,12,.85)} :where(#cd-page[data-colette-page="partners"]) .cdg.chrome-hidden .cdg-count,:where(#cd-page[data-colette-page="partners"]) .cdg.chrome-hidden .cdg-close,:where(#cd-page[data-colette-page="partners"]) .cdg.chrome-hidden .cdg-arrow{opacity:0;pointer-events:none} @media (max-width:760px){ :where(#cd-page[data-colette-page="partners"]) .cdg-stage{padding:52px 10px} :where(#cd-page[data-colette-page="partners"]) .cdg-arrow{width:44px;height:44px} :where(#cd-page[data-colette-page="partners"]) .cdg-prev{left:8px}:where(#cd-page[data-colette-page="partners"]) .cdg-next{right:8px} :where(#cd-page[data-colette-page="partners"]) .cdg-chip-label{display:none} :where(#cd-page[data-colette-page="partners"]) .cdg-chip{padding:8px 12px} } @media (prefers-reduced-motion:reduce){#cd-page:where([data-colette-page="partners"]) .cd-hero-photo img,#cd-page:where([data-colette-page="partners"]) #cdg-img{transition:none}} /* ── Accent application (site-wide blue) ── */ #cd-page:where([data-colette-page="partners"]) .cd-hero h1 em{color:var(--wine)} #cd-page:where([data-colette-page="partners"]) .cd-glance-item span{color:var(--wine)} #cd-page:where([data-colette-page="partners"]) .cd-about-side .cd-h3{color:var(--wine)} #cd-page:where([data-colette-page="partners"]) .cd-ledger li b,#cd-page:where([data-colette-page="partners"]) .cd-steps li b{color:var(--wine)} #cd-page:where([data-colette-page="partners"]) .cd-dress-label{color:var(--wine)} #cd-page:where([data-colette-page="partners"]) .cd-split .cd-h3{color:var(--wine)} #cd-page:where([data-colette-page="partners"]) .cd-price b{color:var(--wine)} #cd-page:where([data-colette-page="partners"]) .cd-split a.cd-btn-ghost[href^="tel:"]{color:var(--wine) !important} #cd-page:where([data-colette-page="partners"]) .cd-contact li span{color:var(--wine)} #cd-page:where([data-colette-page="partners"]) .cd-hotel .cd-h3{color:var(--wine)} /* ══ PARTNERS: a two-column card grid. The earlier stacked layout put a bordered frame inside a bordered panel around artwork that already has its own border, three nested rectangles, and left 372px dead to the right of every banner while running the page to 2,700px. One card per partner fixes all three: the card is the only box, the grid fills the width, and every banner sits in the same 120px band so the rhythm holds however different the source files are. ══ */ :where(#cd-page[data-colette-page="partners"]) .cp-top{padding:34px 0 0;background:radial-gradient(900px 520px at 85% 10%,rgba(255,255,255,.06),transparent 65%),var(--ink)} #cd-page:where([data-colette-page="partners"]) .cp-top h1{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.08;margin:0 0 14px} #cd-page:where([data-colette-page="partners"]) p.cp-intro{color:var(--cream-dim);font-size:1.04rem;line-height:1.75;margin:0;max-width:74ch} :where(#cd-page[data-colette-page="partners"]) .cp-sec{padding:46px 0 56px;background:var(--ink)} :where(#cd-page[data-colette-page="partners"]) .cp-rule{height:2px;background:linear-gradient(90deg,rgba(142,206,252,.85),rgba(142,206,252,.30) 55%,rgba(142,206,252,.10));border-radius:2px;margin:0 0 20px} :where(#cd-page[data-colette-page="partners"]) .cp-head{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:16px 44px;align-items:end;margin:0 0 26px} #cd-page:where([data-colette-page="partners"]) .cp-head h2{margin:0} #cd-page:where([data-colette-page="partners"]) p.cp-head-intro{color:var(--cream-dim);font-size:1.02rem;line-height:1.7;margin:0 0 4px} :where(#cd-page[data-colette-page="partners"]) .cp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch} :where(#cd-page[data-colette-page="partners"]) .cp-item{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.09);border-radius:var(--r); background:linear-gradient(170deg,rgba(255,255,255,.032),rgba(255,255,255,.008));padding:26px 28px 28px;transition:border-color .18s,transform .18s} :where(#cd-page[data-colette-page="partners"]) .cp-item:hover{border-color:rgba(142,206,252,.34);transform:translateY(-2px)} /* DESKTOP: every banner sits in the same fixed band, so the two columns line up. MOBILE: the band is a variable set to auto, because in one column there is no row to align to and a fixed band left 64px of dead air under every wide strip. */ #cd-page:where([data-colette-page="partners"]) a.cp-shotlink{--band:120px;--cap:120px;display:flex;align-items:center;justify-content:center;height:var(--band);margin:0 0 20px;line-height:0} #cd-page:where([data-colette-page="partners"]) a.cp-shotlink img{width:auto;height:auto;max-width:min(100%,var(--w,640px));max-height:var(--cap);display:block;border-radius:4px} #cd-page:where([data-colette-page="partners"]) h2.cp-name{font-family:var(--serif) !important;font-weight:700 !important;font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.3;color:var(--wine);margin:0 0 12px;text-transform:none !important;letter-spacing:0} #cd-page:where([data-colette-page="partners"]) p.cp-copy{color:var(--cream-dim);font-size:.98rem;line-height:1.7;margin:0} #cd-page:where([data-colette-page="partners"]) .cp-copy a{color:var(--wine) !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--wine) !important;transition:color .16s} #cd-page:where([data-colette-page="partners"]) .cp-copy a:hover{color:var(--wine-lt) !important} /* a banner that fails to load leaves the card intact: name, copy and its link */ #cd-page:where([data-colette-page="partners"]) .cp-item.is-broken a.cp-shotlink{display:none} @media (max-width:1000px){ :where(#cd-page[data-colette-page="partners"]) .cp-grid{gap:20px} :where(#cd-page[data-colette-page="partners"]) .cp-item{padding:22px 22px 24px} :where(#cd-page[data-colette-page="partners"]) .cp-head{grid-template-columns:1fr;gap:12px} } @media (max-width:760px){ :where(#cd-page[data-colette-page="partners"]) .cp-top{padding:24px 0 0} :where(#cd-page[data-colette-page="partners"]) .cp-sec{padding:30px 0 34px} :where(#cd-page[data-colette-page="partners"]) .cp-grid{grid-template-columns:minmax(0,1fr);gap:16px} #cd-page:where([data-colette-page="partners"]) a.cp-shotlink{--band:auto;--cap:190px;margin-bottom:16px} #cd-page:where([data-colette-page="partners"]) p.cp-copy,#cd-page:where([data-colette-page="partners"]) p.cp-intro{font-size:1rem} } /* ── Responsive ── */ @media (max-width:1000px){ :where(#cd-page[data-colette-page="partners"]) .cd-hero-inner{grid-template-columns:1fr;gap:28px} :where(#cd-page[data-colette-page="partners"]) .cd-hero-photo{order:-1;min-height:0;aspect-ratio:16/9} :where(#cd-page[data-colette-page="partners"]) .cd-about{grid-template-columns:1fr;gap:36px} :where(#cd-page[data-colette-page="partners"]) .cd-about-side .cd-rules{margin-top:0} :where(#cd-page[data-colette-page="partners"]) .cd-dress{grid-template-columns:1fr 1fr} :where(#cd-page[data-colette-page="partners"]) .cd-dress-strict{grid-column:span 2;border-left:0;border-top:1px solid var(--line-soft);padding-left:0} :where(#cd-page[data-colette-page="partners"]) .cd-split{grid-template-columns:1fr} :where(#cd-page[data-colette-page="partners"]) .cd-split .cd-split-div{display:none} :where(#cd-page[data-colette-page="partners"]) .cd-split > div + .cd-split-div + div{border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="partners"]) .cd-news-grid{grid-template-columns:1fr;text-align:center} #cd-page:where([data-colette-page="partners"]) .cd-news-copy p.cd-lead{margin:0 auto 14px} :where(#cd-page[data-colette-page="partners"]) .cd-news-copy .cd-kicker{justify-content:center} :where(#cd-page[data-colette-page="partners"]) .cd-news-copy .cd-btn-row{justify-content:center} :where(#cd-page[data-colette-page="partners"]) .cd-news-copy .cd-btn{width:100%} } @media (max-width:900px){ :where(#cd-page[data-colette-page="partners"]) .cd-map{min-height:0} :where(#cd-page[data-colette-page="partners"]) .cd-float{width:auto;margin:16px 0 0} :where(#cd-page[data-colette-page="partners"]) .cd-map{overflow:visible;border:0;background:none} :where(#cd-page[data-colette-page="partners"]) .cd-map iframe{position:relative;aspect-ratio:16/10;height:auto;border-radius:var(--r);border:1px solid var(--line-soft)} } @media (max-width:760px){ :where(#cd-page[data-colette-page="partners"]) .cd-wrap{width:calc(100% - 32px)} :where(#cd-page[data-colette-page="partners"]) .cd-sec{padding:28px 0 36px} :where(#cd-page[data-colette-page="partners"]) .cd-hero{padding:20px 0 32px} :where(#cd-page[data-colette-page="partners"]) .cd-hero .cd-kicker{display:block;font-size:1rem;line-height:1.5} :where(#cd-page[data-colette-page="partners"]) .cd-hero .cd-kicker::before{display:none} :where(#cd-page[data-colette-page="partners"]) .cd-follow{gap:9px;margin:18px 0 18px} #cd-page:where([data-colette-page="partners"]) .cd-follow a{width:36px;height:36px} :where(#cd-page[data-colette-page="partners"]) .cd-glance-grid{grid-template-columns:1fr 1fr} :where(#cd-page[data-colette-page="partners"]) .cd-glance-item{border-left:none;border-top:1px solid var(--line-soft);padding:14px 14px 14px 0} :where(#cd-page[data-colette-page="partners"]) .cd-glance-item:nth-child(-n+2){border-top:none} :where(#cd-page[data-colette-page="partners"]) .cd-glance-item:nth-child(even){border-left:1px solid var(--line-soft);padding-left:14px} /* glance strip: slightly smaller type on mobile so long day names never wrap awkwardly */ #cd-page:where([data-colette-page="partners"]) .cd-glance-item b{font-size:.95rem;line-height:1.35} #cd-page:where([data-colette-page="partners"]) .cd-glance-item small{font-size:.78rem} #cd-page:where([data-colette-page="partners"]) .cd-glance-item span{font-size:.62rem;letter-spacing:.16em} /* social buttons: even 2-up grid on mobile (flex-wrap centering staggered them). Wrappers the platform puts around buttons go transparent (display:contents) so every BUTTON is a grid cell; long labels wrap inside their pill instead of clipping, and the pill grows in height. */ #cd-page:where([data-colette-page="partners"]) .cd-social-widget{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:400px;margin-left:auto;margin-right:auto} #cd-page:where([data-colette-page="partners"]) .cd-social-widget br{display:none} /* flatten ANY wrapper markup the widget ships (at any depth) so each BUTTON is its own grid cell — the members quick-links set nests its anchors */ #cd-page:where([data-colette-page="partners"]) .cd-social-widget div,#cd-page:where([data-colette-page="partners"]) .cd-social-widget p,#cd-page:where([data-colette-page="partners"]) .cd-social-widget ul,#cd-page:where([data-colette-page="partners"]) .cd-social-widget ol,#cd-page:where([data-colette-page="partners"]) .cd-social-widget li{display:contents} #cd-page:where([data-colette-page="partners"]) .cd-social-widget a{position:static !important;float:none !important;display:inline-flex !important;width:100% !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:38px;margin:0 !important;padding:8px 12px !important;white-space:normal !important;line-height:1.25 !important;text-align:center;overflow:visible !important;text-overflow:clip !important;text-indent:0 !important} :where(#cd-page[data-colette-page="partners"]) .cd-dress{grid-template-columns:1fr} :where(#cd-page[data-colette-page="partners"]) .cd-dress-col{border-left:0;padding:22px 0;border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="partners"]) .cd-dress-col:first-child{border-top:0} :where(#cd-page[data-colette-page="partners"]) .cd-dress-strict{grid-column:auto} :where(#cd-page[data-colette-page="partners"]) .cd-arrive{grid-template-columns:1fr;gap:18px;padding:22px 20px} :where(#cd-page[data-colette-page="partners"]) .cd-arrive-col{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="partners"]) .cd-check{grid-template-columns:1fr} :where(#cd-page[data-colette-page="partners"]) .cd-split > div{padding:24px 22px} :where(#cd-page[data-colette-page="partners"]) .cd-map iframe{aspect-ratio:4/3} :where(#cd-page[data-colette-page="partners"]) .cd-btn{width:100%} :where(#cd-page[data-colette-page="partners"]) .cd-btn-row{flex-direction:column} #cd-page:where([data-colette-page="partners"]) .cd-events .cdw-btngrid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:300px} #cd-page:where([data-colette-page="partners"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)) a.cdw-btn{width:calc(50% - 5px) !important} } @media (max-width:420px){ :where(#cd-page[data-colette-page="partners"]) .cd-glance-grid{grid-template-columns:1fr} :where(#cd-page[data-colette-page="partners"]) .cd-glance-item{border-left:none !important;border-top:1px solid var(--line-soft) !important;padding-left:0 !important} :where(#cd-page[data-colette-page="partners"]) .cd-glance-item:first-child{border-top:none !important} } @media (prefers-reduced-motion:reduce){#cd-page:where([data-colette-page="partners"]) *{transition:none !important}} /* PRESS FAMILY */ /* ── Design system, scoped to the page wrapper ── */ #cd-page:where([data-colette-page="press"]){ /* blue accent + hover */ /* script/italic accents, kickers, labels, numerals — follows the club accent */ /* display face (sans) */ font-family:var(--sans) !important; font-weight:400 !important; font-size:16px; line-height:1.65; color:var(--cream); background:var(--ink); -webkit-font-smoothing:antialiased; overflow-x:hidden; } #cd-page:where([data-colette-page="press"]) *,#cd-page:where([data-colette-page="press"]) *::before,#cd-page:where([data-colette-page="press"]) *::after{box-sizing:border-box} #cd-page:where([data-colette-page="press"]) img{max-width:100%;height:auto;display:block} #cd-page:where([data-colette-page="press"]) a{color:inherit;text-decoration:none} #cd-page:where([data-colette-page="press"]) ul,#cd-page:where([data-colette-page="press"]) ol,#cd-page:where([data-colette-page="press"]) li{margin:0;padding:0;list-style:none !important;list-style-type:none !important} #cd-page:where([data-colette-page="press"]) li::marker{content:none !important;display:none !important} #cd-page:where([data-colette-page="press"]) li::before{content:none} #cd-page:where([data-colette-page="press"]) p{margin:0 0 14px} /* widget zones: hand the platform's own markup back its defaults */ #cd-page:where([data-colette-page="press"]) .cd-events img,#cd-page:where([data-colette-page="press"]) .cd-newsfeed img,#cd-page:where([data-colette-page="press"]) .cd-social-widget img{display:revert;height:revert} #cd-page:where([data-colette-page="press"]) .cd-events ul,#cd-page:where([data-colette-page="press"]) .cd-events ol,#cd-page:where([data-colette-page="press"]) .cd-events li,#cd-page:where([data-colette-page="press"]) .cd-newsfeed ul,#cd-page:where([data-colette-page="press"]) .cd-newsfeed ol,#cd-page:where([data-colette-page="press"]) .cd-newsfeed li{margin:revert;padding:revert;list-style:revert !important} #cd-page:where([data-colette-page="press"]) .cd-events li::marker,#cd-page:where([data-colette-page="press"]) .cd-newsfeed li::marker{content:revert !important;display:revert !important} #cd-page:where([data-colette-page="press"]) .cd-events p,#cd-page:where([data-colette-page="press"]) .cd-newsfeed p{margin:revert} #cd-page:where([data-colette-page="press"]) .cd-events h1,#cd-page:where([data-colette-page="press"]) .cd-events h2,#cd-page:where([data-colette-page="press"]) .cd-events h3,#cd-page:where([data-colette-page="press"]) .cd-newsfeed h1,#cd-page:where([data-colette-page="press"]) .cd-newsfeed h2,#cd-page:where([data-colette-page="press"]) .cd-newsfeed h3{font-family:var(--sans) !important;font-size:revert;font-weight:600 !important;line-height:revert;letter-spacing:0;margin:revert;color:var(--cream)} #cd-page:where([data-colette-page="press"]) :focus-visible{outline:2px solid var(--wine-lt);outline-offset:3px;border-radius:4px} :where(#cd-page[data-colette-page="press"]) .cd-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto} /* type */ #cd-page:where([data-colette-page="press"]) h1,#cd-page:where([data-colette-page="press"]) h2{font-family:var(--serif) !important;font-weight:700 !important;line-height:1.08;letter-spacing:-.02em;color:var(--cream);margin:0;text-transform:none !important} #cd-page:where([data-colette-page="press"]) h1{font-size:clamp(2.6rem,6vw,4.6rem)} #cd-page:where([data-colette-page="press"]) .cd-brandword{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important;font-weight:900 !important;font-style:normal;display:inline-block;font-size:.95em;line-height:1.05;text-transform:lowercase !important;letter-spacing:-.01em} #cd-page:where([data-colette-page="press"]) .cd-cityword{font-family:Arial,'Helvetica Neue',sans-serif !important;font-weight:700 !important;font-style:normal;text-transform:uppercase !important;font-size:.88em;letter-spacing:.02em} #cd-page:where([data-colette-page="press"]) .cd-hero h1{font-size:clamp(2.1rem,4.4vw,3.3rem);white-space:nowrap} #cd-page:where([data-colette-page="press"]) h2{font-size:clamp(1.9rem,3.6vw,2.7rem)} #cd-page:where([data-colette-page="press"]) h1 em,#cd-page:where([data-colette-page="press"]) h2 em{font-style:normal;color:var(--rose);font-weight:700 !important} #cd-page:where([data-colette-page="press"]) .cd-h3,#cd-page:where([data-colette-page="press"]) h3.cd-h3{font-family:var(--sans) !important;font-size:.74rem;font-weight:700 !important;letter-spacing:.2em;text-transform:uppercase !important;color:var(--gold);margin:0 0 14px;padding-top:14px;border-top:1px solid var(--line-soft);line-height:1.4} :where(#cd-page[data-colette-page="press"]) .cd-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--serif) !important;font-style:normal;font-weight:600 !important;font-size:clamp(.95rem,1.25vw,1.1rem);letter-spacing:.04em;color:var(--rose);margin-bottom:10px;text-transform:none !important} :where(#cd-page[data-colette-page="press"]) .cd-kicker::before{content:'';width:26px;height:1px;background:var(--wine-lt);flex-shrink:0} :where(#cd-page[data-colette-page="press"]) .cd-kicker i{font-style:normal;color:var(--wine-lt);margin:0 4px} :where(#cd-page[data-colette-page="press"]) .cd-lead{font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.75;color:var(--cream-dim);max-width:62ch} :where(#cd-page[data-colette-page="press"]) .cd-head{max-width:800px;margin-bottom:24px} :where(#cd-page[data-colette-page="press"]) .cd-head h2{margin-bottom:10px} :where(#cd-page[data-colette-page="press"]) .cd-inline{color:#d9d9de !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-color:rgba(142,206,252,.65) !important} /* buttons */ :where(#cd-page[data-colette-page="press"]) .cd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border-radius:999px;border:1.5px solid transparent;font-family:var(--sans) !important;font-size:.88rem !important;font-weight:700 !important;letter-spacing:.06em;text-transform:uppercase !important;text-decoration:none !important;white-space:nowrap;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s} :where(#cd-page[data-colette-page="press"]) .cd-btn:hover{transform:translateY(-2px)} :where(#cd-page[data-colette-page="press"]) .cd-btn-wine{background:var(--wine) !important;color:#0b0b0c !important;box-shadow:0 10px 24px rgba(142,206,252,.22)} :where(#cd-page[data-colette-page="press"]) .cd-btn-wine:hover{background:var(--wine-lt) !important} :where(#cd-page[data-colette-page="press"]) .cd-btn-ghost{border-color:rgba(255,255,255,.3) !important;color:var(--cream) !important;background:rgba(255,255,255,.04) !important} :where(#cd-page[data-colette-page="press"]) .cd-btn-ghost:hover{border-color:var(--wine-lt) !important;background:var(--wine) !important;color:#0b0b0c !important} :where(#cd-page[data-colette-page="press"]) .cd-btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px} :where(#cd-page[data-colette-page="press"]) .cd-btn-case{text-transform:none !important;font-size:.92rem !important;letter-spacing:.03em} #cd-page:where([data-colette-page="press"]) .cd-btn-acc{color:var(--wine) !important} #cd-page:where([data-colette-page="press"]) .cd-btn-acc:hover{color:#0b0b0c !important} /* ── Sections: rhythm ── */ :where(#cd-page[data-colette-page="press"]) .cd-sec{padding:40px 0 56px} :where(#cd-page[data-colette-page="press"]) .cd-sec-alt{background:var(--ink2)} /* ── Hero: photo bleeds to the right edge ── */ :where(#cd-page[data-colette-page="press"]) .cd-hero{position:relative;padding:36px 0 44px;overflow:hidden;background:radial-gradient(900px 520px at 85% 10%,rgba(255,255,255,.06),transparent 65%),radial-gradient(600px 420px at 100% 0%,rgba(142,206,252,.10),transparent 60%),var(--ink)} :where(#cd-page[data-colette-page="press"]) .cd-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:stretch} :where(#cd-page[data-colette-page="press"]) .cd-hero-copy h1{margin:0 0 16px} /* social follow row: round brand-icon buttons under the club name (Font Awesome 6 Brands glyphs). Deliberate exception to the one-accent rule: each ring/glyph carries its network's brand color. */ :where(#cd-page[data-colette-page="press"]) .cd-follow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 20px} :where(#cd-page[data-colette-page="press"]) .cd-follow-label{font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--wine);margin-right:4px} #cd-page:where([data-colette-page="press"]) .cd-follow a{--brand:var(--wine);--on-brand:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--brand);background:rgba(255,255,255,.03);color:var(--brand) !important;text-decoration:none !important;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s} #cd-page:where([data-colette-page="press"]) .cd-follow a:hover{transform:translateY(-2px);background:var(--brand);border-color:var(--brand);color:var(--on-brand) !important;box-shadow:0 8px 20px rgba(0,0,0,.35)} #cd-page:where([data-colette-page="press"]) .cd-follow a span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} #cd-page:where([data-colette-page="press"]) .cd-follow a::before{font-family:"Font Awesome 6 Brands" !important;font-weight:400;font-size:15px;line-height:1;-webkit-font-smoothing:antialiased} #cd-page:where([data-colette-page="press"]) .cd-follow a.cd-fb{--brand:#1877f2} #cd-page:where([data-colette-page="press"]) .cd-follow a.cd-x{--brand:#f2f2f2;--on-brand:#0b0b0c} #cd-page:where([data-colette-page="press"]) .cd-follow a.cd-pin{--brand:#e60023} #cd-page:where([data-colette-page="press"]) .cd-follow a.cd-tt{--brand:#f60056} /* Instagram: gradient ring (the brand mark is a gradient), pink glyph; hover fills the gradient */ #cd-page:where([data-colette-page="press"]) .cd-follow a.cd-ig{--brand:#ee2a7b;border-color:transparent;background:linear-gradient(var(--ink),var(--ink)) padding-box,linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7) border-box} #cd-page:where([data-colette-page="press"]) .cd-follow a.cd-ig:hover{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7) border-box;color:#fff !important} #cd-page:where([data-colette-page="press"]) .cd-follow a.cd-fb::before{content:"\f39e"} #cd-page:where([data-colette-page="press"]) .cd-follow a.cd-x::before{content:"\e61b"} #cd-page:where([data-colette-page="press"]) .cd-follow a.cd-pin::before{content:"\f231"} #cd-page:where([data-colette-page="press"]) .cd-follow a.cd-ig::before{content:"\f16d"} #cd-page:where([data-colette-page="press"]) .cd-follow a.cd-tt::before{content:"\e07b"} :where(#cd-page[data-colette-page="press"]) .cd-hero-photo{position:relative;min-height:360px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.55);background:linear-gradient(160deg,var(--ink3),var(--ink2))} #cd-page:where([data-colette-page="press"]) .cd-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center} :where(#cd-page[data-colette-page="press"]) .cd-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,12,.35),transparent 40%),linear-gradient(180deg,transparent 60%,rgba(11,11,12,.5))} /* ── Glance strip: flush, borderless ── */ :where(#cd-page[data-colette-page="press"]) .cd-glance{background:var(--ink2)} :where(#cd-page[data-colette-page="press"]) .cd-glance-grid{display:grid;grid-template-columns:repeat(4,1fr)} :where(#cd-page[data-colette-page="press"]) .cd-glance-item{padding:18px 22px;border-left:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="press"]) .cd-glance-item:first-child{border-left:none;padding-left:0} :where(#cd-page[data-colette-page="press"]) .cd-glance-item span{display:block;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:700;margin-bottom:5px} :where(#cd-page[data-colette-page="press"]) .cd-glance-item b{display:block;font-family:var(--serif) !important;font-weight:700 !important;font-size:1.15rem;line-height:1.25;color:var(--cream);font-variant-numeric:tabular-nums} :where(#cd-page[data-colette-page="press"]) .cd-glance-item small{display:block;font-size:.84rem;color:var(--cream-dim);margin-top:3px} :where(#cd-page[data-colette-page="press"]) .cd-glance-item a{color:var(--cream) !important} /* ── Membership panel (compact) ── */ :where(#cd-page[data-colette-page="press"]) .cd-member-sec{padding:40px 0 0} :where(#cd-page[data-colette-page="press"]) .cd-member{display:grid;grid-template-columns:320px 1fr;gap:36px;align-items:center;background:linear-gradient(160deg,#1c1c20,#111113);border:1px solid var(--line);border-radius:var(--r);padding:26px 34px 26px 26px;overflow:hidden} :where(#cd-page[data-colette-page="press"]) .cd-member-img{border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line-soft);line-height:0;align-self:center} #cd-page:where([data-colette-page="press"]) .cd-member-img img{position:static;width:100%;height:auto;display:block;object-fit:unset} #cd-page:where([data-colette-page="press"]) .cd-member-copy h2{font-size:clamp(1.35rem,2.3vw,1.8rem);margin:0 0 10px} #cd-page:where([data-colette-page="press"]) p.cd-member-lead{color:var(--cream-dim);font-size:.95rem;line-height:1.65;margin:0 0 12px;max-width:64ch} :where(#cd-page[data-colette-page="press"]) .cd-member-list{grid-template-columns:1fr 1fr;gap:0 26px;margin-bottom:4px} #cd-page:where([data-colette-page="press"]) .cd-member-list li{padding:4px 0;font-size:.94rem} :where(#cd-page[data-colette-page="press"]) .cd-member .cd-btn-row{margin-top:12px} @media (max-width:1000px){ :where(#cd-page[data-colette-page="press"]) .cd-member{grid-template-columns:1fr;gap:22px;padding:22px} :where(#cd-page[data-colette-page="press"]) .cd-member-img{max-width:480px;margin:0 auto;width:100%} :where(#cd-page[data-colette-page="press"]) .cd-member-list{grid-template-columns:1fr} } /* ── Events: light skin, zero bottom ── */ :where(#cd-page[data-colette-page="press"]) .cd-sec-events{padding-bottom:12px} :where(#cd-page[data-colette-page="press"]) .cd-events{margin-top:4px;font-size:.95rem;color:var(--cream-dim)} :where(#cd-page[data-colette-page="press"]) .cd-events *{max-width:100%} /* stretch the platform's widget shell to the section width so it shares the header's left edge */ #cd-page:where([data-colette-page="press"]) .cd-events > *,#cd-page:where([data-colette-page="press"]) .cd-events .homepage_widget,#cd-page:where([data-colette-page="press"]) .cd-events .widget,#cd-page:where([data-colette-page="press"]) .cd-events .container,#cd-page:where([data-colette-page="press"]) .cd-events .container-fluid,#cd-page:where([data-colette-page="press"]) .cd-events table{width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;box-sizing:border-box} #cd-page:where([data-colette-page="press"]) .cd-events .row{margin-left:0 !important;margin-right:0 !important} :where(#cd-page[data-colette-page="press"]) .cd-events hr{display:none !important} :where(#cd-page[data-colette-page="press"]) .cd-events img{max-width:100% !important;height:auto !important;border-radius:var(--r-sm);border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.45)} :where(#cd-page[data-colette-page="press"]) .cd-events a{color:#d9d9de !important} :where(#cd-page[data-colette-page="press"]) .cd-events a.cdw-title{font-family:var(--serif) !important;font-weight:700;font-size:1.1rem;line-height:1.3;color:var(--wine) !important;text-decoration:none !important} #cd-page:where([data-colette-page="press"]) .cd-events a.cdw-more{color:var(--wine) !important} #cd-page:where([data-colette-page="press"]) .cd-events a.cdw-more:hover{color:var(--wine-lt) !important} :where(#cd-page[data-colette-page="press"]) .cd-events a.cdw-title:hover{color:var(--wine-lt) !important} /* all widget buttons share one quiet style: dark pill, hairline border; hover fills accent */ #cd-page:where([data-colette-page="press"]) .cd-events a.cdw-btn,#cd-page:where([data-colette-page="press"]) .cd-events a.cdw-btn.cdw-btn-ghost{box-sizing:border-box !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;float:none !important;position:static !important;width:132px !important;min-width:0 !important;max-width:none !important;height:38px !important;min-height:0 !important;padding:0 10px !important;margin:4px 6px 4px 0 !important;border-radius:999px !important;font-size:.72rem !important;font-weight:600 !important;white-space:nowrap !important;text-align:center;line-height:1 !important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;vertical-align:middle;background:transparent !important;color:var(--wine) !important;border:1px solid var(--line) !important;transition:background .15s,border-color .15s,color .15s,transform .15s} /* 2-column button grid: Tickets + RSVP on row one, Who's Going on row two */ #cd-page:where([data-colette-page="press"]) .cd-events .cdw-btngrid{display:grid !important;grid-template-columns:repeat(2,132px) !important;grid-auto-flow:row !important;gap:8px 10px !important;justify-content:start !important;align-items:stretch !important;width:auto !important;float:none !important;margin:10px 0 0 !important;padding:0 !important} #cd-page:where([data-colette-page="press"]) .cd-events .cdw-btngrid br{display:none !important} #cd-page:where([data-colette-page="press"]) .cd-events .cdw-btngrid > *{margin:0 !important;padding:0 !important;width:100% !important;min-width:0 !important;float:none !important;position:static !important;background:none;text-align:left} #cd-page:where([data-colette-page="press"]) .cd-events .cdw-btngrid a.cdw-btn{width:100% !important;height:38px !important;margin:0 !important} /* third button (Who's Going) centered under the pair: span both columns, keep pill width */ #cd-page:where([data-colette-page="press"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)){grid-column:1/3;display:flex;justify-content:center} #cd-page:where([data-colette-page="press"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)) a.cdw-btn{width:132px !important} #cd-page:where([data-colette-page="press"]) .cd-events a.cdw-btn:hover,#cd-page:where([data-colette-page="press"]) .cd-events a.cdw-btn.cdw-btn-ghost:hover{transform:translateY(-2px);background:var(--wine) !important;border-color:var(--wine) !important;color:#0b0b0c !important} :where(#cd-page[data-colette-page="press"]) .cd-events .cdw-gray{background-color:transparent !important;border-color:var(--line-soft) !important} /* ── Events: LIST | CALENDAR view switch + calendar presentation ── */ #cd-page:where([data-colette-page="press"]) [hidden]{display:none !important} :where(#cd-page[data-colette-page="press"]) .cd-evswitch{display:inline-flex;margin:2px 0 18px;padding:3px;gap:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02)} #cd-page:where([data-colette-page="press"]) .cd-evtab{appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 20px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wine);line-height:1;transition:background .15s,color .15s} #cd-page:where([data-colette-page="press"]) .cd-evtab:hover{color:var(--wine-lt)} #cd-page:where([data-colette-page="press"]) .cd-evtab.is-on,#cd-page:where([data-colette-page="press"]) .cd-evtab.is-on:hover{background:var(--wine);color:#0b0b0c} :where(#cd-page[data-colette-page="press"]) .cd-cal{margin-top:4px} :where(#cd-page[data-colette-page="press"]) .cd-cal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px} :where(#cd-page[data-colette-page="press"]) .cd-cal-month{font-weight:700;font-size:1.18rem;color:var(--cream);letter-spacing:.01em} :where(#cd-page[data-colette-page="press"]) .cd-cal-nav{display:flex;gap:8px} #cd-page:where([data-colette-page="press"]) .cd-cal-nav button{appearance:none;-webkit-appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--wine);font-size:1.05rem;line-height:1;padding:0 0 2px;transition:background .15s,border-color .15s,color .15s} #cd-page:where([data-colette-page="press"]) .cd-cal-nav button:hover:not(:disabled){background:var(--wine);border-color:var(--wine);color:#0b0b0c} #cd-page:where([data-colette-page="press"]) .cd-cal-nav button:disabled{opacity:.35;cursor:default} :where(#cd-page[data-colette-page="press"]) .cd-cal-dowrow{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line-soft);border-bottom:0;border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--ink3);overflow:hidden} :where(#cd-page[data-colette-page="press"]) .cd-cal-dow{padding:9px 0;text-align:center;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)} :where(#cd-page[data-colette-page="press"]) .cd-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line-soft);border-radius:0 0 var(--r-sm) var(--r-sm);background:var(--ink2);overflow:hidden} :where(#cd-page[data-colette-page="press"]) .cd-cal-day{min-height:92px;padding:8px 9px 10px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);min-width:0} :where(#cd-page[data-colette-page="press"]) .cd-cal-day.cd-col7{border-right:0} :where(#cd-page[data-colette-page="press"]) .cd-cal-day.cd-lastrow{border-bottom:0} :where(#cd-page[data-colette-page="press"]) .cd-cal-num{font-size:.72rem;font-weight:600;color:var(--cream-dim);line-height:1} :where(#cd-page[data-colette-page="press"]) .cd-cal-day.is-out{background:rgba(255,255,255,.012)} :where(#cd-page[data-colette-page="press"]) .cd-cal-day.is-out .cd-cal-num{color:rgba(139,139,147,.38)} :where(#cd-page[data-colette-page="press"]) .cd-cal-day.is-past .cd-cal-num{color:rgba(198,198,203,.4)} :where(#cd-page[data-colette-page="press"]) .cd-cal-day.is-past .cd-cale{opacity:.5} :where(#cd-page[data-colette-page="press"]) .cd-cal-day.is-today{box-shadow:inset 0 0 0 1px var(--wine)} :where(#cd-page[data-colette-page="press"]) .cd-cal-day.is-today .cd-cal-num{color:var(--wine);font-weight:800} #cd-page:where([data-colette-page="press"]) a.cd-cale{display:block;margin-top:8px;padding-left:8px;border-left:2px solid var(--wine)} #cd-page:where([data-colette-page="press"]) a.cd-cale.cd-has-img{padding-left:0;border-left:0} /* flyer artwork: its own framed space above the title, at the flyer's NATURAL ratio — whole image shown, no cropping, no letterbox bars, nothing overlays it */ :where(#cd-page[data-colette-page="press"]) .cd-cale-img{display:block;width:100%;line-height:0;border-radius:8px;overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3);margin-bottom:7px} #cd-page:where([data-colette-page="press"]) .cd-cale-img img{width:100% !important;height:auto !important;display:block;border:0;border-radius:0;box-shadow:none} #cd-page:where([data-colette-page="press"]) a.cd-cale .cd-cale-img{transition:border-color .15s} #cd-page:where([data-colette-page="press"]) a.cd-cale:hover .cd-cale-img{border-color:rgba(142,206,252,.55)} :where(#cd-page[data-colette-page="press"]) .cd-cale-t{display:block;font-weight:700;font-size:.8rem;line-height:1.28;color:var(--wine);overflow-wrap:break-word;transition:color .15s} #cd-page:where([data-colette-page="press"]) a.cd-cale:hover .cd-cale-t{color:var(--wine-lt)} :where(#cd-page[data-colette-page="press"]) .cd-cale-time{display:block;margin-top:3px;font-size:.64rem;letter-spacing:.05em;color:var(--mute);line-height:1} :where(#cd-page[data-colette-page="press"]) .cd-cal-agenda{display:none} #cd-page:where([data-colette-page="press"]) a.cd-cala{display:flex;align-items:center;gap:14px;padding:14px 2px;border-bottom:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="press"]) .cd-cala-img{flex:0 0 80px;line-height:0;border-radius:8px;overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} #cd-page:where([data-colette-page="press"]) .cd-cala-img img{width:100% !important;height:auto !important;display:block;border:0;border-radius:0;box-shadow:none} :where(#cd-page[data-colette-page="press"]) .cd-cal-agenda .cd-cala:first-of-type{border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="press"]) .cd-cala.is-past{opacity:.5} :where(#cd-page[data-colette-page="press"]) .cd-cala-date{flex:0 0 50px;text-align:center} :where(#cd-page[data-colette-page="press"]) .cd-cala-dw{display:block;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);line-height:1} :where(#cd-page[data-colette-page="press"]) .cd-cala-num{display:block;margin-top:3px;font-size:1.3rem;font-weight:700;color:var(--cream);line-height:1.1} :where(#cd-page[data-colette-page="press"]) .cd-cala-body{flex:1;min-width:0} :where(#cd-page[data-colette-page="press"]) .cd-cala-t{font-weight:700;font-size:.98rem;line-height:1.3;color:var(--wine);transition:color .15s} #cd-page:where([data-colette-page="press"]) a.cd-cala:hover .cd-cala-t{color:var(--wine-lt)} :where(#cd-page[data-colette-page="press"]) .cd-cala-time{margin-top:3px;font-size:.72rem;letter-spacing:.03em;color:var(--mute)} :where(#cd-page[data-colette-page="press"]) .cd-cala-chev{flex:0 0 auto;color:var(--wine);font-size:1.05rem;line-height:1} :where(#cd-page[data-colette-page="press"]) .cd-cal-empty{padding:30px 2px;color:var(--mute);font-size:.92rem} :where(#cd-page[data-colette-page="press"]) .cd-cal-note{margin-top:12px;font-size:.72rem;color:var(--mute)} @media (max-width:760px){ :where(#cd-page[data-colette-page="press"]) .cd-cal-dowrow,:where(#cd-page[data-colette-page="press"]) .cd-cal-grid{display:none} :where(#cd-page[data-colette-page="press"]) .cd-cal-agenda{display:block} :where(#cd-page[data-colette-page="press"]) .cd-cal-month{font-size:1.05rem} } :where(#cd-page[data-colette-page="press"]) .cd-newsfeed{margin-top:20px} :where(#cd-page[data-colette-page="press"]) .cd-newsfeed.is-empty,:where(#cd-page[data-colette-page="press"]) .cd-newsfeed:empty{display:none;margin:0} /* ── Social: pulled up over the widget's trailing rule ── */ :where(#cd-page[data-colette-page="press"]) .cd-social{position:relative;padding:36px 0 44px;text-align:left;background:var(--ink)} #cd-page:where([data-colette-page="press"]) .cd-social h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:18px} #cd-page:where([data-colette-page="press"]) .cd-social p.cd-lead{margin:0 0 24px} :where(#cd-page[data-colette-page="press"]) .cd-social-widget{display:flex;justify-content:center;flex-wrap:wrap;gap:10px} /* social buttons match the event-widget button treatment */ #cd-page:where([data-colette-page="press"]) .cd-social-widget a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;height:38px;padding:0 16px;border-radius:999px;font-family:Karla,'Helvetica Neue',Arial,sans-serif !important;font-size:.72rem;font-weight:600 !important;white-space:nowrap;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;background:transparent !important;color:var(--wine) !important;border:1px solid var(--line);transition:background .15s,border-color .15s,color .15s,transform .15s;opacity:1} #cd-page:where([data-colette-page="press"]) .cd-social-widget a:hover{transform:translateY(-2px);background:var(--wine) !important;border-color:var(--wine) !important;color:#0b0b0c !important} #cd-page:where([data-colette-page="press"]) .cd-social-widget a *{color:inherit !important} #cd-page:where([data-colette-page="press"]) .cd-social-widget img{display:inline-block;max-height:18px;width:auto;height:auto} #cd-page:where([data-colette-page="press"]) .cd-social-widget a:hover img{filter:brightness(.2)} /* ── About: editorial two-column, no boxes ── */ :where(#cd-page[data-colette-page="press"]) .cd-about{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:stretch} :where(#cd-page[data-colette-page="press"]) .cd-about-copy{display:flex;flex-direction:column;align-items:flex-start} :where(#cd-page[data-colette-page="press"]) .cd-about-copy .cd-btn{align-self:flex-start} :where(#cd-page[data-colette-page="press"]) .cd-about-side{display:flex;flex-direction:column;padding-top:6px} :where(#cd-page[data-colette-page="press"]) .cd-about-side .cd-rules{margin-top:auto} /* larger, serif section labels on the right column */ #cd-page:where([data-colette-page="press"]) .cd-about-side .cd-h3{font-family:var(--serif) !important;font-style:normal;font-size:clamp(1.3rem,1.9vw,1.6rem);font-weight:700 !important;letter-spacing:.01em;text-transform:none !important;color:var(--rose);margin:0 0 10px;padding-top:18px;border-top:1px solid var(--line-soft);line-height:1.15} #cd-page:where([data-colette-page="press"]) .cd-about-side > .cd-h3:first-child{border-top:0;padding-top:0} #cd-page:where([data-colette-page="press"]) .cd-about-copy h2{margin-bottom:22px} #cd-page:where([data-colette-page="press"]) p.cd-pull{font-family:var(--serif) !important;font-weight:600;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.5;color:var(--cream);margin:26px 0 24px;padding-left:18px;border-left:2px solid var(--line)} #cd-page:where([data-colette-page="press"]) .cd-about-copy p{color:var(--cream-dim);font-size:1.06rem;line-height:1.75;margin:0 0 18px} :where(#cd-page[data-colette-page="press"]) .cd-about-copy .cd-btn{margin:10px 0 26px} #cd-page:where([data-colette-page="press"]) p.cd-pricing{margin:auto 0 0;width:100%;padding-top:16px;border-top:1px solid var(--line-soft);font-size:.95rem;line-height:1.6;color:var(--mute)} :where(#cd-page[data-colette-page="press"]) .cd-check{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-bottom:20px} #cd-page:where([data-colette-page="press"]) .cd-check li{display:flex;gap:11px;align-items:flex-start;padding:4px 0;font-size:1rem;line-height:1.45;color:var(--cream-dim)} :where(#cd-page[data-colette-page="press"]) .cd-i{flex:0 0 16px;width:16px;height:16px;margin-top:6px;fill:none;stroke:var(--wine-lt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #cd-page:where([data-colette-page="press"]) .cd-ledger li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:1rem;line-height:1.5;color:var(--cream-dim);align-items:baseline} #cd-page:where([data-colette-page="press"]) .cd-ledger li:last-child{border-bottom:none;padding-bottom:0} :where(#cd-page[data-colette-page="press"]) .cd-ledger li b{font-family:var(--serif) !important;font-weight:700 !important;font-size:1.15rem;color:var(--rose);font-variant-numeric:tabular-nums} /* ── Dress code: three editorial columns, no panel ── */ :where(#cd-page[data-colette-page="press"]) .cd-dress{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} :where(#cd-page[data-colette-page="press"]) .cd-dress-col{padding:30px 32px 30px 0;border-left:1px solid var(--line-soft);padding-left:32px} :where(#cd-page[data-colette-page="press"]) .cd-dress-col:first-child{border-left:0;padding-left:0} :where(#cd-page[data-colette-page="press"]) .cd-dress-label{font-family:var(--serif) !important;font-style:normal;font-weight:700;font-size:clamp(1.35rem,2vw,1.7rem);color:var(--rose);line-height:1.15;margin-bottom:14px} #cd-page:where([data-colette-page="press"]) .cd-dress-col p{color:var(--cream);font-size:1rem;line-height:1.7;margin:0 0 14px} #cd-page:where([data-colette-page="press"]) .cd-dress-col p.cd-dress-no{color:var(--cream-dim);font-size:.92rem;margin:0} :where(#cd-page[data-colette-page="press"]) .cd-dress-col p.cd-dress-no strong{color:var(--wine-lt);font-weight:600} :where(#cd-page[data-colette-page="press"]) .cd-arrive{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;align-items:start;margin-top:28px;padding:30px 36px 34px;border-radius:var(--r);background:linear-gradient(135deg,#1a1a1d,#111113);border:1px solid var(--line)} :where(#cd-page[data-colette-page="press"]) .cd-arrive-head{grid-column:1/-1;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)} :where(#cd-page[data-colette-page="press"]) .cd-arrive-title{font-family:var(--serif) !important;font-weight:700;font-size:clamp(1.45rem,2.2vw,1.8rem);color:var(--cream);line-height:1.15} #cd-page:where([data-colette-page="press"]) .cd-arrive-head p{margin:0;color:var(--cream-dim);font-size:.95rem} :where(#cd-page[data-colette-page="press"]) .cd-arrive-col{padding-left:28px;border-left:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="press"]) .cd-arrive-head + .cd-arrive-col{padding-left:0;border-left:0} :where(#cd-page[data-colette-page="press"]) .cd-arrive-col .cd-dress-label{font-size:clamp(1.2rem,1.7vw,1.45rem);margin-bottom:10px} #cd-page:where([data-colette-page="press"]) .cd-arrive-col p{margin:0;color:var(--cream);font-size:1rem;line-height:1.7} /* ── Parties: split panel + price table ── */ :where(#cd-page[data-colette-page="press"]) .cd-split{background:var(--ink);border:1px solid var(--line-soft);border-radius:var(--r);display:grid;grid-template-columns:1fr 1px 1fr;gap:0} :where(#cd-page[data-colette-page="press"]) .cd-split > div{padding:32px 36px;display:flex;flex-direction:column} :where(#cd-page[data-colette-page="press"]) .cd-split .cd-btn-row{margin-top:auto;padding-top:18px} :where(#cd-page[data-colette-page="press"]) .cd-split .cd-btn{align-self:flex-start} :where(#cd-page[data-colette-page="press"]) .cd-split .cd-split-div{padding:0;background:linear-gradient(180deg,transparent,var(--line) 15%,var(--line) 85%,transparent)} #cd-page:where([data-colette-page="press"]) .cd-split p{color:var(--cream-dim);font-size:1rem} :where(#cd-page[data-colette-page="press"]) .cd-split .cd-h3{border-top:none;padding-top:0} #cd-page:where([data-colette-page="press"]) .cd-steps li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:14px 0;align-items:baseline;color:var(--cream-dim);font-size:1rem;border-bottom:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="press"]) .cd-steps li:last-child{border-bottom:0} :where(#cd-page[data-colette-page="press"]) .cd-steps li b{font-family:var(--serif) !important;font-weight:700 !important;font-size:1.05rem;color:var(--rose)} #cd-page:where([data-colette-page="press"]) p.cd-fine{font-size:.82rem;color:var(--mute);font-style:italic;margin-top:10px} :where(#cd-page[data-colette-page="press"]) .cd-price{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line-soft);align-items:baseline} :where(#cd-page[data-colette-page="press"]) .cd-price:last-of-type{border-bottom:1px solid var(--line-soft);margin-bottom:0} :where(#cd-page[data-colette-page="press"]) .cd-price b{font-family:var(--serif) !important;font-weight:800 !important;font-size:1.8rem;color:var(--cream);line-height:1;font-variant-numeric:tabular-nums} #cd-page:where([data-colette-page="press"]) .cd-price p{margin:0;font-size:.92rem} :where(#cd-page[data-colette-page="press"]) .cd-price p strong{display:block;color:var(--cream);font-weight:600;margin-bottom:2px} /* ── Visit: map with floating card ── */ :where(#cd-page[data-colette-page="press"]) .cd-map{position:relative;min-height:440px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} :where(#cd-page[data-colette-page="press"]) .cd-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0} :where(#cd-page[data-colette-page="press"]) .cd-float{position:relative;z-index:2;margin:24px 24px 24px auto;width:360px;background:rgba(11,11,12,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--r-sm);padding:22px 24px;box-shadow:0 20px 50px rgba(0,0,0,.5)} :where(#cd-page[data-colette-page="press"]) .cd-addr{font-family:var(--serif) !important;font-weight:700;font-size:1.2rem;line-height:1.35;color:var(--cream);margin-bottom:6px} #cd-page:where([data-colette-page="press"]) .cd-contact li{padding:8px 0;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:12px;font-size:.9rem} :where(#cd-page[data-colette-page="press"]) .cd-contact li span{color:var(--mute);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding-top:3px} :where(#cd-page[data-colette-page="press"]) .cd-contact li a{color:var(--cream) !important;text-align:right} :where(#cd-page[data-colette-page="press"]) .cd-float .cd-btn{width:100%;margin-top:14px;min-height:42px} :where(#cd-page[data-colette-page="press"]) .cd-hotel{margin-top:16px;font-size:.9rem;color:var(--cream-dim)} #cd-page:where([data-colette-page="press"]) .cd-hotel p{margin:0 0 8px;font-size:.88rem} :where(#cd-page[data-colette-page="press"]) .cd-hotel a{color:#d9d9de !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:3px;text-decoration-color:rgba(142,206,252,.65) !important} /* ── Newsletter / team / partner ── */ :where(#cd-page[data-colette-page="press"]) .cd-news-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:32px;align-items:center;background:linear-gradient(160deg,#1c1c20,#111113);border:1px solid var(--line);border-radius:var(--r);padding:32px;overflow:hidden} :where(#cd-page[data-colette-page="press"]) .cd-news-img{max-width:260px;margin:0 auto;border-radius:var(--r-sm);overflow:hidden;box-shadow:0 20px 44px rgba(0,0,0,.5)} :where(#cd-page[data-colette-page="press"]) .cd-news-copy h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:8px} :where(#cd-page[data-colette-page="press"]) .cd-team{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:18px 24px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)} #cd-page:where([data-colette-page="press"]) .cd-team p{margin:0;color:var(--cream-dim)} :where(#cd-page[data-colette-page="press"]) .cd-team b{display:block;color:var(--wine);font-weight:600} :where(#cd-page[data-colette-page="press"]) .cd-partner{margin-top:26px;text-align:center} :where(#cd-page[data-colette-page="press"]) .cd-partner span{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:10px;font-weight:700} :where(#cd-page[data-colette-page="press"]) .cd-partner img{max-width:640px;margin:0 auto;border-radius:8px;opacity:.85;transition:opacity .2s} :where(#cd-page[data-colette-page="press"]) .cd-partner img:hover{opacity:1} :where(#cd-page[data-colette-page="press"]) .cd-partner small{display:block;margin-top:8px;font-size:.8rem;color:var(--mute);font-style:italic} /* ── Footer ── */ :where(#cd-page[data-colette-page="press"]) .cd-foot{padding:34px 0 40px;border-top:1px solid var(--line-soft);background:var(--ink)} :where(#cd-page[data-colette-page="press"]) .cd-foot-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;color:var(--mute);font-size:.85rem} :where(#cd-page[data-colette-page="press"]) .cd-foot-brand{font-size:1.05rem;color:var(--cream)} :where(#cd-page[data-colette-page="press"]) .cd-foot-brand .cd-bw{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important;font-weight:900 !important;text-transform:lowercase !important;color:var(--wine);letter-spacing:-.01em} :where(#cd-page[data-colette-page="press"]) .cd-foot-brand .cd-bc{font-family:Arial,'Helvetica Neue',sans-serif !important;font-weight:700 !important;text-transform:uppercase !important;font-size:.92em;letter-spacing:.04em;margin-left:7px} #cd-page:where([data-colette-page="press"]) .cd-foot a[href="#cd-page"]{color:var(--wine) !important} :where(#cd-page[data-colette-page="press"]) .cd-foot a{color:var(--cream-dim) !important} /* ── Override layer ── */ #cd-page:where([data-colette-page="press"]),#cd-page:where([data-colette-page="press"]) *{font-family:var(--sans) !important} #cd-page:where([data-colette-page="press"]) .cd-follow a::before{font-family:"Font Awesome 6 Brands" !important} #cd-page:where([data-colette-page="press"]) h1,#cd-page:where([data-colette-page="press"]) h2,#cd-page:where([data-colette-page="press"]) h1 em,#cd-page:where([data-colette-page="press"]) h2 em,#cd-page:where([data-colette-page="press"]) .cd-kicker,#cd-page:where([data-colette-page="press"]) .cd-pull,#cd-page:where([data-colette-page="press"]) .cd-about-side .cd-h3,#cd-page:where([data-colette-page="press"]) .cd-dress-label,#cd-page:where([data-colette-page="press"]) .cd-arrive-title,#cd-page:where([data-colette-page="press"]) .cd-glance-item b,#cd-page:where([data-colette-page="press"]) .cd-ledger li b,#cd-page:where([data-colette-page="press"]) .cd-steps li b,#cd-page:where([data-colette-page="press"]) .cd-price b,#cd-page:where([data-colette-page="press"]) .cd-addr,#cd-page:where([data-colette-page="press"]) .cd-foot-brand,#cd-page:where([data-colette-page="press"]) a.cdw-title,#cd-page:where([data-colette-page="press"]) .cd-cal-month,#cd-page:where([data-colette-page="press"]) .cd-cale-t,#cd-page:where([data-colette-page="press"]) .cd-cala-t{font-family:var(--serif) !important} #cd-page:where([data-colette-page="press"]) .cd-brandword{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important} #cd-page:where([data-colette-page="press"]) .cd-cityword,#cd-page:where([data-colette-page="press"]) .cd-foot-brand .cd-bc{font-family:Arial,'Helvetica Neue',sans-serif !important} #cd-page:where([data-colette-page="press"]) .cd-foot-brand .cd-bw{font-family:'Arial Black','Arial Bold',Arial,sans-serif !important} #cd-page:where([data-colette-page="press"]) a{text-decoration:none !important} #cd-page:where([data-colette-page="press"]) .cd-btn-wine,#cd-page:where([data-colette-page="press"]) .cd-btn-wine span{color:#0b0b0c !important} /* ── Photo gallery: entry chip ── */ #cd-page:where([data-colette-page="press"]) .cd-hero-photo{cursor:pointer} #cd-page:where([data-colette-page="press"]) .cd-hero-photo img{transition:transform .35s ease} @media (hover:hover){#cd-page:where([data-colette-page="press"]) .cd-hero-photo:hover img{transform:scale(1.025)}} :where(#cd-page[data-colette-page="press"]) .cdg-chip{position:absolute;right:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(11,11,12,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:var(--cream);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;transition:border-color .16s,background .16s} :where(#cd-page[data-colette-page="press"]) .cdg-chip svg{width:15px;height:15px;fill:none;stroke:var(--wine);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round} :where(#cd-page[data-colette-page="press"]) .cdg-chip-count{color:var(--mute);font-weight:600} #cd-page:where([data-colette-page="press"]) .cd-hero-photo:hover .cdg-chip,#cd-page:where([data-colette-page="press"]) .cd-hero-photo:focus-visible .cdg-chip{border-color:var(--wine);background:rgba(11,11,12,.86)} /* ── lightbox ── */ :where(#cd-page[data-colette-page="press"]) .cdg{position:fixed;inset:0;z-index:6000;display:none} :where(#cd-page[data-colette-page="press"]) .cdg.is-open{display:block} :where(#cd-page[data-colette-page="press"]) .cdg-backdrop{position:absolute;inset:0;background:rgba(6,6,7,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} :where(#cd-page[data-colette-page="press"]) .cdg-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:54px 90px;box-sizing:border-box} #cd-page:where([data-colette-page="press"]) #cdg-img{position:static;max-width:100%;max-height:100%;width:auto;height:auto;display:block;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.7);user-select:none;-webkit-user-drag:none;touch-action:pan-y;transition:opacity .18s ease} :where(#cd-page[data-colette-page="press"]) .cdg.is-swiping #cdg-img{transition:none} :where(#cd-page[data-colette-page="press"]) .cdg-loading{position:absolute;color:var(--mute);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;display:none} :where(#cd-page[data-colette-page="press"]) .cdg.is-loading .cdg-loading{display:block} :where(#cd-page[data-colette-page="press"]) .cdg-count{position:absolute;top:18px;left:22px;z-index:2;color:var(--wine);font-size:.85rem;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums} :where(#cd-page[data-colette-page="press"]) .cdg-close{position:absolute;top:12px;right:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(11,11,12,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .16s,background .16s} :where(#cd-page[data-colette-page="press"]) .cdg-close svg{width:16px;height:16px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round} :where(#cd-page[data-colette-page="press"]) .cdg-close:hover{border-color:var(--wine);background:rgba(11,11,12,.85)} :where(#cd-page[data-colette-page="press"]) .cdg-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(11,11,12,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .16s,background .16s,opacity .16s} :where(#cd-page[data-colette-page="press"]) .cdg-prev{left:16px}:where(#cd-page[data-colette-page="press"]) .cdg-next{right:16px} :where(#cd-page[data-colette-page="press"]) .cdg-arrow svg{width:18px;height:18px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} :where(#cd-page[data-colette-page="press"]) .cdg-arrow:hover{border-color:var(--wine);background:rgba(11,11,12,.85)} :where(#cd-page[data-colette-page="press"]) .cdg.chrome-hidden .cdg-count,:where(#cd-page[data-colette-page="press"]) .cdg.chrome-hidden .cdg-close,:where(#cd-page[data-colette-page="press"]) .cdg.chrome-hidden .cdg-arrow{opacity:0;pointer-events:none} @media (max-width:760px){ :where(#cd-page[data-colette-page="press"]) .cdg-stage{padding:52px 10px} :where(#cd-page[data-colette-page="press"]) .cdg-arrow{width:44px;height:44px} :where(#cd-page[data-colette-page="press"]) .cdg-prev{left:8px}:where(#cd-page[data-colette-page="press"]) .cdg-next{right:8px} :where(#cd-page[data-colette-page="press"]) .cdg-chip-label{display:none} :where(#cd-page[data-colette-page="press"]) .cdg-chip{padding:8px 12px} } @media (prefers-reduced-motion:reduce){#cd-page:where([data-colette-page="press"]) .cd-hero-photo img,#cd-page:where([data-colette-page="press"]) #cdg-img{transition:none}} /* ── Accent application (site-wide blue) ── */ #cd-page:where([data-colette-page="press"]) .cd-hero h1 em{color:var(--wine)} #cd-page:where([data-colette-page="press"]) .cd-glance-item span{color:var(--wine)} #cd-page:where([data-colette-page="press"]) .cd-about-side .cd-h3{color:var(--wine)} #cd-page:where([data-colette-page="press"]) .cd-ledger li b,#cd-page:where([data-colette-page="press"]) .cd-steps li b{color:var(--wine)} #cd-page:where([data-colette-page="press"]) .cd-dress-label{color:var(--wine)} #cd-page:where([data-colette-page="press"]) .cd-split .cd-h3{color:var(--wine)} #cd-page:where([data-colette-page="press"]) .cd-price b{color:var(--wine)} #cd-page:where([data-colette-page="press"]) .cd-split a.cd-btn-ghost[href^="tel:"]{color:var(--wine) !important} #cd-page:where([data-colette-page="press"]) .cd-contact li span{color:var(--wine)} #cd-page:where([data-colette-page="press"]) .cd-hotel .cd-h3{color:var(--wine)} /* ══ SPOTLIGHT: press and media page. Club-page v7.6 components throughout; page classes are prefixed cs-. ══ */ :where(#cd-page[data-colette-page="press"]) .cs-top{padding:34px 0 0;background:radial-gradient(900px 520px at 85% 10%,rgba(255,255,255,.06),transparent 65%),var(--ink)} #cd-page:where([data-colette-page="press"]) .cs-top h1{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.08;margin:0 0 14px} #cd-page:where([data-colette-page="press"]) p.cs-intro{color:var(--cream-dim);font-size:1.04rem;line-height:1.75;margin:0;max-width:74ch} :where(#cd-page[data-colette-page="press"]) .cs-sec{padding:52px 0 0;background:var(--ink)} /* every section owns the same gap above it; the per-section overrides had crept to 38 / 46 / 60 / 70 down the page */ #cd-page:where([data-colette-page="press"]) #conversation{padding-top:52px} #cd-page:where([data-colette-page="press"]) #archive{padding-top:52px} #cd-page:where([data-colette-page="press"]) #filmed{padding-top:52px} :where(#cd-page[data-colette-page="press"]) .cs-sec:last-of-type{padding-bottom:56px} :where(#cd-page[data-colette-page="press"]) .cs-rule{height:2px;background:linear-gradient(90deg,rgba(142,206,252,.85),rgba(142,206,252,.30) 55%,rgba(142,206,252,.10));border-radius:2px;margin:0 0 26px} /* the supporting sentence sits UNDER its heading, not beside it: alongside, it read as a stray caption and left a hole under short headings. */ :where(#cd-page[data-colette-page="press"]) .cs-head{margin:0 0 24px;padding-top:2px} #cd-page:where([data-colette-page="press"]) .cs-head h2{margin:0 0 10px} #cd-page:where([data-colette-page="press"]) p.cs-head-intro{color:var(--cream-dim);font-size:1.04rem;line-height:1.7;margin:0;max-width:78ch} /* video: thumbnail until pressed, then the player */ :where(#cd-page[data-colette-page="press"]) .cs-video{width:100%} :where(#cd-page[data-colette-page="press"]) .cs-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line-soft);background:var(--ink3)} #cd-page:where([data-colette-page="press"]) button.cs-play{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;display:block} #cd-page:where([data-colette-page="press"]) .cs-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .18s} #cd-page:where([data-colette-page="press"]) button.cs-play:hover img,#cd-page:where([data-colette-page="press"]) button.cs-play:focus-visible img{opacity:.9} #cd-page:where([data-colette-page="press"]) button.cs-play:focus-visible{outline:2px solid var(--wine-lt);outline-offset:3px} #cd-page:where([data-colette-page="press"]) .cs-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0} :where(#cd-page[data-colette-page="press"]) .cs-fallback{position:absolute;inset:0;z-index:3;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;text-align:center;background:linear-gradient(160deg,var(--ink3),var(--ink2))} :where(#cd-page[data-colette-page="press"]) .cs-frame.is-broken .cs-fallback{display:flex} #cd-page:where([data-colette-page="press"]) .cs-fallback span{color:var(--cream-dim);font-size:.9rem;line-height:1.45;max-width:34ch} #cd-page:where([data-colette-page="press"]) .cs-fallback a{color:var(--wine) !important;font-weight:600;text-decoration:underline !important;text-underline-offset:4px;font-size:.9rem} #cd-page:where([data-colette-page="press"]) p.cs-watch{margin:9px 0 0;font-size:.84rem;line-height:1.4;display:flex;align-items:center;gap:8px;flex-wrap:wrap} #cd-page:where([data-colette-page="press"]) button.cs-playlink{appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;cursor:pointer;color:var(--wine);font-family:var(--sans) !important;font-size:.84rem;font-weight:600;text-decoration:underline;text-underline-offset:4px;transition:color .16s} #cd-page:where([data-colette-page="press"]) button.cs-playlink:hover{color:var(--wine-lt)} #cd-page:where([data-colette-page="press"]) button.cs-playlink::before{content:"\25B6";font-size:.62em;margin-right:7px;vertical-align:1px;text-decoration:none;display:inline-block} :where(#cd-page[data-colette-page="press"]) .cs-dot{color:var(--mute)} #cd-page:where([data-colette-page="press"]) .cs-watch a{color:var(--mute) !important;text-decoration:underline !important;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.22) !important;transition:color .16s} #cd-page:where([data-colette-page="press"]) .cs-watch a:hover{color:var(--wine) !important;text-decoration-color:var(--wine) !important} :where(#cd-page[data-colette-page="press"]) .cs-frame.is-playing + .cs-watch .cs-playlink,:where(#cd-page[data-colette-page="press"]) .cs-frame.is-playing + .cs-watch .cs-dot{display:none} /* the featured conversation */ :where(#cd-page[data-colette-page="press"]) .cs-feature{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"head head" "media copy" "note note";gap:0 36px;align-items:start; border:1px solid rgba(142,206,252,.34);border-radius:var(--r);background:linear-gradient(160deg,rgba(142,206,252,.14),rgba(142,206,252,.04) 60%,rgba(142,206,252,.02));padding:26px 28px} :where(#cd-page[data-colette-page="press"]) .cs-feature-head{grid-area:head;margin:0 0 20px} #cd-page:where([data-colette-page="press"]) h3.cs-feature-title{font-family:var(--serif) !important;font-weight:700 !important;font-size:clamp(1.45rem,2.4vw,1.95rem);line-height:1.2;color:var(--cream);margin:0;text-transform:none !important;letter-spacing:0} :where(#cd-page[data-colette-page="press"]) .cs-meta{display:block;font-size:.88rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);margin:0 0 8px} :where(#cd-page[data-colette-page="press"]) .cs-feature .cs-video{grid-area:media} /* the copy group is centred against the video rather than pinned to the foot of the column. Pinning aligned the button to the bottom of the video BLOCK, which includes the "Play video" caption line, so it hung 43px below the frame, and it opened a 192px hole under the paragraph. */ :where(#cd-page[data-colette-page="press"]) .cs-feature-copy{grid-area:copy;align-self:center;margin-bottom:38px} #cd-page:where([data-colette-page="press"]) .cs-feature p{color:var(--cream-dim);font-size:1rem;line-height:1.7;margin:0 0 16px} #cd-page:where([data-colette-page="press"]) .cs-feature-copy .cd-btn{width:auto;margin-top:8px} #cd-page:where([data-colette-page="press"]) p.cs-alt{grid-area:note;margin:10px 0 0;font-size:.9rem;color:var(--mute);line-height:1.65;max-width:none} #cd-page:where([data-colette-page="press"]) .cs-alt a{color:var(--wine) !important;font-weight:600;text-decoration:underline !important;text-underline-offset:3px} /* press cards */ :where(#cd-page[data-colette-page="press"]) .cs-press{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch} :where(#cd-page[data-colette-page="press"]) .cs-card{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.09);border-radius:var(--r); background:linear-gradient(170deg,rgba(255,255,255,.03),rgba(255,255,255,.008));padding:24px 26px;transition:border-color .18s,transform .18s} :where(#cd-page[data-colette-page="press"]) .cs-card:hover{border-color:rgba(142,206,252,.3);transform:translateY(-2px)} /* the publication and its date are ONE line in exactly the treatment used for 'OPENLOVE101 COLLABORATION · JULY 14, 2026' on the featured panel: same face, weight, letterspacing and colour, one step smaller than the featured line. Harper's Bazaar is deliberately NOT on this page: it was never a verified source. The four below are the supplied set. */ :where(#cd-page[data-colette-page="press"]) .cs-pub{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:12px; font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)} #cd-page:where([data-colette-page="press"]) .cs-pub b,#cd-page:where([data-colette-page="press"]) .cs-pub time,#cd-page:where([data-colette-page="press"]) .cs-pub .cs-dot{font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--wine);white-space:nowrap} #cd-page:where([data-colette-page="press"]) h3.cs-card-title{font-family:var(--serif) !important;font-weight:700 !important;font-size:1.15rem;line-height:1.3;color:var(--cream);margin:0 0 10px;text-transform:none !important;letter-spacing:0} #cd-page:where([data-colette-page="press"]) .cs-card p{color:var(--cream-dim);font-size:.98rem;line-height:1.7;margin:0 0 16px} #cd-page:where([data-colette-page="press"]) a.cs-readlink{margin-top:auto;align-self:flex-start;color:var(--wine) !important;font-weight:600 !important;font-size:.94rem;text-decoration:underline !important;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--wine) !important;transition:color .16s} #cd-page:where([data-colette-page="press"]) a.cs-readlink:hover{color:var(--wine-lt) !important} /* archive: one lead video, two beneath */ :where(#cd-page[data-colette-page="press"]) .cs-archive-lead{margin-bottom:42px} :where(#cd-page[data-colette-page="press"]) .cs-archive-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px} #cd-page:where([data-colette-page="press"]) h3.cs-vid-title{font-family:var(--serif) !important;font-weight:700 !important;font-size:1.1rem;line-height:1.3;color:var(--wine);margin:24px 0 8px;text-transform:none !important;letter-spacing:0} #cd-page:where([data-colette-page="press"]) .cs-archive-lead h3.cs-vid-title{font-size:clamp(1.2rem,1.9vw,1.45rem)} #cd-page:where([data-colette-page="press"]) p.cs-vid-copy{color:var(--cream-dim);font-size:.98rem;line-height:1.7;margin:0;max-width:74ch} /* closing feature */ :where(#cd-page[data-colette-page="press"]) .cs-film{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:34px;align-items:center; border:1px solid rgba(255,255,255,.09);border-radius:var(--r);background:linear-gradient(170deg,rgba(255,255,255,.035),rgba(255,255,255,.008));padding:26px 28px} #cd-page:where([data-colette-page="press"]) .cs-film h3{font-family:var(--serif) !important;font-weight:700 !important;font-size:clamp(1.25rem,2vw,1.6rem);color:var(--cream);margin:0 0 10px;text-transform:none !important;letter-spacing:0} #cd-page:where([data-colette-page="press"]) .cs-film p{color:var(--cream-dim);font-size:1rem;line-height:1.7;margin:0 0 16px} /* the copy column spans the video instead of sitting centred as one block: the title rides near the top, the button keeps the position it already had, and the paragraph is spaced evenly between the two. */ :where(#cd-page[data-colette-page="press"]) .cs-film > div:last-child{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:18px 0 55px} #cd-page:where([data-colette-page="press"]) .cs-film > div:last-child p{margin:0} #cd-page:where([data-colette-page="press"]) .cs-film > div:last-child h3{margin:0} #cd-page:where([data-colette-page="press"]) .cs-film > div:last-child .cd-btn{align-self:flex-start} @media (max-width:1000px){ :where(#cd-page[data-colette-page="press"]) .cs-head{grid-template-columns:1fr;gap:12px} :where(#cd-page[data-colette-page="press"]) .cs-feature{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "media" "copy" "note";gap:18px} :where(#cd-page[data-colette-page="press"]) .cs-feature-copy{margin-bottom:0} :where(#cd-page[data-colette-page="press"]) .cs-film{grid-template-columns:minmax(0,1fr);gap:22px} :where(#cd-page[data-colette-page="press"]) .cs-film > div:last-child{align-self:auto;display:block;padding:0} #cd-page:where([data-colette-page="press"]) .cs-film > div:last-child p{margin:0 0 16px} #cd-page:where([data-colette-page="press"]) .cs-film > div:last-child h3{margin:0 0 10px} :where(#cd-page[data-colette-page="press"]) .cs-film .cs-video{order:-1} :where(#cd-page[data-colette-page="press"]) .cs-press{gap:16px} } @media (max-width:760px){ :where(#cd-page[data-colette-page="press"]) .cs-top{padding:24px 0 0} :where(#cd-page[data-colette-page="press"]) .cs-sec,#cd-page:where([data-colette-page="press"]) #conversation,#cd-page:where([data-colette-page="press"]) #archive,#cd-page:where([data-colette-page="press"]) #filmed{padding-top:34px} :where(#cd-page[data-colette-page="press"]) .cs-sec:last-of-type{padding-bottom:38px} :where(#cd-page[data-colette-page="press"]) .cs-press,:where(#cd-page[data-colette-page="press"]) .cs-archive-pair{grid-template-columns:minmax(0,1fr)} :where(#cd-page[data-colette-page="press"]) .cs-feature,:where(#cd-page[data-colette-page="press"]) .cs-film{padding:20px 18px} :where(#cd-page[data-colette-page="press"]) .cs-card{padding:20px 18px} #cd-page:where([data-colette-page="press"]) p.cs-intro,#cd-page:where([data-colette-page="press"]) .cs-feature p,#cd-page:where([data-colette-page="press"]) .cs-film p{font-size:1rem} } /* ── Responsive ── */ @media (max-width:1000px){ :where(#cd-page[data-colette-page="press"]) .cd-hero-inner{grid-template-columns:1fr;gap:28px} :where(#cd-page[data-colette-page="press"]) .cd-hero-photo{order:-1;min-height:0;aspect-ratio:16/9} :where(#cd-page[data-colette-page="press"]) .cd-about{grid-template-columns:1fr;gap:36px} :where(#cd-page[data-colette-page="press"]) .cd-about-side .cd-rules{margin-top:0} :where(#cd-page[data-colette-page="press"]) .cd-dress{grid-template-columns:1fr 1fr} :where(#cd-page[data-colette-page="press"]) .cd-dress-strict{grid-column:span 2;border-left:0;border-top:1px solid var(--line-soft);padding-left:0} :where(#cd-page[data-colette-page="press"]) .cd-split{grid-template-columns:1fr} :where(#cd-page[data-colette-page="press"]) .cd-split .cd-split-div{display:none} :where(#cd-page[data-colette-page="press"]) .cd-split > div + .cd-split-div + div{border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="press"]) .cd-news-grid{grid-template-columns:1fr;text-align:center} #cd-page:where([data-colette-page="press"]) .cd-news-copy p.cd-lead{margin:0 auto 14px} :where(#cd-page[data-colette-page="press"]) .cd-news-copy .cd-kicker{justify-content:center} :where(#cd-page[data-colette-page="press"]) .cd-news-copy .cd-btn-row{justify-content:center} :where(#cd-page[data-colette-page="press"]) .cd-news-copy .cd-btn{width:100%} } @media (max-width:900px){ :where(#cd-page[data-colette-page="press"]) .cd-map{min-height:0} :where(#cd-page[data-colette-page="press"]) .cd-float{width:auto;margin:16px 0 0} :where(#cd-page[data-colette-page="press"]) .cd-map{overflow:visible;border:0;background:none} :where(#cd-page[data-colette-page="press"]) .cd-map iframe{position:relative;aspect-ratio:16/10;height:auto;border-radius:var(--r);border:1px solid var(--line-soft)} } @media (max-width:760px){ :where(#cd-page[data-colette-page="press"]) .cd-wrap{width:calc(100% - 32px)} :where(#cd-page[data-colette-page="press"]) .cd-sec{padding:28px 0 36px} :where(#cd-page[data-colette-page="press"]) .cd-hero{padding:20px 0 32px} :where(#cd-page[data-colette-page="press"]) .cd-hero .cd-kicker{display:block;font-size:1rem;line-height:1.5} :where(#cd-page[data-colette-page="press"]) .cd-hero .cd-kicker::before{display:none} :where(#cd-page[data-colette-page="press"]) .cd-follow{gap:9px;margin:18px 0 18px} #cd-page:where([data-colette-page="press"]) .cd-follow a{width:36px;height:36px} :where(#cd-page[data-colette-page="press"]) .cd-glance-grid{grid-template-columns:1fr 1fr} :where(#cd-page[data-colette-page="press"]) .cd-glance-item{border-left:none;border-top:1px solid var(--line-soft);padding:14px 14px 14px 0} :where(#cd-page[data-colette-page="press"]) .cd-glance-item:nth-child(-n+2){border-top:none} :where(#cd-page[data-colette-page="press"]) .cd-glance-item:nth-child(even){border-left:1px solid var(--line-soft);padding-left:14px} /* glance strip: slightly smaller type on mobile so long day names never wrap awkwardly */ #cd-page:where([data-colette-page="press"]) .cd-glance-item b{font-size:.95rem;line-height:1.35} #cd-page:where([data-colette-page="press"]) .cd-glance-item small{font-size:.78rem} #cd-page:where([data-colette-page="press"]) .cd-glance-item span{font-size:.62rem;letter-spacing:.16em} /* social buttons: even 2-up grid on mobile (flex-wrap centering staggered them). Wrappers the platform puts around buttons go transparent (display:contents) so every BUTTON is a grid cell; long labels wrap inside their pill instead of clipping, and the pill grows in height. */ #cd-page:where([data-colette-page="press"]) .cd-social-widget{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:400px;margin-left:auto;margin-right:auto} #cd-page:where([data-colette-page="press"]) .cd-social-widget br{display:none} /* flatten ANY wrapper markup the widget ships (at any depth) so each BUTTON is its own grid cell — the members quick-links set nests its anchors */ #cd-page:where([data-colette-page="press"]) .cd-social-widget div,#cd-page:where([data-colette-page="press"]) .cd-social-widget p,#cd-page:where([data-colette-page="press"]) .cd-social-widget ul,#cd-page:where([data-colette-page="press"]) .cd-social-widget ol,#cd-page:where([data-colette-page="press"]) .cd-social-widget li{display:contents} #cd-page:where([data-colette-page="press"]) .cd-social-widget a{position:static !important;float:none !important;display:inline-flex !important;width:100% !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:38px;margin:0 !important;padding:8px 12px !important;white-space:normal !important;line-height:1.25 !important;text-align:center;overflow:visible !important;text-overflow:clip !important;text-indent:0 !important} :where(#cd-page[data-colette-page="press"]) .cd-dress{grid-template-columns:1fr} :where(#cd-page[data-colette-page="press"]) .cd-dress-col{border-left:0;padding:22px 0;border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="press"]) .cd-dress-col:first-child{border-top:0} :where(#cd-page[data-colette-page="press"]) .cd-dress-strict{grid-column:auto} :where(#cd-page[data-colette-page="press"]) .cd-arrive{grid-template-columns:1fr;gap:18px;padding:22px 20px} :where(#cd-page[data-colette-page="press"]) .cd-arrive-col{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid var(--line-soft)} :where(#cd-page[data-colette-page="press"]) .cd-check{grid-template-columns:1fr} :where(#cd-page[data-colette-page="press"]) .cd-split > div{padding:24px 22px} :where(#cd-page[data-colette-page="press"]) .cd-map iframe{aspect-ratio:4/3} :where(#cd-page[data-colette-page="press"]) .cd-btn{width:100%} :where(#cd-page[data-colette-page="press"]) .cd-btn-row{flex-direction:column} #cd-page:where([data-colette-page="press"]) .cd-events .cdw-btngrid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:300px} #cd-page:where([data-colette-page="press"]) .cd-events .cdw-btngrid > :last-child:not(:nth-child(-n+2)) a.cdw-btn{width:calc(50% - 5px) !important} } @media (max-width:420px){ :where(#cd-page[data-colette-page="press"]) .cd-glance-grid{grid-template-columns:1fr} :where(#cd-page[data-colette-page="press"]) .cd-glance-item{border-left:none !important;border-top:1px solid var(--line-soft) !important;padding-left:0 !important} :where(#cd-page[data-colette-page="press"]) .cd-glance-item:first-child{border-top:none !important} } @media (prefers-reduced-motion:reduce){#cd-page:where([data-colette-page="press"]) *{transition:none !important}} /* LOCAL CONTENT VARIANTS AND GALLERY CLOSE ACCESS */ #cd-page:where([data-colette-page="club"]) .cd-split.cd-split-solo{grid-template-columns:1fr} #cd-page:where([data-colette-page="club"]) #cdg{z-index:4000001} #cd-page:where([data-colette-page="faq"]) .cd-addr-name{font-size:1.35rem;line-height:1.1;color:var(--cream);margin:0 0 8px} #cd-page:where([data-colette-page="faq"]) .cd-brandword{font-family:"Arial Black","Arial Bold",Arial,sans-serif!important;font-weight:900!important;font-style:normal;display:inline-block;font-size:.95em;line-height:1.05;text-transform:lowercase!important;letter-spacing:-.01em} #cd-page:where([data-colette-page="faq"]) .cd-cityword{font-family:Arial,"Helvetica Neue",sans-serif!important;font-weight:700!important;font-style:normal;text-transform:uppercase!important;font-size:.88em;letter-spacing:.02em} #cd-page:where([data-colette-page="faq"]) .cd-addr-name .cd-cityword{color:var(--wine)} /* APPROVED PUBLIC HEADER COMPONENT */ /* PUBLIC MENU SKIN: shared site stylesheet. Based on the approved Home reference; preserve native dropdown/login controls and the separate reviewed colette-menu replacement. Scoped to body.public. */ /* ── the bar ── */ body.public .menu_container.domcon-custom{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:26px;width:100%;max-width:1120px;height:70px;margin:0 auto;padding:0 20px;background:transparent !important;border-radius:0;box-shadow:none} body.public #custom_header{background:rgba(11,11,12,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1)} body.public nav.navbar-default{margin-top:0} /* ── logo: size by height only ── */ body.public .menu_container a.navbar-brand{display:flex;align-items:center;flex-shrink:0;height:70px;padding:0 !important;margin:0 !important} body.public .menu_container a.navbar-brand img{height:46px !important;width:auto !important;display:block;margin:0 !important} /* ── top-level links ── */ body.public .colette-navbar.navbar{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:0} body.public .colette-navbar.navbar>li{margin:0 !important;padding:0 !important} body.public .colette-navbar.navbar>li>strong{font-weight:600;display:contents} body.public .colette-navbar.navbar>li>a,body.public .colette-navbar.navbar>li>strong>a{display:inline-flex;align-items:center;height:70px;padding:0 14px !important;font-family:Karla,'Helvetica Neue',Arial,sans-serif;font-size:.92rem;font-weight:600 !important;letter-spacing:.12em;text-transform:uppercase;color:#8ecefc !important;line-height:1;border-radius:0;background-image:linear-gradient(#b0defd,#b0defd);background-repeat:no-repeat;background-position:14px calc(50% + 17px);background-size:0 2px;transition:color .16s,background-size .18s ease} body.public .colette-navbar.navbar>li>a:hover,body.public .colette-navbar.navbar>li>strong>a:hover,body.public .colette-navbar.navbar>li.open>a{color:#f2f2f2 !important;background-color:transparent !important;background-size:calc(100% - 28px) 2px} /* caret (existing ::after triangle) */ body.public .colette-navbar a.has-dropdown::after{border-top-color:rgba(142,206,252,.7);margin-left:.45em;vertical-align:.1em} body.public .colette-navbar>li>a:hover::after,body.public .colette-navbar>li.open>a::after{border-top-color:#f2f2f2} /* Shop: whatever the platform nests inside the tagged li (strong/span/inline styles), force it to render exactly like every other nav item */ body.public .colette-navbar li.cc-shop>a,body.public .colette-navbar li.cc-shop>strong>a{display:inline-flex;align-items:center;height:70px;padding:0 14px !important;font-family:Karla,'Helvetica Neue',Arial,sans-serif !important;font-size:.92rem !important;font-style:normal !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#8ecefc !important;line-height:1 !important;border-radius:0;background-image:linear-gradient(#b0defd,#b0defd);background-repeat:no-repeat;background-position:14px calc(50% + 17px);background-size:0 2px;transition:color .16s,background-size .18s ease} body.public .colette-navbar li.cc-shop>a:hover,body.public .colette-navbar li.cc-shop>strong>a:hover{color:#f2f2f2 !important;background-color:transparent !important;background-size:calc(100% - 28px) 2px} body.public .colette-navbar li.cc-shop a *{color:inherit !important;font:inherit !important;letter-spacing:inherit !important;text-transform:inherit !important;text-shadow:none !important;background:none !important} body.public .colette-navbar li.cc-shop>strong{display:contents;font-weight:inherit} /* Shop paint only; duplicate-entry removal belongs to the reviewed menu HTML. */ body.public .colette-navbar strong a span,body.public .colette-navbar a span[style*="f1c40f"]{color:inherit !important;font-weight:inherit !important} /* ── dropdown panels ── */ body.public .colette-navbar .dropdown{background-color:#131315;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 24px 54px rgba(0,0,0,.55);min-width:220px;padding:8px !important;margin-left:0 !important} body.public .colette-navbar .dropdown li{padding:0 !important} body.public .colette-navbar .dropdown li a{display:block;padding:10px 14px !important;border-radius:8px;font-family:Karla,'Helvetica Neue',Arial,sans-serif;font-size:.86rem;font-weight:400 !important;letter-spacing:.02em;text-transform:none;color:#8ecefc !important;background:none;transition:background .14s,color .14s} body.public .colette-navbar .dropdown li a:hover{background-color:rgba(255,255,255,.06) !important;color:#f2f2f2 !important} /* Dropdown visibility remains owned by the existing native click handler. */ /* ── LOGIN: lift above the bar background and align into the 1120px container ── */ @media(min-width:1001px){body.public:not(.ml_sidemenu):not(.ml_short):not(.show-login) #login_logout{right:max(20px,calc((100% - 1120px) / 2));height:70px;display:flex;align-items:center}} body.public #top_right_menu{margin:0;padding:0;display:flex;align-items:center;gap:10px} /* language selector: drop the flag icon, present as a quiet dropdown control */ body.public #top_right_menu button.nationflag:has(.cc-lang){background-color:transparent !important;width:auto !important;height:40px !important;min-width:64px !important;padding:0 18px !important;margin:0 !important;border:1.5px solid rgba(255,255,255,.3) !important;border-radius:999px !important;color:#8ecefc;font-family:Karla,'Helvetica Neue',Arial,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:color .16s,border-color .16s;text-indent:0;overflow:visible} body.public #top_right_menu button.nationflag:has(.cc-lang)::after{content:none !important;display:none !important} body.public #top_right_menu button.nationflag:has(.cc-lang)::before{content:none !important;display:none !important;background:none !important} body.public #top_right_menu button.nationflag:has(.cc-lang) img{display:none !important} body.public #top_right_menu button.nationflag:has(.cc-lang){position:relative;overflow:hidden} body.public #top_right_menu button.nationflag:has(.cc-lang) .cc-lang{position:absolute;inset:0;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#0b0b0c;border-radius:999px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit} body.public #top_right_menu button.nationflag:has(.cc-lang) .cc-lang::after{content:'';border-top:4px solid rgba(142,206,252,.7);border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:0} body.public #top_right_menu button.nationflag:has(.cc-lang):hover .cc-lang::after{border-top-color:#f2f2f2} body.public #top_right_menu button.nationflag:has(.cc-lang):hover{color:#f2f2f2;border-color:rgba(255,255,255,.34)} body.public #top_right_menu button.nationflag:has(.cc-lang):hover::after{border-top-color:#f2f2f2} @media(min-width:1001px){body.public:not(.ml_sidemenu) .menu_container.domcon-custom{padding-right:200px}} /* ── LOGIN pill + flyout ── */ body.public:not(.show-login) #top_right_menu a#login_button.ml_button{display:inline-flex;align-items:center;justify-content:center;height:40px;min-height:0;padding:0 18px;line-height:1;border:1.5px solid rgba(255,255,255,.3) !important;border-radius:999px !important;background:rgba(255,255,255,.04) !important;color:#8ecefc !important;font-family:Karla,'Helvetica Neue',Arial,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:none;transition:background .16s,border-color .16s} body.public #top_right_menu a#login_button.ml_button:hover{background:#8ecefc !important;border-color:#b0defd !important;color:#0b0b0c !important} body.public #login_form .flyout{background:#131315 !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:14px;box-shadow:0 24px 54px rgba(0,0,0,.6) !important} body.public #login_form label{color:#b9b9be;font-size:.72rem;letter-spacing:.12em} body.public #login_form input[type=text],body.public #login_form input[type=password]{background:#0b0b0c;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#f2f2f2;padding:8px 10px} body.public #login_form .ml_button a{border:1.5px solid rgba(255,255,255,.3) !important;border-radius:999px !important;background:#8ecefc !important;color:#0b0b0c !important;text-transform:uppercase;letter-spacing:.08em} body.public #login_form .ml_button a:hover{background:#b0defd !important;color:#0b0b0c !important} /* ── mobile side menu: typography re-skin only ── */ body.public.ml_sidemenu #ml_navbar{background:#0b0b0c} body.public.ml_sidemenu nav.navbar .navbar-header .navbar-brand img{height:38px !important;width:auto !important} body.public.ml_sidemenu .colette-navbar.navbar>li>a,body.public.ml_sidemenu .colette-navbar.navbar>li>strong>a,body.public.ml_sidemenu .colette-navbar li.cc-shop>a,body.public.ml_sidemenu .colette-navbar li.cc-shop>strong>a{display:block;height:auto;padding:14px 4px !important;font-size:.9rem;letter-spacing:.12em;background-image:none;border-bottom:1px solid rgba(255,255,255,.07)} body.public.ml_sidemenu .colette-navbar ul.dropdown{position:static;background-color:transparent;border:0;box-shadow:none;border-radius:0;padding:0 0 6px !important} body.public.ml_sidemenu .colette-navbar ul.dropdown li a{padding:10px 4px 10px 22px !important;color:#8ecefc !important} /* Preserve native language content on pages without the existing label helper. */ body.public #top_right_menu button.nationflag:has(.cc-lang){background-image:none !important} /* PUBLIC DESKTOP MENU FIT Keep the six requested public entries and both native account controls on one 70px row above the existing mobile breakpoint. No opening-state or visibility rule is introduced. */ @media(min-width:1001px){ body.public:not(.ml_sidemenu) #custom_header .colette-navbar.navbar{height:auto;min-height:70px;flex:1 1 0;min-width:0;max-width:100%;flex-wrap:wrap} body.public:not(.ml_sidemenu) #custom_header .colette-navbar.navbar>li{height:70px} } @media(min-width:1001px) and (max-width:1199px){ body.public #custom_header .colette-navbar>li>a, body.public #custom_header .colette-navbar>li>strong>a{font-size:.78rem!important;padding-left:9px!important;padding-right:9px!important} body.public #custom_header .menu_container.domcon-custom{gap:18px} } /* Keep the normal 70px row; enlarged text may wrap within the reserved menu area rather than cover native account controls. */ @media(min-width:1001px){body.public:not(.ml_sidemenu) #custom_header .menu_container.domcon-custom{height:auto;min-height:70px;align-items:flex-start}} /* This added rule changes field paint only. The inherited approved login skin above retains its padding/border geometry; validation stays native. */ body.public #login_logout form#login_form input:is(#login,#password){background-image:none!important;background-color:#0b0b0c!important;color:#f2f2f2} body.public #login_form :is(input,a,button):focus-visible{outline:2px solid #8ecefc;outline-offset:2px} body.public #login_form input:-webkit-autofill{-webkit-text-fill-color:#f2f2f2;caret-color:#f2f2f2;box-shadow:inset 0 0 0 1000px #0b0b0c} /* NATIVE ORDER: paint and heading type only. Native layout, state and fees own behavior. */ body.order #order_form{background-color:#131315;color:#c6c6cb;border-color:rgba(255,255,255,.14);border-radius:14px} body.order #page_heading{font-family:Manrope,'Helvetica Neue',Arial,sans-serif;color:#f2f2f2} body.order #order_form label,body.order #order_form th{color:#f2f2f2} body.order #order_form input[type="text"], body.order #order_form input[type="email"], body.order #order_form input[type="tel"], body.order #order_form input[type="number"], body.order #order_form select, body.order #order_form textarea{background-color:#0b0b0c;color:#f2f2f2;border-color:rgba(255,255,255,.25);border-radius:8px} body.order #order_form input[type="checkbox"],body.order #order_form input[type="radio"]{accent-color:#8ecefc} body.order #order_form :is(input,select,textarea,a,button):focus-visible{outline:2px solid #8ecefc;outline-offset:2px} body.order #order_form a{color:#8ecefc} body.order #order_form a:hover{color:#b0defd} /* Native .ml_button a.green makes these background longhands and text important. Apply only to the observed action anchors in their normal state. Do not set font, size, display, position, cursor, opacity, pointer-events or visibility. */ body.order #order_form .ml_button :is(#save_and_continue_button,#reserve_button,#paynow_button):not([disabled]):not([aria-disabled="true"]):not(.disabled):not(.processing):not(.processing *){background-image:none!important;background-color:#8ecefc!important;color:#0b0b0c!important;border-color:#8ecefc;border-radius:999px;text-shadow:none} body.order #order_form .ml_button :is(#save_and_continue_button,#reserve_button,#paynow_button):not([disabled]):not([aria-disabled="true"]):not(.disabled):not(.processing):not(.processing *):hover{background-color:#b0defd!important} body.order #order_form .error,body.order #order_form .field_with_errors{color:#ffb8b8} body.order #order_form .error input,body.order #order_form .field_with_errors input{border-color:#ffb8b8} body.order #order_form input:disabled,body.order #order_form select:disabled{color:#a9a9b0} body.order #order_form input::placeholder,body.order #order_form textarea::placeholder{color:#a9a9b0} body.order #order_form input:-webkit-autofill{-webkit-text-fill-color:#f2f2f2;caret-color:#f2f2f2;box-shadow:inset 0 0 0 1000px #0b0b0c} /* NATIVE EVENTS: shared palette, native direct/flyout layout and action boxes. Do not flatten or reposition the native action wrappers. No universal font or color rule touches author content or icon glyphs. */ body.event-details #event_page, #flyout_container #event_flyout{background-color:#131315;color:#c6c6cb;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)} body.event-details #event_page #event_title, #flyout_container #event_flyout #event_title{font-family:Manrope,'Helvetica Neue',Arial,sans-serif;font-weight:700;color:#f2f2f2} body.event-details #event_page #event_title a, #flyout_container #event_flyout #event_title a{color:#f2f2f2} body.event-details #event_page #event_date, #flyout_container #event_flyout #event_date{color:#c6c6cb} body.event-details #event_page #event_details, #flyout_container #event_flyout #event_details{font-family:Karla,'Helvetica Neue',Arial,sans-serif;color:#c6c6cb} body.event-details #event_page #host_and_venue a, #flyout_container #event_flyout #host_and_venue a{color:#8ecefc} body.event-details #event_page #flyer img, #flyout_container #event_flyout #flyer img{border-radius:10px} /* Color only: two duplicate native event_status_div IDs are intentionally addressed through their separate observed parents. */ body.event-details #yield > .sidenav #event_status_div a.icon_button:is(.buy,.people,.checkin,.edit,.copy):not([disabled]):not([aria-disabled="true"]):not(.disabled):not(.processing):not(.processing *):not(.red):not(.danger):not([data-confirm]):not([data-method="delete"]), body.event-details #event_page > #event_status_div a.icon_button:is(.buy,.people,.checkin,.edit,.copy):not([disabled]):not([aria-disabled="true"]):not(.disabled):not(.processing):not(.processing *):not(.red):not(.danger):not([data-confirm]):not([data-method="delete"]), #flyout_container #event_flyout #event_status_div a.icon_button:is(.buy,.people,.checkin,.edit,.copy):not([disabled]):not([aria-disabled="true"]):not(.disabled):not(.processing):not(.processing *):not(.red):not(.danger):not([data-confirm]):not([data-method="delete"]){color:#8ecefc!important;background-image:none!important;background-color:transparent!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);border-radius:999px;text-shadow:none} body.event-details #yield > .sidenav #event_status_div a.icon_button:is(.buy,.people,.checkin,.edit,.copy):not([disabled]):not([aria-disabled="true"]):not(.disabled):not(.processing):not(.processing *):not(.red):not(.danger):not([data-confirm]):not([data-method="delete"]):hover, body.event-details #event_page > #event_status_div a.icon_button:is(.buy,.people,.checkin,.edit,.copy):not([disabled]):not([aria-disabled="true"]):not(.disabled):not(.processing):not(.processing *):not(.red):not(.danger):not([data-confirm]):not([data-method="delete"]):hover, #flyout_container #event_flyout #event_status_div a.icon_button:is(.buy,.people,.checkin,.edit,.copy):not([disabled]):not([aria-disabled="true"]):not(.disabled):not(.processing):not(.processing *):not(.red):not(.danger):not([data-confirm]):not([data-method="delete"]):hover{color:#0b0b0c!important;background-color:#8ecefc!important} body.event-details #event_page a:focus-visible, body.event-details #yield > .sidenav #event_status_div a:focus-visible, #flyout_container #event_flyout a:focus-visible{outline:2px solid #8ecefc;outline-offset:2px} /* NATIVE APPLICATION FIRST STEP: observed container, fields and actions only. The public and later registration steps remain real-session acceptance gates. */ body.registration #registration_container{background-color:#131315;color:#c6c6cb;border-color:rgba(255,255,255,.14);border-radius:14px} body.registration #register > #page_heading{font-family:Manrope,'Helvetica Neue',Arial,sans-serif;color:#f2f2f2} body.registration #registration_container label{color:#f2f2f2} body.registration #registration_container :is(#registration_email,#registration_email_confirmation,#registration_member_category_id){background-color:#0b0b0c;color:#f2f2f2;border-color:rgba(255,255,255,.25);border-radius:8px} body.registration #registration_container :is(input,select,a,button):focus-visible{outline:2px solid #8ecefc;outline-offset:2px} body.registration #registration_container a#continue:not([disabled]):not([aria-disabled="true"]):not(.processing):not(.processing *):not(.disabled){background-image:none!important;background-color:#8ecefc!important;color:#0b0b0c!important;border-color:#8ecefc;border-radius:999px;text-shadow:none} body.registration #registration_container a#continue:not([disabled]):not([aria-disabled="true"]):not(.processing):not(.processing *):not(.disabled):hover{background-color:#b0defd!important} body.registration #registration_container a#start_over{color:#8ecefc;border-radius:999px} body.registration #registration_container .field_with_errors,body.registration #registration_container .error{color:#ffb8b8} body.registration #registration_container .field_with_errors input{border-color:#ffb8b8} body.registration #registration_container input::placeholder{color:#a9a9b0} body.registration #registration_container input:-webkit-autofill{-webkit-text-fill-color:#f2f2f2;caret-color:#f2f2f2;box-shadow:inset 0 0 0 1000px #0b0b0c} /* Other native Home/widget surfaces retain their platform styling. The former broad fallback outside authored roots is deferred pending an explicitly scoped surface review and genuine-session acceptance. */