.experience-top{grid-template-columns:minmax(130px,.65fr) minmax(0,1.35fr)}
.experience-heading{grid-column:2}
.experience-heading h2{font-size:clamp(2.4rem,4.2vw,4.7rem)}
.experience-lede{grid-column:2;justify-self:end;margin-top:1.35rem}
@media (max-width:850px){.experience-top{grid-template-columns:1fr 1fr}.experience-heading{grid-column:auto}.experience-lede{grid-column:2;margin-top:0}}
@media (max-width:600px){.experience-top{grid-template-columns:1fr}.experience-lede{grid-column:auto}}

section[id]{scroll-margin-top:88px}
.hero-logo{background:transparent;padding:0}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--saffron);outline-offset:4px}
.menu-toggle span{transform-origin:center;transition:transform .25s ease,opacity .25s ease}
.site-header.nav-open .menu-toggle span:first-child{transform:translateY(7px) rotate(45deg)}
.site-header.nav-open .menu-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}
.menu-modal .close-button,.lightbox-close{transition:transform .2s ease,color .2s ease}
.menu-modal .close-button:hover,.lightbox-close:hover{transform:rotate(90deg);color:var(--terracotta)}
@media (prefers-reduced-motion:reduce){.menu-toggle span,.menu-drawer,.menu-modal .close-button,.lightbox-close{transition:none}}