*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#F4F1EC;-webkit-font-smoothing:antialiased}
a:focus-visible{outline:3px solid #A4503F;outline-offset:3px}
img{max-width:100%}
section[id]{scroll-margin-top:12px}
.card-link{transition:background-color .15s ease}
.card-link:hover{background:#FBF3EF!important}
.card-link:hover h3{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.nav-link:hover{color:#A4503F!important}
@media (max-width:860px){
 .nav-link{display:none!important}
}
@media (max-width:760px){
 [style*="padding-left: 40px"]{padding-left:20px!important;padding-right:20px!important}
 [style*="grid-template-columns: repeat(12"]{display:flex!important;flex-direction:column!important;align-items:stretch!important}
 [style*="padding-top: 104px"]{padding-top:72px!important}
 [style*="padding-bottom: 104px"]{padding-bottom:72px!important}
 [style*="minmax(260px, 1fr)"]{grid-template-columns:1fr 1fr!important}
 [style*="minmax(260px, 1fr)"]>div{padding:20px 12px!important;min-height:80px!important}
 [style*="minmax(260px, 1fr)"] img{max-height:36px;height:auto!important}
 h1{font-size:clamp(40px,11.5vw,56px)!important}
 h2{font-size:clamp(34px,10vw,48px)!important}
 #work a,.glance-cell{padding:24px!important}
 #work h3{font-size:24px!important}
 nav{flex-wrap:nowrap!important} nav>a span{font-size:15px!important} nav>div>a:last-child{padding:10px 12px!important}
}