/* Kampot Journal 4.0 */
.journal-v4{padding-top:76px;background:var(--paper);overflow:hidden}
.journal-hero-v4{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);min-height:660px;background:var(--cream)}
.journal-intro-v4{position:relative;z-index:2;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:70px clamp(28px,3.5vw,64px);container-type:inline-size}
.journal-intro-v4:before{content:"";position:absolute;inset:0 auto 0 -80px;width:230px;opacity:.1;background:radial-gradient(ellipse at 20% 20%,transparent 0 35%,var(--sage) 36% 38%,transparent 39% 100%);transform:rotate(-14deg);pointer-events:none}
.journal-intro-v4>*{position:relative}
.journal-intro-v4 h1{max-width:100%;font:400 clamp(40px,5.5vw,108px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:0 0 25px;white-space:normal;overflow-wrap:anywhere}
/* Size against the usable text column, not the viewport or image width. */
@supports(font-size:1cqi){.journal-intro-v4 h1{font-size:clamp(32px,19cqi,108px)}}
.journal-intro-v4 h2{font:400 clamp(22px,2.1vw,32px)/1.18 Georgia,"Times New Roman",serif;letter-spacing:-.03em;margin:0 0 20px}
.journal-intro-v4>p:not(.journal-topics){max-width:470px;margin:0 0 28px;color:var(--muted);font-size:15px;line-height:1.7}
.journal-intro-v4 small{padding-top:22px;border-top:2px solid var(--gold);font-size:9px;font-weight:800;letter-spacing:.34em}
.journal-feature-v4{position:relative;min-width:0;min-height:660px;background:var(--deep)}
.journal-feature-photo-v4{display:block;position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s ease,filter .4s ease}
.journal-feature-v4:hover .journal-feature-photo-v4{transform:scale(1.015);filter:brightness(.92)}
.journal-feature-copy-v4{position:absolute;z-index:2;right:clamp(22px,5vw,76px);bottom:clamp(22px,5vw,70px);width:min(430px,calc(100% - 44px));padding:42px;background:var(--deep);color:#fff;box-shadow:0 26px 70px rgba(4,20,14,.35)}
.journal-feature-copy-v4 .journal-card-kicker{color:rgba(255,255,255,.7)}
.journal-feature-meta-v4{margin:0 0 17px;color:var(--gold)!important;font-size:8px!important;font-weight:800;letter-spacing:.18em;line-height:1.5!important}
.journal-feature-copy-v4 h2{font:400 clamp(34px,3.2vw,51px)/.97 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:0 0 20px;overflow-wrap:anywhere}
.journal-feature-copy-v4>p:not(.journal-card-kicker):not(.journal-feature-meta-v4){margin:0;color:rgba(255,255,255,.75);font-size:14px;line-height:1.65}
.journal-feature-copy-v4 .journal-read-link{margin-top:26px}

.journal-archive-v4{width:min(1400px,calc(100% - 72px));margin:0 auto;padding:92px 0 115px}
.journal-archive-head-v4{display:grid;grid-template-columns:1fr minmax(280px,460px);gap:60px;align-items:end;padding-bottom:32px;border-bottom:1px solid var(--line)}
.journal-archive-head-v4 h2{font:400 clamp(44px,5vw,72px)/.95 Georgia,"Times New Roman",serif;letter-spacing:-.05em;margin:10px 0 0}
.journal-archive-head-v4>p{max-width:430px;margin:0;color:var(--muted);line-height:1.7}
.journal-category-nav-v4{display:flex;gap:10px;overflow-x:auto;padding:24px 0 42px;scrollbar-width:thin}
.journal-category-nav-v4 a{flex:0 0 auto;padding:11px 17px;border:1px solid var(--line);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:.2s ease}
.journal-category-nav-v4 a:hover,.journal-category-nav-v4 a.is-active{background:var(--deep);border-color:var(--deep);color:#fff}
.journal-post-grid-v4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 34px;width:100%}
.journal-post-card-v4{display:flex;min-width:0;flex-direction:column;border-bottom:1px solid var(--line);padding-bottom:30px}
.journal-post-image-v4{display:block;width:100%;aspect-ratio:1.52/1;background-size:cover;background-position:center;overflow:hidden;transition:transform .3s ease,filter .3s ease}
.journal-post-image-v4:hover{transform:translateY(-4px);filter:brightness(.92)}
.journal-post-copy-v4{display:flex;flex:1;min-width:0;flex-direction:column;padding-top:20px}
.journal-post-copy-v4 .journal-meta{min-height:22px;margin:0 0 13px;color:var(--ink);font-size:8px;letter-spacing:.18em;line-height:1.5}
.journal-post-copy-v4 h3{font:400 clamp(25px,2.25vw,34px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:0 0 14px;overflow-wrap:anywhere}
.journal-post-copy-v4>p:not(.journal-meta){margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.journal-post-copy-v4 .journal-read-link{margin-top:auto;padding-top:23px}
.journal-pagination-v4{margin-top:75px;padding-top:32px;border-top:1px solid var(--line)}
.journal-pagination-v4 ul{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.journal-pagination-v4 a,.journal-pagination-v4 span{display:grid;min-width:42px;height:42px;padding:0 12px;place-items:center;border:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.journal-pagination-v4 .current,.journal-pagination-v4 a:hover{background:var(--deep);border-color:var(--deep);color:#fff}
.journal-empty-v4{padding:90px 24px;text-align:center;background:var(--cream)}
.journal-empty-v4 h3{font:42px Georgia,serif;margin:0 0 14px}
.journal-empty-v4 p{color:var(--muted);margin-bottom:28px}

.journal-article-v4{padding-top:76px;background:var(--paper)}
.article-header-v4{display:grid;grid-template-columns:minmax(360px,43%) minmax(0,57%);min-height:690px;background:var(--cream)}
.article-heading-v4{display:flex;flex-direction:column;justify-content:center;padding:90px clamp(36px,6vw,96px)}
.article-back-v4{margin-bottom:46px;color:var(--terra);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.article-heading-v4 .journal-meta{margin-bottom:22px;color:var(--ink)}
.article-heading-v4 h1{font:400 clamp(48px,5.8vw,88px)/.95 Georgia,"Times New Roman",serif;letter-spacing:-.055em;margin:0;overflow-wrap:anywhere}
.article-deck-v4{max-width:630px;margin:30px 0 0;color:var(--muted);font:400 clamp(19px,1.8vw,27px)/1.45 Georgia,"Times New Roman",serif}
.article-feature-image-v4{min-width:0;height:100%;margin:0;overflow:hidden}
.article-feature-image-v4 img{width:100%;height:100%;object-fit:cover}
.article-layout-v4{display:grid;grid-template-columns:220px minmax(0,760px);gap:80px;width:min(1120px,calc(100% - 48px));margin:0 auto;padding:105px 0 120px}
.article-aside-v4{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;padding-top:5px;border-top:2px solid var(--gold)}
.article-aside-v4 span{margin-top:22px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.article-aside-v4 strong{margin-top:6px;font:400 17px Georgia,serif}
.article-content-v4{width:100%;padding:0;margin:0;font-size:18px;line-height:1.82}
.article-content-v4>:first-child{margin-top:0}
.article-content-v4 h2{font-size:clamp(34px,3.3vw,48px);line-height:1.12;margin:62px 0 22px}
.article-content-v4 h3{font:400 30px/1.2 Georgia,serif;margin:48px 0 18px}
.article-content-v4 p,.article-content-v4 ul,.article-content-v4 ol{margin-bottom:28px}
.article-content-v4 img{max-width:100%;height:auto;margin:44px auto}
.article-content-v4 blockquote{margin:55px 0;padding:5px 0 5px 30px;border-left:3px solid var(--gold);font-size:34px;line-height:1.35}
.article-content-v4 a{color:var(--terra);text-decoration:underline;text-underline-offset:3px}
.article-post-nav-v4{display:grid;grid-template-columns:1fr 1fr;width:min(1120px,calc(100% - 48px));margin:0 auto;padding:34px 0 100px;border-top:1px solid var(--line);gap:40px}
.article-post-nav-v4>div:last-child{text-align:right}
.article-post-nav-v4 a{font:400 22px/1.25 Georgia,serif}
.article-post-nav-v4 a span{display:block;margin-bottom:9px;color:var(--terra);font:800 8px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.related-stories-v4{padding:95px max(36px,6vw) 115px;background:var(--cream)}
.related-title-v4{width:min(1400px,100%);margin:0 auto 42px}
.related-title-v4 h2{font:400 clamp(40px,4vw,60px)/1 Georgia,serif;margin:10px 0 0}
.related-stories-v4 .journal-post-grid-v4{width:min(1400px,100%);margin:0 auto}

@media(max-width:1050px){
  .journal-hero-v4{grid-template-columns:45% 55%}
  .journal-intro-v4{padding:60px 36px}
  .journal-feature-copy-v4{right:24px;bottom:24px;width:min(380px,calc(100% - 48px));padding:34px}
  .journal-post-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-header-v4{grid-template-columns:1fr 1fr}
  .article-heading-v4{padding:75px 40px}
  .article-heading-v4 h1{font-size:54px}
  .article-layout-v4{grid-template-columns:170px minmax(0,1fr);gap:55px}
}
@media(max-width:760px){
  .journal-v4,.journal-article-v4{padding-top:70px}
  .journal-hero-v4{display:block;min-height:0}
  .journal-intro-v4{padding:64px 22px}
  .journal-intro-v4 h1{font-size:clamp(40px,13vw,76px)}
  @supports(font-size:1cqi){.journal-intro-v4 h1{font-size:clamp(32px,19cqi,76px)}}
  .journal-feature-v4{min-height:620px}
  .journal-feature-photo-v4{bottom:185px}
  .journal-feature-copy-v4{right:14px;bottom:14px;left:14px;width:auto;padding:30px 26px}
  .journal-feature-copy-v4 h2{font-size:36px}
  .journal-archive-v4{width:calc(100% - 32px);padding:70px 0 82px}
  .journal-archive-head-v4{grid-template-columns:1fr;gap:22px}
  .journal-archive-head-v4 h2{font-size:48px}
  .journal-category-nav-v4{margin-right:-16px;padding-bottom:32px}
  .journal-post-grid-v4{grid-template-columns:1fr;gap:48px}
  .journal-post-image-v4{aspect-ratio:16/10}
  .journal-post-copy-v4 h3{font-size:30px}
  .article-header-v4{display:flex;flex-direction:column;min-height:0}
  .article-heading-v4{padding:62px 22px 48px}
  .article-back-v4{margin-bottom:34px}
  .article-heading-v4 h1{font-size:clamp(44px,13vw,62px)}
  .article-feature-image-v4{height:360px}
  .article-layout-v4{display:block;width:calc(100% - 40px);padding:70px 0 85px}
  .article-aside-v4{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin-bottom:50px;padding-bottom:30px;border-bottom:1px solid var(--line)}
  .article-content-v4{font-size:17px}
  .article-content-v4 h2{font-size:34px}
  .article-post-nav-v4{grid-template-columns:1fr;width:calc(100% - 40px);padding-bottom:75px}
  .article-post-nav-v4>div:last-child{text-align:left}
  .related-stories-v4{padding:70px 20px 85px}
}