/* The same ink, parchment and picture rules across every edition. */
:root{--ink:#2a1d15;--ink-soft:#534030;--paper:#e7d4ae;--paper-light:#faf0d9;--rust:#893522;--rust-dark:#732a1d;--line:#9d8260}
body{color:var(--ink);background:radial-gradient(ellipse at 45% 0%,#f7eacc 0%,transparent 52rem),repeating-linear-gradient(7deg,#62452106 0 1px,transparent 1px 4px),var(--paper)}
.site-header{position:relative;display:grid;justify-items:center;gap:0;padding:1.15rem clamp(.8rem,4vw,4rem) 0;background:none;backdrop-filter:none;border:0}
.site-header .brand{display:block;text-align:center;font-family:Georgia,serif;font-weight:900;font-size:clamp(2rem,7.4vw,6.4rem);line-height:1.02;letter-spacing:-.075em;color:var(--ink);text-transform:uppercase;text-decoration:none;padding:.28em clamp(.05em,1vw,.25em);white-space:nowrap}
.site-header .brand span{color:var(--rust-dark);font-style:italic}
.gazette-rule{width:min(100%,75rem);display:flex;align-items:center;justify-content:center;gap:.65rem;color:var(--rust-dark);line-height:1}
.gazette-rule:before,.gazette-rule:after{content:"";height:.32rem;flex:1;border-block:1px solid var(--ink);background:linear-gradient(90deg,transparent,var(--line),transparent) center/100% 1px no-repeat}
.gazette-line{width:min(100%,75rem);margin:0;padding:.5rem .2rem;text-align:center;border-bottom:1px solid var(--ink);font-family:Georgia,serif;font-size:clamp(.58rem,1.8vw,.77rem);font-weight:bold;letter-spacing:.16em;text-transform:uppercase}
.site-header nav{display:flex;justify-content:center;flex-wrap:wrap;width:min(100%,75rem);padding:.64rem .1rem;gap:.25rem clamp(.6rem,2.3vw,1.65rem);border-bottom:4px double var(--ink);font-family:Georgia,serif;font-size:.78rem;letter-spacing:.045em;line-height:1.5}
.site-header nav a{color:var(--ink);padding:.22rem .16rem}
.shop-ribbon{border-bottom:3px double #b58d60;background:#312218}
.shop-ribbon-link{min-height:0}
.shop-ribbon-art img{height:3.2rem}
h1,h2,h3{text-wrap:balance}
.evp-heading{padding-top:clamp(2rem,5vw,4rem);border-bottom:4px double var(--ink)}
.evp-heading h1,.upcoming-intro h1{font-size:clamp(2.45rem,6vw,5.6rem);max-width:19ch;line-height:.98;letter-spacing:-.06em}
.eyebrow,.media-context{color:var(--rust-dark);font-family:Georgia,serif;font-weight:bold;letter-spacing:.12em}
#daily-brief{padding:clamp(1.65rem,5vw,4rem) clamp(1rem,6vw,6rem);border-bottom:4px double var(--ink);background:#fff3d94a}
#daily-brief>h2{font-size:clamp(2.55rem,6.5vw,6.1rem);line-height:.98;max-width:18ch}
#daily-brief>.dek{margin:1rem 0 1.5rem}
.brief-grid,.home-event-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:clamp(1rem,2.5vw,2rem)}
.brief-card,.event-card,.case-card{border:1px solid var(--line);outline:1px solid #91795755;outline-offset:-5px;border-radius:0;background:var(--paper-light);box-shadow:0 4px 14px #62452112}
.brief-card>a:first-child{display:block;padding:.6rem .6rem 0}
.brief-card img{border:1px solid var(--line);display:block}
.brief-card h3{font-size:clamp(1.45rem,2.5vw,2.05rem);line-height:1.08}
.brief-copy,.event-copy{padding:1rem 1.15rem 1.2rem}
.article-figure,.brief-cover{padding:.6rem;border:4px double var(--line);background:var(--paper-light)}
.article-figure figcaption,.brief-cover figcaption{padding:.45rem .2rem 0}
.article>p{line-height:1.75}
.edition-archive,.upcoming-body,.home-upcoming{border-top:4px double var(--line)}
.button{border-radius:0;font-family:Georgia,serif;letter-spacing:.07em}
.button.primary{background:var(--rust-dark);border-color:var(--rust-dark)}
.hero{min-height:0}
.hero-copy{padding:clamp(2rem,5vw,4rem)}
.hero-art{min-height:clamp(15rem,35vw,27rem)}
footer{border-top:4px double var(--line)}
footer h2{color:inherit}
:focus-visible{outline:2px solid #a83d24;outline-offset:3px}
@media(max-width:600px){.site-header{padding-top:.75rem}.site-header nav{font-size:.67rem}.shop-ribbon-link{gap:.6rem}.brief-grid,.home-event-grid{grid-template-columns:minmax(0,1fr)}.hero-art{min-height:18rem}.evp-heading,.upcoming-intro-inner{overflow-wrap:anywhere}}
.site-header{grid-template-columns:minmax(0,1fr)}
.site-header .brand{grid-column:1;max-width:100%}
#daily-brief>h2{max-width:23ch}
@media(max-width:420px){.site-header .brand{font-size:8.2vw}}

/* Illustrated frontispiece taken from the Encounter & Lore reel masthead. */
html{background:#241a12}
body{max-width:92rem;margin-inline:auto;box-shadow:0 0 48px #0008;background:radial-gradient(ellipse at 50% 12%,#f4e6c8 0%,#e6d1a8 65%,#c3a278 100%)}
.site-header{padding-top:clamp(.65rem,2vw,1.4rem);background:radial-gradient(ellipse at 50% 35%,#e4cda5,#b99a73)}
.site-header .brand{width:min(100%,52rem);padding:0;margin:.45rem 0 .55rem;line-height:0;white-space:normal}
.site-header .brand img{display:block;width:100%;height:auto}
.gazette-rule,.gazette-line,.site-header nav{width:min(100%,64rem)}
.gazette-line{border-block:1px solid #735339;background:#e9d3ad;padding:.36rem .3rem}
.site-header nav{border-bottom:5px double var(--ink)}
#daily-brief{background:linear-gradient(90deg,#9a65301c,transparent 4%,transparent 96%,#9a65301c),#f1dfb9;border-bottom:5px double var(--ink)}
#daily-brief>.eyebrow{display:block;max-width:64rem;margin-inline:auto;padding:.45rem .65rem;text-align:center;border-block:3px double #6a4930;background:#e8cfa2}
#daily-brief>h2{max-width:23ch;margin-inline:auto;text-align:center;font-size:clamp(2.4rem,5.6vw,5.3rem);text-transform:uppercase;letter-spacing:-.045em}
#daily-brief>.dek{margin-inline:auto;text-align:center}
.brief-card,.event-card{border:4px double #77583a;background:#f4e5c7;outline:0}
.brief-card>a:first-child{padding:.65rem .65rem 0}
.brief-card img{border:3px double #705339}
.brief-card h3 a{text-decoration-thickness:1px;text-underline-offset:.14em}
.evp-heading,.upcoming-intro-inner{border-bottom:5px double #77583a}
@media(max-width:600px){.site-header .brand{margin:.3rem 0 .4rem}.site-header{padding-inline:.5rem}#daily-brief>h2{font-size:clamp(1.95rem,8.8vw,3.25rem)}}