/* Editorial sections deliberately avoid touching the captured Explore component styles. */
.journal-page { margin:0; background:var(--color-paper-light); color:var(--color-ink); font:14px/1.7 var(--font-functional); -webkit-font-smoothing:antialiased; }
.journal-page *, .editorial-transformation * { box-sizing:border-box; }
.journal-page h1,.journal-page h2,.journal-page p,.journal-page figure { margin:0; }
.journal-page h1,.journal-page h2 { font-family:var(--font-editorial); font-weight:350; letter-spacing:-.05em; line-height:1.04; }
.journal-page em,.editorial-transformation em { font-weight:350; }
.journal-page a { color:inherit; text-decoration:none; }
.journal-page button { font:inherit; }
.journal-page img { display:block; width:100%; height:100%; object-fit:cover; }
.journal-page :focus-visible,.editorial-transformation :focus-visible { outline:2px solid var(--color-jade); outline-offset:6px; }
.journal-page .skip-link { position:fixed; top:-100px; left:24px; z-index:100; padding:12px 20px; background:var(--color-ink); color:var(--color-paper-light); }
.journal-page .skip-link:focus { top:12px; }
.journal-header { position:relative; display:flex; align-items:center; gap:36px; min-height:104px; padding:22px var(--space-gutter); border-bottom:1px solid #1b242221; }
.journal-brand { display:flex; align-items:center; gap:12px; font-size:10px; letter-spacing:.15em; white-space:nowrap; }
.journal-brand img { width:32px; height:32px; }
.journal-header nav { display:flex; gap:30px; margin-left:auto; padding-right:150px; font-size:11px; }
.journal-header nav a { padding-block:12px; border-bottom:1px solid transparent; }
.journal-header nav [aria-current] { border-color:var(--color-ink); }
.journal-header nav a:hover { color:var(--color-jade); border-color:var(--color-jade); }
.journal-header .locale-switcher { position:absolute; right:var(--space-gutter); top:31px; }
.journal-page .locale-toggle { color:var(--color-ink); border-color:#1b24223a; background:transparent; }
.journal-hero { min-height:780px; height:calc(100svh - 104px); max-height:1060px; display:grid; grid-template-columns:1fr 1.06fr; gap:6vw; padding:48px calc(var(--space-gutter) + 20px) 48px var(--space-gutter); position:relative; }
.journal-hero-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-width:0; }
.editorial-kicker { font:500 9px/1.5 var(--font-functional); letter-spacing:.22em; color:var(--color-jade); text-transform:uppercase; }
.journal-hero h1 { font-size:clamp(68px,7.2vw,126px); margin:38px 0 28px; }
.journal-hero h1 em { color:var(--color-jade); }
.journal-hero-copy>p:not(.editorial-kicker) { color:#62665f; font-size:14px; line-height:1.8; }
.editorial-link { display:inline-flex; align-items:center; justify-content:space-between; gap:40px; min-height:48px; padding:13px 0; border-bottom:1px solid currentColor; color:inherit; text-decoration:none; font:500 12px/1.5 var(--font-functional); transition:gap var(--duration-m) var(--ease-standard),color var(--duration-s); }
.editorial-link:hover { gap:52px; color:var(--color-jade); }
.journal-hero .editorial-link { margin-top:28px; }
.journal-hero-note { margin-top:auto; padding-top:40px; display:flex; align-items:center; gap:24px; }
.journal-hero-note>span:first-child { writing-mode:vertical-rl; letter-spacing:.25em; font-family:serif; color:var(--color-jade); font-size:15px; }
.journal-hero-note>span:last-child { font-size:8px; letter-spacing:.18em; color:#62665f; }
.journal-cover { position:relative; min-height:0; overflow:hidden; background:var(--color-jade); }
.journal-cover picture { display:block; height:100%; }
.journal-cover::after { content:''; position:absolute; inset:70% 0 0; background:linear-gradient(transparent,#07130ba6); pointer-events:none; }
.journal-cover figcaption { position:absolute; bottom:26px; left:26px; right:26px; display:flex; justify-content:space-between; z-index:1; font-size:8px; letter-spacing:.16em; color:var(--color-paper-light); }
.journal-side-note { position:absolute; writing-mode:vertical-rl; right:var(--space-gutter); top:50%; font-size:8px; letter-spacing:.2em; }
.chapter-index { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 var(--space-gutter); border-block:1px solid #1b242238; padding:18px 0; }
.chapter-index>span { font-size:8px; letter-spacing:.14em; color:#697069; }
.chapter-index a { display:flex; align-items:center; gap:18px; min-height:44px; font-size:12px; }
.chapter-index a:hover { color:var(--color-jade); }
.chapter-index small { font-size:9px; color:#737d71; }
.journal-intro { padding:130px var(--space-gutter); display:grid; grid-template-columns:1fr 2.3fr; gap:40px; }
.journal-intro>p:last-child { font:350 clamp(30px,3.1vw,48px)/1.35 var(--font-editorial); letter-spacing:-.035em; max-width:850px; }
.journal-intro em { color:var(--color-jade); }
.story-chapter { padding:0 var(--space-gutter) 130px; scroll-margin-top:36px; }
.chapter-heading { display:grid; grid-template-columns:1fr 2.3fr; gap:40px; padding-block:30px 60px; border-top:1px solid #1b242238; align-items:center; }
.chapter-heading h2 { font-size:clamp(38px,4.3vw,68px); max-width:800px; }
.chapter-body { display:grid; grid-template-columns:1.12fr 1fr; gap:9vw; align-items:start; }
.chapter-main-photo picture { display:block; overflow:hidden; aspect-ratio:.79; }
.chapter-main-photo img { transition:transform var(--duration-xl) var(--ease-cinematic); }
@media(hover:hover) { .chapter-main-photo:hover img { transform:scale(1.025); } }
.chapter-main-photo figcaption { display:flex; justify-content:space-between; padding-top:15px; font-size:9px; letter-spacing:.08em; color:#657165; }
.chapter-essay { padding-top:20px; max-width:550px; }
.chapter-essay>p { color:#58635a; font-size:13px; line-height:1.9; margin-bottom:22px; max-width:460px; }
.chapter-essay>p.essay-intro { font:350 clamp(25px,2.2vw,35px)/1.38 var(--font-editorial); color:var(--color-ink); letter-spacing:-.02em; margin-bottom:28px; }
.chapter-aside { width:72%; margin-top:42px!important; margin-left:auto!important; }
.chapter-aside picture { display:block; aspect-ratio:1.15; }
.chapter-aside figcaption { padding-top:14px; font-size:9px; color:#657165; }
#heritage { padding-top:110px; }
#everyday .chapter-main-photo picture { aspect-ratio:.83; }
.journal-closing { background:var(--color-jade); color:var(--color-paper-light); padding:100px var(--space-gutter) 110px; text-align:center; }
.journal-closing .editorial-kicker { color:#cfccb9; }
.journal-closing h2 { font-size:clamp(55px,7.2vw,108px); margin:32px 0 24px; }
.journal-closing>p:not(.editorial-kicker) { color:#dfdfd4; font-size:13px; }
.journal-closing>div { display:flex; justify-content:center; gap:50px; margin-top:35px; }
.journal-closing .editorial-link:hover { color:#d7c797; }
.journal-footer { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:34px var(--space-gutter); font-size:9px; letter-spacing:.12em; }
.journal-footer a { padding:10px 0; }
.journal-footer>span { color:#5c695f; font-size:8px; }
/* A single signature transition. Two normal images are the no-JS and lite presentation. */
.editorial-transformation { position:relative; min-height:0; background:var(--color-bg-primary); color:var(--color-paper-light); font-family:var(--font-functional); }
.transformation-sticky { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:7vw; padding:80px var(--space-gutter); }
.transformation-copy { max-width:510px; }
.transformation-copy .editorial-kicker { color:var(--color-metal); }
.transformation-copy h2 { color:var(--color-paper-light); font:350 clamp(42px,4.4vw,76px)/1.1 var(--font-editorial); letter-spacing:-.045em; margin:30px 0; }
.transformation-copy>p:not(.editorial-kicker) { font:13px/1.9 var(--font-functional); color:#b8c1b8; max-width:360px; }
.transformation-key { display:flex; align-items:center; gap:18px; margin-top:48px; font:9px/1 var(--font-functional); letter-spacing:.15em; }
.transformation-key i { width:120px; height:1px; background:#ffffff30; display:block; }
.transformation-key b { display:block; height:1px; width:100%; transform:scaleX(0); transform-origin:left; background:var(--color-metal); }
.transformation-copy .transformation-hint { font-size:10px!important; margin-top:18px; }
.transformation-copy .editorial-link { margin-top:30px; color:var(--color-paper-light); }
.transformation-images { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:12px; min-width:0; }
.transformation-images picture { display:block; overflow:hidden; aspect-ratio:.52; }
.transformation-images img { display:block; width:100%; height:100%; object-fit:cover; }
.transformation-image-label { position:absolute; bottom:25px; left:24px; right:24px; display:flex; justify-content:space-between; align-items:center; color:var(--color-paper-light); text-shadow:0 1px 8px #000; pointer-events:none; z-index:2; }
.transformation-image-label>span:first-child { font:20px/1 serif; letter-spacing:.2em; }
.transformation-image-label>span:last-child { font:8px/1 var(--font-functional); letter-spacing:.2em; }
.editorial-transformation:not([data-dissolve-state="ready"]) .transformation-hint { visibility:hidden; }
@media(min-width:901px) and (prefers-reduced-motion:no-preference) {
  [data-motion-tier="balanced"] .editorial-transformation,[data-motion-tier="ultra"] .editorial-transformation { min-height:200svh; }
  [data-motion-tier="balanced"] .transformation-sticky,[data-motion-tier="ultra"] .transformation-sticky { position:sticky; top:0; min-height:100svh; padding-block:65px; }
  [data-motion-tier="balanced"] .transformation-images,[data-motion-tier="ultra"] .transformation-images { height:min(76svh,820px); display:block; }
  [data-motion-tier="balanced"] .transformation-images picture,[data-motion-tier="ultra"] .transformation-images picture { position:absolute; inset:0; aspect-ratio:auto; }
  [data-motion-tier="balanced"] img[data-dissolve-to],[data-motion-tier="ultra"] img[data-dissolve-to] { opacity:0; }
}
@media(max-width:1100px) { .journal-header nav { gap:20px; font-size:10px; } .journal-hero { gap:4vw; min-height:650px; } .journal-hero h1 { font-size:8vw; } .chapter-body { gap:6vw; } }
@media(max-width:800px) {
  .journal-header { flex-wrap:wrap; min-height:112px; gap:12px; padding-block:18px 10px; }
  .journal-header nav { width:100%; margin:0; padding:0; justify-content:space-between; gap:20px; }
  .journal-header .locale-switcher { top:15px; }
  .journal-header .locale-toggle { font-size:10px; padding:8px 12px; min-height:38px; }
  .journal-hero { min-height:620px; height:auto; }
  .journal-hero h1 { font-size:8.5vw; margin-top:28px; }
  .journal-hero-note { gap:15px; }
  .journal-hero-note>span:last-child { font-size:7px; }
  .chapter-index { flex-wrap:wrap; justify-content:start; gap:4px 24px; }
  .chapter-index>span { flex-basis:100%; margin-bottom:4px; }
  .chapter-index a { font-size:11px; gap:10px; }
  .journal-intro { padding-block:85px; grid-template-columns:1fr; gap:25px; }
  .chapter-heading { grid-template-columns:1fr; gap:20px; padding-bottom:38px; }
  .chapter-aside { width:90%; }
  .transformation-sticky { padding-block:60px; gap:40px; }
  .transformation-copy h2 { font-size:42px; }
  .transformation-image-label>span:last-child { display:none; }
}
@media(max-width:620px) {
  .journal-hero { grid-template-columns:1fr; gap:35px; padding:44px var(--space-gutter) 32px; }
  .journal-hero h1 { font-size:clamp(67px,16vw,95px); margin:26px 0 20px; }
  .journal-hero-note { display:none; }
  .journal-hero .editorial-link { margin-top:20px; }
  .journal-cover { height:450px; }
  .journal-cover img { object-position:50% 35%!important; }
  .journal-side-note { display:none; }
  .journal-cover figcaption { left:20px; right:20px; bottom:20px; font-size:7px; }
  .journal-intro>p:last-child { font-size:31px; }
  .story-chapter { padding-bottom:80px; }
  .chapter-body { grid-template-columns:1fr; gap:32px; }
  .chapter-main-photo picture { aspect-ratio:.9; }
  .chapter-heading h2 { font-size:42px; }
  .chapter-essay { padding:0; }
  .chapter-essay>p { font-size:14px; }
  .chapter-essay>p.essay-intro { font-size:29px; }
  .chapter-aside { width:80%; margin-top:32px!important; }
  .transformation-sticky { grid-template-columns:1fr; padding-block:60px; }
  .transformation-key { margin-top:28px; }
  .transformation-images picture { aspect-ratio:.56; }
  #heritage { padding-top:70px; }
  .journal-closing { padding-block:75px; }
  .journal-closing h2 { font-size:58px; }
  .journal-closing>div { flex-direction:column; align-items:center; gap:20px; }
  .journal-footer { flex-wrap:wrap; gap:10px 25px; font-size:8px; padding-block:25px; }
  .journal-footer>span { display:none; }
}
@media(prefers-reduced-motion:reduce) { .journal-page *, .editorial-transformation * { animation:none!important; transition:none!important; } }