@import url("image-treatment.css");
@import url("cta-links.css");
@import url("portfolio-type.css");
@import url("case-study-theme.css");
@import url("portfolio-fonts.css");
@import url("site-header.css");
@import url("site-footer.css");
@import url("layout-system.css");
@import url("portfolio-motion.css");

.site-header{position:fixed;top:0;left:0;z-index:10;width:100%;background:var(--site-header-surface);box-shadow:0 2px 16px rgba(0,0,0,.15);backdrop-filter:blur(10px);transition:background-color .5s ease-in-out,box-shadow .5s ease-in-out,backdrop-filter .5s ease-in-out}.site-header .wrap{width:min(1320px,calc(100% - 64px));margin:auto}.site-header nav{display:flex;align-items:center;justify-content:space-between;min-height:0;margin:0;padding:8px 0;border:0;font-size:14px;background:transparent}.site-header .brand-lockup{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.site-header .brand-name{color:#282321;font:400 24px/1 "Ubuntu",ui-sans-serif,system-ui,sans-serif;letter-spacing:.03em}.site-header .logo,.site-header .site-nav__logo{display:block;width:auto;height:55px;max-width:251px;object-fit:contain;object-position:left center;transform:translateY(8px);filter:brightness(0) saturate(100%);transition:filter .5s ease-in-out}.site-header .gallery-back,.site-header .site-nav__back{display:inline-flex;align-items:center;gap:8px;color:#282321;font:600 14px/1 "Ubuntu",ui-sans-serif,system-ui,sans-serif;text-decoration:none}.site-header .gallery-back:hover .gallery-back__label,.site-header .site-nav__back:hover .site-nav__back-label{text-decoration:underline;text-underline-offset:5px}.site-header .gallery-back:focus-visible,.site-header .site-nav__back:focus-visible,.site-header a:focus-visible{outline:3px solid #fb5642;outline-offset:5px;border-radius:3px}.site-header .gallery-back__icon,.site-header .site-nav__back-icon{font-size:22px;font-weight:400;line-height:.7;text-decoration:none}@media(prefers-reduced-motion:reduce){.site-header,.site-header .logo,.site-header .site-nav__logo{transition:none}}@media(max-width:720px){.site-header .wrap{width:min(100% - 40px,1320px)}.site-header nav{padding:8px 0}.site-header .logo,.site-header .site-nav__logo{height:44px;transform:translateY(6px)}.site-header .brand-name{font-size:16px}.site-header .gallery-back,.site-header .site-nav__back{font-size:13px}}