:root { --sbr-ink:#06090e; --sbr-blue:#8fbef3; --sbr-amber:#e2a54e; --sbr-platinum:#f0f2f5; --sbr-muted:#b1bac7; }
.sbr-hero { min-height:100svh; position:relative; isolation:isolate; display:grid; align-items:center; overflow:hidden; background:#05070d; padding:8rem max(1.35rem,calc((100vw - 1220px)/2)) 5.5rem; }
.sbr-hero__image,.sbr-hero__image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-3; }.sbr-hero__image img { object-position:65% center; animation:sbrBreathe 18s ease-in-out infinite alternate; }.sbr-hero__veil { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(4,7,13,.97),rgba(4,7,13,.88) 34%,rgba(4,7,13,.43) 62%,rgba(4,7,13,.14)),linear-gradient(0deg,rgba(4,6,10,.87),transparent 48%); }
.sbr-hero__copy { max-width:690px; }.sbr-brand-title { display:grid; gap:.52rem; margin:0 0 1.35rem; text-transform:uppercase; }.sbr-brand-title span,.sbr-kicker { color:var(--sbr-amber); font-size:.68rem; letter-spacing:.18em; font-weight:700; text-transform:uppercase; }.sbr-brand-title strong { width:max-content; max-width:100%; color:#f7f8fa; font-family:var(--font-display,Georgia,serif); font-size:clamp(1.02rem,1.48vw,1.38rem); letter-spacing:.12em; font-weight:600; line-height:1; text-shadow:0 0 18px rgba(210,226,245,.42),0 0 34px rgba(226,165,78,.18); position:relative; padding-bottom:.6rem; }.sbr-brand-title strong:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:linear-gradient(90deg,#edbd6a 0%,rgba(176,210,246,.92) 64%,transparent); box-shadow:0 0 12px rgba(226,165,78,.42); }
.sbr-hero h1,.sbr-section-head h2,.sbr-boundaries h2,.sbr-pilot h2,.sbr-trust-rail h2 { font-family:var(--font-display,Georgia,serif); font-weight:400; letter-spacing:-.05em; color:var(--sbr-platinum); margin:0; line-height:.94; }.sbr-hero h1 { font-size:clamp(3.7rem,7.15vw,7.25rem); text-wrap:balance; }.sbr-hero h1 span { display:block; color:#b5d4f5; }.sbr-lede { max-width:610px; color:#d0d8e3; font-size:clamp(1.03rem,1.5vw,1.3rem); line-height:1.55; margin:1.8rem 0; }.sbr-actions { display:flex; gap:.8rem; flex-wrap:wrap; }.sbr-actions .primary-action,.sbr-pilot .primary-action { background:linear-gradient(120deg,#d79035,#f0c16b); color:#15100a; border-color:transparent; }.sbr-boundary { color:#afbdcf; font-size:.73rem; letter-spacing:.07em; text-transform:uppercase; margin-top:1.25rem; display:flex; gap:.55rem; align-items:center; }.sbr-boundary i { width:1.6rem; height:1px; display:block; background:linear-gradient(90deg,var(--sbr-amber),transparent); }.sbr-hero__principle { position:absolute; right:max(1.35rem,calc((100vw - 1220px)/2)); bottom:5.2rem; width:min(298px,26vw); padding:1.1rem 1.15rem 1.25rem; border-left:1px solid rgba(226,165,78,.72); background:linear-gradient(135deg,rgba(10,17,28,.69),rgba(10,17,28,.08)); backdrop-filter:blur(10px); }.sbr-hero__principle span,.sbr-observatory__caption span,.sbr-plane > span { color:var(--sbr-amber); letter-spacing:.13em; text-transform:uppercase; font-weight:700; font-size:.65rem; }.sbr-hero__principle strong { display:block; color:#f3f5f8; font-size:1rem; line-height:1.32; margin:.55rem 0; }.sbr-hero__principle p { margin:0; color:#bec9d8; font-size:.82rem; line-height:1.45; }.sbr-scroll { position:absolute; bottom:1.8rem; color:#d7e0ee; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; text-decoration:none; }.sbr-scroll span { color:var(--sbr-amber); margin-left:.35rem; }
.sbr-wrap { width:min(1220px,calc(100% - 2.7rem)); margin:0 auto; }.sbr-lenses { background:radial-gradient(circle at 80% 0%,#1a2738 0%,#080d15 37%,#06080d 100%); padding:8.5rem 0; }.sbr-section-head { display:flex; gap:2rem; justify-content:space-between; align-items:end; margin-bottom:3rem; }.sbr-section-head h2,.sbr-boundaries h2,.sbr-pilot h2 { font-size:clamp(2.5rem,5vw,5.1rem); }.sbr-section-head h2 em,.sbr-boundaries h2 em,.sbr-pilot h2 em { font-style:normal; color:#b5d4f5; }.sbr-section-head > p { max-width:440px; color:#b4c0d0; line-height:1.6; margin:0; }
.sbr-observatory { display:grid; grid-template-columns:1.35fr .65fr; min-height:510px; background:#0b111c; border:1px solid rgba(202,217,240,.18); box-shadow:0 28px 80px rgba(0,0,0,.34); }.sbr-observatory__visual { min-height:510px; position:relative; overflow:hidden; }.sbr-observatory__visual picture,.sbr-observatory__visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.sbr-observatory__visual img { object-position:70% center; transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .6s,object-position .8s; }.sbr-observatory[data-sbr-stage="responsibility"] .sbr-observatory__visual img { object-position:88% 44%; transform:scale(1.08); }.sbr-observatory[data-sbr-stage="continuity"] .sbr-observatory__visual img { object-position:53% 73%; transform:scale(1.08); }.sbr-observatory__shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,7,12,.93),transparent 62%),linear-gradient(90deg,rgba(5,8,15,.27),transparent); }.sbr-observatory__caption { position:absolute; left:clamp(1.2rem,3vw,2.4rem); bottom:clamp(1.2rem,4vw,2.75rem); max-width:390px; }.sbr-observatory__caption strong { display:block; color:#fff; font-family:var(--font-display,Georgia,serif); font-size:clamp(1.6rem,2.7vw,2.8rem); line-height:1.05; letter-spacing:-.04em; margin:.55rem 0; }.sbr-observatory__caption p { color:#cad4e1; line-height:1.5; margin:0; font-size:.91rem; }.sbr-observatory__marker { position:absolute; display:flex; align-items:center; gap:.45rem; color:#f4f6f8; font-weight:600; letter-spacing:.04em; font-size:.68rem; text-transform:uppercase; transition:opacity .35s,transform .5s; }.sbr-observatory__marker i { display:block; width:.62rem; height:.62rem; border-radius:100%; background:var(--sbr-amber); box-shadow:0 0 0 5px rgba(226,165,78,.16),0 0 20px rgba(226,165,78,.8); animation:sbrPulse 2.7s ease-in-out infinite; }.sbr-observatory__marker--archive { left:56%; top:26%; }.sbr-observatory__marker--forum { right:10%; top:43%; }.sbr-observatory__marker--continuity { left:34%; bottom:22%; }.sbr-observatory[data-sbr-stage="authority"] [data-sbr-marker]:not([data-sbr-marker="authority"]),.sbr-observatory[data-sbr-stage="responsibility"] [data-sbr-marker]:not([data-sbr-marker="responsibility"]),.sbr-observatory[data-sbr-stage="continuity"] [data-sbr-marker]:not([data-sbr-marker="continuity"]) { opacity:.18; transform:scale(.92); }
.sbr-observatory__detail { padding:clamp(1.7rem,3vw,3rem); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; background:linear-gradient(145deg,#101722,#080d16); }.sbr-observatory__detail > p:first-child { margin:0 0:.9rem; color:var(--sbr-amber); text-transform:uppercase; letter-spacing:.14em; font-size:.68rem; font-weight:700; }.sbr-observatory__detail h3 { color:#f0f3f7; font-family:var(--font-display,Georgia,serif); font-size:clamp(1.7rem,2.6vw,2.65rem); line-height:1.08; letter-spacing:-.04em; margin:0; }.sbr-observatory__detail > p:nth-of-type(2) { color:#bdc8d7; line-height:1.6; }.sbr-observatory__detail ul,.sbr-plane ul { margin:1rem 0 1.6rem; padding:0; list-style:none; width:100%; }.sbr-observatory__detail li,.sbr-plane li { color:#d7dee8; font-size:.85rem; padding:.64rem 0 .64rem 1.2rem; border-top:1px solid rgba(197,215,240,.14); position:relative; }.sbr-observatory__detail li:before,.sbr-plane li:before { content:'↗'; color:var(--sbr-amber); position:absolute; left:0; }.sbr-observatory__detail a { color:#f1c16a; font-weight:700; text-decoration:none; font-size:.85rem; }.sbr-observatory__detail a span { margin-left:.25rem; }.sbr-lens-controls { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:1px; background:rgba(191,214,245,.18); border:1px solid rgba(191,214,245,.18); }.sbr-lens-controls button { appearance:none; background:#0a1019; color:#d4dce7; border:0; padding:1.25rem 1.2rem; cursor:pointer; display:grid; grid-template-columns:auto 1fr; column-gap:.85rem; text-align:left; transition:background .3s,color .3s; }.sbr-lens-controls button:hover,.sbr-lens-controls button[aria-selected="true"] { background:linear-gradient(115deg,#1b2a3b,#0d1724); color:#fff; }.sbr-lens-controls span { color:var(--sbr-amber); font-size:.68rem; font-weight:700; padding-top:.15rem; }.sbr-lens-controls strong { font-size:.9rem; }.sbr-lens-controls em { grid-column:2; color:#9daaba; font-style:normal; font-size:.72rem; margin-top:.2rem; }
.sbr-boundaries { position:relative; overflow:hidden; background:radial-gradient(circle at 14% 15%,rgba(72,111,153,.26),transparent 31%),radial-gradient(circle at 86% 76%,rgba(200,139,54,.14),transparent 34%),linear-gradient(145deg,#0a101a,#05080e 68%); color:#e8eff7; padding:8rem 0; }.sbr-boundaries:before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.35; background:linear-gradient(118deg,transparent 0 46%,rgba(174,206,247,.12) 46.1%,transparent 46.35% 100%); }.sbr-boundaries .sbr-wrap { position:relative; }.sbr-boundaries .sbr-kicker { color:#e5aa55; }.sbr-boundary-planes { display:grid; grid-template-columns:1fr 70px 1fr; gap:0; margin-top:3.4rem; align-items:stretch; border:1px solid rgba(194,217,246,.22); border-radius:1.35rem; overflow:hidden; box-shadow:0 28px 70px rgba(0,0,0,.34); }.sbr-plane { position:relative; padding:2.5rem clamp(1.5rem,4vw,3.5rem); min-height:390px; }.sbr-plane:after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(140deg,rgba(255,255,255,.08),transparent 34%); }.sbr-plane--held { background:linear-gradient(145deg,rgba(48,75,105,.82),rgba(13,24,40,.92)); }.sbr-plane--shared { background:linear-gradient(145deg,rgba(43,38,35,.94),rgba(10,14,20,.98)); }.sbr-plane--held > span { color:#b7d7ff; }.sbr-plane h3 { position:relative; z-index:1; color:#f5f8fc; font-family:var(--font-display,Georgia,serif); font-size:clamp(1.65rem,2.6vw,2.55rem); line-height:1.05; letter-spacing:-.04em; margin:.75rem 0; }.sbr-plane p { position:relative; z-index:1; line-height:1.6; color:#c5d2e2; max-width:440px; }.sbr-plane ul { position:relative; z-index:1; }.sbr-plane--held li,.sbr-plane--shared li { border-color:rgba(213,230,252,.16); color:#e0e8f2; }.sbr-boundary-line { display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#202638,#0b1421); }.sbr-boundary-line span { writing-mode:vertical-rl; transform:rotate(180deg); color:#e5aa55; text-transform:uppercase; letter-spacing:.14em; font-size:.62rem; font-weight:700; }.sbr-boundaries__note { color:#9fadc0; max-width:790px; margin:1.4rem 0 0; font-size:.8rem; line-height:1.5; }
.sbr-trust-rail { padding:7rem 0; background:linear-gradient(110deg,#060a11,#0c1724 50%,#090c12); }.sbr-trust-rail h2 { font-size:clamp(2.25rem,4.5vw,4.2rem); margin-top:.85rem; }.sbr-trust-rail__items { margin-top:3rem; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(200,220,244,.2); border-radius:1.1rem; overflow:hidden; }.sbr-trust-rail__items a { position:relative; padding:2rem; min-height:170px; color:#ecf1f7; text-decoration:none; background:linear-gradient(145deg,rgba(27,40,57,.78),rgba(7,11,18,.88)); border-right:1px solid rgba(200,220,244,.14); transition:background .3s,transform .3s; }.sbr-trust-rail__items a:last-child { border-right:0; }.sbr-trust-rail__items a:hover,.sbr-trust-rail__items a[aria-current="page"] { background:linear-gradient(145deg,rgba(73,60,42,.88),rgba(17,24,34,.96)); }.sbr-trust-rail__items span { display:block; color:var(--sbr-amber); font-size:.68rem; letter-spacing:.15em; font-weight:700; }.sbr-trust-rail__items strong { display:block; margin:.8rem 0 .45rem; font-family:var(--font-display,Georgia,serif); font-size:1.45rem; font-weight:400; }.sbr-trust-rail__items em { color:#acb9c9; font-size:.82rem; font-style:normal; }.sbr-pilot { position:relative; overflow:hidden; background:#080c13; padding:8.5rem 0; }.sbr-pilot__image,.sbr-pilot__image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.sbr-pilot__image { opacity:.22; }.sbr-pilot__inner { position:relative; display:grid; grid-template-columns:1fr .72fr; gap:5rem; align-items:end; }.sbr-pilot__inner > div:last-child p { color:#c6d0dd; line-height:1.65; margin:0 0 1.5rem; }.sbr-pilot__inner .primary-action { display:inline-flex; }
@keyframes sbrBreathe { from { transform:scale(1); } to { transform:scale(1.04); } } @keyframes sbrPulse { 0%,100% { transform:scale(.88); opacity:.72; } 50% { transform:scale(1.12); opacity:1; } }
@media (max-width:800px) { .sbr-hero { align-items:end; min-height:780px; padding:7.5rem 1.35rem 7rem; }.sbr-brand-title { gap:.45rem; margin-bottom:1.2rem; }.sbr-brand-title strong { font-size:.94rem; letter-spacing:.09em; padding-bottom:.52rem; }.sbr-hero h1 { font-size:clamp(2.95rem,12.5vw,3.5rem); letter-spacing:-.055em; }.sbr-hero__image img { object-position:71% center; }.sbr-hero__veil { background:linear-gradient(0deg,rgba(4,7,13,.98) 10%,rgba(4,7,13,.78) 48%,rgba(4,7,13,.12)),linear-gradient(90deg,rgba(4,7,13,.45),rgba(4,7,13,.08)); }.sbr-hero__principle { display:none; }.sbr-scroll { bottom:2rem; }.sbr-section-head { display:block; }.sbr-section-head > p { margin-top:1.2rem; }.sbr-lenses { padding:5.5rem 0; }.sbr-observatory { grid-template-columns:1fr; }.sbr-observatory__visual { min-height:430px; }.sbr-observatory__detail { min-height:0; }.sbr-lens-controls { grid-template-columns:1fr; margin-top:1.25rem; gap:1px; }.sbr-boundaries { padding:5.5rem 0; }.sbr-boundary-planes { grid-template-columns:1fr; margin-top:2.2rem; }.sbr-boundary-line { height:45px; }.sbr-boundary-line span { writing-mode:horizontal-tb; transform:none; }.sbr-plane { min-height:0; }.sbr-trust-rail { padding:5.5rem 0; }.sbr-trust-rail__items { grid-template-columns:1fr; }.sbr-trust-rail__items a { min-height:0; border-right:0; border-bottom:1px solid rgba(200,220,244,.14); }.sbr-trust-rail__items a:last-child { border-bottom:0; }.sbr-pilot { padding:5.5rem 0; }.sbr-pilot__inner { grid-template-columns:1fr; gap:1.7rem; }.sbr-pilot__image { opacity:.18; } }
@media (prefers-reduced-motion:reduce) { .sbr-hero__image img,.sbr-observatory__marker i { animation:none; }.sbr-observatory__visual img { transition:none; } }