:root {
    --vd-night:#14213a;
    --vd-night-soft:#1d3152;
    --vd-deep:#31568b;
    --vd-navy:#4775ad;
    --vd-surface:#6f98c8;
    --vd-light:#b3cbe3;
    --vd-gold-dark:#9b7534;
    --vd-gold:#cfad4b;
    --vd-gold-light:#efd58d;
    --vd-egyptian-blue:#12479a;
    --vd-lapis:#173f78;
    --vd-antique-gold:#c8a653;
    --vd-glow:#78c9e5;
    --vd-ink:#eef4fb;
    --vd-muted:#c7d4e5;
    --vd-display:clamp(3rem,5.35vw,5rem);
    --vd-page-title:clamp(2.55rem,4.4vw,4rem);
    --vd-section-title:clamp(1.9rem,3.2vw,3rem);
    --vd-card-title:clamp(1.15rem,1.7vw,1.45rem);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; overflow-x:hidden; color:#fff; background:var(--vd-night); font-family:Poppins,sans-serif; }
a { color:inherit; text-decoration:none; }
.vd-header { position:sticky; top:0; z-index:50; color:#fff; background:rgba(65,110,172,.97); border-bottom:1px solid rgba(217,181,65,.58); box-shadow:inset 3px 3px 0 rgba(25,55,105,.34),inset -3px -3px 0 rgba(171,198,227,.22),inset 0 0 12px rgba(27,57,108,.14); backdrop-filter:blur(16px); }
.vd-topbar { border-bottom:1px solid rgba(217,181,65,.24); }
.vd-topbar-inner { max-width:1180px; min-height:48px; margin:auto; padding:0 1.5rem; display:flex; justify-content:space-between; align-items:center; gap:1.5rem; font-size:.74rem; letter-spacing:.085em; text-transform:uppercase; }
.vd-assistance { display:flex; align-items:center; gap:1.2rem; }
.vd-socials { display:flex; align-items:center; gap:.45rem; }
.vd-assistance a,.vd-socials a { color:#fff; font-weight:600; }
.vd-socials a { width:36px; height:36px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:50%; text-align:center; font-size:1.08rem; line-height:1; }
.vd-assistance a:hover { opacity:.78; }
.vd-socials a:hover,.vd-socials a:focus-visible { color:var(--vd-gold-light); background:rgba(45,79,136,.82); border-color:var(--vd-gold); outline:2px solid transparent; }
.vd-nav { max-width:1180px; min-height:186px; margin:auto; padding:0 1.5rem; display:flex; align-items:center; gap:1.5rem; }
.vd-brand { display:flex; align-items:center; gap:.8rem; margin-right:auto; flex-shrink:0; }
.vd-logo { width:76px; height:76px; padding:5px; border:2px solid var(--vd-gold); border-radius:16px; background:linear-gradient(145deg,#82a6cc,var(--vd-deep)); box-shadow:inset 2px 2px 5px rgba(20,33,58,.28),inset -1px -1px 3px rgba(239,213,141,.14),0 0 0 3px rgba(49,86,139,.24); }
.vd-logo img { width:100%; height:100%; display:block; object-fit:cover; border-radius:8px; }
.vd-wordmark b { display:block; text-transform:uppercase; letter-spacing:.17em; font-size:1.08rem; }
.vd-wordmark small { display:block; color:var(--vd-gold-light); letter-spacing:.35em; text-transform:uppercase; font-size:.63rem; }
.vd-desktop-nav { align-self:stretch; display:flex; align-items:flex-end; gap:.42rem; padding-bottom:17px; }
.vd-desktop-nav>a { min-height:42px; padding:.72rem .68rem; border:1px solid rgba(243,218,141,.42); border-radius:5px; background:rgba(65,110,172,.55); box-shadow:inset 2px 2px 0 rgba(24,53,102,.3),inset -2px -2px 0 rgba(171,198,227,.18); color:#fff; font-size:.61rem; font-weight:700; letter-spacing:.045em; white-space:nowrap; display:flex; align-items:center; }
.vd-desktop-nav>a:hover,.vd-desktop-nav>a[aria-current="page"] { border-color:var(--vd-gold); background:rgba(45,79,136,.75); }
.vd-desktop-nav .vd-login { border:2px solid var(--vd-gold); }
.vd-logout-form { display:flex; align-items:flex-end; }
.vd-logout-form button { width:38px; height:38px; padding:0; color:#fff; background:rgba(45,79,136,.72); border:1px solid rgba(243,218,141,.42); border-radius:5px; cursor:pointer; }
.vd-language { position:relative; }
.vd-language summary { width:44px; height:44px; border-radius:50%; border:1px solid var(--vd-gold); background:var(--vd-deep); display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; list-style:none; font-size:.82rem; }
.vd-language summary::-webkit-details-marker,.vd-mobile-menu summary::-webkit-details-marker { display:none; }
.vd-language summary small { font-size:.45rem; font-weight:700; }
.vd-language>div { position:absolute; right:0; top:45px; width:190px; padding:.45rem; background:var(--vd-navy); border:1px solid var(--vd-gold); border-radius:10px; box-shadow:0 16px 35px rgba(10,30,60,.28); }
.vd-language button { width:100%; padding:.55rem .65rem; color:#fff; background:transparent; border:0; border-radius:6px; display:flex; justify-content:space-between; cursor:pointer; }
.vd-language button:hover,.vd-language button[aria-current="true"] { background:var(--vd-deep); }
.vd-mobile-menu { display:none; position:relative; }
.vd-mobile-menu summary { padding:.65rem .8rem; border:1px solid var(--vd-gold); border-radius:6px; cursor:pointer; }
.vd-mobile-menu>div { position:absolute; right:0; top:48px; width:260px; padding:.8rem; background:var(--vd-navy); border:1px solid var(--vd-gold); }
.vd-mobile-menu a { display:block; padding:.7rem; border-bottom:1px solid rgba(255,255,255,.1); font-size:.72rem; font-weight:700; }
.vd-mobile-languages { display:grid; grid-template-columns:repeat(3,1fr); gap:.35rem; margin-top:.8rem; }
.vd-mobile-languages button { width:100%; padding:.45rem; color:#fff; background:var(--vd-deep); border:1px solid rgba(217,181,65,.4); }
.vd-mobile-logout button { width:100%; padding:.7rem; color:#fff; text-align:left; background:transparent; border:0; border-bottom:1px solid rgba(255,255,255,.1); font-size:.72rem; font-weight:700; cursor:pointer; }
.vd-main section { padding:5.5rem max(1.5rem,calc((100vw - 1180px)/2)); }
.vd-hero { min-height:650px; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:5rem; background:radial-gradient(circle at 78% 24%,rgba(120,201,229,.17),transparent 24rem),radial-gradient(circle at 15% 92%,rgba(65,110,172,.3),transparent 28rem),linear-gradient(145deg,var(--vd-deep),var(--vd-night-soft)); }
.vd-hero>*,.vd-featured>* { min-width:0; }
.vd-eyebrow,.vd-label { color:var(--vd-gold-light); text-transform:uppercase; letter-spacing:.2em; font-size:.68rem; font-weight:700; }
.vd-hero h1 { max-width:760px; margin:1rem 0 1.4rem; font:600 var(--vd-display)/1.05 "Playfair Display",serif; }
.vd-hero h1 em { color:var(--vd-gold-light); }
.vd-lead { max-width:680px; color:#eaf0f8; line-height:1.85; }
.vd-actions { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; }
.vd-button { display:inline-block; padding:.9rem 1.1rem; border-radius:8px; border:1px solid rgba(255,255,255,.42); font-size:.75rem; font-weight:700; }
.vd-button-primary { color:var(--vd-ink); background:var(--vd-gold); border-color:var(--vd-gold); }
.vd-hero-art { padding:1rem; border-radius:25px; background:var(--vd-light); border:1px solid var(--vd-gold); box-shadow:0 30px 65px rgba(7,18,39,.3); }
.vd-hero-art img { width:100%; display:block; border-radius:18px; }
.vd-trust { padding-top:1px!important; padding-bottom:1px!important; display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--vd-gold-dark); }
.vd-trust div { padding:1.25rem; text-align:center; background:linear-gradient(145deg,#213756,var(--vd-night)); color:#fff; font-size:.73rem; font-weight:600; }
.vd-paper { position:relative; color:var(--vd-ink); background:radial-gradient(circle at 90% 10%,rgba(100,144,200,.13),transparent 22rem),linear-gradient(145deg,var(--vd-night-soft),var(--vd-night)); }
.vd-knowledge { overflow:hidden; }
.vd-knowledge::before { content:""; position:absolute; width:390px; height:390px; right:-180px; top:-210px; border:1px solid rgba(200,166,83,.22); transform:rotate(45deg); box-shadow:0 0 0 28px rgba(18,71,154,.035),0 0 0 56px rgba(200,166,83,.025); pointer-events:none; }
.vd-blue { position:relative; background:radial-gradient(circle at 12% 15%,rgba(120,201,229,.11),transparent 23rem),linear-gradient(145deg,var(--vd-deep),#203d70); }
.vd-section-head { max-width:750px; margin-bottom:2.4rem; }
.vd-section-head h2 { margin:.6rem 0; font:600 var(--vd-section-title)/1.18 "Playfair Display",serif; }
.vd-page-hero h1 { max-width:850px; margin:.6rem 0; font:600 var(--vd-page-title)/1.12 "Playfair Display",serif; }
.vd-muted { color:var(--vd-muted); line-height:1.75; }
.vd-paper .vd-label { color:var(--vd-gold-light); }
.vd-grid-3,.vd-grid-4,.vd-grid-2 { display:grid; gap:1.2rem; }
.vd-grid-2 { grid-template-columns:repeat(2,1fr); }
.vd-grid-3 { grid-template-columns:repeat(3,1fr); }
.vd-grid-4 { grid-template-columns:repeat(4,1fr); }
.vd-editorial-grid { position:relative; display:grid; grid-template-columns:1.25fr .75fr .75fr; grid-template-rows:repeat(2,minmax(185px,auto)); gap:1.2rem; }
.vd-editorial-card { position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; isolation:isolate; transition:transform .45s cubic-bezier(.2,.75,.25,1),border-color .45s ease,box-shadow .45s ease; }
.vd-editorial-card::after { content:""; position:absolute; z-index:-1; width:210px; height:210px; right:-105px; bottom:-125px; border-radius:50%; background:radial-gradient(circle,rgba(18,71,154,.48),rgba(18,71,154,0) 68%); transition:transform .7s ease; }
.vd-editorial-card:hover,.vd-editorial-card:focus-within { transform:translateY(-4px); border-color:rgba(239,213,141,.72); box-shadow:inset 1px 1px 0 rgba(255,255,255,.08),0 20px 45px rgba(3,10,24,.25); }
.vd-editorial-card:hover::after,.vd-editorial-card:focus-within::after { transform:translate(-16px,-12px) scale(1.12); }
.vd-editorial-primary { grid-row:1 / span 2; min-height:390px; background:radial-gradient(circle at 78% 22%,rgba(18,71,154,.34),transparent 18rem),linear-gradient(145deg,var(--vd-lapis),var(--vd-night)); }
.vd-editorial-primary h3 { max-width:360px; font-size:clamp(1.65rem,2.4vw,2.4rem); }
.vd-editorial-wide { grid-column:2 / span 2; }
.vd-card-index { color:var(--vd-antique-gold); font:500 .67rem Poppins,sans-serif; letter-spacing:.2em; }
.vd-card { min-height:180px; padding:1.7rem; border-radius:16px; background:linear-gradient(145deg,rgba(48,82,128,.92),rgba(20,33,58,.96)); border:1px solid rgba(207,173,75,.42); box-shadow:inset 1px 1px 0 rgba(255,255,255,.06),0 16px 36px rgba(3,10,24,.18); color:#fff; }
.vd-card h3 { margin-top:0; color:#fff; font:600 var(--vd-card-title)/1.25 "Playfair Display",serif; }
.vd-blue .vd-card { color:#fff; background:linear-gradient(145deg,rgba(45,79,136,.7),rgba(13,19,35,.78)); border-color:rgba(243,218,141,.38); }
.vd-featured { display:grid; grid-template-columns:.85fr 1.15fr; gap:4rem; align-items:center; color:#fff; background:radial-gradient(circle at 85% 20%,rgba(111,152,200,.17),transparent 24rem),linear-gradient(145deg,#203654,var(--vd-night)); }
.vd-featured h2 { margin:.6rem 0 1rem; color:#fff; font:600 var(--vd-section-title)/1.18 "Playfair Display",serif; }
.vd-book { min-height:390px; border-radius:22px; background:linear-gradient(145deg,var(--vd-navy),var(--vd-deep)); border:4px solid var(--vd-gold); display:grid; place-items:center; padding:2rem; color:var(--vd-gold-light); font:600 2rem "Playfair Display",serif; text-align:center; }
.vd-quote { text-align:center; background:linear-gradient(135deg,var(--vd-deep),var(--vd-navy)); }
.vd-quote blockquote { max-width:850px; margin:2rem auto; font:italic 500 clamp(1.7rem,3vw,2.7rem)/1.45 "Playfair Display",serif; }
.vd-page-hero { min-height:500px; padding-top:6rem!important; padding-bottom:5rem!important; display:grid; grid-template-columns:minmax(0,1fr) 300px; align-items:center; gap:5rem; background:radial-gradient(circle at 80% 15%,rgba(120,201,229,.16),transparent 22rem),radial-gradient(circle at 8% 95%,rgba(65,110,172,.28),transparent 25rem),linear-gradient(145deg,var(--vd-deep),var(--vd-night-soft)); }
.vd-page-hero-copy { min-width:0; }
.vd-page-hero p { max-width:760px; color:#e4ecf6; line-height:1.8; }
.vd-page-symbol { position:relative; width:250px; aspect-ratio:1; justify-self:end; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(239,213,141,.58); border-radius:50%; color:var(--vd-gold-light); background:radial-gradient(circle at 38% 32%,rgba(111,152,200,.42),transparent 34%),linear-gradient(145deg,var(--vd-egyptian-blue),var(--vd-night)); box-shadow:inset 12px 12px 30px rgba(20,33,58,.32),inset -7px -7px 20px rgba(239,213,141,.08),0 28px 60px rgba(7,18,39,.24); }
.vd-page-symbol::before,.vd-page-symbol::after { content:""; position:absolute; inset:23px; border:1px solid rgba(200,166,83,.28); transform:rotate(45deg); }
.vd-page-symbol::after { inset:47px; border-color:rgba(255,255,255,.12); transform:rotate(0); }
.vd-page-symbol span { position:relative; z-index:1; margin:0 -.1em; font:600 clamp(2.8rem,5vw,4.5rem)/1 "Playfair Display",serif; }
.vd-page-symbol i { position:relative; z-index:1; font-size:4rem; }
.vd-page--about .vd-page-symbol span:last-child { color:#fff; transform:translateY(.22em); }
.vd-page--library .vd-page-symbol { border-radius:24% 50% 24% 50%; transform:rotate(3deg); }
.vd-page--library .vd-page-symbol i { transform:rotate(-3deg); }
.vd-content-section { overflow:hidden; }
.vd-layout-editorial .vd-grid-3 { grid-template-columns:1.25fr .875fr .875fr; }
.vd-layout-editorial .vd-card { min-height:245px; }
.vd-layout-editorial .vd-card-emphasis { min-height:330px; grid-row:span 2; background:radial-gradient(circle at 75% 20%,rgba(18,71,154,.4),transparent 18rem),linear-gradient(145deg,var(--vd-lapis),var(--vd-night)); }
.vd-layout-editorial .vd-card-emphasis h3 { font-size:clamp(1.55rem,2.3vw,2.25rem); }
.vd-layout-governance .vd-grid-2,.vd-layout-editions .vd-grid-2 { gap:1.6rem; }
.vd-layout-governance .vd-card,.vd-layout-editions .vd-card { min-height:230px; border-left:3px solid var(--vd-antique-gold); }
.vd-layout-principles .vd-card,.vd-layout-metadata .vd-card { min-height:220px; }
.vd-layout-principles .vd-card:nth-child(2),.vd-layout-metadata .vd-card:nth-child(2) { margin-top:1.4rem; }
.vd-layout-principles .vd-card:nth-child(3),.vd-layout-metadata .vd-card:nth-child(3) { margin-top:2.8rem; }
.vd-layout-metadata { padding-bottom:8.5rem!important; }
.vd-page--about .vd-content-section:nth-of-type(3)::before,.vd-page--library .vd-content-section:nth-of-type(3)::before { content:""; position:absolute; width:370px; height:370px; right:-220px; top:-190px; border:1px solid rgba(200,166,83,.18); transform:rotate(45deg); box-shadow:0 0 0 32px rgba(18,71,154,.035); }
.vd-footer { padding:3rem max(1.5rem,calc((100vw - 1180px)/2)); background:#13294b; color:#cbd8e8; display:flex; justify-content:space-between; align-items:center; gap:2rem; font-size:.73rem; }
.vd-footer nav { display:flex; flex-wrap:wrap; gap:1rem; }
.vd-text-link { display:inline-block; margin-top:.65rem; color:var(--vd-gold-light); font-size:.72rem; font-weight:700; }
.vd-paper .vd-text-link { color:var(--vd-gold-light); }
.vd-motion-ready [data-reveal] { opacity:0; transform:translateY(15px); }
.vd-motion-ready [data-reveal].is-visible { opacity:1; transform:translateY(0); transition:opacity .7s ease calc(var(--vd-reveal-order,0)*55ms),transform .7s cubic-bezier(.2,.75,.25,1) calc(var(--vd-reveal-order,0)*55ms); }
@media(max-width:1100px) { .vd-wordmark { display:none; } .vd-desktop-nav>a { padding:.62rem .48rem; font-size:.54rem; } }
@media(max-width:920px) {
    .vd-desktop-nav { display:none; }
    .vd-mobile-menu { display:block; margin-left:auto; flex-shrink:0; }
    .vd-nav { width:100%; min-height:106px; }
    .vd-assistance a { display:none; }
    .vd-hero,.vd-featured { grid-template-columns:1fr; }
    .vd-page-hero { grid-template-columns:1fr 170px; gap:2rem; }
    .vd-page-symbol { width:160px; }
    .vd-page-symbol i { font-size:2.7rem; }
    .vd-grid-4,.vd-trust { grid-template-columns:repeat(2,1fr); }
    .vd-grid-3 { grid-template-columns:1fr; }
    .vd-layout-editorial .vd-grid-3 { grid-template-columns:1fr 1fr; }
    .vd-layout-editorial .vd-card-emphasis { grid-column:1 / -1; grid-row:auto; min-height:280px; }
    .vd-editorial-grid { grid-template-columns:repeat(2,1fr); grid-template-rows:auto; }
    .vd-editorial-primary { grid-column:1 / -1; grid-row:auto; min-height:300px; }
    .vd-editorial-wide { grid-column:1 / -1; }
}
@media(max-width:560px) {
    .vd-socials a:nth-child(4),.vd-socials a:nth-child(5),.vd-socials a:nth-child(6) { display:none; }
    .vd-assistance strong { display:none; }
    .vd-grid-2,.vd-grid-4,.vd-trust { grid-template-columns:1fr; }
    .vd-page-hero { min-height:auto; grid-template-columns:1fr; gap:3rem; }
    .vd-page-symbol { width:145px; justify-self:start; }
    .vd-layout-editorial .vd-grid-3 { grid-template-columns:1fr; }
    .vd-layout-principles .vd-card:nth-child(2),.vd-layout-metadata .vd-card:nth-child(2),.vd-layout-principles .vd-card:nth-child(3),.vd-layout-metadata .vd-card:nth-child(3) { margin-top:0; }
    .vd-editorial-grid { grid-template-columns:1fr; }
    .vd-editorial-primary,.vd-editorial-wide { grid-column:auto; }
    .vd-actions { flex-direction:column; }
    .vd-hero { gap:3rem; }
    .vd-hero h1 { font-size:clamp(2.55rem,12vw,3.4rem); overflow-wrap:break-word; }
    .vd-footer { flex-direction:column; align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; animation:none!important; } .vd-motion-ready [data-reveal] { opacity:1; transform:none; } }

/* Production accessibility and flat-concave visual system. */
html { overflow-x:hidden; }
body { font-family:Inter,Segoe UI,Arial,sans-serif; overflow-x:hidden; }
h1,h2,h3,.vd-book,.vd-page-symbol span { font-family:Georgia,"Times New Roman",serif; }
.vd-skip-link { position:fixed; z-index:9999; left:1rem; top:1rem; padding:.8rem 1rem; color:#0b1326; background:#efd58d; border:2px solid #fff; transform:translateY(-180%); }
.vd-skip-link:focus { transform:translateY(0); }
:where(a,button,input,select,textarea,summary):focus-visible { outline:3px solid #f3da8d; outline-offset:3px; }
:where(button,input,select,summary,.vd-button,.vd-login,.vd-mobile-menu a) { min-height:44px; }
.vd-button,.vd-login,.vd-card,.vd-book,.vd-hero-art,.vd-page-symbol,.vd-mobile-menu>div {
    background-color:#172b4d;
    background-image:none;
    box-shadow:inset 7px 7px 14px rgba(3,10,24,.42),inset -5px -5px 12px rgba(239,213,141,.10);
}
.vd-button-primary { color:#101d33; background-color:#d9b541; box-shadow:inset 4px 4px 8px rgba(91,66,4,.24),inset -4px -4px 8px rgba(255,247,205,.34); }
.vd-card:hover,.vd-card:focus-within,.vd-editorial-card:hover,.vd-editorial-card:focus-within { transform:none; }
.vd-brand img { width:100%; height:100%; object-fit:cover; }
.vd-socials a { width:auto; min-width:44px; padding:0 .75rem; font-size:.7rem; }
.vd-mobile-menu summary { display:grid; place-items:center; min-width:46px; min-height:46px; font-size:1.5rem; }
.vd-mobile-menu>div { max-height:calc(100vh - 150px); overflow:auto; }
.vd-mobile-menu a,.vd-mobile-languages button,.vd-mobile-logout button { display:flex; align-items:center; }
@media(max-width:560px) {
    .vd-topbar-inner { justify-content:flex-end; }
    .vd-assistance { display:none; }
    .vd-socials a { display:flex!important; }
    .vd-nav { min-height:88px; }
    .vd-brand { min-width:0; }
    .vd-logo { width:58px; height:58px; flex:0 0 58px; }
    .vd-wordmark { display:block; max-width:112px; }
    .vd-mobile-menu>div { position:fixed; left:1rem; right:1rem; top:128px; width:auto; }
    .vd-main section { padding-left:1rem; padding-right:1rem; }
}