:root { --ih-ink:#edf5ff; --ih-muted:#c3d0e8; --ih-line:rgba(206,229,255,.28); --ih-blue:#71adff; --ih-cyan:#9bddff; --ih-deep:#07113a; --ih-mono:"IBM Plex Mono",monospace; --ih-display:"Bodoni Moda",serif; --ih-sans:"Inter",sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { min-width:320px; margin:0; overflow-x:hidden; color:var(--ih-ink); background:#050918; font-family:var(--ih-sans); } a { color:inherit; text-decoration:none; } .ih-noise { position:fixed; z-index:5; inset:0; opacity:.042; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E"); }
.ih-header { display:grid; grid-template-columns:1fr auto 1fr; gap:15px; align-items:center; min-height:54px; padding:0 24px; border-bottom:1px solid var(--ih-line); color:#c8d7ec; background:#070c1f; font-family:var(--ih-mono); font-size:.56rem; letter-spacing:.09em; }.ih-header p { text-align:center; }.ih-header p:last-child { color:var(--ih-blue); text-align:right; }.ih-return { transition:color .2s; }.ih-return span { margin-right:7px; color:var(--ih-cyan); font-size:1.1rem; }.ih-return:hover { color:var(--ih-cyan); }
.ih-feature { max-width:1360px; margin:0 auto; overflow:hidden; border-right:1px solid var(--ih-line); border-left:1px solid var(--ih-line); }.ih-masthead { position:relative; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(290px,.7fr); min-height:625px; overflow:hidden; padding:clamp(58px,8vw,119px) clamp(25px,8vw,115px); background:radial-gradient(circle at 80% 48%,rgba(92,166,255,.3),transparent 22%),radial-gradient(circle at 18% 82%,rgba(46,76,214,.31),transparent 30%),linear-gradient(125deg,#07112d,#132d6a 58%,#070c25); }.ih-masthead::before { position:absolute; inset:0; content:""; opacity:.28; background-image:linear-gradient(rgba(180,218,255,.36) 1px,transparent 1px),linear-gradient(90deg,rgba(180,218,255,.36) 1px,transparent 1px); background-size:33px 33px; }.ih-masthead-copy { position:relative; z-index:1; align-self:center; }.ih-eyebrow,.ih-serial { color:var(--ih-cyan); font-family:var(--ih-mono); font-size:.58rem; font-weight:600; letter-spacing:.11em; }.ih-serial { margin-top:50px; color:#a7bdff; }.ih-masthead h1 { max-width:780px; margin:17px 0 23px; color:#f9f5e9; font-family:var(--ih-display); font-size:clamp(3rem,6.6vw,6.6rem); font-weight:700; line-height:.65; letter-spacing:-.11em; text-shadow:4px 4px 0 #173d9b; }.ih-subtitle { max-width:690px; color:#e3edff; font-size:clamp(.94rem,1.6vw,1.28rem); font-weight:500; line-height:1.72; letter-spacing:.02em; }.ih-byline { margin-top:30px; color:#cedbf2; font-family:var(--ih-mono); font-size:.58rem; letter-spacing:.075em; }.ih-byline strong { color:#fff; font-size:.8rem; }.ih-hero-art { position:relative; z-index:1; align-self:center; justify-self:end; display:grid; width:min(405px,30vw); min-width:270px; aspect-ratio:1; place-items:center; overflow:hidden; border:2px solid #e0f0ff; border-radius:50%; background:radial-gradient(circle at 50% 50%,#8abaff 0 3%,transparent 3.5%),radial-gradient(circle at 50% 50%,#15357c 0 24%,transparent 25%),linear-gradient(145deg,#071135,#193f91 54%,#070d28); box-shadow:0 0 0 15px rgba(194,225,255,.07),0 0 95px rgba(83,145,255,.62); transform:rotate(-12deg); }.ih-hero-art::before,.ih-hero-art::after { position:absolute; content:""; border:1px solid #9ed5ff; border-radius:50%; }.ih-hero-art::before { width:130%; height:35%; transform:rotate(-28deg); }.ih-hero-art::after { width:76%; height:118%; border-color:#a8b8ff; transform:rotate(29deg); }.ih-hero-art span { position:relative; z-index:1; display:grid; width:50%; aspect-ratio:1; place-content:center; color:#f9f5e9; border:1px solid #d5ebff; border-radius:50%; background:#07133d; box-shadow:0 0 0 10px rgba(7,19,61,.78); font-family:var(--ih-display); font-size:4.15rem; font-weight:700; line-height:.54; letter-spacing:-.14em; text-align:center; }.ih-hero-art span em { margin-top:15px; color:var(--ih-cyan); font-family:var(--ih-mono); font-size:.38rem; font-style:normal; letter-spacing:.1em; }
.ih-rule { display:flex; gap:12px; align-items:center; padding:12px 24px; border-top:1px solid var(--ih-line); border-bottom:1px solid var(--ih-line); color:var(--ih-cyan); background:#070d20; font-family:var(--ih-mono); font-size:.5rem; font-weight:600; letter-spacing:.1em; }.ih-rule i { flex:1; height:1px; background:var(--ih-line); }.ih-reading { position:relative; display:grid; grid-template-columns:156px minmax(0,1fr); overflow:hidden; padding:clamp(55px,8vw,105px) clamp(24px,8vw,130px) 130px; background:radial-gradient(ellipse at 76% 8%,rgba(45,119,255,.28),transparent 22%),radial-gradient(ellipse at 12% 57%,rgba(88,53,241,.26),transparent 30%),linear-gradient(140deg,#06102b,#0d1d4b 55%,#071128); }.ih-reading::before { position:absolute; inset:0; content:""; opacity:.62; pointer-events:none; background-image:radial-gradient(circle at 8% 14%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 26% 53%,#c5e8ff 0 1px,transparent 1.5px),radial-gradient(circle at 47% 13%,#fff 0 1px,transparent 1.7px),radial-gradient(circle at 66% 68%,#b8c8ff 0 1px,transparent 1.6px),radial-gradient(circle at 89% 38%,#fff 0 1px,transparent 1.6px); background-size:230px 190px,330px 260px,410px 250px,290px 220px,370px 310px; }.ih-side { position:relative; z-index:1; padding-right:28px; border-right:1px solid rgba(219,235,255,.35); color:#c6d5ed; font-family:var(--ih-mono); font-size:.53rem; font-weight:600; line-height:1.8; letter-spacing:.08em; }.ih-side strong { display:block; margin:47px 0; color:#a6d7ff; font-family:var(--ih-display); font-size:3.8rem; line-height:.65; letter-spacing:-.1em; }.ih-main { position:relative; z-index:1; max-width:880px; padding-left:clamp(28px,7vw,105px); }.ih-index { display:grid; grid-template-columns:185px minmax(0,1fr); gap:25px; margin-bottom:74px; padding-bottom:29px; border-bottom:1px solid rgba(219,235,255,.42); }.ih-index-heading p { color:var(--ih-cyan); font-family:var(--ih-mono); font-size:.52rem; font-weight:600; letter-spacing:.08em; line-height:1.6; }.ih-index-heading h2 { margin:9px 0 0; color:#fff7e8; font-family:var(--ih-display); font-size:3.4rem; line-height:.72; letter-spacing:-.1em; }.ih-index ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; margin:0; padding:0; list-style:none; counter-reset:ih-index; }.ih-index li { min-width:0; border-top:1px solid rgba(219,235,255,.24); counter-increment:ih-index; }.ih-index a { display:grid; grid-template-columns:25px minmax(0,1fr); gap:8px; align-items:baseline; padding:9px 0; color:#f3f6ff; font-size:.7rem; line-height:1.6; transition:color .18s,padding-left .18s; }.ih-index a::before { content:counter(ih-index,decimal-leading-zero); color:var(--ih-cyan); font-family:var(--ih-mono); font-size:.48rem; font-weight:600; letter-spacing:.04em; }.ih-index a:hover { padding-left:5px; color:var(--ih-cyan); }.ih-taxonomy { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 2.3em; padding:0; list-style:none; }.ih-taxonomy li { padding:6px 8px; color:#cde6ff; border:1px solid rgba(159,207,255,.46); background:rgba(34,76,150,.18); font-family:var(--ih-mono); font-size:.5rem; letter-spacing:.07em; }.ih-prose { max-width:746px; color:#e5e9f3; font-size:1.03rem; line-height:2.15; letter-spacing:.025em; }.ih-prose p { margin:0 0 1.36em; }.ih-prose h2 { margin:3.3em 0 1.15em; padding-top:.7em; border-top:2px solid rgba(219,235,255,.76); color:#fff6e7; font-family:var(--ih-display); font-size:clamp(1.85rem,3vw,3.2rem); font-weight:700; line-height:.93; letter-spacing:-.07em; }.ih-prose h2:first-of-type { margin-top:0; }.ih-prose strong { color:var(--ih-cyan); }.ih-prose blockquote { margin:2.2em 0; padding:20px 23px; border-left:3px solid var(--ih-blue); color:#f3f7ff; background:rgba(89,145,255,.12); font-family:var(--ih-display); font-size:clamp(1.35rem,2.4vw,2rem); font-weight:500; line-height:1.2; letter-spacing:-.04em; }.ih-signature { margin-top:4em !important; color:var(--ih-cyan); font-family:var(--ih-mono); font-size:.72rem; font-weight:600; letter-spacing:.08em; }.ih-source-note { color:#b8c8e3; font-size:.8rem; line-height:1.9; }.ih-footer { display:flex; gap:20px; align-items:center; justify-content:space-between; padding:20px clamp(24px,8vw,115px); border-top:1px solid var(--ih-line); color:#c8d5ea; background:#070d20; font-family:var(--ih-mono); font-size:.55rem; letter-spacing:.09em; }.ih-footer a { display:inline-flex; gap:16px; align-items:center; padding:10px 14px; color:#f2f7ff; background:linear-gradient(135deg,#acd9ff,#4d85ff 45%,#081654); font-weight:600; }.ih-footer a b { font-size:1rem; }.ih-site-footer { display:flex; justify-content:space-between; padding:18px 24px; border-top:1px solid var(--ih-line); color:#aebed8; background:#050916; font-family:var(--ih-mono); font-size:.5rem; letter-spacing:.08em; }
@media (max-width:800px) { .ih-header { grid-template-columns:1fr auto; padding:0 15px; }.ih-header > p:nth-child(2) { display:none; }.ih-masthead { grid-template-columns:1fr; min-height:0; padding:65px 25px 0; }.ih-masthead h1 { font-size:clamp(3.3rem,15vw,5.5rem); }.ih-hero-art { width:min(320px,72vw); min-width:0; margin:40px auto -36px; justify-self:center; }.ih-reading { grid-template-columns:1fr; padding:70px 24px 85px; }.ih-side { display:flex; gap:17px; align-items:center; padding:0 0 23px; border-right:0; border-bottom:1px solid rgba(219,235,255,.35); }.ih-side strong { margin:0 0 -8px; font-size:3.5rem; }.ih-main { padding:38px 0 0; }.ih-index { grid-template-columns:1fr; gap:21px; margin-bottom:54px; }.ih-index ol { grid-template-columns:1fr; }.ih-prose { font-size:.96rem; line-height:2.05; }.ih-prose h2 { font-size:2rem; }.ih-footer { display:block; padding:23px 24px; }.ih-footer a { justify-content:space-between; width:100%; margin-top:18px; }.ih-site-footer { gap:10px; font-size:.43rem; } }