@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#181319;--plum:#830653;--apricot:#e6a25f;--paper:#faf9f6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.65 'DM Sans',sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #428bd4;outline-offset:4px}.skip{position:absolute;left:10px;top:-100px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5%;background:var(--paper)}.brand{font:900 1.45rem/.9 'Barlow Condensed',sans-serif;text-decoration:none;letter-spacing:.025em}.brand span{color:var(--plum)}nav{display:flex;gap:25px;align-items:center;flex-wrap:wrap}nav a{text-decoration:none;font-size:.875rem;font-weight:700}nav a:hover{color:var(--plum)}.nav-cta{border:1.5px solid var(--plum);padding:9px 15px;border-radius:3px;color:var(--plum)}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:var(--plum);color:#fff}.hero-photo{background:url('./assets/trip-04.webp') center/cover}.hero-copy{align-self:center;padding:65px clamp(30px,5vw,85px)}.eyebrow{font-size:.875rem;text-transform:uppercase;font-weight:700;letter-spacing:.14em}.hero .eyebrow{color:#ffd2a8}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:1}h1{font-size:clamp(4rem,6.5vw,7rem);margin:20px 0 28px}h1 em{font-style:normal;color:var(--apricot)}.hero-copy>p:not(.eyebrow){max-width:560px;font-size:1.125rem}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;background:var(--apricot);color:var(--ink);padding:13px 22px;border-radius:3px;font-weight:700;text-decoration:none}.button:hover{background:#f4bf91}.text-link{font-weight:700}
.section{padding:90px 5%}.wrap{max-width:1240px;margin:auto}h2{font-size:clamp(3rem,5.5vw,5.5rem);margin:15px 0 25px}h2 span{color:var(--plum)}.intro{background:#f1dcea}.intro .wrap{max-width:900px}.intro p:last-child{font-size:1.1875rem;max-width:780px}
.route{background:#fff}.route .eyebrow{color:var(--plum)}.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}.route article{background:var(--paper)}.route img{display:block;width:100%;height:270px;object-fit:cover}.route article>div{padding:24px}.route article span{color:var(--plum);font-weight:700}.route h3{font-size:2.4rem;margin:8px 0}.route article p{margin:0}.route-note,.fine{font-size:.9375rem}.route-note{color:#615562;margin:22px 0 0}
.details{background:var(--ink);color:#fff}.details-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%}.details .eyebrow{color:var(--apricot)}.details h2 span{color:var(--apricot)}.price{font:800 clamp(3rem,5vw,5rem)/1 'Barlow Condensed',sans-serif;color:var(--apricot);margin:30px 0 12px}.price small{font:700 1rem 'DM Sans',sans-serif;color:#fff}.detail-card{background:#30262d;padding:30px}.detail-card h3{font-size:2rem;margin:0 0 10px}.included{border-bottom:1px solid #ffffff40;padding-bottom:23px}.included h3{color:var(--apricot)}.included ul{margin:0;padding-left:22px}.extra{padding-top:24px}.extra p{margin:0}.fine{color:#ddd0da;margin:25px 0 0}
.interest{background:var(--plum);color:#fff;text-align:center}.interest h2{max-width:750px;margin:20px auto}.interest p:not(.eyebrow){max-width:640px;margin:0 auto 25px}.interest .eyebrow{color:var(--apricot)}
footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--ink);color:#fff;padding:30px 5%;font-size:.875rem}footer a{font-weight:700}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-photo{min-height:340px}.hero-copy{padding:45px 6%}.route-grid{grid-template-columns:1fr 1fr}.details-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:620px){.site-header{align-items:flex-start;flex-direction:column}.route-grid{grid-template-columns:1fr}.route article{display:grid;grid-template-columns:40% 60%}.route img{height:100%;min-height:230px}.section{padding:65px 6%}.hero-photo{min-height:260px}.detail-card{padding:24px}.route article>div{padding:20px}}
@media(max-width:420px){.route article{display:block}.route img{height:230px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}