/* CENTERLINE site styles. Baroque black and gold (colours on hold: change the tokens below). */
@font-face { font-family:"Cormorant Garamond"; src:url(/fonts/cormorant-garamond.woff2) format("woff2"); font-weight:300 700; font-style:normal; font-display:swap; }
@font-face { font-family:"Cormorant Garamond"; src:url(/fonts/cormorant-garamond-italic.woff2) format("woff2"); font-weight:500; font-style:italic; font-display:swap; }
:root { --bg:#0d0b08; --panel:#17130d; --panel-2:#1d1810; --line:#3a2f1c; --gold:#d4af37; --gold-soft:#e9cf7a; --gold-deep:#a8862a; --text:#f3ede0; --muted:#b9ae98; --serif:"Cormorant Garamond", Georgia, "Times New Roman", serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font:18px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; -webkit-text-size-adjust:100%; }
main { max-width:680px; margin:0 auto; padding:28px 16px 60px; }
main.wide { max-width:1040px; }
img, svg { max-width:100%; }
a { color:var(--gold-soft); text-underline-offset:3px; }
a:hover { color:#fff3c4; }
.brand { font-family:var(--serif); letter-spacing:.28em; color:var(--gold); font-size:22px; font-weight:700; text-decoration:none; }
h1 { font-family:var(--serif); font-size:clamp(34px,7vw,56px); line-height:1.08; margin:12px 0 14px; color:var(--gold-soft); font-weight:700; }
h2 { font-family:var(--serif); font-size:clamp(26px,4.4vw,34px); line-height:1.15; color:var(--gold-soft); margin:34px 0 8px; font-weight:700; }
h3 { font-family:var(--serif); font-size:23px; color:var(--gold-soft); margin:0 0 4px; font-weight:700; }
p { margin:10px 0; }
.lead { font-size:20px; color:var(--text); }
.eyebrow { color:var(--gold); font-weight:700; text-transform:uppercase; letter-spacing:.14em; font-size:13px; }
.club { color:var(--gold); font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:15px; }
.panel { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:18px 20px; margin:18px 0; }
ul,ol { padding-left:22px; margin:8px 0; } li { margin:5px 0; }
.small { color:var(--muted); font-size:14px; }
.muted { color:var(--muted); }

/* Header and nav */
.site-head { border-bottom:1px solid var(--line); background:rgba(13,11,8,.94); position:sticky; top:0; z-index:5; backdrop-filter:blur(6px); }
.site-head .in { max-width:1040px; margin:0 auto; padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.site-nav { display:flex; gap:4px 18px; flex-wrap:wrap; font-size:15px; }
.site-nav a { color:var(--text); text-decoration:none; padding:4px 0; border-bottom:1px solid transparent; }
.site-nav a:hover, .site-nav a[aria-current=page] { color:var(--gold-soft); border-bottom-color:var(--gold); }
.site-nav a.cta { color:var(--gold-soft); font-weight:700; }

/* Gold rule ornament */
.rule { display:flex; align-items:center; gap:12px; color:var(--gold); margin:26px 0; }
.rule::before, .rule::after { content:""; flex:1; height:1px; background:linear-gradient(90deg,transparent,var(--gold-deep),transparent); }

/* Home hero */
.hero { display:grid; grid-template-columns:1.1fr .9fr; gap:32px; align-items:center; padding:24px 0 8px; }
.hero .tagline { font-family:var(--serif); font-style:italic; font-size:24px; color:var(--gold); margin:0; }
.btn { display:inline-block; padding:14px 22px; font-size:18px; font-weight:700; color:#1a1408; background:linear-gradient(180deg,var(--gold-soft),var(--gold)); border-radius:12px; text-decoration:none; }
.btn:hover { color:#1a1408; filter:brightness(1.07); }
.btn.ghost { background:none; color:var(--gold-soft); border:1px solid var(--gold-deep); }
.btns { display:flex; gap:12px; flex-wrap:wrap; margin-top:20px; }
.arena { width:100%; height:auto; display:block; }
@media (max-width:820px) { .hero { grid-template-columns:1fr; } }
@media (max-width:820px) { .hero .art { max-width:260px; } }

/* Feature grid */
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; margin:16px 0; }
.card { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:18px 20px; }
.card p { margin:6px 0 0; color:var(--muted); font-size:16.5px; }
.tag { display:inline-block; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--gold); border:1px solid var(--gold-deep); border-radius:999px; padding:1px 9px; margin-left:6px; vertical-align:middle; }

/* Research list */
.study { border-left:2px solid var(--gold-deep); padding:4px 0 4px 16px; margin:18px 0; }
.study .src { color:var(--muted); font-size:14.5px; }
blockquote { margin:20px 0; padding:4px 0 4px 18px; border-left:2px solid var(--gold); font-family:var(--serif); font-style:italic; font-size:23px; line-height:1.35; color:var(--gold-soft); }
blockquote cite { display:block; font-family:system-ui,sans-serif; font-style:normal; font-size:14px; color:var(--muted); margin-top:6px; }

/* Forms */
label { display:block; font-weight:600; margin:14px 0 6px; }
input[type=email],input[type=text],select,textarea { width:100%; padding:13px; font-size:17px; border-radius:10px; border:1px solid var(--line); background:#0f0c08; color:var(--text); font-family:inherit; }
input:focus,select:focus,textarea:focus { outline:2px solid var(--gold); outline-offset:1px; }
.check { display:flex; gap:12px; align-items:flex-start; margin-top:10px; font-weight:400; }
.check input { width:22px; height:22px; margin-top:3px; accent-color:var(--gold); flex:none; }
button { width:100%; margin-top:20px; padding:16px; font-size:19px; font-weight:700; color:#1a1408; background:linear-gradient(180deg,var(--gold-soft),var(--gold)); border:0; border-radius:12px; cursor:pointer; }
button:disabled { opacity:.6; }
.msg { margin-top:14px; min-height:1.5em; } .ok { color:var(--gold-soft); } .err { color:#ff9c8a; }
.hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.waitlist { max-width:560px; margin-left:auto; margin-right:auto; }

/* Footer */
.site-foot { border-top:1px solid var(--line); margin-top:40px; }
.site-foot .in { max-width:1040px; margin:0 auto; padding:22px 16px 34px; color:var(--muted); font-size:14px; display:flex; justify-content:space-between; gap:12px 24px; flex-wrap:wrap; }
.site-foot a { color:var(--muted); }
.site-foot a:hover { color:var(--gold-soft); }
.site-foot nav { display:flex; gap:6px 16px; flex-wrap:wrap; }

.print-only { display:none; }
@media print { body { background:#fff; color:#111; font-size:12.5px; } main { max-width:none; padding:0; } .panel { background:#fff; border-color:#c9a227; padding:10px 14px; margin:10px 0; } h1 { color:#111; font-size:30px; } h2 { color:#8a6d12; font-size:20px; margin:14px 0 4px; } .brand { color:#8a6d12; } .no-print, .site-head, .site-foot { display:none !important; } .print-only { display:block; } a { color:#111; } .small { color:#555; } }
.hero .art { max-width:330px; width:100%; justify-self:center; }
.grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (max-width:640px) { .grid.two { grid-template-columns:1fr; } }
@media (max-width:640px) { .site-head { position:static; } }

/* ===== Baroque layer (9 Nov 2026): ornament only, no layout or copy changes ===== */
:root { --orn-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M2 38V12C2 6 6 2 12 2h26'/%3E%3Cpath d='M7 30V15c0-5 3-8 8-8h15' opacity='.55'/%3E%3Cpath d='M12 12c4 0 6 2 6 5s-2 4-4 4-3-1-3-3 1-2 2-2'/%3E%3Ccircle cx='2' cy='38' r='1.6' fill='%23d4af37' stroke='none'/%3E%3Ccircle cx='38' cy='2' r='1.6' fill='%23d4af37' stroke='none'/%3E%3C/g%3E%3C/svg%3E"); --orn-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='rotate%2890 20 20%29' fill='none' stroke='%23d4af37' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M2 38V12C2 6 6 2 12 2h26'/%3E%3Cpath d='M7 30V15c0-5 3-8 8-8h15' opacity='.55'/%3E%3Cpath d='M12 12c4 0 6 2 6 5s-2 4-4 4-3-1-3-3 1-2 2-2'/%3E%3Ccircle cx='2' cy='38' r='1.6' fill='%23d4af37' stroke='none'/%3E%3Ccircle cx='38' cy='2' r='1.6' fill='%23d4af37' stroke='none'/%3E%3C/g%3E%3C/svg%3E"); --orn-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='rotate%28180 20 20%29' fill='none' stroke='%23d4af37' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M2 38V12C2 6 6 2 12 2h26'/%3E%3Cpath d='M7 30V15c0-5 3-8 8-8h15' opacity='.55'/%3E%3Cpath d='M12 12c4 0 6 2 6 5s-2 4-4 4-3-1-3-3 1-2 2-2'/%3E%3Ccircle cx='2' cy='38' r='1.6' fill='%23d4af37' stroke='none'/%3E%3Ccircle cx='38' cy='2' r='1.6' fill='%23d4af37' stroke='none'/%3E%3C/g%3E%3C/svg%3E"); --orn-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='rotate%28270 20 20%29' fill='none' stroke='%23d4af37' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M2 38V12C2 6 6 2 12 2h26'/%3E%3Cpath d='M7 30V15c0-5 3-8 8-8h15' opacity='.55'/%3E%3Cpath d='M12 12c4 0 6 2 6 5s-2 4-4 4-3-1-3-3 1-2 2-2'/%3E%3Ccircle cx='2' cy='38' r='1.6' fill='%23d4af37' stroke='none'/%3E%3Ccircle cx='38' cy='2' r='1.6' fill='%23d4af37' stroke='none'/%3E%3C/g%3E%3C/svg%3E"); --fleuron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 28'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M80 4c-5 6-5 14 0 20 5-6 5-14 0-20z' fill='%23d4af37' fill-opacity='.85'/%3E%3Cpath d='M74 14c-8 0-12-7-20-7-6 0-9 4-9 7s3 5 6 5 4-2 4-4-1-3-3-3'/%3E%3Cpath d='M86 14c8 0 12-7 20-7 6 0 9 4 9 7s-3 5-6 5-4-2-4-4 1-3 3-3'/%3E%3Cpath d='M45 14H6M115 14h39' opacity='.6'/%3E%3Ccircle cx='3' cy='14' r='1.5' fill='%23d4af37' stroke='none'/%3E%3Ccircle cx='157' cy='14' r='1.5' fill='%23d4af37' stroke='none'/%3E%3C/g%3E%3C/svg%3E"); --damask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='1' opacity='.035'%3E%3Cpath d='M60 10c-12 14-12 30 0 40 12-10 12-26 0-40z'/%3E%3Cpath d='M60 50c-10 6-22 4-28-6M60 50c10 6 22 4 28-6'/%3E%3Cpath d='M60 70c-12 14-12 30 0 40 12-10 12-26 0-40z' transform='rotate%28180 60 90%29'/%3E%3Cpath d='M0 60c14-12 30-12 40 0-10 12-26 12-40 0zM120 60c-14-12-30-12-40 0 10 12 26 12 40 0z'/%3E%3Ccircle cx='60' cy='60' r='3'/%3E%3C/g%3E%3C/svg%3E"); }
body { background-color:var(--bg); background-image:radial-gradient(ellipse 900px 520px at 50% -120px, rgba(212,175,55,.10), transparent 70%), var(--damask); background-size:auto, 120px 120px; background-attachment:fixed, scroll; }
.site-head { border-bottom:1px solid var(--gold-deep); box-shadow:0 3px 0 -2px rgba(212,175,55,.35); }
.site-head .brand { text-shadow:0 0 18px rgba(212,175,55,.25); }
h1 { background:linear-gradient(180deg,#f6e3a1 0%,#e9cf7a 45%,#c9a227 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
@supports not ((-webkit-background-clip:text) or (background-clip:text)) { h1 { color:var(--gold-soft); } }
.card, .panel { position:relative; background-image:var(--orn-tl),var(--orn-tr),var(--orn-br),var(--orn-bl), linear-gradient(180deg, rgba(212,175,55,.035), transparent 40%);
  background-repeat:no-repeat; background-size:26px 26px,26px 26px,26px 26px,26px 26px,auto; background-position:7px 7px, calc(100% - 7px) 7px, calc(100% - 7px) calc(100% - 7px), 7px calc(100% - 7px), 0 0;
  border-color:#4a3b20; box-shadow:inset 0 0 0 4px var(--panel), inset 0 0 0 5px rgba(212,175,55,.10); }
.card h3 { letter-spacing:.01em; }
.card { padding:22px 28px; } .panel { padding:22px 26px; }
.rule { font-size:0; height:28px; margin:34px 0; background:var(--fleuron) center/160px 28px no-repeat; gap:168px; }
.rule::before, .rule::after { background:linear-gradient(90deg,transparent,var(--gold-deep)); }
.rule::after { background:linear-gradient(90deg,var(--gold-deep),transparent); }
h2 { position:relative; }
.eyebrow { display:inline-flex; align-items:center; gap:10px; }
.eyebrow::before, .eyebrow::after { content:""; width:22px; height:1px; background:var(--gold-deep); }
blockquote { border-left:0; padding:14px 22px; background:var(--orn-tl),var(--orn-br); background-repeat:no-repeat; background-size:22px 22px; background-position:0 0, 100% 100%; }
.btn, button { box-shadow:inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 0 rgba(0,0,0,.18), 0 0 0 1px rgba(168,134,42,.6); }
.btn.ghost { box-shadow:inset 0 0 0 1px rgba(212,175,55,.15); }
.site-foot { border-top:1px solid var(--gold-deep); position:relative; }
.site-foot::before { content:""; position:absolute; left:50%; top:-14px; width:120px; height:28px; transform:translateX(-50%); background:var(--bg) var(--fleuron) center/120px 21px no-repeat; }
@media (max-width:640px) { .eyebrow::before, .eyebrow::after { display:none; } .rule { gap:150px; } .card, .panel { background-size:20px 20px,20px 20px,20px 20px,20px 20px,auto; } }
@media print { body { background-image:none; } .card,.panel { background-image:none; box-shadow:none; } h1 { -webkit-text-fill-color:#111; color:#111; background:none; } }

/* Gold underlines for emphasis (9 Nov 2026) */
main h2 { padding-bottom:10px; background:linear-gradient(90deg,var(--gold),var(--gold-deep) 55%,transparent) no-repeat left bottom / 150px 1px; }
main b, main strong { color:var(--gold-soft); text-decoration:underline; text-decoration-color:var(--gold-deep); text-decoration-thickness:1px; text-underline-offset:5px; }
.btn b, .btn strong { color:inherit; text-decoration:none; }
@media print { main h2 { background:none; padding-bottom:0; } main b, main strong { color:inherit; } }