@font-face{font-family:Compagnon;src:url(/fonts/Compagnon-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Compagnon;src:url(/fonts/Compagnon-LightItalic.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Compagnon;src:url(/fonts/Compagnon-Roman.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Compagnon;src:url(/fonts/Compagnon-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Compagnon;src:url(/fonts/Compagnon-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--paper: #F2EDE4;--paper-2: #E8E0D2;--paper-3: #DCD2C0;--ink: #161412;--ink-2: #2A2622;--ink-3: #5C544A;--ink-4: #8A8175;--rule: #C9BFAD;--rule-strong: #A89E89;--blue: #1B3A8C;--blue-deep: #0E2257;--blue-soft: #BFCEE8;--blue-paper: #E6ECF6;--red: #D6321F;--red-deep: #A8200F;--bg: var(--paper);--fg: var(--ink);--fg-muted: var(--ink-3);--border: var(--rule);--font-display: "Compagnon", "Times New Roman", Georgia, serif;--font-body: "Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-h1: clamp(44px, 7vw, 96px);--fs-h2: clamp(32px, 4.5vw, 56px);--fs-h3: 28px;--fs-lead: 22px;--fs-body: 16px;--fs-small: 14px;--fs-mono: 13px;--fs-eyebrow: 11px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--r-0: 0px;--r-1: 2px;--r-pill: 999px;--shadow-1: 0 1px 0 var(--rule);--shadow-2: 0 1px 2px rgba(22,20,18,.08), 0 0 0 1px var(--rule);--shadow-3: 0 12px 32px -12px rgba(22,20,18,.25), 0 0 0 1px var(--rule);--ease: cubic-bezier(.2, .7, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .14s;--dur-base: .22s;--dur-slow: .52s;--max: 1280px;--nav-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--blue);color:var(--paper)}img{display:block;max-width:100%}a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--dur-fast) var(--ease)}a:hover{color:var(--blue-deep)}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--fs-h1);line-height:.92}h2{font-size:var(--fs-h2);line-height:1.08}h3{font-size:var(--fs-h3);line-height:1.15}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--s-6)}section{padding:var(--s-9) 0}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.pill{font-family:var(--font-mono);font-size:10px;padding:4px 10px;border-radius:var(--r-pill);letter-spacing:.08em;text-transform:uppercase;display:inline-block}.pill-neutral{background:var(--paper-2);color:var(--ink-2);border:1px solid var(--rule)}.pill-blue{background:var(--blue-paper);color:var(--blue);border:1px solid var(--blue-soft)}.pill-red{background:var(--red);color:var(--paper)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:100;background:transparent;border-bottom:1px solid transparent;transition:background var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),backdrop-filter var(--dur-base) var(--ease)}.nav.scrolled{background:#f2ede4c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--border)}.nav-inner{max-width:var(--max);margin:0 auto;padding:0 var(--s-6);height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-display);font-size:22px;color:var(--ink);text-decoration:none;letter-spacing:-.02em;line-height:1}.nav-logo .dot{color:var(--red)}.nav-links{display:flex;gap:var(--s-7);list-style:none}.nav-links a{font-family:var(--font-body);font-size:14px;color:var(--ink-3);text-decoration:none;position:relative;padding:6px 0;transition:color var(--dur-fast) var(--ease)}.nav-links a:hover{color:var(--ink)}#hero{padding-top:calc(var(--nav-h) + 80px);padding-bottom:var(--s-9);position:relative;overflow:hidden}.hero-portrait{position:absolute;right:0;top:0;bottom:0;width:44%;opacity:.11;pointer-events:none}.hero-portrait:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,var(--paper) 0%,transparent 35%);z-index:1;pointer-events:none}.hero-portrait pixel-slot{display:block;width:100%;height:100%;cursor:default;pointer-events:none}.hero-eyebrow{display:block;margin-bottom:var(--s-7)}.hero-headline{font-family:var(--font-display);font-size:clamp(48px,8vw,120px);line-height:.92;letter-spacing:-.03em;color:var(--ink);max-width:1100px}.hero-headline em{font-style:italic;color:var(--blue)}.hero-meta{margin-top:var(--s-8);display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s-7);border-top:1px solid var(--border);padding-top:var(--s-6)}.hero-col-label{display:block;margin-bottom:var(--s-3)}.hero-col p{font-size:15px;line-height:1.65;color:var(--ink-2)}.live-dot{color:var(--red)}.dim{color:var(--ink-3)}#projects{background:var(--paper-2)}.projects-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:var(--s-5);margin-bottom:var(--s-7)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-8) var(--s-7)}.project-card{cursor:default}.project-img{aspect-ratio:4 / 3;background:var(--paper-3);border:1px solid var(--rule);position:relative;overflow:hidden;transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.project-card:hover .project-img{transform:translateY(-2px);box-shadow:var(--shadow-2)}.project-img-label{position:absolute;bottom:14px;left:16px;font-family:var(--font-display);font-size:20px;color:var(--ink-3);opacity:.45}.project-badge{position:absolute;top:12px;left:12px}.project-meta-row{margin-top:var(--s-4);display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4)}.project-open{font-family:var(--font-body);font-size:13px;color:var(--ink-3);text-decoration:none;transition:color var(--dur-fast) var(--ease)}.project-card:hover .project-open{color:var(--blue)}.project-img:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--blue-soft),transparent);box-shadow:0 0 10px 2px var(--blue-soft);top:0;opacity:0;pointer-events:none;z-index:3}.project-card:hover .project-img:after{animation:scan-line .48s var(--ease) forwards}@keyframes scan-line{0%{top:0%;opacity:.9}80%{opacity:.6}to{top:100%;opacity:0}}.card-terminal{position:absolute;inset:0;background:#161412ed;display:flex;flex-direction:column;justify-content:center;padding:var(--s-7) var(--s-6);opacity:0;transition:opacity var(--dur-base) var(--ease);transition-delay:.28s;z-index:2}.project-card:hover .card-terminal{opacity:1;transition-delay:.28s}.ct-line{font-family:var(--font-mono);font-size:12px;line-height:1.9;color:var(--paper);opacity:0;transform:translateY(5px);transition:opacity .18s var(--ease),transform .18s var(--ease)}.project-card:hover .ct-line:nth-child(1){opacity:1;transform:none;transition-delay:.32s}.project-card:hover .ct-line:nth-child(2){opacity:1;transform:none;transition-delay:355ms}.project-card:hover .ct-line:nth-child(3){opacity:1;transform:none;transition-delay:.39s}.project-card:hover .ct-line:nth-child(4){opacity:1;transform:none;transition-delay:425ms}.project-card:hover .ct-line:nth-child(5){opacity:1;transform:none;transition-delay:.46s}.project-card:hover .ct-line:nth-child(6){opacity:1;transform:none;transition-delay:495ms}.project-card:hover .ct-line:nth-child(7){opacity:1;transform:none;transition-delay:.53s}.ct-prompt{color:var(--blue-soft)}.ct-key{color:var(--ink-4);display:inline-block;min-width:76px}.ct-val{color:var(--paper-2)}.ct-rule{color:var(--ink-2);letter-spacing:-.02em}.ct-cmd{margin-top:var(--s-2)}.ct-cursor{display:inline-block;width:7px;height:13px;background:var(--blue-soft);vertical-align:text-bottom;margin-left:2px;animation:cur-blink 1s step-end infinite}@keyframes cur-blink{0%,to{opacity:1}50%{opacity:0}}.project-title{font-family:var(--font-display);font-size:36px;line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin-top:var(--s-2)}.project-blurb{font-size:15px;line-height:1.6;color:var(--ink-2);margin-top:var(--s-2);max-width:460px}.project-tags{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-4)}.tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-pill);background:var(--paper-2);color:var(--ink-2);border:1px solid var(--rule);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.tag:hover{background:var(--paper-3);color:var(--ink);transform:translateY(-1px)}.project-links{margin-top:var(--s-5);display:flex;gap:var(--s-5);align-items:center}.project-link{font-family:var(--font-body);font-size:14px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color var(--dur-fast) var(--ease)}.project-link:hover{color:var(--blue)}.project-card.full-bleed{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1.55fr;gap:var(--s-7);align-items:start}.project-card.full-bleed .project-img{aspect-ratio:3 / 2}#about{background:var(--paper);border-top:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--s-8);align-items:start}.about-lhs{position:sticky;top:calc(var(--nav-h) + var(--s-6))}.about-body p{font-size:17px;line-height:1.75;color:var(--ink-2);margin-bottom:var(--s-5)}.about-body p:last-of-type{margin-bottom:0}.stack-block{margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--border)}.stack-label{display:block;margin-bottom:var(--s-3)}.stack-tags{display:flex;flex-wrap:wrap;gap:var(--s-2)}#contact{background:var(--paper-2);border-top:1px solid var(--border)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-8);align-items:start}.contact-lead{font-size:var(--fs-lead);line-height:1.45;color:var(--ink-2);margin-top:var(--s-5);max-width:480px}.contact-note{font-size:var(--fs-small);color:var(--ink-3);line-height:1.65;margin-top:var(--s-5)}.contact-list{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-6)}.contact-row{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);background:var(--paper);border:1px solid var(--rule);font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.contact-row:hover{border-color:var(--blue);color:var(--blue);transform:translate(4px)}.contact-icon{width:32px;height:32px;background:var(--paper-2);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;flex-shrink:0}#writing{background:var(--ink);border-top:1px solid var(--ink-2)}.writing-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--s-8);align-items:center}.writing-eyebrow{color:var(--ink-3);display:block;margin-bottom:var(--s-6)}.writing-title{font-family:var(--font-display);font-size:clamp(72px,11vw,152px);line-height:.87;letter-spacing:-.03em;color:var(--paper);margin:0;text-wrap:balance}.writing-sub{font-family:var(--font-display);font-style:italic;font-size:15px;color:var(--ink-3);line-height:1.75;margin-top:var(--s-5);max-width:380px}.writing-desc{font-size:17px;line-height:1.75;color:var(--paper-2);margin-bottom:var(--s-6)}.writing-ctas{display:flex;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-5)}.btn-dark-primary{font-family:var(--font-body);font-size:14px;font-weight:500;padding:11px 22px;background:var(--paper);color:var(--ink);border-radius:var(--r-1);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background var(--dur-fast) var(--ease)}.btn-dark-primary:hover{background:var(--paper-2);color:var(--ink)}.btn-dark-ghost{font-family:var(--font-body);font-size:14px;font-weight:500;padding:11px 22px;background:transparent;color:var(--paper-2);border:1px solid var(--ink-2);border-radius:var(--r-1);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.btn-dark-ghost:hover{border-color:var(--rule);color:var(--paper)}.writing-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}footer{background:var(--paper);border-top:1px solid var(--border);padding:var(--s-7) 0 var(--s-8)}.footer-grid{max-width:var(--max);margin:0 auto;padding:0 var(--s-6);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--s-7);align-items:flex-start}.footer-logo{font-family:var(--font-display);font-size:40px;letter-spacing:-.02em;line-height:1;color:var(--ink);text-decoration:none}.footer-logo .dot{color:var(--red)}.footer-desc{margin-top:var(--s-4);font-size:var(--fs-small);color:var(--ink-3);line-height:1.6;max-width:300px}.footer-col-label{display:block;margin-bottom:var(--s-3)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--s-2)}.footer-links a{font-size:var(--fs-small);color:var(--ink);text-decoration:none;transition:color var(--dur-fast) var(--ease)}.footer-links a:hover{color:var(--blue)}.footer-col p{font-size:var(--fs-small);color:var(--ink-3);line-height:1.6}.footer-bottom{max-width:var(--max);margin:var(--s-7) auto 0;padding:var(--s-5) var(--s-6) 0;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-eyebrow);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid var(--border)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp var(--dur-slow) var(--ease) both}.d1{animation-delay:40ms}.d2{animation-delay:80ms}.d3{animation-delay:.12s}.d4{animation-delay:.16s}.d5{animation-delay:.2s}[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}[data-delay="1"]{transition-delay:80ms}[data-delay="2"]{transition-delay:.16s}[data-delay="3"]{transition-delay:.24s}[data-delay="4"]{transition-delay:.32s}.contact-row[data-reveal]{transform:translate(-14px)}.contact-row[data-reveal].is-visible{transform:translate(0)}.eyebrow[data-reveal]{position:relative}.eyebrow[data-reveal]:after{content:"";position:absolute;left:0;bottom:-3px;height:1px;width:0;background:var(--blue);transition:width .52s var(--ease-out);transition-delay:.3s}.eyebrow[data-reveal].is-visible:after{width:100%}.word-outer{display:inline-block;overflow:hidden;vertical-align:top;line-height:1.1}.word-inner{display:inline-block;transform:translateY(110%);transition:transform .66s var(--ease-out);line-height:inherit}[data-word-reveal].is-visible .word-inner{transform:translateY(0)}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.15}}.live-dot{animation:pulse-live 2.8s ease-in-out infinite}@keyframes heartbeat{0%,65%,to{transform:scale(1)}72%{transform:scale(1.5)}80%{transform:scale(1.15)}}.nav-logo .dot,.footer-logo .dot{display:inline-block;animation:heartbeat 5s ease-in-out infinite}@media(max-width:900px){.hero-meta{grid-template-columns:1fr 1fr}.projects-grid,.project-card.full-bleed,.about-grid{grid-template-columns:1fr}.about-lhs{position:static}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.writing-grid{grid-template-columns:1fr;gap:var(--s-6)}}@media(max-width:600px){.nav-links{display:none}.hero-meta,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--s-2)}}@media(hover:none){.project-img{cursor:pointer}.project-card.touch-open .project-img:after{animation:scan-line .48s var(--ease) forwards}.project-card.touch-open .card-terminal{opacity:1;transition-delay:.28s}.project-card.touch-open .ct-line:nth-child(1){opacity:1;transform:none;transition-delay:.32s}.project-card.touch-open .ct-line:nth-child(2){opacity:1;transform:none;transition-delay:355ms}.project-card.touch-open .ct-line:nth-child(3){opacity:1;transform:none;transition-delay:.39s}.project-card.touch-open .ct-line:nth-child(4){opacity:1;transform:none;transition-delay:425ms}.project-card.touch-open .ct-line:nth-child(5){opacity:1;transform:none;transition-delay:.46s}.project-card.touch-open .ct-line:nth-child(6){opacity:1;transform:none;transition-delay:495ms}.project-card.touch-open .ct-line:nth-child(7){opacity:1;transform:none;transition-delay:.53s}.project-card.touch-open .project-open{color:var(--blue)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}.word-inner{transform:none}}