:root {
  --ink: #080b12; --ink-2: #0d111a; --panel: #121827; --line: rgba(183, 211, 255, .16);
  --text: #f1f6ff; --muted: #a6b3c7; --faint: #6d7d94; --blue: #75a7ff; --cyan: #71f3e4; --lime: #d7fb69;
  --serif: Georgia, 'Times New Roman', serif; --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; min-width: 320px; background: var(--ink); color: var(--text); font-family: var(--sans); line-height: 1.55; overflow-x: hidden; }
body::before { content: ''; position: fixed; inset: 0; pointer-events: none; opacity: .32; background-image: linear-gradient(rgba(141,169,216,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(141,169,216,.045) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom, black, transparent 72%); }
a { color: inherit; text-decoration: none; } .skip-link { position:absolute; left:-9999px; }.skip-link:focus { left:1rem; top:1rem; z-index:20; background:var(--lime); color:var(--ink); padding:.6rem 1rem; border-radius:2px; }
.section-shell { width: min(1180px, calc(100% - 3rem)); margin-inline: auto; }.site-header { height: 88px; width: min(1240px, calc(100% - 3rem)); margin: auto; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:5; }
.brand { font-weight:800; letter-spacing:.12em; font-size:1.1rem; }.brand span { color:var(--cyan); }.site-nav { display:flex; gap:1.7rem; color:var(--muted); font-size:.82rem; }.site-nav a { transition:color .2s ease; }.site-nav a:hover, .site-nav a:focus { color:var(--cyan); }.menu-toggle { display:none; }
.hero { min-height: calc(100vh - 88px); min-height: calc(100svh - 88px); display:grid; grid-template-columns: 1.25fr .75fr; align-items:center; gap:2rem; position:relative; padding-block:5.5rem 7rem; }.hero-copy { position:relative; z-index:1; }.eyebrow { margin:0 0 1.25rem; color:var(--cyan); text-transform:uppercase; font-size:.73rem; font-weight:700; letter-spacing:.16em; }.pulse { display:inline-block; width:.55rem; height:.55rem; border-radius:50%; margin-right:.5rem; background:var(--lime); box-shadow:0 0 16px var(--lime); }.hero h1, h2, h3 { text-wrap:balance; }.hero h1 { max-width:760px; margin:.1em 0 .35em; letter-spacing:-.055em; font-size:clamp(3.65rem, 7.5vw, 7rem); line-height:.94; font-weight:650; }.hero h1 em { font-family:var(--serif); font-weight:400; color:var(--blue); }.hero-intro { max-width:590px; color:var(--muted); font-size:1.08rem; }.hero-line { margin-top:2.1rem; font-size:.82rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--lime); }
.hero-orbit { width:min(31vw, 390px); aspect-ratio:1; justify-self:end; position:relative; margin-right:3%; }.orbit-ring { position:absolute; inset:10%; border:1px solid var(--line); border-radius:50%; transform:rotate(-28deg); }.ring-two { inset:25% 2%; transform:rotate(39deg); border-color:rgba(113,243,228,.24); }.ring-three { inset:2% 27%; transform:rotate(8deg); border-color:rgba(117,167,255,.34); }.orbit-core { position:absolute; inset:39%; display:grid; place-items:center; border-radius:50%; color:var(--ink); background:var(--lime); font-weight:900; font-size:1rem; letter-spacing:-.1em; box-shadow:0 0 44px rgba(215,251,105,.25); }.orbit-node { position:absolute; width:10px; height:10px; border-radius:50%; background:var(--cyan); box-shadow:0 0 18px var(--cyan); }.node-a { top:13%; left:51%; }.node-b { right:10%; bottom:28%; background:var(--lime); box-shadow:0 0 18px var(--lime); }.node-c { left:17%; bottom:14%; background:var(--blue); box-shadow:0 0 18px var(--blue); }.scroll-cue { position:absolute; bottom:2.2rem; left:0; color:var(--muted); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }.scroll-cue span { display:inline-block; width:35px; height:1px; margin:0 .65rem .25rem 0; background:var(--cyan); }
.ambient { position:fixed; border-radius:50%; filter:blur(50px); pointer-events:none; }.ambient-one { width:37vw; height:37vw; right:-12vw; top:6vh; background:rgba(52,92,164,.11); }.ambient-two { width:30vw; height:30vw; left:-16vw; top:55vh; background:rgba(19,126,139,.07); }
.explore, .interests, .notes, .about { padding-block:7.5rem; }.section-intro { display:grid; grid-template-columns: minmax(150px, 25%) minmax(0, 650px); gap:1.25rem; align-items:start; margin-bottom:3.5rem; }.section-intro .eyebrow { margin-top:.7rem; }.section-intro h2 { margin:0; letter-spacing:-.045em; font-size:clamp(2.2rem, 4.6vw, 4.2rem); line-height:1.01; font-weight:650; }.topic-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:1px; border:1px solid var(--line); background:var(--line); }.topic-card { min-height:290px; padding:2rem; background:rgba(13,17,26,.86); position:relative; transition:background .25s ease; }.topic-card:hover { background:#151d2c; }.topic-card.featured { grid-row:span 2; min-height:581px; background:linear-gradient(145deg, rgba(24,38,68,.96), rgba(10,14,24,.96)); }.card-index, .item-number { margin:0; color:var(--cyan); font-size:.75rem; letter-spacing:.14em; font-weight:700; }.topic-card h3 { margin:3rem 0 1rem; font-size:clamp(1.8rem, 2.6vw, 2.7rem); letter-spacing:-.055em; line-height:.93; }.topic-card p:not(.card-index) { max-width:440px; color:var(--muted); font-size:.95rem; }.topic-card ul { margin:2rem 0 0; padding:0; display:flex; flex-wrap:wrap; gap:.5rem; list-style:none; }.topic-card li { color:var(--blue); border:1px solid rgba(117,167,255,.32); padding:.28rem .54rem; font-size:.72rem; border-radius:99px; }
.interests { border-top:1px solid var(--line); }.interest-list { border-top:1px solid var(--line); }.interest-item { display:grid; grid-template-columns: minmax(150px, 25%) minmax(0, 650px); gap:1.25rem; padding:2.15rem 0; border-bottom:1px solid var(--line); }.interest-item h3 { margin:0 0 .8rem; font-size:clamp(1.4rem, 2vw, 2rem); letter-spacing:-.04em; }.interest-item p:not(.item-number) { margin:0; color:var(--muted); max-width:620px; }
.notes { padding-top:1rem; }.notes-panel { padding:4.2rem; background:linear-gradient(120deg, rgba(24,41,74,.9), rgba(14,19,31,.94)); border:1px solid rgba(117,167,255,.24); }.notes-panel .section-intro { grid-template-columns:1fr; margin-bottom:2.8rem; }.notes-panel .section-intro h2 { max-width:600px; }.notes-lede { max-width:510px; color:var(--muted); margin:1.1rem 0 0; }.note-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }.note-grid article { border-top:1px solid rgba(214,233,255,.25); padding-top:1.1rem; }.note-mark { color:var(--lime); font-family:var(--serif); font-size:1.25rem; margin:0; }.note-grid h3 { font-size:1.12rem; margin:1.45rem 0 .7rem; }.note-grid article p:last-child { color:var(--muted); font-size:.92rem; margin:0; }
.about { display:grid; grid-template-columns:.55fr 1fr; gap:6rem; align-items:center; }.about-mark { font-size:clamp(5rem, 16vw, 12rem); line-height:.8; letter-spacing:-.16em; font-weight:900; color:transparent; -webkit-text-stroke:1px rgba(117,167,255,.45); user-select:none; }.about .section-intro { display:block; margin:0; }.about .section-intro h2 { margin-bottom:1.5rem; }.about-copy > p:not(.eyebrow):not(.about-chain) { color:var(--muted); max-width:650px; font-size:1.04rem; }.about-chain { margin-top:2rem; font-weight:700; font-size:.86rem; color:var(--blue); }.about-chain span { padding-inline:.35rem; color:var(--cyan); }.site-footer { min-height:100px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; color:var(--faint); text-transform:uppercase; font-size:.7rem; letter-spacing:.1em; }
@media (max-width: 800px) { .site-header { height:76px; }.menu-toggle { background:transparent; color:var(--text); border:0; display:flex; align-items:center; gap:.65rem; font:700 .76rem var(--sans); text-transform:uppercase; letter-spacing:.1em; padding:.7rem 0 .7rem .7rem; cursor:pointer; }.menu-mark, .menu-mark::before { content:''; display:block; height:1px; width:19px; background:var(--cyan); transition:transform .2s ease; }.menu-mark::before { transform:translateY(-5px); }.menu-toggle[aria-expanded='true'] .menu-mark { transform:rotate(45deg); }.menu-toggle[aria-expanded='true'] .menu-mark::before { transform:rotate(-90deg); }.site-nav { display:none; position:absolute; top:65px; left:0; right:0; padding:1.25rem; gap:1.2rem; flex-direction:column; background:#111827; border:1px solid var(--line); }.site-nav.open { display:flex; }.site-nav a { font-size:1rem; color:var(--text); }.hero { min-height:calc(100svh - 76px); grid-template-columns:1fr; padding-block:4rem 5rem; }.hero h1 { font-size:clamp(3rem, 14vw, 5.3rem); }.hero-intro { font-size:1rem; }.hero-orbit { order:-1; width:190px; margin:0 0 1.25rem auto; }.scroll-cue { bottom:1.5rem; }.section-intro, .interest-item { grid-template-columns:1fr; gap:.5rem; }.section-intro .eyebrow { margin:0; }.explore, .interests, .notes, .about { padding-block:5rem; }.topic-grid { grid-template-columns:1fr; }.topic-card, .topic-card.featured { min-height:260px; grid-row:auto; }.topic-card.featured { min-height:360px; }.topic-card h3 { margin-top:2rem; }.notes { padding-top:0; }.notes-panel { padding:2rem 1.4rem; }.note-grid { grid-template-columns:1fr; gap:1.2rem; }.about { grid-template-columns:1fr; gap:2.5rem; }.about-mark { font-size:7rem; }.site-footer { min-height:120px; padding-block:1.5rem; gap:.7rem; align-items:flex-start; flex-direction:column; }.ambient-one { width:80vw; height:80vw; right:-35vw; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *, *::before, *::after { transition-duration:.01ms !important; animation-duration:.01ms !important; } }