/* A single Club → activities → agenda journey, with readable text in every palette. */
.experience-v12 #club{margin-top:0;padding-top:64px}
.experience-v12 .club-feature{gap:36px}
.experience-v12 .club-story-copy{max-width:580px}
.experience-v12 .club-story-copy>p:not(.eyebrow){color:#fffefa;line-height:1.8}
.experience-v12 .membership-pass{margin-block:24px 28px}
.experience-v12 #annual-benefits{background:transparent;border:0;padding:0;margin-top:48px}
.experience-v12 .benefits-heading{margin-bottom:24px;align-items:center}
.experience-v12 .benefits-heading h3{font-size:32px;max-width:550px}
.experience-v12 .benefits-heading>span{font-size:13px;white-space:normal;max-width:220px}
.experience-v12 .benefits-cards{gap:20px}
.experience-v12 .benefits-v8 .benefit-card{border-radius:12px;padding:28px;position:relative;border-top:3px solid var(--club-link);box-shadow:0 10px 30px #10251b05}
.experience-v12 .benefits-v8 .benefit-tag{font-size:11px!important;letter-spacing:.07em;line-height:1.6;color:var(--club-link);min-height:36px}
.experience-v12 .benefits-v8 .benefit-value{font-family:var(--serif);font-size:43px;line-height:1.15;white-space:normal;letter-spacing:-.025em;margin-block:12px 22px;color:var(--ink)}
.experience-v12 .benefits-v8 .benefit-value>span{font-family:var(--sans);font-size:13px;letter-spacing:0;line-height:1.6;margin-top:9px;display:block;color:var(--muted)}
.experience-v12 .benefits-v8 .benefit-card h4{font-family:var(--serif);font-size:25px;line-height:1.25;min-height:64px;margin:0 0 12px;color:var(--ink)}
.experience-v12 .benefits-v8 .benefit-card>a{display:flex;gap:16px;align-items:center;min-height:44px;margin-top:auto;padding-top:20px;font-size:13px;color:var(--club-link)}
.experience-v12 .benefits-boundary{padding:20px 24px;background:var(--paper);border:1px solid var(--line);border-radius:10px;margin-top:20px}
.experience-v12 .club-colours{padding-block:48px;border-bottom:1px solid var(--line)}
.colour-intro{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-bottom:24px}.colour-intro h2{font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.2}.colour-intro p{color:var(--muted)}.colour-details{border:0;background:transparent;color:var(--club-link);font-size:13px;min-height:44px;text-align:left;flex-shrink:0}
.colour-choices{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.colour-choice{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:9px;padding:12px;text-align:left;color:var(--ink);transition:border-color .2s}.colour-choice:hover,.colour-choice[aria-pressed="true"]{border-color:var(--club-link)}.colour-choice[aria-pressed="true"]{box-shadow:0 0 0 1px var(--club-link)}.colour-sample{display:flex;justify-content:flex-end;align-items:center;background:var(--sample);border:1px solid #00000015;height:45px;border-radius:4px;padding:8px;margin-bottom:12px}.colour-sample>span{visibility:hidden;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#172d31;font-size:14px}.colour-choice[aria-pressed="true"] .colour-sample>span{visibility:visible}.colour-choice>strong{font-size:12px;line-height:1.5;display:block;min-height:36px}.colour-choice>code{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:5px}.colour-caption{margin-top:18px;color:var(--muted)}
.experience-v12 .theme-trigger span{display:inline!important}.experience-v12 .theme-trigger{font-size:12px}
.experience-v12 .theme-card{color:var(--ink);background:var(--paper)}.experience-v12 .theme-card-label{align-items:flex-start;gap:5px;padding:14px 7px}.experience-v12 .theme-card-label strong{font-size:15px}.experience-v12 .theme-card-label small{font-size:12px;line-height:1.6}.theme-codes{display:grid;gap:7px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.theme-codes>span{display:flex;gap:7px;align-items:center;font-size:11px;white-space:nowrap}.theme-codes i{width:13px;height:13px;border-radius:3px;border:1px solid #0002;flex-shrink:0}.theme-codes code{font-size:11px;margin-left:auto}.experience-v12 .theme-grid{gap:16px}.experience-v12 .theme-choice-check{flex-shrink:0;margin-top:2px}
/* Reading text, form labels, notices and actions have their own minimum sizes. */
.experience-v12 p{font-size:14px!important;line-height:1.8}
.experience-v12 :is(.eyebrow,.c-kicker,.reg-privacy,.fine-print,.agenda-note,.faq-footnote,.vehicle-footnote,.garage-privacy,.colour-caption,.referral-conditions p,.referral-reward-note,.garage-empty-note){font-size:12px!important;line-height:1.8}
.experience-v12 :is(.eyebrow,.c-kicker){letter-spacing:.1em}
.experience-v12 :is(.reg-field label,.v-field>label,.vehicle-body legend,.v-color-heading,.registration-fields small,.v-field>small,.reg-consent,.reg-price-note,.c-help,.c-availability){font-size:13px!important;line-height:1.7}
.experience-v12 :is(.reg-field input,.reg-field select,.reg-field textarea,.v-field input,.v-field select,.v-field textarea){font-size:16px;line-height:1.6}
.experience-v12 :is(.button,.agenda-cta,.activity-action,.c-text-button,.c-back,.c-text-button,.partner-proposal-action,.garage-car-tools button,.garage-use,.referral-join,.event-filters button,.faq-answer>a){font-size:13px!important;line-height:1.6;min-height:44px;white-space:normal}
.experience-v12 :is(.agenda-meta,.event-hero-meta,.agenda-count,.partner-offer-conditions,.c-plan-description,.c-option-description,.c-extra-copy>span,.c-plan-perks>span,.c-select-mark,.garage-car-meta,.body-choice-copy>small,.referral-steps strong,.referral-invite label,.referral-rewards>div>span){font-size:12px!important;line-height:1.7}
.experience-v12 :is(.activity-caption,.activity-action,.club-story-copy p){color:#fffefa}
.experience-v12 .faq-premium .faq-list details .faq-answer p,.experience-v12 .faq-footnote,.experience-v12 .faq-heading>span{color:var(--muted)}
.experience-v12 :is(.referral-tag,.activity-number){color:color-mix(in srgb,var(--club-accent) 25%,white);font-size:12px!important}
.experience-v12 .referral-rewards>div>span{color:#fffefa}.experience-v12 :is(.theme-dialog-footer,.garage-heading-actions,.home-section-heading){flex-wrap:wrap}
.experience-v12 :is(.colour-choice,.colour-details):focus-visible{outline:3px solid var(--club-link);outline-offset:4px}
@media(max-width:1200px){.colour-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.colour-choice>strong{min-height:0}.colour-intro{flex-wrap:wrap}.experience-v12 .theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-v12 .benefits-v8 .benefit-card{padding:23px}.experience-v12 .benefits-v8 .benefit-value{font-size:38px}}
@media(max-width:1100px){.experience-v12 .site-header nav{display:none;position:absolute;left:30px;right:30px;top:calc(100% + 8px);border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 12px 35px #12341b14;padding:8px;gap:5px;flex-direction:column;align-items:stretch}.experience-v12 .site-header nav.open{display:flex}.experience-v12 .site-header nav a{font-size:14px}.experience-v12 .menu-button{display:flex}}
@media(max-width:850px){.experience-v12 .benefits-cards{grid-template-columns:1fr}.experience-v12 .benefits-v8 .benefit-card{display:grid;grid-template-columns:170px minmax(0,1fr);column-gap:25px}.experience-v12 .benefit-tag,.experience-v12 .benefit-value{grid-column:1}.experience-v12 .benefits-v8 .benefit-value{margin-block:8px 0}.experience-v12 .benefits-v8 .benefit-card h4{grid-column:2;grid-row:1/3;min-height:0;margin-bottom:10px;align-self:center}.experience-v12 .benefits-v8 .benefit-card>p,.experience-v12 .benefits-v8 .benefit-card>a{grid-column:2}.experience-v12 .benefits-v8 .benefit-card>a{padding-top:8px}.experience-v12 .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.experience-v12 #club{padding-top:36px}.experience-v12 .club-colours{padding-block:36px}.experience-v12 .colour-intro{gap:18px}.experience-v12 .colour-choices{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.experience-v12 .colour-choice{padding:12px}.experience-v12 .colour-choice>strong{font-size:14px}.experience-v12 .colour-choice>code{font-size:12px}.experience-v12 .theme-trigger{padding:8px;font-size:11px;gap:5px}.experience-v12 .theme-trigger svg{width:16px}.experience-v12 .header-cta{display:none}.experience-v12 .benefits-heading{display:block}.experience-v12 .benefits-heading h3{font-size:28px}.experience-v12 .benefits-heading>span{display:block;max-width:none;margin-top:12px}.experience-v12 .benefits-v8 .benefit-card{display:flex;padding:25px}.experience-v12 .benefits-v8 .benefit-value{font-size:42px;margin-block:12px 22px}.experience-v12 .benefits-v8 .benefit-card h4{font-size:25px;margin-bottom:12px}.experience-v12 .benefits-v8 .benefit-card>a{padding-top:20px}.experience-v12 .theme-dialog-footer>div{flex-wrap:wrap}.experience-v12 .theme-codes>span{flex-wrap:wrap}.experience-v12 .theme-codes code{margin-left:0}.experience-v12 .theme-dialog-footer{position:static}.experience-v12 .themes-dialog{padding:24px 18px}}
/* Preserve generous introductory copy while making small UI text readable. */
.experience-v12 .hero-description{font-size:18px!important;line-height:1.75;max-width:620px}
.experience-v12 .event-hero-description{font-size:16px!important;line-height:1.75}
.experience-v12 :is(.activity-description,.c-plan-description,.c-option-description,.c-extra-copy>span,.c-base-choice small,.c-party small,.event-highlights p,.partner-exchange p){font-size:14px!important;line-height:1.8}
.experience-v12 .activity-description{color:#fffefa}
.experience-v12 :is(.hero-note,.hero-secondary,.hero-club-link,.project-pill,.member-dialog-rate>span,.membership-rate>span,.membership-persons,.membership-short-benefits>span,.garage-empty-features>span,.garage-heading-actions>span,.v-swatch,.vehicle-step-note,.c-progress button,.c-step-hint,.c-option-action,.c-plan-select,.c-base-status,.c-final-vehicle a,.partner-offer-code,.theme-dialog-footer>p,.footer-tools button,.site-footer a){font-size:12px!important;line-height:1.7}
.experience-v12 :is(.c-plan-price small,.c-plan-content .c-kicker,.c-final-inclusions>span,.c-final-heading>div>p:last-child,.c-mobile-quote>div>span,.vehicle-identity-note,.garage-editor .vehicle-photo-note){font-size:12px!important;line-height:1.7}
.experience-v12 :is(.club-story-copy .eyebrow,.hero .eyebrow,.event-hero .eyebrow){color:#fffefa}
.experience-v12 .c-progress button{white-space:normal}
.experience-v12 .c-summary-body{overflow-wrap:anywhere}
.experience-v12 .theme-card-label>span:first-child{min-width:0;width:100%}
@media(max-height:760px){.experience-v12 :is(.c-summary,.registration-summary){position:static}}
@media(max-width:650px){.experience-v12 .hero-description{font-size:16px!important}.experience-v12 .c-progress button{font-size:11px!important}.experience-v12 .c-step-hint{max-width:110px}.experience-v12 .c-panel-actions{flex-wrap:wrap}.experience-v12 .c-panel-actions>.button{margin-left:auto}.experience-v12 .activity-copy{left:23px;right:23px}}

.colour-brand,.theme-brand{display:block;font-size:12px;line-height:1.6;color:var(--club-link);margin-top:4px}.experience-v12 .colour-choice>strong{min-height:0}

.membership-account-link{display:flex;align-items:center;min-height:44px;margin-top:12px;font-size:13px;color:var(--club-link)}.member-entry-link{font-weight:600!important}.experience-v12 .theme-trigger{white-space:normal;text-align:left;max-width:180px}.experience-v12 .theme-trigger svg{flex-shrink:0}

@media(min-width:1101px) and (max-width:1300px){.experience-v12 .site-header nav{display:none;position:absolute;left:30px;right:30px;top:calc(100% + 8px);background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:8px;flex-direction:column;align-items:stretch;box-shadow:0 12px 35px #12341b14}.experience-v12 .site-header nav.open{display:flex}.experience-v12 .site-header nav a{font-size:14px}.experience-v12 .menu-button{display:flex}}

.privacy-footer-link{display:block;font-size:13px;min-height:44px;padding:15px max(18px,calc((100% - 1280px)/2));color:var(--club-link)}

/* The first welcome step lets visitors choose a paint-inspired palette. */
.experience-v12 .club-colours--welcome{padding-block:30px}
.club-colours--welcome .colour-intro{gap:24px;margin-bottom:18px}
.club-colours--welcome .colour-intro h2{font-size:28px}
.club-colours--welcome .colour-choices{gap:10px;padding:4px;margin:-4px;scroll-padding-inline:4px}
.club-colours--welcome .colour-choice{padding:10px}
.club-colours--welcome .colour-sample{height:30px;margin-bottom:9px}
.club-colours--welcome .colour-sample>span{width:20px;height:20px;font-size:12px}
.club-colours--welcome .colour-caption{margin-top:14px}
@media(min-width:1001px){.club-colours--welcome .colour-choices{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1000px){.experience-v12 .club-colours--welcome .colour-choices{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:146px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:12px}.club-colours--welcome .colour-choice{scroll-snap-align:start}.club-colours--welcome .colour-intro{flex-wrap:wrap;gap:12px}.club-colours--welcome .colour-intro>div{width:100%}.club-colours--welcome .colour-details{margin-left:auto}.club-colours--welcome .colour-intro>p{flex:1;min-width:180px}}
@media(max-width:650px){.experience-v12 .club-colours--welcome{padding-block:24px}.club-colours--welcome .colour-intro h2{font-size:26px}.club-colours--welcome .colour-intro>p{width:100%;flex-basis:100%}.club-colours--welcome .colour-details{margin-left:0}.experience-v12 .club-colours--welcome .colour-choice{padding:10px}.club-colours--welcome .colour-caption{max-width:520px}}

.experience-v12 .theme-trigger{justify-content:flex-start;gap:10px;max-width:190px}
.experience-v12 .theme-trigger .theme-trigger-colour{display:block!important;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--club-accent);border:1px solid #00000026}
.experience-v12 .theme-trigger .theme-trigger-copy{display:grid!important;gap:3px;text-align:left}
.theme-trigger-copy strong{font-size:12px;line-height:1.3;font-weight:600}.theme-trigger-copy small{font-size:11px;line-height:1.4;color:var(--muted)}
@media(max-width:650px){.experience-v12 .theme-trigger{gap:8px;padding:8px 10px}.experience-v12 .theme-trigger .theme-trigger-colour{width:18px;height:18px}}