/* Each short chapter occupies the same stage; scrolling changes the card. */
[hidden]{display:none!important}
.story-swipe-step [data-fixed-scene]{padding:calc(var(--header-h,72px) + 12px) var(--pad) 24px;display:grid;align-content:center;box-sizing:border-box}
.scene-card-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:480px;margin:12px auto 0;color:#bac6d3;font-size:14px;order:3}
.scene-card-nav button,.tracker-back,.request-progress button{min-height:44px;border:1px solid #ffffff30;border-radius:999px;background:#ffffff08;color:#d9f3ff;cursor:pointer;padding:8px 16px;font:inherit}
.scene-card-nav button{min-width:48px;font-size:22px}
.scene-card-nav button:disabled{opacity:.25;cursor:default}
.scene-card-nav button:focus-visible,.request-progress button:focus-visible{outline:2px solid #83ddff;outline-offset:3px}
/* Cards share a grid cell, retaining natural height and live links. */
.scene-card-deck :is(.clubs-grid,.journey-social){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;align-items:start}
.scene-card-deck :is(.club-card,.social-card),.story-swipe-step .mobile-feed.scene-card-deck .journey-social .social-card:nth-child(n){grid-area:1/1;opacity:var(--scene-card-opacity,1)!important;transform:translate3d(var(--scene-card-x,0),0,0)!important;visibility:var(--scene-card-visible,visible);transition:none!important}
.story-swipe-step .clubs-intro{margin-bottom:20px}
.story-swipe-step .clubs-intro h2{font-size:clamp(28px,4vw,48px);margin-bottom:12px}
.story-swipe-step .clubs-intro>p:last-child{font-size:16px;line-height:1.45}
.story-swipe-step .club-card{padding:20px}
.story-swipe-step .club-card h3{font-size:28px;margin:0 0 12px}
.story-swipe-step .club-card>p:not(.club-kicker){margin-bottom:16px;line-height:1.45}
.story-swipe-step .club-kicker{margin-bottom:12px}
.story-swipe-step .brand-logo-link{min-height:0;margin:0 0 16px;padding:8px}
.story-swipe-step .brand-logo-link img{height:90px;max-height:90px;object-fit:contain}
.story-swipe-step .club-links{padding-top:8px}
.story-swipe-step .affiliate-card{max-width:1040px}
.story-swipe-step .affiliate-brand,.story-swipe-step .affiliate-story{padding:28px}
.story-swipe-step .affiliate-brand .brand-logo-link{width:260px;max-width:100%;margin:20px 0}
.story-swipe-step .affiliate-brand .brand-logo-link img{height:auto;max-height:130px}
.story-swipe-step .affiliate-story .affiliate-quote{font-size:clamp(24px,3vw,36px)}
.story-swipe-step .affiliate-links{margin:12px 0;gap:4px 16px}

/* Three short form steps keep a comfortable input size without a tall form. */
.story-swipe-step .booking{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:center;background:#08121d}
.story-swipe-step .booking-intro{position:relative;top:auto;align-self:center}
.story-swipe-step .booking-intro h2{font-size:clamp(32px,4vw,56px);line-height:1.05;margin:0 0 18px}
.story-swipe-step .booking-intro dl{margin-top:24px}
.story-swipe-step .booking-panel{padding:24px;max-width:620px;backdrop-filter:none;min-width:0}
.booking-panel .request-tabs{margin:0 0 12px;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}
.booking-panel .request-tabs button{font-size:14px;line-height:1.2;min-height:44px;padding:6px 8px;white-space:normal}
.booking-panel .request-summary{margin:0 0 8px;padding:10px 12px}
.booking-panel .request-summary h3{font-size:20px;margin:0 0 3px}
.booking-panel .request-summary p{font-size:14px;line-height:1.3}
.request-progress{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;min-height:44px}
.request-progress p{font-size:14px;color:#bac6d3;margin:0}
.request-progress button{font-size:12px;padding:5px 10px;border:0}
.request-step{padding:0;margin:0;border:0;min-width:0}
.stepped-form .request-step legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.booking-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.booking-panel .form-grid label,.booking-panel .tracker label{gap:5px;min-width:0}
.booking-panel .form-grid label>span,.booking-panel .tracker label>span{font-size:13px;letter-spacing:0;text-transform:none;line-height:1.25}
.booking-panel .form-grid input,.booking-panel .tracker input{padding:10px;min-height:44px;font-size:16px}
.booking-panel .form-grid textarea{height:84px;min-height:84px;resize:none;font-size:16px;padding:10px}
.booking-panel .consent{font-size:14px;line-height:1.35;margin:12px 0;min-height:36px;align-items:center}
.booking-panel .consent input{flex:none;width:20px;height:20px;margin:0}
.booking-panel .form-note{font-size:13px;line-height:1.4;text-align:left;margin:8px 0;color:#bac6d3}
.request-actions{display:flex;align-items:center;gap:10px;margin-top:16px}
.request-actions .button{min-height:44px;padding:10px 18px;font-size:14px}
.request-actions>[data-step-next],.request-actions>.submit-stage{flex:1;min-width:0;margin:0}
.request-actions>.submit-stage .submit{min-height:44px}
.booking-panel .availability{font-size:12px;line-height:1.35;padding:8px;margin:8px 0 0}
.booking-panel .form-message{font-size:14px;line-height:1.45;margin:12px 0 0;padding:12px;overflow-wrap:anywhere}
.booking-panel .form-message.confirmation{font-size:16px;line-height:1.5;min-height:0}
.request-complete-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.request-complete-actions .button{min-height:44px;padding:10px 14px;font-size:14px}
.booking-panel .tracker{margin:0;padding:0;border:0;grid-template-columns:1fr 1fr;gap:16px}
.booking-panel .tracker>div,.booking-panel .tracker-back,.booking-panel .tracker>.button{grid-column:1/-1}
.tracker-back{justify-self:start;font-size:14px}
.booking-panel .tracker h3{margin:10px 0;font-size:28px}
.booking-panel .tracker .chapter-number{display:none}

@media(max-width:900px){
 .story-swipe-step [data-fixed-scene]{padding-inline:22px}
 .story-swipe-step .booking{grid-template-columns:1fr;gap:0}
 .story-swipe-step .booking-intro{display:none}
 .story-swipe-step .booking-panel{justify-self:center;width:100%}
 .story-swipe-step .driving-clubs{align-content:center}
 .story-swipe-step .clubs-intro{max-width:480px;width:100%;margin:0 auto 18px}
 .story-swipe-step .clubs-intro>p:last-child{display:none}
 .story-swipe-step .club-card{width:100%;max-width:480px;justify-self:center;padding:20px}
 .story-swipe-step .club-card h3 br{display:none}
 .story-swipe-step .club-card h3 br::after{content:' '}
 .story-swipe-step .club-card h3{font-size:28px}
 .story-swipe-step .club-card .brand-logo-link{margin-bottom:14px}
 .story-swipe-step .club-card .brand-logo-link img{height:100px;max-height:100px}
}
@media(max-width:760px){
 .story-swipe-step [data-fixed-scene]{padding:calc(var(--header-h,68px) + 10px) 18px 18px}
 .story-swipe-step .mobile-feed{display:flex;flex-direction:column;justify-content:center;gap:0;background:#08121d}
 .story-swipe-step .mobile-feed .journey-social-heading{order:0;margin:0 0 14px;width:100%;max-width:480px;align-self:center}
 .story-swipe-step .mobile-feed .journey-social-heading .chapter-number{font-size:11px;margin:0 0 8px;line-height:1.3}
 .story-swipe-step .mobile-feed .journey-social-heading h2{font-size:28px;line-height:1.08;margin:0}
 .story-swipe-step .mobile-feed .journey-social-heading>p:last-child{display:none}
 .story-swipe-step .mobile-feed .journey-social{order:1;width:100%;max-width:480px;align-self:center}
 .story-swipe-step .mobile-feed .journey-social .social-card:nth-child(n){padding:12px;width:100%;max-width:480px}
 .story-swipe-step .mobile-feed .journey-social .card-media{height:clamp(110px,23svh,230px);aspect-ratio:auto;margin:0 0 10px}
 .story-swipe-step .mobile-feed .journey-social .social-card h3{font-size:24px;line-height:1.1;margin:6px 0 8px}
 .story-swipe-step .mobile-feed .journey-social .social-card>p{font-size:14px;line-height:1.4;margin:0 0 8px}
 .story-swipe-step .mobile-feed .social-card b{font-size:14px;display:flex;align-items:center;min-height:32px}
 .story-swipe-step .mobile-feed .collab-type{font-size:9px;line-height:1.2;letter-spacing:.03em;padding:6px 8px}
 .story-swipe-step .mobile-feed .journey-profiles{order:4;padding:0;backdrop-filter:none;box-shadow:none;width:100%;max-width:480px;margin:12px auto 0;display:flex;gap:8px}
 .story-swipe-step .mobile-feed .profiles-brand,.story-swipe-step .mobile-feed .profile-link small,.story-swipe-step .mobile-feed .profile-link b{display:none}
 .story-swipe-step .mobile-feed .profile-link{min-width:0;flex:1;min-height:44px;padding:8px 12px;gap:10px;margin:0}
 .story-swipe-step .mobile-feed .profile-link strong{font-size:14px}
 .story-swipe-step .mobile-feed .profile-icon{width:22px;height:22px}
 .story-swipe-step .affiliate-card{grid-template-columns:1fr;max-width:480px}
 .story-swipe-step .affiliate-brand,.story-swipe-step .affiliate-story{padding:18px}
 .story-swipe-step .affiliate-brand{display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:center}
 .story-swipe-step .affiliate-brand .brand-logo-link{grid-column:1/-1;grid-row:1;margin:0;width:190px;justify-self:center}
 .story-swipe-step .affiliate-brand .brand-logo-link img{height:74px;width:100%;max-height:74px}
 .story-swipe-step .affiliate-badge{font-size:11px;padding:6px 8px;letter-spacing:.03em}
 .story-swipe-step .affiliate-brand>p{font-size:13px;line-height:1.3;text-align:right;max-width:130px}
 .story-swipe-step .affiliate-kicker{font-size:11px;margin:0 0 10px;letter-spacing:.06em}
 .story-swipe-step .affiliate-story .affiliate-quote{font-size:25px;margin:0 0 12px}
 .story-swipe-step .affiliate-story>p:not(.affiliate-kicker):not(.affiliate-quote){font-size:14px;line-height:1.4;margin:0 0 8px}
 .story-swipe-step .affiliate-links{display:flex;flex-wrap:wrap;gap:0 12px;margin:4px 0}
 .story-swipe-step .affiliate-links a{font-size:14px;min-height:40px}
 .story-swipe-step .affiliate-soon{font-size:12px}
 .story-swipe-step .booking-panel{padding:14px}
 .booking-panel .request-tabs button{font-size:12px;padding:5px;min-height:44px}
 .booking-panel .request-summary{padding:8px 10px}
 .booking-panel .request-summary h3{font-size:19px}
 .booking-panel .request-summary p{font-size:13px}
 .request-progress{margin-bottom:8px}
 .booking-panel .form-grid{gap:10px}
 .booking-panel .form-grid :is([data-pickup-field],[data-destination-field]){grid-column:auto}
 .booking-panel .form-grid label>span{font-size:12px}
 .request-actions{margin-top:12px}
}
@media(max-height:640px) and (orientation:portrait){
 .story-swipe-step [data-fixed-scene]{padding-top:calc(var(--header-h,60px) + 6px);padding-bottom:12px}
 .story-swipe-step .mobile-feed .journey-social-heading{margin-bottom:10px}
 .story-swipe-step .mobile-feed .journey-social-heading .chapter-number{display:none}
 .story-swipe-step .mobile-feed .journey-social .card-media{height:110px}
 .story-swipe-step .mobile-feed .journey-profiles{margin-top:6px}
 .story-swipe-step .clubs-intro .chapter-number{margin-bottom:8px;font-size:11px}
 .story-swipe-step .club-card .brand-logo-link img{height:70px;max-height:70px}
 .story-swipe-step .club-kicker{font-size:11px;margin-bottom:8px}
 .story-swipe-step .club-card{padding:16px}
 .story-swipe-step .club-card h3{font-size:25px}
 .story-swipe-step .club-card>p:not(.club-kicker){font-size:14px;margin-bottom:10px}
 .story-swipe-step .affiliate-brand,.story-swipe-step .affiliate-story{padding:14px}
 .story-swipe-step .affiliate-kicker,.story-swipe-step .affiliate-soon{display:none}
 .story-swipe-step .affiliate-brand .brand-logo-link img{height:60px}
 .story-swipe-step .affiliate-story .affiliate-quote{font-size:23px}
 .booking-panel .request-summary p{font-size:12px}
 .booking-panel .request-summary h3{font-size:18px}
 .request-progress{min-height:36px;margin-bottom:6px}
 .request-progress button{min-height:36px}
 .booking-panel .form-grid input{min-height:42px;padding:8px}
}
@media(prefers-reduced-motion:reduce){.scene-card-deck :is(.club-card,.social-card),.story-swipe-step .mobile-feed.scene-card-deck .journey-social .social-card:nth-child(n){transform:none!important}}