/* Journal: article pages, index and homepage section */
.head.static{position:sticky;top:0}
.j-page{background:var(--paper)}
.j-top{padding:clamp(2.5rem,6vw,5rem) 0 clamp(1.5rem,3vw,2.5rem);max-width:min(1320px,100% - var(--gut)*2)}
.crumbs{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.78rem;color:var(--ink-2);margin-bottom:2rem}
.crumbs a{text-decoration:none;color:var(--ink-2);border-bottom:1px solid var(--rule)}
.crumbs a:hover{color:var(--ink)}
.j-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin:0 0 1rem;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cedar)}
.j-meta span+span,.j-meta time{color:var(--ink-2);font-weight:500}
.j-h1{font-family:var(--display);font-weight:300;font-size:clamp(2.3rem,5.4vw,4.6rem);line-height:1.04;letter-spacing:-.02em;margin:0;max-width:20ch;text-wrap:balance}
.j-dek{font-family:var(--display);font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.45;color:var(--ink-2);max-width:48ch;margin:1.25rem 0 0}
.j-hero{margin-bottom:clamp(2.5rem,5vw,4rem)}
.j-hero img{width:100%;aspect-ratio:21/9;object-fit:cover;background:var(--stone)}
.j-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(2.5rem,7vw,7rem);align-items:start;padding-bottom:clamp(4rem,8vw,6rem)}
.prose{max-width:68ch;font-size:1.0625rem;line-height:1.75;color:#2E2924}
.prose>p:first-child{font-family:var(--display);font-size:clamp(1.2rem,1.6vw,1.4rem);line-height:1.55;color:var(--ink)}
.prose h2{font-family:var(--display);font-weight:400;font-size:clamp(1.55rem,2.4vw,2.1rem);line-height:1.15;margin:2.75rem 0 .9rem;letter-spacing:-.01em}
.prose p{margin:0 0 1.15rem}
.prose a{color:var(--cedar);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose a:hover{color:var(--ink)}
.prose ul{margin:0 0 1.4rem;padding:0;list-style:none;border-top:1px solid var(--rule)}
.prose li{padding:.75rem 0 .75rem 1.6rem;border-bottom:1px solid var(--rule);position:relative}
.prose li::before{content:"";position:absolute;left:0;top:1.35rem;width:.8rem;height:1px;background:var(--cedar)}
.prose strong{font-weight:600;color:var(--ink)}
.j-aside{position:sticky;top:100px}
.j-aside-in{background:var(--stone);padding:1.25rem 1.25rem 1.5rem}
.j-aside img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:1.25rem}
.j-aside .label{margin-bottom:.6rem}
.j-aside-h{font-family:var(--display);font-size:1.5rem;line-height:1.15;margin:0 0 .5rem}
.j-aside-p{font-size:.9rem;line-height:1.55;color:var(--ink-2);margin:0 0 1.25rem}
.j-aside .btn-block{margin-top:0}
.j-aside-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}
.j-aside-row a{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--ink);text-decoration:none;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.j-aside-row a:hover{background:var(--ink);color:var(--light)}
.j-contact{background:var(--night);color:var(--light);padding:clamp(4rem,8vw,6.5rem) 0}
.j-contact .inq-in{align-items:center}
.j-contact .inq-copy>p:not(.label){margin:1.25rem 0 2rem}
.j-related{padding:clamp(4rem,8vw,6.5rem) 0}
.j-rel-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.j-rel-head .textlink{margin:0}

/* cards */
.j-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem)}
.j-card-link{display:block;text-decoration:none;color:inherit}
.j-card-img{overflow:hidden;background:var(--stone);aspect-ratio:3/2;margin-bottom:1.1rem}
.j-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.j-card-link:hover .j-card-img img{transform:scale(1.035)}
.j-card h3{font-family:var(--display);font-weight:400;font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.22;margin:0 0 .6rem;text-wrap:balance}
.j-card-link:hover h3{color:var(--cedar)}
.j-ex{margin:0;color:var(--ink-2);font-size:.95rem;line-height:1.55}
.j-more{display:inline-block;margin-top:1rem;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cedar)}
.j-card-link:focus-visible{outline:2px solid var(--cedar);outline-offset:6px}
.j-feature{margin-bottom:clamp(2.5rem,5vw,4rem)}
.j-feature .j-card-link{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}
.j-feature .j-card-img{aspect-ratio:16/10;margin:0}
.j-feature h3{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.1;font-weight:300}
.j-feature .j-ex{font-size:1.05rem}

/* homepage section */
.journal{padding:clamp(5rem,9vw,8rem) 0;background:var(--stone)}
.journal .sec-p .textlink{display:flex;width:max-content;margin-top:1rem}
.jh-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,4vw,4rem);align-items:start}
.jh-grid .j-feature{margin:0}
.jh-grid .j-feature .j-card-link{display:block}
.jh-grid .j-feature .j-card-img{aspect-ratio:16/11;margin-bottom:1.25rem}
.jh-grid .j-feature h3{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.jh-list{border-top:1px solid var(--ink)}
.j-row .j-card-link{display:grid;grid-template-columns:132px minmax(0,1fr);gap:1.25rem;padding:1.25rem 0;border-bottom:1px solid var(--rule);align-items:start}
.j-row .j-card-img{aspect-ratio:1/1;margin:0}
.j-row .j-meta{margin-bottom:.5rem}
.j-row h3{font-size:1.2rem;margin-bottom:.4rem}
.j-row .j-ex{font-size:.88rem}

@media (max-width:1100px){.j-body{grid-template-columns:minmax(0,1fr) 280px}}
@media (max-width:860px){
  .j-body{grid-template-columns:1fr}
  .j-aside{position:static}
  .j-grid{grid-template-columns:1fr 1fr}
  .j-feature .j-card-link{grid-template-columns:1fr}
  .jh-grid{grid-template-columns:1fr}
  .j-hero img{aspect-ratio:16/10}
}
@media (max-width:560px){
  .j-grid{grid-template-columns:1fr}
  .j-row .j-card-link{grid-template-columns:96px minmax(0,1fr);gap:1rem}
  .j-row .j-ex{display:none}
}
