/* Design refinement matching the approved 12-panel visual: navy cosmos, portal art, gold outlines. */
:root{--bg:#010914;--card:#06121f;--gold:#e7b95d;--gold-light:#ffe7a7;--white:#fff8eb;--muted:#c6cbd5;--line:rgba(228,183,100,.36)}
html{scroll-padding-top:24px}
body{background:#020a13;color:#f6f1eb}
.shell{max-width:1600px;margin:0 auto 34px;box-shadow:0 16px 85px rgba(0,0,0,.8);border-color:#23374b}
.site-header{background:rgba(1,10,18,.98)}
.header-main{min-height:75px;padding:9px clamp(15px,3.2vw,51px);gap:15px}
.brand{gap:12px;min-width:218px}.brand-mark{width:48px;height:48px;border-color:#bd8735;box-shadow:0 0 25px rgba(244,181,78,.19)}
.brand-text strong{font-size:clamp(13px,1.3vw,20px);line-height:1.05}.brand-text em{font-size:9px;letter-spacing:.22em}
.desktop-nav{gap:clamp(10px,1.2vw,20px)}.nav-anchor{font-size:clamp(11px,1vw,14px);font-weight:600}
.site-core-motto{display:none}
.gold-btn{background:linear-gradient(170deg,#ffe7ab 0%,#f3c76d 48%,#bd853b 100%);border:1px solid #ffe3a0;border-radius:3px;color:#17120b;box-shadow:inset 0 1px #fff1c5,0 5px 22px rgba(216,140,45,.28);font-family:Georgia,serif;font-size:14px;padding:12px 22px}
.gold-btn:hover{color:#130d05}.header-cta{font-size:12px;padding:12px 15px}
.cinematic-hero{background-repeat:no-repeat;background-size:cover;background-position:75% 50%;align-items:center}
.home-hero{min-height:450px}.article-hero{min-height:440px}
.hero-vignette{background:linear-gradient(90deg,rgba(1,7,16,.97) 0%,rgba(1,8,17,.93) 24%,rgba(1,8,17,.66) 45%,rgba(1,8,17,.06) 81%)}
.hero-inner{width:min(760px,66%);padding:44px clamp(22px,5vw,81px) 54px}.hero-home-inner{width:min(800px,67%)}
.hero h1{font-family:Georgia,serif;font-weight:700;font-size:clamp(43px,5.3vw,82px);line-height:.98;color:#fff9ee;text-shadow:1px 3px 20px #000;max-width:720px}
.hero h1::first-line{color:#fff9ee}
.hero-lead{font-family:Georgia,serif;font-size:clamp(17px,1.55vw,24px);line-height:1.4;max-width:540px;color:#fff3df;margin-bottom:25px}
.hero .eyebrow{font-family:Georgia,serif;font-size:11px;letter-spacing:.17em;color:#e9bc70;margin-bottom:19px}
.hero-button{font-size:13px;padding:13px 26px}
.film-cards{background:#03101d;display:grid;padding:8px 14px 17px;gap:9px;border-top:1px solid rgba(231,178,82,.3);border-bottom:1px solid rgba(231,178,82,.3)}
.home-film-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.interior-film-cards{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 31px 23px;gap:15px}
.film-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:205px;padding:10px 12px;background:#081723;border:1px solid rgba(231,178,82,.67);border-radius:4px;box-shadow:inset 0 0 25px rgba(0,0,0,.6)}
.interior-film-cards .film-card{min-height:192px}
.film-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92)}
.film-fade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(1,9,17,.99) 0%,rgba(1,9,17,.84) 30%,rgba(1,9,17,.05) 85%)}
.film-card:hover{border-color:#ffe1a5;color:#ffe9b2}.film-card:hover img{transform:scale(1.04)}.film-card img{transition:transform .35s}
.film-card-title{font:700 clamp(16px,1.6vw,23px)/1.05 Georgia,serif;color:#ffdf9b;text-shadow:1px 1px 7px #000;display:block;margin-bottom:7px}
.film-card-sub{font:400 clamp(11px,1vw,13px)/1.34 Georgia,serif;color:#d7dce3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.section-pad{padding:clamp(30px,3.2vw,55px) clamp(22px,4vw,60px)}.eyebrow{color:#f3cc77}
.section-heading h2,.home-reading h2,.journey-overview h2,.sources-section h2{font:700 clamp(30px,3.2vw,46px)/1.12 Georgia,serif;color:#fff5e2}
.intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.intro-tile{display:grid;grid-template-columns:44% 1fr;min-height:158px;border:1px solid rgba(224,168,83,.43);background:#061523;border-radius:4px;overflow:hidden}
.intro-tile img{height:100%;width:100%;object-fit:cover}.intro-tile>div{padding:16px 15px;position:relative;min-width:0}
.intro-tile strong{font:700 clamp(17px,1.4vw,24px)/1.1 Georgia,serif;color:#ffdea1;display:block;margin-bottom:9px}
.intro-tile span{font:400 13px/1.42 Georgia,serif;color:#c6d0dc;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.intro-tile em{color:#f7cc87;position:absolute;right:11px;bottom:9px}
.home-reading{display:grid;grid-template-columns:1fr 1fr;gap:42px;background:#04121f;border-block:1px solid rgba(220,174,90,.22)}
.home-reading h2{margin-bottom:24px}.home-reading p:not(.eyebrow){font:18px/1.7 Georgia,serif;color:#d8e0e8;max-width:710px;margin-bottom:15px}
.home-feature-image img{width:100%;height:100%;max-height:420px;object-fit:cover;border:1px solid rgba(221,165,79,.48);border-radius:4px}
.home-more{background:#030d18}.more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.more-grid a{min-height:90px;border:1px solid rgba(221,165,79,.32);padding:18px;font:700 17px/1.3 Georgia,serif;background:#091927;color:#e8d5ad;display:flex;justify-content:space-between;gap:8px}.more-grid a span{color:#e7b95d}
.reading-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(255px,.8fr);gap:clamp(35px,5vw,85px);background:radial-gradient(circle at 87% 0%,#102235 0,#030b15 52%);scroll-margin-top:15px}
.reading-main h2{font:700 clamp(29px,3.5vw,53px)/1.05 Georgia,serif;color:#f2d39d;margin:0 0 23px}
.reading-main p:not(.eyebrow){font:400 clamp(17px,1.4vw,20px)/1.7 Georgia,serif;color:#e3e4e3;margin-bottom:19px;max-width:850px}
.reading-main .reading-lead{font-size:clamp(19px,1.65vw,24px)!important;line-height:1.45!important;color:#fff3df!important;border-inline-start:2px solid #edc77d;padding-inline-start:21px;margin-bottom:31px!important}
.reading-aside{padding-top:10px}.takeaway-box{border:1px solid #aa854e;background:#061727;padding:27px 22px}.takeaway{display:flex;gap:16px;border-bottom:1px solid rgba(238,189,105,.23);padding:16px 0}.takeaway:last-child{border:0}.takeaway>span{color:#f3c879;font:700 18px Georgia,serif}.takeaway p{margin:0;color:#dbe1e8;font:15px/1.5 Georgia,serif}
.simple-declaration{margin-top:15px;display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #cda05c;background:linear-gradient(110deg,#1d2430,#091625);color:#f7db9f;font:700 17px Georgia,serif}.simple-declaration span{font-size:25px}.simple-declaration em{margin-inline-start:auto}.simple-declaration.subtle{border-color:#3f5263;font-size:15px}
.short-quote{margin:30px 0 8px;border:1px solid #bd8d45;background:rgba(111,76,30,.15);padding:18px 25px;display:flex;gap:18px;align-items:flex-start}.short-quote span{color:#f4c875;font-size:25px}.short-quote p{margin:0!important;color:#ffda91!important}
.next-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:30px clamp(22px,4vw,60px);border-top:1px solid rgba(220,174,90,.25);background:#081b2c}.next-banner h2{font:700 clamp(25px,2.9vw,39px) Georgia,serif;color:#f6d698;margin:0}.next-banner .eyebrow{margin:0 0 9px}
.sources-section h2{margin-bottom:16px}.sources-section .overview-lead,.journey-overview .overview-lead{font:19px/1.6 Georgia,serif;color:#d7dfe8}.source-simple{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:28px 0}.source-simple .source-item{height:100%}
.journey-overview h2{margin-bottom:17px}.journey-new-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:27px 0 34px}.journey-new-card{position:relative;min-height:230px;border:1px solid #bc914e;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;overflow:hidden;background:#05131f;isolation:isolate}
.journey-new-card img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:-2}.journey-new-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000a14 0%,rgba(0,10,20,.15) 82%)}.journey-new-card span{color:#f6d49e;font:700 15px Georgia,serif}.journey-new-card strong{font:700 22px Georgia,serif;color:#ffe3b3}.journey-new-card em{position:absolute;right:15px;bottom:13px;color:#e9b75a}.journey-copy{font:18px/1.65 Georgia,serif;color:#d8e2ea;max-width:950px}
.declaration-page .declaration-hero{background-image:var(--hero-image)}.declaration-wrap{background:radial-gradient(circle at 50% 0%,#10293a,#020b15 60%)}
.declaration-frame{max-width:990px}.declaration-actions{max-width:990px;margin:auto auto 28px}
.site-footer{border-top:1px solid #9d7e50;background:#020c17}.footer-motto{font:15px Georgia,serif;color:#f7d69c}
@media(max-width:1150px){.home-film-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.interior-film-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.reading-layout{grid-template-columns:minmax(0,1fr) minmax(240px,.65fr)}.film-card{min-height:175px}}
@media(max-width:850px){.home-hero,.article-hero{min-height:440px}.hero-inner{width:min(690px,86%)}.intro-grid{grid-template-columns:1fr 1fr}.home-reading{grid-template-columns:1fr}.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:1fr;gap:25px}.reading-aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reading-aside .takeaway-box{grid-column:1/-1}.simple-declaration{margin:0}.interior-film-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-new-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-simple{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.shell{border:0;margin:0}.header-main{min-height:64px}.brand{min-width:0;gap:7px}.brand-mark{width:35px;height:35px}.brand-text strong{font-size:12px}.brand-text em{font-size:7px;letter-spacing:.12em}.header-cta{font-size:0;padding:7px 10px}.header-cta span{font-size:16px}.language-dropdown{font-size:10px;min-width:52px}.hero-inner,.hero-home-inner{width:100%;padding:32px 22px 37px}.hero h1{font-size:clamp(38px,11vw,54px)}.hero-lead{font-size:18px;max-width:390px}.hero-vignette{background:linear-gradient(90deg,rgba(1,7,16,.95),rgba(1,7,16,.8) 68%,rgba(1,7,16,.38))}.home-hero,.article-hero{min-height:410px;background-position:59% center}.home-film-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.interior-film-cards{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px}.film-card,.interior-film-cards .film-card{min-height:175px;padding:10px}.film-card-title{font-size:16px}.film-card-sub{font-size:11px}.intro-grid{grid-template-columns:1fr}.intro-tile{min-height:140px}.more-grid{grid-template-columns:1fr 1fr}.more-grid a{font-size:14px;min-height:82px;padding:14px}.reading-aside{grid-template-columns:1fr}.reading-main h2{font-size:32px}.reading-main p:not(.eyebrow){font-size:17px}.reading-main .reading-lead{font-size:19px!important}.source-simple{grid-template-columns:1fr}.journey-new-grid{grid-template-columns:1fr 1fr;gap:9px}.journey-new-card{min-height:180px}.journey-new-card strong{font-size:17px}.next-banner{flex-wrap:wrap}.declaration-frame p{font-size:clamp(16px,4.2vw,23px)!important}}
@media(max-width:370px){.film-card,.interior-film-cards .film-card{min-height:160px}.film-card-title{font-size:15px}.film-card-sub{font-size:10.5px}.header-main{padding:7px}.hero h1{font-size:38px}.more-grid{grid-template-columns:1fr}}
@media print{.film-cards,.site-header,.site-footer{display:none!important}.reading-layout{display:block}}

/* V4 / Art direction: richer cinematic headers, editorial spreads and ceremonial declaration. */

:root{--night:#020914;--cream:#fff5e3;--gold:#edc57e;--gold2:#f6dcaa}
body{background:radial-gradient(ellipse at 51% 0%,#17304e 0%,#020712 53%,#01050d 100%);font-family:'Manrope',Arial,sans-serif}
.shell{max-width:1600px;border:1px solid #324354;box-shadow:0 12px 80px #000c}
.header-main{min-height:86px;padding-left:clamp(18px,3vw,58px);padding-right:clamp(18px,3vw,58px)}
.brand-mark{width:61px;height:61px;border:0;box-shadow:0 0 40px #a97c2a33}
.brand-text strong{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;letter-spacing:.045em;font-size:clamp(18px,1.4vw,25px);color:#f7d89c}
.brand-text em{letter-spacing:.3em;font-size:9px;color:#f3e1bf}
.desktop-nav{gap:clamp(12px,1.45vw,24px)}
.nav-anchor{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(15px,1.22vw,20px);font-weight:600;color:#f4eadb}
.header-cta{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:16px!important}
.gold-btn{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:18px;letter-spacing:.005em;padding:12px 26px;box-shadow:inset 0 1px #fff8dc,0 5px 18px #d99b3955}
.home-hero{min-height:540px}.article-hero{min-height:510px}
.cinematic-hero{position:relative;background-position: 62% 50%;background-size:cover}
.hero-vignette{background:linear-gradient(90deg,#010711f5 0%,#020913d4 26%,#020b1788 46%,#020c1607 79%)}
.hero-inner{padding:58px clamp(30px,6vw,105px) 73px;width:min(920px,74%)}
.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;letter-spacing:-.015em;font-size:clamp(58px,5.7vw,96px);line-height:.94;color:#fff8e9;max-width:900px;text-wrap:balance}
.hero-lead{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(22px,1.9vw,31px);line-height:1.2;color:#fef6e6;max-width:590px}
.hero .eyebrow{color:#f5ce80;font-family:'Manrope',sans-serif;font-weight:600;font-size:11px;letter-spacing:.25em}
.hero .gold-btn{margin-top:13px}
.film-cards.home-film-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:19px 25px 29px}
.film-card,.interior-film-cards .film-card{min-height:239px;border-radius:5px;border:1px solid #b68b4b;box-shadow:0 0 0 1px #091d2a inset,0 12px 20px #0004;padding:18px}
.film-card-title{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:clamp(21px,1.9vw,32px);line-height:1.05}
.film-card-sub{font:500 13px/1.5 'Manrope',sans-serif;color:#e7e5e1}
.section-heading h2,.home-reading h2,.related-heading h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:clamp(36px,3.3vw,60px);letter-spacing:-.01em}
.section-pad{padding:clamp(45px,4.8vw,79px) clamp(24px,5vw,85px)}
.intro-grid{gap:18px}.intro-tile{min-height:184px;border-color:#ad8556}.intro-tile strong{font-family:'Cormorant Garamond',serif;font-size:25px}.intro-tile span{font-family:'Manrope',sans-serif;font-size:13px}
.home-reading p:not(.eyebrow){font:500 17px/1.82 'Manrope',sans-serif}
.home-feature-image img{max-height:550px}
.more-grid a{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px}
.chapter-layout{display:grid;grid-template-columns:minmax(205px,.7fr) minmax(0,1.27fr) minmax(260px,1fr);gap:clamp(24px,2.8vw,55px);padding:clamp(40px,5vw,73px) clamp(24px,4.5vw,68px);background:linear-gradient(180deg,#05101e,#020914 90%);scroll-margin-top:25px}
.chapter-menu{display:flex;flex-direction:column;gap:0;align-self:start;border:1px solid #775c38;background:#070f1a;position:sticky;top:15px}
.chapter-menu>.eyebrow{padding:21px 20px 16px;border-bottom:1px solid #6e5837;margin:0!important}
.chapter-menu>a{display:flex;align-items:center;gap:12px;color:#d6d5d3;padding:20px 15px;border-bottom:1px solid #35404b;font:600 15px/1.3 'Manrope',sans-serif;transition:background .2s}
.chapter-menu>a span{font-size:20px;color:#f5ca7d;min-width:23px}.chapter-menu>a b{margin-left:auto;color:#bb8a4d;font-size:20px}
.chapter-menu>a:hover,.chapter-menu>a.is-current{background:linear-gradient(90deg,#46351e 0%,#1b2431 100%);color:#ffda90;text-decoration:none}
.chapter-menu>a:last-child{border:0}
.chapter-copy h2{font:700 clamp(37px,3.2vw,54px)/.99 'Cormorant Garamond',Georgia,serif;color:#f4ce83;margin:0 0 24px}
.chapter-copy p:not(.eyebrow){font:400 clamp(16px,1.22vw,18px)/1.74 'Manrope',Arial,sans-serif;color:#e8e8e8;margin:0 0 21px}
.chapter-copy .chapter-intro{font-family:'Cormorant Garamond',serif!important;font-size:26px!important;color:#ffe5b4!important;line-height:1.34!important;margin-bottom:28px!important}
.chapter-art figure{padding:0;margin:8px 0 14px;border:1px solid #b98b4d;box-shadow:0 14px 40px #0007}
.chapter-art img{display:block;width:100%;height:auto;aspect-ratio:1.21;object-fit:cover}
.chapter-takeaways{border:1px solid #b88948;border-radius:3px;background:radial-gradient(at 20% 0%,#2a2318,#090d14 68%);padding:20px}
.chapter-takeaways>div{border-top:1px solid #8e7248;padding:11px 0;display:flex;gap:13px}.chapter-takeaways span{font:700 18px 'Cormorant Garamond',serif;color:#f6d28d}.chapter-takeaways p{font:500 13px/1.5 'Manrope',sans-serif;color:#dfe0e4;margin:0}
.chapter-takeaways .eyebrow{font-family:'Manrope',sans-serif;margin-bottom:17px}
.chapter-quote{display:flex;align-items:start;gap:15px;padding:21px;border:1px solid #d5a459;background:linear-gradient(140deg,#301d0d,#0c121b)}.chapter-quote span{font-size:25px;color:#fbe4af}
.chapter-quote p{margin:0!important;color:#ffdba0!important}
.related-section{background:#061323;border-top:1px solid #b58d53;padding:35px 25px 44px}
.related-heading{padding:4px 20px 15px}.related-heading h2{font-size:42px;color:#efd39b}
.related-film-cards{grid-template-columns:repeat(4,minmax(0,1fr));border:0;padding:0;gap:14px;background:transparent}
.related-film-cards .film-card{min-height:220px}
.declaration-frame{background:linear-gradient(140deg,#d19f59,#fff8de 22%,#fff0c5 79%,#c9964d)!important;border:10px double #ad792e;box-shadow:0 0 90px #e7ad4755,0 5px 50px #000!important}
.declaration-frame p{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:clamp(21px,2.2vw,30px)!important;line-height:1.4!important;color:#1b120c!important}
.declaration-frame .emph{font-weight:700}
.bottom-callout{border-top:1px solid #a98144;background:linear-gradient(130deg,#07192a,#1a2230,#0b1a2c);padding:36px 55px}
.site-footer{background:#020813}.footer-motto{font:700 18px 'Cormorant Garamond',Georgia,serif}
@media(max-width:1100px){.chapter-layout{grid-template-columns:210px minmax(0,1fr)}.chapter-art{grid-column:2}.chapter-art img{aspect-ratio:2}.home-hero,.article-hero{min-height:460px}.film-cards.home-film-cards{gap:9px}.film-card{min-height:190px}}
@media(max-width:800px){.home-hero,.article-hero{min-height:460px}.hero-inner{width:min(650px,87%)}.chapter-layout{grid-template-columns:1fr;gap:22px;padding:30px 25px}.chapter-menu{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;gap:8px;background:transparent}.chapter-menu>.eyebrow{grid-column:1/-1}.chapter-menu>a{border:1px solid #6d614d;padding:12px 10px;font-size:13px}.chapter-art{grid-column:auto;display:grid;grid-template-columns:1fr 1fr;gap:15px}.chapter-art img{aspect-ratio:.9;height:100%;max-height:420px}.film-cards.home-film-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.related-film-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.film-card-title{font-size:22px}}
@media(max-width:600px){.shell{border:0}.header-main{min-height:69px}.brand-mark{width:40px;height:40px}.brand-text strong{font-size:16px}.brand-text em{font-size:7px;letter-spacing:.12em}.home-hero,.article-hero{min-height:440px;background-position:67% center}.hero-inner{width:100%;padding:39px 24px 46px}.hero h1{font-size:clamp(48px,12vw,68px)}.hero-lead{font-size:clamp(21px,5.2vw,26px)}.hero-vignette{background:linear-gradient(90deg,#020812ef,#030c19cc 60%,#05091370)}.film-cards.home-film-cards{padding:10px;gap:8px}.film-card,.related-film-cards .film-card{min-height:190px;padding:10px}.film-card-title{font-size:21px}.film-card-sub{font-size:11px}.chapter-menu{grid-template-columns:1fr 1fr;gap:6px}.chapter-menu>a{font-size:12px}.chapter-menu>a span{font-size:17px;min-width:18px}.chapter-art{grid-template-columns:1fr}.chapter-art img{max-height:none;aspect-ratio:1.55}.related-section{padding:27px 10px}.related-film-cards{gap:7px}.chapter-copy h2{font-size:40px}.chapter-copy p:not(.eyebrow){font-size:16px}.bottom-callout{padding:30px 21px}.declaration-frame{border-width:6px}}
@media print{.chapter-menu,.related-section,.chapter-art figure,.site-header,.site-footer{display:none!important}.chapter-layout{display:block}.chapter-copy p{color:#111!important}}
