.personal-hero{display:grid;grid-template-columns:1.2fr 1fr;grid-template-areas:"title portrait" "intro portrait" "actions portrait";column-gap:84px;row-gap:23px;padding:58px 0 64px;align-items:center}.personal-title{grid-area:title;align-self:end}.personal-title .kicker{font-size:13px;margin-bottom:20px;letter-spacing:.1em;color:var(--link)}.personal-title h1{font-size:70px;line-height:1.06;letter-spacing:-.05em;max-width:580px}.personal-intro{grid-area:intro;font-size:18px;line-height:1.8;color:var(--secondary);margin:0;max-width:520px}.personal-actions{grid-area:actions;display:flex;align-items:center;gap:28px;align-self:start;flex-wrap:wrap}.personal-actions .quiet-link{gap:10px}.anna-portrait{grid-area:portrait;margin:0;padding:13px;background:var(--surface);border:1px solid var(--border);border-radius:32px;transform:rotate(1.5deg)}.anna-portrait img{border-radius:23px;width:100%;height:auto;transform:rotate(-1.5deg)}.experience{padding:45px 0 44px;border-top:1px solid var(--border)}.experience-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:start;margin-bottom:31px}.experience-intro h2{font-size:38px;line-height:1.12}.experience-intro>p{font-size:17px;line-height:1.75;max-width:510px;margin:0;color:var(--secondary)}.experience-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.experience-highlights article{border-top:1px solid var(--border);padding-top:19px}.experience-number{color:var(--link);font-size:13px;font-weight:600;margin:0 0 11px}.experience-highlights h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin-bottom:14px}.experience-highlights article>p:last-child{font-size:16px;line-height:1.75;margin:0;color:var(--secondary)}.experience-detail{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:28px}.experience-detail summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:600;cursor:pointer;list-style:none}.experience-detail summary::-webkit-details-marker{display:none}.experience-detail summary span{font-size:23px;font-weight:400}.experience-detail[open] summary span{transform:rotate(45deg)}.employment{max-width:790px;padding:14px 0 8px}.employment section{margin:0 0 27px}.employment h3{font-size:22px;margin-bottom:9px}.employment p{font-size:16px;line-height:1.75;margin-bottom:12px;color:var(--secondary)}.employment .employment-meta{color:var(--ink);font-size:14px;line-height:1.7}.experience-transition{font-size:17px;max-width:740px;margin:22px 0 0;color:var(--ink)}.selected-work{padding:40px 0 0;border-top:1px solid var(--border);scroll-margin-top:25px}.work-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;margin-bottom:37px;align-items:start}.work-intro h2{font-size:46px}.work-intro p{font-size:16px;line-height:1.7;margin:0 0 10px;color:var(--secondary);max-width:510px}.work-intro .gallery-note{font-size:14px;line-height:1.6;margin:0}.personal-page .gallery{gap:57px 52px}.personal-page .project:nth-child(even){transform:translateY(65px)}.personal-page .project a{display:block}.personal-page .project-name{font-size:24px;line-height:1.25;margin:21px 0 11px;font-weight:600}.project-purpose{font-size:16px;line-height:1.6;color:var(--secondary);margin:0 0 12px;max-width:450px}.project-stage{font-size:13px;line-height:1.6;color:var(--secondary);margin:0 0 3px;display:flex;gap:8px;align-items:baseline}.project-stage:before{content:"";width:5px;height:5px;background:var(--link);border-radius:50%;display:inline-block;flex-shrink:0}.case-link{display:inline-flex;gap:15px;align-items:center;min-height:44px;font-size:14px;color:var(--link);text-decoration:underline;text-underline-offset:5px}.personal-contact{margin-top:112px;padding:50px 0 62px;border-top:1px solid var(--border);text-align:center}.personal-contact h2{font-size:54px;margin-bottom:25px;line-height:1.07}.personal-contact>p{font-size:18px;color:var(--secondary);max-width:600px;margin:0 auto 20px;line-height:1.7}.contact-invitation{display:inline-flex;align-items:center;gap:25px;min-height:50px;color:var(--link);font-size:18px;font-weight:600;text-decoration:none;border-bottom:2px solid var(--link)}.contact-options{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.contact-options a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--border);border-radius:99px;padding:8px 16px;color:var(--link);font-size:16px}.personal-page .footer-signature{font-size:14px}
@media(max-width:1000px){.personal-hero{column-gap:45px}.personal-title h1{font-size:60px}.experience-highlights{gap:25px}}
@media(max-width:700px){.personal-hero{grid-template-columns:1fr;grid-template-areas:"title" "portrait" "intro" "actions";gap:21px;padding:29px 0 38px}.personal-title .kicker{font-size:12px;margin-bottom:12px}.personal-title h1{font-size:45px;line-height:1.1;letter-spacing:-.045em}.anna-portrait{width:216px;justify-self:center;padding:7px;border-radius:23px;transform:none}.anna-portrait img{border-radius:17px;transform:none}.personal-intro{font-size:16px;line-height:1.7;max-width:none}.personal-actions{gap:24px}.personal-actions .pill-button{font-size:14px}.experience{padding:30px 0 32px}.experience-intro{display:block;margin-bottom:23px}.experience-intro h2{font-size:31px;margin-bottom:19px}.experience-intro>p{font-size:16px;line-height:1.7}.experience-highlights{display:block}.experience-highlights article{display:grid;grid-template-columns:25px 1fr;column-gap:14px;row-gap:10px;padding:19px 0}.experience-number{grid-column:1;grid-row:1;margin:1px 0 0;font-size:12px}.experience-highlights h3{grid-column:2;grid-row:1;font-size:20px;margin:0}.experience-highlights article>p:last-child{grid-column:2;font-size:16px;line-height:1.7}.experience-detail{margin-top:3px}.experience-detail summary{font-size:14px;min-height:54px}.experience-transition{font-size:16px;line-height:1.7;margin-top:20px}.employment{padding:13px 0 0}.employment h3{font-size:21px}.employment p{font-size:16px}.employment .employment-meta{font-size:14px}.selected-work{padding-top:31px;scroll-margin-top:20px}.work-intro{display:block;margin-bottom:25px}.work-intro h2{font-size:34px;margin-bottom:20px}.work-intro p{font-size:16px}.work-intro .gallery-note{font-size:14px}.personal-page .project:nth-child(even){transform:none}.personal-page .project+.project{margin-top:33px}.personal-page .project-name{font-size:22px;margin:17px 0 10px}.project-purpose{font-size:16px;margin-bottom:10px;line-height:1.65}.project-stage{font-size:13px}.case-link{font-size:14px}.personal-contact{margin-top:36px;padding:32px 0 39px;text-align:left}.personal-contact h2{font-size:36px;margin-bottom:21px}.personal-contact>p{font-size:16px;margin-left:0}.contact-invitation{font-size:16px}.personal-page .footer-signature{font-size:14px}}
@media(max-width:375px){.personal-title h1{font-size:42px}.anna-portrait{width:198px}.personal-hero{gap:19px}.personal-intro{font-size:16px}.personal-actions{gap:20px}}