@font-face{font-family:HolmdelTypographica;src:url('/files/assets/holmdel-halloween/v5-20261004-1fc384d08cde/TYPOGRAPHICA_DEMO.OTF') format('opentype');font-weight:normal;font-display:swap;}
#halloween017{
  --scene-w: 2048;
  --scene-h: 1101;
  --scale: 1;
  --mx: 0;
  --my: 0;
  --ink: #040506;
  --paper: rgba(255,255,255,.94);
}
#halloween017 *{ box-sizing: border-box; }
#halloween017,#halloween017{ margin:0; width:100%; height:100%; background:transparent; }
#halloween017{ overflow:hidden; font-family:"Century Gothic","Avenir Next",Avenir,Montserrat,Arial,sans-serif; }
#halloween017 a{ color:inherit; text-decoration:none; }
#halloween017 button{ font:inherit; }
#halloween017 .app{ position:relative; width:100%; height:100svh; overflow:hidden; isolation:isolate; background:transparent; }
#halloween017 .background{ position:absolute; inset:0; z-index:0; pointer-events:none; }
#halloween017 .background-frame{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
#halloween017 .gl-canvas{ position:absolute; inset:0; width:100%; height:100%; z-index:1; display:block; pointer-events:none; }
#halloween017.webgl-fallback .gl-canvas{ display:none; }
#halloween017 .film-grain{ position:absolute; inset:-20%; z-index:1; pointer-events:none; opacity:.045; mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E"); animation:grain .34s steps(2) infinite; }
@keyframes grain{ 0%{transform:translate3d(-1.4%,.8%,0)} 25%{transform:translate3d(.7%,-1.2%,0)} 50%{transform:translate3d(1.2%,1.1%,0)} 75%{transform:translate3d(-.7%,-.5%,0)} 100%{transform:translate3d(.2%,.3%,0)} }
#halloween017 .scene{ position:absolute; width:2048px; height:1101px; left:50%; top:50%; z-index:3; transform:translate(-50%,-50%) scale(var(--scale)); transform-origin:center; overflow:visible; perspective:1700px; }
#halloween017 .menu-toggle{ display:none; }
#halloween017 .flower-sway{ position:relative; width:100%; height:100%; transform-origin:inherit; will-change:transform; }
#halloween017 .topbar{ position:absolute; z-index:80; top:36px; left:378px; right:366px; height:58px; display:flex; align-items:center; justify-content:space-between; color:#fff; letter-spacing:.075em; font-size:16px; text-shadow:0 1px 16px rgba(0,80,100,.12); }
#halloween017 .main-nav{ display:flex; gap:38px; align-items:center; }
#halloween017 .main-nav a,#halloween017 .tools button{ position:relative; transition:opacity .25s ease, transform .25s ease, filter .25s ease; }
#halloween017 .main-nav a::after{ content:""; position:absolute; left:50%; right:50%; bottom:-9px; height:1px; background:#fff; transition:.3s ease; opacity:.72; }
#halloween017 .main-nav a:hover::after{ left:0; right:0; }
#halloween017 .main-nav a:hover,#halloween017 .tools button:hover{ opacity:.77; transform:translateY(-1px); }
#halloween017 .tools{ display:flex; align-items:center; gap:14px; }
#halloween017 .search-color{ border:0; border-bottom:1px solid rgba(255,255,255,.62); background:transparent; color:#fff; padding:0 0 6px; font-size:13px; font-weight:bold; letter-spacing:.12em; cursor:pointer; }
#halloween017 .icon-btn{ width:28px; height:28px; padding:3px; border:0; background:transparent; color:#fff; cursor:pointer; }
#halloween017 .icon-btn svg{ width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
#halloween017 .mini-brand{ display:none; font-size:25px; font-weight:bold; letter-spacing:-.08em; }
#halloween017 .reveal-ui{ opacity:0; transform:translateY(-7px); filter:blur(7px); transition:opacity .9s ease, transform .9s ease, filter .9s ease; }
#halloween017 .reveal-ui.visible{ opacity:1; transform:none; filter:none; }
#halloween017 .vine{ position:absolute; z-index:8; overflow:visible; pointer-events:none; filter:drop-shadow(0 0 18px rgba(255,255,255,.10)); mix-blend-mode:screen; transform-style:preserve-3d; }
#halloween017 .vine image{ opacity:1; }
#halloween017 .vine-left{ width:610px; height:915px; left:545px; top:226px; opacity:.105; transform:translate3d(0,0,-65px) rotate(-4deg); }
#halloween017 .vine-right{ width:158.5px; height:417.434px; left:1205.5px; top:235px; opacity:.19; transform:none; }
#halloween017 .grow-stroke{ stroke-dasharray:1; stroke-dashoffset:1; }
#halloween017 .hero-copy{ position:absolute; inset:0; z-index:15; pointer-events:none; transform-style:preserve-3d; }
#halloween017 .title-aura{ position:absolute; pointer-events:none; border-radius:50%; filter:blur(30px); opacity:.0; mix-blend-mode:screen; transition:opacity 1s ease; }
#halloween017 .title-aura.on{ opacity:.34; }
#halloween017 .aura-hallo{ width:430px; height:180px; left:432px; top:332px; background:radial-gradient(ellipse,rgba(8,255,233,.23),rgba(229,71,255,.08) 45%,transparent 75%); }
#halloween017 .aura-ween{ width:520px; height:180px; left:975px; top:544px; background:radial-gradient(ellipse,rgba(255,64,210,.1),rgba(110,255,235,.14) 46%,transparent 75%); }
#halloween017 .title-word{ position:absolute; display:flex; align-items:center; color:var(--ink); font-family:HolmdelTypographica,Arial Black,Impact,Haettenschweiler,sans-serif; font-weight:normal; line-height:.82; letter-spacing:-.072em; transform-style:preserve-3d; filter:drop-shadow(0 10px 28px rgba(7,44,56,.055)); }
#halloween017 .title-word::before,#halloween017 .title-word::after{ content:attr(data-text); position:absolute; inset:0; color:transparent; -webkit-text-stroke:1px transparent; opacity:0; pointer-events:none; letter-spacing:inherit; font:inherit; line-height:inherit; }
#halloween017 .title-word.glitch::before{ color:rgba(87,255,235,.24); transform:translate3d(-8px,1px,-2px) skewX(-5deg); opacity:.7; clip-path:inset(22% 0 51% 0); }
#halloween017 .title-word.glitch::after{ color:rgba(255,67,211,.19); transform:translate3d(8px,-1px,-3px) skewX(4deg); opacity:.65; clip-path:inset(62% 0 12% 0); }
#halloween017 .title-word span{ display:inline-block; opacity:0; transform:translate3d(0,55px,0) scale(.7,1.35) rotate(5deg); filter:blur(14px); transform-origin:50% 70%; will-change:transform,filter,opacity; }
#halloween017 .hallo{ left:453px; top:344px; width:540px; height:190px; font-size:201px; letter-spacing:0; display:block; }
#halloween017 .hallo::before,#halloween017 .hallo::after{ display:none; }
#halloween017 .hallo span{ position:absolute; top:0; }
#halloween017 .hallo .hallo-h{ left:0; }
#halloween017 .hallo .hallo-l1{ left:304px; }
#halloween017 .hallo .hallo-l2{ left:409px; }
#halloween017 .ween{ left:1005px; top:554px; font-size:190px; letter-spacing:18px; }
#halloween017 .title-word.awake span{ animation:letterWake .9s cubic-bezier(.13,.83,.21,1.05) forwards; }
#halloween017 .title-word.awake span:nth-child(2){animation-delay:.055s}
#halloween017 .title-word.awake span:nth-child(3){animation-delay:.105s}
#halloween017 .title-word.awake span:nth-child(4){animation-delay:.15s}
#halloween017 .title-word.awake span:nth-child(5){animation-delay:.2s}
@keyframes letterWake{ 0%{opacity:0;transform:translate3d(-12px,50px,0) scale(.62,1.34) skewX(-8deg);filter:blur(16px)} 48%{opacity:1;transform:translate3d(4px,-7px,0) scale(1.08,.93) skewX(2deg);filter:blur(1px)} 72%{transform:translate3d(-2px,3px,0) scale(.98,1.02)} 100%{opacity:1;transform:none;filter:none} }
#halloween017 .flower{ position:absolute; z-index:20; opacity:0; transform:scale(.09) rotate(-11deg); will-change:transform,opacity; transform-style:preserve-3d; }
#halloween017 .flower-img,#halloween017 .flower-shape{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; pointer-events:none; }
#halloween017 .flower-left{ left:553px; top:360px; width:190px; height:190px; transform-origin:94% 9%; }
#halloween017 .red-flower{ filter:saturate(1.08) contrast(1.03) drop-shadow(0 10px 18px rgba(255,36,90,.11)); }
#halloween017 .flower-right-top{ left:1328px; top:250px; width:191px; height:183px; transform-origin:6px 17px; }
#halloween017 .flower-right-bottom{ left:1287px; top:419px; width:206px; height:204px; transform-origin:17px 8px; }
#halloween017 .eye-orbit{ position:absolute; z-index:6; width:84px; height:84px; border-radius:50%; overflow:hidden; pointer-events:none; }
#halloween017 .eye-track{ position:absolute; left:50%; top:50%; width:68px; height:68px; margin:-34px 0 0 -34px; transform:translate3d(0,0,0); will-change:transform; }
#halloween017 .eye-shell{ position:absolute; inset:0; width:68px; height:68px; border-radius:50%; opacity:0; transform:scale(.08,.02); will-change:transform,opacity; filter:drop-shadow(0 3px 5px rgba(2,20,25,.08)); }
#halloween017 .eye{ display:block; width:100%; height:100%; object-fit:contain; pointer-events:none; }
#halloween017 .flower-left .eye-orbit{ left:85px; top:21px; width:82px; height:82px; }
#halloween017 .flower-right-top .eye-orbit{ left:20px; top:12px; width:82px; height:82px; }
#halloween017 .flower-right-bottom .eye-orbit{ left:22px; top:15px; width:86px; height:86px; }
#halloween017 .flower-right-bottom .eye-track{ width:68px; height:68px; margin:-34px 0 0 -34px; }
#halloween017 .flower-right-bottom .eye-shell{ width:68px; height:68px; }
#halloween017 .flower.bloom{ animation:bloom .78s cubic-bezier(.13,1.23,.29,1) forwards; }
@keyframes bloom{ 0%{opacity:0;transform:scale(.06) rotate(-15deg)} 55%{opacity:1;transform:scale(1.13) rotate(2.5deg)} 78%{transform:scale(.96) rotate(-1deg)} 100%{opacity:1;transform:scale(1) rotate(0)} }
#halloween017 .eye-shell.open{ animation:eyeOpen .58s cubic-bezier(.13,1.3,.28,1) forwards; }
@keyframes eyeOpen{ 0%{opacity:0;transform:scale(.12,.015)} 62%{opacity:1;transform:scale(1.13,.95)} 100%{opacity:1;transform:scale(1)} }
#halloween017 .booking{ position:absolute; z-index:30; left:980px; top:312px; width:222px; height:222px; opacity:0; transform:scale(.22) rotate(-11deg); transform-origin:50% 50%; will-change:transform,opacity; }
#halloween017 .booking-art{ position:absolute; z-index:4; left:0; top:-66px; width:283px; height:290px; pointer-events:none; }
#halloween017 .booking-frame{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
#halloween017 .booking-copy{ position:absolute; z-index:6; width:198px; height:204px; left:12px; top:9px; object-fit:contain; animation:spin 18s linear infinite; animation-play-state:paused; }
#halloween017 .booking-halo{ position:absolute; inset:-38px; z-index:1; border-radius:50%; background:radial-gradient(circle,rgba(255,69,199,.22),rgba(255,255,255,.09) 42%,transparent 70%); filter:blur(15px); opacity:.0; transform:scale(.65); transition:opacity .8s ease,transform .8s ease; }
#halloween017 .booking.enter{ animation:bookingPop .88s cubic-bezier(.13,1.25,.29,1) forwards; }
#halloween017 .booking.ready .booking-copy{ animation-play-state:running; }
#halloween017 .booking.ready .booking-halo{ opacity:.8; transform:scale(1); }
#halloween017 .booking:hover .booking-copy{ animation-duration:5s; }
@keyframes bookingPop{ 0%{opacity:0;transform:scale(.18) rotate(-14deg)} 63%{opacity:1;transform:scale(1.1) rotate(2deg)} 100%{opacity:1;transform:scale(1) rotate(0)} }
@keyframes spin{ to{transform:rotate(360deg)} }
#halloween017 .bottom-bar{ position:absolute; z-index:55; left:375px; right:375px; bottom:43px; height:62px; display:grid; grid-template-columns:1fr 1.05fr 1.35fr; align-items:center; color:#090909; font-size:13px; }
#halloween017 .socials{ display:flex; gap:27px; align-items:center; font-weight:bold; font-size:20px; }
#halloween017 .socials a{ display:inline-grid; place-items:center; min-width:24px; height:26px; transition:transform .25s ease; }
#halloween017 .socials a:hover{ transform:translateY(-2px) rotate(-4deg); }
#halloween017 .weather{ justify-self:center; display:flex; align-items:center; gap:14px; }
#halloween017 .weather>div{ display:flex; flex-direction:column; gap:7px; white-space:nowrap; font-size:12px; }
#halloween017 .weather small{ font-size:11px; }
#halloween017 .weather svg{ width:54px; height:42px; fill:none; stroke:#4167c7; stroke-width:2; }
#halloween017 .temp{ color:rgba(255,255,255,.92); font-size:29px; font-weight:normal; }
#halloween017 .help{ justify-self:end; width:355px; display:flex; flex-direction:column; gap:13px; }
#halloween017 .help>span{ white-space:nowrap; }
#halloween017 .player{ display:flex; align-items:center; gap:12px; font-weight:bold; }
#halloween017 .player .pause{ width:26px; height:26px; border-radius:50%; background:#060606; color:#fff; display:grid; place-items:center; font-size:12px; }
#halloween017 .player i{ display:block; height:2px; background:#080808; flex:1; position:relative; }
#halloween017 .player i::before{ content:""; position:absolute; width:7px; height:7px; border-radius:50%; background:#080808; left:15%; top:50%; transform:translateY(-50%); }
#halloween017 .cursor-orb{ position:fixed; z-index:90; width:20px; height:20px; left:0; top:0; border:1px solid rgba(255,255,255,.4); border-radius:50%; pointer-events:none; transform:translate(-50%,-50%); opacity:0; transition:opacity .25s ease,width .2s ease,height .2s ease; backdrop-filter:invert(.02); mix-blend-mode:screen; }
#halloween017.pointer-active .cursor-orb{ opacity:.6; }
#halloween017 .replay{ position:absolute; right:18px; bottom:18px; z-index:99; border:1px solid rgba(0,0,0,.11); color:#101010; background:rgba(255,255,255,.28); backdrop-filter:blur(12px); border-radius:999px; padding:9px 13px; cursor:pointer; opacity:.48; transition:.25s ease; }
#halloween017 .replay:hover{ opacity:1; transform:translateY(-2px); }
@media (pointer:coarse){#halloween017 .cursor-orb{ display:none; }
 }
