*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:linear-gradient(180deg,#1d6ec7,#5eb4ea 42%,#c5e6f8 72%,#f6e7c4);color:#fff;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-y}body{height:380vh;overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch}#webgl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;display:block;z-index:0;pointer-events:none;touch-action:pan-y}.topbar{position:fixed;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(14px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 14px max(20px,env(safe-area-inset-left));pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;position:relative;z-index:7}.brand-mark{width:34px;height:34px;display:block}.brand-mark svg{width:100%;height:100%}.brand-name{font-family:Passion One,sans-serif;font-weight:700;font-size:1.45rem;letter-spacing:-.02em;text-shadow:0 4px 16px rgba(18,52,92,.28)}.nav{position:fixed;top:max(22px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:28px}.nav a{font-family:Passion One,sans-serif;font-size:1.15rem;font-weight:700;color:#fff;text-decoration:none;text-shadow:0 4px 16px rgba(18,52,92,.28)}.nav a:hover{opacity:.55}.topbar-actions{display:flex;align-items:center;gap:10px}.nav-dot{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3d2a3,#e2b07a 60%,#c8894a);box-shadow:inset 0 0 0 1px #5a30101f}.menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;padding:10px;flex-direction:column;justify-content:center;gap:6px;cursor:pointer;z-index:5}.menu-toggle span{display:block;height:2px;width:100%;background:#fff;border-radius:999px;transition:transform .2s ease,opacity .2s ease}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;display:grid;place-items:center}.headline{position:absolute;text-align:center;max-width:90vw;text-shadow:0 6px 28px rgba(18,52,92,.28)}.headline-1,.headline-2{font-family:Passion One,sans-serif;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:.9;display:flex;flex-wrap:wrap;justify-content:center;gap:.02em}.headline-1{font-size:clamp(4.5rem,14vw,12rem)}.headline-2{top:auto;bottom:3.5vh;z-index:1;font-size:clamp(2.6rem,7vw,6.2rem)}.headline span{display:inline-block;will-change:transform,opacity}.headline .space{width:.35em}.hotspot-stage{position:absolute;width:min(640px,78vw);height:min(520px,62vw);pointer-events:none;opacity:0;z-index:2}.hotspot{position:absolute;width:58px;height:58px;border:0;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f6d7ad,#e2b07a 58%,#c8894a);color:#fff;display:grid;place-items:center;cursor:pointer;pointer-events:auto;box-shadow:0 8px 18px #50280a2e,inset 0 -3px 6px #783c1429;transition:transform .25s ease,box-shadow .25s ease}.cookie-face{position:relative;width:100%;height:100%;border-radius:50%}.cookie-face i{position:absolute;border-radius:50%;background:#4a2a16}.cookie-face i:nth-child(1){width:8px;height:7px;top:15px;left:16px}.cookie-face i:nth-child(2){width:6px;height:6px;top:28px;left:32px}.cookie-face i:nth-child(3){width:7px;height:6px;top:34px;left:18px}.hotspot-tr .cookie-face i:nth-child(1){top:18px;left:22px}.hotspot-bl .cookie-face i:nth-child(2){top:22px;left:14px}.hotspot-br .cookie-face i:nth-child(3){top:30px;left:28px}.hotspot-tl{top:4%;left:4%}.hotspot-tr{top:4%;right:4%}.hotspot-bl{bottom:28%;left:4%}.hotspot-br{bottom:28%;right:4%}.hotspot-label{position:absolute;top:50%;white-space:nowrap;font-family:Passion One,sans-serif;font-weight:700;font-size:clamp(1.35rem,2.4vw,1.9rem);letter-spacing:-.02em;color:#fff;background:none;padding:0;text-shadow:0 1px 0 rgba(20,40,80,.25),0 8px 22px rgba(18,52,92,.45);opacity:1;pointer-events:none}.hotspot-tl .hotspot-label,.hotspot-bl .hotspot-label{right:calc(100% + 14px);left:auto;transform:translateY(-50%);text-align:right}.hotspot-tr .hotspot-label,.hotspot-br .hotspot-label{left:calc(100% + 14px);right:auto;transform:translateY(-50%);text-align:left}.hotspot:hover,.hotspot:focus-visible{transform:scale(1.08);box-shadow:0 12px 24px #50280a38,inset 0 -3px 6px #783c1429;outline:none}.scroll-track{height:380vh;pointer-events:none}@media(max-width:768px){.topbar{padding:max(10px,env(safe-area-inset-top)) 16px 10px}.brand-name{font-size:1.2rem}.nav{right:0;bottom:0;top:0;left:0;transform:none;flex-direction:column;justify-content:center;align-items:center;gap:22px;background:#165ca8f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;z-index:5}.nav.is-open{visibility:visible;opacity:1;pointer-events:auto}.nav a{font-size:2rem}.topbar-actions{display:none}.menu-toggle{display:flex}.headline-1{font-size:clamp(2.6rem,16vw,4.2rem);max-width:92vw;padding:0 8px}.headline-2{bottom:max(28px,env(safe-area-inset-bottom));font-size:clamp(1.45rem,7.6vw,2.1rem);max-width:94vw;padding:0 10px}.hotspot-stage{width:min(360px,92vw);height:min(360px,58vh)}.hotspot{width:46px;height:46px}.cookie-face i:nth-child(1){width:6px;height:6px;top:12px;left:12px}.cookie-face i:nth-child(2){width:5px;height:5px;top:22px;left:26px}.cookie-face i:nth-child(3){width:6px;height:5px;top:27px;left:14px}.hotspot-tl,.hotspot-tr{top:0}.hotspot-bl,.hotspot-br{bottom:22%}.hotspot-label{font-size:1.05rem}.hotspot-tl .hotspot-label,.hotspot-tr .hotspot-label,.hotspot-bl .hotspot-label,.hotspot-br .hotspot-label{left:50%;right:auto;top:auto;bottom:calc(100% + 6px);transform:translate(-50%);text-align:center}}