:root{
  --navy:#10253d;
  --navy-2:#173451;
  --cream:#f2ead8;
  --paper:#fbf6ea;
  --gold:#d7a73a;
  --ink:#101820;
  --muted:#6d6a64;
  --white:#fffdf8;
  --shadow:0 30px 70px rgba(15,34,53,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--ink);
  background:
    radial-gradient(circle at 15% 8%,rgba(215,167,58,.16),transparent 28%),
    linear-gradient(180deg,#f7f0df 0%,#f0e6d2 58%,#e9dcc5 100%);
  font-family:Arial,Helvetica,sans-serif;
  overflow-x:hidden;
}
body.modal-open{overflow:hidden}
button,a{font:inherit}
button{cursor:pointer}
.paper-noise{position:fixed;inset:0;pointer-events:none;opacity:.34;z-index:0;background-image:radial-gradient(rgba(16,37,61,.14) .55px,transparent .55px);background-size:7px 7px;mix-blend-mode:multiply}
.topbar{
  position:relative;z-index:5;
  max-width:1500px;margin:0 auto;padding:24px 4vw 10px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;min-width:0}
.mini-seal{width:49px;height:49px;border-radius:50%;background:var(--navy);color:var(--cream);display:grid;place-items:center;font:900 20px/1 Georgia,serif;box-shadow:inset 0 0 0 4px var(--cream),0 0 0 2px var(--navy)}
.brand-copy{display:flex;flex-direction:column;min-width:0}
.brand-copy strong{font:700 16px/1.1 Georgia,serif;letter-spacing:.02em}
.brand-copy small{margin-top:4px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.socials{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.social-link{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border-radius:999px;background:rgba(255,253,248,.78);color:var(--navy);text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.08em;box-shadow:0 8px 25px rgba(16,37,61,.08);transition:transform .18s ease,background .18s ease}
.social-link:hover{transform:translateY(-2px);background:#fff}
.hero{position:relative;z-index:2;max-width:1500px;margin:0 auto;padding:48px 4vw 78px;min-height:760px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:6vw}
.hero-copy{padding-top:18px}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--navy);text-transform:uppercase;margin-bottom:22px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(215,167,58,.15)}
h1{margin:0;color:var(--navy);text-transform:uppercase;font-family:Georgia,'Times New Roman',serif;line-height:.83;letter-spacing:-.055em;font-size:clamp(64px,7.2vw,124px);max-width:830px}
h1 span,h1 em{display:block}h1 em{font-style:italic;color:#b37a18;text-shadow:0 2px 0 #fff8e8}
.lead{max-width:690px;margin:28px 0 30px;color:#3f454a;font:500 clamp(17px,1.5vw,22px)/1.58 Georgia,serif}
.ticker-row{display:flex;align-items:stretch;gap:14px;flex-wrap:wrap}
.ticker-card{min-width:250px;background:var(--navy);color:var(--cream);padding:14px 18px;border-radius:16px;box-shadow:0 18px 45px rgba(16,37,61,.2);display:flex;flex-direction:column;justify-content:center}
.ticker-card span{font-size:9px;letter-spacing:.18em;opacity:.62}.ticker-card strong{font:900 25px/1 Georgia,serif;letter-spacing:.02em;margin-top:5px}
.primary-action{border:0;border-radius:16px;padding:0 24px;min-height:67px;background:var(--gold);color:var(--navy);font-size:12px;font-weight:900;letter-spacing:.09em;box-shadow:0 18px 45px rgba(179,122,24,.22);transition:transform .18s ease,filter .18s ease}
.primary-action:hover{transform:translateY(-2px);filter:brightness(1.04)}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.ghost-btn,.text-link{border:0;background:transparent;color:var(--navy);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ghost-btn{padding:11px 14px;border-radius:999px;background:rgba(255,253,248,.62);box-shadow:0 8px 30px rgba(16,37,61,.06)}
.ghost-btn:hover{background:#fff}
.portrait-wrap{position:relative;display:grid;place-items:center;min-height:610px}
.portrait-card{position:relative;width:min(100%,560px);background:var(--white);padding:17px 17px 14px;box-shadow:var(--shadow);transform:rotate(1.8deg);border-radius:6px}
.portrait-card:before{content:"";position:absolute;inset:10px;background:linear-gradient(135deg,transparent 60%,rgba(215,167,58,.10));pointer-events:none}
.portrait-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:2px;filter:saturate(.98) contrast(1.02)}
.portrait-label,.portrait-footer{position:relative;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:9px;font-weight:900;letter-spacing:.16em;color:var(--navy)}
.portrait-label{padding:0 2px 11px}.portrait-footer{padding:12px 2px 1px;color:#726d64}
.stamp{position:absolute;z-index:3;border:5px double #b52b2b;color:#b52b2b;font:900 18px/1 Georgia,serif;letter-spacing:.13em;padding:12px 17px;text-transform:uppercase;opacity:.78;mix-blend-mode:multiply;transform:rotate(-11deg)}
.stamp-a{right:-12px;top:92px}.stamp-b{left:3px;bottom:89px;border-radius:50%;width:78px;height:78px;padding:0;display:grid;place-items:center;font-size:27px;transform:rotate(8deg)}
.desk-band{position:relative;z-index:2;max-width:1380px;margin:0 auto 84px;background:var(--navy);color:var(--cream);border-radius:24px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 20px 60px rgba(16,37,61,.18)}
.desk-band div{display:flex;flex-direction:column;min-width:0}.desk-band small{font-size:9px;letter-spacing:.16em;opacity:.62}.desk-band strong{margin-top:6px;font:700 clamp(15px,2vw,23px)/1.2 Georgia,serif;overflow-wrap:anywhere}
.desk-band button{border:0;border-radius:999px;padding:13px 18px;background:var(--cream);color:var(--navy);font-size:10px;font-weight:900;letter-spacing:.11em;white-space:nowrap}.desk-band button:disabled{opacity:.36;cursor:not-allowed}
.manifesto{position:relative;z-index:2;max-width:1200px;margin:0 auto 110px;padding:0 4vw;display:grid;grid-template-columns:320px 1fr;align-items:center;gap:70px}
.seal-large{aspect-ratio:1;border-radius:50%;background:var(--navy);color:var(--cream);display:grid;place-items:center;align-content:center;box-shadow:inset 0 0 0 10px var(--cream),inset 0 0 0 13px var(--navy),0 25px 70px rgba(16,37,61,.17);text-align:center;transform:rotate(-2deg)}
.seal-large .ring{font-size:11px;letter-spacing:.17em}.seal-large strong{font:900 92px/.9 Georgia,serif;color:var(--gold);margin:10px 0}.seal-large small{font-size:10px;letter-spacing:.18em;opacity:.8}
.kicker,.modal-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:#9b6e1d;text-transform:uppercase}.manifesto h2{margin:9px 0 16px;font:900 clamp(40px,5.3vw,76px)/.95 Georgia,serif;color:var(--navy);letter-spacing:-.04em}.manifesto-copy>p:not(.kicker){font:500 20px/1.65 Georgia,serif;color:#4b4c4d;max-width:760px}.text-link{padding:10px 0;margin-top:2px}
footer{position:relative;z-index:2;max-width:1500px;margin:0 auto;padding:25px 4vw 38px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(16,37,61,.14);color:#777168;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.modal-shell{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:24px}.modal-shell.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(5,12,20,.58);backdrop-filter:blur(8px)}
.modal{position:relative;z-index:2;width:min(700px,100%);max-height:min(760px,88vh);overflow:auto;background:var(--paper);padding:50px clamp(26px,5vw,58px) 46px;border-radius:28px;box-shadow:0 40px 120px rgba(0,0,0,.35)}
.modal-close{position:absolute;right:19px;top:15px;border:0;background:transparent;color:var(--navy);font-size:34px;line-height:1}.modal-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--cream);font:900 24px/1 Georgia,serif;margin-bottom:22px}.modal h3{margin:7px 0 18px;font:900 clamp(36px,6vw,62px)/.95 Georgia,serif;color:var(--navy);letter-spacing:-.04em}.modal-body,.modal #modalBody{font:500 18px/1.7 Georgia,serif;color:#444}.modal #modalBody p{margin:0 0 16px}.modal #modalBody ol{padding-left:22px}.modal #modalBody strong{color:var(--navy)}
.toast{position:fixed;left:50%;bottom:28px;z-index:80;transform:translate(-50%,20px);opacity:0;background:var(--navy);color:var(--cream);padding:12px 17px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;transition:.2s ease;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:980px){
  .hero{grid-template-columns:1fr;padding-top:35px;gap:22px}.hero-copy{text-align:center}.eyebrow{justify-content:center}.lead{margin-left:auto;margin-right:auto}.ticker-row,.hero-actions{justify-content:center}.portrait-wrap{min-height:auto;padding-top:24px}.portrait-card{width:min(86vw,560px)}.stamp-a{right:2vw}.desk-band{margin-left:4vw;margin-right:4vw}.manifesto{grid-template-columns:1fr;gap:38px;text-align:center}.seal-large{width:min(320px,76vw);margin:0 auto}.manifesto-copy>p:not(.kicker){margin-left:auto;margin-right:auto}
}
@media(max-width:640px){
  .topbar{align-items:flex-start}.brand-copy small{display:none}.social-link{height:34px;padding:0 11px}.hero{padding-bottom:54px}.eyebrow{font-size:9px;line-height:1.5}.lead{font-size:17px}.ticker-card{min-width:min(100%,280px)}.primary-action{width:100%;min-height:58px}.ticker-row{width:100%}.ticker-card{width:100%}.portrait-card{padding:12px 12px 10px}.portrait-label,.portrait-footer{font-size:7px}.stamp-a{top:70px;font-size:14px}.stamp-b{left:-2px;bottom:70px;width:64px;height:64px}.desk-band{border-radius:18px;align-items:flex-start;flex-direction:column;padding:20px}.desk-band button{width:100%}.manifesto{margin-bottom:72px}.manifesto h2{font-size:46px}.manifesto-copy>p:not(.kicker){font-size:18px}.modal{border-radius:20px;padding-top:42px}.brand-copy strong{font-size:13px}
}