.page-width{width:min(100%, var(--content-width,1600px));padding-inline:var(--page-padding,48px);margin-inline:auto}.about-page{background:var(--surface)}.about-intro{border-bottom:1px solid var(--border);grid-template-columns:minmax(220px,.62fr) minmax(360px,1.38fr);align-items:center;gap:clamp(44px,7vw,110px);padding-block:clamp(64px,7vw,100px);display:grid}.about-intro__image{aspect-ratio:4/5;border:1px solid var(--border);background:#f5f5f4;border-radius:8px;width:min(100%,380px);overflow:hidden}.about-intro__image img{object-fit:cover;object-position:center top;width:100%;height:100%}.about-intro__content{max-width:760px}.about-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5vw,70px);font-weight:750;line-height:.95}.about-intro__lead{max-width:680px;color:var(--text-muted);margin:28px 0 0;font-size:15px;line-height:1.75}.section-label{font-size:13px}.outline-button{min-height:46px;color:var(--blue);border:1px solid var(--blue);border-radius:5px;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;padding-inline:18px;font-size:12px;font-weight:700;transition:color .16s,background-color .16s,border-color .16s,transform .16s;display:inline-flex}.outline-button:hover{color:#fff;background:var(--blue);transform:translateY(-2px)}.about-section{border-bottom:1px solid var(--border);padding-block:clamp(48px,5.5vw,78px)}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px;display:flex}.section-heading h2,.about-background h2,.work-section h2{letter-spacing:-.035em;margin:0;font-size:clamp(26px,2.8vw,38px);font-weight:720;line-height:1.2}.about-background__grid{grid-template-columns:minmax(260px,.75fr) minmax(420px,1.25fr);gap:clamp(50px,8vw,130px);display:grid}.about-background h2{max-width:440px}.about-background__text{max-width:720px}.about-background__text p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.75}.about-background__text p+p{margin-top:18px}.focus-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.focus-card{border:1px solid var(--border);border-radius:7px;min-height:220px;padding:24px}.icon-box{width:46px;height:46px;color:var(--blue);background:#1557ff0d;border:1px solid #1557ff1a;border-radius:50%;place-items:center;display:grid}.icon-box svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.focus-card h3{margin:24px 0 9px;font-size:15px;font-weight:700;line-height:1.4}.focus-card p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.7}.work-section{display:block}.work-section__intro{max-width:820px}.work-section__intro>p:last-child{color:var(--text-muted);margin:22px 0 0;font-size:14px;line-height:1.75}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.skill-column{border:1px solid var(--border);border-radius:7px;flex-direction:column;min-height:240px;padding:28px;display:flex}.skill-column h3{color:var(--text);margin:0 0 24px;font-size:14px;font-weight:720;line-height:1.4}.skill-column ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.skill-column li{color:var(--text-muted);align-items:center;gap:11px;font-size:13px;line-height:1.6;display:flex}.skill-column li>span{background:#1557ff1a;border:1px solid #1557ff73;border-radius:50%;flex:none;width:7px;height:7px}.skills-project-link{width:fit-content;color:var(--blue);flex-shrink:0;align-items:center;gap:12px;margin:0 0 4px;font-size:12px;font-weight:700;display:inline-flex}.skills-project-link span:last-child{font-size:15px;transition:transform .16s}.skills-project-link:hover span:last-child{transform:translate(4px)}.interests-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.interest-card{border:1px solid var(--border);border-radius:7px;align-items:center;gap:16px;min-height:92px;padding:18px;display:flex}.interest-card .icon-box{flex:none;width:42px;height:42px}.interest-card .icon-box svg{width:19px;height:19px}.interest-card h3{margin:0;font-size:14px;font-weight:650;line-height:1.4}.about-page a:focus-visible{outline-offset:4px;outline:3px solid #1557ff38}@media (width<=1050px){.focus-grid,.interests-grid,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-intro{grid-template-columns:minmax(200px,.7fr) minmax(360px,1.3fr)}.about-background__grid{grid-template-columns:1fr;gap:28px}}@media (width<=760px){.page-width{padding-inline:18px}.about-intro{grid-template-columns:1fr;gap:34px;padding-block:44px}.about-intro__image{width:min(72vw,300px)}.about-intro h1{font-size:clamp(38px,11vw,54px)}.about-intro__lead{margin-top:20px;font-size:14px}.section-label{font-size:12px}.about-section{padding-block:42px}.about-section h2{font-size:27px}.section-heading{margin-bottom:24px}.about-background__text p,.work-section__intro>p:last-child{font-size:13px}.focus-grid,.interests-grid{grid-template-columns:1fr 1fr;gap:10px}.skills-grid{grid-template-columns:1fr;gap:10px}.skill-column{min-height:auto;padding:22px}.skill-column h3{font-size:13.5px}.skill-column li{font-size:12.5px}.focus-card{min-height:190px;padding:18px}.focus-card h3{margin-top:18px;font-size:14px}.focus-card p{font-size:12.5px}.interest-card h3{font-size:13.5px}.outline-button,.skills-project-link{font-size:11.5px}}@media (width<=470px){.focus-grid,.interests-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}