#halloween017.compact-ui .scene{ top:43%; }
#halloween017.compact-ui .topbar{ left:20px; right:20px; top:max(18px,env(safe-area-inset-top)); height:36px; font-size:14px; }
#halloween017.compact-ui .mini-brand{ display:block; font-size:14px; letter-spacing:.075em; }
#halloween017.compact-ui .menu-toggle{ display:block; order:3; margin-left:14px; }
#halloween017.compact-ui .tools{ margin-left:auto; gap:14px; }
#halloween017.compact-ui .tools .search-color{ display:none; }
#halloween017.compact-ui .main-nav{ display:none; position:absolute; right:0; top:52px; min-width:200px; padding:22px; flex-direction:column; align-items:flex-start; gap:22px; border-radius:12px; background:rgba(24,65,80,.96); box-shadow:0 10px 35px rgba(0,0,0,.12); }
#halloween017.compact-ui.menu-open .main-nav{ display:flex; }
#halloween017.compact-ui .bottom-bar{ left:20px; right:20px; bottom:max(70px,calc(env(safe-area-inset-bottom) + 55px)); height:auto; display:flex; flex-direction:column; gap:22px; font-size:12px; }
#halloween017.compact-ui .socials{ justify-content:center; gap:28px; }
#halloween017.compact-ui .weather{ display:none; }
#halloween017.compact-ui .help{ width:min(355px,100%); align-items:center; }
#halloween017.compact-ui .player{ width:100%; }
#halloween017.compact-ui .replay{ right:14px; bottom:max(14px,env(safe-area-inset-bottom)); font-size:12px; }
@media (max-height:500px) and (max-width:999px){#halloween017.compact-ui .scene{ top:50%; }
#halloween017.compact-ui .bottom-bar{ bottom:18px; flex-direction:row; justify-content:space-between; }
#halloween017.compact-ui .help{ display:none; }
#halloween017.compact-ui .replay{ bottom:12px; }

}
@media (prefers-reduced-motion:reduce){#halloween017 *,#halloween017 *::before,#halloween017 *::after{ animation-duration:.001ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.001ms!important; }
#halloween017 .grow-stroke{ stroke-dashoffset:0!important; }
#halloween017 .title-word span,#halloween017 .flower,#halloween017 .eye-shell,#halloween017 .booking,#halloween017 .reveal-ui{ opacity:1!important; transform:none!important; filter:none!important; }
#halloween017 .title-aura{ opacity:.2!important; }
#halloween017 .film-grain,#halloween017 .cursor-orb{ display:none; }

}


