/* The approved homepage blue and light type carry through to every footer. */
.next-site .next-footer{background:#355ee6;color:#eeeae2;padding:64px 0 24px}
.next-site .next-footer .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.15fr;gap:45px}
.next-site .next-footer .footer-grid>div:first-child img{width:120px;height:79px;object-fit:contain}
.next-site .next-footer .footer-grid h2{color:#eeeae2;font-size:.68rem;letter-spacing:.14em;font-weight:500;margin-bottom:23px}
.next-site .next-footer .footer-grid p,.next-site .next-footer .footer-grid address{color:#e0e7ff;font-size:.82rem;line-height:1.8}
.next-site .next-footer .footer-grid a:not([aria-label]){color:#f3f4ff;font-size:.85rem;min-height:32px;margin-block:7px}
.next-site .next-footer a:hover{color:white;text-decoration:underline;text-underline-offset:4px}
.next-site .next-footer a:focus-visible{outline-color:white}
.next-site .next-footer .footer-base{margin-top:45px;padding-top:23px;color:#e0e7ff;border-top-color:#ffffff45;font-size:.69rem}
@media(max-width:1100px){.next-site .next-footer .footer-grid{gap:28px}}
@media(max-width:760px){
 .next-site .next-footer{padding:37px 0 25px}
 .next-site .next-footer .footer-grid{grid-template-columns:1fr 1fr;gap:29px 20px}
 .next-site .next-footer .footer-grid>div:first-child{display:flex;gap:23px;align-items:center;grid-column:1/-1}
 .next-site .next-footer .footer-grid>div:first-child img{width:88px;height:58px}
 .next-site .next-footer .footer-grid>div:first-child p{font-size:.75rem;margin:0}
 .next-site .next-footer .footer-grid h2{font-size:.62rem;margin-bottom:14px}
 .next-site .next-footer .footer-grid a:not([aria-label]){font-size:.79rem;min-height:36px;margin-block:3px}
 .next-site .next-footer .footer-grid address{font-size:.79rem}
 .next-site .next-footer .footer-base{margin-top:29px;font-size:.64rem}
 .next-site .next-footer .footer-base>div{flex-wrap:wrap;gap:12px 23px}
}
/* Grow the complete navigation in proportion, with a cap for ultrawide screens. */
.header .home-studio-link{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:#eeeae2;color:#111820;border:1px solid #eeeae2;border-radius:99px;padding:12px 19px;white-space:nowrap;min-height:44px;font-size:inherit}
.header .home-studio-link:hover{background:#dbe4ff;color:#111820}
.header .home-mobile-studio{display:none}
.home-studio-intro{font-size:14px;line-height:1.7;max-width:330px;color:#575d64;margin:0 0 22px}
.home-studio-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:46px;padding:12px 21px;background:#111820;color:#eeeae2;border-radius:99px;font-size:13px;transition:background .2s}
.home-studio-button:hover{background:#25354a}
.home-studio-button .link-icon,.header .home-studio-link .link-icon{width:16px;height:16px}
@media(max-width:700px){
 .header .home-mobile-studio{display:inline-flex;margin-left:auto;font-size:11px;gap:7px;min-height:44px;padding:9px 11px}
 .header .home-mobile-studio .link-icon{width:13px;height:13px}
 .header .mobile-menu{margin-left:0}
 .header{gap:10px}
 .header nav.open a.home-studio-link{display:flex;font-size:15px;align-self:start;margin-top:8px;padding:11px 18px}
 .header nav.open .contact{margin-top:13px}
 .home-studio-intro{font-size:13px;max-width:340px;margin-bottom:19px}
 .product-range .range-links{margin-top:18px}
}
@media(max-width:360px){.header .mobile-menu{padding-inline:12px;gap:10px}}
@media(min-width:1100px){
 :root{--site-logo-width:clamp(84px,5.2vw,124px);--site-nav-pad:clamp(16px,1vw,22px);--site-nav-height:calc(var(--site-logo-width)*.657895 + var(--site-nav-pad)*2);--header:var(--site-nav-height)}
 .header{min-height:var(--site-nav-height);padding-block:var(--site-nav-pad)}
 .header>a:first-child{flex:none}
 .header .logo,.next-header .brand,.next-header .brand img{width:var(--site-logo-width);height:calc(var(--site-logo-width)*.657895);object-fit:contain}
 .header nav,.next-header .desktop-nav{gap:clamp(24px,2vw,38px)}
 .header nav,.next-header .desktop-nav a{font-size:clamp(13px,.82vw,16px)}
 .header .contact{padding:clamp(12px,.75vw,16px) clamp(20px,1.3vw,30px)}
 .next-header .header-row{height:var(--site-nav-height)}
 .next-header .header-actions .button{font-size:clamp(12.3px,.76vw,15px);padding:clamp(10px,.65vw,15px) clamp(17px,1.1vw,25px)}
 html{scroll-padding-top:calc(var(--site-nav-height) + 24px)}
}
@media(min-width:1100px) and (min-height:501px){
 .showcase .stage,.craft-scenes .stage{padding-top:max(94px,calc(var(--site-nav-height) + 14px))}
}
@media(min-width:1100px) and (max-height:700px){
 :root{--site-logo-width:clamp(84px,4.5vw,100px);--site-nav-pad:14px}
}