:root{--paper:#f3efe5;--ink:#1a1b18;--moss:#596451;--line:rgba(26,27,24,.22)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:31px clamp(24px,4vw,64px);border-bottom:1px solid var(--line)}
.brand{text-decoration:none;font-size:15px;font-weight:850;letter-spacing:-.02em}
.brand span{font-size:10px;font-weight:750;letter-spacing:.15em;margin-left:6px}
.header-link{text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.13em}
.header-link span{font-size:18px;margin-left:12px}
.intro,.trips{width:min(1450px,calc(100% - clamp(48px,8vw,128px)));margin:auto}
.intro{padding:56px 0 clamp(90px,12vw,170px)}
.intro-topline,.intro-bottomline,.section-heading,.trip-top,.trip-bottom,.after-card,.site-footer{display:flex;justify-content:space-between}
.intro-topline,.eyebrow,.section-heading>span,.trip-top,.after-card,.site-footer{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.14em}
.intro-topline{color:var(--moss)}
.intro h1{margin:clamp(65px,8vw,120px) 0 clamp(48px,6vw,95px);font-family:Georgia,"Times New Roman",serif;font-size:clamp(64px,12.5vw,188px);font-weight:400;letter-spacing:-.075em;line-height:.82}
.intro h1 em{font-weight:400;padding-left:.13em}
.intro-bottomline{align-items:end;gap:28px}
.intro-bottomline p{max-width:420px;margin:0;font-family:Georgia,serif;font-size:clamp(19px,2vw,27px);line-height:1.35}
.intro-bottomline a{text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:8px;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.12em}
.intro-bottomline a span{font-size:18px;margin-left:16px}
.trips{padding-bottom:clamp(90px,11vw,160px)}
.section-heading{align-items:baseline;gap:20px;border-top:1px solid var(--line);padding:23px 0 30px}
.section-heading .eyebrow{margin:0;color:var(--moss)}
.section-heading h2{margin:0;font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,4vw,56px);letter-spacing:-.045em}
.section-heading>span{color:var(--moss)}
.trip-card{display:block;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.8;min-height:460px;color:#fff;text-decoration:none;background:#35433b}
.trip-card img,.trip-shade{position:absolute;inset:0;width:100%;height:100%}
.trip-card img{object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.trip-card:hover img,.trip-card:focus-visible img{transform:scale(1.045)}
.trip-shade{background:linear-gradient(180deg,rgba(12,19,17,.4),transparent 37%,rgba(12,19,17,.75))}
.trip-top,.trip-bottom{position:absolute;left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);z-index:1}
.trip-top{top:clamp(24px,3vw,46px);gap:16px}
.trip-bottom{bottom:clamp(24px,4vw,60px);align-items:end;gap:20px}
.trip-bottom strong{display:block;font-family:Georgia,serif;font-size:clamp(60px,9vw,145px);font-weight:400;letter-spacing:-.075em;line-height:.83}
.trip-bottom strong em{font-weight:400}
.trip-bottom small{display:block;margin-top:26px;font-size:13px;font-weight:650;letter-spacing:.03em}
.trip-arrow{display:grid;place-items:center;flex:none;width:64px;height:64px;border:1px solid rgba(255,255,255,.7);border-radius:50%;font-size:27px;transition:background .2s,color .2s}
.trip-card:hover .trip-arrow,.trip-card:focus-visible .trip-arrow{background:#fff;color:var(--ink)}
.after-card{padding-top:21px;gap:20px;color:var(--moss)}
.site-footer{padding:30px clamp(24px,4vw,64px);border-top:1px solid var(--line)}
.site-footer a{text-decoration:none}
@media(max-width:700px){.site-header{padding:20px 24px}.intro,.trips{width:calc(100% - 48px)}.intro{padding-top:38px;padding-bottom:95px}.intro h1{margin:85px 0 58px;font-size:clamp(61px,14vw,100px)}.intro-bottomline{display:block}.intro-bottomline a{display:inline-block;margin-top:34px}.section-heading{align-items:center}.section-heading h2{font-size:35px}.section-heading>span{display:none}.trip-card{aspect-ratio:auto;height:550px;min-height:0}.trip-top{font-size:10px}.trip-top span:last-child{text-align:right}.trip-bottom strong{font-size:clamp(65px,14vw,110px)}.trip-arrow{width:49px;height:49px;font-size:22px}.after-card{display:block;line-height:1.8}.after-card span{display:block}.after-card span+span{margin-top:11px}.site-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.trip-card img{transition:none}}
