:root{--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--radius: 8px;--page-max: 76rem;--content-max: 62rem;--header-height: 4.5rem;--border-strong: rgba(15, 23, 32, .12);--border-soft: rgba(15, 23, 32, .08);--shadow-soft: 0 16px 48px rgba(15, 23, 32, .08);--accent: #2f6bff;--accent-strong: #1f4ed8;--accent-soft: rgba(47, 107, 255, .14);--page: #f4f6f8;--surface: rgba(255, 255, 255, .8);--surface-strong: rgba(255, 255, 255, .92);--surface-muted: rgba(255, 255, 255, .56);--text: #111821;--text-strong: #0c1218;--text-muted: #566271;--line: rgba(17, 24, 33, .12);--hero-background: linear-gradient(135deg, rgba(18, 24, 30, .08), transparent 38%), linear-gradient(155deg, rgba(47, 107, 255, .18), transparent 55%), linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(236, 240, 244, .88))}:root[data-theme=dark]{--border-strong: rgba(255, 255, 255, .12);--border-soft: rgba(255, 255, 255, .08);--shadow-soft: 0 18px 60px rgba(0, 0, 0, .28);--accent: #7ea5ff;--accent-strong: #aac2ff;--accent-soft: rgba(126, 165, 255, .16);--page: #11161d;--surface: rgba(20, 26, 34, .8);--surface-strong: rgba(19, 24, 31, .92);--surface-muted: rgba(27, 34, 43, .72);--text: #edf2f7;--text-strong: #f8fafc;--text-muted: #aab7c6;--line: rgba(255, 255, 255, .12);--hero-background: linear-gradient(135deg, rgba(255, 255, 255, .04), transparent 42%), linear-gradient(155deg, rgba(126, 165, 255, .16), transparent 56%), linear-gradient(180deg, rgba(15, 21, 27, .98), rgba(17, 22, 29, .96))}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),var(--page);background-size:32px 32px,32px 32px,auto;color:var(--text);line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}p,h1,h2,h3,h4,ul{margin:0}ul{padding:0;list-style:none}code{font-family:var(--font-mono)}.site-shell{min-height:100vh;padding-bottom:var(--safe-bottom)}main{display:block;padding-left:var(--safe-left);padding-right:var(--safe-right)}.site-header{position:sticky;top:0;z-index:20;padding-left:var(--safe-left);padding-right:var(--safe-right);backdrop-filter:blur(20px);background:color-mix(in srgb,var(--page) 86%,transparent);border-bottom:1px solid var(--border-soft)}.site-header__inner,.site-footer__inner,.site-footer__meta,.hero__inner,.section,.page-header{width:min(calc(100% - 2rem),var(--page-max));margin:0 auto}.site-header__inner{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.85rem;text-decoration:none}.brand img{width:2.5rem;height:2.5rem;object-fit:contain;padding:.18rem;border-radius:8px;border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-strong) 72%,var(--page) 28%);box-shadow:var(--shadow-soft)}.brand strong,.brand small{display:block;letter-spacing:0}.brand strong{font-size:.98rem}.brand small{color:var(--text-muted);font-size:.83rem}.site-nav{display:inline-flex;align-items:center;gap:1.2rem}.site-nav a,.mobile-nav nav a{text-decoration:none;color:var(--text-muted);transition:color .18s ease}.site-nav a:hover,.mobile-nav nav a:hover,.site-nav a[aria-current=page],.mobile-nav nav a[aria-current=page]{color:var(--text-strong)}.site-header__actions{display:flex;align-items:center;gap:.8rem}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;min-height:2.75rem;padding:.3rem;display:inline-flex;align-items:center;gap:.15rem;box-shadow:var(--shadow-soft)}.theme-toggle span{border-radius:6px;padding:.48rem .75rem;font-size:.84rem}:root[data-theme=dark] .theme-toggle__moon,:root[data-theme=light] .theme-toggle__sun{background:var(--accent-soft);color:var(--text-strong)}.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;cursor:pointer;width:2.75rem;height:2.75rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:grid;place-items:center;box-shadow:var(--shadow-soft);touch-action:manipulation}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{display:block;width:1rem;height:2px;border-radius:999px;background:var(--text)}.mobile-nav summary span+span{margin-top:.26rem}.mobile-nav nav{position:absolute;right:0;top:calc(100% + .8rem);min-width:13rem;border:1px solid var(--line);border-radius:8px;padding:.8rem;background:var(--surface-strong);display:grid;gap:.7rem;box-shadow:var(--shadow-soft)}.hero{position:relative;overflow:clip;background:var(--hero-background);border-bottom:1px solid var(--border-soft)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 32%,rgba(255,255,255,.08) 52%,transparent 72%),linear-gradient(180deg,transparent 0 62%,color-mix(in srgb,var(--page) 82%,transparent) 100%);pointer-events:none}.hero__inner{position:relative;min-height:calc(80svh - var(--header-height));display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:center;gap:2.5rem;padding:3.5rem 0 2.5rem}.hero__content{max-width:40rem;padding-bottom:0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--accent-strong);margin-bottom:1rem}.hero h1,.section-intro h2,.page-header h1,.detail-header h1{font-weight:650;letter-spacing:0;color:var(--text-strong)}.hero h1{font-size:4.9rem;line-height:.94;max-width:10ch}.hero__intro{font-size:1.18rem;max-width:39rem;margin-top:1.35rem;color:var(--text)}.hero__supporting,.section-intro p,.page-header p,.detail-header p,.page-copy p,.project-detail__grid p,.writing-detail section p,.contact-callout p{color:var(--text-muted);font-size:1rem}.hero__supporting{margin-top:1rem;max-width:37rem}.button-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.8rem}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;border-radius:8px;padding:0 1rem;font-size:.95rem;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background-color .18s ease;touch-action:manipulation}.button{background:var(--text-strong);color:var(--page);border:1px solid transparent}.button-secondary{border:1px solid var(--line);background:var(--surface);color:var(--text-strong)}.button:hover,.button-secondary:hover{transform:translateY(-1px)}.hero__art{display:flex;justify-content:flex-end;align-items:center;padding-bottom:0}.hero__art img{width:min(26rem,100%);filter:drop-shadow(0 26px 60px rgba(15,23,32,.28))}.section{padding:5.5rem 0}.section+.section{border-top:1px solid var(--border-soft)}.section-intro,.page-header,.detail-header{max-width:42rem}.section-intro h2,.page-header h1,.detail-header h1{font-size:3rem;line-height:1.02}.section-intro p,.page-header p,.detail-header p{margin-top:1rem;max-width:40rem}.section-stack{display:grid;gap:2rem;margin-top:2.2rem}.focus-grid,.story-grid,.contact-grid{display:grid;gap:1rem;margin-top:2rem;grid-template-columns:repeat(2,minmax(0,1fr))}.focus-grid article,.story-grid article,.contact-callout,.project-card,.writing-card,.timeline-item,.detail-panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-soft)}.focus-grid article,.story-grid article,.contact-callout,.timeline-item,.detail-panel{padding:1.25rem}.focus-grid h3,.story-grid h3,.project-card h3,.writing-card h3,.detail-panel h2,.timeline-item h3{font-size:1.18rem;line-height:1.15;color:var(--text-strong)}.focus-grid p,.story-grid p,.timeline-item p,.timeline-item li,.detail-panel p,.writing-card p,.project-card__detail,.project-card__summary{margin-top:.8rem;color:var(--text-muted)}.project-list,.writing-list,.timeline,.detail-stack{display:grid;gap:1rem;margin-top:2rem}.project-card,.writing-card{padding:1.35rem}.project-card__top,.writing-card__meta,.timeline-item__top,.detail-meta{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center}.project-card__eyebrow,.writing-card__meta span,.timeline-item__meta,.detail-meta span{color:var(--text-muted);font-size:.85rem}.project-card__status{margin-left:auto;color:var(--accent-strong);font-size:.83rem}.project-card h3,.writing-card h3{margin-top:.9rem}.project-card h3 a,.writing-card h3 a,.text-link{text-decoration:none}.project-card__summary{color:var(--text);font-size:1rem}.tag-list,.resource-links{display:flex;flex-wrap:wrap;gap:.6rem}.tag-list{margin-top:1rem}.tag-list span,.resource-links li,.contact-methods__value{border:1px solid var(--line);border-radius:8px;padding:.42rem .7rem;background:var(--surface-muted);color:var(--text-muted);font-size:.84rem}.project-card__footer,.page-actions{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.7rem 1rem;justify-content:space-between;align-items:center}.story-grid{margin-top:2rem;grid-template-columns:1.15fr .85fr}.timeline{margin-top:2rem}.timeline-item{padding:1.4rem}.timeline-item ul{display:grid;gap:.7rem;margin-top:1rem;list-style:disc;padding-left:1.2rem}.timeline-item li{padding-left:.1rem}.contact-grid{align-items:start}.contact-callout{padding:1.4rem}.contact-methods{display:grid;gap:.85rem}.contact-methods li{display:flex;flex-wrap:wrap;gap:.55rem 1rem;align-items:baseline}.contact-methods__label{min-width:7rem;color:var(--text-strong);font-size:.9rem}.contact-methods a{color:var(--text);text-decoration:none}.contact-methods a:hover,.text-link:hover{color:var(--accent-strong)}.contact-methods--compact{gap:.65rem}.contact-methods--compact li{display:grid;gap:.18rem}.contact-methods--compact .contact-methods__label{min-width:auto}.page-header,.detail-header{padding:4rem 0 1.5rem}.page-content,.detail-content{width:min(calc(100% - 2rem),var(--page-max));margin:0 auto;padding-bottom:5.5rem}.page-grid,.detail-content{display:grid;gap:1rem}.detail-panel{padding:1.4rem}.account-shell{display:grid;gap:1.2rem}.account-shell__header h2,.account-progress h3{font-size:1.25rem;line-height:1.1;color:var(--text-strong)}.account-inline-note,.account-progress-item p,.account-empty,.account-summary p{margin-top:.7rem;color:var(--text-muted)}.account-tabs{display:inline-flex;flex-wrap:wrap;gap:.5rem}.account-tabs button,.account-form input,.account-actions button{font:inherit}.account-tabs button{border:1px solid var(--line);border-radius:8px;padding:.6rem .9rem;background:var(--surface);color:var(--text-muted)}.account-tabs button.is-active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--text-strong)}.account-form{display:grid;gap:.9rem}.account-field{display:grid;gap:.45rem}.account-field span{font-size:.9rem;color:var(--text-strong)}.account-field input{width:100%;min-height:3rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--text);padding:0 .85rem}.account-field input::placeholder{color:var(--text-muted)}.account-field input:focus-visible,.account-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.account-error{color:#c93535;margin-top:.2rem}:root[data-theme=dark] .account-error{color:#ff9a9a}.account-summary{display:grid;gap:.25rem}.account-summary strong{color:var(--text-strong)}.account-actions{display:flex;flex-wrap:wrap;gap:.75rem}.account-progress{display:grid;gap:.9rem}.account-progress-list{display:grid;gap:.75rem}.account-progress-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);padding:.9rem 1rem}.account-progress-item strong{color:var(--text-strong)}.account-progress-item span{color:var(--text-muted);font-size:.85rem;text-align:right}.detail-panel ul{margin-top:.85rem;display:grid;gap:.75rem;list-style:disc;padding-left:1.2rem}.detail-panel li{color:var(--text-muted)}.command-block{margin-top:1rem;padding:.95rem 1rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);overflow-x:auto}.command-block code{display:block;min-width:max-content;color:var(--text-strong);font-size:.92rem;line-height:1.5}.page-copy{max-width:var(--content-max);display:grid;gap:1.15rem}.project-detail__grid{display:grid;gap:1rem;grid-template-columns:1.15fr .85fr}.site-footer{border-top:1px solid var(--border-soft);padding:2.4rem 0 2rem}.site-footer__inner,.site-footer__meta{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start}.site-footer__summary,.site-footer__meta{color:var(--text-muted)}.site-footer__meta{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--border-soft);font-size:.9rem}[data-reveal],[data-hero-reveal]{opacity:1;transform:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:1120px){.hero h1{font-size:4.2rem}.section-intro h2,.page-header h1,.detail-header h1{font-size:2.65rem}}@media(max-width:920px){.site-nav{display:none}.mobile-nav{display:block}.hero__inner,.project-detail__grid,.story-grid,.focus-grid,.contact-grid{grid-template-columns:1fr}.hero__inner{min-height:auto;padding-top:3.2rem}.hero__art{justify-content:flex-start;padding-bottom:0}}@media(orientation:landscape)and (max-height:500px){:root{--header-height: 3.25rem}.site-header{background:color-mix(in srgb,var(--page) 96%,transparent)}.site-header__inner{gap:.6rem}.brand{gap:.55rem;min-width:0}.brand img{width:1.8rem;height:1.8rem;padding:.14rem}.brand strong{font-size:.84rem}.brand small{display:none}.site-header__actions{gap:.45rem}.theme-toggle{min-height:2.2rem;padding:.2rem}.theme-toggle span{padding:.34rem .5rem;font-size:.72rem}.mobile-nav summary{width:2.2rem;height:2.2rem}}@media(max-width:700px){:root{--header-height: 3.85rem}.site-header__inner,.site-footer__inner,.site-footer__meta,.hero__inner,.section,.page-header,.page-content,.detail-content{width:min(calc(100% - 1.25rem),var(--page-max))}.site-header{background:color-mix(in srgb,var(--page) 94%,transparent)}.site-header__inner{gap:.65rem}.brand{gap:.65rem;min-width:0}.brand img{width:2rem;height:2rem}.brand strong{font-size:.9rem}.brand small{display:none}.theme-toggle{min-height:2.5rem;padding:.22rem}.theme-toggle span{padding:.42rem .58rem;font-size:.76rem}.mobile-nav summary{width:2.5rem;height:2.5rem}.hero h1{font-size:3.2rem;line-height:.97;max-width:11ch}.hero__intro{font-size:1.05rem}.section-intro h2,.page-header h1,.detail-header h1{font-size:2.2rem}.focus-grid,.contact-grid{grid-template-columns:1fr}.account-progress-item,.site-footer__inner,.site-footer__meta{flex-direction:column}}@media(max-width:480px){:root{--header-height: 3.55rem}.hero h1{font-size:2.7rem}.section-intro h2,.page-header h1,.detail-header h1{font-size:1.9rem}.theme-toggle span{padding:.38rem .48rem;font-size:.74rem}.mobile-nav summary{width:2.35rem;height:2.35rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}[data-reveal],[data-hero-reveal]{opacity:1!important;transform:none!important}}