@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .12s ease-out both}
::view-transition-new(root){animation:page-in .18s ease-out both}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.nav #navigation.open{animation:menu-in .16s ease-out;max-height:min(78dvh,660px);overscroll-behavior:contain}
.menu-pages a[aria-current="page"]{background:#fff0ef;color:var(--red);font-weight:800}
.nav .menu-toggle{transition:background .15s,transform .15s;touch-action:manipulation}
.nav .menu-toggle[aria-expanded="true"]{background:var(--red)}
.menu-pages a,.menu-contact a,.account-shortcuts a{transition:background .15s,border-color .15s}
.button:active,.menu-toggle:active{transform:scale(.98)}
img{display:block}
button:disabled{cursor:wait;opacity:.65}
.detail-product img{aspect-ratio:1/1}
.home-photo-grid,.service-detail-grid,.solutions,.product-grid,.account-shortcuts{min-width:0}
@media(max-width:760px){.topline .container{padding-block:8px}.nav{height:72px}.nav #navigation.open{top:calc(100% + 6px)}.product-grid,.home-photo-grid{gap:16px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none}.nav #navigation.open{animation:none}html{scroll-behavior:auto}}