#halloween017 .app{height:100%;background-size:100% 100%;} #halloween017 .background-frame{object-fit:fill;}
#halloween017 #replay{display:none;} #halloween017 .booking{pointer-events:auto;}
#halloween017 .compact-ui .topbar{display:none;}
#halloween017 .scene{perspective:none;}

/* Match the full-height red artwork in the approved 2048 x 1101 layout. */
#halloween017 .flower-left .flower-img{object-fit:fill;}

/* Add the original ZIP interaction light over the artwork backgrounds. */
#halloween017 .gl-canvas{mix-blend-mode:screen;mix-blend-mode:plus-lighter;}

/* HOLMDEL_TYPOGRAPHICA_FORCE_20261007 */
#halloween017 .title-word{font-family:HolmdelTypographica,Arial Black,Impact,Haettenschweiler,sans-serif!important;font-weight:normal!important;}
/* HOLMDEL_TYPOGRAPHICA_FORCE_20261007_END */

/* HOLMDEL_LAYOUT_TUNE_20261007 */
#halloween017 .hallo{left:453px!important;top:344px!important;width:540px!important;height:190px!important;font-size:201px!important;}
#halloween017 .hallo .hallo-l1{left:304px!important;}
#halloween017 .hallo .hallo-l2{left:409px!important;}
#halloween017 .ween{left:1005px!important;top:554px!important;letter-spacing:18px!important;}
#halloween017 .booking{left:980px!important;top:312px!important;}
/* HOLMDEL_LAYOUT_TUNE_20261007_END */

