.travel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 42px;padding-top:0}
.travel-card{min-width:0}
.travel-diptych{display:grid;grid-template-columns:1.1fr 1fr;gap:8px;aspect-ratio:1.72}
.travel-diptych>span{position:relative;overflow:hidden;min-width:0}
.travel-diptych img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.travel-diptych:hover img{transform:scale(1.025)}
.travel-diptych>span:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#18251e9c)}
.travel-diptych>span>span{position:absolute;left:18px;right:12px;bottom:16px;color:white;font:italic 24px var(--serif);line-height:1.15;z-index:1}
.travel-card-copy{padding:25px 0 0;max-width:620px}
.travel-card-copy>.eyebrow{font-size:12px!important;letter-spacing:.14em;color:#726746}
.travel-card h2{font-size:44px;line-height:1.1;margin:12px 0 15px}
.travel-card-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);margin:0}
.travel-card .text-link{font-size:14px;margin-top:21px;max-width:275px}
.travel-diptych:focus-visible,.travel-card h2 a:focus-visible{outline:2px solid #89784e;outline-offset:5px}
.travel-hero{position:relative;height:clamp(400px,64svh,690px);background:#303b32;color:#fff}
.travel-hero>img{width:100%;height:100%;object-fit:cover}
.travel-hero:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#18231ee0)}
.travel-hero>div{position:absolute;left:6%;right:6%;bottom:45px;z-index:1}
.travel-hero .eyebrow{font-size:12px!important;letter-spacing:.18em}
.travel-hero h1{font-size:clamp(55px,7.5vw,105px);line-height:1.03;margin:18px 0}
.travel-hero>div>p:last-child{font:italic 29px var(--serif);margin:0}
.travel-photo-credit{padding:13px 6%;font-size:12px;color:var(--muted);line-height:1.6;border-bottom:1px solid var(--line)}
.travel-photo-credit a,.travel-source{text-decoration:underline;text-underline-offset:3px}
.travel-history{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;max-width:1450px;margin:auto;padding-top:70px;padding-bottom:75px}
.travel-history .eyebrow,.travel-creation .eyebrow{font-size:12px!important;letter-spacing:.16em}
.travel-history h2,.travel-creation h2{font-size:clamp(38px,4vw,58px);line-height:1.1;margin:22px 0}
.travel-history>div>p:not(.eyebrow){font-size:16px;line-height:1.9;margin:0 0 22px;color:var(--muted)}
.travel-source{font-size:12px;line-height:1.7;color:#69664e;display:inline-block}
.travel-creation{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;background:#303b32;color:#f6f3ec}
.travel-creation figure{margin:0;align-self:stretch;position:relative;min-width:0;min-height:520px}
.travel-creation figure>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.travel-creation figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 28px 18px;font-size:12px;color:#fff;background:linear-gradient(transparent,#19211bab)}
.travel-creation-copy{padding:55px clamp(28px,5vw,86px)}
.travel-creation-copy>.eyebrow{color:#d7c9a6}
.travel-creation-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#dedfd4;margin:22px 0}
.travel-creation-copy .text-link{color:#f6f3ec;border-color:#d1bf97;font-size:14px;max-width:330px;margin-top:26px}
.travel-phrase{text-align:center;padding:55px 24px}
.travel-phrase p{font:italic clamp(27px,3vw,40px)/1.3 var(--serif);max-width:820px;margin:0 auto 16px}
.travel-phrase>span{font-size:12px;letter-spacing:.16em;color:#82734c}
.travel-credits li{margin:25px 0;font-size:14px;line-height:1.8}
.travel-credits ul{padding-left:20px}
@media(max-width:1000px){.travel-grid{gap:50px 25px}.travel-diptych{aspect-ratio:1.3}.travel-diptych>span>span{font-size:21px;left:12px}.travel-creation{grid-template-columns:1fr 1fr}.travel-creation-copy{padding:35px 28px}}
@media(max-width:760px){
 .travel-grid{grid-template-columns:1fr;gap:42px;padding-top:0;padding-bottom:45px}
 .travel-diptych{aspect-ratio:1.45;gap:6px}
 .travel-card h2{font-size:37px}
 .travel-card-copy{padding-top:21px}
 .travel-card-copy>.eyebrow{letter-spacing:.09em}
 .travel-hero{height:440px}
 .travel-hero>div{left:24px;right:24px;bottom:30px}
 .travel-hero h1{font-size:55px;overflow-wrap:break-word}
 .travel-hero>div>p:last-child{font-size:26px}
 .travel-photo-credit{padding:12px 24px}
 .travel-history{display:block;padding:42px 24px}
 .travel-history h2{margin:16px 0 24px}
 .travel-creation{display:block}
 .travel-creation figure{min-height:0;aspect-ratio:3/2}
 .travel-creation-copy{padding:35px 24px 42px}
 .travel-creation h2{margin:18px 0}
 .travel-phrase{padding:38px 24px}
}
@media(prefers-reduced-motion:reduce){.travel-diptych img{transition:none}}
