.brand{font-size:16px;letter-spacing:.015em;color:var(--purple)}
.menu-toggle{display:none;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #d7c6e5;border-radius:10px;background:white;color:var(--purple);cursor:pointer;flex-shrink:0}
.menu-toggle:focus-visible{outline:3px solid #e0a73e;outline-offset:3px}
.menu-icon{position:relative;width:21px;height:2px;background:currentColor}
.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0;width:21px;height:2px;background:currentColor}
.menu-icon:before{top:-7px}.menu-icon:after{top:7px}
.menu-toggle[aria-expanded="true"] .menu-icon{background:transparent}
.menu-toggle[aria-expanded="true"] .menu-icon:before{top:0;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-icon:after{top:0;transform:rotate(-45deg)}
.hero-grid>*,.about-grid>*,.details-grid>*,.contact-grid>*,.job>*{min-width:0}
.employer,.skill,.form-status{overflow-wrap:anywhere}
@media(max-width:900px){.hero-grid{gap:36px}.about-grid,.details-grid,.contact-grid{gap:36px}}
@media(max-width:760px){
 nav{flex-wrap:wrap;gap:0;padding:10px 0;min-height:68px}
 .brand{font-size:clamp(12px,3.5vw,16px);max-width:calc(100% - 60px);line-height:1.4}
 .nav-enhanced .menu-toggle{display:flex}
 .links{width:100%;flex-direction:column;gap:0;padding:8px 0 4px;font-size:16px}
 .nav-enhanced .links{display:none}.nav-enhanced.menu-open .links{display:flex}
 .links a{display:block;padding:12px 10px;border-radius:8px;min-height:48px}
 .links a:hover{background:#ece1f6}
 .hero{padding-top:26px}
 .hero-grid{gap:28px}
 .hero-grid>div:last-child{grid-row:1}
 .hero-grid>div:first-child{grid-row:2}
 .portrait-frame{width:min(230px,calc(100% - 36px))}
 .portrait-caption{margin-top:30px;margin-bottom:0}
 .message-panel input,.message-panel textarea{font-size:16px;min-width:0}
 .contact-box{padding:22px}.contact-label{line-height:1.6}
 .button{min-height:46px}
}
@media print{.menu-toggle{display:none!important}.brand{font-size:14px}}

@media(max-width:760px){
 .hero-grid>div:first-child{text-align:center}
 .hero .eyebrow{font-size:11px;letter-spacing:.14em}
 .hero h1{font-size:clamp(32px,9.4vw,60px);white-space:nowrap;line-height:1.12;letter-spacing:-.04em}
 .hero h1 br{display:none}
 .hero h1 span::before{content:" "}
 .hero .lead,.hero .intro{margin-left:auto;margin-right:auto}
}