*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 16px/1.6 var(--font);color:var(--c-text);background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--c-accent);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,.h2,h3,.h3,h4,.h4{font-family:var(--font);font-weight:600;color:var(--c-dark);line-height:1.2;margin:0 0 .6em}
h1,.h1{font-size:25px;line-height:50px;color:var(--c-secondary)}
h2,.h2{font-size:36px}
h3,.h3{font-size:22px}
@media(min-width:768px){h1,.h1{font-size:28px}h2,.h2{font-size:40px}h3,.h3{font-size:26px}}
p{margin:0 0 1em}
main .rich{line-height:30px}main :where(.rich p,.rich li){margin:0 0 1.5em}
@media(max-width:767px){main .rich{line-height:32px}.wrap>h1{text-align:center}}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}
.rich>:last-child{margin-bottom:0}
.rich ul,.rich ol{padding-left:1.2em}
.rich img{border-radius:4px}
.rich table{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:.95em}
@media(max-width:767px){.rich table{display:block;overflow-x:auto}}
.rich th,.rich td{border:1px solid #ddd;padding:8px 10px;text-align:left;vertical-align:top}
.rich th{background:#f4f4f4;font-weight:600}

/* Buttons */
.btn{display:inline-block;padding:12px 24px;border:2px solid var(--c-primary);border-radius:4px;background:var(--c-primary);color:#fff;font:600 14px/1.2 var(--font);text-decoration:none;cursor:pointer;margin:0 8px 8px 0}
.btn:hover{filter:brightness(1.08)}
.btn-accent{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-dark)}
.btn-light{background:#fff;border-color:#fff;color:var(--c-dark)}
.btn-ghost{background:transparent;color:inherit;border-color:currentColor}
.btn[disabled]{opacity:.6;cursor:wait}

/* Announcement + header */
.announce{background:var(--c-accent);color:var(--c-dark);text-align:center;padding:8px 16px;font-size:14px;font-weight:600}
.announce a{color:inherit}

/* Header */
:root{--hh:82px;--pw:clamp(220px,62vw,260px);--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 22C160 4 300 4 470 18s330 26 520 8 330-24 450-6V48H0z'/%3E%3C/svg%3E")}
/* white logo: bar always dark (fade over a photo) */
.site-header{background:var(--c-secondary);position:sticky;top:0;z-index:50;transition:background .2s,box-shadow .2s}
.site-header.scrolled{background:#9aa0a659;-webkit-backdrop-filter:blur(14px) saturate(.6);backdrop-filter:blur(14px) saturate(.6);box-shadow:0 1px 0 #ffffff26}.scrolled .logo img{filter:drop-shadow(0 1px 4px #000)}.scrolled .menu-toggle{text-shadow:0 1px 4px #000c}.on-light .menu-toggle{color:var(--c-dark);filter:none;text-shadow:none}.menu-toggle{transition:color .25s}
body:has(main>.s-hero:first-child) .site-header:not(.scrolled){background:linear-gradient(#000000b8,#00000059 65%,#0000)}
.site-header .wrap{display:flex;align-items:center;gap:0 12px;min-height:var(--hh);padding:0 10px 0 42px}
.logo{display:block;color:var(--c-dark);font-weight:700;text-decoration:none}
.logo img{width:auto;height:61px;filter:drop-shadow(0 2px 5px #0009)}
.menu-toggle{margin-left:auto;background:none;border:0;color:#fff;padding:4px;line-height:0;cursor:pointer;filter:drop-shadow(0 1px 4px #000a)}
.menu-toggle svg{width:34px;height:34px}
/* <1025px: off-canvas menu, dark charcoal (the bar's colour), ~62% of the screen (220-260px); the page beside it is dimmed and a tap there closes it */
nav{position:fixed;top:0;bottom:0;left:-400px;z-index:60;display:flex;flex-direction:column;width:var(--pw);padding:20px 0 30px;overflow-y:auto;background:var(--c-secondary);visibility:hidden;transition:left .6s cubic-bezier(.6,.1,.68,.53),visibility .6s}
nav.open{left:0;visibility:visible}
.site-header:has(nav.open){-webkit-backdrop-filter:none;backdrop-filter:none}
.nav-logo img{width:auto;height:82px;max-width:calc(var(--pw) - 140px);object-fit:contain;margin:10px auto 22px}
.menu-close{position:absolute;top:18px;right:12px;padding:3px 15px;background:none;border:0;color:#fff;font:200 30px/1 var(--font);cursor:pointer}
nav ul{list-style:none;margin:0;padding:0}
nav>ul{flex:1 1 auto;min-height:0;margin-top:124px;overflow-y:auto}
/* My Booking: after <nav> (tracker area "header"); phones: yellow, centred at the top of the open panel, sliding with it */
.hdr-cta{position:fixed;top:134px;left:-350px;z-index:61;width:calc(var(--pw) - 32px);visibility:hidden;transition:left .6s cubic-bezier(.6,.1,.68,.53),visibility .6s;background:var(--c-accent);color:var(--c-dark);border-radius:8px;padding:12px 16px;font:700 16px/1.5 var(--font);text-align:center;text-decoration:none}
nav.open+.hdr-cta{left:16px;visibility:visible}
.hdr-cta:hover{color:var(--c-dark);text-decoration:none;filter:brightness(1.06)}
.hdr-cta:focus-visible{outline:3px solid var(--c-dark);outline-offset:2px;box-shadow:0 0 0 2px #fff}
/* Get the app: yellow ring with a dark inner band, so it shows on the dark bar/panel and the white dropdown */
.nav-app :focus-visible{outline:3px solid var(--c-accent);outline-offset:2px;box-shadow:0 0 0 2px var(--c-dark)}nav .nav-app a{line-height:0}
nav li{position:relative}
nav a{display:block;padding:5px 0 5px 20px;color:var(--c-dark);font-size:16px;line-height:2.3;text-decoration:none}
nav a:hover,nav a[aria-current]{color:var(--c-dark);box-shadow:inset 0 -3px var(--c-accent)}
.sub-toggle{position:absolute;right:0;top:0;width:44px;height:47px;background:none;border:0;font-size:18px;color:var(--c-dark);cursor:pointer}
nav li ul{display:none;padding-left:10px}
nav li.open>ul{display:block}
/* phone panel: white words centred, current page yellow; a sub-menu's arrow sits right after its label */
@media(max-width:1024px){
nav{text-align:center}
nav.open::after{content:"";position:fixed;top:0;bottom:0;left:var(--pw);right:0;background:#00000066}
nav a,nav a:hover{display:inline-block;padding:5px 4px;color:#fff;font-size:17px}
nav a[aria-current]{color:var(--c-accent)}
nav .has-sub>a{margin-left:44px}
.sub-toggle{position:static;vertical-align:top;width:44px;height:47px;color:#fff}
nav li ul{padding:0 0 6px}
nav li ul a{color:#e3e4e5;font-size:15px;line-height:1.7;padding:6px 4px}
/* Download our app: outlined under My Booking, sliding with the panel; badges open below it where no store fits the phone */
.nav-app{position:fixed;top:194px;left:-350px;z-index:61;width:calc(var(--pw) - 32px);transition:left .6s cubic-bezier(.6,.1,.68,.53)}nav.open .nav-app{left:16px}
.app-toggle{width:100%;padding:10px 16px;background:none;border:2px solid #fff;border-radius:8px;color:#fff;font:600 16px/1.5 var(--font);cursor:pointer}.app-lg{display:none}
nav .nav-app ul{padding:12px 0 0}nav .nav-app a{padding:4px}nav>ul:has(.nav-app.open){margin-top:232px}
}
main>.s-hero:first-child{margin-top:calc(-1 * var(--hh))}
main>.s-itinerary:first-child{padding-top:10px}
/* html.hdr-over: header over the photo */
@media(min-width:768px){
.hdr-over .site-header:not(.scrolled){background:transparent;box-shadow:none}
.hdr-over main>.s:first-child{margin-top:calc(-1 * var(--hh))}
}
@media(min-width:1025px){
:root{--hh:92px}
.hdr-over .site-header:not(.scrolled) nav>ul>li>a,.hdr-over .site-header:not(.scrolled) .sub-toggle{color:#fff;text-shadow:0 1px 6px #0000008c}
.scrolled nav>ul>li>a{text-shadow:0 1px 4px #000c}.on-light nav>ul>li>a,.on-light nav>ul>li>.sub-toggle{color:var(--c-dark)!important;text-shadow:none}.on-light nav>ul>li>a{transition:color .25s}
.site-header nav>ul>li>a,.site-header nav>ul>li>.sub-toggle{color:#fff}.site-header nav>ul>li>a:hover{color:#fff}.site-header nav>ul>li>a[aria-current]{color:#fff;box-shadow:inset 0 -3px var(--c-accent)}
.site-header .wrap{max-width:1172px;padding:0 16px 0 24px}
.logo img{height:84px}
.menu-toggle,.nav-logo,.menu-close{display:none}
nav{position:static;visibility:visible;width:auto;padding:0;overflow:visible;background:none;transition:none;flex:1 1 auto;margin-left:12px;display:block}
nav>ul{display:flex;flex-wrap:wrap;margin:0;overflow:visible}
.hdr-cta{position:static;visibility:visible;width:auto;transition:none;background:var(--c-accent);color:var(--c-dark);padding:9px 14px;font-size:14px;white-space:nowrap;box-shadow:0 1px 4px #0000004d}
nav a,.app-toggle{padding:23px 7px}
nav .has-sub>a{padding-right:2px}
.sub-toggle{position:static;width:22px;height:auto;font-size:12px;padding:0}
nav .has-sub{display:flex;align-items:center}
nav li ul{position:absolute;top:100%;left:0;min-width:220px;background:#fff;padding:6px 0;box-shadow:0 6px 16px #0003;border-top:3px solid var(--c-accent);z-index:5}
nav li:hover>ul,nav li:focus-within>ul,nav li.open>ul{display:block}
nav li ul a{padding:8px 16px;line-height:1.6}
/* Get the app: a menu word that drops the two store badges, right-aligned so they stay on screen */
.nav-app{display:flex;align-items:center}.app-sm{display:none}
.app-toggle{color:#fff}.hdr-over .site-header:not(.scrolled) .app-toggle{text-shadow:0 1px 6px #0000008c}.scrolled .app-toggle{text-shadow:0 1px 4px #000c}.on-light .app-toggle{color:var(--c-dark);text-shadow:none}
.app-toggle{background:none;border:0;font:inherit;font-size:16px;line-height:2.3;white-space:nowrap;cursor:pointer}.app-toggle::after{content:"▾";font:12px Arial,sans-serif;margin-left:6px}
nav .nav-app ul{left:auto;right:0;min-width:0;padding:10px 16px}nav .nav-app:not(:hover):not(.open)>ul{display:none}nav .nav-app a{padding:5px 0}nav .nav-app a:hover{box-shadow:none}
}
/* 1025-1149px: the menu closes up beside My Booking (and "Get the app" says just "App") so it stays on one row wherever it did before */
@media(min-width:1025px) and (max-width:1149px){.site-header .wrap{padding-left:16px}nav{margin-left:8px}nav a,.app-toggle{padding:23px 5px}.hdr-cta{padding:9px 10px}.app-get{display:none}.app-lg{text-transform:capitalize}}

/* Sections */
.s{padding:40px 0}
@media(min-width:768px){.s{padding:64px 0}}
.s-hero{padding:0}
.s-hero>.wrap{max-width:none;padding:0}
.bg-light{background:#fff}
.bg-primary{background:var(--c-primary);color:#fff}
.bg-dark{background:var(--c-secondary);color:#fff}
.bg-accent{background:var(--c-accent);color:var(--c-dark)}
.s:not(.bg-accent)+.bg-accent{position:relative}
.s:not(.bg-accent)+.bg-accent::before,.site-footer .wave{position:absolute;left:0;bottom:100%;width:100%;height:40px;pointer-events:none}
.s:not(.bg-accent)+.bg-accent::before{content:"";background:var(--c-accent);-webkit-mask:var(--wave) 0 0/100% 100%;mask:var(--wave) 0 0/100% 100%}
.bg-primary h1,.bg-primary h2,.bg-primary .h2,.bg-primary h3,.bg-primary .h3,.bg-primary a:not(.btn),.bg-dark h1,.bg-dark h2,.bg-dark .h2,.bg-dark h3,.bg-dark .h3{color:#fff}
.bg-accent h1,.bg-accent h2,.bg-accent .h2,.bg-accent h3,.bg-accent .h3{color:var(--c-dark)}.bg-accent a:not(.btn){color:#f00}
.bg-dark a:not(.btn){color:#fff}
.bg-accent .btn-accent{background:var(--c-dark);border-color:var(--c-dark);color:#fff}
.al-center .rich ul{list-style:none;padding:0}
.bg-image{background:linear-gradient(#0000008c,#0000008c),var(--bg) center/cover no-repeat;color:#fff}
.bg-image h1,.bg-image h2,.bg-image .h2,.bg-image h3,.bg-image .h3,.bg-image a:not(.btn){color:#fff}
.al-center{text-align:center}

/* Hero + slider */
.hero{position:relative;display:grid}
.hero-slide{position:relative;grid-area:1/1;display:flex;align-items:flex-end;overflow:hidden;background:var(--c-dark)}
.hero-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fade .hero-slide{isolation:isolate}.fade .hero-slide>img{opacity:0;transition:none}.fade .hero-slide>img.was{opacity:1;transition:none;z-index:-1}
.fade .hero-slide>img.on{opacity:1;transition:opacity .8s}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(#0000000d 40%,#0000008c);opacity:0}
.ov-light::after{opacity:.5}.ov-medium::after{opacity:.8}.ov-strong::after{opacity:1}
.hero-copy{position:relative;z-index:1;width:100%;max-width:1172px;margin:0 auto;padding:292px 20px 22px;color:#fff}
.hero-copy h1,.hero-copy .h1{color:#fff;margin-bottom:20px;max-width:18em;font-size:43px;line-height:1;font-weight:700;text-shadow:4px 4px 5px #00000094}
.hero-copy .sub,.hero-copy .sub *{color:#fff;text-shadow:4px 4px 5px #000}
.hero-copy .sub h2,.hero-copy .sub .h2,.hero-copy .sub h3,.hero-copy .sub .h3{font-size:22px;margin:0}
.hero-copy .sub{font-size:18px;max-width:40em}
.hero-copy .sub p{margin:0 0 .6em}
@media(min-width:768px){.hero-copy{padding:500px 16px 25px}.hero-copy h1,.hero-copy .h1{font-size:79px;line-height:1;margin-bottom:0}.hero-copy .sub h2,.hero-copy .sub .h2,.hero-copy .sub h3,.hero-copy .sub .h3{font-size:26px}}
.hero.slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.hero.slider::-webkit-scrollbar{display:none}
.hero.slider .hero-slide{flex:0 0 100%;scroll-snap-align:start}
@media(prefers-reduced-motion:reduce){.hero.slider{scroll-behavior:auto}.fade .hero-slide>img,.g-fade figure{transition:none}}

/* Media + text */
.mt{display:grid;gap:24px;align-items:center}
.mt-img img{width:100%;border-radius:4px}
.mt-float{display:flow-root;font-size:18px}img.mt-fl{float:left;max-width:100%;margin:0 40px 30px 0;border-radius:10px}.side-right>.mt-fl{float:right;margin:0 0 30px 40px}
@media(min-width:768px){
.mt{grid-template-columns:1fr 1fr;gap:48px}
.mt.side-right .mt-img{order:2}
}
.mt-pair>.mt-col{min-width:0}

/* Cards */
.cards{display:grid;gap:24px;grid-template-columns:1fr}
@media(min-width:768px){.cards{grid-template-columns:repeat(var(--per-row,3),1fr)}}
@media(min-width:768px) and (max-width:991px){.cards{grid-template-columns:repeat(min(var(--per-row,3),2),1fr)}}
.card{background:#fff;border-radius:6px;padding:20px;box-shadow:0 2px 12px #00000014;color:var(--c-text)}
.card h3,.card .h3{color:var(--c-secondary)}
.card>img{margin:-20px -20px 16px;max-width:none;width:calc(100% + 40px);border-radius:6px 6px 0 0}
.icon{display:inline-flex;color:var(--c-secondary);margin-bottom:8px}
.icon svg{width:40px;height:40px}
/* quick links: yellow tiles on the dark strip, whole tile clickable; a lane on the right for the fixed
   Knotty button (bookings .wkc-fab: 66px at right 20, 132px at right 24 from 900px) */
.s-columns.bg-dark{padding:18px 0}
.bg-dark .cards{gap:10px}
.bg-dark .cards:has(>.card>.icon){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:768px){.bg-dark .cards:has(>.card>.icon){grid-template-columns:repeat(var(--per-row,4),minmax(0,1fr));gap:14px}}
.bg-dark .card{background:none;box-shadow:none;padding:4px 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#fff;min-width:0}
.bg-dark .card>*{min-width:0;max-width:100%}
.bg-dark .card h3,.bg-dark .card .h3{margin:0;font-size:16px;color:#fff}
.bg-dark .card a{color:#fff;text-decoration:none}
@media(min-width:900px){.qlinks{padding-right:max(0px,calc(172px - max(16px,(100vw - 1168px) / 2)))}}
.qlinks .card{position:relative;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border-radius:14px;background:var(--c-accent)}
.qlinks .card:hover{filter:brightness(1.05)}
.qlinks .card a{color:var(--c-dark)}
.qlinks .card a::after{content:"";position:absolute;inset:0;border-radius:14px}
.qlinks .card a:focus-visible{outline:0}
.qlinks .card a:focus-visible::after{outline:3px solid #fff;outline-offset:2px}
.qlinks .card p{margin:2px 0 0;font-size:12px;font-weight:600;line-height:1.3;color:var(--c-dark)}
.qlinks .card p::after{content:" \2192"}
.bg-dark .icon{margin:0;background:#fff;border-radius:50%;padding:10px;color:var(--c-dark)}
.bg-dark .icon svg{width:20px;height:20px}
@media(min-width:1024px){.qlinks .card{flex-direction:row;align-items:center;gap:14px;padding:18px 20px}.qlinks .card h3,.qlinks .card .h3{font-size:18px}}
/* text cards on a dark band (van pages' "Booking your motorhome", /availability, /faq): live's plain white
   text columns — top-aligned, at most 3 across, white headings, room above the bottom wave */
.s-columns.bg-dark:not(:has(.icon)){padding:24px 0 64px}
.bg-dark .cards:not(:has(>.card>.icon)){gap:32px 40px;align-items:start}
@media(min-width:992px){.bg-dark .cards:not(:has(>.card>.icon)){grid-template-columns:repeat(min(var(--per-row,3),3),minmax(0,1fr))}}
.bg-dark .card:not(:has(>.icon)){display:block;padding:0}
.bg-dark .card:not(:has(>.icon)) h3,.bg-dark .card:not(:has(>.icon)) .h3{color:#fff;font-size:22px;line-height:1.2;margin:0 0 .6em}
@media(min-width:1024px){.bg-dark .card:not(:has(>.icon)) h3,.bg-dark .card:not(:has(>.icon)) .h3{font-size:30px}}
.bg-dark .card:not(:has(>.icon)) .rich a{text-decoration:underline}
/* centred cards on a light band (the /faq cancellation charges): live's flat tiles — the deposit grey,
   the refund steps site-yellow, big figures */
.s-columns.bg-light.al-center .card{border-radius:0;box-shadow:none;padding:28px 18px;background:var(--c-accent);color:var(--c-dark)}
.s-columns.bg-light.al-center .card:first-child{background:#6f6f6f;color:#fff}
.s-columns.bg-light.al-center .card h3,.s-columns.bg-light.al-center .card .h3{font-size:40px;line-height:1.1;margin:.1em 0;color:inherit}
.s-columns.bg-light.al-center .card p{margin:0 0 .4em}
/* feature icons */
.s:not(.bg-dark) .cards:has(>.card>.icon){grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:16px}
.s:not(.bg-dark) .card:has(>.icon){background:none;box-shadow:none;padding:4px;text-align:center}
/* exactly five cards (the van "Contents included" columns): one row of five on desktop, as live */
@media(min-width:992px){.s:not(.bg-dark) .cards:not(.cutouts):has(>.card:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}}
/* van spec lists: an icon before each line, as live */
.rich ul:has(>.ic-li){list-style:none;padding:0}
.ic-li{display:flex;gap:10px;align-items:center;min-height:37px;margin:0 0 10px}
.li-ic{flex:0 0 30px;color:var(--c-dark);line-height:0}
.li-ic svg{width:30px;height:30px}
/* van cut-outs */
.bg-accent .card{background:none;box-shadow:none;padding:0;color:var(--c-dark)}
.bg-accent .card:has(>img){text-align:center}
.bg-accent .card>img{margin:0 0 8px;width:100%;border-radius:0}
.bg-accent .card h3,.bg-accent .card .h3{color:var(--c-dark);font-size:22px;margin:0}
.bg-accent .card p{margin:0 0 6px}
.bg-accent .card .btn{padding:6px 14px;font-size:13px}
.s:has(+.s .cutouts){padding:30px 0;text-align:var(--ca,center)}
.s:has(+.s .cutouts)>.wrap{max-width:1172px;padding:0 var(--cp,30px)}
.s:has(+.s .cutouts) h3,.s:has(+.s .cutouts) .h3{font:500 var(--ch,25px)/1 var(--font);margin:0 0 20px}
.s:has(+.s .cutouts) p{font-size:var(--cf,16px);line-height:30px}
.s:has(>.wrap>.cutouts){padding:0 0 var(--cb,50px)}
.s:has(>.wrap>.cutouts)>.wrap{max-width:none;padding:0 var(--cw,20px)}
.cards.cutouts{grid-template-columns:repeat(var(--vc,1),minmax(0,1fr));gap:6px 0}
.cutouts .card>img{margin:var(--it,0) auto 0;width:min(var(--iw,240px),100%)}
.cutouts .card h3,.cutouts .card .h3{position:relative;color:#fff;font-size:var(--nh,20px);line-height:1.2;margin-top:var(--nm,-40px);text-shadow:3px 3px 4px #0000004c}
.bg-none .cutouts .card h3,.bg-none .cutouts .card .h3,.bg-light .cutouts .card h3,.bg-light .cutouts .card .h3{color:var(--c-dark);text-shadow:none}
.cutouts .card p{margin:0;font-size:var(--bf,15px);line-height:2.3}
.cutouts .card .btn{margin:var(--bm,4px) 0 0;padding:3px 20px;border:1px solid var(--c-dark);border-radius:30px;background:none;color:var(--c-dark);font-size:var(--bz,14px);line-height:1}
@media(min-width:768px){:root{--vc:4}}
@media(min-width:1024px){:root{--vc:8;--cp:16px;--ch:30px;--cf:15px;--cb:100px;--cw:50px;--iw:148px;--it:10px;--nh:30px;--nm:-1px;--bf:20px;--bm:9px;--bz:12px;--ca:left}.s:has(+.s .cutouts){padding:70px 0 20px}}

/* Van grid + details */
.van-grid{display:grid;gap:24px;grid-template-columns:1fr}
@media(min-width:600px){.van-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:992px){.van-grid{grid-template-columns:repeat(3,1fr)}}
.van-card{display:block;text-decoration:none;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 12px #0000001a;color:var(--c-text)}
.van-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.van-name{display:block;padding:14px 16px 0;font:700 20px var(--font);color:var(--c-secondary)}
.van-meta{display:block;padding:2px 16px 16px;font-size:14px}
.van-card:hover .van-name{color:var(--c-primary)}
.van-details{display:grid;gap:24px}

/* Gallery */
.gallery{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}
@media(min-width:768px){.gallery{grid-template-columns:repeat(3,1fr)}}
.gallery figure,.single{margin:0}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.gallery figure>img{cursor:zoom-in}
.gallery.g-carousel{display:block;position:relative;max-width:calc(360px + 360px * var(--pv));margin:0 auto}
.g-track{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.g-track::-webkit-scrollbar{display:none}
.g-track figure{flex:0 0 100%;scroll-snap-align:start}
@media(min-width:768px){.g-track figure{--v:var(--pv);flex-basis:calc((100% - 8px * (var(--v) - 1)) / var(--v))}}
@media(min-width:768px) and (max-width:1024px){.g-track figure{--v:min(var(--pv),2)}}
.g-carousel img{aspect-ratio:var(--ar)}
.g-fade .g-track{display:grid;overflow:hidden}
.g-fade figure{grid-area:1/1;opacity:0;transition:opacity .5s}
.g-fade figure.on{opacity:1}
.g-prev,.g-next{position:absolute;top:calc(50% - 32px);width:44px;height:44px;border:0;border-radius:50%;background:#00000073;color:#fff;font-size:30px;line-height:1;cursor:pointer;z-index:1}
.g-prev{left:8px}.g-next{right:8px}
.g-dots{display:flex;justify-content:center;flex-wrap:wrap;height:24px;margin-top:4px}
.g-dots button{width:24px;height:24px;padding:0;border:7px solid transparent;border-radius:50%;background:#bbb;background-clip:padding-box;cursor:pointer}
.g-dots [aria-current]{background-color:var(--c-primary)}
.single img{width:100%;border-radius:4px}
.compare{position:relative;overflow:hidden;border-radius:4px;max-width:720px;margin:0 auto}
.compare img+img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 0 0 var(--x))}
.compare::after{content:"";position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:#fff;pointer-events:none}
.cmp-h{position:absolute;z-index:1;top:50%;left:var(--x);width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff;pointer-events:none}
.cmp-h::before,.cmp-h::after{content:"";position:absolute;top:16px;border:6px solid transparent}.cmp-h::before{left:5px;border-right-color:#000}.cmp-h::after{left:27px;border-left-color:#000}
.compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.compare:focus-within{outline:3px solid var(--c-accent);outline-offset:2px}
.gallery figure>img{cursor:zoom-in}.gallery figure>img:focus-visible{outline-offset:-3px}.lightbox{border:0;padding:0;background:#000000eb;width:100vw;height:100vh;max-width:none;max-height:none;margin:0}
.lightbox[open]{display:flex;align-items:center;justify-content:center}
.lightbox::backdrop{background:#000}
.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain}
.lightbox button{position:absolute;background:#00000080;color:#fff;border:0;font-size:32px;width:48px;height:48px;border-radius:50%;cursor:pointer}
.lb-x{top:12px;right:12px}.lb-p{left:8px}.lb-n{right:8px}

/* FAQ, itinerary, reviews */
.faq details{border:1px solid #e3e3e3;border-radius:4px;margin-bottom:8px;background:#fff}
.faq summary{padding:14px 16px;font-weight:600;color:var(--c-secondary);cursor:pointer}
.faq details[open] summary{color:var(--c-primary)}
.faq details>div,.faq details>p{padding:0 16px 14px}
.itinerary{display:grid;gap:16px}
/* guides widget */
#wkh-guides-app{line-height:2.3}
/* trip banner (wkh-guides heroBlock): tight copy; phones get the header over it and a taller photo */
@media(max-width:767px){.wkh-hero-txt{line-height:1.3}}
@media(max-width:767px){.wkh-has-hero main>.s-itinerary:first-child{padding-top:0;margin-top:calc(-1 * var(--hh))}.wkh-has-hero .site-header:not(.scrolled){background:linear-gradient(#000000b8,#00000059 65%,#0000)}.wkh-has-hero .wkh-hero{aspect-ratio:auto!important;min-height:440px}}
#wkh-guides-app button{text-transform:uppercase;letter-spacing:.05em;line-height:21px}
#wkh-guides-app a{color:var(--c-accent);font-family:var(--font)}
#wkh-guides-app .leaflet-bar a{color:#000}
/* server-rendered trip text, shown until wkh-guides.js replaces it; a dark band under the see-through header */
.itin-ssr{max-width:900px;margin:0 auto;line-height:1.6}
@media(min-width:768px){.hdr-over .itin-ssr{position:relative;padding-top:calc(var(--hh) + 16px)}.hdr-over .itin-ssr::before{content:"";position:absolute;inset:-10px 0 auto;height:var(--hh);background:var(--c-secondary);box-shadow:0 0 0 100vmax var(--c-secondary);clip-path:inset(0 -100vmax)}}
.itin-region{min-height:600px}@media(min-width:768px){.itin-region{min-height:900px}}
.day{border-left:4px solid var(--c-primary);padding:4px 0 4px 16px}
.day h3,.day .h3{margin-bottom:.3em}
/* Google reviews as live's Trustindex widget (measured at 1400 and 390 px) */
.rv{font-family:Poppins,sans-serif;font-size:14px;line-height:1.4;color:#000}
.s-text:has(+.s-reviews){padding-bottom:0}.s-text+.s-reviews{padding-top:24px}
.rv-head{display:flex;flex-wrap:wrap;align-items:center;background:#f4f4f4;border-radius:12px;padding:21px 20px;margin:0 0 16px}
.rv-gw{flex:none;margin:-4px 10px 0 0}
.rv-score{display:flex;flex-wrap:wrap;align-items:center;font-size:15px;line-height:21px}
.rv-score b{font-weight:600}
.rv-lbl,.rv-head .stars{margin-right:8px}
.rv-n::before{content:"";display:inline-block;height:15px;border-left:1px solid;margin:0 8px;vertical-align:-2px}
.rv-write{margin:-8px 0 -8px auto;padding:10px 17.5px;border:1px solid #767676;border-radius:5px;font-size:14px;font-weight:600;line-height:14px;color:#000;text-decoration:none}
.rv-write:hover{background:#fff}
.stars{display:inline-block;width:90px;height:17px;background:#ccc;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='2.2 1.8 21 19.6'%3E%3Cpath fill='%23000' d='M12.7 17.27 18.88 21l-1.64-7.03 5.46-4.73-7.19-.61L12.7 2 9.89 8.63 2.7 9.24l5.46 4.73L6.52 21z'/%3E%3C/svg%3E") 0 0/18px 17px repeat-x}
.stars i{display:block;height:100%;background:#f6bb06}
.rv-head .stars{width:95px;height:18px;mask-size:19px 18px}
.rv-card{position:relative;background:#f4f4f4;border-radius:12px;padding:20px;margin:0}
.rv-top{display:flex;align-items:center;gap:15px;padding-right:25px}
.rv-av{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-size:20px}
.rv-name{display:block;color:inherit;font-size:15px;font-weight:600;line-height:21px;text-decoration:none}
.rv time{display:block;font-size:13px;line-height:1.4;color:#6b6b6b}
.rv-gi{position:absolute;top:20px;right:20px}
.rv-rate{display:flex;align-items:center;margin:11px 0}
.rv-rate::after{content:"";width:15px;height:15px;margin-left:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285f4' d='m23 12-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69z'/%3E%3Cpath fill='%23fff' d='m10.09 16.72-3.8-3.81 1.48-1.48 2.32 2.33 5.85-5.87 1.48 1.48z'/%3E%3C/svg%3E") 0 0/contain}
.rv-text{margin:0;font-size:15px;line-height:1.45;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.rv-text.open{display:block}
.rv-more{border:0;background:none;padding:8px 0 0;color:#6b6b6b;font-size:13.5px;line-height:1.4;font-family:inherit;cursor:pointer}
.rv-slider{position:relative}
.rv-slider .g-track{gap:16px}
.rv-slider .g-prev,.rv-slider .g-next{display:none;top:calc(50% - 15px);width:30px;height:30px;padding:0;background:#fff;outline:2px solid #f4f4f4;font-size:0}
.rv-slider .g-prev[hidden]{display:none}.rv-slider :focus-visible{outline-color:#000}
.rv-slider .g-prev::before,.rv-slider .g-next::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border:solid #575757;border-width:2px 2px 0 0;transform:translate(-65%,-50%) rotate(45deg)}
.rv-slider .g-prev::before{transform:translate(-35%,-50%) rotate(-135deg)}
.rv-line{position:relative;width:150px;height:3px;margin:20px auto 0;border-radius:3px;background:#57575759;overflow:hidden}
.rv-line i{position:absolute;inset:0 auto 0 0;width:25px;border-radius:3px;background:#575757}
@media(max-width:767px){.rv-head{display:block}.rv-gw{display:block;margin:0 0 4px}.rv-score{row-gap:4px}.rv-score::after{content:"";order:2;flex-basis:100%}.rv-sc{order:1;margin-right:8px}.rv-head .stars{order:2}.rv-lbl{order:3;margin:0}.rv-n{order:3}.rv-write{display:inline-block;margin:12px 0 0}}
@media(min-width:768px){.rv-slider .g-track figure{flex-basis:calc((100% - 16px * (var(--v) - 1)) / var(--v))}.rv-line{display:none}.rv-slider .g-prev,.rv-slider .g-next{display:block}.rv-slider .g-prev{left:-15px}.rv-slider .g-next{right:-15px}}

/* CTA + embed */
.cta{padding:8px 0;text-align:center}
.cta-primary,.cta-dark,.cta-accent{border-radius:6px;padding:32px 16px;color:#fff}
.cta-primary{background:var(--c-primary)}
.cta-dark{background:var(--c-dark)}
.cta-accent{background:var(--c-accent);color:var(--c-dark)}
.cta h2,.cta .h2{color:inherit}
.ratio{position:relative;aspect-ratio:16/9}
.ratio iframe,.fbp iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ratio.embed-hidden,.fbp.embed-hidden,.fbmap .ratio.embed-hidden{aspect-ratio:auto;height:auto}
.embed-off{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;padding:12px 16px;background:#f6f6f2;border:1px solid #0000001a;border-radius:4px;color:var(--c-dark);font-size:15px;line-height:1.4;text-align:center}.embed-off p{margin:0}.s .embed-off a{display:inline-block;padding:6px 14px;border:2px solid var(--c-dark);border-radius:30px;color:var(--c-dark);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap}.s .embed-off a:hover{background:var(--c-dark);color:#fff}

/* Forms */
.wkh-form{display:grid;gap:14px;max-width:640px}
.wkh-form label{display:grid;gap:4px;font-weight:600;font-size:14px;color:var(--c-secondary)}
.wkh-form input,.wkh-form textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;font:400 16px var(--font);color:var(--c-dark)}
.wkh-form button{justify-self:start}
.form-status{margin:0;font-weight:600;color:var(--c-primary)}
.hp{position:absolute;left:-9999px}

/* Footer */
.site-footer{position:relative;background:var(--c-secondary);color:#fff;padding:128px 0 0;font-size:13px;letter-spacing:.02em}
.site-footer .wave{fill:var(--c-secondary)}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{color:var(--c-accent);text-decoration:underline}
.site-footer .cols{display:grid;gap:32px 0;grid-template-columns:1fr;padding-bottom:88px}
@media(min-width:768px){.site-footer .cols{max-width:none;padding:0 6% 115px;grid-template-columns:297fr 723fr 248fr}.cols>:nth-child(2){padding-left:7.9vw}.cols>:nth-child(2) .rich{max-width:460px}}
@media(max-width:767px){.site-footer .cols{text-align:center}.f-social{justify-content:center}.site-footer{padding-top:18px;--lf:14px;--fh:14px}}
.fh{color:#fff;font:var(--fh,12px)/19px "Nanum Gothic",sans-serif;text-transform:uppercase;letter-spacing:.87px;margin-bottom:20px}
.cols .rich{font:300 12px/22px Poppins,sans-serif;letter-spacing:.76px;color:#dadada}
.cols .rich a{color:inherit}
.site-footer .rich ul{list-style:none;padding:0;margin:0}
.site-footer .rich li{padding:9.5px 0}
.site-footer .rich li:first-child{padding-top:0}
.f-brand{text-align:center;text-transform:uppercase}
.f-brand .rich{font:300 12px/19px var(--font);letter-spacing:.87px;color:#fff}
.f-brand .logo img{height:90px;margin:0 auto 12px}
.f-brand .rich p:first-child{font-size:0;line-height:0}
.f-brand .rich p:first-child a{display:block;padding:10.5px 0;font-size:var(--lf,12px);line-height:19px}
.f-brand p{margin:0 0 .6em}
.f-brand .rich p+p{font-size:var(--lf,9px)}
.f-brand .rich p+p a{display:inline-block;padding:3px 0}
.f-social{display:flex;gap:5px;margin-top:16px}
.f-social a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#7a7a7a;color:#fff}
.f-social a:hover{background:var(--c-accent);color:var(--c-dark)}
.f-social svg{width:23px;height:23px}
.f-powered{background:#fff;color:#595959;text-align:center;padding:12px 0;font-size:13px;letter-spacing:0}
.f-powered p{display:inline;margin:0}
.site-footer .f-powered a{color:#7a5a00}
.site-footer .f-powered [data-cookie-settings]{color:#595959;margin-left:14px}
.f-strip{background:#0b0b0b;text-align:center;padding:28px 0 20px;font-size:12.5px;line-height:2.1}
.f-strip a{color:#cfcfcf}
.f-strip p{margin:0 0 .8em}

/* Consent banner */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:100;background:var(--c-dark);color:#fff;padding:14px 16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;font-size:14px;box-shadow:0 -2px 12px #0000004c}
.consent p{margin:0}
.consent a{color:var(--c-accent)}
.consent .btn{margin:0}

/* Live parity: brush dividers, Facebook box + map, share buttons */
.dvt,.dvb{position:relative}
.dv{position:absolute;left:0;width:100%;height:40px;pointer-events:none;z-index:1}
.dv-t{top:-1px}
.dv-b{bottom:-1px;transform:rotate(180deg)}
@media(min-width:1025px){.dv{height:60px}}
.dvt.bg-accent::before,.dvb+.bg-accent::before{display:none}
.fbmap{display:grid;gap:20px;max-width:1120px;margin:0 auto}
.split{display:grid;gap:24px}@media(min-width:768px){.split{grid-template-columns:1fr 1fr;gap:40px;align-items:start}}
.split .gallery.g-carousel{max-width:none}
.s-pair.bg-dark{background:var(--c-dark)}.s-pair.bg-dark h2,.s-pair.bg-dark .h2,.s-pair.bg-dark h3,.s-pair.bg-dark .h3{color:var(--c-accent)}.s-pair h2,.s-pair .h2{font-size:30px}
.split-spec{align-items:center}
.s-split:has(.split-spec){padding-bottom:0}.s-split:has(.split-spec)+.s-columns{padding-top:24px;padding-bottom:0}.s-split:has(.split-spec)+.s-columns+.s-columns{padding-top:40px}.split-spec .compare{max-width:none}.split-spec .single img{max-height:420px;width:100%;object-fit:contain}.split .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.split .card h3,.split .card .h3{font-size:16px!important;margin:0 0 4px}
@media(min-width:768px){.fbmap{grid-template-columns:360px 1fr}}
.fbmap .ratio{aspect-ratio:auto;height:500px}
.fbp{position:relative;height:500px;max-width:500px}
.share{display:flex;flex-wrap:wrap;justify-content:center}
.s-fbmap+.s,.s:has(>.wrap>.share){padding-top:0}
.s:has(+.s>.wrap>.share){padding-bottom:16px}
.sh{display:grid;place-items:center;width:45px;height:45px;border:0;border-radius:50%;padding:0;color:#fff;cursor:pointer}
.sh svg{width:18px;height:18px}
.sh-fb{background:#3b5998}.sh-li{background:#0077b5}.sh-pi{background:#bd081c}.sh-wa{background:#25d366}.sh-x{background:#000}.sh-em{background:#ea4335}.sh-pr{background:#a4a4a4}
/* van pages, as live: edge-to-edge photo strips (style.width full), plain Contents columns, grey adventure band */
.w-full>.wrap{max-width:none;padding:0}.w-full+.w-full{padding-top:0}
.w-full .gallery.g-carousel{max-width:none}
.w-full .g-track{gap:0}.w-full .g-track figure{flex-basis:calc(100% / var(--v,1))}
.w-full .g-carousel img{border-radius:0}
.w-full .g-prev,.w-full .g-next{background:none;text-shadow:0 0 6px #000}
.bg-none:has(>.wrap>.cards>.card:nth-child(5):last-child)>.wrap{max-width:1362px}
.bg-none .cards:has(>.card:nth-child(5):last-child):not(:has(>.card>img,>.card>.icon))>.card{background:none;box-shadow:none;padding:0;border-radius:0}
.s-pair.bg-dark:has(+.s-text.bg-dark:not(.s-pair)){background:var(--c-secondary)}.s-pair.bg-dark:has(+.s-text.bg-dark:not(.s-pair)) :is(h2,h3){color:#fff}
/* Copy pass (owner, Oct 2026: "the new version should be a copy") — per-section looks from live */
.faq-open{display:grid;gap:10px 6px}@media(min-width:768px){.faq-open{grid-template-columns:repeat(3,minmax(0,1fr))}}
.faq-item{padding:10px}.faq-item h3,.faq-item .h3{font-size:22px;margin:0 0 .7em}.faq-item li{margin-bottom:.6em}
@media(min-width:992px){.s>.wrap>.cards.wide.wide{grid-template-columns:repeat(var(--per-row),minmax(0,1fr))}.s:has(>.wrap>.cards.wide)>.wrap{max-width:none;padding:0 10px}}
.cards.wide{gap:20px}.bg-dark .cards.wide .card{text-align:center}.s .cards.wide .card>img{margin:0 0 12px;width:100%;border-radius:30px 30px 30px 0}.cards.wide p{margin:0 0 .4em}
li:has(>.wkh-price){list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;margin:0 0 20px}
.rich ul:has(>li>.wkh-price){padding:0}
li:has(>.wkh-price)>strong{font-size:18px;font-weight:600;color:#212121}
.wkh-price{flex:1;display:flex;align-items:baseline;font-size:20px;font-weight:500;color:#ffc83b}
.wkh-price::before{content:"";flex:1;margin:0 10px;border-bottom:1px dotted #ffc83b}
.wkh-desc{flex-basis:100%;margin-top:9px}
@media(min-width:768px){.s-columns.bg-dark.al-center .cards:not(:has(>.card>img,>.card>.icon)){grid-template-columns:repeat(var(--per-row),minmax(0,1fr));gap:0 20px}}
.s-text.bg-dark.al-center:has(+.s-columns.bg-dark.al-center){padding-bottom:0}
.s-columns.bg-dark.al-center .card:not(:has(>img,>.icon)) p{margin:0;line-height:1.55}
.bg-pale{background:#ffe3a0}.bg-pale .btn{display:table;margin:20px auto 0;padding:16px 44px;border:0;border-radius:12px;background:#fcb900;color:#22262b;font-size:19px;font-weight:800;box-shadow:0 6px 16px #0000002e}
.side-top{display:block;max-width:860px;margin:0 auto;padding:0 16px}.side-top .mt-copy,.s-cta .cta{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1a1a1a}
.side-top .mt-img img{border-radius:14px;margin-bottom:18px}
.wrap:has(>.side-top)>h1{font-size:30px;margin:0 0 14px}
.side-top .mt-copy>p:first-child{font-size:17px;color:#4c535a}
.side-top .mt-copy h2,.side-top .mt-copy .h2{font-size:20px;border-bottom:3px solid #fcb900;padding-bottom:6px;margin:28px 0 10px}
.side-top .mt-copy h2:has(>.wkh-big){font-size:40px;border:0;margin-top:60px}
.s-media_text:has(.side-top)+.s-cta{padding-top:0}.s-cta:has(+.s-cta){padding-bottom:30px}.s-cta+.s-cta{padding-top:0}
.cta{max-width:828px;margin:0 auto;border-radius:16px;padding:26px 22px}
.cta h2,.cta .h2{font-size:20px;font-weight:800;margin:0 0 6px}.cta .rich{font-size:14px;margin-bottom:16px}
.cta-light{background:#f3f8f3;border:1px solid #cde3cd;border-radius:14px}.cta-light .rich{color:#4c535a}.cta-dark .rich{color:#d7dce2}
.s-cta .cta-dark{background:#32373c;color:#fff}.cta .btn{margin:0;padding:13px 26px;line-height:37px;border:0;border-radius:9px;background:#fcb900;color:#22262b;font-size:16px;font-weight:800}
main>.s-gallery.bg-image:first-child{background:var(--bg) center/cover no-repeat;padding:44px 0 0;margin-bottom:50px}
main>.s-gallery.bg-image:first-child h1{color:#f0f4f7;font-size:clamp(36px,6vw,68px);font-weight:900;line-height:1;text-shadow:4px 4px 5px #00000094}
main>.s-gallery.bg-image:first-child .single img{position:relative;top:50px;max-width:768px;width:100%;margin:-30px auto 0}
.rich blockquote{margin:18px 0;padding:34px;background:#f6f4f2;border:1px solid #dadfde;border-radius:4px;font-size:18px;color:#212121}
a:has(>.wkh-btn){text-decoration:none}.wkh-btn{display:inline-block;background:#32373c;color:#fcb900;font-weight:700;padding:12px 22px;border-radius:8px}
.s-columns.bg-none .card:not(:has(>.icon)){background:none;box-shadow:none;padding:0}
.s-columns.bg-none .card:not(:has(>.icon))>img{margin:0 0 20px;width:100%;border-radius:0}
.s-columns.bg-none .card:not(:has(>.icon)) h3,.s-columns.bg-none .card:not(:has(>.icon)) .h3{font-size:26px;color:#212121}
.s-columns.bg-none .card>.rich>h2,.s-columns.bg-none .card>.rich>.h2{font-size:20px;color:#212121;margin:0 0 6px}
@media(min-width:992px){.s-columns.bg-none .cards:has(>.card>img):not(.cutouts){gap:80px 60px}}
@media(min-width:992px){.s-columns:not(.bg-dark):has(>.wrap>.cards>.card:nth-child(7):last-child>.icon)>.wrap{max-width:none;padding:0}}
.mt{align-items:start}
/* Copy pass round 3 (live measured, Oct 2026) */
.dvf.bg-accent::before{display:none}.wkh-red,.wkh-red *{color:#f00}.wkh-copy{font-size:18px;line-height:1;color:#fff;margin-right:4px;vertical-align:-2px}
.mt-headed{font-size:16px;padding-top:14px}.mt-headed>.mt-fl{border-radius:0}.w-full:has(+.w-full){padding-bottom:34px}.mt-headed>:is(h3,.h3)+.mt-fl{margin-top:6px}
.s:is(.bg-none,.bg-light):has(+.s-media_text:is(.bg-none,.bg-light)>.wrap>.mt-headed),.s-media_text:is(.bg-none,.bg-light):has(>.wrap>.mt-headed):has(+.s-text:is(.bg-none,.bg-light)){padding-bottom:0}.s:is(.bg-none,.bg-light)+.s-media_text:is(.bg-none,.bg-light):has(>.wrap>.mt-headed),.s-media_text:is(.bg-none,.bg-light):has(>.wrap>.mt-headed)+.s-text:is(.bg-none,.bg-light){padding-top:0}
.s-media_text:is(.bg-none,.bg-light):has(+.s-text:is(.bg-none,.bg-light)>.wrap>.rich>h3:first-child){padding-bottom:0}.s-media_text:is(.bg-none,.bg-light)+.s-text:is(.bg-none,.bg-light):has(>.wrap>.rich>h3:first-child){padding-top:6px}
@media(min-width:768px){.mt.mt-fixed{grid-template-columns:var(--mt-w) minmax(0,1fr);gap:20px;align-items:start}}.mt-fixed .mt-img img{border-radius:0}.mt-fixed .mt-copy{padding-top:20px;font-size:18px}.mt-fixed h1{font-size:30px;line-height:43px;margin:0 0 .5em}
main :is(.bg-none,.bg-light)>.wrap>.rich ul,main .mt-float ul{padding-left:1.5em}main .rich ul ul{list-style:disc;margin-left:1.5em;padding-left:1.5em}main .rich li:has(>ul:only-child){list-style:none}main .rich li:has(>ul){margin-bottom:0}
main :is(.bg-none,.bg-light)>.wrap>.rich>:is(h3,h4):not(:first-child),main .mt-float>:is(h3,h4):not(:first-child){margin-top:1.5em}main :is(.bg-none,.bg-light)>.wrap>.rich>:is(h3,h4),main .mt-float>:is(h3,h4){margin-bottom:.5em}main :is(.bg-none,.bg-light)>.wrap>.rich>:is(h3,h4)+ul,main .mt-float>:is(h3,h4)+ul{margin-top:1.5em}main :is(.bg-none,.bg-light)>.wrap>.rich>h4,main :is(.bg-none,.bg-light)>.wrap>.rich>.h4{font-size:22px;font-weight:500}
.s-text:has(+.s-van_details){padding-bottom:0;text-align:center}.s-text:has(+.s-van_details) h2,.s-text:has(+.s-van_details) .h2{line-height:40px;margin:0 0 10px}.s-text+.s-van_details{padding-top:40px}@media(min-width:768px){.s-text+.s-van_details{padding-top:60px}}@media(min-width:1025px){.s-text+.s-van_details{padding-top:0}}
.s-text.bg-dark.al-center:has(+.s-columns.bg-dark .card>h3) h2,.s-text.bg-dark.al-center:has(+.s-columns.bg-dark .card>h3) .h2{line-height:40px}.s-text.bg-dark.al-center+.s-columns.bg-dark:has(.card>h3)>.wrap{max-width:1312px}
@media(min-width:992px){.s-text.bg-dark.al-center+.s-columns.bg-dark:has(.card>h3) .cards{gap:40px 70px}}.s-text.bg-dark.al-center+.s-columns.bg-dark .card>h3,.s-text.bg-dark.al-center+.s-columns.bg-dark .card>.h3{line-height:30px;margin:0 0 20px}
.rich ul:has(>.tick-li){list-style:none;padding:0}.tick-li,.tick-note{margin:0!important;line-height:31px}.tick-li{display:flex;gap:6px;align-items:baseline}.li-tick svg{width:14px;height:14px;color:#fff;vertical-align:-1px}
.s-text.bg-accent.al-center.dvb+.s-text.bg-none h2,.s-text.bg-accent.al-center.dvb+.s-text.bg-none .h2{font-size:26px;line-height:26px;margin:0 0 24px}
.s-columns.bg-accent:has(+.s-text.bg-accent.al-center.dvb){padding-bottom:0}.s-columns.bg-accent+.s-text.bg-accent.al-center.dvb{padding:20px 0 90px}
.s-text.bg-accent.al-center.dvb+.s-text.bg-none{padding-top:30px}.s-text.bg-accent.al-center.dvb+.s-text.bg-none:has(+.s-columns.bg-none){padding-bottom:44px}
.s-text.bg-dark.al-center:has(+.s-columns.bg-dark .card>h3) h2,.s-text.bg-dark.al-center:has(+.s-columns.bg-dark .card>h3) .h2{font-size:40px}
/* gap sweep: live spacing where new had empty bands */
.s:has(>.wrap>.cutouts):has(+.s-pair){padding-bottom:15px}
@media(min-width:1024px){.s:has(>.wrap>.cutouts):has(+.s-pair){padding-bottom:58px}}
.s-head:not(.al-center){padding-bottom:0}
.s-head:not(.al-center)+.s:not(.s-text,.s-media_text){padding-top:20px}
@media(min-width:768px){.s-head:not(.al-center)+:is(.s-text,.s-media_text){padding-top:66px}}
.s-text+.s-columns.al-center:has(>.wrap>.cards>.card>.icon){padding-top:0}
.s-text.bg-dark.al-center+.s-text.bg-dark.al-center:not(:has(h2)){padding-top:0}
.s-text.al-center+.s-columns.bg-light.al-center{padding-top:0}
.s-text.bg-none+.s-embed.bg-none{padding-top:16px}
.s-text.bg-none+.s-columns.bg-none:has(.card>.rich>h2:first-child){padding-top:0}
.s-media_text.bg-accent+.s-vidrow{padding-top:0}
@media(max-width:767px){.s-columns.bg-light.al-center .cards{gap:12px}.s-columns.bg-light.al-center .card{padding:18px 14px}}
.s-media_text.bg-accent+.s-embed.bg-accent{padding-top:0}
.s-media_text.bg-light+.s-text.bg-none{padding-top:0}
@media(min-width:768px){.s-columns.bg-accent:has(+.s-text.bg-pale){padding-bottom:24px}.s-columns.bg-accent+.s-text.bg-pale{padding-top:32px}}
@media(min-width:768px){.s-text.bg-accent.al-center.dvb+.s-text.bg-none{padding-top:50px}}
@media(min-width:768px){main:has(.faq-open) .s.bg-none:not(.s-head):has(+.s.bg-none){padding-bottom:46px}main:has(.faq-open) .s.bg-none:not(.s-head)+.s.bg-none{padding-top:46px}main:has(.faq-open) .s.bg-light:has(+.s.bg-none){padding-bottom:40px}main:has(.faq-open) .s.bg-light+.s.bg-none{padding-top:0}}
.s-split.bg-light+.s-embed.bg-none{padding:30px 0}