@font-face {
  font-family: "Fredoka";
  src: url("../fonts/Fredoka.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root { --font-main: "Fredoka", "Arial Rounded MT Bold", "Trebuchet MS", Arial, Helvetica, sans-serif; }

*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
html { scroll-behavior: smooth; font-family: var(--font-main); }
body { margin: 0; line-height: inherit; background: #ffd600; color: #1a1c1c; font-family: var(--font-main); overflow-x: hidden; }
body, body *:not(.local-icon), button, input, textarea, select, a { font-family: var(--font-main); }
h1,h2,h3,p { margin: 0; }
a { color: inherit; text-decoration: inherit; }
button { font: inherit; margin: 0; background: transparent; cursor: pointer; }
img, svg { display: block; vertical-align: middle; max-width: 100%; }
::selection { background: #b42800; color: #fff; }

/* Local icon masks: replaces the external Material Symbols font. */
.local-icon { display: inline-block; width: 1em; height: 1em; flex: 0 0 auto; background-color: currentColor; vertical-align: -0.125em; }
.local-icon-theater { -webkit-mask: url('../icons/theater_comedy.svg') center/contain no-repeat; mask: url('../icons/theater_comedy.svg') center/contain no-repeat; }
.local-icon-masks { -webkit-mask: url('../icons/masks.svg') center/contain no-repeat; mask: url('../icons/masks.svg') center/contain no-repeat; }
.local-icon-visibility-off { -webkit-mask: url('../icons/visibility_off.svg') center/contain no-repeat; mask: url('../icons/visibility_off.svg') center/contain no-repeat; }
.local-icon-send { -webkit-mask: url('../icons/send.svg') center/contain no-repeat; mask: url('../icons/send.svg') center/contain no-repeat; }
.local-icon-alternate-email { -webkit-mask: url('../icons/alternate_email.svg') center/contain no-repeat; mask: url('../icons/alternate_email.svg') center/contain no-repeat; }
.local-icon-monitoring { -webkit-mask: url('../icons/monitoring.svg') center/contain no-repeat; mask: url('../icons/monitoring.svg') center/contain no-repeat; }

section[id]{scroll-margin-top:96px}
.block{display:block}
.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.nav-link{color:#1a1c1c;text-decoration:none;text-underline-offset:6px;text-decoration-thickness:2px}
.nav-link:hover{color:#705d00}
.nav-link.active, .nav-link[aria-current="page"]{color:#705d00;text-decoration-line:underline}

.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.left-0{left:0}.bottom-0{bottom:0}.bottom-20{bottom:5rem}.right-20{right:5rem}.top-40{top:10rem}.top-60{top:15rem}.left-10{left:2.5rem}.right-10{right:2.5rem}.-top-4{top:-1rem}.-right-4{right:-1rem}.z-10{z-index:10}.z-50{z-index:50}
.flex{display:flex}.inline-block{display:inline-block}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-gutter{gap:24px}.gap-stack-md{gap:20px}.gap-stack-lg{gap:40px}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.w-full{width:100%}.w-64{width:16rem}.w-12{width:3rem}.h-20{height:5rem}.h-64{height:16rem}.h-12{height:3rem}.h-auto{height:auto}.min-h-screen{min-height:100vh}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.aspect-square{aspect-ratio:1/1}.object-cover{object-fit:cover}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}
.p-2{padding:.5rem}.p-4{padding:1rem}.p-stack-md{padding:20px}.p-stack-lg{padding:40px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-stack-md{padding-left:20px;padding-right:20px}.px-stack-lg{padding-left:40px;padding-right:40px}.px-margin-mobile{padding-left:16px;padding-right:16px}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-stack-sm{padding-top:8px;padding-bottom:8px}.py-stack-md{padding-top:20px;padding-bottom:20px}.py-stack-lg{padding-top:40px;padding-bottom:40px}.pt-32{padding-top:8rem}.pb-stack-lg{padding-bottom:40px}.mt-4{margin-top:1rem}.mt-stack-sm{margin-top:8px}.mt-stack-md{margin-top:20px}.mt-stack-lg{margin-top:40px}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-stack-sm{margin-bottom:8px}.mb-stack-md{margin-bottom:20px}.mb-stack-lg{margin-bottom:40px}
.bg-primary-container{background-color:#ffd600}.bg-primary{background-color:#705d00}.bg-tertiary{background-color:#b42800}.bg-on-background{background-color:#1a1c1c}.bg-surface{background-color:#f9f9f9}.bg-surface-variant{background-color:#e2e2e2}.bg-white{background-color:#fff}.text-on-background{color:#1a1c1c}.text-white{color:#fff}.text-on-primary{color:#fff}.text-primary{color:#705d00}.text-primary-fixed{color:#ffe170}.text-tertiary{color:#b42800}.text-secondary{color:#5e5e5e}.text-on-surface-variant{color:#4d4632}.text-inverse-on-surface{color:#f0f1f1}.text-surface{color:#f9f9f9}
.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.border-b-4{border-bottom-width:4px}.border-t-4{border-top-width:4px}.border-y-4{border-top-width:4px;border-bottom-width:4px}.border-on-background{border-color:#1a1c1c}.border-primary{border-color:#705d00}.border-primary-fixed{border-color:#ffe170}.border-white{border-color:#fff}.rounded-xl{border-radius:.75rem}
.text-center{text-align:center}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.cursor-pointer{cursor:pointer}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.text-sm{font-size:.875rem;line-height:1.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.leading-tight{line-height:1.25}.leading-none{line-height:1}.font-body-md{font-family:var(--font-main);font-size:16px;line-height:1.6;font-weight:400}.font-body-lg{font-family:var(--font-main);font-size:18px;line-height:1.6;font-weight:600}.font-label-mono{font-family:var(--font-main);font-size:12px;line-height:1;letter-spacing:.05em;font-weight:500}.font-label-bold{font-family:var(--font-main);font-size:14px;line-height:1;font-weight:700}.font-headline-lg-mobile{font-family:var(--font-main);font-size:32px;line-height:1.2;font-weight:700}.font-headline-lg{font-family:var(--font-main);font-size:40px;line-height:1.2;font-weight:700}.font-headline-xl{font-family:var(--font-main);font-size:64px;line-height:1.1;letter-spacing:-.02em;font-weight:700}.text-headline-lg-mobile{font-size:32px;line-height:1.2;font-weight:700}
.shadow-\[4px_4px_0px_0px_rgba\(0\,0\,0\,1\)\]{box-shadow:4px 4px 0 0 rgba(0,0,0,1)}.shadow-\[12px_12px_0px_0px_rgba\(0\,0\,0\,1\)\]{box-shadow:12px 12px 0 0 rgba(0,0,0,1)}.neo-shadow{box-shadow:4px 4px 0 0 rgba(0,0,0,1)}.neo-shadow-lg{box-shadow:8px 8px 0 0 rgba(0,0,0,1)}.neo-shadow-active:active{transform:translate(4px,4px);box-shadow:0 0 0 0 rgba(0,0,0,1)}.sticker-white{filter:drop-shadow(2px 2px 0 white) drop-shadow(-2px -2px 0 white) drop-shadow(2px -2px 0 white) drop-shadow(-2px 2px 0 white) drop-shadow(4px 4px 0 black)}
.rotate-1{transform:rotate(1deg)}.-rotate-1{transform:rotate(-1deg)}.-rotate-12{transform:rotate(-12deg)}.translate-y-full{transform:translateY(100%)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.duration-500{transition-duration:500ms}
.hover\:translate-x-1.hover\:translate-y-1:hover{transform:translate(4px,4px)}.hover\:translate-x-1:hover{transform:translateX(4px)}.hover\:translate-y-1:hover{transform:translateY(4px)}.hover\:-translate-y-2:hover{transform:translateY(-.5rem)}.hover\:shadow-none:hover{box-shadow:none}.hover\:text-primary:hover{color:#705d00}.hover\:underline:hover{text-decoration-line:underline}.hover\:bg-primary-container:hover{background-color:#ffd600}.active\:translate-x-1.active\:translate-y-1:active{transform:translate(4px,4px)}.active\:shadow-none:active{box-shadow:none}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:translate-y-0{transform:translateY(0)}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.animate-scroll{animation:scroll 30s linear infinite}.pause-scroll:hover .animate-scroll{animation-play-state:paused}.nose-float{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.delay-1{animation-delay:1s}.delay-half{animation-delay:.5s}
.hero-card-img{width:100%;height:auto;border-radius:.75rem}.hero-card-wrap{filter:drop-shadow(2px 2px 0 white) drop-shadow(-2px -2px 0 white) drop-shadow(2px -2px 0 white) drop-shadow(-2px 2px 0 white)}

@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:justify-start{justify-content:flex-start}.md\:text-left{text-align:left}.md\:w-auto{width:auto}.md\:px-margin-desktop{padding-left:48px;padding-right:48px}.md\:mt-10{margin-top:2.5rem}.md\:mt-20{margin-top:5rem}.md\:font-headline-lg{font-family:var(--font-main);font-size:40px;line-height:1.2;font-weight:700}.md\:text-headline-xl{font-size:64px;line-height:1.1;letter-spacing:-.02em;font-weight:700}}
@media (max-width:767px){.font-headline-xl{font-size:42px}.font-headline-lg{font-size:32px}.font-headline-lg-mobile{font-size:28px}header button{font-size:11px;padding-left:10px;padding-right:10px}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}

.button-link:focus-visible, .nav-link:focus-visible { outline: 3px solid #1a1c1c; outline-offset: 4px; }

/* Optional: use this class if you replace the floating SVG icons with your own PNG/WebP images. */
.floating-decor-img { width: 1em; height: 1em; object-fit: contain; }