.about-hero{max-width:800px;margin-bottom:36px}.about-hero h1{font-size:clamp(36px,5vw,58px)}.about-hero .page-description{max-width:760px;font-size:18px;line-height:1.8}.page-links{flex-wrap:wrap;gap:12px 24px;margin:24px 0 0;display:flex}.page-links a,.about-content a:not(.button-link){color:#0369a1;text-underline-offset:4px}.about-section{border-top:1px solid #dbe2ea;padding:36px 0;scroll-margin-top:24px}.about-section h2{letter-spacing:-.7px;font-size:28px}.about-section h3{margin:0 0 12px;font-size:18px}.about-section p,.about-section li{color:#526176;line-height:1.8}.section-intro{max-width:760px;margin-bottom:24px}.stack-list{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.stack-list li{color:#075985;background:#fff;border:1px solid #dbe2ea;border-radius:20px;padding:5px 12px;font-size:13px}.architecture{counter-reset:stage;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0;padding:0;list-style:none;display:grid}.architecture li{counter-increment:stage;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:20px}.architecture li:before{content:"0" counter(stage);color:#0369a1;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.architecture strong,.architecture span{display:block}.architecture strong{color:#172033}.architecture span{margin-top:4px;font-size:13px}.technical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.detail-card{background:#fff;border:1px solid #dbe2ea;border-radius:14px;padding:28px}.detail-card p:last-child{margin-bottom:0}.detail-card code{overflow-wrap:anywhere;font-size:.88em}.engineering-note{background:#eaf5fc;border-left:3px solid #069af0;border-radius:0 12px 12px 0;margin-top:24px;padding:24px 28px}.engineering-note p{margin-bottom:0}.profile-heading{align-items:center;gap:24px;margin-bottom:28px;display:flex}.profile-headshot{aspect-ratio:1;border:1px solid #dbe2ea;border-radius:16px;flex-shrink:0;width:clamp(96px,14vw,144px);height:auto;display:block}.profile-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:32px;display:grid}.profile-grid p:first-child{margin-top:0}.resume-card{background:#fff;border:1px solid #dbe2ea;border-radius:14px;padding:28px}.resume-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.project-link{justify-content:space-between;align-items:center;gap:24px;display:flex}.project-link p{max-width:650px;margin-bottom:0}.project-link .button-link{flex-shrink:0}.patent-content{max-width:850px}.patent-content .detail-card{margin-top:24px}.parameter-key{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.parameter-key>div{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:16px}.parameter-key dt{color:#075985;font-size:24px;font-weight:650}.parameter-key dd{color:#526176;margin:4px 0 0;font-size:13px}.equation-block{color:#075985;background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;margin:20px 0;padding:24px 16px;overflow-x:auto}.equation-block math{margin:0;font-size:clamp(19px,2.5vw,24px)}.equation-pair{flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:24px;display:flex}.patent-content var{font-family:Cambria Math,STIX Two Math,Georgia,serif}.benchmark-figure{margin:28px 0 0}.benchmark-chart-scroll{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.benchmark-chart{width:100%;min-width:560px;height:auto;display:block}.benchmark-figure figcaption{color:#526176;margin-top:12px;font-size:13px;line-height:1.7}.benchmark-data{margin-top:24px}.benchmark-data summary{color:#075985;cursor:pointer;padding:8px 0;font-weight:600}.benchmark-data summary:focus-visible{outline-offset:4px;outline:3px solid #069af0}.benchmark-data table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.benchmark-data caption{text-align:left;color:#526176;padding:16px 0}.benchmark-data th,.benchmark-data td{text-align:right;border-bottom:1px solid #e2e8f0;padding:10px 8px}.benchmark-data th{color:#075985;background:#f0f9ff}@media (width<=800px){.architecture{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}}@media (width<=600px){.parameter-key{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-grid{grid-template-columns:1fr}.detail-card,.resume-card{padding:22px}.project-link{flex-direction:column;align-items:flex-start}.about-section{padding:28px 0}}
