.story-page{background:var(--paper)}.story-header{position:relative;color:var(--pine);border-bottom:1px solid var(--line)}.story-header .language{border-color:var(--pine)}.story-hero{padding:90px clamp(24px,8vw,130px) 75px;background:var(--cream);border-bottom:1px solid var(--line)}.story-hero h1{font:600 clamp(58px,8vw,118px)/1.03 "Playfair Display",serif;letter-spacing:-.055em;max-width:1020px;margin:0}.story-subtitle{font-size:clamp(19px,2vw,25px);max-width:690px;margin:28px 0}.story-meta{font:12px "DM Mono",monospace;color:var(--pine);margin:0}.story-layout{display:grid;grid-template-columns:230px minmax(0,730px);justify-content:center;gap:clamp(30px,6vw,100px);padding:75px clamp(24px,6vw,100px) 100px}.story-sidebar{position:sticky;top:30px;align-self:start}.story-sidebar nav{display:grid;gap:16px}.story-sidebar a{color:#52645c;font-size:14px;line-height:1.45;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:13px}.story-sidebar a:hover{color:var(--pine)}.story-lead{font:400 clamp(23px,2.4vw,30px)/1.55 "Playfair Display",serif;margin:0 0 65px}.story-chapter{margin-bottom:55px;scroll-margin-top:30px}.chapter-number{font:11px "DM Mono",monospace;color:#658174}.story-chapter h2{font-size:clamp(31px,3.7vw,46px);line-height:1.12;letter-spacing:-.025em;margin:12px 0 25px}.story-chapter p{font-size:18px;line-height:1.88;color:#34453d;margin-bottom:24px}.story-end{padding:65px clamp(24px,8vw,130px);background:var(--cream)}.story-end h2{font-size:clamp(36px,4vw,56px);line-height:1.1}.story-videos{display:flex;gap:12px;flex-wrap:wrap}.story-history{max-width:670px;color:#52645c;font-size:14px;margin:30px 0}.story-next{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px}.story-next a{color:var(--pine);font-size:14px}.journey .full-story-link{display:inline-block;width:auto;height:auto;border:0;border-radius:0;border-bottom:1px solid var(--lime);font:700 14px "DM Sans",sans-serif;letter-spacing:0;margin-top:22px;padding-bottom:5px}.journey .full-story-link:hover{background:transparent;color:white}.full-story-link+.trip-details{margin-top:8px}@media(max-width:760px){.story-header{padding-bottom:15px}.story-header nav{order:initial;flex-basis:auto}.story-hero{padding-top:60px}.story-layout{grid-template-columns:1fr;padding-top:40px;gap:35px}.story-sidebar{position:static}.story-sidebar nav{display:flex;gap:16px;overflow:auto;padding-bottom:10px}.story-sidebar a{flex:0 0 170px}.story-lead{margin-bottom:45px}.story-chapter p{font-size:17px;line-height:1.8}.story-hero h1{font-size:clamp(48px,13vw,75px)}}

.story-photo{margin:36px 0 0}.story-photo img{display:block;width:100%;height:auto}.story-photo figcaption{font-size:13px;line-height:1.6;color:#52645c;margin-top:12px}
.story-photo img{max-height:780px;object-fit:contain;background:var(--cream)}
.story-photo+.story-photo{margin-top:28px}

/* Match the homepage hero typography and placement, preserving photo colours. */
.story-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden;min-height:780px;height:100svh;padding:clamp(120px,14vh,190px) clamp(20px,8vw,130px) clamp(105px,12vh,145px);background:var(--ink);color:#fff}
.story-hero-image{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.story-hero-copy{width:100%;max-width:720px;margin:0;padding:0;text-shadow:0 2px 5px rgba(0,0,0,.75),0 4px 18px rgba(0,0,0,.5)}
.story-hero h1{font-size:clamp(54px,7.4vw,112px);max-width:770px;margin:0;letter-spacing:-.045em;line-height:.98;text-wrap:balance}
.story-hero .eyebrow{color:var(--lime)}
.story-hero .story-subtitle{max-width:580px;margin:25px 0 31px;font-size:clamp(18px,1.55vw,23px);line-height:1.48;color:rgba(255,255,255,.89);text-wrap:pretty}
.story-hero .story-meta{position:absolute;left:clamp(20px,8vw,130px);right:20px;bottom:32px;color:rgba(255,255,255,.85);font:10px/1.6 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){.story-hero{min-height:720px;padding:150px 24px 110px}.story-hero-copy{padding:0}.story-hero h1{font-size:clamp(48px,13vw,72px)}.story-hero .story-subtitle{font-size:17px}.story-hero .story-meta{left:24px;bottom:24px}}

.story-sidebar,.story-body{min-width:0}
@media(max-width:760px){.story-layout{grid-template-columns:minmax(0,1fr)}.story-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}.story-header .brand{grid-column:1;grid-row:1}.story-header .language{grid-column:2;grid-row:1}.story-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:24px}}