/* HOLMDEL_LEFT_VINE_TUNE_20261007 */
#halloween017 .vine-left{
  width:449px!important;
  height:884px!important;
  left:576px!important;
  top:113px!important;
  opacity:.24!important;
  filter:none!important;
}
/* HOLMDEL_LEFT_VINE_TUNE_20261007_END */

/* HOLMDEL_FLOWER_LEFT_TUNE_20261007 */
#halloween017 .flower-left{top:335px!important;}
/* HOLMDEL_FLOWER_LEFT_TUNE_20261007_END */

/* HOLMDEL_LAYER_ORDER_TUNE_20261007 */
#halloween017 .hero-copy{z-index:25!important;}
#halloween017 .flower-right-bottom{z-index:20!important;}
#halloween017 .booking{z-index:30!important;}
/* HOLMDEL_LAYER_ORDER_TUNE_20261007_END */

/* HOLMDEL_FLOWER_OVER_H_TUNE_20261007 */
#halloween017 .flower-left{z-index:28!important;}
/* HOLMDEL_FLOWER_OVER_H_TUNE_20261007_END */

/* HOLMDEL_RIGHT_GROUP_TUNE_20261007 */
#halloween017 .vine-right{top:200px!important;}
#halloween017 .flower-right-top{top:215px!important;}
#halloween017 .flower-right-bottom{top:384px!important;}
/* HOLMDEL_RIGHT_GROUP_TUNE_20261007_END */