/* Small replacements for Squarespace runtime behavior. Content/layout styles are saved locally. */
.standalone-portfolio{font-family:adelle-sans,Arial,sans-serif}
.portfolio-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px 4vw;background:#fff;color:#111;position:relative;z-index:10}
.portfolio-header a{text-decoration:none;color:inherit}
.portfolio-brand{font:600 clamp(18px,2vw,25px)/1.3 Arial,sans-serif}
.portfolio-brand img{display:block;width:auto;height:50px;max-width:120px;object-fit:contain}
.portfolio-header nav{display:flex;gap:30px;font:16px/1.4 Arial,sans-serif}
.portfolio-header a:hover,.portfolio-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.portfolio-header a:focus-visible,.portfolio-footer a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.portfolio-footer{padding:50px 4vw;text-align:center;font:16px/1.5 Arial,sans-serif}
.portfolio-footer a{color:inherit}
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:white;padding:12px}
.skip-link:focus{top:10px}
.standalone-portfolio #page{padding-top:0!important}
.standalone-portfolio [data-animation-role],.standalone-portfolio .preFade{opacity:1!important;transform:none!important}
.standalone-portfolio img{max-width:100%}
.standalone-portfolio .sqs-image-shape-container-element.has-aspect-ratio>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.standalone-portfolio .grid-image{opacity:1!important}
/* Bring the homepage introduction and project grid a little closer together. */
.standalone-portfolio [data-section-id="5f4c66731f88f957d3e48170"]{min-height:58vh!important}
@media(max-width:640px){.portfolio-header{padding:24px 6vw;gap:16px}.portfolio-header nav{gap:18px;font-size:14px}.portfolio-brand{font-size:18px}.portfolio-footer{padding:34px 6vw}}