:root{color-scheme:dark;--black:#080909;--gold:#b89b61;--light:#e1d2af;--muted:#94938c;--line:rgba(184,155,97,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--black);color:var(--light);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}::selection{background:#b89b61;color:#080909}[hidden]{display:none!important}.skip-link{position:fixed;top:12px;left:12px;z-index:10;background:var(--black);padding:15px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.header{position:absolute;z-index:5;top:0;left:0;width:100%;height:112px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(184,155,97,.09)}.brand{display:flex;flex-direction:column;gap:9px}.brand-name{font-family:Georgia,'Times New Roman',serif;font-size:23px;letter-spacing:5px}.brand-tagline{font-size:7px;letter-spacing:2.8px;color:var(--gold)}.navigation{display:flex;gap:44px;margin-left:auto;margin-right:64px}.navigation a,.language{font-size:10px;letter-spacing:2px}.navigation a{position:relative;padding:12px 0;color:#bdbbb1;transition:color .3s}.navigation a:after{content:"";position:absolute;bottom:3px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s}.navigation a:hover{color:var(--light)}.navigation a:hover:after{width:100%}.language{border:0;background:none;padding:12px 0}.language span{margin-left:12px;color:var(--gold)}.language-wrap{position:relative}.language-options{position:absolute;right:0;top:45px;min-width:160px;border:1px solid var(--line);background:#111210;padding:5px}.language-options button{display:flex;justify-content:space-between;width:100%;background:none;border:0;padding:14px;font-size:12px}.language-options button:hover,.language-options button[aria-pressed=true]{background:#b89b6115;color:var(--gold)}
.hero{position:relative;min-height:800px;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 48%,#1d1a1255 0%,#0d0e0d 36%,#060707 73%)}.hero:after{content:"";pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff02 4px);opacity:.3}.ambient-light{position:absolute;inset:0;background:conic-gradient(from 155deg at 50% -25%,transparent 0deg,#b89b6106 15deg,transparent 30deg,transparent 48deg,#b89b6105 57deg,transparent 75deg);filter:blur(15px);animation:breathe 12s ease-in-out infinite}.horizon{position:absolute;left:15%;right:15%;top:61%;height:1px;background:linear-gradient(90deg,transparent,#b89b6120,transparent);box-shadow:0 0 70px 12px #b89b6109}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:125px 24px 115px;width:100%;animation:reveal 1.7s ease both}.oculthid-symbol{width:220px;height:220px;margin-bottom:38px;filter:drop-shadow(0 0 18px #b89b6133);animation:symbol-arrive 2.2s ease both}.oculthid-symbol img{display:block;width:100%;height:100%;object-fit:contain}h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,5.2vw,76px);letter-spacing:.22em;padding-left:.22em;color:#dfc99b;text-shadow:0 0 35px #b89b6115}.gold-line{width:55px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:28px 0 24px}.motto{margin:0;color:#c2b38f;font-size:11px;line-height:2.1;letter-spacing:4px}.motto span{display:block}.enter-button{display:flex;align-items:center;justify-content:center;gap:26px;min-width:176px;padding:18px 25px;margin-top:39px;border:1px solid #b89b6159;font-size:10px;letter-spacing:3px;background:linear-gradient(110deg,#b89b6107,transparent);transition:background .4s,border-color .4s,box-shadow .4s,transform .4s}.enter-button:hover{background:#b89b6117;border-color:var(--gold);box-shadow:0 0 30px #b89b6112;transform:translateY(-2px)}.arrow{color:var(--gold);font-size:17px;letter-spacing:0;transition:transform .4s}.enter-button:hover .arrow{transform:translateX(4px)}.scroll-indicator{position:absolute;z-index:3;bottom:31px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:16px;font-size:8px;letter-spacing:3px;color:#aaa18b}.scroll-line{position:relative;height:45px;width:1px;background:#b89b6129;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-100%;width:1px;height:100%;background:linear-gradient(transparent,var(--gold),transparent);animation:scroll 2.8s ease-in-out infinite}.hero-coordinate,.hero-signature{position:absolute;bottom:45px;font-size:7px;letter-spacing:2px;color:#7f7c6e}.hero-coordinate{left:5.5%}.hero-signature{right:5.5%}.particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:2px;height:2px;border-radius:50%;background:#d8b76f;box-shadow:0 0 7px #d8b76f55;opacity:0;animation:drift var(--duration) ease-in-out var(--delay) infinite}
.content-section{display:grid;grid-template-columns:1fr 2fr;gap:50px;max-width:1280px;margin:0 auto;padding:110px 70px;border-top:1px solid var(--line);scroll-margin-top:20px}.section-label{display:flex;gap:20px;align-items:center;align-self:start;padding-top:6px;font-size:9px;letter-spacing:2px;color:var(--gold)}.small-rule{height:1px;width:44px;background:var(--line)}.eyebrow{color:var(--gold);font-size:9px;letter-spacing:3px;margin:0 0 23px}h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(30px,3.6vw,47px);line-height:1.2;margin:0 0 25px;max-width:620px}.body-copy{font-size:14px;line-height:1.9;color:var(--muted);max-width:480px;margin:0}.statement{margin:35px 0 0;font-size:10px;letter-spacing:2.8px;line-height:2;color:#b5a47d}.division-card{margin-top:40px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px}.division-number{font-size:10px;color:var(--gold)}h3{margin:0 0 9px;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:25px;letter-spacing:5px}.division-card p{margin:0;font-size:12px;color:var(--muted)}.status{margin-left:auto;font-size:8px;letter-spacing:1.8px;color:var(--gold)}.access-status{display:inline-flex;gap:12px;align-items:center;border:1px solid var(--line);padding:16px 20px;margin-top:32px;font-size:8px;letter-spacing:2px;color:var(--gold)}.access-status>span:first-child{width:4px;height:4px;border-radius:50%;background:var(--gold)}footer{border-top:1px solid var(--line);padding:35px 5.5%;display:flex;justify-content:space-between;gap:25px;font-size:7px;letter-spacing:1.5px;color:#848174}footer>a{font-family:Georgia,'Times New Roman',serif;font-size:14px;letter-spacing:3px;color:var(--gold)}
@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes symbol-arrive{from{opacity:0;transform:scale(.94);filter:blur(5px)}to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 18px #b89b6133)}}@keyframes breathe{50%{opacity:.4;transform:scale(1.04)}}@keyframes scroll{to{top:100%}}@keyframes drift{0%,100%{opacity:0;transform:translate3d(0,15px,0)}35%,65%{opacity:var(--opacity)}85%{transform:translate3d(12px,-40px,0)}}
@media(min-width:1600px){.oculthid-symbol{width:250px;height:250px;margin-bottom:45px}}@media(max-height:800px) and (min-width:701px){.hero{min-height:680px}.oculthid-symbol{width:165px;height:165px;margin-bottom:22px}h1{font-size:58px}.hero-content{padding-top:115px}.gold-line{margin:20px 0}.enter-button{margin-top:25px}}@media(max-width:700px){.header{height:110px;padding:20px 6%;align-items:flex-start;flex-wrap:wrap}.brand-name{font-size:18px;letter-spacing:3px}.brand-tagline{font-size:6px;letter-spacing:2px}.language-wrap{margin-left:auto}.navigation{order:3;width:100%;justify-content:center;gap:32px;margin:12px 0 0}.navigation a{font-size:8px;letter-spacing:1.5px;padding:7px 0}.language{font-size:9px;padding:3px}.hero{min-height:700px}.hero-content{padding:150px 20px 125px}.oculthid-symbol{width:180px;height:180px;margin-bottom:32px}h1{font-size:clamp(34px,8vw,52px);letter-spacing:.17em;padding-left:.17em}.motto{font-size:9px;letter-spacing:2.6px}.gold-line{margin:25px 0 21px}.enter-button{margin-top:32px}.hero-coordinate,.hero-signature{display:none}.scroll-indicator{bottom:25px}.content-section{grid-template-columns:1fr;gap:38px;padding:65px 7%}.section-label{font-size:8px}.division-card{gap:15px;flex-wrap:wrap}.status{font-size:7px}footer{flex-wrap:wrap;padding:30px 7%;line-height:1.8}footer>span:nth-child(2){width:100%;order:3}.body-copy{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.particle{display:none}.hero-content,.oculthid-symbol{opacity:1;transform:none}}

/* Division rows follow the existing Memorials layout. */
#divisions .section-content{min-width:0}
#divisions .division-list{margin-top:40px;border-top:1px solid var(--line)}
#divisions .division-card{margin:0;padding:0;border-top:0;display:block}
#divisions .division-summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:25px;padding:30px 0;cursor:pointer}
#divisions .division-summary::-webkit-details-marker{display:none}
#divisions .division-summary:hover{background:rgba(184,155,97,.035)}
#divisions .division-summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
#divisions .division-summary h3{margin-bottom:0}
#divisions .division-toggle{position:relative;width:18px;height:18px;color:var(--gold)}
#divisions .division-toggle:before,#divisions .division-toggle:after{content:"";position:absolute;left:1px;top:8px;width:16px;height:1px;background:currentColor}
#divisions .division-toggle:after{transform:rotate(90deg)}
#divisions .division-card[open] .division-toggle:after{transform:rotate(0)}
#divisions .division-description{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:25px;padding:0 0 30px}
#divisions .division-logo{display:block;width:180px;max-width:100%;height:auto;border:1px solid var(--line)}
#divisions .division-emblem{width:180px;aspect-ratio:3/2;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--gold)}
#divisions .division-emblem span:first-child{font:400 38px/1 Georgia,'Times New Roman',serif}
#divisions .division-emblem span:last-child{font-size:8px;letter-spacing:2px}
#divisions .division-details{min-width:0}
#divisions .division-number{display:block;margin-bottom:10px;letter-spacing:2px}
#divisions h3{margin:0 0 14px;font-size:clamp(22px,2.4vw,28px);letter-spacing:1px;line-height:1.35;overflow-wrap:break-word}
#divisions .division-card p{font-size:13px;line-height:1.85}
#divisions .division-card .division-purpose{margin-bottom:9px;color:var(--light)}
#divisions .labs-restriction{border-left:1px solid var(--gold);padding:4px 0 4px 18px;margin-top:20px}
#divisions .labs-restriction .labs-access-label{font-size:10px;letter-spacing:2px;color:var(--gold);margin-bottom:12px}
#divisions .division-labs .division-emblem{border-style:dashed;position:relative;overflow:hidden}
#divisions .division-labs .division-emblem:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(184,155,97,.07) 5px 6px)}
#divisions .division-labs[open] .division-emblem,#divisions .division-labs[open] .labs-access-label{animation:labs-glitch .65s steps(1,end) both}
@keyframes labs-glitch{0%,100%{transform:translate(0);text-shadow:none}12%{transform:translate(-2px,1px);text-shadow:2px 0 #b89b61,-2px 0 #708c8b}24%{transform:translate(2px,-1px);text-shadow:-2px 0 #b89b61,2px 0 #708c8b}36%{transform:translate(0);text-shadow:none}52%{transform:translate(-1px,0) skewX(-2deg);text-shadow:2px 0 #b89b61}68%{transform:translate(1px,0);text-shadow:-1px 0 #708c8b}82%{transform:translate(0);text-shadow:none}}
@media(prefers-reduced-motion:reduce){#divisions .division-labs[open] .division-emblem,#divisions .division-labs[open] .labs-access-label{animation:none}}
@media(min-width:701px) and (max-width:1050px){#divisions .division-logo,#divisions .division-emblem{width:120px}#divisions .division-description{grid-template-columns:120px minmax(0,1fr);gap:20px}}
@media(max-width:700px){#divisions .division-summary{gap:22px}#divisions .division-logo,#divisions .division-emblem{width:180px}#divisions .division-description{grid-template-columns:minmax(0,1fr);gap:22px}}

/* Cinematic landscape inspired by the approved visual reference. */
.hero{background:#050505 url('../assets/images/dreamscape.png') center center/cover no-repeat;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.22),transparent 23%,transparent 75%,rgba(0,0,0,.12))}
.hero:after{background:linear-gradient(0deg,#080909,transparent 8%);opacity:1}
.header{border-bottom-color:rgba(184,155,97,.06);background:linear-gradient(180deg,rgba(0,0,0,.35),transparent)}
.ambient-light{background:radial-gradient(ellipse at 50% 78%,rgba(236,183,88,.09),transparent 28%);filter:blur(12px)}
.horizon{display:none}
.hero-content{padding:115px 24px 185px}
.oculthid-symbol{width:230px;height:285px;margin-bottom:10px;filter:drop-shadow(0 0 20px #d4af372b)}
h1{color:#e5cf9e;font-size:clamp(42px,4.8vw,72px);letter-spacing:.25em;text-shadow:0 2px 20px #000}
.gold-line{width:110px;margin:18px 0}
.motto{color:#decca8;text-shadow:0 2px 12px #000;font-family:Georgia,'Times New Roman',serif;font-size:11px;letter-spacing:4px}
.enter-button{margin-top:26px;min-width:245px;border-color:#d7b16b;background:rgba(4,4,4,.45);box-shadow:0 0 16px #d4af3718,inset 0 0 18px #d4af3708;color:#e5cf9e}
.enter-button:hover{border-color:#ffe0a0;box-shadow:0 0 30px #eac06e3b,inset 0 0 25px #d4af3710;background:rgba(30,23,10,.6)}
.scroll-indicator{color:#dfcca7;text-shadow:0 1px 10px #000}
@media(min-width:1600px){.oculthid-symbol{width:250px;height:310px;margin-bottom:12px}}
@media(max-height:800px) and (min-width:701px){.hero{min-height:740px}.hero-content{padding:120px 24px 175px}.oculthid-symbol{width:190px;height:235px;margin-bottom:10px}h1{font-size:54px}.gold-line{margin:14px 0}.enter-button{margin-top:22px}}
@media(max-width:700px){.hero{min-height:780px;background-position:center center}.hero-content{padding:140px 20px 200px}.oculthid-symbol{width:175px;height:220px;margin-bottom:15px}h1{font-size:clamp(32px,8vw,52px);letter-spacing:.17em}.motto{font-size:9px;letter-spacing:2.5px}.gold-line{margin:20px 0}.enter-button{min-width:210px;margin-top:25px}.header{background:linear-gradient(180deg,rgba(0,0,0,.65),transparent)}}
.sound-toggle{position:fixed;right:25px;bottom:24px;z-index:6;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(8,9,9,.88);color:#cdb989;padding:13px 16px;font-size:8px;letter-spacing:1.6px;border-radius:2px;transition:border-color .3s,box-shadow .3s}
.sound-toggle:hover,.sound-toggle[aria-pressed="true"]{border-color:#b89b6170;box-shadow:0 0 18px #b89b6115}
.sound-toggle svg{flex-shrink:0}.sound-toggle[aria-pressed="false"] svg{opacity:.5}
@media(max-width:700px){.sound-toggle{right:14px;bottom:14px;padding:11px 12px;font-size:7px;letter-spacing:1px}}

/* Keep the four navigation links readable on narrow screens. */
@media(max-width:700px){.navigation{gap:clamp(12px,4vw,24px)}.navigation a{font-size:8px;letter-spacing:1px}}