:root{--b:#31050D;--i:#FFFAF6;--line:rgba(49,5,13,.24)}
.article-page{background:var(--i);color:var(--b)}
.article-hero{min-height:calc(100svh - 102px);padding:5vh 3vw 3vw;position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate}
.article-hero-kicker{position:relative;z-index:2;margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.2em}
.article-hero h1{position:relative;z-index:2;align-self:center;max-width:1320px;margin:0;font-size:clamp(64px,7.9vw,122px);line-height:.82;letter-spacing:-.072em;font-weight:500;text-wrap:balance}
.article-ghost{position:absolute;z-index:-1;right:-10vw;top:3%;width:min(48vw,720px);height:auto;opacity:.045;pointer-events:none;transform:translateY(var(--parallax-y,0))}
.article-hero-bottom{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:5vw;align-items:end;border-top:1px solid var(--line);padding-top:24px}
.article-meta{display:flex;gap:18px;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.article-meta span+span:before{content:"";display:inline-block;width:34px;height:1px;margin:0 18px 3px 0;background:var(--b);opacity:.35}
.article-back{padding-bottom:7px;border-bottom:1px solid;font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.article-cover{padding:0 3vw 8vw;background:var(--i)}
.article-cover-frame{height:min(67vw,820px);overflow:hidden;background:var(--b)}
.article-cover img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.88;transition:filter .8s,opacity .8s,transform 1s cubic-bezier(.2,.8,.2,1)}
.article-cover:hover img{filter:grayscale(.1);opacity:1;transform:scale(1.012)}
.article-reading{padding:8vw 3vw 10vw;display:grid;grid-template-columns:minmax(190px,.48fr) minmax(0,1.35fr) minmax(160px,.36fr);gap:5vw;align-items:start;border-top:1px solid var(--line)}
.article-side{position:sticky;top:132px}
.article-side-label{margin:0 0 28px;font-size:9px;text-transform:uppercase;letter-spacing:.18em}
.article-side nav{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.article-side nav a{padding:12px 0;border-bottom:1px solid var(--line);font-size:10px;line-height:1.35;text-transform:uppercase;letter-spacing:.09em}
.article-side nav a:hover{padding-left:6px}
.article-content{max-width:820px;min-width:0;font-size:18px;line-height:1.7}
.article-content>p:first-child{margin-top:0;font-size:clamp(23px,2.1vw,32px);line-height:1.38;letter-spacing:-.025em}
.article-content p{margin:0 0 1.45em}
.article-content h2{scroll-margin-top:140px;margin:2.15em 0 .72em;font-size:clamp(43px,4.5vw,70px);line-height:.93;letter-spacing:-.055em;font-weight:500}
.article-content h3{scroll-margin-top:140px;margin:2em 0 .65em;font-size:clamp(27px,2.4vw,38px);line-height:1.03;letter-spacing:-.035em;font-weight:500}
.article-content a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.article-content ul,.article-content ol{margin:0 0 1.6em;padding-left:1.25em}
.article-content li{margin:.4em 0}
.article-content blockquote{margin:3.3em 0;padding:34px 0;border-top:1px solid var(--b);border-bottom:1px solid var(--b);font-size:clamp(28px,3.3vw,49px);line-height:1.06;letter-spacing:-.045em}
.article-content blockquote p{margin:0}
.article-content details{border-top:1px solid var(--line)}
.article-content details:last-of-type{border-bottom:1px solid var(--line)}
.article-content summary{padding:18px 35px 18px 0;position:relative;cursor:pointer;font-size:17px;font-weight:500;list-style:none}
.article-content summary::-webkit-details-marker{display:none}
.article-content summary:after{content:"+";position:absolute;right:2px;top:15px;font-size:22px;font-weight:300}
.article-content details[open] summary:after{content:"−"}
.article-content details>div,.article-content details>p{padding:0 0 20px;margin:0}
.article-content .silaia-toc{display:none}
.article-content .silaia-signes{margin:2em 0;padding:24px 28px;border-top:1px solid var(--b);border-bottom:1px solid var(--b)}
.article-content .silaia-signes ul{margin:0}
.article-content .silaia-quote{margin:3.3em 0;padding:34px 0;border-top:1px solid var(--b);border-bottom:1px solid var(--b);font-size:clamp(28px,3.3vw,49px);line-height:1.06;letter-spacing:-.045em}
.article-content .silaia-cta{margin:3.5em 0;padding:34px;background:var(--b);color:var(--i)}
.article-content .silaia-cta h2{margin-top:0;color:inherit;font-size:clamp(34px,3.5vw,53px)}
.article-content .silaia-cta a{display:inline-block;padding:12px 15px;border:1px solid var(--i);color:inherit;text-decoration:none;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.article-aside-note{padding-top:4px;font-size:12px;line-height:1.55}
.article-aside-note:before{content:"";display:block;width:100%;height:1px;margin-bottom:20px;background:var(--line)}
.article-aside-note strong{display:block;margin-bottom:12px;font-size:9px;text-transform:uppercase;letter-spacing:.17em}
.article-share{display:flex;flex-direction:column;gap:9px;margin-top:26px}
.article-share a{font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.article-related{padding:9vw 3vw 10vw;background:var(--b);color:var(--i)}
.article-related-head{display:grid;grid-template-columns:.45fr 1.55fr;gap:4vw;margin-bottom:5vw}
.article-related-head small{font-size:10px;text-transform:uppercase;letter-spacing:.18em}
.article-related-head h2{max-width:980px;margin:0;font-size:clamp(54px,7vw,106px);line-height:.84;letter-spacing:-.068em;font-weight:500}
.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.article-related-card{display:block;border-top:1px solid rgba(255,250,246,.35);padding-top:15px}
.article-related-visual{height:clamp(260px,28vw,430px);overflow:hidden;background:var(--b)}
.article-related-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.78;transition:filter .7s,opacity .7s,transform .7s}
.article-related-card:hover img{filter:grayscale(0);opacity:1;transform:scale(1.025)}
.article-related-meta{display:flex;justify-content:space-between;gap:15px;margin-top:15px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;opacity:.68}
.article-related-card h3{margin:18px 0 0;font-size:clamp(27px,2.7vw,42px);line-height:.96;letter-spacing:-.045em;font-weight:500}
.article-cta{padding:8vw 3vw 9vw;background:var(--i);display:grid;grid-template-columns:.48fr 1.52fr;gap:5vw;border-bottom:1px solid var(--line)}
.article-cta small{font-size:10px;text-transform:uppercase;letter-spacing:.18em}
.article-cta h2{max-width:1000px;margin:0 0 36px;font-size:clamp(54px,7vw,106px);line-height:.84;letter-spacing:-.067em;font-weight:500}
.article-cta p{max-width:680px;margin:0 0 30px;font-size:17px;line-height:1.55}
.article-cta a{display:inline-block;padding:14px 18px;border:1px solid var(--b);font-size:10px;text-transform:uppercase;letter-spacing:.13em}
@media(max-width:980px){
  .article-reading{grid-template-columns:200px minmax(0,1fr)}
  .article-aside-note{display:none}
  .article-related-head,.article-cta{grid-template-columns:.55fr 1.45fr}
}
@media(max-width:760px){
  .article-hero{min-height:calc(100svh - 78px);padding:36px 17px 27px}
  .article-hero h1{font-size:clamp(44px,13.3vw,61px);line-height:.87;letter-spacing:-.06em}
  .article-ghost{width:115vw;right:-60vw;top:14%}
  .article-hero-bottom{grid-template-columns:1fr;gap:22px;padding-top:18px}
  .article-meta{gap:0;justify-content:space-between;font-size:9px}
  .article-meta span+span:before{display:none}
  .article-back{justify-self:start}
  .article-cover{padding:0 17px 78px}
  .article-cover-frame{height:122vw;max-height:620px}
  .article-reading{padding:78px 17px 90px;display:block}
  .article-side{display:none}
  .article-content{font-size:17px;line-height:1.67}
  .article-content>p:first-child{font-size:22px}
  .article-content h2{scroll-margin-top:105px;font-size:43px;margin-top:1.9em}
  .article-content h3{scroll-margin-top:105px;font-size:29px}
  .article-content blockquote{font-size:31px}
  .article-related{padding:82px 17px 90px}
  .article-related-head,.article-cta{grid-template-columns:1fr;gap:30px}
  .article-related-head{margin-bottom:52px}
  .article-related-head h2,.article-cta h2{font-size:53px}
  .article-related-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:18px}
  .article-related-card{flex:0 0 82vw;scroll-snap-align:start}
  .article-related-visual{height:105vw;max-height:500px}
  .article-related-card h3{font-size:34px}
  .article-cta{padding:82px 17px 92px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-cover img,.article-related-visual img{transition:none}}