:root { --kyg-ink:#070a11; --kyg-blue:#75b7ff; --kyg-amber:#e5aa55; --kyg-platinum:#edf1f6; --kyg-muted:#aeb8c7; }
.kyg-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; }
.kyg-hero__image,.kyg-hero__image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-3; }
.kyg-hero__image img { object-position:64% center; animation:kygBreathe 18s ease-in-out infinite alternate; }
.kyg-hero__veil { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(4,7,13,.96) 0%,rgba(4,7,13,.86) 34%,rgba(4,7,13,.38) 62%,rgba(4,7,13,.12)),linear-gradient(0deg,rgba(4,6,10,.85),transparent 45%); }
.kyg-hero__copy { max-width:660px; }
.kyg-kicker { color:var(--kyg-amber); text-transform:uppercase; letter-spacing:.18em; font-size:.7rem; font-weight:700; margin:0 0 1.2rem; }
.kyg-brand-title { display:grid; gap:.52rem; margin:0 0 1.35rem; text-transform:uppercase; }.kyg-brand-title span { color:var(--kyg-amber); font-size:.68rem; letter-spacing:.18em; font-weight:700; }.kyg-brand-title strong { width:max-content; max-width:100%; color:#f6f8fb; font-family:var(--font-display,Georgia,serif); font-size:clamp(1.05rem,1.55vw,1.45rem); letter-spacing:.14em; font-weight:600; line-height:1; text-shadow:0 0 18px rgba(205,224,249,.42),0 0 34px rgba(229,170,85,.17); position:relative; padding-bottom:.58rem; }.kyg-brand-title strong:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:linear-gradient(90deg,#edbc68 0%,rgba(165,204,255,.92) 62%,transparent); box-shadow:0 0 12px rgba(229,170,85,.45); }
.kyg-hero h1,.kyg-section-head h2,.kyg-boundaries h2,.kyg-pilot h2 { font-family:var(--font-display, Georgia, serif); font-weight:400; letter-spacing:-.05em; color:var(--kyg-platinum); margin:0; line-height:.94; }
.kyg-hero h1 { font-size:clamp(3.8rem,7.4vw,7.55rem); text-wrap:balance; }
.kyg-hero h1 span { display:block; color:#a5ccff; }
.kyg-lede { max-width:590px; color:#d0d8e4; font-size:clamp(1.05rem,1.5vw,1.3rem); line-height:1.55; margin:1.8rem 0; }
.kyg-actions { display:flex; gap:.8rem; flex-wrap:wrap; }
.kyg-actions .primary-action,.kyg-pilot .primary-action { background:linear-gradient(120deg,#d99034,#f0c16c); color:#14100b; border-color:transparent; }
.kyg-boundary { color:#aebbd0; font-size:.74rem; letter-spacing:.07em; text-transform:uppercase; margin-top:1.25rem; display:flex; gap:.55rem; align-items:center; }
.kyg-boundary i { width:1.6rem; height:1px; display:block; background:linear-gradient(90deg,var(--kyg-amber),transparent); }
.kyg-hero__principle { position:absolute; right:max(1.35rem, calc((100vw - 1220px)/2)); bottom:5.2rem; width:min(290px,26vw); padding:1.1rem 1.15rem 1.25rem; border-left:1px solid rgba(229,170,85,.72); background:linear-gradient(135deg,rgba(10,17,28,.66),rgba(10,17,28,.1)); backdrop-filter:blur(10px); }
.kyg-hero__principle span,.kyg-observatory__caption span,.kyg-plane > span { color:var(--kyg-amber); letter-spacing:.13em; text-transform:uppercase; font-weight:700; font-size:.65rem; }
.kyg-hero__principle strong { display:block; color:#f3f5f8; font-size:1rem; line-height:1.32; margin:.55rem 0; }.kyg-hero__principle p { margin:0; color:#bec9d8; font-size:.82rem; line-height:1.45; }
.kyg-scroll { position:absolute; bottom:1.8rem; color:#d7e0ee; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; text-decoration:none; }.kyg-scroll span { color:var(--kyg-amber); margin-left:.35rem; }
.kyg-wrap { width:min(1220px, calc(100% - 2.7rem)); margin:0 auto; }
.kyg-lenses { background:radial-gradient(circle at 80% 0%,#14233b 0%,#080c14 37%,#06080d 100%); padding:8.5rem 0; }.kyg-section-head { display:flex; gap:2rem; justify-content:space-between; align-items:end; margin-bottom:3rem; }.kyg-section-head h2,.kyg-boundaries h2,.kyg-pilot h2 { font-size:clamp(2.5rem,5vw,5.1rem); }.kyg-section-head h2 em,.kyg-boundaries h2 em,.kyg-pilot h2 em { font-style:normal; color:#a5ccff; }.kyg-section-head > p { max-width:420px; color:#b4c0d0; line-height:1.6; margin:0; }
.kyg-observatory { display:grid; grid-template-columns:1.35fr .65fr; min-height:510px; background:#0b111c; border:1px solid rgba(192,212,240,.18); box-shadow:0 28px 80px rgba(0,0,0,.34); }.kyg-observatory__visual { min-height:510px; position:relative; overflow:hidden; }.kyg-observatory__visual picture,.kyg-observatory__visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.kyg-observatory__visual img { object-position:70% center; transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .6s; }.kyg-observatory[data-kyg-stage="spend"] .kyg-observatory__visual img { object-position:82% 52%; transform:scale(1.08); }.kyg-observatory[data-kyg-stage="delivery"] .kyg-observatory__visual img { object-position:58% 68%; transform:scale(1.08); }.kyg-observatory__shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,7,12,.92),transparent 62%),linear-gradient(90deg,rgba(5,8,15,.25),transparent); }.kyg-observatory__caption { position:absolute; left:clamp(1.2rem,3vw,2.4rem); bottom:clamp(1.2rem,4vw,2.75rem); max-width:370px; }.kyg-observatory__caption strong { display:block; color:white; 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; }.kyg-observatory__caption p { color:#cad4e1; line-height:1.5; margin:0; font-size:.91rem; }
.kyg-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; }.kyg-observatory__marker i { display:block; width:.62rem; height:.62rem; border-radius:100%; background:var(--kyg-amber); box-shadow:0 0 0 5px rgba(229,170,85,.16),0 0 20px rgba(229,170,85,.8); animation:kygPulse 2.7s ease-in-out infinite; }.kyg-observatory__marker--archive { left:47%; top:27%; }.kyg-observatory__marker--forum { right:16%; bottom:33%; }.kyg-observatory__marker--square { left:31%; bottom:24%; }.kyg-observatory[data-kyg-stage="mandate"] [data-kyg-marker]:not([data-kyg-marker="mandate"]),.kyg-observatory[data-kyg-stage="spend"] [data-kyg-marker]:not([data-kyg-marker="spend"]),.kyg-observatory[data-kyg-stage="delivery"] [data-kyg-marker]:not([data-kyg-marker="delivery"]) { opacity:.2; transform:scale(.92); }
.kyg-observatory__detail { padding:clamp(1.7rem,3vw,3rem); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; background:linear-gradient(145deg,#0f1725,#080d16); }.kyg-observatory__detail > p:first-child { margin:0 0:.9rem; color:var(--kyg-amber); text-transform:uppercase; letter-spacing:.14em; font-size:.68rem; font-weight:700; }.kyg-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; }.kyg-observatory__detail > p:nth-of-type(2) { color:#bdc8d7; line-height:1.6; }.kyg-observatory__detail ul,.kyg-plane ul { margin:1rem 0 1.6rem; padding:0; list-style:none; width:100%; }.kyg-observatory__detail li,.kyg-plane li { color:#d7dee8; font-size:.85rem; padding:.64rem 0 .64rem 1.2rem; border-top:1px solid rgba(197,215,240,.14); position:relative; }.kyg-observatory__detail li:before,.kyg-plane li:before { content:'↗'; color:var(--kyg-amber); position:absolute; left:0; }.kyg-observatory__detail a { color:#f1c16a; font-weight:700; text-decoration:none; font-size:.85rem; }.kyg-observatory__detail a span { margin-left:.25rem; }
.kyg-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); }.kyg-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; }.kyg-lens-controls button:hover,.kyg-lens-controls button[aria-selected="true"] { background:linear-gradient(115deg,#162a44,#0d1724); color:white; }.kyg-lens-controls span { color:var(--kyg-amber); font-size:.68rem; font-weight:700; padding-top:.15rem; }.kyg-lens-controls strong { font-size:.9rem; }.kyg-lens-controls em { grid-column:2; color:#9daaba; font-style:normal; font-size:.72rem; margin-top:.2rem; }
.kyg-boundaries { position:relative; overflow:hidden; background:radial-gradient(circle at 14% 15%,rgba(59,107,161,.28),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; }.kyg-boundaries:before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.38; background:linear-gradient(118deg,transparent 0 46%,rgba(174,206,247,.12) 46.1%,transparent 46.35% 100%); }.kyg-boundaries .kyg-wrap { position:relative; }.kyg-boundaries h2 { color:#f0f4f9; }.kyg-boundaries h2 em { color:#a5ccff; }.kyg-boundaries .kyg-kicker { color:#e5aa55; }.kyg-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); }.kyg-plane { position:relative; padding:2.5rem clamp(1.5rem,4vw,3.5rem); min-height:390px; }.kyg-plane:after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(140deg,rgba(255,255,255,.08),transparent 34%); }.kyg-plane--private { background:linear-gradient(145deg,rgba(49,82,120,.82),rgba(13,24,40,.92)); }.kyg-plane--public { background:linear-gradient(145deg,rgba(24,36,54,.94),rgba(8,14,24,.98)); }.kyg-plane--private > span { color:#b7d7ff; }.kyg-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; }.kyg-plane p { position:relative; z-index:1; line-height:1.6; color:#c5d2e2; max-width:440px; }.kyg-plane ul { position:relative; z-index:1; }.kyg-plane--private li,.kyg-plane--public li { border-color:rgba(213,230,252,.16); color:#e0e8f2; }.kyg-boundary-line { display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#17283d,#0b1421); }.kyg-boundary-line span { writing-mode:vertical-rl; transform:rotate(180deg); color:#e5aa55; text-transform:uppercase; letter-spacing:.14em; font-size:.62rem; font-weight:700; }.kyg-boundaries__note { color:#9fadc0; max-width:730px; margin:1.4rem 0 0; font-size:.8rem; line-height:1.5; }
.kyg-pilot { position:relative; overflow:hidden; background:#080c13; padding:8.5rem 0; }.kyg-pilot__image,.kyg-pilot__image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.kyg-pilot__image { opacity:.22; }.kyg-pilot__inner { position:relative; display:grid; grid-template-columns:1fr .72fr; gap:5rem; align-items:end; }.kyg-pilot__inner > div:last-child p { color:#c6d0dd; line-height:1.65; margin:0 0:1.5rem; }.kyg-pilot__inner .primary-action { display:inline-flex; }
@keyframes kygBreathe { from { transform:scale(1); } to { transform:scale(1.04); } } @keyframes kygPulse { 0%,100% { transform:scale(.88); opacity:.72; } 50% { transform:scale(1.12); opacity:1; } }
@media (max-width:800px) { .kyg-hero { align-items:end; min-height:760px; padding:7.5rem 1.35rem 7rem; }.kyg-brand-title { gap:.45rem; margin-bottom:1.2rem; }.kyg-brand-title strong { font-size:1rem; letter-spacing:.11em; padding-bottom:.52rem; }.kyg-hero h1 { font-size:clamp(3rem,13vw,3.5rem); letter-spacing:-.055em; }.kyg-hero__image img { object-position:72% center; }.kyg-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)); }.kyg-hero__principle { display:none; }.kyg-scroll { bottom:2rem; }.kyg-section-head { display:block; }.kyg-section-head > p { margin-top:1.2rem; }.kyg-lenses { padding:5.5rem 0; }.kyg-observatory { grid-template-columns:1fr; }.kyg-observatory__visual { min-height:430px; }.kyg-observatory__detail { min-height:0; }.kyg-lens-controls { grid-template-columns:1fr; margin-top:1.25rem; gap:1px; }.kyg-boundaries { padding:5.5rem 0; }.kyg-boundary-planes { grid-template-columns:1fr; margin-top:2.2rem; }.kyg-boundary-line { height:45px; }.kyg-boundary-line span { writing-mode:horizontal-tb; transform:none; }.kyg-plane { min-height:0; }.kyg-pilot { padding:5.5rem 0; }.kyg-pilot__inner { grid-template-columns:1fr; gap:1.7rem; }.kyg-pilot__image { opacity:.18; } }
@media (prefers-reduced-motion:reduce) { .kyg-hero__image img,.kyg-observatory__marker i { animation:none; }.kyg-observatory__visual img { transition:none; } }