@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');:root { --ink: #05080d; --ink-2: #0a1019; --ink-3: #101a27; --paper: #f6f1e5; --muted: #b9b5aa; --gold: #c99b34; --gold-2: #e2bd64; --gold-deep: #704d12; --green: #62b892; --purple: #a98fd8; --blue: #77a9dc; --warning: #e7b74d; --critical: #dc6c63; --line: rgba(201, 155, 52, 0.32); --serif: 'EB Garamond', Georgia, serif; --sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --shadow: 0 24px 80px rgba(0,0,0,.35);
} * { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--paper); background: radial-gradient(circle at 18% 12%, rgba(201,155,52,.08), transparent 26rem), radial-gradient(circle at 83% 27%, rgba(69,106,142,.09), transparent 30rem), var(--ink); font-family: var(--sans); line-height: 1.6; min-height: 100vh;
}
body::before { content: ''; position: fixed; inset: 0; pointer-events: none; opacity:.2; background-image: radial-gradient(rgba(226,189,100,.45).45px, transparent.45px); background-size: 24px 24px; mask-image: linear-gradient(to bottom, black, transparent 75%); z-index: -1;
}
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--gold-2); outline-offset: 3px;
}
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 100; padding:.75rem 1rem; background: var(--paper); color: var(--ink);
}.skip-link:focus { top: 1rem; }.site-header { position: sticky; top: 0; z-index: 50; background: rgba(5,8,13,.88); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line);
}.nav-shell { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
}.brand { display: inline-flex; align-items: center; gap:.7rem; min-width: 220px; }.brand img { width: 44px; height: 44px; object-fit: contain; }.brand-name { font-family: var(--serif); letter-spacing:.11em; font-size: 1.08rem; font-weight: 600; }.brand-kicker { display: block; color: var(--gold-2); font: 500.62rem/1 var(--sans); letter-spacing:.18em; text-transform: uppercase; margin-top:.15rem; }.nav-toggle { display: none; background: transparent; color: var(--paper); border: 1px solid var(--line); padding:.55rem.75rem; border-radius: 999px; }.primary-nav { display: flex; align-items: center; justify-content: flex-end; gap:.15rem; flex-wrap: wrap; }.primary-nav a { color: #dfdbd0; font-size:.76rem; letter-spacing:.05em; padding:.58rem.62rem; border-radius: 999px; }.primary-nav a:hover,.primary-nav a[aria-current='page'] { color: var(--ink); background: var(--gold-2); } main { overflow: clip; }.container { width: min(1160px, calc(100% - 2rem)); margin-inline: auto; }.narrow { width: min(820px, calc(100% - 2rem)); margin-inline: auto; }.section { padding: clamp(4rem, 8vw, 7rem) 0; }.section-tight { padding: 3rem 0; }.eyebrow { color: var(--gold-2); text-transform: uppercase; letter-spacing:.23em; font-size:.72rem; font-weight: 600; }
h1,h2,h3,h4 { font-family: var(--serif); line-height: 1.02; margin: 0 0 1rem; font-weight: 500; text-wrap: balance; }
h1 { font-size: clamp(3.2rem, 8.4vw, 7.2rem); }
h2 { font-size: clamp(2.35rem, 5vw, 4.4rem); }
h3 { font-size: clamp(1.55rem, 2.4vw, 2.15rem); }
p { margin: 0 0 1rem; }.lede { font-family: var(--serif); font-size: clamp(1.25rem, 2.4vw, 1.75rem); color: #ded8ca; max-width: 48rem; }.muted { color: var(--muted); }.gold { color: var(--gold-2); }.divider { height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); margin: 2rem 0; }.hero { min-height: calc(100vh - 76px); display: grid; place-items: center; padding: 3rem 0 5rem; }.hero-grid { display: grid; grid-template-columns:.92fr 1.08fr; align-items: center; gap: clamp(2rem, 7vw, 6rem); }.hero-copy h1.line { display: block; }.hero-copy h1.accent { color: var(--gold-2); }.hero-actions { display: flex; flex-wrap: wrap; gap:.75rem; margin-top: 1.7rem; }.button { display: inline-flex; align-items: center; justify-content: center; gap:.5rem; min-height: 46px; padding:.75rem 1.15rem; border-radius: 999px; border: 1px solid var(--gold); color: var(--ink); background: var(--gold-2); font-weight: 600; cursor: pointer;
}.button:hover { transform: translateY(-1px); box-shadow: 0 12px 30px rgba(201,155,52,.15); }.button.secondary { color: var(--paper); background: transparent; }.button.ghost { border-color: rgba(255,255,255,.16); color: var(--paper); background: rgba(255,255,255,.04); }.button.small { min-height: 38px; padding:.5rem.85rem; font-size:.84rem; }.globe-stage { position: relative; width: min(600px, 92vw); margin-inline: auto; aspect-ratio: 1; display: grid; place-items: center; }.globe-halo { position: absolute; inset: 7%; border-radius: 50%; background: radial-gradient(circle, rgba(201,155,52,.18), rgba(5,8,13,0) 68%); filter: blur(8px); }.globe-svg { width: 76%; overflow: visible; filter: drop-shadow(0 20px 45px rgba(0,0,0,.55)); }.globe-core { transform-origin: 50% 50%; animation: globe-breathe 8s ease-in-out infinite; }.globe-longitudes { transform-origin: center; animation: globe-turn 28s linear infinite; }.globe-land { fill: rgba(226,189,100,.17); stroke: rgba(226,189,100,.82); stroke-width: 1.25; }.globe-line { fill: none; stroke: rgba(226,189,100,.58); stroke-width: 1.1; }.globe-major { stroke: var(--gold-2); stroke-width: 1.5; }
@keyframes globe-turn { to { transform: rotate(360deg); } }
@keyframes globe-breathe { 50% { transform: scale(1.012); } }.globe-node { position: absolute; width: 118px; min-height: 58px; padding:.55rem.65rem; border: 1px solid rgba(201,155,52,.45); border-radius: 14px; background: rgba(5,8,13,.9); color: var(--paper); cursor: pointer; box-shadow: 0 10px 30px rgba(0,0,0,.32); transition:.2s ease; text-align: center;
}.globe-node:hover,.globe-node.active { border-color: var(--gold-2); transform: translateY(-2px); background: rgba(19,24,31,.96); }.globe-node strong { display: block; color: var(--gold-2); font: 600.82rem/1.05 var(--serif); }.globe-node span { display: block; margin-top:.2rem; color: var(--muted); font-size:.64rem; }.globe-node.n1 { top: 2%; left: 39%; }.globe-node.n2 { top: 22%; right: -2%; }.globe-node.n3 { bottom: 18%; right: 0; }.globe-node.n4 { bottom: 0; left: 39%; }.globe-node.n5 { bottom: 18%; left: -2%; }.globe-node.n6 { top: 22%; left: -2%; }.globe-node.n7 { top: 44%; right: -8%; }.globe-panel { margin: 1rem auto 0; width: min(460px, 100%); padding: 1rem 1.15rem; border-left: 2px solid var(--gold); background: rgba(255,255,255,.025); min-height: 112px; }.globe-panel h3 { font-size: 1.4rem; margin-bottom:.35rem; color: var(--gold-2); }.globe-panel p { color: var(--muted); font-size:.9rem; margin-bottom:.6rem; }.globe-panel a { color: var(--gold-2); font-size:.82rem; text-transform: uppercase; letter-spacing:.12em; }.page-hero { padding: 6rem 0 3.5rem; border-bottom: 1px solid var(--line); }.page-hero h1 { font-size: clamp(3.2rem, 7vw, 6.2rem); }.page-hero.lede { max-width: 58rem; }.card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }.card-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }.card-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }.card { position: relative; min-height: 230px; padding: 1.4rem; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); overflow: hidden;
}.card::after { content: ''; position: absolute; inset: auto -30% -55% 20%; height: 160px; background: radial-gradient(circle, rgba(201,155,52,.12), transparent 70%); }.card h3 { position: relative; z-index: 1; }.card p,.card ul,.card.meta { position: relative; z-index: 1; color: var(--muted); }.card.code { display: inline-block; margin-bottom: 1.4rem; color: var(--gold-2); font-size:.72rem; letter-spacing:.14em; text-transform: uppercase; }.card.link-arrow { position: absolute; bottom: 1.2rem; left: 1.4rem; z-index: 2; color: var(--gold-2); font-size:.78rem; letter-spacing:.12em; text-transform: uppercase; }.card:hover { border-color: rgba(226,189,100,.62); transform: translateY(-2px); }.card.mm { border-top: 3px solid var(--green); }.card.vt { border-top: 3px solid var(--purple); }.card.di { border-top: 3px solid var(--blue); }.card.ef { border-top: 3px solid var(--gold); }.status-strip { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }.status-item { padding: 1rem; border-right: 1px solid var(--line); background: rgba(255,255,255,.02); }.status-item:last-child { border-right: 0; }.status-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right:.45rem; }.status-item strong { font-family: var(--serif); font-size: 1.05rem; }.status-item small { display: block; color: var(--muted); margin-top:.35rem; }.layer-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap:.8rem; }.layer-card { padding: 1rem; border: 1px solid var(--line); background: rgba(255,255,255,.025); border-radius: 14px; }.layer-card.letter { color: var(--gold-2); font: 600 2.6rem/1 var(--serif); }.layer-card h3 { font-size: 1.2rem; margin:.5rem 0; }.layer-card p { color: var(--muted); font-size:.82rem; }.domain-list { display: grid; grid-template-columns: repeat(2, 1fr); gap:.7rem; }.domain { padding:.9rem 1rem; border-left: 2px solid var(--gold); background: rgba(255,255,255,.025); }.domain b { color: var(--gold-2); }.domain span { color: var(--muted); font-size:.86rem; }.report-toolbar { display: flex; gap:.7rem; margin-bottom: 1.2rem; flex-wrap: wrap; }.input, select, textarea { width: 100%; padding:.8rem.9rem; color: var(--paper); background: var(--ink-2); border: 1px solid rgba(255,255,255,.14); border-radius: 10px;
}.input::placeholder, textarea::placeholder { color: #858279; }.search-input { max-width: 460px; }.report-list { display: grid; gap:.7rem; }.report-row { display: grid; grid-template-columns: 120px 1fr auto; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.018); }.report-row.series { color: var(--gold-2); font-size:.72rem; letter-spacing:.1em; text-transform: uppercase; }.report-row h3 { font-size: 1.25rem; margin: 0; }.report-row p { color: var(--muted); font-size:.82rem; margin:.2rem 0 0; }.badge { display: inline-flex; align-items: center; padding:.28rem.55rem; border: 1px solid var(--line); border-radius: 999px; font-size:.7rem; color: var(--gold-2); white-space: nowrap; }.badge.soon { border-color: rgba(119,169,220,.4); color: #a8caeb; }.badge.internal { color: #d6bfdc; border-color: rgba(169,143,216,.4); }.workflow { counter-reset: stage; display: grid; gap:.75rem; }.workflow-step { counter-increment: stage; display: grid; grid-template-columns: 52px 1fr; gap:.9rem; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; }.workflow-step::before { content: counter(stage, decimal-leading-zero); display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold-2); font-family: var(--serif); }.workflow-step h3 { font-size: 1.25rem; margin: 0 0.25rem; }.workflow-step p { color: var(--muted); margin: 0; font-size:.9rem; }.form-shell { padding: 1.5rem; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); }.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }.form-field { display: grid; gap:.35rem; }.form-field.full { grid-column: 1 / -1; }.form-field label { color: var(--gold-2); font-size:.78rem; letter-spacing:.06em; }.file-drop { display: grid; place-items: center; min-height: 150px; padding: 1rem; border: 1px dashed rgba(226,189,100,.45); border-radius: 12px; text-align: center; background: rgba(201,155,52,.025); }.file-drop input { max-width: 100%; }.form-status { min-height: 1.4rem; color: var(--gold-2); font-size:.85rem; margin-top:.7rem; }.checkbox { display: flex; align-items: flex-start; gap:.6rem; color: var(--muted); font-size:.82rem; }.checkbox input { margin-top:.22rem; }.development-banner { padding: 1rem 1.2rem; border: 1px solid rgba(119,169,220,.35); border-radius: 12px; background: rgba(119,169,220,.07); color: #c9dff5; }.model-diagram { position: relative; min-height: 420px; display: grid; place-items: center; }.model-ring { width: 280px; aspect-ratio: 1; border-radius: 50%; border: 1px solid var(--gold); display: grid; place-items: center; box-shadow: inset 0 0 80px rgba(201,155,52,.06); }.model-ring::before,.model-ring::after { content: ''; position: absolute; border-radius: 50%; border: 1px solid rgba(201,155,52,.28); }.model-ring::before { width: 360px; height: 360px; }.model-ring::after { width: 440px; height: 440px; }.model-ring span { max-width: 170px; text-align: center; color: var(--gold-2); font-family: var(--serif); font-size: 1.6rem; }.seahorse-hero { display: grid; grid-template-columns:.9fr 1.1fr; align-items: center; gap: 3rem; }.seahorse-art { max-width: 560px; filter: sepia(.1) saturate(1.1) drop-shadow(0 20px 50px rgba(0,0,0,.35)); }.deck-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }.deck-card { aspect-ratio:.67; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.2rem; border: 1px solid var(--line); border-radius: 16px; background: radial-gradient(circle at 50% 28%, rgba(201,155,52,.17), transparent 30%), repeating-radial-gradient(circle at 50% 36%, rgba(201,155,52,.15) 0 1px, transparent 1px 26px), linear-gradient(160deg, #0d1722, #030507 75%);
}.deck-card:nth-child(2) { background-color: #10130f; }.deck-card:nth-child(3) { background-color: #0b0610; }.deck-card h3 { color: var(--gold-2); margin-bottom:.25rem; }.deck-card p { color: var(--muted); font-size:.84rem; }.founder { display: grid; grid-template-columns: minmax(260px,.7fr) 1.3fr; gap: 3rem; align-items: center; }.founder img { max-height: 680px; width: 100%; object-fit: cover; object-position: top; border-radius: 20px; border: 1px solid var(--line); }.admin-shell { display: grid; grid-template-columns: 220px 1fr; gap: 1rem; }.admin-nav { border: 1px solid var(--line); border-radius: 14px; padding:.7rem; height: max-content; position: sticky; top: 96px; }.admin-nav button { width: 100%; text-align: left; padding:.7rem; background: transparent; color: var(--muted); border: 0; border-radius: 8px; cursor: pointer; }.admin-nav button.active { background: rgba(201,155,52,.1); color: var(--gold-2); }.admin-panel { display: none; }.admin-panel.active { display: block; }.control-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap:.8rem; }.result-box { min-height: 220px; padding: 1rem; white-space: pre-wrap; background: #020409; border: 1px solid var(--line); border-radius: 12px; color: #d8d4c9; overflow: auto; }.site-footer { border-top: 1px solid var(--line); padding: 2.5rem 0; background: rgba(0,0,0,.28); }.footer-grid { display: grid; grid-template-columns: 1.2fr.8fr.8fr; gap: 2rem; }.footer-title { color: var(--gold-2); font-family: var(--serif); font-size: 1.4rem; }.site-footer p,.site-footer a { color: var(--muted); font-size:.82rem; }.footer-links { display: grid; gap:.35rem; }.copyright { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.08); color: #77746d; font-size:.73rem; }.reveal { opacity: 0; transform: translateY(14px); transition: opacity.65s ease, transform.65s ease; }.reveal.visible { opacity: 1; transform: none; }.hidden { display: none !important; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration:.01ms !important; animation-iteration-count: 1 !important; transition-duration:.01ms !important; }
} @media (max-width: 980px) {.nav-toggle { display: inline-flex; }.primary-nav { display: none; position: absolute; top: 76px; left: 1rem; right: 1rem; padding:.8rem; background: #080c12; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); }.primary-nav.open { display: grid; grid-template-columns: repeat(2, 1fr); }.primary-nav a { border-radius: 8px; }.hero-grid,.seahorse-hero,.founder { grid-template-columns: 1fr; }.hero-copy { text-align: center; }.hero-copy.lede { margin-inline: auto; }.hero-actions { justify-content: center; }.card-grid,.card-grid.four { grid-template-columns: repeat(2, minmax(0,1fr)); }.layer-grid { grid-template-columns: repeat(3, 1fr); }.deck-grid { grid-template-columns: repeat(3, 1fr); }.footer-grid { grid-template-columns: 1fr 1fr; }.admin-shell { grid-template-columns: 1fr; }.admin-nav { position: static; display: flex; flex-wrap: wrap; }.admin-nav button { width: auto; }
} @media (max-width: 680px) {.container,.narrow { width: min(100% - 1.2rem, 1160px); }.brand { min-width: 0; }.brand-name { font-size:.93rem; }.brand-kicker { display: none; }.hero { padding-top: 1.5rem; }.hero-grid { gap: 1rem; }.globe-stage { width: 100%; margin-top: 1rem; }.globe-svg { width: 62%; }.globe-node { width: 92px; min-height: 50px; padding:.4rem; }.globe-node span { display: none; }.globe-node.n1 { top: 0; left: 36%; }.globe-node.n2 { right: -1%; }.globe-node.n3 { right: -1%; }.globe-node.n4 { left: 36%; }.globe-node.n5,.globe-node.n6 { left: -1%; }.globe-node.n7 { right: -3%; top: 44%; }.card-grid,.card-grid.two,.card-grid.four,.deck-grid,.domain-list,.form-grid,.control-grid { grid-template-columns: 1fr; }.layer-grid { grid-template-columns: repeat(2, 1fr); }.status-strip { grid-template-columns: 1fr; }.status-item { border-right: 0; border-bottom: 1px solid var(--line); }.status-item:last-child { border-bottom: 0; }.report-row { grid-template-columns: 1fr; }.footer-grid { grid-template-columns: 1fr; }.page-hero { padding-top: 4rem; }
} /* MASTER ARCHITECTURE 4.0 */:root { --ocean: #77a9dc; --ocean-deep: #0d2438; --meridian: #c99b34; --abyss: #8e6da8; --seahorse-paper: #f0e4c8;
}.environment-bar { border-bottom: 1px solid var(--line); background: rgba(201,155,52,.035);
}.environment-bar.container { display:flex; justify-content:space-between; gap:1rem; padding:.55rem 0; font-size:.72rem; color:var(--muted); }.environment-bar strong { color:var(--gold-2); letter-spacing:.12em; text-transform:uppercase; }.navigator-hero { min-height: calc(100vh - 108px); display:grid; place-items:center; padding:4rem 0 5rem; }.navigator-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:clamp(2.5rem,7vw,6rem); align-items:center; }.navigator-mark { position:relative; width:min(560px,92vw); aspect-ratio:1; margin:auto; display:grid; place-items:center; }.navigator-mark::before,.navigator-mark::after { content:''; position:absolute; border-radius:50%; border:1px solid var(--line); }.navigator-mark::before { inset:7%; box-shadow: inset 0 0 90px rgba(201,155,52,.05), 0 0 80px rgba(201,155,52,.08); }.navigator-mark::after { inset:22%; border-color:rgba(226,189,100,.22); }.navigator-logo { width:42%; z-index:2; filter:drop-shadow(0 24px 40px rgba(0,0,0,.55)); }.navigator-axis { position:absolute; inset:4%; border-radius:50%; animation:slow-turn 48s linear infinite; }.navigator-axis::before,.navigator-axis::after { content:''; position:absolute; background:linear-gradient(90deg,transparent,var(--gold),transparent); opacity:.55; }.navigator-axis::before { width:100%; height:1px; left:0; top:50%; }.navigator-axis::after { height:100%; width:1px; top:0; left:50%; }
@keyframes slow-turn { to { transform:rotate(360deg); } }.portal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:2rem; }.portal { min-height:270px; padding:1.5rem; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.012)); position:relative; overflow:hidden; }.portal::after { content:''; position:absolute; width:260px; height:260px; border-radius:50%; right:-110px; bottom:-120px; background:radial-gradient(circle,rgba(201,155,52,.16),transparent 70%); }.portal.seahorse::after { background:radial-gradient(circle,rgba(119,169,220,.16),transparent 70%); }.portal h2 { font-size:clamp(2rem,4vw,3.5rem); }.portal p { color:var(--muted); }.portal.button { position:relative; z-index:2; margin-top:1rem; }.portal-label { color:var(--gold-2); text-transform:uppercase; letter-spacing:.18em; font-size:.68rem; }.subnav { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1.5rem; }.subnav a { padding:.45rem.7rem; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:.75rem; }.subnav a:hover,.subnav a[aria-current='page'] { color:var(--ink); background:var(--gold-2); border-color:var(--gold-2); }.circuit { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; position:relative; margin:2.2rem 0; }.circuit-step { padding:1.25rem; min-height:180px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.025); position:relative; }.circuit-step:not(:last-child)::after { content:'→'; position:absolute; right:-.8rem; top:45%; color:var(--gold-2); z-index:3; font-size:1.4rem; }.circuit-step.number { color:var(--gold-2); font-family:var(--serif); font-size:2.4rem; }.circuit-loop { text-align:center; color:var(--muted); font-family:var(--serif); font-size:1.25rem; }.framework-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }.framework-card { padding:1.25rem; border:1px solid var(--line); border-radius:16px; min-height:200px; }.framework-card.sigil { color:var(--gold-2); font:600 2.4rem/1 var(--serif); }.framework-card p { color:var(--muted); }.navigator-path { display:grid; grid-template-columns:repeat(5,1fr); gap:.75rem; }.navigator-rank { padding:1rem; border-top:2px solid var(--gold); background:rgba(255,255,255,.025); text-align:center; }.navigator-rank strong { display:block; font-family:var(--serif); color:var(--gold-2); font-size:1.15rem; }.navigator-rank span { color:var(--muted); font-size:.78rem; }.environment-card { border-left:3px solid var(--gold); }.environment-card.seahorse { border-left-color:var(--ocean); }.seahorse-page { background: radial-gradient(circle at 78% 12%,rgba(119,169,220,.08),transparent 30rem), var(--ink); }.seahorse-banner { display:grid; grid-template-columns:1fr.8fr; gap:3rem; align-items:center; }.seahorse-banner.seahorse-art { max-height:560px; object-fit:contain; margin:auto; }.deck-editions { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.deck-edition { min-height:470px; border-radius:18px; padding:1.35rem; border:1px solid var(--line); display:flex; flex-direction:column; justify-content:flex-end; position:relative; overflow:hidden; }.deck-edition::before { content:''; position:absolute; inset:0; background:repeating-radial-gradient(circle at 50% 28%,rgba(226,189,100,.15) 0 1px,transparent 1px 30px); opacity:.55; }.deck-edition.ocean { background:linear-gradient(160deg,#15364e,#071018 74%); }.deck-edition.meridian { background:linear-gradient(160deg,#342c1b,#090806 74%); }.deck-edition.abyss { background:linear-gradient(160deg,#24152e,#040306 74%); }.deck-edition > * { position:relative; z-index:2; }.deck-edition h3 { color:var(--gold-2); }.deck-edition p { color:var(--muted); }.arcana-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; counter-reset:arcana; }.arcana-item { counter-increment:arcana; padding:.8rem.9rem; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.018); }.arcana-item::before { content:counter(arcana, decimal-leading-zero); color:var(--gold-2); margin-right:.65rem; font-family:var(--serif); }.domain-four { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }.domain-card { padding:1rem; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); }.domain-card h3 { font-size:1.25rem; color:var(--gold-2); }.reading-layout { display:grid; grid-template-columns:repeat(5,1fr); gap:.7rem; }.reading-card { aspect-ratio:.68; border:1px solid var(--line); border-radius:14px; display:grid; place-items:center; text-align:center; padding:.8rem; background:linear-gradient(160deg,#102031,#05080d 75%); color:var(--gold-2); font-family:var(--serif); }.member-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }.member-module { padding:1.35rem; border:1px solid var(--line); border-radius:16px; min-height:190px; }.member-module p { color:var(--muted); }.feature-list { display:grid; gap:.55rem; padding:0; list-style:none; }.feature-list li { padding:.65rem.8rem; border-left:2px solid var(--gold); background:rgba(255,255,255,.02); }.small-note { font-size:.78rem; color:var(--muted); }.callout { padding:1.25rem 1.4rem; border:1px solid var(--line); border-radius:16px; background:rgba(201,155,52,.04); }.card-reference { max-width:360px; aspect-ratio:.67; margin:auto; border-radius:22px; background:radial-gradient(circle at 50% 30%,rgba(119,169,220,.22),transparent 28%), repeating-radial-gradient(circle at 50% 38%,rgba(226,189,100,.16) 0 1px,transparent 1px 28px), linear-gradient(165deg,#15364e,#05080d 74%); display:flex; flex-direction:column; justify-content:space-between; align-items:center; padding:1.4rem; border:1px solid rgba(226,189,100,.42); box-shadow:var(--shadow); }.card-reference.symbol { font-size:4rem; color:var(--gold-2); margin:auto; }.card-reference.footer { font-family:var(--serif); letter-spacing:.12em; color:var(--gold-2); font-size:.75rem; text-align:center; }
@media (max-width:980px){.navigator-grid,.seahorse-banner{grid-template-columns:1fr}.circuit,.framework-grid,.domain-four{grid-template-columns:repeat(2,1fr)}.navigator-path{grid-template-columns:repeat(2,1fr)}.deck-editions{grid-template-columns:1fr}.arcana-grid{grid-template-columns:repeat(2,1fr)}.reading-layout{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){.portal-grid,.member-grid,.circuit,.framework-grid,.domain-four,.arcana-grid{grid-template-columns:1fr}.circuit-step:not(:last-child)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-1.15rem}.navigator-path,.reading-layout{grid-template-columns:1fr}.environment-bar.container{display:grid}.brand-kicker{display:none}
} /* Version 4.1 — emblem entry and revised Navigator */.visually-hidden { 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;
}.splash-page { background: #000; overflow: hidden;
}.splash-page::before { display: none; }.splash-main { min-height: 100svh; display: grid; place-items: center; padding: clamp(.8rem, 3vw, 2rem); background: radial-gradient(circle at 50% 45%, rgba(201,155,52,.08), transparent 35rem), #000;
}.splash-emblem-wrap { position: relative; width: min(94vw, 900px); aspect-ratio: 750 / 726; display: grid; place-items: center;
}.splash-emblem { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 26px 70px rgba(201,155,52,.12));
}.splash-globe-link { position: absolute; left: 50%; top: 42.3%; width: 39.5%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; display: grid; place-items: center; cursor: pointer; z-index: 3;
}.splash-globe-halo { position: absolute; inset: -8%; border-radius: 50%; background: radial-gradient(circle, rgba(226,189,100,.24), rgba(201,155,52,.08) 48%, transparent 72%); filter: blur(8px); opacity:.7; animation: splash-pulse 3.8s ease-in-out infinite;
}.splash-globe { width: 100%; height: 100%; overflow: visible; border-radius: 50%; filter: drop-shadow(0 0 22px rgba(226,189,100,.3)); transition: transform.35s ease, filter.35s ease;
}.splash-globe-link:hover.splash-globe,.splash-globe-link:focus-visible.splash-globe { transform: scale(1.035); filter: drop-shadow(0 0 34px rgba(226,189,100,.5));
}.splash-globe-spin { transform-origin: 150px 150px; animation: splash-world-turn 18s linear infinite;
}.splash-grid-lines { fill: none; stroke: rgba(226,189,100,.5); stroke-width: 1.5;
}.splash-land { fill: rgba(226,189,100,.34); stroke: #e2bd64; stroke-width: 1.5;
}
@keyframes splash-world-turn { to { transform: rotate(360deg); } }
@keyframes splash-pulse { 50% { transform: scale(1.045); opacity: 1; } }.navigator-choice-hero { padding: clamp(4rem, 8vw, 7rem) 0 5rem; min-height: calc(100vh - 108px); display: grid; align-items: center;
}.navigator-intro { max-width: 830px; margin: 0 auto 3rem; text-align: center;
}.navigator-intro.lede { margin-inline: auto; }.navigator-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 6vw, 5.5rem); align-items: stretch;
}.navigator-choice-card { min-height: 620px; padding: clamp(1.5rem, 3vw, 2.25rem); border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.012)); text-align: center; display: flex; flex-direction: column; align-items: center; overflow: hidden; box-shadow: 0 24px 70px rgba(0,0,0,.2);
}.navigator-choice-card h2 { font-size: clamp(2.25rem, 4vw, 3.8rem); margin-bottom:.15rem; }.choice-subtitle { color: var(--gold); text-transform: uppercase; letter-spacing:.14em; font-size:.86rem; margin-bottom:.9rem;
}.navigator-choice-card p { color: var(--muted); max-width: 31rem; }.navigator-choice-card.button { margin:.85rem 0 1.8rem; }.choice-logo { margin-top: auto; object-fit: contain; filter: drop-shadow(0 18px 38px rgba(0,0,0,.38));
}.logo-caption { margin-top:.85rem; color: var(--gold); text-transform: uppercase; letter-spacing:.16em; font-size:.82rem;
}.da-choice-logo { width: min(74%, 330px); max-height: 310px;
}.seahorse-choice-logo { width: min(92%, 520px); max-width: 470px; max-height: 400px; height: auto; aspect-ratio: auto; border-radius: 0; box-shadow: none;
}.seahorse-choice { background: linear-gradient(145deg, rgba(210,178,107,.08), rgba(255,255,255,.02));
} @media (max-width: 760px) {.splash-emblem-wrap { width: min(98vw, 760px); }.navigator-choice-grid { grid-template-columns: 1fr; gap: 1.4rem; }.navigator-choice-card { min-height: 560px; }
} /* Version 4.3 — Circumpolar opening gateway. The official logo is never transformed or stretched. */.circumpolar-splash { min-height: 100vh; overflow: hidden; background: radial-gradient(circle at 50% 43%, rgba(201,155,52,.09), transparent 31rem), #000;
}.circumpolar-splash::before { opacity:.14; mask-image: radial-gradient(circle at 50% 40%, black 0 20%, transparent 70%);
}.circumpolar-entry { min-height: 100vh; display: grid; place-content: center; justify-items: center; padding: clamp(1rem, 3vw, 2.4rem);
}.circumpolar-logo-frame { position: relative; width: min(720px, 78vw, calc((100vh - 104px) *.6666667)); aspect-ratio: 2 / 3; flex: none;
}.circumpolar-logo { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; transform: none !important; filter: drop-shadow(0 24px 65px rgba(0,0,0,.7)); user-select: none; pointer-events: none;
}.circumpolar-globe-button { position: absolute; /* Matched to the exact centre globe in the official 1024 × 1536 logo. */ left: 33.2%; top: 32.8%; width: 33.6%; aspect-ratio: 1; padding: 0; border: 0; border-radius: 50%; background: #010204; cursor: grab; touch-action: none; isolation: isolate; box-shadow: 0 0 0 1px rgba(226,189,100,.48), 0 0 26px rgba(201,155,52,.12), inset 0 0 24px rgba(0,0,0,.75);
}.circumpolar-globe-button:hover,.circumpolar-globe-button:focus-visible { box-shadow: 0 0 0 2px rgba(226,189,100,.88), 0 0 38px rgba(201,155,52,.3), inset 0 0 24px rgba(0,0,0,.75);
}.circumpolar-globe-button.is-dragging { cursor: grabbing; }.circumpolar-globe-button canvas { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 2;
}.circumpolar-glow { position: absolute; inset: -8%; z-index: 0; border-radius: 50%; background: radial-gradient(circle, rgba(226,189,100,.22), transparent 67%); filter: blur(7px); animation: circumpolar-glow 3.4s ease-in-out infinite;
}.circumpolar-pulse { position: absolute; inset: -2%; z-index: 3; border: 1px solid rgba(226,189,100,.65); border-radius: 50%; pointer-events: none; animation: circumpolar-pulse 3.4s ease-out infinite;
}.circumpolar-message { margin-top: clamp(-1.2rem, -1vw, -.25rem); text-align: center; text-shadow: 0 2px 14px #000;
}.circumpolar-message h1 { margin: 0; color: var(--gold-2); font-family: var(--serif); font-size: clamp(1.45rem, 3vw, 2.35rem); font-weight: 500; letter-spacing:.035em;
}.circumpolar-journey { margin:.18rem 0 0; color: var(--paper); font-family: var(--serif); font-size: clamp(.95rem, 1.7vw, 1.18rem); letter-spacing:.08em;
}.circumpolar-instruction { margin:.58rem 0 0; color: rgba(226,189,100,.9); font-family: var(--sans); font-size:.68rem; letter-spacing:.18em; text-transform: uppercase;
}.circumpolar-return { margin:.22rem 0 0; color: rgba(246,241,229,.48); font-family: var(--sans); font-size:.61rem; letter-spacing:.15em; text-transform: uppercase;
}
@keyframes circumpolar-glow { 0%, 100% { opacity:.52; transform: scale(.98); } 50% { opacity: 1; transform: scale(1.05); }
}
@keyframes circumpolar-pulse { 0% { opacity:.8; transform: scale(.98); } 65%, 100% { opacity: 0; transform: scale(1.14); }
}
@media (max-width: 700px) {.circumpolar-logo-frame { width: min(94vw, calc((100vh - 110px) *.6666667)); }.circumpolar-message { margin-top: -.25rem; }
}
@media (prefers-reduced-motion: reduce) {.circumpolar-glow,.circumpolar-pulse { animation: none; }
} /* Version 4.4 — responsive gateway with the official logo, message, and globe separated. */.gateway-splash { min-height: 100svh; overflow-x: hidden; overflow-y: auto; background: radial-gradient(circle at 50% 35%, rgba(201,155,52,.09), transparent 28rem), #000;
}.gateway-splash::before { display: none; }.gateway-main { min-height: 100svh; display: grid; place-items: center; padding: clamp(1rem, 2.5vw, 2.5rem);
}.gateway-entry { width: min(100%, 980px); min-height: calc(100svh - clamp(2rem, 5vw, 5rem)); display: grid; grid-template-rows: auto auto auto auto auto; justify-items: center; align-content: center; gap: clamp(.55rem, 1.7vh, 1.15rem); text-align: center;
}.gateway-logo-wrap { display: grid; place-items: center; width: 100%; max-height: 39svh;
}.gateway-logo { display: block; width: auto; height: clamp(230px, 37svh, 430px); max-width: min(92vw, 560px); object-fit: contain; object-position: center; transform: none !important; filter: drop-shadow(0 22px 56px rgba(201,155,52,.14)); user-select: none;
}.gateway-message { text-align: center; text-shadow: 0 2px 16px #000;
}.gateway-message h1 { margin: 0; color: var(--gold-2); font-family: var(--serif); font-size: clamp(1.55rem, 3.2vw, 2.8rem); font-weight: 500; letter-spacing:.035em;
}.gateway-journey { margin:.2rem 0 0; color: var(--paper); font-family: var(--serif); font-size: clamp(1rem, 1.8vw, 1.3rem); letter-spacing:.09em; text-decoration:none; cursor:pointer;
}.gateway-globe-button { position: relative; width: clamp(170px, 24svh, 285px); aspect-ratio: 1; padding: 0; border: 0; border-radius: 50%; background: #010204; cursor: grab; touch-action: none; isolation: isolate; box-shadow: 0 0 0 1px rgba(226,189,100,.55), 0 0 34px rgba(201,155,52,.18), inset 0 0 28px rgba(0,0,0,.78); transition: transform.25s ease, box-shadow.25s ease;
}.gateway-globe-button:hover,.gateway-globe-button:focus-visible { transform: scale(1.025); box-shadow: 0 0 0 2px rgba(226,189,100,.95), 0 0 44px rgba(201,155,52,.33), inset 0 0 28px rgba(0,0,0,.78);
}.gateway-globe-button.is-dragging { cursor: grabbing; }.gateway-globe-button canvas { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 2;
}.gateway-glow { position: absolute; inset: -9%; z-index: 0; border-radius: 50%; background: radial-gradient(circle, rgba(226,189,100,.24), transparent 68%); filter: blur(8px); animation: gateway-glow 3.4s ease-in-out infinite;
}.gateway-pulse { position: absolute; inset: -2%; z-index: 3; border: 1px solid rgba(226,189,100,.68); border-radius: 50%; pointer-events: none; animation: gateway-pulse 3.4s ease-out infinite;
}.gateway-instructions { display: flex; align-items: center; justify-content: center; gap:.45rem; color: rgba(226,189,100,.92); font-family: var(--sans); font-size:.7rem; letter-spacing:.18em; text-transform: uppercase;
}.gateway-dot { color: rgba(246,241,229,.48); }.gateway-return { margin: -.35rem 0 0; color: rgba(246,241,229,.46); font-family: var(--sans); font-size:.61rem; letter-spacing:.15em; text-transform: uppercase;
}
@keyframes gateway-glow { 0%, 100% { opacity:.55; transform: scale(.98); } 50% { opacity: 1; transform: scale(1.05); }
}
@keyframes gateway-pulse { 0% { opacity:.78; transform: scale(.98); } 65%, 100% { opacity: 0; transform: scale(1.14); }
}
@media (min-width: 1000px) and (max-height: 780px) {.gateway-entry { gap:.45rem; }.gateway-logo { height: 260px; }.gateway-globe-button { width: 170px; }.gateway-message h1 { font-size: 2rem; }
}
@media (max-width: 700px) {.gateway-main { padding:.8rem; }.gateway-entry { min-height: calc(100svh - 1.6rem); }.gateway-logo { height: clamp(215px, 34svh, 310px); max-width: 94vw; }.gateway-globe-button { width: clamp(160px, 22svh, 220px); }.gateway-instructions { font-size:.63rem; letter-spacing:.14em; }
}
@media (prefers-reduced-motion: reduce) {.gateway-glow,.gateway-pulse { animation: none; }
} /* Version 4.9 — Truth Practice reading catalogue */.reading-intro-panel { padding: clamp(1.6rem, 4vw, 2.6rem); border: 1px solid rgba(201,155,52,.42); border-radius: 24px; background: radial-gradient(circle at top right, rgba(201,155,52,.13), transparent 45%), rgba(255,255,255,.025);
}.reading-intro-panel h2 { margin-bottom:.8rem; }.reading-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem;
}.reading-card { display: flex; flex-direction: column; min-height: 360px; padding: 1.45rem; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
}.reading-card h3 { font-size: clamp(1.55rem, 2.8vw, 2.2rem); margin:.75rem 0.55rem; }.reading-card p { color: var(--muted); }.reading-meta { display: flex; gap:.65rem; justify-content: space-between; align-items: center; }.reading-deck,.reading-price { display: inline-flex; align-items: center; padding:.38rem.65rem; border-radius: 999px; font-size:.74rem; letter-spacing:.08em; text-transform: uppercase;
}.reading-deck { color: var(--gold); border: 1px solid rgba(201,155,52,.38); }.reading-price { color: var(--muted); background: rgba(255,255,255,.055); }.reading-price.free { color: #06110a; background: var(--gold); font-weight: 700; }.reading-prompts { display: flex; flex-wrap: wrap; gap:.45rem; margin: auto 0 1.25rem; padding-top: 1rem; }.reading-prompts span { border: 1px solid var(--line); border-radius: 999px; padding:.35rem.55rem; color: var(--muted); font-size:.78rem; }.reading-button[disabled] { opacity:.72; cursor: not-allowed; }.featured-reading { border-color: rgba(201,155,52,.68); box-shadow: 0 20px 60px rgba(201,155,52,.08); }.premium-reading { background: radial-gradient(circle at top right, rgba(201,155,52,.12), transparent 48%), rgba(255,255,255,.025); }.future-reading { display: flex; justify-content: space-between; gap: 2rem; align-items: center; padding: clamp(1.5rem, 4vw, 2.4rem); border: 1px solid rgba(201,155,52,.35); border-radius: 22px; background: linear-gradient(145deg, rgba(201,155,52,.08), rgba(255,255,255,.015));
}.future-reading-status { color: var(--gold); text-transform: uppercase; letter-spacing:.13em; white-space: nowrap; }
@media (max-width: 760px) {.reading-grid { grid-template-columns: 1fr; }.future-reading { align-items: flex-start; flex-direction: column; }
} /* Version 5.0 — Whole-platform Navigator membership and earned progression */.pathway-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }.pathway-card { position:relative; padding:1.6rem; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); }.pathway-number { color:var(--gold); font-family:var(--serif); font-size:2.1rem; }.status-example { margin-top:1.2rem; padding:1.3rem 1.5rem; display:grid; grid-template-columns:1fr 1fr 1.35fr; gap:1rem; align-items:center; border:1px solid rgba(201,155,52,.35); border-radius:16px; background:rgba(201,155,52,.055); }.status-example h3 { margin:.25rem 0 0; font-size:1.15rem; }.status-example p { margin:0; color:var(--muted); }.tier-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }.tier-card { position:relative; padding:1.6rem; border:1px solid var(--line); border-radius:20px; background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(255,255,255,.012)); overflow:hidden; }.tier-card::before { content:''; position:absolute; inset:0 auto 0 0; width:4px; background:var(--gold); opacity:.75; }.tier-card h3 { font-size:clamp(1.8rem,3vw,2.45rem); margin:.5rem 0; }.tier-card p { color:var(--muted); }.tier-top { display:flex; justify-content:space-between; gap:1rem; align-items:center; }.tier-index { font-family:var(--serif); color:var(--gold); font-size:1.4rem; }.tier-label { text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; color:var(--muted); }.clean-list { list-style:none; padding:0; margin:1.1rem 0; display:grid; gap:.55rem; }.clean-list li { position:relative; padding-left:1.15rem; }.clean-list li::before { content:'·'; position:absolute; left:0; color:var(--gold); }.tier-unlock { margin:1.15rem 0; padding:.85rem 1rem; border-radius:12px; background:rgba(255,255,255,.035); color:var(--muted); }.access-chip { display:inline-flex; padding:.32rem.65rem; border:1px solid rgba(201,155,52,.45); border-radius:999px; color:var(--gold-2); font-size:.74rem; text-transform:uppercase; letter-spacing:.09em; }.navigator-tier::before { background:#a7b0bb; }.ocean-tier::before { background:#5aa6c8; }.meridian-tier::before { background:#d5aa57; }.abyss-candidate-tier::before { background:#9b82c7; }.abyss-tier::before { background:#e3d2a1; }.tier-note { max-width:900px; margin:1.5rem auto 0; text-align:center; }.progression-track { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:.8rem; align-items:stretch; }.progression-stage { padding:1.25rem; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.025); }.progression-stage h3 { margin:.6rem 0.4rem; }.progression-stage p { color:var(--muted); }.stage-dot { width:2.2rem; height:2.2rem; display:grid; place-items:center; border:1px solid rgba(201,155,52,.5); border-radius:50%; color:var(--gold); font-family:var(--serif); }.progression-arrow { display:grid; place-items:center; color:var(--gold); font-size:1.5rem; }.progress-meter { height:6px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; margin:.8rem 0.35rem; }.progress-meter span { display:block; height:100%; background:var(--gold); }.learning-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; }.learning-card { padding:1.5rem; min-height:220px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01)); }.access-banner { display:flex; justify-content:space-between; gap:2rem; align-items:center; padding:1.4rem 1.6rem; border:1px solid rgba(201,155,52,.35); border-radius:18px; background:linear-gradient(135deg,rgba(201,155,52,.07),rgba(255,255,255,.015)); }.access-banner h2 { margin:.35rem 0.5rem; font-size:clamp(1.5rem,3vw,2.2rem); }.access-banner p { margin:0; color:var(--muted); max-width:790px; }.access-level { display:inline-flex; color:var(--gold); text-transform:uppercase; letter-spacing:.13em; font-size:.74rem; }.ocean-access { border-color:rgba(90,166,200,.38); }.meridian-access { border-color:rgba(213,170,87,.42); }.abyss-access { border-color:rgba(155,130,199,.42); }.access-legend { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; }.access-legend span { padding:.85rem 1rem; border:1px solid var(--line); border-radius:12px; color:var(--muted); }.access-legend b { display:block; color:var(--gold-2); margin-bottom:.25rem; }
@media (max-width:900px) {.tier-grid,.pathway-grid,.learning-grid { grid-template-columns:1fr; }.status-example { grid-template-columns:1fr; }.progression-track { grid-template-columns:1fr; }.progression-arrow { transform:rotate(90deg); }.access-legend { grid-template-columns:repeat(2,minmax(0,1fr)); }.access-banner { align-items:flex-start; flex-direction:column; }
}
@media (max-width:560px) {.access-legend { grid-template-columns:1fr; } } /* Version 5.2 — native archive, media centre, and Game of Truth */.article-shell { width:min(850px,calc(100% - 2rem)); margin-inline:auto; }.article-hero { padding:5.5rem 0 2.5rem; border-bottom:1px solid var(--line); }.article-hero h1 { font-size:clamp(2.9rem,6.5vw,5.8rem); margin-top:.7rem; }.article-subtitle { font-family:var(--serif); font-size:clamp(1.2rem,2.2vw,1.65rem); color:#ded8ca; max-width:48rem; }.article-meta,.archive-date { color:var(--muted); font-size:.82rem; letter-spacing:.05em; }.back-link { color:var(--gold-2); font-size:.78rem; text-transform:uppercase; letter-spacing:.13em; }.article-body { font-family:var(--serif); font-size:1.19rem; line-height:1.72; }.article-body h2 { font-size:clamp(2rem,4vw,3.2rem); margin-top:2.8rem; }.article-body h3 { font-size:clamp(1.55rem,3vw,2.25rem); margin-top:2.2rem; }.article-body h4 { font-size:1.35rem; margin-top:1.7rem; }.article-body p,.article-body li { color:#e7e1d4; }.article-body a { color:var(--gold-2); text-decoration:underline; text-underline-offset:.16em; }.article-body blockquote { margin:2rem 0; padding:1.2rem 1.4rem; border-left:3px solid var(--gold); background:rgba(255,255,255,.035); color:#efe5ce; font-size:1.25rem; }.article-body img { margin:1.8rem auto; border-radius:14px; max-height:760px; object-fit:contain; }.article-body figure { margin:2rem 0; }.article-body figcaption { color:var(--muted); font:.82rem/1.5 var(--sans); text-align:center; }.article-body hr { border:0; height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); margin:2.5rem 0; }.article-body table { width:100%; border-collapse:collapse; display:block; overflow:auto; font-family:var(--sans); font-size:.92rem; }.article-body th,.article-body td { border:1px solid var(--line); padding:.7rem; }.article-provenance { margin-top:4rem; padding:1.4rem; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.025); font-family:var(--sans); font-size:.9rem; }.locked-article { border:1px solid var(--line); border-radius:20px; padding:2rem; background:rgba(255,255,255,.03); }.archive-stats { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; }.archive-stats span { border:1px solid var(--line); border-radius:999px; padding:.6rem.9rem; color:var(--muted); }.archive-stats strong { color:var(--gold-2); }.archive-toolbar { display:grid; gap:1.1rem; margin-bottom:2rem; }.archive-search { display:grid; gap:.45rem; color:var(--gold-2); text-transform:uppercase; letter-spacing:.13em; font-size:.72rem; }.archive-search input { width:100%; padding:.95rem 1rem; border-radius:14px; border:1px solid var(--line); color:var(--paper); background:rgba(255,255,255,.035); }.archive-filters { display:flex; flex-wrap:wrap; gap:.45rem; }.archive-filters button { border:1px solid var(--line); border-radius:999px; padding:.5rem.75rem; color:var(--paper); background:transparent; cursor:pointer; }.archive-filters button.active,.archive-filters button:hover { background:var(--gold-2); color:var(--ink); }.archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.archive-card { border:1px solid var(--line); border-radius:18px; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); display:flex; flex-direction:column; min-height:390px; }.archive-thumb { aspect-ratio:16/9; background:var(--ink-2); overflow:hidden; }.archive-thumb img { width:100%; height:100%; object-fit:cover; }.archive-card-body { padding:1.25rem; display:flex; flex-direction:column; height:100%; }.archive-card-top { display:flex; justify-content:space-between; align-items:center; gap:.7rem; margin-bottom:.9rem; }.archive-card h3 { font-size:1.65rem; }.archive-card p { color:var(--muted); font-size:.9rem; }.archive-card.link-arrow { margin-top:auto; color:var(--gold-2); font-size:.76rem; text-transform:uppercase; letter-spacing:.12em; }.archive-subtitle { font-family:var(--serif); color:#d9d1c2!important; font-size:1.04rem!important; }.archive-tag { display:inline-flex; width:max-content; padding:.28rem.55rem; border:1px solid var(--line); border-radius:999px; color:var(--gold-2); text-transform:uppercase; letter-spacing:.11em; font-size:.64rem; }.archive-tag.mm { border-color:rgba(98,184,146,.7); color:#91d8b9; }.archive-tag.vt { border-color:rgba(169,143,216,.7); color:#c4acec; }.archive-tag.di { border-color:rgba(119,169,220,.7); color:#9fc8ee; }.archive-tag.ef { border-color:rgba(201,155,52,.8); color:var(--gold-2); }.archive-tag.ocean { color:#9fc8ee; border-color:rgba(119,169,220,.7); }.archive-tag.meridian { color:#c4acec; border-color:rgba(169,143,216,.7); }.archive-tag.abyss { color:#e2bd64; border-color:rgba(201,155,52,.8); }.media-video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }.media-video-card { border:1px solid var(--line); border-radius:20px; overflow:hidden; background:rgba(255,255,255,.025); }.media-video-card video { display:block; width:100%; max-height:680px; background:#000; }.media-video-card > div { padding:1.3rem; }.game-mode-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.game-mode { border:1px solid var(--line); border-radius:18px; padding:1.3rem; background:rgba(255,255,255,.025); }.game-mode > span { color:var(--gold-2); letter-spacing:.15em; font-size:.72rem; }.game-mode p { color:var(--muted); }.truth-levels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.truth-levels article { border:1px solid var(--line); border-radius:18px; padding:1.4rem; background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012)); }.truth-levels p { color:var(--muted); }.truth-levels strong { color:var(--gold-2); font-size:.86rem; }
@media(max-width:900px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.game-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.truth-levels{grid-template-columns:1fr;}}
@media(max-width:680px){.archive-grid,.media-video-grid,.game-mode-grid{grid-template-columns:1fr;}.article-body{font-size:1.08rem;}.archive-card{min-height:0;}} /* Version 5.3 — publication homes by analytical and creative section */.publication-section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;margin-bottom:2rem}.publication-section-heading>div{max-width:760px}.publication-section-heading p{color:var(--muted)}.section-publication-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.framework-card[href],.card[href]{text-decoration:none;color:inherit}.framework-card[href]:hover,.card[href]:hover{transform:translateY(-3px);border-color:rgba(201,155,52,.45)}@media(max-width:980px){.section-publication-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.publication-section-heading{display:block}.publication-section-heading.text-link{display:inline-block;margin-top:1rem}.section-publication-grid{grid-template-columns:1fr}} /* Version 5.4 — The Guides, public Verification Service, and expanded Media Centre */.guides-hero{padding:2rem 0 0}.guides-image-shell{position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);min-height:520px;background:#03060b}.guides-image-shell img{width:100%;height:100%;min-height:520px;object-fit:cover}.guides-image-shell::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,11,.78),rgba(3,6,11,.1) 58%,rgba(3,6,11,.18)),linear-gradient(0deg,rgba(3,6,11,.8),transparent 60%)}.guides-image-overlay{position:absolute;z-index:2;left:clamp(1.4rem,5vw,4rem);bottom:clamp(1.4rem,5vw,3.4rem);max-width:630px}.guides-image-overlay h1{font-size:clamp(3.2rem,8vw,7rem);margin:.2rem 0}.guides-image-overlay p{font-family:var(--serif);font-size:clamp(1.15rem,2.2vw,1.6rem);color:#e7e1d4}.guides-console{display:grid;grid-template-columns:1.05fr.95fr;gap:1.4rem;padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.guide-prompts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem}.guide-prompts button{border:1px solid var(--line);border-radius:999px;padding:.55rem.75rem;color:var(--paper);background:transparent;cursor:pointer}.guide-prompts button:hover{background:var(--gold-2);color:var(--ink)}.guides-form{display:grid;gap:.75rem;padding:1.2rem;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(0,0,0,.22)}.guides-form label{color:var(--gold-2);letter-spacing:.09em;text-transform:uppercase;font-size:.74rem}.guides-answer{margin-top:1rem;padding:1.4rem;border-left:3px solid var(--gold);background:rgba(201,155,52,.045);border-radius:0 14px 14px 0;min-height:150px}.guides-answer p{color:var(--muted)}.guide-answer-actions{justify-content:flex-start}.guide-path-grid.card{min-height:270px}.media-profile-grid{display:grid;grid-template-columns:minmax(260px,.72fr) 1.28fr;gap:2.5rem;align-items:start}.media-profile-grid img{border:1px solid var(--line);border-radius:20px;max-height:680px;width:100%;object-fit:cover;object-position:top}.topic-cloud{display:flex;flex-wrap:wrap;gap:.55rem}.topic-cloud span{padding:.48rem.7rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.8rem}.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pillar{padding:1.2rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.pillar h3{font-size:1.35rem}.pillar p{color:var(--muted);font-size:.9rem}.public-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.public-process div{padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);text-align:center}.public-process strong{display:block;color:var(--gold-2);font-family:var(--serif);font-size:1.1rem}@media(max-width:980px){.guides-console,.media-profile-grid{grid-template-columns:1fr}.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-process{grid-template-columns:1fr 1fr}}@media(max-width:680px){.guides-image-shell,.guides-image-shell img{min-height:500px}.guides-image-shell img{object-position:center}.guides-image-shell::after{background:linear-gradient(0deg,rgba(3,6,11,.92),rgba(3,6,11,.06) 72%)}.guides-image-overlay{left:1rem;right:1rem;bottom:1rem}.pillar-grid,.public-process{grid-template-columns:1fr}}.guides-preview{display:grid;grid-template-columns:1.15fr.85fr;gap:2rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)}.guides-preview img{border-radius:16px;min-height:330px;width:100%;object-fit:cover}@media(max-width:900px){.guides-preview{grid-template-columns:1fr}.guides-preview img{min-height:260px}} /* Version 5.5 — Navigator Quests, deck commerce, and operational analytics */.quest-hero{padding:clamp(5rem,9vw,8rem) 0 4.5rem;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 48%,rgba(201,155,52,.12),transparent 24rem)}.quest-hero-grid{display:grid;grid-template-columns:1.05fr.95fr;gap:clamp(2rem,7vw,6rem);align-items:center}.quest-orbit{position:relative;aspect-ratio:1;max-width:470px;margin:auto;display:grid;place-items:center}.quest-orbit-ring{position:absolute;border:1px solid rgba(201,155,52,.42);border-radius:50%;animation:quest-turn 28s linear infinite}.quest-orbit-ring.r1{inset:7%}.quest-orbit-ring.r2{inset:19%;animation-direction:reverse;animation-duration:18s}.quest-orbit-ring:before,.quest-orbit-ring:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 22px var(--gold)}.quest-orbit-ring:before{top:10%;left:18%}.quest-orbit-ring:after{right:8%;bottom:25%}.quest-orbit-core{width:47%;aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;padding:1.2rem;text-align:center;background:radial-gradient(circle,rgba(201,155,52,.14),rgba(5,8,13,.96) 68%);box-shadow:0 0 80px rgba(201,155,52,.13)}.quest-orbit-core span{display:block;color:var(--gold-2);font:600.68rem/1 var(--sans);letter-spacing:.18em}.quest-orbit-core span+span{margin-top:.35rem}@keyframes quest-turn{to{transform:rotate(360deg)}}.quest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.quest-grid.quest-featured{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:3rem}.quest-all-heading{margin-top:.5rem}.quest-card{position:relative;min-height:390px;padding:1.5rem;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(255,255,255,.012));display:flex;flex-direction:column;overflow:hidden}.quest-card:after{content:'';position:absolute;inset:auto -20% -35% 20%;height:190px;background:radial-gradient(circle,rgba(201,155,52,.15),transparent 70%)}.quest-card:hover{transform:translateY(-3px);border-color:var(--gold-2)}.quest-card.ocean{border-top:3px solid var(--green)}.quest-card.truth{border-top:3px solid var(--purple)}.quest-card.signal{border-top:3px solid var(--blue)}.quest-card.story{border-top:3px solid var(--gold)}.quest-card.source{border-top:3px solid #ddd4b5}.quest-card.guides{border-top:3px solid #8db4cf}.quest-number{font:500 3.2rem/1 var(--serif);color:rgba(226,189,100,.38);margin:.65rem 0 1.3rem}.quest-status{color:var(--gold-2);font-size:.68rem;text-transform:uppercase;letter-spacing:.16em}.quest-card p{color:var(--muted)}.quest-reward{margin-top:auto;margin-bottom:2.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.09);color:#ddd6c7;font-size:.82rem}.quest-card.link-arrow{position:absolute;bottom:1.2rem;left:1.5rem;z-index:2;color:var(--gold-2);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.quest-rank-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:2rem 0}.quest-rank-track article{padding:1.15rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.quest-rank-track span{color:var(--gold-2);font:500 2rem/1 var(--serif)}.quest-rank-track h3{font-size:1.25rem;margin:.7rem 0}.quest-rank-track p{color:var(--muted);font-size:.82rem}.quest-commerce{display:grid;grid-template-columns:1.15fr.85fr;gap:2rem;align-items:center;padding:2rem;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(201,155,52,.07),rgba(255,255,255,.012))}.quest-commerce-note{padding:1.2rem;border-left:2px solid var(--gold);background:rgba(0,0,0,.18)}.quest-commerce-note p{color:var(--muted);margin:.45rem 0 0}.quest-launch-section{padding-top:1.5rem}.quest-launch{display:grid;grid-template-columns:1.2fr.8fr;gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--gold);border-radius:24px;background:radial-gradient(circle at 82% 50%,rgba(201,155,52,.16),transparent 19rem),rgba(255,255,255,.025)}.quest-launch-links{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.4rem 0}.quest-launch-links a{padding:.9rem;border:1px solid rgba(201,155,52,.24);border-radius:13px;background:rgba(0,0,0,.2)}.quest-launch-links strong,.quest-launch-links span{display:block}.quest-launch-links strong{color:var(--gold-2);font-family:var(--serif);font-size:1.08rem}.quest-launch-links span{color:var(--muted);font-size:.74rem;margin-top:.2rem}.quest-launch-mark{min-height:260px;display:grid;place-items:center;align-content:center;border:1px solid rgba(201,155,52,.3);border-radius:50%;aspect-ratio:1;max-width:310px;margin:auto;background:radial-gradient(circle,rgba(201,155,52,.14),transparent 68%)}.quest-launch-mark b{font-size:5rem;color:var(--gold-2);font-weight:400}.quest-launch-mark span{color:var(--gold-2);letter-spacing:.24em;font-size:.7rem}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.product-card{display:grid;grid-template-columns:190px 1fr;gap:1.3rem;align-items:center;padding:1.3rem;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.product-orbit{aspect-ratio:.72;border:1px solid var(--gold);border-radius:16px;display:grid;place-items:center;text-align:center;color:var(--gold-2);font-family:var(--serif);font-size:1.15rem;letter-spacing:.12em;background:radial-gradient(circle at 50% 35%,rgba(201,155,52,.17),transparent 28%),linear-gradient(160deg,#0d1722,#030507 75%);box-shadow:0 16px 35px rgba(0,0,0,.3)}.meridian-product{background:radial-gradient(circle at 50% 35%,rgba(119,169,220,.17),transparent 28%),linear-gradient(160deg,#111a20,#040608 75%)}.dual-product{background:radial-gradient(circle at 40% 35%,rgba(98,184,146,.16),transparent 30%),radial-gradient(circle at 65% 55%,rgba(119,169,220,.16),transparent 28%),linear-gradient(160deg,#0d1722,#030507 75%)}.abyss-product{background:radial-gradient(circle at 50% 35%,rgba(169,143,216,.16),transparent 28%),linear-gradient(160deg,#100817,#030304 75%)}.product-kind{color:var(--gold-2);font-size:.68rem;text-transform:uppercase;letter-spacing:.16em}.product-copy p{color:var(--muted)}.product-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.product-meta span{padding:.25rem.5rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.68rem}.product-button[aria-disabled="true"]{opacity:.58;cursor:not-allowed}.commerce-note{margin-top:1.2rem;padding:1rem 1.2rem;border-left:2px solid var(--gold);background:rgba(255,255,255,.025);color:var(--muted)}.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1.2rem 0}.analytics-kpis>div{padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.analytics-kpis span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.analytics-kpis strong{display:block;color:var(--gold-2);font:500 2rem/1.2 var(--serif);margin-top:.35rem}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.analytics-panel{padding:1.1rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.analytics-panel h3{font-size:1.35rem}.analytics-list>div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.analytics-list span{color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}.analytics-list strong{color:var(--gold-2)}
@media(max-width:980px){.quest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-rank-track{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:1fr}.quest-launch-links{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.quest-hero-grid,.quest-commerce,.quest-launch{grid-template-columns:1fr}.quest-grid,.product-grid,.analytics-grid{grid-template-columns:1fr}.quest-rank-track{grid-template-columns:1fr}.product-card{grid-template-columns:1fr}.product-orbit{max-width:230px;width:100%;margin:auto}.quest-launch-mark{max-width:230px}.analytics-kpis{grid-template-columns:1fr}} /* Version 5.6 — dark gold identity, Guides scene, Observatory layers, Truthsayers */.nav-shell{padding:.45rem 0;min-height:76px}.primary-nav a{font-size:.7rem;padding:.5rem.52rem;white-space:nowrap}.quest-compass-mark{border-radius:50%;position:relative;overflow:hidden}.quest-compass-mark img{width:min(72%,220px);height:auto;object-fit:contain;filter:drop-shadow(0 0 24px rgba(201,155,52,.28))}.quest-compass-mark span{position:relative;z-index:2}.quest-logo-core{overflow:hidden;padding:.4rem;background:radial-gradient(circle,rgba(201,155,52,.17),rgba(5,8,13,.98) 70%)}.quest-logo-core img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(201,155,52,.25))}.guide-scene{position:relative;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#03070d;box-shadow:var(--shadow)}.guide-scene-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity.8s ease,transform 3.6s ease}.guide-scene[data-state="idle"].guide-idle,.guide-scene[data-state="wave"].guide-wave,.guide-scene[data-state="attentive"].guide-attentive{opacity:1;transform:scale(1)}.guide-scene-glow{position:absolute;left:50%;bottom:7%;width:36%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(213,239,255,.52),rgba(96,176,255,.18) 38%,transparent 70%);filter:blur(12px);mix-blend-mode:screen;animation:guide-globe-breathe 4.8s ease-in-out infinite}.guide-scene.is-pulsing.guide-scene-glow{animation:guide-globe-pulse 1.25s ease-out}.guide-scene-caption{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;pointer-events:none}.guide-scene-caption span{padding:.5rem.75rem;border:1px solid rgba(226,189,100,.35);border-radius:999px;background:rgba(5,8,13,.78);backdrop-filter:blur(10px);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-2)}@keyframes guide-globe-breathe{50%{opacity:.72;transform:translateX(-50%) scale(1.08)}}@keyframes guide-globe-pulse{0%{opacity:.5;transform:translateX(-50%) scale(.92)}55%{opacity:1;transform:translateX(-50%) scale(1.24)}100%{opacity:.68;transform:translateX(-50%) scale(1)}}.guides-hero.guides-image-shell{max-width:1180px;margin:auto}.guides-image-shell.guides-image-overlay{position:relative;margin-top:1.5rem;padding:0;background:none}.guides-image-overlay h1{font-size:clamp(3rem,7vw,6rem)}.layer-card-link{display:block;color:inherit}.layer-card-link:hover{border-color:var(--gold-2);transform:translateY(-2px)}.observatory-layer-groups{display:grid;gap:1.1rem}.observatory-layer{border:1px solid var(--line);border-radius:18px;padding:1.25rem;background:rgba(255,255,255,.02);scroll-margin-top:110px}.observatory-layer-head{display:grid;grid-template-columns:70px 1fr;gap:1rem;align-items:start}.observatory-layer-code{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--gold);border-radius:50%;font:600 1.4rem/1 var(--serif);color:var(--gold-2)}.observatory-records{display:grid;gap:.7rem;margin-top:1rem}.observatory-record{padding:1rem;border-left:2px solid var(--gold);background:rgba(0,0,0,.18)}.observatory-record h3{font-size:1.15rem;margin-bottom:.35rem}.observatory-record p{color:var(--muted);font-size:.84rem}.related-analysis{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.65rem}.related-analysis a{font-size:.7rem;color:var(--gold-2);border:1px solid rgba(201,155,52,.25);border-radius:999px;padding:.32rem.55rem}.empty-record{color:var(--muted);font-style:italic}.watch-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.watch-category-card{padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.watch-category-card h3{font-size:1.2rem;margin:0}.watch-category-card p{color:var(--muted);font-size:.82rem;margin:.35rem 0 0}.prose{width:min(880px,calc(100% - 2rem));margin-inline:auto}.prose h1,.prose h2,.prose h3{margin-top:2rem}.prose h1:first-child{display:none}.prose h2{font-size:clamp(2rem,4vw,3.2rem)}.prose h3{font-size:clamp(1.35rem,2.4vw,1.9rem)}.prose p,.prose li{color:#d6d0c3}.prose blockquote{margin:1.5rem 0;padding:1rem 1.2rem;border-left:3px solid var(--gold);background:rgba(201,155,52,.06);font-family:var(--serif);font-size:1.2rem}.prose hr{border:0;height:1px;background:var(--line);margin:2rem 0}.editorial-draft{padding:1rem 1.2rem;border:1px solid rgba(220,108,99,.55);border-radius:12px;background:rgba(220,108,99,.08);color:#f1c5c1;font-weight:600}.truth-function-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.truth-function-card{padding:1.2rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.truth-function-card.mm{border-top:3px solid var(--green)}.truth-function-card.vt{border-top:3px solid var(--purple)}.truth-function-card.di{border-top:3px solid var(--blue)}.truth-function-card.ef{border-top:3px solid var(--gold)}.truth-archive-controls{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:.7rem;margin:1rem 0}.truth-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.truth-record-card{padding:1.15rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.truth-record-card h3{font-size:1.35rem}.truth-record-meta{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.7rem}.truth-record-meta span{font-size:.68rem;padding:.25rem.45rem;border:1px solid rgba(201,155,52,.25);border-radius:999px;color:var(--gold-2)}.truth-record-card p{color:var(--muted);font-size:.85rem}.press-list{display:grid;gap:1rem}.press-item{padding:1.2rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.press-status{display:inline-flex;padding:.28rem.55rem;border:1px solid rgba(169,143,216,.45);border-radius:999px;color:#d6bfdc;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.form-note{font-size:.82rem;color:var(--muted)}
@media(max-width:1050px){.truth-function-grid{grid-template-columns:repeat(2,1fr)}.truth-archive-grid{grid-template-columns:repeat(2,1fr)}.truth-archive-controls{grid-template-columns:1fr 1fr}.watch-category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.truth-function-grid,.truth-archive-grid,.watch-category-grid,.truth-archive-controls{grid-template-columns:1fr}.guide-scene-caption{display:none}.observatory-layer-head{grid-template-columns:1fr}.primary-nav a{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.guide-scene-layer,.guide-scene-glow{transition:none!important;animation:none!important}.guide-scene.guide-idle{opacity:1!important}.guide-scene.guide-wave,.guide-scene.guide-attentive{display:none!important}} /* v5.7 deck galleries, source links, and transparent imprint treatment */.transparent-logo{background:transparent!important;mix-blend-mode:normal;filter:drop-shadow(0 0 26px rgba(184,128,40,.18))}.deck-system-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.deck-system-card{display:grid;grid-template-columns:minmax(120px,.7fr) 1fr;gap:1.2rem;align-items:center;border:1px solid rgba(184,128,40,.28);background:linear-gradient(145deg,rgba(16,24,37,.96),rgba(4,7,11,.98));padding:1rem;text-decoration:none;color:inherit}.deck-system-card img{width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:0 22px 55px rgba(0,0,0,.5)}.deck-system-card.protected{opacity:.78}.deck-system-card:hover{border-color:rgba(201,151,58,.7);transform:translateY(-2px)}.deck-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35rem}.deck-card{margin:0}.deck-card-link{display:block;overflow:hidden;background:#030609;border:1px solid rgba(184,128,40,.28);box-shadow:0 20px 48px rgba(0,0,0,.35)}.deck-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform.35s ease,filter.35s ease}.deck-card-link:hover img{transform:scale(1.025);filter:brightness(1.08)}.deck-card figcaption{display:flex;gap:.6rem;align-items:center;padding:.7rem.1rem;color:var(--ink-muted);font-family:var(--serif)}.deck-card figcaption span{color:var(--gold-2);font:600.7rem/1 var(--sans);letter-spacing:.12em}.deck-back-feature{display:grid;grid-template-columns:1.2fr minmax(220px,420px);gap:3rem;align-items:center}.deck-back-feature img{width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:0 24px 60px rgba(0,0,0,.45)}.deck-lightbox[hidden]{display:none}.deck-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);display:grid;place-items:center;padding:3rem 1rem}.deck-lightbox figure{margin:0;text-align:center}.deck-lightbox img{max-height:86vh;max-width:min(92vw,700px);box-shadow:0 0 70px rgba(184,128,40,.2)}.deck-lightbox figcaption{margin-top:.7rem;color:#ead9b6}.deck-lightbox-close{position:absolute;right:1.2rem;top:.8rem;border:0;background:transparent;color:white;font-size:2.4rem;cursor:pointer}.lightbox-open{overflow:hidden}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.chapter-card{border-top:2px solid var(--gold);background:rgba(11,17,26,.72);padding:1.5rem}.chapter-card>span{font:600.72rem/1 var(--sans);letter-spacing:.16em;color:var(--gold-2);text-transform:uppercase}.chapter-card h3{margin:.7rem 0}.featured-report-card{border:1px solid rgba(184,128,40,.32);background:radial-gradient(circle at 80% 10%,rgba(184,128,40,.12),transparent 34%),rgba(7,11,17,.88);padding:clamp(1.5rem,4vw,3rem)}.truth-name-link,.truth-heading-link{color:inherit;text-decoration:none}.truth-name-link:hover,.truth-heading-link:hover{color:var(--gold-2)}.truth-record-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:.9rem 0}.truth-record-actions a{font:600.72rem/1.2 var(--sans);letter-spacing:.05em;color:var(--gold-2);text-decoration:none;border-bottom:1px solid rgba(184,128,40,.4);padding-bottom:.2rem}.source-reference{font-size:.78rem;color:var(--ink-muted);margin-top:-.5rem}.jane-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:2.3rem;align-items:center}.jane-feature img{width:100%;max-height:520px;object-fit:cover;filter:saturate(.78) contrast(1.06);mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%)}.jane-image-pair{display:grid;grid-template-columns:1fr 1.4fr;gap:1rem;margin:2rem 0}.jane-image-pair figure{margin:0}.jane-image-pair img{width:100%;height:330px;object-fit:cover;filter:saturate(.8) contrast(1.04)}.jane-image-pair figcaption,.image-credit{font-size:.72rem;color:var(--ink-muted);margin-top:.45rem}.product-deck-image{width:100%;height:390px;object-fit:cover;object-position:center;border-bottom:1px solid rgba(184,128,40,.3)}.editorial-draft.compact{display:inline-block;margin:.4rem 0.8rem;padding:.45rem.65rem;font-size:.72rem}
@media(max-width:1050px){.deck-system-showcase{grid-template-columns:1fr}.deck-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.deck-gallery{grid-template-columns:repeat(2,1fr);gap:.8rem}.deck-back-feature,.jane-feature,.jane-image-pair{grid-template-columns:1fr}.chapter-grid{grid-template-columns:1fr}.deck-system-card{grid-template-columns:110px 1fr}.product-deck-image{height:320px}}
@media(max-width:430px){.deck-gallery{grid-template-columns:1fr 1fr}.deck-card figcaption{font-size:.82rem}.deck-system-card{grid-template-columns:90px 1fr}} /* Version 5.8 deck architecture */.deck-phase{margin:2.8rem 0 4rem}.section-heading.compact{margin-bottom:1.25rem}.section-heading.compact h3{font-size:1.25rem;color:var(--gold)}.deck-suits.domain-card{min-height:220px}.deck-suits.domain-card span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.shadow-suit{border-top:3px solid #667085}.truth-suit{border-top:3px solid #8b6bb8}.interconnect-suit{border-top:3px solid #4d7da8}.embody-suit{border-top:3px solid #b99755}.abyss-journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.abyss-stage{background:rgba(12,19,29,.78);border:1px solid rgba(202,154,72,.28);border-radius:18px;padding:1.5rem}.abyss-stage ol{margin:.9rem 0 0;padding-left:1.25rem}.abyss-stage li{padding:.35rem 0;color:var(--text)}.abyss-stage li strong{color:var(--gold);font-weight:500;margin-right:.4rem}
@media(max-width:760px){.abyss-journey{grid-template-columns:1fr}.deck-phase{margin-bottom:2.7rem}} /* v6.0 complete minor arcana */.suit-jump{display:flex;flex-wrap:wrap;gap:.65rem;margin:0 0 2.5rem}.suit-jump a{border:1px solid rgba(198,154,76,.45);padding:.65rem 1rem;border-radius:999px;background:rgba(8,14,22,.82)}.minor-suit{padding-top:1rem;margin-top:1.5rem}.minor-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.minor-gallery.deck-card img{aspect-ratio:2/3;object-fit:cover}.minor-complete.deck-phase+.deck-phase{margin-top:4rem}@media(max-width:980px){.minor-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.minor-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}} /* v6.2 interactive card viewer and Scarlet Pony preview */.deck-lightbox img{cursor:pointer;transition:transform.26s ease,opacity.26s ease}.deck-flip-pulse{transform:rotateY(12deg) scale(.985);opacity:.72}.deck-meaning-panel{width:min(92vw,620px);padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--gold);background:radial-gradient(circle at 50% 12%,rgba(184,128,40,.14),transparent 16rem),#070b11;box-shadow:0 0 70px rgba(184,128,40,.18);text-align:left}.deck-meaning-panel h2{color:var(--gold-2)}.scarlet-pony-placeholder{min-height:100%;display:grid;place-items:center;padding:2rem;text-align:center;background:radial-gradient(circle at 50% 36%,rgba(184,128,40,.22),transparent 28%),linear-gradient(160deg,#291008,#080b10 72%);border:1px solid rgba(184,128,40,.42)}.scarlet-pony-placeholder div{display:grid;gap:.55rem}.scarlet-pony-placeholder span,.scarlet-pony-placeholder small{font:600.64rem/1.4 var(--sans);letter-spacing:.17em;color:var(--gold-2)}.scarlet-pony-placeholder strong{font:500 clamp(1.8rem,4vw,3.5rem)/.95 var(--serif);color:#f0d58d}.scarlet-pony-placeholder em{font:500 1.15rem/1 var(--serif);color:#d9c39a}.scarlet-pony-placeholder.large{aspect-ratio:2/3;min-height:560px}.scarlet-pony-feature{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:3rem;align-items:center}@media(max-width:800px){.scarlet-pony-feature{grid-template-columns:1fr}.scarlet-pony-placeholder.large{min-height:480px;max-width:420px;width:100%;margin:auto}} /* Version 6.3 — Midnight Navy deck presentation */:root{--deck-midnight:#0b1730;--deck-midnight-deep:#07111f;--deck-gold:#d7a93b}.deck-card-link{position:relative;display:block;overflow:hidden;background:var(--deck-midnight-deep);isolation:isolate}.deck-card-link img{display:block;width:100%;filter:brightness(1.11) contrast(1.05) saturate(1.04);transition:filter.25s ease,transform.25s ease}.deck-card-link::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(11,23,48,.56),rgba(11,23,48,.08) 24%,rgba(11,23,48,.10) 72%,rgba(11,23,48,.78));mix-blend-mode:color}.deck-card-link::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(215,169,59,.68),inset 0 0 55px rgba(7,17,31,.35)}.deck-front-title,.deck-front-edition{position:absolute;left:7%;right:7%;z-index:3;text-align:center;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 12px rgba(0,0,0,.9);pointer-events:none}.deck-front-title{top:4.6%;font:500 clamp(1.05rem,2.3vw,2rem)/1 var(--serif);color:#f2d98d}.deck-front-edition{bottom:4.3%;font:600 clamp(.56rem,1.15vw,.78rem)/1.2 var(--sans);letter-spacing:.18em;color:#e2bb58}.deck-lightbox figure{position:relative;isolation:isolate}.deck-lightbox figure::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(11,23,48,.32);mix-blend-mode:color;border-radius:10px}.deck-lightbox img{filter:brightness(1.12) contrast(1.05) saturate(1.05)}.deck-lightbox.deck-lightbox-title,.deck-lightbox.deck-lightbox-edition{position:absolute;left:7%;right:7%;z-index:3;text-align:center;text-transform:uppercase;pointer-events:none;text-shadow:0 2px 12px #000}.deck-lightbox.deck-lightbox-title{top:3.5%;font:500 clamp(1.4rem,4vw,3rem)/1 var(--serif);color:#f2d98d}.deck-lightbox.deck-lightbox-edition{bottom:5.5%;font:600 clamp(.68rem,1.5vw,.92rem)/1.2 var(--sans);letter-spacing:.18em;color:#e2bb58}.deck-lightbox.show-meaning figure::before,.deck-lightbox.show-meaning.deck-lightbox-title,.deck-lightbox.show-meaning.deck-lightbox-edition{display:none}.deck-meaning-panel{background:radial-gradient(circle at 50% 12%,rgba(215,169,59,.12),transparent 16rem),linear-gradient(180deg,#0b1730,#07111f)!important} /* V6.7 deck display cleanup: card artwork already contains title/edition text. */.deck-front-title,.deck-front-edition,.deck-lightbox-title,.deck-lightbox-edition{display:none!important}
.gateway-noscript a{display:inline-flex;margin-top:1rem;color:var(--gold-2);border-bottom:1px solid rgba(226,189,100,.55);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;}

/* Coming-soon timeline clocks. The original gateway above remains visually unchanged. */
.gateway-main { display: block; padding-bottom: clamp(3rem, 8vw, 7rem); }
.gateway-entry { margin-inline: auto; }
.timeline-clocks { width: min(1180px, calc(100% - 2rem)); margin: clamp(4rem, 9vh, 7rem) auto 0; padding-top: clamp(2.5rem, 6vw, 5rem); border-top: 1px solid rgba(201,155,52,.28); }
.timeline-heading { text-align: center; margin-bottom: clamp(2rem, 5vw, 3.5rem); }
.timeline-kicker { margin: 0 0 .55rem; color: var(--gold-2); font-size: .69rem; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; }
.timeline-heading h2 { margin: 0; color: var(--paper); font-size: clamp(2rem, 5vw, 4rem); font-weight: 500; }
.clock-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; }
.time-card { grid-column: span 3; min-height: 250px; position: relative; display: flex; flex-direction: column; justify-content: center; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid rgba(201,155,52,.28); border-radius: 18px; background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); overflow: hidden; }
.time-card::after { content: ''; position: absolute; inset: auto -20% -45% 20%; height: 150px; background: radial-gradient(circle, rgba(201,155,52,.11), transparent 70%); pointer-events: none; }
.time-index { position: absolute; top: 1rem; right: 1.1rem; margin: 0; color: rgba(226,189,100,.42); font: 500 .68rem/1 var(--sans); letter-spacing: .18em; }
.time-card h3 { margin: 0 0 1rem; color: var(--gold-2); font-size: clamp(1.25rem, 2vw, 1.65rem); }
.elapsed-clock { position: relative; z-index: 1; font-variant-numeric: tabular-nums; }
.clock-years { display: inline; color: var(--paper); font: 500 clamp(1.55rem, 2.7vw, 2.3rem)/1 var(--serif); letter-spacing: -.02em; overflow-wrap: anywhere; }
.clock-approx { color: var(--gold-2); margin-right: .15em; }
.clock-years-label { display: inline; margin-left: .35rem; color: var(--muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .12em; }
.clock-detail { display: block; margin-top: .85rem; color: rgba(246,241,229,.72); font-size: .76rem; letter-spacing: .08em; }
.time-note { position: relative; z-index: 1; margin: auto 0 0; padding-top: 1.25rem; color: rgba(246,241,229,.48); font-size: .68rem; letter-spacing: .055em; }
.launch-card { grid-column: span 12; min-height: 220px; text-align: center; border-color: rgba(226,189,100,.5); background: radial-gradient(circle at 50% 110%, rgba(201,155,52,.15), transparent 48%), linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.015)); }
.launch-card .time-note { margin-top: 1.3rem; }
.countdown-clock { display: flex; justify-content: center; flex-wrap: wrap; gap: clamp(.7rem, 3vw, 2rem); font-variant-numeric: tabular-nums; }
.countdown-unit { min-width: 90px; }
.countdown-unit strong { display: block; color: var(--paper); font: 500 clamp(2rem, 5vw, 4rem)/.95 var(--serif); }
.countdown-unit small { display: block; margin-top: .45rem; color: var(--gold-2); font-size: .63rem; letter-spacing: .16em; text-transform: uppercase; }
.clock-launched { color: var(--gold-2); font: 500 clamp(2rem, 5vw, 4rem)/1 var(--serif); }

