html {font-size:16px;}
:root {--transition-ease:cubic-bezier(.2,.9,.2,1);}
* {box-sizing:border-box}
img,video {max-width:100%;height:auto;display:block;object-fit:cover}
.iconify {display:inline-block;vertical-align:middle}
body.no-scroll {overflow:hidden;height:100vh}
#mobile-menu > div > div {transition:transform 320ms var(--transition-ease), opacity 320ms var(--transition-ease);transform:translateY(8px) scale(.98);opacity:0}
#mobile-menu.open > div > div {transform:translateY(0) scale(1);opacity:1}
#mobile-menu {transition:opacity 260ms var(--transition-ease)}
.hover\:scale-101:hover {transform:scale(1.01)}
a:focus,button:focus,input:focus,textarea:focus,select:focus {outline:none;box-shadow:0 0 0 4px rgba(121,192,158,0.12);border-radius:8px}
:focus-visible {outline-offset:3px}
@keyframes slideUp {0% {transform:translateY(8px);opacity:0} 100% {transform:translateY(0);opacity:1}}
@keyframes fadeIn {from {opacity:0} to {opacity:1}}
@keyframes beam {0% {transform:translateX(-6px);opacity:.15} 50% {transform:translateX(6px);opacity:.3} 100% {transform:translateX(-6px);opacity:.15}}
#cookie-consent {animation:slideUp 360ms var(--transition-ease) both}
.cookie-decline, .cookie-accept {transition:transform 180ms var(--transition-ease), background-color 160ms var(--transition-ease)}
.cookie-decline:active, .cookie-accept:active {transform:translateY(1px) scale(.997)}
.container.mx-auto.max-w-screen-xl.px-4 {max-width:1100px}
@media (prefers-reduced-motion:reduce) {#mobile-menu > div > div, #cookie-consent, .hover\:scale-101:hover {transition:none;animation:none}}