:root{color-scheme:dark;--bg:#10100d;--bg-soft:#171611;--surface:#1e1c16;--surface-strong:#28241c;--text:#f7f0dc;--muted:#c8bfa6;--quiet:#8e866f;--line:#f7f0dc29;--teal:#2dd4bf;--amber:#fbbf24;--green:#22c55e;--red:#ef4444;--blue:#60a5fa;--shadow:0 22px 70px #00000057;--radius:8px;letter-spacing:0;font-family:IBM Plex Sans,Noto Sans SC,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 18% 5%, #2dd4bf2e, transparent 28rem), radial-gradient(circle at 92% 18%, #ef444421, transparent 26rem), linear-gradient(135deg, #ffffff06 25%, transparent 25%) 0 0 / 28px 28px, var(--bg);margin:0;line-height:1.55;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#f7f0dc0b 1px,#0000 1px),linear-gradient(90deg,#f7f0dc0b 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;mask-image:linear-gradient(#000 0%,#0000 82%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{z-index:10;color:var(--bg);background:var(--amber);border-radius:var(--radius);padding:.7rem .9rem;position:absolute;top:1rem;left:1rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header,.site-footer{width:min(1180px,100% - 32px);margin-inline:auto}.site-header{z-index:5;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px);background:#10100dc2;justify-content:space-between;align-items:center;gap:1rem;margin-top:14px;padding:.7rem;display:flex;position:sticky;top:14px}.brand-mark,.nav-links,.header-action{align-items:center;display:inline-flex}.header-actions{align-items:center;gap:.5rem;display:inline-flex}.brand-mark{gap:.7rem;font-weight:700}.brand-sigil{color:#10100d;background:var(--amber);border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.nav-links{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09;gap:.25rem;padding:.25rem}.nav-links a,.header-action,.button{border-radius:7px;min-height:40px;padding:.65rem .9rem;font-size:.92rem;font-weight:700}.nav-links a[aria-current=page],.nav-links a:hover,.header-action:hover{color:#111;background:var(--text)}.header-action{border:1px solid var(--line);color:var(--text)}main{width:min(1180px,100% - 32px);margin:0 auto}main,.hero,.hero-copy,.section-intro,.project-detail-hero,.detail-panel,.project-card,.blog-card,.timeline-card{min-width:0;max-width:100%}.hero-copy p,.section-intro p,.project-detail-hero p,.detail-panel h2,.detail-panel p,.page-head p{overflow-wrap:anywhere}.hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.78fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:calc(100vh - 92px);padding:clamp(3rem,7vw,6rem) 0 4rem;display:grid;position:relative}.hero:before{content:"";border:1px solid #fbbf2459;width:260px;height:260px;position:absolute;inset:7% 32% auto auto;transform:rotate(18deg)}.eyebrow,.panel-label,.project-meta,.timeline-phase{color:var(--amber);text-transform:uppercase;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{overflow-wrap:break-word;max-width:880px;margin-bottom:.95rem;font-size:3.6rem;font-weight:700;line-height:1.04}h2{margin-bottom:.85rem;font-size:2.15rem;line-height:1.12}h3{margin-bottom:.65rem;font-size:1.25rem;line-height:1.14}.hero-copy p,.section-intro p,.project-detail-hero p{color:var(--muted);font-size:1.08rem}.hero-actions,.cta-row{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.button{border:1px solid var(--line);justify-content:center;align-items:center;transition:transform .16s,background .16s,color .16s;display:inline-flex}.button:hover,.project-card:hover,.focus-card:hover{transform:translateY(-3px)}.button-primary{color:#111;background:var(--amber)}.button-secondary{background:#ffffff0d}.hero-visual{min-height:490px;position:relative}.avatar-frame{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(410px,100%);box-shadow:var(--shadow);padding:.85rem;position:absolute;inset:0 0 auto auto;transform:rotate(2deg)}.avatar-frame img{aspect-ratio:1;object-fit:cover;filter:saturate(.82)contrast(1.12);border-radius:6px;width:100%}.console-strip{border:1px solid var(--line);border-radius:var(--radius);width:min(380px,86%);box-shadow:var(--shadow);background:#10100de6;padding:1rem;position:absolute;bottom:0;left:0}.console-strip code{color:var(--teal);white-space:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.84rem;display:block}.section-block{padding:clamp(3.5rem,7vw,6rem) 0}.section-intro{grid-template-columns:minmax(0,.75fr) minmax(280px,.45fr);align-items:end;gap:2rem;margin-bottom:1.6rem;display:grid}.focus-grid,.project-grid,.detail-grid,.blog-grid,.roadmap-grid{gap:1rem;display:grid}.focus-grid{grid-template-columns:repeat(5,1fr)}.focus-card,.detail-panel,.blog-card,.timeline-card{border:1px solid var(--line);border-radius:var(--radius);background:#1e1c16c7;box-shadow:0 12px 36px #0003}.focus-card{min-height:132px;color:var(--muted);padding:1rem}.focus-card strong{color:var(--text);margin-bottom:.65rem;font-size:1.15rem;display:block}.project-grid{grid-template-columns:repeat(3,1fr)}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:transform .16s,border-color .16s;overflow:hidden}.project-card:hover{border-color:color-mix(in srgb, var(--accent), white 16%)}.project-card img{aspect-ratio:1.92;object-fit:cover;border-bottom:1px solid var(--line);background:#0d1117;width:100%}.project-card-body{padding:1rem}.project-meta{color:var(--accent);flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem;display:flex}.project-card p,.detail-panel p,.blog-card p,.timeline-card p,.site-footer span{color:var(--muted)}.project-card-footer{border-top:1px solid var(--line);color:var(--quiet);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.1rem;padding-top:.9rem;font-size:.86rem;font-weight:700;display:flex}.project-card-footer span:last-child{color:var(--text)}.project-detail-hero{padding:6rem 0 2rem}.project-detail-hero h1{max-width:980px;font-size:3.45rem}.project-detail-hero p{max-width:780px}.detail-grid{grid-template-columns:1.1fr .9fr;padding-bottom:clamp(3.5rem,7vw,6rem)}.detail-panel{padding:clamp(1.1rem,3vw,1.5rem)}.detail-panel h2{font-size:1.75rem}.visual-panel{padding:.75rem}.visual-panel img{border-radius:6px;width:100%}.feature-list{color:var(--muted);gap:.8rem;margin:0;padding-left:1rem;display:grid}.blog-grid,.roadmap-grid{grid-template-columns:repeat(3,1fr)}.blog-card,.timeline-card{padding:1.2rem}.timeline-card{position:relative;overflow:hidden}.timeline-card:after{content:"";border:1px solid var(--line);width:112px;height:112px;position:absolute;top:-36px;right:-36px;transform:rotate(28deg)}.page-head{padding:clamp(4rem,8vw,6rem) 0 2rem}.page-head h1{max-width:850px;font-size:3.45rem}.page-head p{max-width:760px;color:var(--muted);font-size:1.08rem}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;margin-top:3rem;padding:1.6rem 0 2.2rem;display:flex}.site-footer div{gap:.25rem;display:grid}@media (width<=980px){h1{font-size:3rem}h2{font-size:1.95rem}.page-head h1,.project-detail-hero h1{font-size:2.9rem}.hero,.section-intro,.detail-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{min-height:420px}.focus-grid,.project-grid,.blog-grid,.roadmap-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.site-header,.site-footer,main{width:calc(100% - 40px)}.site-header{flex-direction:column;align-items:stretch;position:static}.header-actions{grid-template-columns:1fr 1fr;display:grid}.header-action{justify-content:center}.nav-links{justify-content:space-between}.nav-links a{flex:1;justify-content:center}h1{font-size:2.35rem}h2{font-size:1.7rem}.detail-panel h2{font-size:1.65rem}.page-head h1,.project-detail-hero h1{font-size:2.2rem;line-height:1.1}.hero-copy p,.section-intro p,.project-detail-hero p{font-size:1.05rem}.hero-visual{min-height:360px}.avatar-frame{width:86%}.focus-grid,.project-grid,.blog-grid,.roadmap-grid{grid-template-columns:1fr}.site-footer{flex-direction:column}}