:root{--about-black:#080a08;--about-panel:#11130f;--about-panel-2:#171912;--about-cream:#eeeade;--about-cream-2:#b8b2a3;--about-line:#34362d;--about-line-strong:#5d6152;--about-blue:#5d75ff;--about-blue-2:#8a9bff}.about-nav{position:fixed;inset:0 0 auto;z-index:29;display:flex;min-height:3rem;pointer-events:none}.about-nav .about-logo,.about-nav .service-name{display:flex;align-items:center;min-width:0;border-bottom:1px solid var(--about-line-strong);background:var(--about-panel)}.about-nav .about-logo{flex:1;border-right:1px solid var(--about-line-strong)}.about-nav .service-name{flex:0 0 20rem;justify-content:flex-end}.about-availability,.about-kicker,.about-nav p,.about-panel-nav p,.about-proof,.about-signature,.about-tech-title,.about-title-note{margin:0;font-family:var(--font-mono);font-size:.72rem;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}.about-kicker,.about-nav p,.about-panel-nav p,.about-tech-title{color:var(--about-blue-2)}.about-nav .service-name p,.about-proof,.about-signature,.about-title-note{color:var(--about-cream-2)}.about-nav p{padding:.8rem 1rem}.hero.about-hero.about-hero--bio{position:relative;isolation:isolate;min-height:100svh;padding-top:3rem;color:var(--about-cream);background:var(--about-black);border-top:4px solid var(--about-blue)}.hero.about-hero.about-hero--bio:before{content:"";opacity:.52;background:repeating-linear-gradient(90deg,var(--about-line) 0 1px,transparent 1px 7rem),repeating-linear-gradient(180deg,var(--about-line) 0 1px,transparent 1px 7rem)}.about-hero-clip,.hero.about-hero.about-hero--bio:before{position:absolute;inset:3rem 0 0;z-index:0;pointer-events:none}.about-hero-bg{position:absolute;inset:0}.title-about{position:relative;z-index:3;display:grid;grid-template-columns:minmax(14rem,1fr) minmax(28rem,2.35fr) minmax(18rem,1fr);align-items:end;min-height:clamp(18rem,32vw,34rem);padding:clamp(7rem,10vw,10rem) clamp(1rem,3vw,3rem) clamp(2rem,4vw,4rem);color:var(--about-cream);background:var(--about-black);border-bottom:1px solid var(--about-line-strong)}.title-about:after{content:"PROFILE / 01";position:absolute;top:5.25rem;right:clamp(1rem,3vw,3rem);color:var(--about-blue-2);font:.68rem/1.2 var(--font-mono);letter-spacing:.12em}.title-about .about-kicker{align-self:start;padding-top:.55rem}.title-about h1{position:relative;grid-column:2;margin:0;color:var(--about-cream);font-family:var(--font-display);font-size:clamp(4.5rem,9.5vw,10rem);font-weight:600;line-height:.78;letter-spacing:-.045em;text-transform:uppercase}.about-title-note{grid-column:3;max-width:23ch;justify-self:end}.hero-container,.hero-content{position:relative;z-index:2}.hero-content{max-width:1600px;margin:0 auto;background:var(--about-black)}.about-panel-nav{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--about-line-strong)}.about-panel-nav>div{padding:1.05rem clamp(1rem,2vw,2rem)}.about-panel-nav .about-logo{border-right:1px solid var(--about-line-strong)}.about-panel-nav .service-name{text-align:right}.hero-content-footer,.hero-content>.container{margin:0;padding:0;max-width:none}.callout{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(30rem,1.28fr) minmax(17rem,.72fr);grid-template-rows:auto auto;background:var(--about-cream);color:var(--about-black)}.about-portrait{grid-row:1;min-height:clamp(27rem,43vw,43rem);background:url(/about/about-profile3.png) center 24%/cover no-repeat var(--about-black);filter:grayscale(1) contrast(1.18)}.about-portrait,.about-portrait-caption{grid-column:1;border-right:1px solid var(--about-line-strong)}.about-portrait-caption{grid-row:2;display:grid;gap:2rem;padding:clamp(1.25rem,2vw,2rem);background:var(--about-panel);border-top:1px solid var(--about-line-strong)}.about-bio{position:relative;grid-column:2;grid-row:1/span 2;min-height:44rem;margin:0;padding:clamp(2rem,4.5vw,5rem);color:var(--about-black);font-size:clamp(1.05rem,1.35vw,1.35rem);font-weight:560;line-height:1.58;border-right:1px solid var(--about-line-strong)}.about-bio-measure{display:block;visibility:hidden;pointer-events:none;white-space:pre-line}.about-bio-live{position:absolute;inset:clamp(2rem,4.5vw,5rem);display:block;white-space:pre-line}.about-tech-stack{grid-column:3;grid-row:1;padding:clamp(1.25rem,2vw,2rem);background:var(--about-panel)}.about-tech-title{margin-bottom:1.2rem}.about-tech-grid{border-top:1px solid var(--about-line-strong)}.about-tech-item{display:flex;min-height:3.25rem;align-items:center;padding:.8rem .2rem;color:var(--about-cream);font:.72rem/1.35 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--about-line-strong)}.about-tech-item:before{content:"+";width:2rem;color:var(--about-blue-2)}.about-availability{grid-column:3;grid-row:2;display:flex;align-items:flex-end;min-height:10rem;padding:clamp(1.25rem,2vw,2rem);background:var(--about-blue);color:var(--about-black);font-weight:750}.typing-cursor{color:var(--about-blue);animation:about-blink 1s steps(1) infinite}@keyframes about-blink{50%{opacity:0}}@media(max-width:1100px){.about-nav{display:none}.hero.about-hero.about-hero--bio{padding-top:0}.title-about{grid-template-columns:1fr 2fr;min-height:30rem;padding-top:7rem}.title-about h1{grid-column:1/-1}.about-title-note{grid-column:2}.callout{grid-template-columns:minmax(17rem,.72fr) minmax(28rem,1.28fr)}.about-portrait{grid-column:1;min-height:34rem}.about-portrait-caption{grid-column:1}.about-bio{grid-column:2;border-right:0}.about-tech-stack{grid-column:1/-1;grid-row:3}.about-tech-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--about-line-strong)}.about-tech-item{padding:1rem;border-right:1px solid var(--about-line-strong)}.about-tech-item:before{width:1.25rem}.about-availability{grid-column:1/-1;grid-row:4;min-height:7rem}}@media(max-width:700px){.title-about{display:block;min-height:32rem;padding:7rem 1rem 2rem}.title-about h1{margin-top:5rem;font-size:clamp(4.25rem,22vw,7rem)}.about-title-note{margin-top:2rem}.about-panel-nav{grid-template-columns:1fr auto}.callout{display:flex;flex-direction:column}.about-portrait{min-height:min(112vw,33rem);border-right:0}.about-portrait-caption{order:2;border-right:0}.about-bio{order:3;min-height:0;padding:2rem 1rem;border-top:1px solid var(--about-line-strong)}.about-bio-live{position:static}.about-bio-measure{display:none}.about-tech-stack{order:4;padding:2rem 1rem}.about-tech-grid{grid-template-columns:repeat(2,1fr)}.about-availability{order:5;min-height:8rem;padding:1rem}}@media(prefers-reduced-motion:reduce){.typing-cursor{animation:none}}