:root {
  --bg: #080b10;
  --panel: #12161d;
  --text: #f6f7f9;
  --muted: #b8bec8;
  --line: #2a303b;
  --accent: #f2c300;
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.container { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(8,11,16,.94);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.nav-wrap { display:flex; align-items:center; justify-content:space-between; min-height:72px; gap:24px; }
.brand { font-weight:900; letter-spacing:.02em; white-space:nowrap; }
.brand span { color:var(--accent); }
.nav-toggle { display:none; border:1px solid var(--line); background:transparent; color:var(--text); padding:9px 12px; border-radius:8px; font:inherit; }
.nav { display:flex; align-items:center; gap:24px; font-size:.96rem; }
.nav a { color:var(--muted); }
.nav a:hover, .nav a.active { color:var(--text); }
.dropdown { position:relative; }
.dropdown > a::after { content:" ▾"; font-size:.75em; color:var(--muted); }
.dropdown-menu {
  position:absolute; left:0; top:calc(100% + 12px); min-width:320px; padding:10px;
  background:#11151c; border:1px solid var(--line); border-radius:12px; box-shadow:0 18px 50px rgba(0,0,0,.35);
  opacity:0; visibility:hidden; transform:translateY(-4px); transition:.18s ease;
}
.dropdown:hover .dropdown-menu, .dropdown:focus-within .dropdown-menu { opacity:1; visibility:visible; transform:none; }
.dropdown-menu a { display:block; padding:10px 12px; border-radius:8px; }
.dropdown-menu a:hover { background:#1a1f28; }

/* Home */
.hero-preview { background:#05070c; overflow:hidden; }
.hero-preview img { display:block; width:100%; height:auto; max-width:1672px; margin:0 auto; }
.kicker { color:var(--accent); text-transform:uppercase; letter-spacing:.18em; font-weight:850; font-size:.82rem; }
.section { padding:88px 0; border-top:1px solid rgba(255,255,255,.07); }
.section h2 { font-size:clamp(2rem,5vw,4rem); margin:0 0 16px; letter-spacing:-.04em; line-height:1; }
.section-intro { color:var(--muted); max-width:760px; font-size:1.08rem; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:34px; }
.card { background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:26px; min-height:220px; display:flex; flex-direction:column; }
.card .num { color:var(--accent); font-size:.8rem; font-weight:850; letter-spacing:.14em; }
.card h3 { font-size:1.42rem; line-height:1.1; margin:14px 0 12px; }
.card p { color:var(--muted); margin:0 0 20px; }
.card a { margin-top:auto; font-weight:750; color:var(--accent); }
.actions { display:flex; flex-wrap:wrap; gap:12px; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 18px; border-radius:999px; border:1px solid var(--line); font-weight:750; }
.btn.primary { background:var(--accent); color:#111; border-color:var(--accent); }
.btn:hover { transform:translateY(-1px); }

/* Generic pages */
.page-hero { padding:96px 0 54px; background:linear-gradient(145deg,#080b11 0%,#0b1019 52%,#0a0c10 100%); border-bottom:1px solid rgba(255,255,255,.07); }
.page-hero h1 { margin:.15em 0; font-size:clamp(2.8rem,7vw,6rem); letter-spacing:-.05em; line-height:.95; max-width:1000px; }
.page-hero p { color:var(--muted); max-width:800px; font-size:1.14rem; }
.prose { max-width:820px; padding:54px 0 92px; }
.prose h2 { margin-top:42px; font-size:2rem; letter-spacing:-.03em; }
.prose p, .prose li { color:#d3d6de; font-size:1.06rem; }
.quote { border-left:4px solid var(--accent); padding:8px 0 8px 22px; margin:34px 0; font-size:1.35rem; font-weight:700; line-height:1.35; }
.platform-list { display:grid; gap:14px; margin-top:34px; }
.platform-item { padding:22px 24px; background:var(--panel); border:1px solid var(--line); border-radius:14px; display:flex; justify-content:space-between; gap:18px; align-items:center; }
.platform-item strong { font-size:1.15rem; }
.platform-item span { color:var(--muted); }

/* Contact */
.contact-hero {
  position:relative; overflow:hidden; padding:100px 0 70px;
  background:radial-gradient(circle at 82% 18%,rgba(242,195,0,.13),transparent 30%),radial-gradient(circle at 16% 55%,rgba(41,86,140,.22),transparent 34%),linear-gradient(145deg,#080b11 0%,#0b1019 52%,#0a0c10 100%);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.contact-hero::after { content:"CONNECT"; position:absolute; right:-.04em; bottom:-.31em; font-weight:900; font-size:clamp(7rem,19vw,18rem); line-height:1; letter-spacing:-.07em; color:rgba(255,255,255,.025); pointer-events:none; }
.contact-hero-inner { position:relative; z-index:1; }
.contact-hero h1 { margin:.14em 0 .28em; max-width:980px; font-size:clamp(3.7rem,9vw,8rem); line-height:.88; letter-spacing:-.065em; }
.contact-lead { max-width:820px; margin:0; color:#d7dbe4; font-size:clamp(1.12rem,2vw,1.42rem); line-height:1.55; }
.contact-note { margin:24px 0 0; color:var(--accent); font-size:1rem; font-weight:800; letter-spacing:.02em; }
.contact-section { padding:70px 0 100px; }
.contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.contact-card { position:relative; display:grid; grid-template-columns:54px 1fr; grid-template-rows:auto auto auto; column-gap:18px; align-items:center; min-height:155px; padding:26px; overflow:hidden; background:linear-gradient(145deg,rgba(20,23,30,.98),rgba(13,15,20,.98)); border:1px solid var(--line); border-radius:18px; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.contact-card::after { content:""; position:absolute; right:-40px; bottom:-60px; width:150px; height:150px; border-radius:50%; background:rgba(242,195,0,.05); }
.contact-card:hover { transform:translateY(-3px); border-color:rgba(242,195,0,.52); background:linear-gradient(145deg,rgba(24,27,35,.98),rgba(14,16,21,.98)); }
.contact-icon { grid-row:1 / span 3; width:54px; height:54px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--accent); color:#111; font-size:1.05rem; font-weight:900; }
.contact-label { color:var(--accent); text-transform:uppercase; letter-spacing:.14em; font-size:.76rem; font-weight:850; }
.contact-card strong { display:block; margin-top:2px; font-size:clamp(1.18rem,2.2vw,1.55rem); line-height:1.2; word-break:break-word; }
.contact-detail { color:var(--muted); margin-top:5px; font-size:.96rem; }
.contact-closing { max-width:860px; margin-top:54px; }
.contact-closing .quote { margin-bottom:0; }
.site-footer { border-top:1px solid rgba(255,255,255,.08); padding:34px 0 48px; color:var(--muted); font-size:.9rem; }
.footer-grid { display:flex; justify-content:space-between; gap:26px; flex-wrap:wrap; }
.disclaimer { max-width:700px; }

@media (max-width:900px) {
  .nav-toggle { display:block; }
  .nav { display:none; position:absolute; left:20px; right:20px; top:72px; flex-direction:column; align-items:stretch; gap:0; background:#111319; border:1px solid var(--line); border-radius:14px; padding:12px; }
  .nav.open { display:flex; }
  .nav > a, .dropdown > a { display:block; padding:10px 12px; }
  .dropdown-menu { position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:0; min-width:0; padding:0 0 0 14px; background:transparent; }
  .grid { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .contact-hero { padding:78px 0 56px; }
  .contact-grid { grid-template-columns:1fr; }
  .contact-card { min-height:138px; }
}
@media (max-width:560px) {
  .container { width:min(calc(100% - 28px),var(--max)); }
}

/* Contact compact layout v2 */
.contact-page { min-height:100vh; display:flex; flex-direction:column; }
.contact-page .contact-main { flex:1; display:flex; }
.contact-compact { position:relative; overflow:hidden; flex:1; width:100%; padding:74px 0 58px; display:flex; align-items:center; background:
  radial-gradient(circle at 82% 20%, rgba(242,195,0,.08), transparent 30%),
  linear-gradient(180deg,#080b10 0%,#090c12 100%); }
.contact-compact::before {
  content:"THIS IS\AHOW WE WIN";
  position:absolute;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%);
  width:100%;
  text-align:center;
  font-size:clamp(4.8rem,12vw,11.4rem);
  line-height:.82;
  letter-spacing:-.065em;
  font-weight:950;
  color:rgba(255,255,255,.035);
  white-space:pre;
  pointer-events:none;
  user-select:none;
  z-index:0;
}
.contact-compact .container { position:relative; z-index:1; }
.contact-intro { text-align:center; max-width:900px; margin:0 auto 40px; }
.contact-intro h1 { margin:.15em 0 .22em; font-size:clamp(2.4rem,5vw,4.8rem); line-height:.95; letter-spacing:-.045em; }
.contact-intro > p:not(.contact-note) { max-width:760px; margin:0 auto; color:#d7dbe4; font-size:clamp(1rem,1.5vw,1.17rem); line-height:1.55; }
.contact-intro .contact-note { margin:18px auto 0; color:var(--accent); font-weight:800; font-size:.95rem; }
.contact-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.contact-mini { min-width:0; display:flex; align-items:center; gap:14px; padding:17px 18px; min-height:104px; border-radius:13px; background:linear-gradient(145deg,#151920,#101319); border:1px solid #2a303b; transition:transform .18s ease,border-color .18s ease; }
.contact-mini:hover { transform:translateY(-2px); border-color:rgba(242,195,0,.52); }
.contact-mini-icon { flex:0 0 44px; width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--accent); color:#111; font-weight:900; font-size:.9rem; }
.contact-mini-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; line-height:1.25; }
.contact-mini-label { color:#f1f3f6; text-transform:uppercase; letter-spacing:.06em; font-weight:850; font-size:.72rem; margin-bottom:4px; }
.contact-mini strong { color:var(--accent); font-size:clamp(.9rem,1.15vw,1.03rem); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.contact-mini small { color:var(--muted); font-size:.76rem; margin-top:4px; }
.contact-mini.whatsapp .contact-mini-icon { background:#28c76f; color:#fff; }
.contact-mini.whatsapp strong { color:#32d777; }
.contact-mini.signal .contact-mini-icon { background:#4f79ff; color:#fff; }
.contact-mini.signal strong { color:#6e93ff; }
.contact-bottom-line { margin:32px auto 0; text-align:center; color:#aeb5c0; font-size:.95rem; }
.compact-footer { padding:22px 0 28px; }
@media (max-width:1050px) {
  .contact-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  .contact-compact { padding:52px 0 44px; align-items:flex-start; }
  .contact-compact::before,
  .contact-compact::after { font-size:24vw; padding:0 10px; }
  .contact-compact::before { top:41%; }
  .contact-compact::after { top:52%; }
  .contact-row { grid-template-columns:1fr; }
  .contact-intro { margin-bottom:28px; }
}


/* Contact two-number layout */
.contact-row-three { grid-template-columns:1.15fr 1.15fr 1.35fr; }
.contact-mini.campaign .contact-mini-label { color:var(--accent); }
.contact-mini.direct .contact-mini-icon { background:#e8edf4; color:#111; }
.contact-mini.direct strong { color:#f1f3f6; }
.contact-messaging-actions { display:flex; justify-content:center; gap:12px; margin-top:18px; }
.whatsapp-btn { background:#28c76f; border-color:#28c76f; color:#fff; }
.signal-btn { background:#4f79ff; border-color:#4f79ff; color:#fff; }
@media (max-width:1050px) {
  .contact-row-three { grid-template-columns:1fr; max-width:760px; margin:0 auto; }
}
@media (max-width:620px) {
  .contact-messaging-actions { flex-direction:column; }
}


/* Direct messaging icons integrated into the card */
.contact-row-three { grid-template-columns:1.05fr 1.35fr 1.25fr; }
.contact-mini.direct { position:relative; display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:14px; border-color:rgba(242,195,0,.52); }
.contact-mini.direct .direct-call-icon { text-decoration:none; }
.contact-mini.direct .direct-number { display:block; max-width:max-content; }
.contact-mini.direct .direct-number strong { color:#f1f3f6; }
.contact-apps { display:flex; align-items:center; gap:9px; margin-left:4px; }
.messenger-icon { width:42px; height:42px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; flex:0 0 42px; transition:transform .16s ease, box-shadow .16s ease; }
.messenger-icon:hover { transform:translateY(-2px) scale(1.04); }
.messenger-icon:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.messenger-icon svg { width:25px; height:25px; display:block; }
.whatsapp-icon { background:#25D366; box-shadow:0 0 0 1px rgba(37,211,102,.18); }
.whatsapp-icon svg { fill:#fff; }
.signal-icon { background:#3A76F0; box-shadow:0 0 0 1px rgba(58,118,240,.2); }
.signal-icon .signal-bubble { fill:#fff; }
.signal-icon .signal-dot { fill:#fff; opacity:.96; }
@media (max-width:1050px) {
  .contact-row-three { grid-template-columns:1fr; max-width:760px; margin:0 auto; }
  .contact-mini.direct { grid-template-columns:44px minmax(0,1fr) auto; }
}
@media (max-width:560px) {
  .contact-mini.direct { grid-template-columns:44px minmax(0,1fr); }
  .contact-apps { grid-column:2; margin:10px 0 0; }
}

/* Identity refresh */
.brand-lockup { display:inline-flex; align-items:center; gap:10px; font-weight:900; letter-spacing:.02em; }
.brand-lockup img { width:34px; height:34px; display:block; }
.brand-name { color:var(--text); }
.brand-name b { color:var(--accent); font-weight:900; }

.identity-hero {
  position:relative; min-height:calc(100svh - 72px); overflow:hidden; display:grid; place-items:center; isolation:isolate;
  background:
    radial-gradient(circle at 50% 43%, rgba(242,195,0,.11), transparent 20%),
    radial-gradient(circle at 82% 20%, rgba(50,92,150,.13), transparent 30%),
    linear-gradient(145deg,#06101c 0%,#07111d 38%,#05090f 100%);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.identity-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.015),transparent); transform:skewX(-18deg) translateX(-70%); animation:identitySweep 9s ease-in-out infinite; z-index:-1; }
@keyframes identitySweep { 0%,24%{transform:skewX(-18deg) translateX(-70%)} 60%,100%{transform:skewX(-18deg) translateX(90%)} }
.identity-watermark { position:absolute; inset:auto 0 4%; text-align:center; font-size:clamp(5rem,16vw,15rem); line-height:.76; letter-spacing:-.07em; font-weight:950; color:rgba(255,255,255,.025); pointer-events:none; user-select:none; }
.identity-inner { position:relative; z-index:2; width:min(92%,980px); text-align:center; padding:70px 20px 64px; }
.identity-mark { width:clamp(118px,15vw,205px); height:auto; filter:drop-shadow(0 14px 30px rgba(0,0,0,.35)); }
.identity-inner h1 { margin:22px 0 0; font-size:clamp(3.2rem,9vw,7.7rem); line-height:.88; letter-spacing:.08em; font-weight:850; }
.identity-inner h1 .gold-v, .identity-inner h1 span:last-child { color:var(--accent); }
.identity-inner h1 span:last-child { display:block; margin-top:.13em; font-size:.44em; letter-spacing:.24em; font-weight:650; }
.identity-rule { width:74px; height:2px; background:var(--accent); margin:26px auto 20px; }
.identity-slogan { margin:0; font-size:clamp(1.1rem,2.1vw,1.65rem); letter-spacing:.28em; font-weight:800; }
.identity-cta { display:inline-flex; align-items:center; gap:10px; margin-top:42px; padding:12px 18px; border:1px solid rgba(242,195,0,.5); border-radius:999px; color:#e7eaf0; font-size:.78rem; font-weight:800; letter-spacing:.12em; transition:.2s ease; }
.identity-cta:hover { border-color:var(--accent); color:var(--accent); transform:translateY(-2px); }
.campaign-hero { background:#05070c; overflow:hidden; scroll-margin-top:72px; }
.campaign-hero img { display:block; width:100%; height:auto; max-width:1672px; margin:0 auto; }

/* About story */
.about-story { position:relative; overflow:hidden; padding:84px 0 100px; background:
  radial-gradient(circle at 92% 10%, rgba(242,195,0,.08), transparent 25%),
  radial-gradient(circle at 5% 36%, rgba(35,74,120,.14), transparent 32%),
  #080b10; }
.about-watermark { position:absolute; left:50%; top:17%; transform:translateX(-50%); width:100%; text-align:center; white-space:nowrap; font-size:clamp(6rem,15vw,14rem); line-height:.74; letter-spacing:-.07em; font-weight:950; color:rgba(255,255,255,.026); pointer-events:none; user-select:none; }
.about-shell { position:relative; z-index:1; }
.about-heading { max-width:880px; margin-bottom:56px; }
.about-heading h1 { margin:.15em 0 .22em; font-size:clamp(3.2rem,7vw,6.8rem); line-height:.86; letter-spacing:-.055em; }
.about-deck { max-width:720px; margin:0; color:#c8ced8; font-size:clamp(1.05rem,1.7vw,1.28rem); line-height:1.55; }
.story-layout { display:grid; grid-template-columns:minmax(0,820px) minmax(220px,1fr); gap:72px; align-items:start; }
.story-copy { max-width:820px; }
.story-copy p { margin:0 0 24px; color:#d7dbe3; font-size:1.08rem; line-height:1.78; }
.story-copy p:first-child::first-letter { float:left; margin:.08em .12em 0 0; color:var(--accent); font-size:4.6rem; line-height:.78; font-weight:900; }
.story-pull { margin:36px 0 38px; padding:26px 0 26px 28px; border-left:3px solid var(--accent); color:#fff; font-size:clamp(1.7rem,3vw,2.55rem); line-height:1.08; letter-spacing:-.03em; font-weight:850; }
.story-emphasis { color:#fff !important; font-weight:800; font-size:1.18rem !important; }
.story-final { margin-top:46px; padding:28px 30px; border:1px solid rgba(242,195,0,.42); border-radius:16px; background:linear-gradient(145deg,rgba(21,25,32,.95),rgba(12,15,20,.96)); box-shadow:0 18px 60px rgba(0,0,0,.22); }
.story-final p { margin:0; color:#fff; font-size:clamp(1.25rem,2.1vw,1.72rem); line-height:1.35; font-weight:800; }
.story-final p + p { margin-top:8px; color:var(--accent); }
.about-symbol { position:sticky; top:118px; display:flex; flex-direction:column; align-items:center; gap:18px; min-height:260px; padding:32px 24px; border:1px solid rgba(255,255,255,.09); border-radius:22px; background:linear-gradient(160deg,rgba(17,22,30,.92),rgba(9,12,17,.86)); box-shadow:0 25px 70px rgba(0,0,0,.25); }
.about-symbol img { width:min(75%,190px); height:auto; }
.about-symbol span { color:var(--accent); font-size:.82rem; letter-spacing:.22em; font-weight:850; }

@media (max-width:900px) {
  .brand-name { display:inline; }
  .identity-hero { min-height:calc(100svh - 72px); }
  .story-layout { grid-template-columns:1fr; gap:34px; }
  .about-symbol { position:relative; top:auto; min-height:0; flex-direction:row; justify-content:center; }
  .about-symbol img { width:72px; }
}
@media (max-width:560px) {
  .brand-lockup img { width:30px; height:30px; }
  .brand-name { font-size:.86rem; }
  .identity-inner { padding-top:48px; }
  .identity-inner h1 { letter-spacing:.04em; }
  .identity-inner h1 span:last-child { letter-spacing:.14em; }
  .identity-slogan { letter-spacing:.18em; }
  .about-story { padding-top:60px; }
  .story-copy p { font-size:1rem; }
  .story-final { padding:22px 20px; }
}


/* ===== EXACT APPROVED LAYOUT — 2026-08-12 ===== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* integrated V wordmark used in headers */
.brand-lockup img,.brand-lockup .brand-name{display:none!important}
.mini-wordmark{position:relative;display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto auto;align-items:end;width:190px;height:56px;line-height:1}
.mini-v{grid-column:1;grid-row:1 / span 2;width:46px;height:42px;background:url('/assets/campaign-mark.svg') center/contain no-repeat;align-self:end;transform:translate(-6px,2px)}
.mini-asyl{grid-column:2;grid-row:1;color:#f4f6fa;font-weight:900;font-size:1.65rem;letter-spacing:.07em;align-self:end}
.mini-surname{grid-column:2;grid-row:2;color:var(--accent);font-weight:800;font-size:.72rem;letter-spacing:.27em;margin-top:1px}
.mini-tagline{grid-column:1 / span 2;grid-row:3;color:#f0f3f8;font-size:.25rem;font-weight:800;letter-spacing:.12em;margin-top:4px;text-align:center;opacity:.92}

/* FIRST SCREEN — exactly the quiet identity screen */
.exact-home{background:#06101b}
.exact-home .site-header{display:none}
.splash-screen{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(25,49,77,.26),transparent 35%),linear-gradient(145deg,#071321 0%,#06101b 58%,#050b13 100%)}
.splash-screen::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 36%,rgba(0,0,0,.22) 100%);pointer-events:none}
.splash-wordmark{position:relative;z-index:2;width:min(660px,78vw);display:grid;grid-template-rows:auto auto auto;justify-items:center;line-height:1;filter:drop-shadow(0 12px 28px rgba(0,0,0,.28))}
.splash-name{display:flex;align-items:flex-end;justify-content:center}
.splash-v{width:clamp(105px,13vw,178px);height:clamp(92px,11.8vw,163px);margin-right:-12px;background:url('/assets/campaign-mark.svg') center/contain no-repeat;transform:translateY(7px)}
.splash-asyl{font-weight:900;color:#f4f6fa;font-size:clamp(4rem,9.4vw,8.7rem);letter-spacing:.055em}
.splash-surname{margin-left:clamp(70px,10vw,150px);color:var(--accent);font-weight:800;font-size:clamp(1.45rem,3.2vw,3rem);letter-spacing:.38em}
.splash-tagline{margin-top:14px;margin-left:clamp(65px,9vw,135px);color:#f0f3f8;font-weight:750;font-size:clamp(.48rem,.88vw,.8rem);letter-spacing:.25em}
.scroll-cue{position:absolute;z-index:3;bottom:26px;left:50%;transform:translateX(-50%);font-size:2rem;color:rgba(242,195,0,.68);animation:bob 1.8s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,7px)}}

/* SECOND SCREEN — approved photographic hero */
.scroll-hero{position:relative;background:#05070c;scroll-margin-top:0}
.hero-header{position:absolute;inset:0 0 auto 0;z-index:10;background:linear-gradient(180deg,rgba(4,8,14,.82),rgba(4,8,14,.22),transparent);border-bottom:0}
.hero-header .nav-wrap{min-height:92px}
.hero-header .nav a{color:#f4f5f7;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.hero-header .nav a:hover,.hero-header .nav a.active{color:var(--accent)}
.hero-header .mini-wordmark{width:205px}
.hero-image-wrap img{display:block;width:100%;height:auto}

/* ABOUT — approved screenshot layout */
.exact-about .site-header{position:sticky}
.approved-about-section{position:relative;overflow:hidden;padding:42px 0 70px;background:radial-gradient(circle at 87% 18%,rgba(242,195,0,.08),transparent 25%),radial-gradient(circle at 7% 47%,rgba(35,74,120,.12),transparent 31%),#06101b}
.approved-about-wrap{position:relative;z-index:2}
.about-wordmark-watermark{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);z-index:1;opacity:.065;width:min(900px,68vw);height:250px;display:grid;grid-template-columns:180px auto;grid-template-rows:120px 55px 40px;align-items:end;pointer-events:none;user-select:none}
.wm-v{grid-column:1;grid-row:1 / span 2;width:220px;height:180px;background:url('/assets/campaign-mark.svg') center/contain no-repeat;transform:translate(-30px,25px)}
.wm-asyl{grid-column:2;grid-row:1;color:white;font-size:8rem;font-weight:900;letter-spacing:.05em}
.wm-surname{grid-column:2;grid-row:2;color:var(--accent);font-size:2.5rem;font-weight:800;letter-spacing:.34em}
.wm-tagline{grid-column:1 / span 2;grid-row:3;color:white;font-size:.78rem;font-weight:800;letter-spacing:.32em;text-align:center}
.about-top-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(300px,.9fr);gap:58px;align-items:start}
.about-left-zone h1{margin:.1em 0 .08em;font-size:clamp(3rem,4.8vw,5.25rem);line-height:.92;letter-spacing:-.045em;white-space:nowrap}
.approved-deck{max-width:760px;margin:0;color:#dce1e9;font-size:clamp(1.12rem,1.45vw,1.34rem);line-height:1.45}
.short-rule{width:56px;height:3px;background:var(--accent);margin:23px 0 22px}
.about-two-col{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,1.05fr);gap:34px}
.about-intro-copy p,.about-function-block p,.about-bottom-columns p,.about-right-zone p{margin:0 0 16px;color:#d7dce5;font-size:.98rem;line-height:1.5}
.about-function-block{position:relative;border-left:2px solid rgba(242,195,0,.72);padding-left:24px}
.big-quote{position:absolute;top:-12px;left:18px;color:var(--accent);font-weight:900;font-size:4.4rem;line-height:1}
.about-function-block h2{margin:0 0 16px;padding-left:42px;color:#f5f6f8;font-size:clamp(1.6rem,2.1vw,2.25rem);line-height:1.05;letter-spacing:-.03em}
.about-right-zone{padding-top:18px}
.standalone-v{width:min(285px,90%);aspect-ratio:1/1;margin:0 auto 12px;background:url('/assets/campaign-mark.svg') center/contain no-repeat;filter:drop-shadow(0 18px 34px rgba(0,0,0,.28))}
.about-right-zone h3{margin:4px 0 11px;color:var(--accent);font-size:1.2rem;line-height:1.1;letter-spacing:-.02em}
.about-right-zone p{font-size:1rem;max-width:280px}
.approved-divider{height:1px;background:rgba(255,255,255,.17);margin:18px 0 18px}
.about-bottom-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.about-bottom-columns .emph{font-weight:800;color:#fff}
.approved-final-quote{display:flex;gap:18px;align-items:flex-start;margin-top:20px;padding:16px 20px;border:1px solid rgba(242,195,0,.54);border-radius:14px;background:linear-gradient(145deg,rgba(16,22,30,.95),rgba(8,12,18,.95))}
.final-quote-mark{color:var(--accent);font-size:3.5rem;font-weight:900;line-height:.9}
.approved-final-quote p{margin:0;color:#fff;font-size:1.05rem;font-weight:800;line-height:1.34}
.approved-final-quote p:last-child{margin-top:4px;color:var(--accent);font-size:1.18rem}

@media(max-width:1080px){.about-top-grid{grid-template-columns:1fr}.about-right-zone{display:grid;grid-template-columns:160px 1fr;column-gap:20px;align-items:center}.standalone-v{width:150px;margin:0}.about-right-zone h3{margin:0}.about-right-zone p{max-width:none}.about-left-zone h1{white-space:normal}}
@media(max-width:900px){.hero-header{position:relative;background:#080b10}.hero-header .nav-wrap{min-height:72px}.hero-image-wrap img{min-height:560px;object-fit:cover;object-position:center}.about-two-col,.about-bottom-columns{grid-template-columns:1fr}.about-wordmark-watermark{width:100%;opacity:.04}.mini-tagline{display:none}.mini-wordmark{height:46px}.mini-asyl{font-size:1.35rem}}
@media(max-width:560px){.splash-wordmark{width:90vw}.splash-v{margin-right:-6px}.splash-surname{margin-left:40px;letter-spacing:.24em}.splash-tagline{margin-left:34px;letter-spacing:.12em}.about-right-zone{grid-template-columns:100px 1fr}.standalone-v{width:100px}.approved-about-section{padding-top:30px}.about-left-zone h1{font-size:2.55rem}.approved-deck{font-size:1rem}.about-function-block h2{font-size:1.55rem}.about-intro-copy p,.about-function-block p,.about-bottom-columns p,.about-right-zone p{font-size:.94rem}}

/* Exact-image pass requested by Vasyl: no reconstructed logo, no About re-layout. */
.splash-image-screen{position:relative;min-height:100svh;display:grid;place-items:center;background:#06101b;overflow:hidden}
.splash-image-screen>img{display:block;width:min(58vw,560px);height:auto;image-rendering:auto}
.splash-image-screen .scroll-cue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);color:#d4af19;font-size:1.6rem;line-height:1}
.brand-image-link{display:flex;align-items:center;height:70px}
.brand-image-link img{display:block;width:205px;height:auto;object-fit:contain}
.exact-hero-image{position:relative;overflow:hidden}
.exact-hero-image>img:first-child{display:block;width:100%;height:auto}
.hero-logo-cover{position:absolute;left:0;top:0;width:31%;height:16%;background:linear-gradient(90deg,#06101b 0%,#07111d 72%,rgba(7,17,29,0) 100%);pointer-events:none}
.hero-logo-replacement{position:absolute;left:3.1%;top:2.2%;width:205px;height:auto;z-index:3;pointer-events:none}

.about-reference-page{margin:0;background:#06101b;overflow-x:hidden}
.about-reference-wrap{position:relative;width:100%;margin:0}
.about-reference-img{display:block;width:100%;height:auto;margin:0}
.about-image-nav a{position:absolute;top:3.3%;height:5.4%;z-index:5}
.about-home-link{left:47.4%;width:6.7%}
.about-about-link{left:55.1%;width:9.1%}
.about-platform-link{left:65.1%;width:10.6%}
.about-why-link{left:76.6%;width:12.6%}
.about-contact-link{left:90.0%;width:7.3%}
.about-image-nav a:focus-visible{outline:2px solid #f2c300;outline-offset:-2px}

@media(max-width:900px){
  .splash-image-screen>img{width:min(82vw,520px)}
  .brand-image-link img{width:165px}
  .hero-logo-replacement{width:165px;top:2.6%}
}
@media(max-width:560px){
  .splash-image-screen>img{width:88vw}
  .hero-logo-cover{width:45%;height:18%}
  .hero-logo-replacement{width:120px;left:2.5%;top:2%}
}


/* === FIX: use the approved high-resolution integrated-V logo and preserve the photographic hero === */
.splash-image-screen{background:#06101b!important;}
.splash-image-screen>img{
  display:block!important;
  width:min(66vw,760px)!important;
  max-width:760px!important;
  height:auto!important;
  object-fit:contain!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  filter:drop-shadow(0 14px 30px rgba(0,0,0,.28));
}

.brand-image-link{height:72px!important;display:flex!important;align-items:center!important;overflow:visible!important;}
.brand-image-link img{
  width:230px!important;
  max-width:230px!important;
  height:auto!important;
  object-fit:contain!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.exact-scroll-hero .hero-image-wrap{position:relative!important;overflow:hidden!important;background:#05070c!important;}
.exact-scroll-hero .hero-image-wrap>img:first-child{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
  transform:none!important;
}
.exact-scroll-hero .hero-logo-cover{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:32%!important;
  height:18%!important;
  background:linear-gradient(90deg,rgba(5,10,17,.98) 0%,rgba(6,14,24,.95) 68%,rgba(6,14,24,0) 100%)!important;
  z-index:2!important;
}
.exact-scroll-hero .hero-logo-replacement{
  position:absolute!important;
  left:3.2%!important;
  top:2.4%!important;
  width:235px!important;
  max-width:235px!important;
  height:auto!important;
  object-fit:contain!important;
  z-index:3!important;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.34))!important;
}

@media(max-width:900px){
  .splash-image-screen>img{width:min(82vw,680px)!important;}
  .brand-image-link img{width:185px!important;max-width:185px!important;}
  .exact-scroll-hero .hero-logo-replacement{width:185px!important;max-width:185px!important;top:2.2%!important;}
  .exact-scroll-hero .hero-logo-cover{width:42%!important;height:18%!important;}
}
@media(max-width:560px){
  .splash-image-screen>img{width:90vw!important;}
  .brand-image-link img{width:135px!important;max-width:135px!important;}
  .exact-scroll-hero .hero-logo-replacement{width:135px!important;max-width:135px!important;left:2.5%!important;top:1.8%!important;}
  .exact-scroll-hero .hero-logo-cover{width:52%!important;height:19%!important;}
}


/* OPENING SCREEN ONLY — exact approved master logo, no panel, no reconstruction */
.exact-home-v2 .splash-image-screen{
  min-height:100svh!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  background:#06101b!important;
}
.exact-home-v2 .splash-image-screen>img{
  display:block!important;
  width:min(78vw,980px)!important;
  max-width:980px!important;
  height:auto!important;
  object-fit:contain!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  filter:none!important;
}
.exact-home-v2 .splash-image-screen .scroll-cue{
  position:absolute!important;
  left:50%!important;
  bottom:20px!important;
  transform:translateX(-50%)!important;
  color:rgba(242,195,0,.72)!important;
}
@media(max-width:700px){
  .exact-home-v2 .splash-image-screen>img{width:92vw!important;}
}


/* 2026-08-12: exact requested correction.
   Keep ONLY the logo embedded at the far-left of the photographic hero.
   Remove the second/header duplicate. Keep navigation fixed while scrolling. */
.exact-home-v2 .hero-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:80!important;
  background:linear-gradient(180deg,rgba(4,8,14,.92) 0%,rgba(4,8,14,.62) 58%,rgba(4,8,14,0) 100%)!important;
  border-bottom:0!important;
}
.exact-home-v2 .hero-header .nav-wrap{
  min-height:78px!important;
  justify-content:flex-end!important;
}
.exact-home-v2 .hero-header .nav{margin-left:auto!important;}
.exact-home-v2 .brand-image-link{display:none!important;}

/* The source hero image already contains the dark placement area.
   Do not add another cover; only place the approved logo there. */
.exact-home-v2 .hero-logo-cover{display:none!important;}
.exact-home-v2 .hero-logo-replacement{
  display:block!important;
  position:absolute!important;
  left:3.1%!important;
  top:2.2%!important;
  width:205px!important;
  max-width:205px!important;
  height:auto!important;
  z-index:5!important;
  pointer-events:none!important;
}

/* Keep the navigation accessible on every internal page too. */
body:not(.home-page) .site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:80!important;
}
body:not(.home-page) main{padding-top:72px;}

@media(max-width:900px){
  .exact-home-v2 .hero-header{background:rgba(8,11,16,.96)!important;}
  .exact-home-v2 .hero-header .nav-wrap{justify-content:flex-end!important;min-height:72px!important;}
  .exact-home-v2 .hero-logo-replacement{width:165px!important;max-width:165px!important;left:2.5%!important;top:2.1%!important;}
}
@media(max-width:560px){
  .exact-home-v2 .hero-logo-replacement{width:120px!important;max-width:120px!important;left:2.2%!important;top:1.8%!important;}
}

/* Fix About image-map alignment: no phantom fixed-header offset on the image-only About page. */
.about-reference-page main{padding-top:0!important;}

/* 2026-08-12 — approved ideology watermark for Platform + Why I'm Running only. */
.ideology-page{
  position:relative;
  background:#07101b;
}
.ideology-page main{
  position:relative;
  isolation:isolate;
  background:transparent;
}
.ideology-page main::before{
  content:"";
  position:fixed;
  z-index:-1;
  inset:72px 0 0;
  background-image:url('/assets/we-win-watermark.png');
  background-repeat:no-repeat;
  background-position:center 44%;
  background-size:min(92vw,1500px) auto;
  opacity:.48;
  pointer-events:none;
}
.ideology-page .page-hero,
.ideology-page .prose{
  position:relative;
  z-index:1;
  background:transparent;
}
.ideology-page .page-hero{
  border-bottom:1px solid rgba(242,195,0,.24);
  background:linear-gradient(90deg,rgba(7,16,27,.94) 0%,rgba(7,16,27,.76) 48%,rgba(7,16,27,.28) 100%);
}
.ideology-page .page-hero h1{
  max-width:760px;
}
.ideology-page .page-hero p{
  color:#d9dee7;
}
.ideology-page .prose{
  max-width:1180px;
}
.ideology-page .platform-list{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:18px;
}
.ideology-page .platform-item{
  grid-column:span 2;
  min-height:190px;
  align-items:flex-start;
  background:linear-gradient(145deg,rgba(10,23,38,.93),rgba(5,14,25,.93));
  border:1px solid rgba(226,157,33,.78);
  box-shadow:0 16px 42px rgba(0,0,0,.18);
}
.ideology-page .platform-item:nth-child(4),
.ideology-page .platform-item:nth-child(5){grid-column:span 3;}
.ideology-page .platform-item strong{font-size:1.25rem;}
.ideology-page .platform-item b{color:var(--accent);font-size:1.4rem;}
.ideology-page .quote{
  border:1px solid rgba(226,157,33,.72);
  border-left:4px solid var(--accent);
  border-radius:14px;
  padding:20px 24px;
  background:linear-gradient(145deg,rgba(10,23,38,.92),rgba(5,14,25,.92));
  color:#fff;
}
@media(max-width:900px){
  .ideology-page main::before{background-size:140vw auto;background-position:center 32%;opacity:.38;}
  .ideology-page .platform-list{grid-template-columns:1fr;}
  .ideology-page .platform-item,
  .ideology-page .platform-item:nth-child(4),
  .ideology-page .platform-item:nth-child(5){grid-column:auto;}
}

/* === EXACT INTERNAL HEADER: clone the approved About Me top strip everywhere === */
.exact-internal-page{background:#06101b;}
.exact-about-style-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:120;
  width:100%;
  aspect-ratio:1448 / 115;
  background:#06101b;
  overflow:visible;
}
.exact-about-style-header-img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;}
.exact-about-style-map{position:absolute;inset:0;z-index:2;}
.exact-about-style-map>a,
.exact-about-style-map .dropdown-hit{position:absolute;top:0;height:100%;}
.exact-about-style-map .map-home{left:47.4%;width:6.7%;}
.exact-about-style-map .map-about{left:55.1%;width:9.1%;}
.exact-about-style-map .map-platform{left:65.1%;width:10.6%;}
.exact-about-style-map .map-why{left:76.6%;width:12.6%;}
.exact-about-style-map .map-contact{left:90%;width:7.3%;}
.exact-about-style-map .dropdown-hit>a{position:absolute;inset:0;display:block;}
.exact-dropdown-menu{
  position:absolute;left:0;top:92%;min-width:320px;padding:10px;
  background:#11151c;border:1px solid #2a303b;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.35);
  opacity:0;visibility:hidden;transform:translateY(-4px);transition:.18s ease;
}
.dropdown-hit:hover .exact-dropdown-menu,.dropdown-hit:focus-within .exact-dropdown-menu{opacity:1;visibility:visible;transform:none;}
.exact-dropdown-menu a{display:block;padding:10px 12px;border-radius:8px;color:#d8dde6;font-size:.92rem;white-space:nowrap;}
.exact-dropdown-menu a:hover{background:#1a1f28;color:#f2c300;}
.mobile-internal-header{display:none;}
.exact-internal-page main{padding-top:calc(100vw * 115 / 1448)!important;}
.about-exact-main{padding-top:calc(100vw * 115 / 1448)!important;background:#06101b;}
.about-exact-main img{display:block;width:100%;height:auto;}
/* ideology background starts below the exact header, without changing the header itself */
.exact-internal-page.ideology-page main::before{inset:calc(100vw * 115 / 1448) 0 0!important;}

/* Contact: the approved WE WIN image is always centered as one complete watermark. */
.exact-internal-page.contact-page .contact-compact{
  position:relative!important;
  background:#06101b!important;
  isolation:isolate;
}
.exact-internal-page.contact-page .contact-compact::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  left:0!important;top:0!important;
  width:100%!important;height:100%!important;
  transform:none!important;
  background-image:url('/assets/contact-we-win-approved.png')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:min(92vw,1450px) auto!important;
  opacity:.33!important;
  pointer-events:none!important;
  z-index:0!important;
}
.exact-internal-page.contact-page .contact-compact .container{position:relative;z-index:1;}

@media(max-width:900px){
  .exact-about-style-header{display:none;}
  .mobile-internal-header{display:block;position:fixed;top:0;left:0;right:0;z-index:120;background:#06101b;border-bottom:1px solid rgba(226,157,33,.36);}
  .exact-internal-page main,.about-exact-main{padding-top:72px!important;}
  .exact-internal-page.ideology-page main::before{inset:72px 0 0!important;}
  .exact-internal-page.contact-page .contact-compact::before{background-size:145vw auto!important;background-position:center 38%!important;opacity:.25!important;}
}