/* Approved concept fidelity layer — cathedral black, engraved ivory, restrained heraldry. */
:root{--concept-gold:#bfa875;--concept-ivory:#e7decd;--concept-black:#040405;--concept-line:rgba(191,168,117,.28)}

body{background:radial-gradient(circle at 50% -10%,rgba(117,91,54,.055),transparent 28%),repeating-linear-gradient(113deg,rgba(255,255,255,.011) 0 1px,transparent 1px 7px),#040405}

/* Header from the approved composition */
.site-header{height:106px;padding-inline:clamp(30px,4.3vw,70px);border-bottom:1px solid rgba(191,168,117,.2);background:linear-gradient(180deg,rgba(3,3,4,.99),rgba(4,4,5,.94));box-shadow:0 18px 50px rgba(0,0,0,.34)}
.brand{gap:18px}.brand-mark{width:55px!important;height:66px!important}.brand>span{color:var(--concept-ivory);font:500 clamp(23px,2.2vw,36px)/1 var(--font-display);letter-spacing:.015em;text-transform:none}.brand>span::first-letter{font-size:1.08em}.brand>span b{color:var(--concept-ivory);font-weight:500}
.primary-nav{gap:clamp(28px,4.1vw,70px)}.primary-nav a{color:#bcb2a4;font-size:10px;letter-spacing:.19em}.primary-nav a:hover{color:var(--concept-ivory)}
.search-toggle,.sound-toggle{border-color:rgba(191,168,117,.38);background:#070708}.sound-toggle{min-width:145px}

/* Hero rebuilt to match the shared cathedral artwork rather than the old photographic layout. */
.hero{min-height:max(850px,100svh);padding:calc(106px + clamp(54px,6vh,88px)) clamp(30px,7vw,118px) 96px;grid-template-columns:minmax(520px,.98fr) minmax(390px,1.02fr);gap:clamp(28px,5vw,90px);background:radial-gradient(ellipse at 76% 48%,rgba(121,91,47,.055),transparent 32%),radial-gradient(ellipse at 75% 52%,rgba(108,17,32,.06),transparent 20%),linear-gradient(90deg,#040405 0%,#050506 54%,#030304 100%)}
.hero::before{content:"";position:absolute;z-index:-1;inset:132px 3.4vw 26px auto;width:min(51vw,810px);height:auto;opacity:.82;clip-path:polygon(50% 0,83% 13%,94% 31%,100% 100%,0 100%,6% 31%,17% 13%);background:linear-gradient(90deg,rgba(191,168,117,.06),transparent 12% 88%,rgba(191,168,117,.06)),repeating-radial-gradient(ellipse at 50% 78%,transparent 0 61px,rgba(191,168,117,.12) 62px 63px,transparent 64px 77px),linear-gradient(180deg,rgba(16,14,14,.3),rgba(3,3,4,.02));border:1px solid rgba(191,168,117,.16);filter:drop-shadow(0 0 40px #000)}
.hero::after{height:230px;background:linear-gradient(transparent,#040405)}
.hero-fog{display:none}.embers{opacity:.18;mask-image:linear-gradient(to right,transparent 35%,#000 78%);background-size:137px 137px}
.hero-copy{max-width:760px;padding-top:0;align-self:center}
.eyebrow{margin-bottom:42px;color:var(--concept-gold);font-size:11px;letter-spacing:.32em}.eyebrow span{width:66px;background:var(--concept-gold)}
.hero h1{max-width:760px;line-height:.86;letter-spacing:-.045em;text-shadow:0 20px 42px #000}
.hero h1>span{color:var(--concept-ivory);font-size:clamp(72px,6.4vw,108px);font-weight:500;line-height:.9}
.hero h1>em{margin:0;color:var(--concept-ivory);font-size:clamp(78px,7.6vw,132px);font-weight:500;line-height:.9;-webkit-text-stroke:0;text-shadow:0 20px 42px #000}
.hero-intro{max-width:600px;margin-top:38px;color:#aea496;font-size:clamp(16px,1.2vw,19px);line-height:1.75}
.hero-status{margin-top:15px!important;color:#81786e!important;font-size:10px!important}
.hero-actions{margin-top:40px;gap:42px}.hero-actions .button{min-width:290px;min-height:62px;border-color:rgba(191,168,117,.58);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:linear-gradient(180deg,#100d0f,#050506);box-shadow:inset 0 0 0 4px #060607,inset 0 0 0 5px rgba(191,168,117,.19),0 18px 42px #000}.hero-actions .button-primary{border-color:rgba(191,168,117,.64);box-shadow:inset 0 0 0 4px #060607,inset 0 0 0 5px rgba(191,168,117,.2),inset 3px 0 #7d1727,0 18px 42px #000}
.hero-actions .text-link{font-family:var(--font-display);font-size:10px;letter-spacing:.17em}

.hero-sigil{width:min(28vw,370px)!important;justify-self:center!important;opacity:1!important;z-index:1}
.hero-sigil::before{content:"";position:absolute;z-index:-2;inset:-19% -63% -14%;opacity:.78;clip-path:polygon(50% 0,82% 15%,94% 36%,100% 100%,0 100%,6% 36%,18% 15%);background:repeating-radial-gradient(ellipse at 50% 78%,transparent 0 55px,rgba(191,168,117,.17) 56px 58px,transparent 59px 72px),linear-gradient(90deg,rgba(191,168,117,.14) 0 2px,transparent 2px calc(100% - 2px),rgba(191,168,117,.14) calc(100% - 2px)),radial-gradient(ellipse,rgba(91,15,27,.13),transparent 55%);filter:drop-shadow(0 28px 55px #000)}
.hero-sigil::after{width:7px;height:7px;box-shadow:0 0 22px 5px rgba(189,38,59,.28)}
.hero-sigil .sigil{filter:drop-shadow(0 28px 32px #000) drop-shadow(0 0 1px rgba(231,222,205,.8));animation:concept-breathe 8s ease-in-out infinite}
.sigil-orbit{opacity:.18}.sigil-caption{bottom:-66px!important;color:#8f8372!important;font-size:10px!important;letter-spacing:.23em!important;white-space:nowrap}
@keyframes concept-breathe{50%{transform:translateY(-5px);filter:drop-shadow(0 36px 42px #000) drop-shadow(0 0 10px rgba(134,23,39,.15))}}

/* Carry the same engraved architecture through the rest of the page. */
.section{position:relative;background-color:var(--concept-black)}
.section>.section-number{font-size:13px;letter-spacing:.22em}.section-heading.wide{border-color:var(--concept-line)}
.section-heading h2,.contact h2{color:var(--concept-ivory);font-weight:500;text-shadow:0 18px 42px #000}
.identity-grid div,.world-card,.record-card,.codex-panel,.chronicle-list,.contact-links a{border-color:var(--concept-line)!important;box-shadow:inset 0 0 0 5px rgba(4,4,5,.75),inset 0 0 0 6px rgba(191,168,117,.07),0 24px 70px rgba(0,0,0,.28)}
.identity-grid div::before,.record-card::before{border-color:rgba(191,168,117,.42)!important}
.manifesto-grid{border-color:var(--concept-line);background:radial-gradient(circle at 75% 22%,rgba(112,18,34,.07),transparent 24%),#050506}
.world-card{clip-path:polygon(50% 0,94% 8%,100% 18%,100% 100%,0 100%,0 18%,6% 8%)}
.quote-section{border-block:1px solid rgba(191,168,117,.2)}
.living-record,.dominion-codex{background:radial-gradient(circle at 50% 0,rgba(116,88,48,.04),transparent 25%),#050506}
.site-footer{border-top:1px solid rgba(191,168,117,.25);background:#020203}

@media(max-width:1100px){.site-header{height:90px}.brand-mark{width:46px!important;height:56px!important}.brand>span{font-size:24px}.hero{padding-top:150px;grid-template-columns:minmax(450px,1.05fr) minmax(300px,.65fr)}.hero h1>span{font-size:clamp(64px,7vw,82px)}.hero h1>em{font-size:clamp(72px,8.2vw,100px)}.hero-sigil{width:min(27vw,320px)!important}}
@media(max-width:820px){.site-header{height:74px}.brand-mark{width:35px!important;height:43px!important}.brand>span{font-size:18px}.hero{min-height:830px;padding:138px 24px 110px;display:block;background:radial-gradient(ellipse at 82% 48%,rgba(112,18,34,.08),transparent 27%),#040405}.hero::before{inset:104px -19vw 16px auto;width:88vw;opacity:.42}.hero-copy{position:relative;z-index:3}.hero h1>span{font-size:clamp(58px,13vw,82px)}.hero h1>em{font-size:clamp(64px,15vw,100px)}.hero-sigil{position:absolute!important;right:-5vw!important;bottom:7%!important;width:min(48vw,320px)!important;opacity:.38!important}.hero-sigil::before{inset:-22% -48% -13%}.hero-intro{max-width:78%}.sigil-caption{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px}.hero-actions .button{min-width:260px}}
@media(max-width:560px){.brand>span{font-size:16px}.hero{min-height:780px}.hero h1>span{font-size:14vw}.hero h1>em{font-size:17vw}.eyebrow{font-size:9px;gap:10px}.eyebrow span{width:30px}.hero-intro{max-width:87%;font-size:15px}.hero-status{max-width:78%}.hero-sigil{right:-22vw!important;bottom:10%!important;width:73vw!important;opacity:.25!important}.hero-actions .button{min-width:238px}.world-card{clip-path:polygon(50% 0,93% 7%,100% 15%,100% 100%,0 100%,0 15%,7% 7%)}}
@media(prefers-reduced-motion:reduce){.hero-sigil .sigil{animation:none}}
.archive-dock,.realm-control{transition:opacity .32s ease,transform .32s ease}.is-beyond-hero .archive-dock,.is-beyond-hero .realm-control{opacity:0;pointer-events:none;transform:translateY(14px)}

/* Final concept corrections: true lower-case wordmark, pointed tracery, compact landscape fit. */
.brand>span{font-family:Georgia,"Times New Roman",serif!important;text-transform:none!important}.brand>span strong{color:var(--concept-ivory)!important;font-weight:400}
.hero::before{background:linear-gradient(70deg,transparent 49.82%,rgba(191,168,117,.12) 49.9% 50.1%,transparent 50.18%),linear-gradient(-70deg,transparent 49.82%,rgba(191,168,117,.12) 49.9% 50.1%,transparent 50.18%),linear-gradient(90deg,rgba(191,168,117,.05),transparent 12% 88%,rgba(191,168,117,.05)),radial-gradient(ellipse,rgba(91,15,27,.1),transparent 55%)}
.hero-sigil::before{background:radial-gradient(ellipse,rgba(91,15,27,.14),transparent 55%);clip-path:none;border-left:1px solid rgba(191,168,117,.08);border-right:1px solid rgba(191,168,117,.08)}
.hero-sigil .orbit-one,.hero-sigil .orbit-two{border:1px solid rgba(191,168,117,.18);border-radius:52% 52% 4% 4%;clip-path:none;transform-origin:50% 100%;animation:none}
.hero-sigil .orbit-one{inset:-9% -40% -11%;transform:rotate(13deg)}.hero-sigil .orbit-two{inset:-9% -40% -11%;transform:rotate(-13deg);border-color:rgba(191,168,117,.12)}
@media(min-width:821px) and (max-height:800px){.site-header{height:82px}.brand-mark{width:42px!important;height:51px!important}.brand>span{font-size:25px}.hero{min-height:720px;padding:112px clamp(30px,7vw,92px) 34px;grid-template-columns:minmax(500px,1fr) minmax(330px,.78fr)}.hero::before{inset:94px 3vw 10px auto}.eyebrow{margin-bottom:24px}.hero h1>span{font-size:clamp(56px,5.8vw,78px)}.hero h1>em{font-size:clamp(68px,6.7vw,94px)}.hero-intro{margin-top:22px;font-size:15px;line-height:1.55}.hero-status{margin-top:10px!important}.hero-actions{margin-top:21px}.hero-actions .button{min-width:258px;min-height:55px}.hero-sigil{width:min(25vw,300px)!important}.sigil-caption{bottom:-44px!important}.hero-bottom{display:none}}