.profile-about{padding:130px 0 0}
.profile-about .about-flow{padding-bottom:50px}
.profile-section{padding:0 30px 90px 0;scroll-margin-top:100px}
.profile-content{margin-left:32%;width:68%;min-width:0}
.profile-content h1{font-size:clamp(42px,4.5vw,68px);font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:0 0 32px}
.profile-content h2{font-size:34px;font-weight:400;letter-spacing:-.035em;margin:0 0 36px}
.profile-reading{font-size:24px;line-height:1.5;letter-spacing:-.02em;max-width:47ch;display:grid;gap:24px}
.profile-cv{display:inline-block;margin-top:28px;border-bottom:1px solid currentColor;font-size:18px;padding-bottom:4px}
.profile-timeline{list-style:none;margin:0;padding:0 0 0 22px;border-left:1px solid #59403740}
.profile-timeline li{position:relative;display:grid;grid-template-columns:minmax(120px,1fr) 3fr;gap:30px;padding:0 0 46px 14px}
.profile-timeline li:last-child{padding-bottom:0}
.profile-timeline li::before{content:'';position:absolute;left:-27px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 5px var(--paper)}
.profile-date{font-size:16px;line-height:1.5;opacity:.75}
.profile-job h3{font-size:28px;font-weight:500;letter-spacing:-.025em;line-height:1.15;margin-bottom:8px}
.profile-role{font-size:17px;margin-bottom:12px;opacity:.75}
.profile-projects{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:19px}
.profile-projects a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.profile-job-description{font-size:19px;line-height:1.5;margin-top:16px;max-width:44ch}
.profile-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;list-style:none}
.profile-tools li{display:flex;align-items:center;gap:20px;padding:20px 0;border-top:1px solid #59403730;font-size:25px;letter-spacing:-.025em;min-width:0}
.profile-tools img{width:42px;height:42px;object-fit:contain;flex:none}
.profile-contact{background:#624538;color:#f0e3d2;padding:60px 30px 70px;display:grid;grid-template-columns:28% 1fr;gap:4%}
.profile-contact h2{font-size:26px;font-weight:400;letter-spacing:-.025em}
.profile-contact>div{min-width:0}
.profile-contact .email-copy{font-size:clamp(21px,2.7vw,40px);letter-spacing:-.035em;text-align:left}
.profile-social{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:30px;font-size:18px}
.profile-social a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:768px) and (max-width:1050px){.profile-timeline li{grid-template-columns:1fr;gap:10px}.profile-tools li{font-size:21px;gap:12px}}
@media(max-width:767px){.profile-about{padding-top:100px}.profile-section{padding:0 22px 60px}.profile-content{margin:0;width:100%}.profile-content h1{font-size:42px;margin-bottom:25px}.profile-content h2{font-size:30px;margin-bottom:28px}.profile-reading{font-size:21px;gap:20px}.profile-timeline li{grid-template-columns:1fr;gap:10px;padding-bottom:35px}.profile-job h3{font-size:27px}.profile-job-description{font-size:18px}.profile-projects{font-size:18px}.profile-tools{gap:0 18px}.profile-tools li{font-size:18px;gap:10px;padding:18px 0}.profile-tools img{width:32px;height:32px}.profile-contact{display:block;padding:35px 22px 45px}.profile-contact h2{font-size:23px;margin-bottom:24px}.profile-contact .email-copy{font-size:clamp(19px,5.3vw,28px)}.profile-social{font-size:17px;gap:16px 22px}}
