/* Trail-poster headings, readable body copy and typewritten field notes. */
:root{--font-body:'DM Sans',Arial,sans-serif;--font-display:'Barlow Condensed','Arial Narrow',sans-serif;--font-field:'Special Elite','Courier New',monospace;font-family:var(--font-body)}
button,input,select,textarea{font-family:var(--font-body)}
.expedition-page main :is(h1,h2,h3),#camping-enquiry-dialog h2{font-family:var(--font-display);font-weight:700;letter-spacing:.005em}
.expedition-page main h2 :is(span,em){font-weight:700}
.expedition-page .exp-hero h1{font-size:clamp(78px,7.7vw,116px);font-weight:700;line-height:.94;letter-spacing:.005em}
.expedition-page .exp-hero h1 em{font-weight:700}
.expedition-page .exp-booking h2{font-size:clamp(56px,6vw,86px);font-weight:700;letter-spacing:.01em}
.expedition-page main .eyebrow,.exp-hero-top,.exp-hero-bottom,.exp-photo-note,.exp-story-photo figcaption>span,.exp-location,.exp-booking-location,.exp-rig-main figcaption{font-family:var(--font-field);font-weight:400}
.expedition-page main .eyebrow{font-size:11px;letter-spacing:.1em}
.exp-hero-top p,.exp-hero-top>span{font-size:10px;letter-spacing:.08em}
.exp-story-photo figcaption>span{font-size:10px;letter-spacing:.08em}
.exp-story-photo figcaption>strong{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:.02em}
.exp-rig-main figcaption{font-size:11px;line-height:1.6}
.site-header .brand b{display:block;font-family:var(--font-display);font-size:27px;line-height:1.05;letter-spacing:.03em;text-transform:uppercase}
.site-header .brand small{font-family:var(--font-field);font-size:10px;letter-spacing:.03em;margin-top:7px;text-transform:uppercase}
.site-header .brand>span{line-height:1.2}
.footer .brand,.sp-network{font-family:Arial,Helvetica,sans-serif}

/* Raised booking buttons with a quick lift, light sweep and moving arrow. */
.expedition-page .button{position:relative;isolation:isolate;overflow:hidden;border:1px solid #dc865d;border-bottom-color:#77341f;border-radius:6px;background:linear-gradient(135deg,#b64b28,#a03c21);color:#fffaf1;box-shadow:0 4px 0 #71351f,0 10px 24px #7c3f2526;font-weight:700;font-size:12px;letter-spacing:.055em;line-height:1.35;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.expedition-page .button::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff4db30 50%,transparent 80%);transform:translateX(-115%);transition:transform .55s ease;pointer-events:none;z-index:-1}
.expedition-page .button:is(:hover,:focus-visible){background:linear-gradient(135deg,#bd512c,#ad4324);border-color:#f0b58a;box-shadow:0 6px 0 #71351f,0 16px 30px #743a2538;transform:translateY(-3px)}
.expedition-page .button:is(:hover,:focus-visible)::before{transform:translateX(115%)}
.expedition-page .button:active{transform:translateY(2px);box-shadow:0 1px 0 #71351f,0 4px 10px #743a2520}
.expedition-page .header-book{font-size:11px;min-height:46px;padding:14px 18px}
.expedition-page main .cta-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;max-width:100%;min-height:48px;padding:12px 16px;border:1.5px solid #58664d;border-radius:5px;background:#f3ecdf;color:#283827;box-shadow:0 3px 0 #c6c1b1;font-family:var(--font-body);font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.035em;text-transform:uppercase;transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease}
.expedition-page main .cta-secondary::after{content:none}
.expedition-page main .cta-secondary:is(:hover,:focus-visible){background:#283827;color:#fffaf1;border-color:#283827;box-shadow:0 5px 0 #b4baa7,0 10px 20px #28382718;transform:translateY(-2px)}
.expedition-page main .cta-secondary:active{transform:translateY(1px);box-shadow:0 1px 0 #b4baa7}
.expedition-page main .dark .cta-secondary{background:#f3ecdf;color:#283827}
.expedition-page main .dark .cta-secondary:is(:hover,:focus-visible){background:#dde4d0;color:#182718}
.exp-destination-body>.cta-secondary{margin-top:auto;padding:12px 14px}
.exp-guidance-grid .cta-secondary{font-size:10px;gap:12px;align-self:flex-start}
.exp-faq-foot .cta-secondary{width:auto}
.exp-assistance>.cta-secondary{margin-bottom:22px}
.expedition-page .button:focus-visible,.expedition-page main .cta-secondary:focus-visible{outline:3px solid #c87345;outline-offset:5px}
@media(max-width:1200px){.site-header .brand b{font-size:24px}.desktop-nav{gap:16px}}
@media(max-width:600px){
 .site-header .header-inner{padding-inline:12px;gap:8px}.site-header .brand{gap:7px}.site-header .brand b{font-size:19px;letter-spacing:.02em}.site-header .brand small{font-size:8px;margin-top:5px;letter-spacing:0}.site-header .brand>span{padding:0}
 .expedition-page .header-book{font-size:9px;padding:12px 11px;min-height:44px;gap:0}
 .expedition-page .exp-hero h1{font-size:clamp(52px,14vw,80px);line-height:.97;letter-spacing:.005em}
 .expedition-page .exp-booking h2{font-size:52px;line-height:.98}
 .expedition-page main .eyebrow{font-size:10px;letter-spacing:.06em}.exp-hero-top p{font-size:9px;letter-spacing:.03em}
 .exp-story-photo figcaption>span{font-size:9px;letter-spacing:.02em}.exp-story-photo figcaption>strong{font-size:19px;line-height:1.1}
 .expedition-page .exp-hero-actions>.button{font-size:12px;min-height:56px}
 .expedition-page main .cta-secondary{min-height:48px;font-size:11px;padding:12px 15px}
 .exp-faq-foot .cta-secondary{display:inline-flex;width:fit-content;margin-top:14px}
 .exp-guidance-grid .cta-secondary{font-size:11px}
}
@media(max-width:380px){.site-header .brand img{width:30px;height:30px}.site-header .brand b{font-size:16px}.site-header .brand small{font-size:7px}.expedition-page .header-book{padding-inline:9px}}
@media(max-width:340px){.site-header .brand img{display:none}.site-header .brand b{font-size:15px}}
@media(prefers-reduced-motion:reduce){
 .expedition-page .button,.expedition-page main .cta-secondary,.direction-mark path{transition:none}
 .expedition-page .button::before{display:none}
 .expedition-page .button:is(:hover,:focus-visible,:active),.expedition-page main .cta-secondary:is(:hover,:focus-visible,:active){transform:none}
}
