@font-face{font-family:Newsreader;src:url("/fonts/Newsreader.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20AC,U+2190-21FF}
@font-face{font-family:Newsreader;src:url("/fonts/Newsreader-Italic.woff2") format("woff2");font-style:italic;font-weight:200 800;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20AC,U+2190-21FF}
@font-face{font-family:Instrument;src:url("/fonts/InstrumentSans.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20AC,U+2190-21FF}

.journal-feature{position:relative;min-height:1220px;overflow:hidden;padding:clamp(120px,12vw,190px) var(--page-x);background:#e8dece;color:var(--ink)}
.journal-feature-intro{display:grid;grid-template-columns:.58fr 1.42fr;gap:6vw;align-items:start}
.journal-feature-intro>p{max-width:12ch;padding-top:10px;color:var(--wine);font-family:Newsreader,serif;font-size:19px;font-style:italic;font-weight:330;line-height:1.15}
.journal-feature-intro h2,.journal-index-heading h2{font-family:Newsreader,serif;font-size:clamp(58px,7vw,96px);font-weight:330;line-height:.89;letter-spacing:-.04em}
.journal-feature-intro h2{max-width:10ch}
.journal-feature-intro h2 em,.journal-index-heading h2 em{display:block;color:var(--wine);font-weight:310}
.journal-lead{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.78fr);align-items:end;margin-top:clamp(80px,9vw,135px)}
.journal-lead-image{height:min(66vw,720px);min-height:580px;overflow:hidden;background:#2a1b17}
.journal-lead-image img{--journal-x:0px;--journal-y:0px;height:100%;object-fit:cover;object-position:48% center;filter:saturate(.7) contrast(1.04) brightness(.8);transform:translate3d(var(--journal-x),calc(var(--drift-y,0px) + var(--journal-y)),0) scale(1.09);transition:transform .75s cubic-bezier(.16,1,.3,1),filter .5s ease}
.journal-lead:hover .journal-lead-image img{filter:saturate(.82) contrast(1.04) brightness(.84)}
.journal-lead-copy{position:relative;z-index:2;margin:0 0 58px -7vw;padding:clamp(42px,5vw,74px);background:var(--wine);color:var(--ivory);box-shadow:0 40px 100px rgba(47,15,20,.18)}
.journal-lead-copy>span,.journal-story div>span{color:var(--blush);font-size:8px;font-weight:650;letter-spacing:.15em;text-transform:uppercase}
.journal-lead-copy h3{max-width:10ch;margin-top:18px;font-family:Newsreader,serif;font-size:clamp(46px,5vw,76px);font-weight:330;line-height:.9;letter-spacing:-.04em}
.journal-lead-copy>p{max-width:35ch;margin-top:28px;color:rgba(242,236,227,.7);font-family:Newsreader,serif;font-size:17px;line-height:1.5}
.journal-lead-copy strong{display:flex;width:max-content;gap:36px;align-items:center;margin-top:38px;padding-bottom:9px;border-bottom:1px solid rgba(242,236,227,.55);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.journal-lead-copy strong i{color:var(--blush);font-size:16px;font-style:normal;transition:transform .25s ease}
.journal-lead:hover strong i{transform:translateX(5px)}
.journal-margin-note{position:absolute;right:24px;bottom:145px;color:rgba(23,18,16,.42);font-size:8px;letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl}

.journal-index{position:relative;min-height:1050px;overflow:hidden;padding:clamp(120px,11vw,180px) var(--page-x) clamp(140px,13vw,210px);background:#0d0b0a;color:var(--ivory)}
.journal-index-heading{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}
.journal-index-heading h2{max-width:10ch}
.journal-index-heading h2 em{color:var(--blush)}
.journal-index-heading>a{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(242,236,227,.45);font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.journal-index-heading>a span{margin-left:24px;color:var(--blush)}
.journal-stories{display:grid;grid-template-columns:1.35fr .76fr .72fr;gap:clamp(18px,2.4vw,38px);align-items:start;margin-top:clamp(80px,9vw,135px)}
.journal-story:nth-child(2){margin-top:112px}
.journal-story:nth-child(3){margin-top:38px}
.journal-story figure{height:330px;overflow:hidden;background:#2c211d}
.journal-story-wide figure{height:500px}
.journal-story img{height:100%;object-fit:cover;filter:saturate(.66) brightness(.72);transform:scale(1.035);transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s ease}
.journal-story:hover img{filter:saturate(.82) brightness(.78);transform:scale(1.075)}
.journal-story div{padding-top:22px}
.journal-story h3{max-width:17ch;margin-top:13px;font-family:Newsreader,serif;font-size:clamp(27px,2.6vw,42px);font-weight:330;line-height:.98;letter-spacing:-.03em;transition:color .25s ease}
.journal-story:hover h3{color:var(--blush)}
.journal-story div>p{margin-top:18px;color:rgba(242,236,227,.5);font-size:8px;letter-spacing:.1em;text-transform:uppercase}

.site-header nav{gap:clamp(18px,2vw,30px)}

@media(max-width:900px){
  .journal-feature{min-height:1120px;padding-top:120px}
  .journal-feature-intro{grid-template-columns:1fr;gap:28px}
  .journal-feature-intro>p{padding-top:0}
  .journal-lead{grid-template-columns:1fr;margin-top:75px}
  .journal-lead-image{height:650px;min-height:0;width:88%}
  .journal-lead-copy{width:70%;margin:-155px 0 0 auto;padding:48px}
  .journal-margin-note{display:none}
  .journal-index-heading{grid-template-columns:1fr}
  .journal-index-heading>a{width:max-content;margin:0}
  .journal-stories{grid-template-columns:1.18fr .82fr;gap:28px}
  .journal-story:nth-child(2){margin-top:100px}
  .journal-story:nth-child(3){grid-column:2;margin-top:0}
  .journal-story-wide{grid-row:span 2}
  .journal-story-wide figure{height:650px}
}

@media(max-width:560px){
  footer>div{flex-wrap:wrap;row-gap:12px}
  .journal-feature{min-height:0;padding:100px 20px 120px}
  .journal-feature-intro{gap:21px}
  .journal-feature-intro h2,.journal-index-heading h2{font-size:44px;line-height:.92}
  .journal-lead{margin-top:58px}
  .journal-lead-image{width:calc(100% + 20px);height:470px}
  .journal-lead-copy{width:92%;margin:-95px 0 0 auto;padding:32px 26px 34px}
  .journal-lead-copy h3{font-size:42px;line-height:.92}
  .journal-lead-copy>p{margin-top:22px;font-size:15px}
  .journal-lead-copy strong{margin-top:28px}
  .journal-index{min-height:0;padding:100px 20px 120px}
  .journal-index-heading{gap:32px}
  .journal-stories{display:flex;gap:12px;margin:62px -20px 0;padding:0 20px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .journal-stories::-webkit-scrollbar{display:none}
  .journal-story,.journal-story-wide{flex:0 0 82vw;margin:0!important;scroll-snap-align:start}
  .journal-story figure,.journal-story-wide figure{height:430px}
  .journal-story h3{font-size:32px}
}

@media(prefers-reduced-motion:reduce){
  .journal-lead-image img,.journal-story img{transform:none!important;transition:none!important}
}