/* Editorial pages share the approved site's palette, typography and navigation. */
.journal-page{background:var(--ink)}
.journal-main{padding:190px 7% 100px;max-width:1800px;margin:auto;min-height:70vh}
.journal-intro{padding-bottom:65px;border-bottom:1px solid var(--line)}
.journal-intro .eyebrow,.article-meta{color:var(--gold)}
.journal-intro h1{font-size:clamp(64px,8vw,124px);line-height:1.04;margin:26px 0}
.journal-byline{color:var(--muted);font-size:16px}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 34px;margin-top:60px}
.journal-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:28px}
.journal-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#292820;margin-bottom:24px}
.journal-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.journal-image:hover img{transform:scale(1.035)}
.article-meta{font-size:10px;letter-spacing:.12em;line-height:1.8;text-transform:uppercase}
.journal-card h2{font-size:clamp(22px,1.8vw,28px);line-height:1.3;letter-spacing:-.02em;margin:14px 0 20px;overflow-wrap:anywhere;hyphens:none}
.journal-card h2 a:hover{color:var(--gold)}
.journal-card .read-link{font-size:12px;color:var(--gold);display:flex;justify-content:space-between;align-items:center;min-height:36px}
.article-top{max-width:1150px;margin:0 auto 55px}
.article-back{display:inline-block;color:var(--gold);font-size:12px;margin-bottom:45px;padding:8px 0}
.article-top h1{font-size:clamp(42px,5.6vw,86px);line-height:1.08;letter-spacing:-.04em;margin:23px 0 28px;overflow-wrap:anywhere}
.article-top .journal-byline{font-size:14px}
.article-body{max-width:760px;margin:auto;font-size:18px;line-height:1.85;color:#dedbd3;overflow-wrap:break-word}
.article-body p{margin:0 0 24px;line-height:1.85}
.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{font-family:'DM Sans',Arial,sans-serif;color:var(--paper);font-weight:300;line-height:1.25;letter-spacing:-.025em;margin:48px 0 24px;font-size:27px}
.article-body h3{font-size:24px}
.article-body blockquote{margin:40px 0;padding:12px 0 12px 28px;border-left:1px solid var(--gold);font-size:25px;line-height:1.5;color:var(--gold)}
.article-body figure{margin:36px 0}.article-body figure img{width:100%;height:auto}.article-body figcaption{font-size:12px;color:var(--muted);margin-top:12px}
.article-body a{text-decoration:underline;text-underline-offset:4px;color:var(--gold)}
.article-body ul{padding-left:24px;margin:0 0 25px}.article-body li{padding-left:5px;margin-bottom:12px}
.article-end{max-width:760px;margin:65px auto 0;padding-top:30px;border-top:1px solid var(--line)}
.article-end a{color:var(--gold);font-size:14px}
.journal-page footer{border-top:1px solid var(--line)}
/* A restrained champagne treatment belongs to the cover grid only. */
.journal-image{position:relative;border:1px solid rgba(179,155,107,.32)}
.journal-image img{filter:saturate(.38) sepia(.26) contrast(.96) brightness(.95)}
.journal-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,rgba(197,169,116,.09),transparent 60%,rgba(35,29,20,.12));box-shadow:inset 0 0 0 7px rgba(28,28,25,.06)}
.article-top{position:relative;padding-bottom:36px;border-bottom:1px solid var(--line)}
.article-top:after{content:"";position:absolute;left:0;bottom:-1px;width:clamp(80px,18%,180px);height:1px;background:var(--gold)}
.article-end{position:relative}.article-end:before{content:"";position:absolute;left:0;top:-1px;width:72px;height:1px;background:var(--gold)}
.journal-intro{position:relative;padding-right:180px}
.journal-ornament{position:absolute;right:20px;top:5px;width:150px;height:205px}
.journal-ornament{width:180px;height:180px;right:0;top:15px}
.bird-poster,.bird-canvas{display:block;width:180px;height:auto;aspect-ratio:334/244;position:absolute;top:0;left:0}
.bird-poster[hidden],.bird-canvas[hidden],.bird-source[hidden],.bird-motion[hidden]{display:none}
.bird-motion{position:absolute;bottom:0;right:70px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--gold);font-size:11px;display:grid;place-items:center}
.bird-motion:hover{border-color:var(--gold)}
.article-top .article-author{line-height:1.85;font-size:13px;color:var(--muted)}
.article-body .author-signature{margin:38px 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.article-body .author-signature p{font-size:15px;line-height:1.7;margin:0 0 5px}
.article-body .author-signature p:first-child{font-size:20px;color:var(--gold);margin-bottom:12px}
@media(max-width:700px){.journal-intro{padding-right:82px}.journal-ornament{width:76px;height:138px;right:0;top:7px}.journal-bird{width:76px;height:96px}.bird-motion{right:16px;bottom:0}.article-top{padding-bottom:28px}}
@media(max-width:370px){.journal-intro h1{font-size:55px}.journal-intro{padding-right:66px}.journal-bird{width:65px}.journal-ornament{width:65px}}
@media(max-width:700px){.journal-ornament{width:86px;height:125px;right:0;top:15px}.bird-poster,.bird-canvas{width:86px}.bird-motion{right:23px}.article-top .article-author{font-size:12px}.article-body .author-signature p{font-size:14px}.article-body .author-signature p:first-child{font-size:19px}}
@media(prefers-reduced-motion:reduce){.bird-motion{display:none}}
/* Fine cover-matched borders, without changing the article photography. */
.article-body figure img{border:1px solid rgba(179,155,107,.32)}
.journal-intro{padding-right:0}
.journal-title-group{position:relative;width:max-content;max-width:100%;display:flow-root}
.journal-title-group .journal-ornament{left:calc(100% - 5px);right:auto;top:-8px;width:155px;height:155px}
.journal-title-group .bird-poster,.journal-title-group .bird-canvas{width:155px;animation:bird-title-flight 12s ease-in-out infinite;pointer-events:none}
.journal-title-group .bird-motion{right:55px;bottom:0}
.journal-ornament.is-paused .bird-poster,.journal-ornament.is-paused .bird-canvas{animation-play-state:paused}
@keyframes bird-title-flight{0%,100%{transform:translate(0,0)}30%{transform:translate(-14px,-20px)}65%{transform:translate(12px,-9px)}}
@media(max-width:700px){.journal-title-group .journal-ornament{left:calc(100% - 5px);top:-4px;width:94px;height:105px}.journal-title-group .bird-poster,.journal-title-group .bird-canvas{width:94px;animation-name:bird-title-flight-mobile}.journal-title-group .bird-motion{right:27px;bottom:0}}
@keyframes bird-title-flight-mobile{0%,100%{transform:translate(0,0)}30%{transform:translate(-8px,-13px)}65%{transform:translate(3px,-5px)}}
@media(prefers-reduced-motion:reduce){.journal-title-group .bird-poster,.journal-title-group .bird-canvas{animation:none}}
.article-body .article-stacked-heading{line-height:1.3}
.article-heading-main,.article-heading-subtitle{display:block}
.article-body .article-heading-subtitle{margin-top:12px;font-size:18px;line-height:1.55;letter-spacing:0;color:var(--gold);white-space:pre-line}
@media(max-width:700px){.article-body .article-heading-subtitle{font-size:16px;margin-top:10px}}
.article-body figure img.light-article-image{border-color:#967b4f}
/* One consistent left edge for article titles, text, photography and closing links. */
.journal-main.article-layout{width:86%;max-width:1150px;padding-left:0;padding-right:0}
.article-layout .article-top{max-width:none;margin-left:0;margin-right:0}
.article-layout .article-body,.article-layout .article-end{margin-left:0;margin-right:0;text-align:left}

/* Stationary rules with a single lightweight gold highlight on arrival. */
.gold-rule-host{position:relative}
.gold-rule-sweep{position:absolute;left:0;right:0;height:1px;bottom:-1px;overflow:hidden;pointer-events:none;contain:paint}
.gold-rule-sweep.is-top{top:-1px;bottom:auto}
.gold-rule-sweep:after{content:"";position:absolute;inset:0 auto 0 0;width:20%;background:linear-gradient(90deg,transparent,var(--gold) 35%,#e7d3a3 65%,transparent);opacity:0;transform:translateX(-100%)}
.gold-rule-sweep.is-visible:after{animation:gold-rule-arrival 2.8s cubic-bezier(.22,.61,.36,1) both}
@keyframes gold-rule-arrival{0%{transform:translateX(-100%);opacity:0}12%{opacity:1}78%{opacity:1}100%{transform:translateX(500%);opacity:0}}
@media(prefers-reduced-motion:reduce){.gold-rule-sweep{display:none}.gold-rule-sweep.is-visible:after{animation:none}}

/* Preserve the author's intentional single line breaks within paragraphs. */
.article-body p{white-space:pre-line}

/* Consistent editorial hierarchy: gold section headings, quieter supporting lines. */
.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:var(--gold)}
.article-body .article-heading-subtitle,.article-body h2+h3:not(.article-stacked-heading){color:#c9c5ba}

/* One compact gap below every editorial heading at every viewport width. */
.article-body :is(h2,h3,h4,h5,h6){margin-bottom:16px}
.article-body :is(h2,h3,h4,h5,h6)+*{margin-top:0}

.article-body .article-deck{font-size:22px;line-height:1.6;color:#c9c5ba;margin-bottom:28px}
.article-sources{margin-top:40px}.article-sources p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.article-body sup{font-size:11px;line-height:0;vertical-align:super}.article-body sup a{padding:0 2px}
.article-related{border-top:1px solid var(--line);padding-top:24px;margin-top:36px;display:flex;gap:16px;flex-wrap:wrap}.article-related .eyebrow{width:100%;color:var(--gold);margin:0}.article-related>a{font-size:15px}
@media(max-width:700px){.article-body .article-deck{font-size:19px}}

/* Responsive editorial cards: readable titles without column overflow. */
.journal-card{display:flex;flex-direction:column;align-self:stretch}
.journal-card h2 a{display:block;max-width:100%;white-space:normal}
.journal-card .read-link{margin-top:auto;gap:16px}
.journal-card .article-meta{overflow-wrap:anywhere}
.article-top h1{font-size:clamp(34px,4.5vw,68px);line-height:1.16;letter-spacing:-.03em}
@media(max-width:1100px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px}}
@media(max-width:600px){.journal-main{padding-top:145px;padding-bottom:70px}.journal-grid{grid-template-columns:minmax(0,1fr);gap:38px;margin-top:38px}.journal-card h2{font-size:24px;line-height:1.3}.journal-image{margin-bottom:18px}.journal-intro{padding-bottom:38px}.journal-intro h1{font-size:clamp(52px,12vw,70px)}}

/* Supporting white headings remain smaller than gold section headings. */
.article-body h2+h3:not(.article-stacked-heading){font-size:22px}

/* Wrap editorial text between complete words. */
.journal-card h2,.article-top h1,.article-body{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}
