:root{--wine:#6d1d29;--wine-deep:#451923;--cream:#f5efe4;--paper:#eee5d6;--ink:#291d1b;--gold:#d5ad7b;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.journal-nav{height:94px;padding:0 max(calc((100vw - 1240px)/2),6.5vw);display:flex;align-items:center;justify-content:space-between;background:var(--wine);color:var(--cream);border-bottom:1px solid #ffffff2d}.wordmark{font:600 19px/.8 var(--serif);letter-spacing:-.04em;text-align:center}.wordmark i{font-weight:500}.journal-nav nav{display:flex;gap:30px;align-items:center;font-size:9px;letter-spacing:.18em}.journal-nav nav>a:not(.nav-cta){opacity:.8}.journal-nav nav>a:hover,.journal-nav nav .active{opacity:1}.nav-cta{padding:14px 17px;border:1px solid #e3d3c4a0}.journal-cover{padding:96px 7vw 88px;background:var(--wine);color:var(--cream);text-align:center}.journal-cover>span,.journal-bottom>span{font-size:9px;letter-spacing:.22em;color:#e2c8a8}.journal-cover h1{font:500 clamp(43px,6.2vw,76px)/1.06 var(--serif);letter-spacing:-.045em;margin:28px auto 19px;max-width:1050px}.journal-cover h1 em{color:#e5c29c}.journal-cover p{font:16px/1.75 var(--serif);max-width:580px;margin:0 auto 29px;color:#eaded4}.journal-cover>a{font-size:9px;letter-spacing:.17em;padding-bottom:9px;border-bottom:1px solid #ffffff70}.journal-cover>a b{color:var(--gold);margin-left:8px}.story-grid{max-width:1210px;margin:auto;padding:80px 25px 100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:62px 32px}.story-card{display:block}.story-photo{position:relative;overflow:hidden;background:#3e2922;aspect-ratio:1.68}.story-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1);filter:saturate(.87)}.story-card:hover .story-photo img{transform:scale(1.035)}.story-photo>span{position:absolute;right:14px;bottom:14px;background:var(--cream);padding:11px 13px;color:var(--wine);font-size:8px;letter-spacing:.15em}.story-meta{margin:20px 0 11px;color:#876d58;font-size:8px;font-weight:600;letter-spacing:.18em}.story-meta i{font-style:normal;color:var(--wine);padding:0 5px}.story-card h2{font:500 clamp(25px,3vw,36px)/1.14 var(--serif);letter-spacing:-.025em;margin:0 0 12px;max-width:540px}.story-card>p{font:13px/1.75 var(--sans);color:#65564e;margin:0;max-width:540px}.journal-bottom{padding:58px 20px 64px;text-align:center;background:#e8ddce}.journal-bottom p{font:500 30px/1.4 var(--serif);color:var(--ink)}.journal-bottom a{display:inline-block;background:var(--wine);color:var(--cream);padding:17px 23px;margin-top:8px;font-size:9px;letter-spacing:.16em}.journal-bottom a:hover,.article-cta>a:hover{background:var(--wine-deep)}footer{padding:30px 6.5vw 40px;background:var(--wine);color:var(--cream);display:flex;align-items:center;justify-content:space-between}footer>span,footer>a:last-child{font-size:8px;letter-spacing:.17em;color:#dbc6b9}.article-hero{height:min(69vw,710px);min-height:510px;position:relative;overflow:hidden;background:#39221d}.article-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.85)}.hero-fade{position:absolute;inset:10% 0 0;background:linear-gradient(180deg,transparent 18%,rgba(25,13,12,.78) 100%)}.hero-caption{position:absolute;left:8vw;right:8vw;bottom:9%;color:#fff9ef;max-width:980px}.hero-caption>span{font-size:9px;letter-spacing:.2em;color:#ead0ad}.hero-caption h1{font:500 clamp(38px,6vw,72px)/1.05 var(--serif);letter-spacing:-.04em;margin:18px 0 12px;max-width:900px}.hero-caption p{font-size:13px;line-height:1.65;max-width:570px;color:#f1e5da}.article-wrap{max-width:760px;padding:57px 24px 100px;margin:auto}.back{font-size:8px;letter-spacing:.18em;color:#876d58}.standfirst{font:500 clamp(24px,3.2vw,34px)/1.38 var(--serif);margin:45px 0 40px}.article-body section{margin:0 0 37px}.article-body h2{font:500 27px/1.22 var(--serif);margin:0 0 15px;color:var(--wine)}.article-body p{font:15px/1.9 var(--sans);color:#51443e;margin:0 0 16px}.article-body blockquote{margin:44px -38px 46px;padding:21px 30px;border-left:2px solid var(--gold);font:italic 27px/1.45 var(--serif);color:var(--wine)}.image-note{text-align:center;font:italic 10px var(--serif);color:#8a796b;margin:0 0 65px}.article-cta{background:var(--wine);padding:45px 48px;color:var(--cream)}.article-cta>span,.related>span{font-size:8px;letter-spacing:.18em;color:#e1c19b}.article-cta h2{font:500 clamp(29px,4vw,43px)/1.15 var(--serif);margin:19px 0 12px}.article-cta h2 em{color:#e4c39f}.article-cta p{font:13px/1.7 var(--sans);color:#ebddd3;max-width:420px}.article-cta>a{display:inline-flex;gap:14px;align-items:center;padding:15px 19px;margin-top:11px;background:var(--cream);color:var(--wine);font-size:8px;letter-spacing:.16em}.article-cta>a:hover{color:var(--cream)}.related{margin-top:53px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.related>span{grid-column:1/-1;color:#8b6e58;margin-bottom:6px}.related>a{padding:16px 0;border-top:1px solid #ae9f90;font:500 17px/1.3 var(--serif)}.related>a span{float:right;color:var(--wine);font:14px var(--sans)}@media(max-width:700px){.journal-nav{height:78px;padding:0 20px}.journal-nav nav{gap:13px;font-size:7px}.journal-nav nav>a:not(.nav-cta){display:none}.nav-cta{padding:11px 10px}.journal-cover{padding:72px 25px 67px}.journal-cover p{font-size:14px}.story-grid{padding:48px 18px 65px;grid-template-columns:1fr;gap:45px}.story-card h2{font-size:29px}.journal-bottom p{font-size:24px}footer{padding:24px 20px 85px}footer>span{display:none}.article-hero{height:690px;min-height:520px}.article-caption{left:23px;right:23px}.hero-caption{left:24px;right:24px;bottom:8%}.hero-caption h1{font-size:43px}.article-wrap{padding:42px 22px 75px}.article-body p{font-size:14px}.article-body blockquote{margin:34px 0;padding-left:21px;font-size:23px}.article-cta{padding:33px 25px}.related{grid-template-columns:1fr}.related>span{grid-column:auto}.related>a{font-size:16px}}
@media(max-width:700px){
 .journal-nav nav{font-size:10px;line-height:1.5}
 .nav-cta{font-size:10px;line-height:1.4}
 .journal-cover>span,.journal-bottom>span{font-size:10px;line-height:1.5}
 .journal-cover p{font-size:16px;line-height:1.8}
 .journal-cover>a,.journal-bottom a{font-size:11px;line-height:1.5}
 .story-photo>span{font-size:10px;line-height:1.4}
 .story-meta{font-size:10px;line-height:1.5;letter-spacing:.12em}
 .story-card>p{font-size:16px;line-height:1.75}
 .journal-bottom p{font-size:26px;line-height:1.4}
 footer>span,footer>a:last-child{font-size:10px;line-height:1.5}
 .hero-caption>span{font-size:11px;line-height:1.5}
 .hero-caption>p{font-size:15px;line-height:1.6}
 .article-body p{font-size:16px;line-height:1.85}
 .article-body h2{font-size:27px;line-height:1.25}
 .image-note{font-size:12px;line-height:1.5}
 .article-cta>span,.related>span{font-size:10px;line-height:1.5;letter-spacing:.13em}
 .article-cta p{font-size:15px;line-height:1.75}
 .article-cta>a{font-size:11px;line-height:1.5}
 .related>a{font-size:18px;line-height:1.4}
}
@media(max-width:700px){.back{font-size:10px;line-height:1.5}}

/* Reframe story and feature photography at each responsive crop. */
img{max-width:100%}
.story-photo img{object-position:50% 40%}
.article-hero>img{object-position:50% 44%}
.article-hero>img[src*="london-table"]{object-position:52% 42%}
.article-hero>img[src*="work-life"]{object-position:54% 42%}
.article-hero>img[src*="soft-dating"]{object-position:50% 44%}
.article-hero>img[src*="new-chapter"]{object-position:50% 42%}
.article-hero>img[src*="family-hopes"]{object-position:52% 42%}
@media(max-width:700px){
 .story-photo img{object-position:50% 38%}
 .article-hero>img{object-position:50% 42%}
 .article-hero>img[src*="london-table"]{object-position:54% 40%}
 .article-hero>img[src*="work-life"]{object-position:54% 40%}
 .article-hero>img[src*="soft-dating"]{object-position:50% 42%}
 .article-hero>img[src*="new-chapter"]{object-position:50% 40%}
 .article-hero>img[src*="family-hopes"]{object-position:52% 40%}
}

/* Keep editorial photography composed across portrait and landscape screens. */
img{max-width:100%;height:auto}
.story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.article-hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%}
@media(max-width:700px){
 .article-hero{height:clamp(440px,125vw,620px);min-height:0}
 .article-hero>img{object-position:center 40%}
 .story-photo{aspect-ratio:1.35}
 .story-photo img{object-position:center 38%}
}


/* Final responsive framing overrides for journal photography. */
img{max-width:100%}
.story-photo{aspect-ratio:4/5;overflow:hidden}
.story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.article-hero{overflow:hidden}
.article-hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
@media(max-width:700px){
 .story-photo{aspect-ratio:4/5}
 .story-photo img{object-position:center 32%}
 .article-hero>img{object-position:center 32%}
}