/* Image-matched editorial covers: all headlines, descriptions and links remain real HTML. */
:root { --ref-gold:#f4c979;--ref-brown:#ad813e;--ref-navy:#020c17 }
body{background:#020915;color:#f6f1e8}
.shell{max-width:1440px;margin:0 auto;box-shadow:0 0 58px #000c;border:1px solid #253b4b}
.site-header{background:#020a13;border-bottom:1px solid #694f29;position:relative;z-index:5}
.header-main{min-height:83px;padding:8px 3.6%}
.brand{min-width:260px}.brand-mark{width:65px;height:65px;border:0;box-shadow:none}.brand-logo-symbol{width:62px;height:62px;object-fit:contain}
.brand-text strong{font:700 23px/1.08 'Cormorant Garamond',Georgia,serif;color:#fff0c7;letter-spacing:.05em}.brand-text em{font:600 10px/1.3 'Cormorant Garamond',Georgia,serif;color:#e4d5b6;letter-spacing:.23em}
.nav-anchor{font:600 16px 'Cormorant Garamond',Georgia,serif;white-space:nowrap}.desktop-nav{gap:clamp(8px,1.7vw,25px)}.header-cta{font:700 13px Georgia,serif;white-space:nowrap;min-width:140px;text-align:center;padding:11px 17px}
.reference-main{background:#020c16 url('/assets/img/sky.jpg') center top/cover fixed;min-height:75vh}
.reference-hero{position:relative;isolation:isolate;min-height:455px;display:flex;align-items:center;background-image:var(--cover-art);background-position:center 45%;background-size:cover;background-repeat:no-repeat;overflow:hidden;border-bottom:1px solid #ad8046}
.reference-home-hero{min-height:505px;background-position:55% 50%}
.reference-hero::before{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(90deg,#010b16f5 0%,#020b17ec 23%,#020b17bb 39%,#020b1777 52%,#020b1708 76%),linear-gradient(0deg,#010b16a3 0%,transparent 18%)}
.reference-hero-inner{width:min(760px,64%);padding:40px 0 45px clamp(30px,7.3vw,107px);position:relative;z-index:1}
.reference-hero h1{font:700 clamp(54px,5vw,80px)/.91 'Cormorant Garamond',Georgia,serif;letter-spacing:-.015em;text-shadow:1px 3px 12px #000;max-width:740px;margin:0 0 23px;color:#fff9ed}
.reference-hero h1 span{display:block}.reference-hero h1 .reference-gold{color:#f9d28b}
.reference-lead{font:500 clamp(20px,1.7vw,26px)/1.24 'Cormorant Garamond',Georgia,serif;color:#fff7e6;text-shadow:0 2px 7px #000;max-width:540px}
.reference-lead span{display:block;margin-bottom:2px}.reference-primary{min-width:240px;text-align:center;margin-top:24px;font:700 17px Georgia,serif;padding:15px 27px}
.reference-benefits{margin-top:32px;display:flex;gap:20px;max-width:700px;color:#f4e1bd;text-shadow:0 2px 6px #000;font:600 11px/1.3 'Cormorant Garamond',serif;letter-spacing:.04em}.reference-benefits span{flex:1}
.reference-hero-quote{position:absolute;bottom:21px;right:32px;font:600 14px Georgia,serif;color:#e8c48a;max-width:260px;text-align:right;text-shadow:0 2px 5px #000}
.reference-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:16px 26px 19px;background:linear-gradient(#030c16,#030b14);border-top:1px solid #4b3923;border-bottom:1px solid #4c3c29}
.reference-home-tiles{margin-top:0;padding-top:15px}.reference-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #9f7538;min-height:227px;padding:15px 17px;color:#e8d6b9;border-radius:3px;overflow:hidden;background:#09131b}
.reference-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .3s}.reference-tile:hover img{transform:scale(1.035)}
.reference-tile-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#020811 0%,#020a15e0 30%,#020a1538 73%)}
.reference-tile-title{font:700 clamp(22px,2vw,32px)/1.0 'Cormorant Garamond',Georgia,serif;color:#f7d093;max-width:90%;text-shadow:0 3px 8px #000;margin-bottom:6px}
.reference-tile-desc{font:400 16px/1.38 'Cormorant Garamond',Georgia,serif;color:#e8e3db;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:95%}
.reference-tile-arrow{position:absolute;right:15px;bottom:16px;border:1px solid #e5b45b;border-radius:50%;color:#f3d4a0;width:33px;height:33px;display:flex;align-items:center;justify-content:center;font-size:20px}
.reference-tile:hover{border-color:#ffe2a2;color:#ffe2a2;text-decoration:none}
.reference-bottom{background:linear-gradient(120deg,#020916f0,#06111ded),url('/assets/img/sky.jpg') center/cover;display:grid;grid-template-columns:46% 54%;gap:20px;padding:24px 48px 19px;align-items:center}
.reference-bottom h2{font:700 clamp(26px,3vw,46px)/.97 'Cormorant Garamond',serif;color:#f8f2e8;margin:0;max-width:600px}
.reference-bottom p{font:400 15px/1.55 Georgia,serif;color:#cfd8df;margin:0 0 7px}
.reference-bottom .reference-overline{font:700 12px Georgia,serif;color:#f4c476;letter-spacing:.14em;margin-bottom:8px}
.reference-read-link{font:700 13px Georgia,serif;color:#efc77b;text-transform:uppercase;border-bottom:1px solid #d9ae67}
.reference-mini-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0 36px 30px;background:#020b15}
.reference-mini{display:grid;grid-template-columns:43% 57%;min-height:112px;overflow:hidden;background:#06121f;border:1px solid #273f50;color:#eee}
.reference-mini img{width:100%;height:100%;object-fit:cover}.reference-mini>div{padding:10px 13px;display:flex;flex-direction:column;justify-content:space-between}.reference-mini strong{font:700 18px/1.1 'Cormorant Garamond',Georgia,serif;color:#f1e8de}.reference-mini span{font:600 12px 'Cormorant Garamond',serif;color:#e0b568}.reference-mini:hover{border-color:#e2ba74;text-decoration:none}
.reference-library{padding:35px;background:#030d18}.reference-library h2{color:#f5d6a4;font:700 33px 'Cormorant Garamond',serif}.reference-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.reference-library-grid a{padding:14px 13px;border:1px solid #424d50;background:#0a1a28;color:#f5dfb9;font:600 15px 'Cormorant Garamond',serif;display:flex;justify-content:space-between;gap:6px}
.reference-declaration-hero{position:relative;isolation:isolate;min-height:810px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px 45px;background:var(--cover-art) center center/cover no-repeat}
.reference-declaration-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#02091651,#020a16ad 50%,#020a16c4)}
.reference-declaration-title h1{font:700 clamp(40px,5vw,65px)/.97 'Cormorant Garamond',serif;color:#f8d8a5;text-shadow:0 2px 12px #000}.reference-declaration-title p{font:500 24px Georgia,serif;color:#f5e7c5}
.reference-parchment{width:min(930px,96%);margin:20px auto;padding:40px 25px;background:radial-gradient(ellipse at center,#fff8df,#f7dfa6 90%,#c58d45);border:10px double #a06b29;box-shadow:0 0 55px #d5a35d44,0 0 45px #000;color:#1f150f}
.reference-parchment p{font:600 clamp(18px,2vw,26px)/1.4 'Cormorant Garamond',Georgia,serif;margin-bottom:9px}.reference-parchment p:first-child,.reference-parchment p:nth-last-child(2),.reference-parchment p:last-child{font-weight:700}
.reference-declaration-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.outline-gold{border:1px solid #d8ac61;background:#030915ee;color:#f0d09a;padding:12px 20px;font:600 15px 'Cormorant Garamond',serif}
/* Read-more pages retain the large illustrated chapter treatment in the approved reference. */
body.is-inner .chapter-layout{border-top:1px solid #624b2c}
@media(max-width:1100px){.brand{min-width:190px}.brand-text strong{font-size:19px}.desktop-nav{gap:9px}.nav-anchor{font-size:14px}.reference-hero-inner{padding-left:5vw}.reference-benefits{gap:6px}.reference-tile{min-height:195px}.reference-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.reference-hero{min-height:480px;background-position:62% center}.reference-hero-inner{width:min(620px,89%)}.reference-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:13px}.reference-bottom{grid-template-columns:1fr}.reference-mini-articles{grid-template-columns:1fr 1fr}.reference-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-home-hero{min-height:530px}.reference-hero::before{background:linear-gradient(90deg,#010a16f9 0%,#010a16e8 42%,#020b1788 70%,#020b172e)}}
@media(max-width:600px){.shell{border:0}.header-main{min-height:73px}.brand{min-width:0}.brand-mark,.brand-logo-symbol{width:42px;height:42px}.brand-text strong{font-size:15px}.brand-text em{font-size:7px}.reference-hero{min-height:475px;background-position:62% center}.reference-home-hero{min-height:505px}.reference-hero-inner{width:100%;padding:40px 20px}.reference-hero h1{font-size:clamp(42px,11vw,64px)}.reference-lead{font-size:21px}.reference-primary{padding:12px 18px;min-width:200px}.reference-hero-quote{display:none}.reference-benefits{margin-top:23px;flex-wrap:wrap;font-size:10px}.reference-benefits span{min-width:45%}.reference-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px}.reference-tile{min-height:196px;padding:11px}.reference-tile-title{font-size:22px}.reference-tile-desc{font-size:11px}.reference-tile-arrow{height:27px;width:27px;right:9px;bottom:10px}.reference-bottom{padding:25px 18px}.reference-mini-articles{grid-template-columns:1fr;padding:0 12px 22px}.reference-library{padding:22px 13px}.reference-library-grid{grid-template-columns:1fr 1fr}.reference-library-grid a{font-size:13px}.reference-parchment{padding:24px 15px;border-width:5px}.reference-declaration-hero{min-height:680px;padding:28px 12px}.reference-declaration-title h1{font-size:40px}.reference-declaration-title p{font-size:18px}}
@media print{.site-header,.site-footer,.reference-thumbnails,.reference-bottom,.reference-mini-articles,.reference-library,.reference-declaration-actions{display:none!important}.reference-parchment{box-shadow:none}}

/* 2026 editorial image refinements. Design scale/layout intentionally preserved. */
.reference-hero{background-size:cover;background-position:50% 46%;}
.reference-tile img{object-position:center 45%;filter:saturate(1.15) contrast(1.06);}
.reference-hero-inner h1{text-shadow:0 2px 18px #00121d,0 4px 28px #000;}
@media (max-width: 767.98px){.reference-hero{background-position:61% center;} .reference-hero-inner{position:relative;z-index:2;} .reference-hero:before{background:linear-gradient(90deg,rgba(0,8,17,.92),rgba(0,8,17,.63) 70%,rgba(0,8,17,.15));}}