body{overflow-x:clip}.discover{overflow:hidden;background:linear-gradient(170deg,#f4fbfc 20%,#d5edf2 20%,#e6f5f7 43%,#c9e7ed 43%,#e6f5f7 69%,#bedfe8 69%,#e3f3f5)}.collage{isolation:isolate}header .logo{width:170px}footer{background-image:linear-gradient(#ffffffee,#ffffffd9 40%,#ffffff20 80%,transparent),url('assets/beach-footprints.webp');background-size:cover;background-position:center bottom}@media(max-width:760px){header .logo{width:150px}footer{background-image:linear-gradient(#ffffffee,#ffffffdf 70%,#ffffff15),url('assets/beach-footprints.webp');background-size:auto 100%;background-position:35% bottom}}
html{overflow-x:clip}.collage{overflow:hidden}@media(max-width:460px){.chips{grid-template-columns:repeat(2,minmax(0,1fr))}.chip{min-height:40px;font-size:12px}}
.polaroid>.ref-photo{aspect-ratio:160/140}.polaroid>.train-photo{background:url(assets/hero.png) 40% 65%/cover}.tiny-footprints{display:none}
/* Review refinements */
.logo{aspect-ratio:1.78;mix-blend-mode:normal;overflow:visible}
.logo img{position:static;display:block;width:100%;height:100%;object-fit:contain;max-width:100%}
header,header.scrolled{height:110px;padding-top:15px;padding-bottom:15px}
.newsletter-field{align-items:center;padding:3px;min-height:44px}
.newsletter-field button{width:36px;height:36px;min-width:36px;flex:0 0 36px;aspect-ratio:1;border-radius:50%;padding:0;display:grid;place-items:center;line-height:1}
.carousel-shell{position:relative}
.experience-grid{scrollbar-width:none;-ms-overflow-style:none}
.experience-grid::-webkit-scrollbar{display:none;width:0;height:0}
.carousel-arrow{display:none;position:absolute;top:36%;z-index:3;width:42px;height:42px;border-radius:50%;background:#fff;color:#00566a;border:1px solid #c6e2e6;box-shadow:0 3px 13px #173b6033;font-size:27px;line-height:1;align-items:center;justify-content:center}
.carousel-arrow:disabled{opacity:.4;cursor:default}
.carousel-prev{left:-12px}.carousel-next{right:-12px}
@media(max-width:760px){
 header,header.scrolled{height:110px;padding:14px 6vw 18px}
 header .logo{width:145px;height:78px}
 nav{top:110px}
 .hero{padding-top:150px;background-position:90% top;background-image:linear-gradient(90deg,#001f256b,transparent),url('assets/hero.png')}
 .journey{right:0;top:0;font-size:18px}
 .intro{max-width:275px}
 .carousel-arrow{display:flex}
 .experience-grid{margin:0;padding:0 0 12px;scroll-padding-inline:0}
 .collage{height:370px;max-width:400px;width:100%;margin:30px auto 0;padding-top:55px;overflow:visible}
 .collage>p{left:50%;top:0;width:100%;transform:translateX(-50%) rotate(-5deg);font-size:23px;z-index:4}
 .polaroid{width:44%}
 .p1{left:5%;top:65px;transform:rotate(-8deg)}
 .p2{right:5%;top:72px;transform:rotate(7deg)}
 .p3{left:5%;top:205px;transform:rotate(3deg)}
 .p4{right:5%;top:212px;transform:rotate(7deg)}
 .foliage{display:none}
 .newsletter-field{height:46px}
 .newsletter-field button{width:38px;height:38px;min-width:38px;flex-basis:38px}
}
@media(max-width:400px){.collage{height:345px}.p3{top:190px}.p4{top:197px}.hero{background-position:91% top}}
html{scroll-padding-top:125px}.steps article{min-width:0}.step-arrow{flex-shrink:0}@media(max-width:400px){.steps{gap:3px}.steps h3{font-size:14px}.steps p{font-size:9px}.step-arrow{font-size:19px}.wash{width:70px}}
/* Keep the traveller in a clear scenic strip beside the desktop planner. */
header:not(.scrolled) .logo img{filter:brightness(0) invert(1)}
header.scrolled .logo img{filter:none}
header .logo img{transition:filter .25s}
@media(min-width:761px){
 .hero{background-position:right center}
 .hero-layout{grid-template-columns:minmax(0,1fr) minmax(350px,.95fr);margin-left:auto;margin-right:14vw;gap:30px}
 .hero-copy{padding-left:0}
 .hero-copy h1{font-size:clamp(50px,4.7vw,80px)}
 .hero-copy h1 em{font-size:clamp(73px,6.7vw,112px)}
 .journey{right:0;font-size:21px;top:0}
 .benefits{gap:13px;font-size:11px}
}
@media(min-width:1500px){.hero-layout{gap:38px}.planner h2{font-size:32px}.planner{padding:26px}}
@media(prefers-reduced-motion:reduce){header .logo img{transition:none}}
.carousel-arrow{width:35.7px;height:35.7px;padding:0;top:50%;transform:translateY(-50%);font-size:21px}.carousel-arrow svg{width:19px;height:19px;display:block;flex-shrink:0}.carousel-prev{left:-10px}.carousel-next{right:-10px}
@media(min-width:761px){.hero-layout{grid-template-columns:minmax(350px,.95fr) minmax(0,1fr)}.hero-layout>.planner{grid-column:1;grid-row:1}.hero-layout>.hero-copy{grid-column:2;grid-row:1}.hero-copy .journey{top:-30px;right:0}}
/* Touch feedback mirrors the desktop polaroid lift without blocking scrolling. */
@media (hover:none), (pointer:coarse){
 .polaroid{transition:transform 180ms ease-out,box-shadow 180ms ease-out;touch-action:pan-y}
 .polaroid.is-touched{z-index:6;transform:translateY(-6px) rotate(0deg) scale(1.055);box-shadow:0 13px 24px #173b6033}
 .polaroid.is-touched .ref-photo img{transform:scale(1.025);transition:transform 180ms ease-out}
}
@media(prefers-reduced-motion:reduce){.polaroid.is-touched{transform:none}}