body[data-page=about]{--about-accent:var(--orange);--about-grid:#e7672e0b;--about-glow:#e7672e29;--about-soft:#2b91a11a;background:var(--site-background)}:root[data-theme=dark] body[data-page=about]{--about-accent:#60a5fa;--about-grid:#60a5fa09;--about-glow:#60a5fa24;--about-soft:#60a5fa1f;background:var(--site-background)}.about-hero{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:clamp(48px,7vw,104px);padding:clamp(36px,5vw,72px) 2% clamp(72px,8vw,112px);display:grid}.about-card{border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 68%,transparent);min-width:0;min-height:calc(100vh - 128px);box-shadow:0 22px 54px color-mix(in srgb,var(--ink) 8%,transparent);backdrop-filter:blur(18px);border-radius:18px;flex-direction:column;padding:28px;display:flex;position:sticky;top:96px}.about-avatar{border-radius:999px;width:min(150px,100%);margin:8px auto 42px;position:relative}.about-avatar:before,.about-avatar:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:-11%}.about-avatar:before{border:1px solid color-mix(in srgb,var(--about-accent) 22%,transparent);box-shadow:0 0 0 8px color-mix(in srgb,var(--paper) 72%,transparent), 0 0 38px color-mix(in srgb,var(--about-accent) 20%,transparent)}.about-avatar:after{background:radial-gradient(circle, color-mix(in srgb,var(--about-accent) 16%,transparent), transparent 62%);filter:blur(18px);transform:scale(1.24)}.about-avatar__frame,.about-avatar img{display:block}.about-avatar__frame{z-index:1;border:4px solid color-mix(in srgb,var(--paper) 82%,transparent);border-radius:inherit;box-shadow:0 18px 56px color-mix(in srgb,var(--ink) 14%,transparent);background:#f8f4eb;position:relative;overflow:hidden}.about-avatar img{aspect-ratio:1;object-fit:cover;object-position:50% 48%;filter:saturate(1.08)contrast(1.05);width:100%;transform:scale(1.12)translateY(3%)}.about-card__identity h2{margin:0;font-size:clamp(2.6rem,4.5vw,4rem);line-height:1}.about-facts{gap:28px;margin:38px 0 0;display:grid}.about-facts div{min-width:0}.about-facts dt,.about-skill-group h2{color:color-mix(in srgb,var(--muted) 70%,var(--ink));letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:700}.about-facts dd{color:var(--ink);margin:8px 0 0;font-size:.95rem;line-height:1.6}.about-facts a:hover{color:var(--about-accent)}.about-links{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:36px;display:flex}.about-links a{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);border-radius:999px;place-items:center;padding:0;transition:border-color .2s,color .2s;display:grid}.about-links svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:20px;height:20px}.about-links a:first-child svg{fill:currentColor;stroke:none}.about-links a:hover,.about-links a:focus-visible{border-color:var(--about-accent);color:var(--about-accent)}.about-intro{min-width:0;padding-top:6px}.about-intro h1{margin:0 0 30px;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:clamp(3.1rem,6.2vw,6.2rem);font-weight:700;line-height:1.02}.about-intro h1 span{color:var(--about-accent);text-underline-offset:.22em;text-decoration:underline 2px dashed}.about-role{color:var(--ink);margin:0 0 42px;font-size:clamp(1.35rem,2.4vw,2.2rem);font-weight:500;line-height:1.5}.about-copy{gap:18px;max-width:720px;margin-bottom:32px;display:grid}.about-copy p{color:var(--ink);margin:0;font-size:clamp(1.15rem,1.8vw,1.55rem);font-weight:600;line-height:1.8}.about-skills{border:1px solid var(--line);background:linear-gradient(color-mix(in srgb,var(--paper) 78%,transparent),color-mix(in srgb,var(--paper) 78%,transparent)), repeating-linear-gradient(0deg,transparent 0 47px,color-mix(in srgb,var(--line) 45%,transparent) 48px), repeating-linear-gradient(90deg,transparent 0 47px,color-mix(in srgb,var(--line) 45%,transparent) 48px);box-shadow:0 18px 48px color-mix(in srgb,var(--ink) 8%,transparent);backdrop-filter:blur(18px);border-radius:16px;padding:clamp(28px,4vw,48px);position:relative;overflow:hidden}:root[data-theme=dark] .about-skills{background:linear-gradient(#070d1adb,#070d1ae6),repeating-linear-gradient(0deg,#0000 0 47px,#94a3b812 48px),repeating-linear-gradient(90deg,#0000 0 47px,#94a3b812 48px);border-color:#94a3b829;box-shadow:0 22px 54px #0000004d}.about-skills__title{color:color-mix(in srgb,var(--ink) 72%,var(--muted));letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin:0;font:700 .86rem ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.about-skills__title:after{background:color-mix(in srgb,var(--line) 76%,transparent);content:"";flex:1;height:1px}.about-skills__title span{color:var(--muted)}.about-skill-groups{grid-template-columns:1fr;gap:30px;margin-top:38px;display:grid}.about-skill-group h2{margin:0 0 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.about-skill-group ul{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.about-skill-group li{border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 58%,transparent);color:color-mix(in srgb,var(--ink) 76%,var(--muted));border-radius:9px;align-items:center;gap:9px;padding:12px 18px;font-size:.9rem;font-weight:600;transition:border-color .2s,background .2s,color .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff0d}.about-skill-group li:hover{border-color:color-mix(in srgb,var(--about-accent) 42%,var(--line));background:color-mix(in srgb,var(--about-accent) 8%,var(--paper));color:var(--ink)}.tech-logo{width:18px;height:18px;color:color-mix(in srgb,var(--ink) 64%,var(--muted));flex:none;justify-content:center;align-items:center;display:inline-flex}.tech-logo svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}.about-writing{padding-top:0;padding-bottom:clamp(72px,8vw,112px)}.about-section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:32px;padding-bottom:26px;display:flex}.about-section-heading h2{margin:8px 0 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.1}.about-section-heading>p{max-width:340px;color:var(--muted);margin:0;line-height:1.7}.about-writing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.about-writing-card{border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 76%,transparent);min-height:220px;padding:22px;transition:border-color .2s,transform .2s;position:relative}.about-writing-card:hover,.about-writing-card:focus-visible{border-color:var(--about-accent);transform:translateY(-3px)}.about-writing-card__index{color:var(--about-accent);letter-spacing:.14em;font-size:.7rem;font-weight:700}.about-writing-card h3{margin:46px 0 10px;font-size:clamp(1.6rem,3vw,2.2rem)}.about-writing-card p{max-width:250px;color:var(--muted);margin:0;line-height:1.65}.about-writing-card__arrow{color:var(--about-accent);font-size:1.3rem;font-weight:700;position:absolute;bottom:19px;right:22px}