.is-journal{background:var(--night);color:var(--on-night)}
.ja-cover{position:relative;display:flex;align-items:flex-end;min-height:100vh;min-height:100svh;padding:clamp(120px,18vh,180px) var(--gutter) clamp(56px,9vh,96px);overflow:hidden;background:var(--night)}
.ja-cover-img{position:absolute;inset:0}
.ja-cover-img img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.ja-cover-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--night-rgb),.78) 0%,rgba(var(--night-rgb),.34) 50%,rgba(var(--night-rgb),0) 78%),linear-gradient(180deg,rgba(var(--night-rgb),.4) 0%,rgba(var(--night-rgb),0) 28%,rgba(var(--night-rgb),.5) 62%,var(--night) 100%)}
.ja-cover-in{position:relative;width:100%}
.ja-k{margin:0 0 clamp(14px,2.2vh,24px);color:var(--on-night)}
.ja-title{margin:0;font-family:var(--font-display);letter-spacing:0;color:var(--on-night)}
.ja-ti{display:block;font-style:italic;font-weight:300;font-size:clamp(34px,4.8vw,84px);line-height:1}
.ja-tb{display:block;margin-top:.04em;font-weight:700;font-size:clamp(56px,10vw,180px);line-height:.86}
.ja-prod{display:flex;flex-direction:column;gap:6px;margin-top:clamp(26px,4vh,44px)}
.ja-prod .label{color:var(--on-night-soft)}
.ja-prod-t{font-family:var(--font-display);font-weight:var(--dw);font-size:clamp(20px,1.6vw,26px);line-height:1.2}
.ja-prod-s{font-family:var(--voice);font-weight:var(--vw);letter-spacing:var(--vtrack);font-size:clamp(17px,1.2vw,20px);line-height:1.35;color:var(--on-night-soft)}
.ja-crew{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));gap:18px clamp(28px,4vw,64px);margin:clamp(26px,4vh,44px) 0 0;padding:0}
.ja-crew dt{margin-bottom:6px;color:var(--on-night-soft)}
.ja-crew dd{margin:0;font-family:var(--font-display);font-weight:var(--dw);font-size:clamp(17px,1.25vw,21px);line-height:1.25}
.ja-body{padding:clamp(64px,min(13vh,12vw),150px) var(--gutter) clamp(40px,6vh,80px);background:var(--night)}
.ja-body p{max-width:36em;margin:0 auto 1.15em;font-family:var(--voice);font-weight:var(--vw);letter-spacing:var(--vtrack);font-size:clamp(19px,1.45vw,24px);line-height:1.6;color:var(--on-night-soft);text-wrap:pretty}
.ja-body em{font-style:italic;margin-right:.1em}
.ja-stills{padding:clamp(60px,10vh,120px) var(--gutter) 0;background:var(--night)}
.ja-stills>.label{margin:0 0 clamp(20px,3vh,32px);color:var(--on-night-faint)}
.ja-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,16px)}
.ja-still{display:block;aspect-ratio:2.39;padding:0;border:0;overflow:hidden;background:#15120e;cursor:zoom-in}
.ja-still img{display:block;width:100%;height:100%;object-fit:cover}
.ja-end{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:18px 40px;padding:clamp(48px,7vh,80px) var(--gutter) clamp(64px,min(13vh,12vw),150px);background:var(--night)}
.ja-end .label{margin:0;color:var(--on-night-faint)}
.ja-end .cta{color:var(--on-night)}
.ja-lb{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:clamp(56px,8vh,90px) clamp(16px,6vw,96px);background:rgba(8,6,4,.95)}
.ja-lb[hidden]{display:none}
.ja-lb-img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.ja-lb button{position:absolute;padding:12px;border:0;background:none;color:var(--on-night);font-size:28px;line-height:1;cursor:pointer}
.ja-lb button svg{display:block}
.ja-lb-x{top:14px;right:16px}
.ja-lb-p{top:50%;left:8px;transform:translateY(-50%)}
.ja-lb-n{top:50%;right:8px;transform:translateY(-50%)}
.ja-lb-c{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);color:var(--on-night-faint)}
@media (max-width:720px){
  .ja-crew{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ja-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ja-cover{padding-bottom:clamp(40px,7vh,64px)}
  .ja-tb{font-size:clamp(52px,15vw,96px)}
  .ja-ti{font-size:clamp(30px,8vw,44px)}
}
@media (max-width:720px) and (orientation:portrait){
  .ja-cover{display:block;min-height:0;padding:0 0 clamp(40px,7vh,64px)}
  .ja-cover-img{position:relative;inset:auto;height:min(100vw,64svh);-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent);mask-image:linear-gradient(to bottom,#000 62%,transparent)}
  .ja-cover-img::after{background:linear-gradient(180deg,rgba(var(--night-rgb),.4) 0%,rgba(var(--night-rgb),0) 28%)}
  .ja-cover-in{margin-top:-28px;padding:0 var(--gutter)}
}
@media (min-width:721px) and (max-width:1100px) and (orientation:portrait){
  .ja-cover{min-height:min(100svh,118vw)}
}