.about-profile { padding:clamp(140px,16vw,220px) clamp(20px,4vw,56px) 0; color:#141413; }
.about-heading { margin-bottom:clamp(48px,6vw,88px); }
.about-kicker { display:block; color:#6b6862; font-size:12px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:28px; }
.about-kicker::before { content:''; display:inline-block; width:8px; height:8px; border-radius:50%; background:#ff7a1a; margin-right:10px; }
.about-heading h1 { margin:0; font-size:clamp(64px,13vw,200px); font-weight:600; letter-spacing:-.06em; line-height:.95; }
.about-heading h1 span { color:#ff7a1a; }
.about-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(48px,6vw,88px) clamp(24px,6vw,96px); }
.about-intro { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(32px,7vw,112px); align-items:center; }
.about-portrait { width:100%; max-width:440px; aspect-ratio:1; position:relative; overflow:hidden; border-radius:28px; background:white; box-shadow:0 24px 56px -30px rgba(20,20,19,.25); }
.about-portrait img { position:absolute; width:392.16%; max-width:none; height:auto; left:-1.5%; top:-9%; }
.about-bio h2 { margin:0 0 24px; font-size:clamp(32px,4vw,56px); font-weight:500; line-height:1.05; letter-spacing:-.04em; }
.about-profile p,.about-profile li { font-size:16px; line-height:1.65; color:#6b6862; }
.about-profile p { margin:0 0 18px; }
.about-bio > p:first-of-type { font-size:clamp(21px,2.2vw,32px); line-height:1.4; color:#141413; letter-spacing:-.025em; }
.about-resume { display:inline-flex; align-items:center; gap:32px; border:1px solid #bdb7ae; border-radius:99px; padding:16px 26px; margin-top:12px; font-size:14px; }
.about-education,.about-experience { border-top:1px solid #cbc8c1; padding-top:28px; }
.about-profile h3 { font-size:clamp(26px,3vw,40px); font-weight:500; line-height:1.15; margin:0 0 30px; letter-spacing:-.035em; }
.about-profile h4 { margin:0 0 8px; font-size:18px; line-height:1.4; font-weight:500; }
.about-profile article { margin-bottom:30px; }
.about-profile article p { margin-bottom:8px; }
.about-date { font-size:13px; color:#6b6862; }
.about-timeline { margin-bottom:48px; }
.about-skills,.about-leadership { margin:0; padding:0; list-style:none; }
.about-skills { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.about-skills li { padding:12px 0; border-bottom:1px solid #dedad2; color:#141413; font-size:15px; }
.about-leadership li { margin-bottom:22px; }
.about-leadership strong { color:#141413; font-weight:500; }
.about-contact { border-radius:32px; background:#141413; color:#f2efe9; margin-top:clamp(56px,8vw,110px); padding:clamp(28px,4vw,56px); display:grid; grid-template-columns:.7fr 1.5fr 1fr; gap:28px; }
.about-contact h3 { color:#f2efe9; }
.about-contact-details,.about-social { display:flex; flex-direction:column; align-items:flex-start; gap:16px; font-size:14px; }
.about-contact-details { overflow-wrap:anywhere; min-width:0; }
.about-contact-details span { color:#bcb8b0; }
.about-profile a { color:inherit; text-decoration:none; transition:color .2s,background .2s; }
.about-profile a:hover { color:#ff7a1a; }
.about-profile .about-resume:hover { background:#ff7a1a; color:#141413; border-color:#ff7a1a; }
.about-profile a:focus-visible { outline:2px solid #ff7a1a; outline-offset:5px; }
@media(max-width:900px) { .about-contact { grid-template-columns:1fr 1fr; } .about-contact h3 { grid-column:1/-1; margin:0; } }
@media(max-width:600px) { .about-grid,.about-intro,.about-contact { grid-template-columns:minmax(0,1fr); } .about-intro { gap:32px; } .about-heading { margin-bottom:40px; } .about-profile h3 { margin-bottom:24px; } .about-profile p,.about-profile li { font-size:15px; } .about-contact { border-radius:24px; gap:28px; } .about-kicker { font-size:10.5px; letter-spacing:.035em; } }