/* Keep decorative motion inside the page without changing the sticky chapters. */
.expertise-ribbon{overflow:clip}
:where(a,button):focus-visible{outline:3px solid #ff786b;outline-offset:5px}
.mobile-nav:not([hidden]){max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:700px){
 .portfolio .section-heading h2{font-size:clamp(30px,10vw,40px)}
 .menu-button{min-height:44px}
 .slide-dot{min-height:44px;justify-content:space-between;padding-top:5px}
 .slider-arrows button{width:44px;height:44px}
 .project-text-link{min-height:44px}
 .close-dialog{min-width:44px;min-height:44px}
 .project-dialog .close-dialog{width:44px;height:44px}
 footer{padding-bottom:95px}
}

.header nav .compact-contact-link{display:none}@media(min-width:701px) and (max-width:1100px){.header nav .compact-contact-link{display:inline-block}.header nav{gap:18px}}@media(min-width:701px) and (max-width:850px){.header .logo img{width:150px}.header nav{gap:14px}.header{gap:10px}}