@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Serif+KR:wght@500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,600;1,6..72,400;1,6..72,700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--color-bg: #131313;--color-bg-lowest: #0e0e0e;--color-surface-low: #1c1b1b;--color-surface: #201f1f;--color-surface-high: #2a2a2a;--color-surface-highest: #353534;--color-text: #e5e2e1;--color-muted: #b9cbc1;--color-outline: rgba(58, 74, 67, .15);--color-outline-strong: rgba(131, 149, 140, .28);--color-accent: #00ffc2;--color-accent-dim: #36ffc4;--color-secondary: #bcf600;--color-accent-ink: #002116;--shadow-soft: 0 20px 40px rgba(0, 0, 0, .42);--radius-lg: 22px;--radius-md: 14px;--content-width: 1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--color-text);background:radial-gradient(circle at top center,rgba(0,255,194,.09),transparent 24%),radial-gradient(circle at 80% 20%,rgba(188,246,0,.08),transparent 22%),linear-gradient(180deg,#111,#131313 48%,#0d0d0d);font-family:Inter,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;position:relative;overflow:clip}.site-header{position:fixed;inset:0 0 auto;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 28px;background:#0808087a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-soft)}.brand{font-family:"Noto Serif KR",Malgun Gothic,serif;font-size:1.72rem;font-style:normal;font-weight:600;letter-spacing:-.06em;color:#fbfffa}.site-nav{display:flex;gap:24px;flex-wrap:wrap}.site-nav a{color:#e5e2e1b8;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;transition:color .18s ease}.site-nav a:hover,.site-nav a:focus-visible,.header-terminal:hover,.header-terminal:focus-visible,.site-footer a:hover,.site-footer a:focus-visible{color:var(--color-accent)}.header-terminal{color:var(--color-accent);font-family:Space Grotesk,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.ambient-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.ambient-layer__glow{position:absolute;border-radius:999px;filter:blur(120px)}.ambient-layer__glow--one{top:5%;left:14%;width:28rem;height:28rem;background:#00ffc214}.ambient-layer__glow--two{right:8%;bottom:14%;width:24rem;height:24rem;background:#bcf6000f}.ambient-layer__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.7) 0 1px,transparent 1px),radial-gradient(circle at 80% 40%,rgba(255,255,255,.4) 0 1px,transparent 1px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.5) 0 1px,transparent 1px);background-size:160px 160px}main,.site-footer{position:relative;z-index:1}.side-rail{position:fixed;left:22px;top:50%;z-index:20;display:flex;flex-direction:column;align-items:center;gap:22px;width:100px;padding:20px 10px;transform:translateY(-50%);border-radius:18px;background:linear-gradient(180deg,#0c0c0ce0,#080808b8);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 60px #00000052}.side-rail__brand{display:grid;justify-items:center;gap:14px}.side-rail__terminal{display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:#ffffff0f;color:var(--color-accent);font-family:Space Grotesk,monospace;font-size:.95rem;font-weight:700}.side-rail__version{color:#e5e2e147;font-family:Space Grotesk,sans-serif;font-size:.6rem;letter-spacing:.12em}.side-rail__nav{display:grid;gap:22px;width:100%}.side-rail__item{display:grid;justify-items:center;gap:8px;min-width:52px;color:#e5e2e142;font-family:Space Grotesk,sans-serif;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;transition:color .18s ease,transform .18s ease}.side-rail__item strong{font-weight:500;line-height:1}.side-rail__item:hover,.side-rail__item:focus-visible{color:var(--color-accent);transform:translate(2px)}.side-rail__item.is-active{color:var(--color-accent)}.side-rail__code{min-height:.8rem;color:#e5e2e14d}.side-rail__item.is-active .side-rail__code{color:#00ffc2b8}.side-rail__connect{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:78px;min-height:40px;margin-top:4px;border-radius:8px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dim) 100%);color:var(--color-accent-ink);font-family:Space Grotesk,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.side-rail__connect-dot{width:9px;height:9px;border-radius:999px;background:#0f8f57;box-shadow:0 0 0 4px #0f8f5724,0 0 12px #0f8f576b;animation:onlinePulse 1.8s ease-in-out infinite}.rail-icon{display:grid;place-items:center;color:currentColor}.rail-icon--intro{width:28px;height:28px;border-radius:999px;box-shadow:inset 0 0 0 2px currentColor}.rail-icon--intro:after{content:"";width:14px;height:14px;border-radius:999px;box-shadow:inset 0 0 0 2px currentColor}.rail-icon--about{width:22px;height:22px;border-radius:999px;border:2px solid currentColor;position:relative}.rail-icon--about:before,.rail-icon--about:after{content:"";position:absolute;left:50%;transform:translate(-50%);background:currentColor}.rail-icon--about:before{top:4px;width:6px;height:6px;border-radius:999px}.rail-icon--about:after{bottom:4px;width:10px;height:5px;border-radius:999px 999px 6px 6px}.rail-icon--projects{grid-template-columns:repeat(2,10px);gap:4px}.rail-icon--projects span{width:10px;height:10px;background:currentColor;opacity:.9}.rail-icon--lab{font-family:Space Grotesk,monospace;font-size:1.2rem;font-weight:700;letter-spacing:-.08em}.rail-icon--metrics{width:28px;height:24px;position:relative}.rail-icon--metrics span{position:absolute;bottom:0;width:2px;background:currentColor}.rail-icon--metrics span:first-child{left:4px;height:10px;transform:rotate(28deg)}.rail-icon--metrics span:nth-child(2){left:12px;height:16px;transform:rotate(-18deg)}.rail-icon--metrics span:nth-child(3){right:4px;height:8px;transform:rotate(24deg)}.hero-stage,.editorial-section{width:min(var(--content-width),calc(100% - 64px));margin:0 auto}.hero-stage{position:relative;min-height:100vh;display:grid;align-items:center;padding:8.5rem 0 4rem}.hero-stage__grid{position:absolute;inset:12% 0 auto;height:68%;background-image:linear-gradient(rgba(58,74,67,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(58,74,67,.08) 1px,transparent 1px);background-size:120px 120px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 85%)}.hero-stage__copy{position:relative;display:grid;justify-items:center;gap:1.75rem;text-align:center}.hero-stage__eyebrow,.section-kicker,.panel-kicker{margin:0;color:#b9cbc1e0;font-family:Space Grotesk,sans-serif;font-size:.74rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase}.hero-stage h1,.section-intro h2,.feature-card h3,.panel-title,.archive-triptych h3,.contact-strip h3{font-family:Newsreader,Georgia,serif}.hero-stage__title{margin:0;min-height:clamp(16rem,40vw,31rem);width:min(100%,84rem)}.hero-editor{position:relative;overflow:hidden;width:100%;min-height:clamp(16rem,40vw,31rem);border-radius:24px;border:1px solid rgba(104,128,109,.16);background:linear-gradient(180deg,#1f1f1ffa,#0c0c0cfa),linear-gradient(135deg,rgba(0,255,194,.05),transparent 38%);box-shadow:0 36px 80px #0000005c,inset 0 1px #ffffff0a}.hero-editor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 22%,rgba(0,255,194,.08),transparent 18%),radial-gradient(circle at 80% 78%,rgba(188,246,0,.06),transparent 18%);pointer-events:none}.hero-editor__chrome{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:3.9rem;padding:0 1.5rem;border-bottom:1px solid rgba(104,128,109,.12);background:#222121eb;color:#e5e2e16b;font-family:Space Grotesk,monospace;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}.hero-editor__lights{display:flex;gap:.7rem}.hero-editor__lights span{width:.9rem;height:.9rem;border-radius:999px}.hero-editor__lights span:first-child{background:#7d5b58}.hero-editor__lights span:nth-child(2){background:#756f3c}.hero-editor__lights span:nth-child(3){background:#1d6b5b}.hero-editor__chrome strong{justify-self:center;font-weight:500}.hero-editor__glyph{color:#e5e2e142}.hero-editor__body{position:relative;z-index:1;display:grid;gap:1.6rem;padding:clamp(1.5rem,3vw,2.6rem);justify-items:start}.hero-editor__start{position:absolute;top:clamp(1.4rem,2vw,2rem);right:clamp(1.4rem,2vw,2rem);min-width:8.5rem;min-height:2.6rem;padding:0 1.25rem;border:1px solid rgba(0,255,194,.34);border-radius:0;background:#0a1c1761;box-shadow:inset 0 0 0 1px #00ffc214;color:#d6f3e8c7;font-family:Space Grotesk,monospace;font-size:.92rem;font-weight:700;letter-spacing:.18em;opacity:1;transform:translateY(0) scale(1);animation:startButtonPulse 1.2s ease-in-out 4.95s 2,startButtonPress .65s cubic-bezier(.22,1,.36,1) 6.25s forwards;pointer-events:none}.hero-editor__code{display:grid;gap:.8rem;width:min(100%,56rem);justify-items:start}.code-line{display:grid;grid-template-columns:3rem 1fr;align-items:baseline;gap:1rem;width:100%;justify-items:start;font-family:Space Grotesk,Consolas,monospace;font-size:clamp(.9rem,1.5vw,1.7rem);line-height:1.55}.code-line__number{color:#e5e2e12e;text-align:right}.code-line__content{display:block;overflow:hidden;justify-self:start;padding-left:calc(var(--indent-level, 0) * 1.6rem);white-space:nowrap;text-align:left;color:#eceeebe0}.code-line__typing{display:inline-block;overflow:hidden;width:0;justify-self:start;white-space:nowrap;text-align:left;border-right:2px solid rgba(0,255,194,.74);animation:codeTyping var(--typing-duration, 2.8s) steps(var(--chars),end) forwards,codeCaret .9s steps(1,end) 4,codeCaretHide .01s linear forwards;animation-delay:var(--line-delay, 0s),var(--line-delay, 0s),calc(var(--line-delay, 0s) + var(--typing-duration, 2.8s))}.code-line__typing--instant{width:auto;opacity:0;border-right:0;animation:codeInstantReveal .08s ease-out forwards;animation-delay:var(--line-delay, 0s)}.code-line--accent .code-line__content{color:#f3f6f4f5}.token--keyword{color:#00ffc2eb}.token--function{color:#c4e597eb}.token--type{color:#e2e6d2d6}.token--string{color:#eff7d0f0}.token--plain{color:#e5e2e1d1}.hero-editor__headline{margin:0;color:#f5f9f6fa;font-family:Consolas,Courier New,monospace;font-size:clamp(3.2rem,9vw,7.8rem);font-style:normal;font-weight:700;letter-spacing:-.08em;line-height:.92;justify-self:center;text-align:center;opacity:0;transform:translateY(16px);text-shadow:0 0 28px rgba(0,255,194,.1);animation:heroHeadlineReveal .9s ease-out 7.05s forwards}.hero-editor__headline:after{content:"_";margin-left:.18em;color:var(--color-accent);animation:codeCaret 1s steps(1,end) 5,codeCaretHide .01s linear forwards;animation-delay:7.05s,12.05s}@keyframes codeTyping{0%{width:0}to{width:calc(var(--chars) * 1ch)}}@keyframes codeInstantReveal{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes codeCaret{0%,49%{border-color:#00ffc2bd}50%,to{border-color:transparent}}@keyframes codeCaretHide{0%{border-color:transparent}to{border-color:transparent}}@keyframes heroHeadlineReveal{0%{opacity:0;filter:blur(12px);transform:translateY(16px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes startButtonPulse{0%,to{box-shadow:inset 0 0 0 1px #00ffc214,0 0 #00ffc200;border-color:#00ffc257}50%{box-shadow:inset 0 0 0 1px #00ffc229,0 0 24px #00ffc238;border-color:#00ffc2bd}}@keyframes startButtonPress{0%{background:#0a1c1761;color:#d6f3e8c7;transform:translateY(0) scale(1)}45%{background:#00ffc2eb;color:#07120e;transform:translateY(1px) scale(.97)}to{background:#00ffc229;color:#d6f3e8d1;transform:translateY(0) scale(1)}}@keyframes onlinePulse{0%,to{transform:scale(1);box-shadow:0 0 0 4px #0f8f571f,0 0 10px #0f8f5752}50%{transform:scale(1.08);box-shadow:0 0 0 6px #0f8f5714,0 0 16px #0f8f5775}}.hero-stage__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.4rem;color:#e5e2e1b8;font-family:Space Grotesk,sans-serif;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase}.hero-stage__description,.section-intro p,.surface-panel p,.feature-card p,.project-rail__item p,.archive-triptych p,.deep-dive-steps p,.contact-strip p{color:var(--color-muted);line-height:1.75}.hero-stage__description{max-width:44rem;margin:0;min-height:1.75rem;font-size:1.12rem}.hero-stage__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:10px;font-family:Space Grotesk,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;transition:transform .18s ease,background-color .18s ease,color .18s ease}.cta:hover,.cta:focus-visible{transform:translateY(-1px)}.cta--primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dim) 100%);color:var(--color-accent-ink)}.cta--ghost{background:#3535348f;color:var(--color-text)}.hero-stage__status{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:52rem}.status-pill{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:999px;background:#2a2a2ae6;color:#e5e2e1e0;font-family:Space Grotesk,sans-serif;font-size:.76rem;font-weight:600;letter-spacing:.16em}.hero-stage__environment{position:absolute;left:0;bottom:4rem}.meta-card,.surface-panel,.feature-card,.project-rail__item,.archive-console__row,.archive-scope{background:var(--color-surface);box-shadow:var(--shadow-soft)}.meta-card,.surface-panel,.project-rail__item{border-radius:var(--radius-lg)}.meta-card{max-width:18rem;padding:1.35rem 1.4rem}.meta-card__label{display:block;margin-bottom:8px;color:var(--color-secondary);font-family:Space Grotesk,sans-serif;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase}.meta-card strong,.surface-panel strong,.feature-card h3,.section-intro h2,.archive-scope h3,.contact-strip h3{color:#fbfffa}.meta-card p{margin-bottom:0}.editorial-section{padding:5rem 0}.section-intro{max-width:52rem;margin-bottom:2rem;display:grid;gap:.9rem}.section-intro--wide{max-width:72rem}.section-intro h2{margin:0;font-size:clamp(3rem,7vw,5.5rem);font-style:italic;line-height:1.04}.concept-grid,.stack-groups,.deep-dive-grid,.ledger-grid,.lessons-grid,.lab-grid{display:grid;gap:1.5rem}.concept-grid{grid-template-columns:.82fr 1.58fr 1fr;margin-bottom:1.5rem}.stack-groups,.lessons-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.awards-grid,.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}.keyword-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1.5rem}.career-keyword{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:999px;font-family:Space Grotesk,sans-serif;font-size:.84rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.career-keyword--solid{background:var(--color-surface-high);color:var(--color-accent)}.career-keyword--outline{background:transparent;color:#e5e2e1b3;box-shadow:inset 0 0 0 1px #3a4a433d}.surface-panel{position:relative;overflow:hidden;padding:1.5rem}.surface-panel:before,.feature-card:before,.project-rail__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 12% 20%,rgba(255,255,255,.06) 0 1px,transparent 1px),radial-gradient(circle at 84% 36%,rgba(255,255,255,.04) 0 1px,transparent 1px);background-size:120px 120px;opacity:.18;pointer-events:none}.surface-panel--large{min-height:17rem}.surface-panel--profile{display:grid;align-content:start;gap:1rem}.about-profile-photo{display:block;width:min(100%,16rem);aspect-ratio:.92;margin:0 auto;border-radius:18px;object-fit:cover;object-position:center top;filter:grayscale(.08);box-shadow:inset 0 0 0 1px #ffffff0a,0 18px 42px #00000047}.chip-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem}.chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;font-family:Space Grotesk,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.chip--tonal{background:var(--color-surface-high);color:#e5e2e1c2}.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem}.feature-card{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.feature-card--hero{grid-column:span 8;min-height:31rem}.feature-card--secondary{grid-column:span 6;min-height:18rem}.surface-panel--stack,.surface-panel--log{grid-column:span 4}.surface-panel--quote,.surface-panel--portrait{grid-column:span 6;min-height:18rem}.feature-card__visual{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(0,255,194,.22),transparent 24%),radial-gradient(circle at 70% 60%,rgba(188,246,0,.14),transparent 22%),linear-gradient(135deg,#00ffc20d,#fff0)}.feature-card__image,.portrait-image,.project-rail__thumb{display:block;width:100%;object-fit:cover}.feature-card__image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;opacity:.5;filter:grayscale(1);transition:transform .4s ease,opacity .22s ease,filter .22s ease}.feature-card:hover .feature-card__image{transform:scale(1.04);opacity:.68;filter:grayscale(.1)}.feature-card__visual--waves{background:radial-gradient(circle at 30% 35%,rgba(188,246,0,.18),transparent 24%),linear-gradient(140deg,rgba(255,255,255,.05),transparent 50%),repeating-radial-gradient(circle at 100% 80%,rgba(0,255,194,.14) 0 2px,transparent 2px 12px)}.orb{width:min(24rem,68%);aspect-ratio:1;border-radius:26% 74% 56% 44%/39% 40% 60% 61%;transform:rotate(-12deg);background:linear-gradient(135deg,#00ffc2d6,#5c7f7933),linear-gradient(45deg,rgba(255,255,255,.3),transparent);box-shadow:inset 0 0 40px #ffffff2e,0 0 90px #00ffc238;clip-path:polygon(26% 5%,67% 9%,96% 36%,88% 74%,55% 96%,17% 76%,6% 35%)}.feature-card__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;min-height:100%;padding:2rem;background:linear-gradient(180deg,transparent 15%,rgba(8,8,8,.72) 78%,rgba(8,8,8,.96) 100%)}.feature-card__meta,.project-rail__head,.editor-head{display:flex;justify-content:space-between;gap:1rem;color:#b9cbc1b8;font-family:Space Grotesk,sans-serif;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}.feature-card h3{margin:0;font-size:clamp(2rem,4vw,3.6rem);font-style:italic;line-height:.95}.surface-note{margin-bottom:0;font-size:.94rem}.stack-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:.9rem}.stack-matrix__item{display:grid;place-items:center;min-height:4.2rem;padding:.5rem;border-radius:var(--radius-md);background:var(--color-bg-lowest);text-align:center}.stack-matrix__item strong{font-family:Space Grotesk,sans-serif;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.bar-chart{display:flex;align-items:end;gap:8px;height:11rem;margin:1.25rem 0}.bar-chart span{flex:1;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--color-accent) 0%,rgba(0,255,194,.22) 100%)}.panel-title{margin:.5rem 0 1rem;font-size:2rem;font-style:italic}.principle-list{display:grid;gap:12px;padding-left:1rem;color:var(--color-muted)}.portrait-orb{width:min(16rem,70%);aspect-ratio:.88;margin-left:auto;border-radius:30% 30% 26% 26%/28% 28% 44% 44%;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.16),transparent 22%),radial-gradient(circle at 40% 28%,rgba(0,255,194,.18),transparent 28%),linear-gradient(180deg,#ffffff0a,#0000008a);box-shadow:inset 0 0 60px #ffffff0f,0 10px 60px #0000007a}.portrait-image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;opacity:.46;filter:grayscale(1)}.portrait-caption{position:absolute;left:1.5rem;bottom:1.5rem;max-width:15rem;padding:1rem;border-radius:var(--radius-md);background:#1c1b1bbd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.portrait-caption span,.preview-stats span{display:block;margin-bottom:6px;color:#b9cbc1b8;font-family:Space Grotesk,sans-serif;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.project-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}.project-rail__item{position:relative;overflow:hidden;padding:1.35rem}.project-rail__thumb{aspect-ratio:16 / 9;margin-bottom:1rem;border-radius:14px;opacity:.76;filter:grayscale(.25)}.project-rail__item h3{margin:.7rem 0;color:#fbfffa;font-size:1.3rem}.editorial-section--archive{padding-top:6rem}.archive-hero{display:grid;gap:1.5rem}.archive-hero__stage{position:relative;min-height:23rem;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),linear-gradient(135deg,#3a4a4329,#0000001a),var(--color-surface);box-shadow:var(--shadow-soft)}.archive-console{position:absolute;left:2rem;top:2rem;display:grid;gap:12px;width:min(22rem,calc(100% - 4rem))}.archive-console__row{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:14px}.archive-console__row span,.archive-triptych span,.deep-dive-steps strong{color:var(--color-secondary);font-family:Space Grotesk,sans-serif;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.archive-scope{position:absolute;right:2rem;bottom:2rem;max-width:24rem;padding:1.4rem;border-radius:var(--radius-md);background:#201f1fcc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.archive-scope p,.archive-scope span{margin:0}.archive-scope h3{margin:.5rem 0;font-size:2rem}.archive-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.archive-triptych article{padding:1.5rem 0}.archive-triptych h3{margin:.6rem 0;font-size:2.1rem;font-style:italic}.deep-dive-grid{grid-template-columns:1.3fr 1fr;margin-top:1.5rem}.surface-panel--deep h3{margin:.5rem 0 1rem;max-width:28rem;color:#fbfffa;font-size:2rem}.deep-dive-steps{display:grid;gap:1.2rem}.surface-panel--code pre,.surface-panel--editor pre{overflow:auto;margin:1rem 0 0;border-radius:14px;padding:1rem;background:var(--color-bg-lowest);color:var(--color-accent);font-family:Space Grotesk,Consolas,monospace;font-size:.82rem;line-height:1.65}.api-code{display:grid;gap:.15rem}.api-code__line{display:block}.api-code__line--gap{min-height:.8rem}.api-code__line--indent-1{padding-left:1.8rem}.api-code__line--indent-2{padding-left:3.6rem}.api-token--annotation{color:#00ffc2f5}.api-token--keyword{color:#00ffc2eb}.api-token--type{color:#c4e597eb}.api-token--method{color:#eff7d0f0}.api-token--string{color:#acfff3eb}.api-token--value{color:#e2e6d2d6}.api-token--plain{color:#e5e2e1d1}.ledger-grid{grid-template-columns:1.3fr repeat(3,minmax(0,1fr));margin-top:1.5rem}.surface-panel--score,.surface-panel--metric{display:grid;align-content:start;gap:.9rem}.score-ring{position:relative;width:8.5rem;aspect-ratio:1;display:grid;place-items:center;margin-top:.5rem;border-radius:999px;background:radial-gradient(circle at center,transparent 58%,rgba(0,255,194,.22) 59% 62%,transparent 63%),radial-gradient(circle at center,rgba(0,255,194,.1),transparent 68%)}.score-ring__value{color:var(--color-accent);font-family:Space Grotesk,sans-serif;font-size:2.2rem;font-weight:700}.surface-panel--metric strong{font-size:2.3rem}.surface-panel--metric span{color:var(--color-muted)}.editorial-section--lab{padding-bottom:6rem}.lab-grid{grid-template-columns:1.28fr 1fr}.surface-panel--editor,.surface-panel--preview{min-height:24rem}.editor-head{align-items:center;justify-content:flex-start;padding-bottom:1rem}.editor-dot{width:10px;height:10px;border-radius:999px;background:#bcf60059}.editor-dot:first-child{background:#ffb4ab59}.editor-dot:nth-child(2){background:#bcf60059}.surface-panel--preview{display:grid;place-items:center;background:radial-gradient(circle at center,rgba(0,255,194,.26),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--color-surface)}.surface-panel--preview-api{align-content:center;gap:2rem;padding:2rem}.preview-orb{position:relative;width:min(18rem,72%);aspect-ratio:1;display:grid;place-items:center}.preview-orb__ring,.preview-orb__core{position:absolute;border-radius:999px}.preview-orb__ring--one{top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,255,194,.32);transform:rotate(16deg)}.preview-orb__ring--two{top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(188,246,0,.4);transform:rotate(-26deg)}.preview-orb__core{top:22%;right:22%;bottom:22%;left:22%;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.26),transparent 18%),linear-gradient(135deg,#00ffc28f,#bcf60038);box-shadow:0 0 60px #00ffc22e}.preview-stats{position:absolute;left:1.5rem;top:1.5rem;display:flex;gap:12px}.preview-stats--api{position:static;justify-content:center;flex-wrap:wrap;gap:10px}.preview-stats div,.contact-strip{border-radius:var(--radius-md);background:#1c1b1ba8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.preview-stats div{padding:.8rem .95rem}.preview-stats strong{color:var(--color-accent)}.api-architecture{display:grid;justify-items:center;gap:.9rem;width:100%;transform:translate(-.65rem)}.api-architecture__row{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%}.api-architecture__lane{min-width:8rem;min-height:3.25rem;display:grid;place-items:center;padding:0 1rem;border-radius:14px;background:#111814e6;box-shadow:inset 0 0 0 1px #3a4a433d;color:#fbfffa;font-family:Space Grotesk,sans-serif;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.api-architecture__arrow{width:2.1rem;height:2px;background:linear-gradient(90deg,#00ffc233,#00ffc2bd)}.api-architecture__down{width:2px;height:1.35rem;background:linear-gradient(180deg,#00ffc233,#00ffc2bd)}.api-architecture__lane--database{min-width:7.4rem}.surface-panel--build,.surface-panel--instance{min-height:14rem}.build-log{display:grid;gap:14px}.notes-row{display:flex;flex-wrap:wrap;gap:10px;margin:1.5rem 0}.page-cta{width:min(var(--content-width),calc(100% - 64px));margin:0 auto;padding:0 0 2.5rem}.contact-strip{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem}.contact-strip--footer{margin-top:2.5rem}.contact-strip h3{margin:.4rem 0 0;font-size:1.86rem;font-style:italic}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.contact-action-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:999px;background:#272727e6;box-shadow:inset 0 0 0 1px #68806d38,0 12px 28px #00000038;color:#e3efe7db;transition:transform .18s ease,color .18s ease,background-color .18s ease,box-shadow .18s ease}.contact-action-icon:hover,.contact-action-icon:focus-visible{transform:translateY(-1px);background:#0d241deb;color:var(--color-accent);box-shadow:inset 0 0 0 1px #00ffc238,0 16px 34px #00000047}.contact-action-icon svg{width:20px;height:20px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:min(var(--content-width),calc(100% - 64px));margin:0 auto;padding:2rem 0 3rem;color:#e5e2e185;font-family:Space Grotesk,sans-serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.site-footer div{display:flex;gap:18px}.mobile-top-button{position:fixed;right:18px;bottom:20px;z-index:24;display:none;place-items:center;width:46px;height:46px;border:0;border-radius:999px;background:#121f1aeb;box-shadow:inset 0 0 0 1px #00ffc22e,0 18px 34px #00000047;color:var(--color-accent);opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,background-color .18s ease}.mobile-top-button.is-visible{opacity:1;transform:translateY(0)}.mobile-top-button span{font-size:1.25rem;line-height:1}@media (max-width: 1180px){.bento-grid,.concept-grid,.stack-groups,.awards-grid,.capability-grid,.project-rail,.archive-triptych,.deep-dive-grid,.ledger-grid,.lessons-grid,.lab-grid{grid-template-columns:1fr 1fr}.feature-card--hero,.surface-panel--stack,.surface-panel--log,.feature-card--secondary,.surface-panel--quote,.surface-panel--portrait{grid-column:auto}.side-rail{display:none}.hero-stage,.editorial-section,.page-cta,.site-footer{width:min(var(--content-width),calc(100% - 40px))}}@media (max-width: 820px){.site-header{align-items:flex-start;flex-direction:column;padding:16px 20px}.site-nav{gap:14px}.hero-stage{min-height:auto;padding-top:8rem}.hero-stage__environment{position:static;margin-top:2rem}.concept-grid,.stack-groups,.awards-grid,.capability-grid,.project-rail,.archive-triptych,.deep-dive-grid,.ledger-grid,.lessons-grid,.lab-grid,.bento-grid{grid-template-columns:1fr}.contact-strip,.site-footer{flex-direction:column;align-items:flex-start}.site-footer div{flex-wrap:wrap}.hero-editor__body{padding:1.35rem}.hero-editor__start{position:static;margin-left:auto;min-width:7rem;min-height:2.4rem;font-size:.82rem}.hero-editor__code{width:100%}.code-line{grid-template-columns:2.4rem 1fr;gap:.75rem;font-size:clamp(.78rem,2.4vw,1.05rem)}.code-line__content{padding-left:calc(var(--indent-level, 0) * 1rem)}}@media (max-width: 640px){.hero-stage,.editorial-section,.page-cta,.site-footer{width:calc(100% - 28px)}.hero-stage h1,.section-intro h2{line-height:.98}.hero-editor__chrome{grid-template-columns:auto 1fr;padding:0 1rem;font-size:.72rem}.hero-editor__glyph{display:none}.hero-editor__body{gap:1.15rem;padding:1rem}.hero-editor__start{min-width:6.1rem;min-height:2.2rem;padding:0 .85rem;font-size:.72rem;letter-spacing:.12em}.code-line{grid-template-columns:2rem 1fr;gap:.65rem;font-size:.62rem;line-height:1.45}.code-line__content{padding-left:calc(var(--indent-level, 0) * .72rem)}.hero-editor__headline{font-size:clamp(2.2rem,13vw,3.8rem)}.hero-stage__meta{justify-content:flex-start;gap:.8rem 1rem;font-size:.58rem;letter-spacing:.18em}.surface-panel--preview-api{gap:1.4rem;padding:1.25rem}.preview-stats--api{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.preview-stats--api div:last-child{grid-column:1 / -1}.api-architecture{transform:none;gap:.75rem}.api-architecture__row{flex-direction:column;gap:.75rem}.api-architecture__lane,.api-architecture__lane--database{width:100%;min-width:0;max-width:14rem}.api-architecture__arrow{width:2px;height:1.2rem;background:linear-gradient(180deg,#00ffc233,#00ffc2bd)}.api-architecture__down{height:1rem}.about-profile-photo{width:min(100%,11.5rem)}.mobile-top-button{display:grid}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}