:root{color-scheme:dark;--bg:#080f20;--bg2:#111d35;--paper:#eaf2ff;--muted:#aabbd6;--gold:#85c6ff;--line:#2b4060;--teal:#16365f;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #b3e2ff;outline-offset:4px}.shell{width:min(var(--max),calc(100% - 48px));margin:auto}.topline{height:3px;background:linear-gradient(90deg,transparent,#68baff 50%,transparent)}.header{position:relative;z-index:5;background:#080f20e8;border-bottom:1px solid #ffffff14}.nav{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:24px}.brand{display:flex;align-items:center;gap:12px}.crest{display:grid;place-items:center;border:1px solid var(--gold);height:46px;width:46px;transform:rotate(45deg);font-size:28px;color:var(--gold)}.crest::first-letter{transform:rotate(-45deg)}.brandwords{display:flex;flex-direction:column;line-height:1.1}.brandwords strong{font-family:Georgia,serif;font-size:26px;letter-spacing:.1em}.brandwords small{font-size:9px;letter-spacing:.29em;color:var(--gold);margin-top:5px}.links{display:flex;align-items:center;gap:35px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.links a{transition:color .2s}.links a:hover{color:var(--gold)}.nav-entry{border:1px solid #6eaee05e;padding:12px 18px}.nav-entry span{margin-left:10px;color:var(--gold)}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:660px;background:radial-gradient(ellipse at 75% 40%,#163c74 0%,transparent 49%),radial-gradient(ellipse at 20% 90%,#112b55 0%,transparent 38%),linear-gradient(135deg,#080f20,#112a52 65%,#080f20)}.hero::before{content:'';position:absolute;inset:0;opacity:.17;background-image:repeating-linear-gradient(90deg,transparent 0 98px,#8bc4ff1b 99px 100px),repeating-linear-gradient(0deg,transparent 0 98px,#8bc4ff1b 99px 100px);mask-image:linear-gradient(90deg,transparent,#000,transparent)}.hero::after{content:'';position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(transparent,var(--bg))}.halo{position:absolute;border:1px solid #8bc4ff2b;border-radius:50%;width:550px;height:550px;right:-120px;top:45px;pointer-events:none}.halo-b{width:400px;height:400px;right:-45px;top:120px}.hero-inner{position:relative;z-index:1;padding:95px 0 36px}.eyebrow{font-size:11px;letter-spacing:.25em;color:var(--gold);font-weight:700}.eyebrow .line{display:inline-block;width:30px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.symbol{color:var(--gold);font-size:36px;margin:16px 0 0 2px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(65px,10vw,142px);line-height:.89;font-weight:400;letter-spacing:.035em;margin:4px 0 28px;text-shadow:0 9px 40px #0005}.hero h1 em{font-style:normal;color:#9ed4ff}.hero-label{font-family:Georgia,serif;font-size:23px;letter-spacing:.06em;margin:0 0 14px}.hero-label span{color:var(--gold)}.motto{color:var(--gold);font-family:Georgia,serif;font-size:18px;font-style:italic;margin:0 0 16px}.hero-desc{max-width:490px;color:#bbcee8;font-size:15px;margin:0 0 29px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 22px;border:1px solid #78bfff;letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:#87caff;color:#061326}.button.outline{background:#10284c99;color:var(--paper)}.hero-bottom{margin-top:67px;display:flex;justify-content:space-between;align-items:center;color:#9eafcb;font-size:9px;letter-spacing:.2em}.down{font-size:25px;color:var(--gold)}.overview{padding:100px 0 110px;background:#080f20}.section-heading{max-width:650px}.section-heading h2,.spirit h2,.entry h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,65px);line-height:1.13;margin:12px 0 18px}.section-heading em,.spirit h2 em,.entry h2 em{color:var(--gold);font-weight:400}.section-heading p,.spirit-copy>p,.entry-content>p{color:var(--muted);max-width:610px;font-size:15px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:55px}.fact{padding:30px 25px 27px}.fact:first-child{padding-left:0}.fact+ .fact{border-left:1px solid var(--line)}.fact-index{color:var(--gold);letter-spacing:.18em;font-size:10px}.fact strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:clamp(52px,7vw,92px);line-height:1.2;margin:13px 0 0}.fact strong span{font-size:.55em;color:var(--gold)}.fact strong.word{font-size:clamp(44px,6vw,75px)}.fact p{margin:0;color:var(--muted);font-size:13px}.spirit{background:#0e1c35;padding:95px 0}.spirit-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}.spirit-mark{height:440px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#1d467d 0,#0e2345 38%,transparent 72%);overflow:hidden}.spirit-mark .ring{border:1px solid #8ccaff70;position:absolute;width:330px;height:330px;border-radius:50%}.spirit-mark .ring2{width:270px;height:270px;border-style:dashed;transform:rotate(30deg)}.spirit-mark span{font:100px Georgia,serif;color:#a8d7ff;text-shadow:0 10px 40px #0007}.spirit-copy>p{margin-bottom:35px}.principles{display:grid;gap:21px}.principles>div{display:flex;gap:19px}.principle-icon{color:var(--gold);font-size:26px;width:25px;flex-shrink:0}.principles h3{margin:0 0 3px;font-family:Georgia,serif;font-size:20px;font-weight:400}.principles p{margin:0;color:var(--muted);font-size:13px}.entry{padding:105px 0}.entry-panel{display:grid;grid-template-columns:.75fr 1.25fr;border:1px solid #73baff66;background:linear-gradient(120deg,#122d54,#091629);min-height:340px}.entry-art{display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 90%,#245a9480,transparent 65%)}.door-outline{width:170px;height:235px;border:2px solid #8bcaff85;border-bottom:0;border-radius:90px 90px 0 0;display:grid;place-items:center;box-shadow:0 0 0 20px #8bcaff14,0 0 0 45px #8bcaff09}.door-outline span{font-size:75px;color:#a7dbff;text-shadow:0 0 30px #6abaff}.entry-content{padding:57px 55px}.entry-content h2{margin:10px 0}.entry-content .small-note{font-size:12px;opacity:.7;margin:18px 0}.entry-content .button{margin-top:12px}.footer{border-top:1px solid var(--line);padding:28px 0 40px;background:#060c19}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer strong{font-size:12px;letter-spacing:.13em}.footer p{font-size:11px;color:var(--muted);margin:6px 0 0}.footer-right{display:flex;align-items:center;gap:28px;font-size:10px;letter-spacing:.18em;color:#91a9cc}.tiny-sigil{background:transparent;border:0;color:#536f96;font-size:13px;cursor:pointer;padding:12px;min-width:44px;min-height:44px}.tiny-sigil:hover{color:var(--gold)}.dialog{max-width:min(470px,calc(100% - 32px));background:#101f3a;color:var(--paper);border:1px solid #79baff;padding:0;box-shadow:0 25px 80px #0009}.dialog::backdrop{background:#030917e8}.dialog-inner{padding:35px;position:relative}.dialog h2{font:42px Georgia,serif;margin:15px 0}.dialog p{color:var(--muted)}.close{position:absolute;top:12px;right:15px;background:none;border:0;color:var(--paper);font-size:30px;cursor:pointer;min-height:44px;min-width:44px}.preview-pill{display:inline-block;border:1px solid var(--gold);padding:9px 12px;font-size:10px;letter-spacing:.1em;color:var(--gold)}.dialog-foot{font-size:12px}.skip{position:absolute;left:-9999px;top:5px;background:#fff;color:#000;padding:8px;z-index:20}.skip:focus{left:5px}@media(max-width:760px){.shell{width:min(var(--max),calc(100% - 34px))}.nav{min-height:70px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:45px;height:45px;background:none;border:1px solid var(--line);padding:10px;cursor:pointer}.menu-toggle span{height:2px;background:var(--paper);width:100%}.links{display:none;position:absolute;left:0;right:0;top:70px;background:#0b1930;border-bottom:1px solid var(--line);padding:18px 20px;flex-direction:column;align-items:stretch;gap:0}.links.open{display:flex}.links a{padding:15px 12px}.nav-entry{margin-top:7px}.hero{min-height:0}.hero-inner{padding:70px 0 25px}.hero h1{font-size:clamp(60px,13.5vw,100px)}.hero-desc{font-size:14px}.hero-bottom{margin-top:62px}.overview,.spirit,.entry{padding:68px 0}.facts{grid-template-columns:1fr;margin-top:35px}.fact{padding:20px 0!important}.fact+ .fact{border-left:0;border-top:1px solid var(--line)}.fact strong{font-size:65px}.spirit-layout{grid-template-columns:1fr;gap:30px}.spirit-mark{height:250px}.spirit-mark .ring{height:200px;width:200px}.spirit-mark .ring2{height:155px;width:155px}.spirit-mark span{font-size:75px}.entry-panel{grid-template-columns:1fr}.entry-art{min-height:190px}.door-outline{height:150px;width:110px;border-radius:70px 70px 0 0}.door-outline span{font-size:45px}.entry-content{padding:32px 25px 37px}.footer-inner{align-items:flex-start}.footer-right>span{display:none}}@media(max-width:400px){.hero h1{font-size:58px}.hero-actions{flex-direction:column}.button{width:100%}.hero-bottom{font-size:8px}.brandwords strong{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* DoU blue edition: subtle icy glow, no extra image assets */
.hero{background:radial-gradient(ellipse at 75% 38%,#184681 0%,transparent 48%),radial-gradient(ellipse at 18% 90%,#102d58 0%,transparent 40%),linear-gradient(135deg,#060d1c,#10264a 65%,#060d1c)}
.button.primary{box-shadow:0 6px 30px #428ee022}.button.primary:hover{background:#b0deff}.spirit-mark{background:radial-gradient(circle,#204c85 0,#0f2547 42%,transparent 73%)}

/* Two golden stars commemorate DoU’s second alliance KvK victory. */
.victory-stars{display:flex;align-items:center;gap:13px;margin:16px 0 0 2px;color:#e6bc62;font-size:29px;line-height:1.4;text-shadow:0 0 15px #d6a44c55}.victory-stars span:nth-child(2){font-size:29px}

/* V2 draft 04: calmer typography, all layouts and two gold stars retained. */
.hero h1{font-size:clamp(56px,7.8vw,108px);line-height:.94;letter-spacing:.025em}
.hero-label{font-size:20px}
.motto{font-size:16px}
.section-heading h2,.spirit h2,.entry h2{font-size:clamp(33px,4vw,49px)}
.fact strong{font-size:clamp(48px,5.5vw,72px)}
.fact strong.word{font-size:clamp(40px,4.8vw,60px)}
.spirit-mark span{font-size:82px}
.principles h3{font-size:18px}
.hero-inner{padding-top:78px}
.overview{padding:84px 0 92px}
.spirit{padding:82px 0}
.entry{padding:88px 0}
@media(max-width:760px){
 .hero h1{font-size:clamp(49px,10.5vw,76px)}
 .hero-inner{padding-top:59px}
 .overview,.spirit,.entry{padding:60px 0}
 .fact strong{font-size:57px}
 .spirit-mark span{font-size:68px}
}
@media(max-width:400px){.hero h1{font-size:clamp(44px,11.7vw,51px)}}

/* Draft 05: genuinely compact typography and spacing */
:root{--max:1080px}
.nav{min-height:72px}.brandwords strong{font-size:22px}.crest{height:40px;width:40px}
.hero{min-height:510px}.hero-inner{padding:52px 0 22px}.hero h1{font-size:clamp(48px,5.3vw,76px);line-height:1.02;margin:8px 0 18px}.hero-label{font-size:18px;margin-bottom:8px}.motto{font-size:15px;margin-bottom:10px}.hero-desc{font-size:15px;margin-bottom:22px}.victory-stars{font-size:23px;margin-top:10px}.victory-stars span:nth-child(2){font-size:23px}.hero-bottom{margin-top:40px}.halo{width:420px;height:420px;top:30px}.halo-b{width:310px;height:310px;top:85px}
.overview{padding:60px 0 70px}.section-heading h2,.spirit h2,.entry h2{font-size:clamp(30px,3vw,40px);margin:10px 0 14px}.facts{margin-top:34px}.fact{padding:21px 22px}.fact strong{font-size:clamp(39px,4vw,54px);margin-top:9px}.fact strong.word{font-size:clamp(36px,3.8vw,50px)}
.spirit{padding:65px 0}.spirit-layout{gap:55px}.spirit-mark{height:320px}.spirit-mark .ring{height:255px;width:255px}.spirit-mark .ring2{height:205px;width:205px}.spirit-mark span{font-size:66px}.entry{padding:66px 0}.entry-panel{min-height:290px}.entry-content{padding:38px 40px}
@media(max-width:760px){.nav{min-height:68px}.links{top:68px}.hero{min-height:0}.hero-inner{padding:46px 0 22px}.hero h1{font-size:clamp(42px,9vw,60px)}.hero-bottom{margin-top:38px}.overview,.spirit,.entry{padding:48px 0}.facts{margin-top:26px}.fact strong{font-size:45px}.fact strong.word{font-size:42px}.spirit-layout{gap:24px}.spirit-mark{height:210px}.spirit-mark .ring{width:175px;height:175px}.spirit-mark .ring2{width:135px;height:135px}.spirit-mark span{font-size:55px}.entry-content{padding:28px 24px}}
@media(max-width:400px){.hero h1{font-size:clamp(38px,10vw,44px)}.section-heading h2,.spirit h2,.entry h2{font-size:30px}}

/* First visual finale: preserve Draft 05 type scale and colors. */
.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:center;gap:36px}
.hero-copy{min-width:0}
.hero-visual{margin:0;min-width:0;position:relative;overflow:hidden;border:1px solid #79baff40;border-radius:3px;box-shadow:0 25px 75px #02081680}
.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 50%}
.hero-visual::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 50px #06122780}
.hero h1{font-size:clamp(42px,5vw,70px)}
.hero-desc{max-width:480px}
.entry-art{min-height:290px;background:#101e32}
.entry-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr;gap:28px}.hero-visual img{aspect-ratio:auto;object-fit:contain}.hero-inner{padding-top:42px}.hero-bottom{margin-top:30px}.entry-art{min-height:0}.entry-art img{height:auto;aspect-ratio:auto;object-fit:contain}}
@media(max-width:400px){.hero h1{font-size:clamp(38px,10vw,44px)}}

/* Translation-safe hero layout: keep image position unchanged. */
.hero-copy h1{max-width:100%;overflow-wrap:anywhere}
.hero-copy.is-long-title h1{font-size:clamp(30px,3.05vw,46px);letter-spacing:0.005em;line-height:1.1}
.hero-actions .button{max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}
@media(max-width:850px){.hero-copy.is-long-title h1{font-size:clamp(32px,6.5vw,48px)}}
@media(max-width:400px){.hero-copy.is-long-title h1{font-size:clamp(30px,8vw,38px)}}

/* V2: discreet private entrance at the bottom left, no hover effects. */
.footer-inner{position:relative;padding-left:48px}
.tiny-sigil{position:absolute;left:0;bottom:0;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#17243b;font-size:18px;cursor:default;transition:none;transform:none;box-shadow:none;text-shadow:none}
.tiny-sigil:hover,.tiny-sigil:active{color:#17243b;background:transparent;transform:none;box-shadow:none;text-shadow:none}
.tiny-sigil:focus-visible{outline:2px solid #b3e2ff;outline-offset:2px}
@media(max-width:760px){.footer-inner{padding-left:48px}.tiny-sigil{left:0;bottom:0}}

/* DoU crest: centered fleur-de-lis, retaining the original diamond. */
.crest .crest-lily{display:block;transform:rotate(-45deg);font-family:Georgia,"Segoe UI Symbol","DejaVu Sans",serif;font-size:29px;line-height:1;color:#9ed4ff;font-weight:400}