/* Local evaluation only: both font packages are personal/trial, not licensed for publication. */
@font-face{font-family:'Object Sans Preview';src:url('preview-fonts/object-sans-personal-regular.otf') format('opentype');font-weight:400 500;font-display:swap}
@font-face{font-family:'Object Sans Preview';src:url('preview-fonts/object-sans-personal-heavy.otf') format('opentype');font-weight:600 900;font-display:swap}
:root{--article-display:'Geologica',Arial,sans-serif;--article-body:'Object Sans Preview',Arial,sans-serif}
body{font-family:var(--article-body);font-weight:400}
.all,.category,.summary,.byline,.tag,.hero figcaption,.gallery figcaption,.story,.author p,.social a,.more a,.article-route-promo p,.article-route-promo__kicker,.article-route-promo__button,footer{font-family:var(--article-body)}
.headline{font-family:var(--article-display);font-size:60px;line-height:1;font-weight:800;text-transform:none;letter-spacing:-.035em}
.story h2{font-family:var(--article-display);font-size:44px;line-height:1.05;font-weight:700;text-transform:none;letter-spacing:-.025em}
.diary{font-family:var(--article-display);font-size:30px;line-height:1.3;font-weight:700}
.diary small{font-family:var(--article-body)}
.category{font-weight:700}
.summary{font-size:24px;line-height:1.48;font-weight:500}
.byline{font-size:15px;font-weight:500}
.byline b{font-weight:800}
.tag{font-size:15px;font-weight:500}
.hero figcaption,.gallery figcaption{font-size:15px;font-weight:500}
.story{font-size:20px;line-height:1.6;font-weight:400}
.author h2,.more h2{font-family:var(--article-display);font-weight:700;text-transform:none}
.author p{font-size:17px;line-height:1.5}
.more a{font-size:23px;font-weight:800}
.more a span{font-family:var(--article-body);font-size:16px;font-weight:400}
.article-route-promo h2{font-family:var(--article-display);font-size:44px;line-height:1.05;font-weight:700;text-transform:none}
.article-route-promo p{font-size:19px;font-weight:400}
.article-route-promo__button{font-size:15px;font-weight:800}
@media(max-width:1024px){.headline{font-size:52px}.summary{font-size:22px}.story{font-size:19px}.story h2{font-size:38px}}
@media(max-width:640px){.headline{font-size:38px;line-height:1.04}.summary{font-size:19px}.story{font-size:18px;line-height:1.6}.story h2{font-size:32px;line-height:1.08}.diary{font-size:26px}.tag{font-size:14px}.article-route-promo h2{font-size:38px}.article-route-promo p{font-size:18px}}

/* Layout refinements for the article template preview. */
.diary{font-size:28px;line-height:1.4;letter-spacing:-.02em}
.hero{width:var(--wide)}
.hero img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center}
.gallery,.more-grid{width:min(1160px,calc(100vw - 112px));margin-left:calc((100% - min(1160px,calc(100vw - 112px)))/2);margin-right:0}
.gallery{display:block}
.gallery-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}
.gallery-track figure{min-width:0;margin:0}
.gallery-track img{display:block;width:100%;height:400px;object-fit:cover}
.gallery-controls{display:none}
@media(max-width:1024px){
  .hero{width:var(--wide)}
  .gallery,.more-grid{width:100%;margin-left:0}
}
@media(max-width:640px){
  .head .tags{display:none}
  .diary{font-size:24px;line-height:1.38}
  .gallery{width:100%;margin-inline:0}
  .gallery-track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
  .gallery-track::-webkit-scrollbar{display:none}
  .gallery-track figure{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
  .gallery-track img{width:100%;height:380px;object-fit:contain;background:#f5f2ee}
  .gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
  .gallery-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);font:700 20px/1 var(--article-body);cursor:pointer}
  .gallery-controls button:disabled{opacity:.35;cursor:default}
  .gallery-controls button:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
  .gallery-count{font:700 14px/1.3 var(--article-body);font-variant-numeric:tabular-nums}
}