:root{--obsidian:#05080d;--blue:#071427;--metal:#d9b256;--metal2:#f3d786;--paper:#f3efe3;--ink:#17202d;--ice:#c8d6e5;--muted:#798292}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(120deg,#05080d 0,#0b1220 55%,#17100a 100%);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.68}.vault-top{min-height:100vh;display:grid;grid-template-columns:120px minmax(360px,1fr) 430px;gap:28px;padding:28px clamp(18px,4vw,62px);position:relative}.vault-lock{position:sticky;top:26px;align-self:start;height:calc(100vh - 52px);border:1px solid rgba(217,178,86,.35);border-radius:999px;padding:18px 11px;background:linear-gradient(180deg,rgba(217,178,86,.18),rgba(255,255,255,.03));display:flex;flex-direction:column;justify-content:space-between;align-items:center}.vault-lock .seal{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,var(--metal2),var(--metal));color:#0b0e13;font-family:Georgia,serif;font-size:26px;font-weight:bold}.vault-lock nav{display:grid;gap:14px}.vault-lock a{writing-mode:vertical-rl;transform:rotate(180deg);color:#f7e8bf;text-decoration:none;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.defender-brief{align-self:center;max-width:850px}.kicker{color:var(--metal2);letter-spacing:.26em;text-transform:uppercase;font-size:12px}h1{font-family:Georgia,serif;font-size:clamp(44px,7vw,90px);line-height:.92;margin:20px 0 26px;letter-spacing:-.05em}.intro-panel{background:var(--paper);color:var(--ink);border-radius:32px;padding:28px;box-shadow:0 22px 70px rgba(0,0,0,.38);font-size:20px}.intro-panel a{color:#0b1220;text-decoration:none;border-bottom:3px solid var(--metal)}.shield-stats{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shield-stats div{border:1px solid rgba(217,178,86,.28);border-radius:20px;padding:18px;background:rgba(255,255,255,.05)}.shield-stats strong{display:block;color:var(--metal2);font-size:28px}.portrait-vault{align-self:center;display:grid;gap:18px}.portrait-vault figure{margin:0;position:relative;border-radius:36px;overflow:hidden;border:1px solid rgba(217,178,86,.42);min-height:360px;background:#000;box-shadow:0 26px 80px rgba(0,0,0,.45)}.portrait-vault figure:first-child{transform:translateX(-26px)}.portrait-vault img{width:100%;height:100%;object-fit:cover;display:block}.portrait-vault figcaption{position:absolute;left:14px;right:14px;bottom:14px;border-radius:18px;background:rgba(5,8,13,.7);padding:12px;color:#fff}.vault-copy{background:var(--paper);color:var(--ink);padding:70px clamp(18px,5vw,90px)}.copy-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 330px;gap:48px}.copy-grid article{font-size:18px}.copy-grid h2{font-family:Georgia,serif;font-size:38px;line-height:1.05;margin:42px 0 16px}.copy-grid h2:first-child{margin-top:0}.gold-rule{height:8px;background:linear-gradient(90deg,var(--metal),transparent);border-radius:9px;margin:28px 0}.zone-card{position:sticky;top:25px;align-self:start;background:#071427;color:#f3efe3;border-radius:30px;padding:24px;border:1px solid rgba(217,178,86,.4)}.zone-card ol{padding-left:20px}.zone-card li{margin:12px 0}.medal-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.medal-strip span{min-height:110px;padding:18px;border-radius:24px;background:linear-gradient(145deg,#111c2e,#08101d);color:#f7e1a3;border:1px solid rgba(217,178,86,.3)}.vault-quote{margin:34px 0;padding:28px;border-radius:30px;background:#0b1220;color:#f8e4ad;font-family:Georgia,serif;font-size:25px;line-height:1.34}.footer-vault{padding:32px clamp(18px,5vw,90px);font-size:13px;color:#c1b89c;border-top:1px solid rgba(217,178,86,.28)}@media(max-width:1000px){.vault-top{grid-template-columns:1fr}.vault-lock{position:static;height:auto;border-radius:24px;flex-direction:row}.vault-lock a{writing-mode:initial;transform:none}.vault-lock nav{display:flex;flex-wrap:wrap}.copy-grid{grid-template-columns:1fr}.zone-card{position:static}.shield-stats,.medal-strip{grid-template-columns:1fr 1fr}.portrait-vault figure:first-child{transform:none}}@media(max-width:640px){.shield-stats,.medal-strip{grid-template-columns:1fr}h1{font-size:42px}.intro-panel{font-size:17px}}