/* === ABOUT PAGE · Helvetica only, matches main brand === */
.about-page .header{position:fixed;top:0;left:0;right:0;z-index:30;backdrop-filter:blur(10px);background:rgba(3,3,3,.42)}
.about-main{padding-top:120px;position:relative;z-index:5}

.about-hero{padding:80px 0 100px}
.about-hero .kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 32px}
.about-hero h1{font-family:var(--font-sans);font-size:clamp(40px,5.6vw,82px);font-weight:400;line-height:1.05;letter-spacing:-.025em;margin:0 0 48px;color:var(--fg);max-width:18ch}
.about-lede{max-width:680px;font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:var(--muted);font-weight:400;margin:0}

.founder-block{display:grid;grid-template-columns:minmax(280px,400px) 1fr;gap:72px;align-items:start;padding:80px 0;border-top:1px solid var(--line)}
.founder-portrait{position:relative;border-radius:4px;overflow:hidden;background:rgba(243,243,241,.04);aspect-ratio:4/5}
.founder-portrait img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02)}
.founder-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.55) 100%);pointer-events:none}
.portrait-tag{position:absolute;bottom:18px;left:18px;font-size:13px;color:var(--fg);letter-spacing:.04em;z-index:2;text-transform:uppercase}
.founder-bio{display:flex;flex-direction:column;gap:0}
.bio-row{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:14px 0;border-bottom:1px solid rgba(243,243,241,.08)}
.bio-row b{font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.bio-row span{font-size:15px;color:var(--fg);letter-spacing:.005em}
.bio-statement{margin:32px 0 0;font-size:clamp(17px,1.6vw,22px);line-height:1.5;color:var(--fg);font-weight:400;letter-spacing:.002em;max-width:48ch}

.craft-strip{padding:80px 0;border-top:1px solid var(--line)}
.craft-head{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}
.craft-head h2{font-family:var(--font-sans);font-size:clamp(24px,2.8vw,38px);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--fg);margin:0}
.craft-grid{display:flex;flex-wrap:wrap;gap:10px}
.craft-pill{padding:12px 20px;border-radius:999px;background:rgba(243,243,241,.05);border:1px solid rgba(243,243,241,.12);font-size:13px;color:var(--fg);letter-spacing:.005em;transition:transform .25s ease,border-color .25s ease,background-color .25s ease}
.craft-pill:hover{transform:translateY(-2px);border-color:rgba(243,243,241,.32);background:rgba(243,243,241,.08)}
.craft-pill.outline{background:transparent;border:1px dashed rgba(243,243,241,.18);color:var(--muted)}

.proof-block{padding:100px 0;border-top:1px solid var(--line)}
.proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.proof-grid>div{display:flex;flex-direction:column;gap:10px}
.proof-grid strong{font-family:var(--font-sans);font-weight:400;font-size:clamp(38px,4.8vw,68px);letter-spacing:-.025em;line-height:.98;color:var(--fg)}
.proof-grid span{font-size:12px;letter-spacing:.04em;color:var(--muted);line-height:1.45}

.about-cta{padding:140px 0;text-align:center;border-top:1px solid var(--line)}
.about-cta h2{font-family:var(--font-sans);font-size:clamp(28px,4vw,52px);font-weight:400;line-height:1.15;letter-spacing:-.02em;color:var(--fg);max-width:720px;margin:0 auto 40px}
.about-cta .button{margin:0 auto}
.cta-sub{margin:22px 0 0;font-size:13px;color:var(--muted);letter-spacing:.04em}

@media (max-width:900px){
 .founder-block{grid-template-columns:1fr;gap:40px}
 .founder-portrait{max-width:340px}
 .proof-grid{grid-template-columns:repeat(2,1fr);gap:32px}
}
@media (max-width:560px){
 .proof-grid{grid-template-columns:1fr}
 .bio-row{grid-template-columns:90px 1fr;gap:14px}
}

/* === WORK PAGE === */
.work-demos{padding:60px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:32px}
.work-demos .demo-copy{display:flex;flex-direction:column;gap:14px;max-width:680px;border:0;padding:0}
.work-demos .demo-copy .section-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.work-demos .demo-copy h2{font-family:var(--font-sans);font-size:clamp(28px,3.6vw,48px);font-weight:300;line-height:1.08;letter-spacing:-.02em;color:var(--fg);margin:0}
.work-demos .demo-copy p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.work-demos .demo-frame-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media (max-width:1100px){.work-demos .demo-frame-grid{grid-template-columns:1fr}}
.work-demos .demo-frame-shell{min-height:520px}
.about-page .vita.archive{padding:80px 0;border-top:1px solid var(--line)}
.about-page .archive-head{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;margin-bottom:48px;flex-wrap:wrap}
.about-page .archive-head>div{display:flex;flex-direction:column;gap:14px}
.about-page .archive-head h2{font-family:var(--font-sans);font-size:clamp(38px,5vw,72px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--fg);margin:0}
.about-page .archive-head p{max-width:520px;color:var(--muted);font-size:15px;line-height:1.55;margin:0}