@media (max-width: 900px) {
  .time-card { grid-column: span 6; }
  .launch-card { grid-column: span 12; }
}
@media (max-width: 560px) {
  .timeline-clocks { width: min(100% - 1rem, 1180px); }
  .time-card, .launch-card { grid-column: span 12; }
  .time-card { min-height: 220px; }
  .countdown-unit { min-width: 62px; }
}

/* Observatory home page v2: desktop side clocks and mobile disclosure. */
.observatory-home .gateway-main {
  width: min(1480px, calc(100% - 2rem));
  min-height: 100svh;
  margin: 0 auto;
  padding: clamp(1rem, 2vw, 2rem) 0;
  display: grid;
  grid-template-columns: minmax(480px, 1fr) minmax(430px, 560px);
  gap: clamp(1.5rem, 3vw, 3.5rem);
  align-items: center;
  overflow: visible;
}
.observatory-home .gateway-entry {
  width: 100%;
  min-height: calc(100svh - 4rem);
  margin: 0;
}
.observatory-home .timeline-clocks {
  width: 100%;
  max-height: calc(100svh - 3rem);
  margin: 0;
  padding: 1.25rem 1rem 1.25rem 0;
  border-top: 0;
  border-left: 1px solid rgba(201,155,52,.28);
  overflow-y: auto;
  scrollbar-color: rgba(201,155,52,.45) transparent;
}
.observatory-home .timeline-heading {
  text-align: left;
  margin: 0 0 1.2rem;
  padding-left: 1.2rem;
}
.observatory-home .timeline-heading h2 { font-size: clamp(1.8rem, 3vw, 3rem); }
.launch-announcement {
  max-width: 42rem;
  margin: .9rem 0 0;
  color: rgba(246,241,229,.66);
  font-family: var(--serif);
  font-size: .98rem;
  line-height: 1.35;
}
.launch-announcement strong { color: var(--gold-2); font-weight: 500; }
.observatory-home .clock-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; padding-left: 1.2rem; }
.observatory-home .time-card { grid-column: auto; min-height: 190px; padding: 1.15rem; }
.observatory-home .time-card h3 { font-size: 1.2rem; margin-bottom: .7rem; }
.observatory-home .clock-years { font-size: clamp(1.25rem, 2vw, 1.8rem); }
.observatory-home .clock-detail { margin-top: .6rem; font-size: .66rem; }
.observatory-home .time-note { padding-top: .85rem; }
.observatory-card {
  grid-column: 1 / -1 !important;
  min-height: 245px !important;
  text-align: center;
  border-color: rgba(226,189,100,.52);
  background: radial-gradient(circle at 50% 115%, rgba(201,155,52,.16), transparent 52%), linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.014));
}
.observatory-status {
  margin: -.25rem 0 .8rem;
  color: rgba(246,241,229,.58);
  font-size: .62rem;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.observatory-clock { display: flex; justify-content: center; flex-wrap: wrap; gap: clamp(.65rem, 2vw, 1.5rem); font-variant-numeric: tabular-nums; }
.countup-unit { min-width: 70px; }
.countup-unit strong { display: block; color: var(--paper); font: 500 clamp(1.75rem, 3.2vw, 2.7rem)/.95 var(--serif); }
.countup-unit small { display: block; margin-top: .35rem; color: var(--gold-2); font-size: .55rem; letter-spacing: .14em; text-transform: uppercase; }
.first-entry-link {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-top: .7rem;
  color: var(--gold-2);
  border-bottom: 1px solid rgba(226,189,100,.48);
  font-family: var(--serif);
  font-size: .93rem;
}
.first-entry-link:hover { color: var(--paper); border-color: var(--paper); }
.time-panel-toggle { display: none; }

@media (max-width: 1040px) {
  .observatory-home .gateway-main { grid-template-columns: minmax(420px, 1fr) minmax(390px, 480px); gap: 1.25rem; }
}

@media (max-width: 820px) {
  .observatory-home .gateway-main { width: 100%; display: block; padding: .8rem; }
  .observatory-home .gateway-entry { min-height: calc(100svh - 1.6rem); }
  .time-panel-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: min(92vw, 420px);
    margin-top: .55rem;
    padding: .72rem 1rem;
    color: var(--gold-2);
    background: rgba(5,8,13,.76);
    border: 1px solid rgba(201,155,52,.45);
    border-radius: 999px;
    font-size: .69rem;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
    cursor: pointer;
  }
  .toggle-mark { font-size: 1.05rem; line-height: 1; }
  .observatory-home .timeline-clocks {
    display: none;
    width: min(100% - .4rem, 680px);
    max-height: none;
    margin: 1rem auto 3rem;
    padding: 2rem .25rem 0;
    border-left: 0;
    border-top: 1px solid rgba(201,155,52,.28);
    overflow: visible;
  }
  .observatory-home .timeline-clocks.is-open { display: block; }
  .observatory-home .timeline-heading { text-align: center; padding: 0 .5rem; }
  .observatory-home .clock-grid { grid-template-columns: 1fr; padding: 0; }
  .observatory-home .time-card, .observatory-card { grid-column: 1 !important; min-height: 210px; }
}

.iduai-link {
  color: var(--gold-2);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.iduai-link:hover,
.iduai-link:focus-visible {
  text-decoration-thickness: 2px;
}


/* Observatory evidence links v4 */
.evidence-link {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: max-content;
  max-width: 100%;
  margin-top: .55rem;
  color: rgba(226,189,100,.82);
  border-bottom: 1px solid rgba(226,189,100,.32);
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.evidence-link:hover,
.evidence-link:focus-visible {
  color: var(--paper);
  border-color: var(--paper);
}
.observatory-home .time-card h3 em { font-style: italic; }


/* Compact website launch countdown v9 */
.launch-countdown {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .65rem;
  padding: .45rem .7rem;
  border: 1px solid rgba(201,155,52,.28);
  border-radius: 999px;
  background: rgba(201,155,52,.06);
  color: rgba(246,241,229,.78);
  font-family: var(--serif);
  line-height: 1;
}
.launch-countdown-label {
  color: var(--gold-2);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.launch-countdown-time {
  font-variant-numeric: tabular-nums;
  font-size: .82rem;
  letter-spacing: .035em;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .launch-countdown {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
}