:root{--burg:#661c26;--deep:#28151a;--red:#8b2935;--gold:#c9a453;--cream:#f3e7c5;--paper:#fbf8ef;--ink:#2c2526;--muted:#655a5b;--line:#d2c39f;--shadow:0 16px 40px #2b11152b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:17px/1.66 Georgia,"Times New Roman",serif;background:#d8cec0}
a{color:#6f1f2a;text-underline-offset:3px}
.site-header{position:sticky;top:0;z-index:100;color:#fff;background:linear-gradient(110deg,var(--deep),var(--burg));border-bottom:3px solid var(--gold);box-shadow:0 5px 18px #0005}
.header-inner{max-width:1240px;margin:auto;padding:10px 18px;display:flex;align-items:center;gap:16px}
.identity{line-height:1.15}
.identity strong{display:block;font-size:16px}
.identity span{display:block;margin-top:4px;color:var(--cream);font-size:13px}
.site-nav{display:flex;margin-left:auto;flex-wrap:wrap}
.site-nav a{padding:8px;color:#fff;text-decoration:none;border-radius:5px;font:700 13px Arial,sans-serif}
.site-nav a:hover,.site-nav a[aria-current=page]{background:#fff2}
.languages{display:flex;gap:4px;margin-left:8px}
.languages a{padding:6px;border:1px solid #ffffff55;border-radius:4px;color:#fff;text-decoration:none;font:700 11px Arial,sans-serif}
.menu-button{display:none;margin-left:auto;padding:8px 11px;color:#fff;background:transparent;border:1px solid var(--gold);border-radius:4px;font-weight:bold}
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(120deg,#241317,#681c27 58%,#923442);border-bottom:4px solid var(--gold)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,#f3e7c51f,transparent 30%)}
.hero-inner{position:relative;z-index:1;max-width:1160px;margin:auto;padding:clamp(30px,5vw,64px) 18px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:clamp(30px,6vw,70px);align-items:center}
.hero h1{margin:.2rem 0 .7rem;font-size:clamp(43px,6vw,74px);line-height:.98}
.kicker,.eyebrow{margin:0 0 .45rem;color:var(--burg);font:800 12px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.hero .kicker{color:var(--cream)}
.hero .lead{color:#f5ead5}
.hero-portrait{margin:0;text-align:center}
.hero-portrait img{display:block;width:100%;max-height:650px;object-fit:contain;filter:drop-shadow(0 20px 28px #0008)}
.actions,.quick-links{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.button{display:inline-block;padding:.78rem 1rem;border:1px solid var(--gold);border-radius:6px;color:var(--deep)!important;background:var(--cream);font:800 .84rem Arial,sans-serif;text-decoration:none}
.button.secondary{color:#fff!important;background:transparent}
.page-shell{max-width:1140px;margin:28px auto 40px;padding:0 13px}
.content{display:grid;gap:1.2rem}
.panel{padding:clamp(22px,4vw,43px);background:#fbf8effa;border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:10px;box-shadow:var(--shadow)}
.panel h2{margin:0 0 .7rem;color:var(--deep);font-size:clamp(28px,4vw,43px);line-height:1.1}
.lead{font-size:clamp(1.08rem,2vw,1.25rem)}
.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.tile-grid.gateway{margin-top:.85rem}
.tile{padding:1.2rem;background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:8px}
.tile h3{margin:0 0 .4rem;color:var(--burg);font:800 1rem Arial,sans-serif}
.chapter{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(25px,5vw,52px);align-items:center}
.chapter.reverse{grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr)}
.chapter figure{margin:0;text-align:center}
.chapter img{display:block;width:100%;max-height:680px;object-fit:contain;border-radius:8px}
.caption{margin:.55rem auto 0;color:var(--muted);font:italic .83rem/1.4 Arial,sans-serif}
.dark{color:#fff;background:linear-gradient(135deg,var(--deep),var(--burg));border-top-color:var(--cream)}
.dark h2{color:#fff}
.dark .eyebrow{color:var(--cream)}
.link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.link-grid a{display:grid;place-items:center;min-height:68px;padding:.8rem;text-align:center;color:var(--deep);background:var(--cream);border:1px solid var(--gold);border-radius:7px;font:800 .84rem/1.3 Arial,sans-serif;text-decoration:none}
.notice{padding:1rem 1.2rem;background:#eee4cf;border-left:5px solid var(--burg);border-radius:5px;font-size:.92rem}
.copyright{text-align:center;color:var(--muted);font-size:.82rem}
.site-footer{text-align:center;padding:0 16px 28px;color:var(--deep);font-size:14px}
.site-footer a{font-weight:bold}
@media(max-width:980px){.tile-grid,.link-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){.site-nav{display:none}
.languages{margin-left:auto}
.menu-button{display:block}
.site-header.open .site-nav{display:flex;position:absolute;left:0;right:0;top:67px;padding:10px;background:var(--deep)}
.site-header.open .site-nav a{flex:1 0 45%;text-align:center}
}
@media(max-width:760px){.hero-inner,.chapter,.chapter.reverse{grid-template-columns:1fr}
.hero-inner{text-align:center}
.hero-portrait{order:-1}
.hero-portrait img{max-height:500px}
.actions,.quick-links{justify-content:center}
.chapter.reverse figure{order:-1}
}
@media(max-width:610px){.languages{display:none}
.tile-grid,.link-grid{grid-template-columns:1fr}
.identity span{display:none}
.hero h1{font-size:clamp(38px,12vw,55px)}
}