/* Alt 3D Hero Studio: every visual rule is scoped to this one replacement hero. */
#alt3d-hero {
  --a3d-pink: #db70ff;
  --a3d-spin: -6deg;
  --a3d-tilt-x: -2deg;
  --a3d-tilt-y: 0deg;
  position: relative !important;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--a3d-width, 100%) !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 740px;
  min-height: 100svh;
  height: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 0 0 var(--a3d-offset, 0px) !important;
  padding: var(--a3d-clearance, 124px) clamp(22px, 3vw, 54px) 45px;
  overflow: hidden;
  background: #05020b;
  color: white;
  text-align: center;
}
#alt3d-hero *, #alt3d-hero *::before, #alt3d-hero *::after { box-sizing: border-box; }
#alt3d-hero .a3d-environment, #alt3d-hero .a3d-particles {
  position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0;
}
#alt3d-hero .a3d-environment {
  background: radial-gradient(ellipse at 50% 29%, #45106777, transparent 43%), linear-gradient(#030106, #0a0312 65%, #07030b);
}
#alt3d-hero .a3d-aura {
  position: absolute; inset: 3% 7% 14%; opacity: .68;
  background: radial-gradient(ellipse at 50% 25%, #a02bfd42, transparent 43%), radial-gradient(ellipse at 8% 55%, #8610e34a, transparent 46%), radial-gradient(ellipse at 92% 52%, #851be04d, transparent 46%);
}
#alt3d-hero .a3d-smoke {
  position: absolute; width: 57%; height: 69%; top: 10%; background-position: center;
  background-repeat: no-repeat; background-size: 100% 100%; mix-blend-mode: screen;
  transform: translate3d(0,0,0); opacity: .83; pointer-events: none;
}
#alt3d-hero .a3d-smoke-left { left: -10%; background-image: url('smoke-left.webp'); }
#alt3d-hero .a3d-smoke-right { right: -10%; background-image: url('smoke-right.webp'); }
#alt3d-hero.a3d-enhanced .a3d-smoke-left { animation: a3d-smoke-left 22s ease-in-out infinite alternate; }
#alt3d-hero.a3d-enhanced .a3d-smoke-right { animation: a3d-smoke-right 27s ease-in-out infinite alternate; }
#alt3d-hero .a3d-floor {
  position: absolute; bottom: -2%; left: -2%; width: 104%; height: 32%;
  background: url('floor.webp') center bottom / auto 100% repeat-x;
  mask-image: linear-gradient(transparent, #000 48%, #000 82%, transparent);
  -webkit-mask-image: linear-gradient(transparent, #000 48%, #000 82%, transparent);
  opacity: .66;
}
#alt3d-hero .a3d-ground-glow {
  position: absolute; inset: auto 25% 2%; height: 22%;
  background: radial-gradient(ellipse, #9d18ef48, transparent 69%); filter: blur(18px);
}
#alt3d-hero .a3d-composition {
  width: 100%; max-width: 1260px; position: relative; z-index: 2;
  display: flex; flex-direction: column; align-items: center; margin: 0 auto;
}
#alt3d-hero .a3d-showcase {
  position: relative; width: clamp(228px, 39svh, 388px); aspect-ratio: 1;
  flex-shrink: 0; perspective: 1200px; margin: 0 auto 26px;
}
#alt3d-hero .a3d-showcase::before {
  content: ''; position: absolute; inset: -23%; border-radius: 50%;
  background: radial-gradient(circle, #ab23ff55, #821bc527 37%, transparent 66%);
  filter: blur(16px); pointer-events: none;
}
#alt3d-hero .a3d-orbit {
  position: absolute; inset: -6%; border-radius: 50%; border: 1px solid #c277ff40;
  transform: rotateX(67deg) rotateZ(-22deg); box-shadow: 0 0 16px #ba46ff12; pointer-events: none;
}
#alt3d-hero .a3d-orbit::after {
  content: ''; position: absolute; width: 5px; height: 5px; background: #ebc5ff;
  box-shadow: 0 0 18px #d77aff; border-radius: 50%; left: 14%; top: 14%;
}
#alt3d-hero .a3d-emblem-control {
  all: unset; display: block; position: absolute; inset: 0; width: 100%; height: 100%;
  border: 0; border-radius: 50%; background: none !important; padding: 0 !important;
  opacity: 1 !important; transform-style: preserve-3d; cursor: grab; touch-action: pan-y; -webkit-tap-highlight-color: transparent;
}
#alt3d-hero .a3d-emblem-control:disabled { cursor: default; }
#alt3d-hero .a3d-emblem-control:active { cursor: grabbing; }
#alt3d-hero .a3d-emblem-control:focus-visible { outline: none; }
#alt3d-hero .a3d-showcase:focus-within::after { content: ""; position: absolute; inset: -12px; border: 2px solid #f4cfff; border-radius: 50%; pointer-events: none; }
#alt3d-hero .a3d-tilt {
  position: absolute; inset: 0; display: block; transform-style: preserve-3d;
  transform: rotateX(var(--a3d-tilt-x)) rotateY(var(--a3d-tilt-y));
}
#alt3d-hero .a3d-coin {
  display: block; position: absolute; inset: 0; transform-style: preserve-3d;
  transform: rotateY(var(--a3d-spin));
}
#alt3d-hero .a3d-face {
  display: block; position: absolute; inset: 0; border-radius: 50%;
  backface-visibility: hidden; -webkit-backface-visibility: hidden;
  transform: translateZ(8px); background: #220735;
  box-shadow: 0 0 25px #b024ff77, 0 0 70px #880df344;
}
#alt3d-hero .a3d-face-back { transform: rotateY(180deg) translateZ(8px); }
#alt3d-hero .a3d-face img {
  display: block; width: 100% !important; height: 100% !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important; object-fit: contain; border: 0 !important;
  border-radius: 50%; user-select: none; -webkit-user-drag: none; pointer-events: none;
}
#alt3d-hero .a3d-face::after {
  content: ''; position: absolute; inset: 1%; border-radius: 50%; pointer-events: none;
  background: linear-gradient(125deg, #f8dcff21, transparent 40%, transparent 75%, #d699ff1c);
  border: 1px solid #df9fff36;
}
#alt3d-hero .a3d-rim {
  display: block; position: absolute; inset: 0; border-radius: 50%;
  background: linear-gradient(115deg, #18041f, #cf6aff 17%, #421058 35%, #bb69eb 67%, #1f082f);
  border: 1px solid #a76bd688;
}
#alt3d-hero .a3d-rim-1 { transform: translateZ(-6px); }
#alt3d-hero .a3d-rim-2 { transform: translateZ(-3px); }
#alt3d-hero .a3d-rim-3 { transform: translateZ(0px); }
#alt3d-hero .a3d-rim-4 { transform: translateZ(3px); }
#alt3d-hero .a3d-rim-5 { transform: translateZ(6px); }
#alt3d-hero .a3d-interaction-hint {
  position: absolute; display: block; left: 50%; bottom: -22px; transform: translateX(-50%);
  width: 280px; color: #d6b4e9; font-size: 9px; line-height: 1.3; letter-spacing: 1.3px;
  text-transform: uppercase; opacity: 0; pointer-events: none;
}
#alt3d-hero .a3d-touch-hint { display: none; }
#alt3d-hero.a3d-enhanced .a3d-showcase:hover .a3d-interaction-hint,
#alt3d-hero.a3d-enhanced .a3d-showcase:focus-within .a3d-interaction-hint { opacity: .9; }
/* Neutralize the previous 117em GIF sizing and 100vw offsets only inside this hero. */
#alt3d-hero .a3d-native-content,
#alt3d-hero .uagb-block-754e8ff9,
#alt3d-hero .uagb-block-754e8ff9 > .uagb-container-inner-blocks-wrap {
  position: relative !important; inset: auto !important; transform: none !important;
  display: block !important; width: 100% !important; max-width: 1260px !important;
  min-width: 0 !important; height: auto !important; min-height: 0 !important;
  margin: 0 auto !important; padding: 0 !important; background: transparent !important;
  background-image: none !important; overflow: visible !important;
}
#alt3d-hero .uagb-block-754e8ff9::before,
#alt3d-hero .uagb-block-754e8ff9::after { display: none !important; }
#alt3d-hero .a3d-native-content .uagb-infobox__content-wrap,
#alt3d-hero .a3d-native-content .uagb-ifb-content,
#alt3d-hero .a3d-native-content .uagb-ifb-title-wrap {
  width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important;
}
#alt3d-hero .a3d-native-content h1 {
  font-size: clamp(32px, 3.45vw, 58px) !important; line-height: 1.1 !important;
  font-weight: 700; letter-spacing: 0 !important; text-transform: uppercase; text-align: center !important;
  max-width: 1250px; margin: 0 auto 17px !important; padding: 0 !important; color: #fff !important;
  text-wrap: balance; text-shadow: 0 3px 22px #050109;
}
#alt3d-hero .a3d-native-content .uagb-ifb-desc {
  width: 100% !important; max-width: 1080px !important; margin: 0 auto 24px !important;
  padding: 0 !important; font-size: clamp(15px, 1.04vw, 18px) !important;
  line-height: 1.65 !important; color: #e0d5e7 !important; text-align: center !important;
}
#alt3d-hero .a3d-native-content .uagb-ifb-desc p {
  font-size: inherit !important; line-height: inherit !important; margin: 0 !important;
  color: inherit !important; text-align: center !important; text-wrap: pretty;
}
#alt3d-hero .a3d-native-content .uagb-buttons__outer-wrap,
#alt3d-hero .a3d-native-content .uagb-button__wrapper,
#alt3d-hero .a3d-native-content .uagb-buttons__wrap {
  margin: 0 auto !important; padding: 0 !important; width: auto !important;
  max-width: 100% !important; min-width: 0 !important; justify-content: center !important;
}
#alt3d-hero .a3d-native-content .uagb-buttons-repeater {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 20px;
  min-height: 50px; max-width: 100%; width: auto !important;
  padding: 14px 26px !important; border: 1px solid #d864ff !important; border-radius: 4px !important;
  background: linear-gradient(115deg, #2b09459c, #0b031cf2) !important;
  color: white !important; text-decoration: none !important; font-size: 13px !important;
  font-weight: 700; line-height: 1.5 !important; letter-spacing: .5px; text-transform: uppercase;
  box-shadow: 0 0 23px #a92bfc2a, inset 0 0 22px #aa38f20c;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}
#alt3d-hero .a3d-native-content .uagb-button__link { font: inherit !important; line-height: inherit !important; }
#alt3d-hero .a3d-native-content .uagb-buttons-repeater:hover {
  background: #501381 !important; box-shadow: 0 0 34px #c847ff66; transform: translateY(-2px);
}
#alt3d-hero .a3d-native-content .uagb-buttons-repeater:focus-visible,
#alt3d-hero .a3d-scroll:focus-visible,
#alt3d-hero .a3d-motion-toggle:focus-visible { outline: 3px solid white; outline-offset: 5px; }
#alt3d-hero .a3d-scroll {
  display: flex; align-items: center; flex-direction: column; gap: 7px; width: auto;
  margin: 25px auto 0; padding: 0; border: none; background: none !important;
  color: #e7d8f3 !important; font: inherit; font-size: 10px !important;
  line-height: 1.3 !important; letter-spacing: 2px; text-transform: uppercase; cursor: pointer;
}
#alt3d-hero .a3d-scroll-icon { width: 17px; height: 27px; border: 1px solid #e7d8f3; border-radius: 10px; position: relative; }
#alt3d-hero .a3d-scroll-icon::before { content: ''; width: 2px; height: 6px; top: 5px; left: 6px; position: absolute; background: white; border-radius: 2px; }
#alt3d-hero .a3d-scroll-arrow { font-size: 17px; line-height: .7; }
#alt3d-hero .a3d-motion-toggle {
  position: absolute; z-index: 4; right: 19px; bottom: 14px; max-width: 160px;
  border: 1px solid #c08cec52; border-radius: 18px; padding: 8px 13px;
  background: #0b041be3; color: #e1d0ec; font: inherit; font-size: 11px !important;
  line-height: 1.4 !important; letter-spacing: .2px; text-transform: none; cursor: pointer;
}
#alt3d-hero [hidden] { display: none !important; }
#alt3d-hero.a3d-paused .a3d-smoke { animation-play-state: paused !important; }
@keyframes a3d-smoke-left { from { transform: translate3d(-1%, 0, 0) scale(1); } to { transform: translate3d(4%, -3%, 0) scale(1.09); } }
@keyframes a3d-smoke-right { from { transform: translate3d(2%, 1%, 0) scale(1.06); } to { transform: translate3d(-3%, 4%, 0) scale(.99); } }
@media (min-width: 2000px) {
  #alt3d-hero .a3d-smoke { width: 53%; height: 75%; }
  #alt3d-hero .a3d-showcase { width: 405px; }
}
@media (max-width: 921px) {
  #alt3d-hero { padding-bottom: 57px; }
  #alt3d-hero .a3d-showcase { width: clamp(230px, 35svh, 300px); }
  #alt3d-hero .a3d-native-content h1 { font-size: clamp(31px, 4.8vw, 43px) !important; }
  #alt3d-hero .a3d-smoke { width: 85%; height: 60%; opacity: .7; }
  #alt3d-hero .a3d-smoke-left { left: -37%; }
  #alt3d-hero .a3d-smoke-right { right: -37%; }
}
@media (max-width: 544px) {
  #alt3d-hero { padding: var(--a3d-clearance, 110px) 22px 56px; }
  #alt3d-hero .a3d-showcase { width: 218px; margin-bottom: 25px; }
  #alt3d-hero .a3d-native-content h1 { font-size: 30px !important; line-height: 1.14 !important; }
  #alt3d-hero .a3d-native-content .uagb-ifb-desc { font-size: 15px !important; line-height: 1.65 !important; margin-bottom: 22px !important; }
  #alt3d-hero .a3d-native-content .uagb-buttons-repeater { padding: 14px 16px !important; font-size: 11px !important; }
  #alt3d-hero .a3d-scroll { margin-top: 21px; }
  #alt3d-hero .a3d-floor { height: 28%; opacity: .48; }
  #alt3d-hero .a3d-motion-toggle { right: 15px; bottom: 11px; }
}
@media (max-height: 800px) and (min-width: 922px) {
  #alt3d-hero .a3d-showcase { width: clamp(210px, 32svh, 252px); margin-bottom: 22px; }
  #alt3d-hero .a3d-native-content h1 { font-size: clamp(32px, 3.1vw, 46px) !important; }
  #alt3d-hero .a3d-native-content .uagb-ifb-desc { font-size: 15px !important; margin-bottom: 19px !important; }
  #alt3d-hero .a3d-scroll { margin-top: 19px; }
}
@media (hover: none), (pointer: coarse) {
  #alt3d-hero .a3d-fine-hint { display: none; }
  #alt3d-hero .a3d-touch-hint { display: inline; }
}
@media (prefers-reduced-motion: reduce) {
  #alt3d-hero .a3d-smoke { animation: none !important; }
  #alt3d-hero .a3d-native-content .uagb-buttons-repeater { transition: none !important; }
  #alt3d-hero .a3d-native-content .uagb-buttons-repeater:hover { transform: none; }
}

/* Themes. All scenery is decorative, clipped by the existing hero. */
#alt3d-hero .a3d-birthday {font-size:clamp(11px,1.1vw,14px);font-weight:500;color:#eed5b6;letter-spacing:.13em;text-transform:uppercase;margin:0 0 22px;max-width:85%;line-height:1.7;text-wrap:balance}
#alt3d-hero .a3d-scene {width:100%;position:relative;isolation:isolate}
#alt3d-hero[data-a3d-theme="october"] .a3d-scene {height:clamp(370px,34vw,460px);margin:0 auto 28px}
#alt3d-hero[data-a3d-theme="october"] .a3d-showcase {z-index:2;margin:18px auto 0;width:clamp(240px,29vw,355px)}
#alt3d-hero[data-a3d-theme="october"] .a3d-environment {background:radial-gradient(ellipse at 50% 28%,#56206c88,transparent 48%),linear-gradient(#090411,#130719 65%,#090411)}
#alt3d-hero[data-a3d-theme="october"] .a3d-aura {background:radial-gradient(ellipse at 50% 27%,#be49f54a,transparent 45%),radial-gradient(ellipse at 12% 48%,#6d27b93b,transparent 45%),radial-gradient(ellipse at 88% 48%,#8c25b444,transparent 45%)}
#alt3d-hero .a3d-scene-layer {position:absolute;inset:0;pointer-events:none;transform:translate3d(var(--a3d-scene-x,0px),var(--a3d-scene-y,0px),0)}
#alt3d-hero .a3d-scene-back {z-index:0;transform:translate3d(calc(var(--a3d-scene-x,0px) * -.6),calc(var(--a3d-scene-y,0px) * -.6),0)}
#alt3d-hero .a3d-scene-front {z-index:3}
#alt3d-hero .a3d-scene-object {display:block;position:absolute;pointer-events:none;contain:layout style}
#alt3d-hero .a3d-scene-object img {display:block;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;object-fit:contain;user-select:none;pointer-events:none}
#alt3d-hero .a3d-flight {width:clamp(100px,13vw,180px);top:-8%;filter:drop-shadow(0 5px 25px #b178db22);transform-origin:50% 24%;will-change:transform}
#alt3d-hero .a3d-flight-one {left:12%;animation:a3d-drift-one 19s ease-in-out infinite}
#alt3d-hero .a3d-flight-two {width:clamp(78px,10vw,140px);left:77%;top:4%;opacity:.83;filter:blur(.35px) saturate(.8);animation:a3d-drift-two 25s ease-in-out infinite}
#alt3d-hero .a3d-lantern {bottom:0;width:clamp(150px,19vw,270px);filter:drop-shadow(0 0 16px #b4702633)}
#alt3d-hero .a3d-lantern::before {content:'';position:absolute;left:13%;right:13%;bottom:8%;height:12%;border-radius:50%;background:#020106bf;filter:blur(9px);z-index:-1}
#alt3d-hero .a3d-lantern-left {left:8%;transform:rotate(-4deg)}
#alt3d-hero .a3d-lantern-right {right:8%;width:clamp(140px,17vw,240px);transform:scaleX(-1) rotate(-3deg);filter:hue-rotate(-7deg) drop-shadow(0 0 16px #b4702633)}
#alt3d-hero .a3d-lantern img {animation:a3d-candle-light 3.7s ease-in-out infinite}
#alt3d-hero .a3d-lantern-right img {animation-delay:-1.9s}
#alt3d-hero .a3d-candle-pool {position:absolute;bottom:-1%;height:25%;width:34%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#e1772440,transparent 66%);filter:blur(12px);z-index:1;animation:a3d-pool-light 3.7s ease-in-out infinite}
#alt3d-hero .a3d-candle-pool-left {left:2%}
#alt3d-hero .a3d-candle-pool-right {right:2%;animation-delay:-1.9s}
#alt3d-hero .a3d-scene-mist {position:absolute;inset:48% -8% -12%;pointer-events:none;z-index:4;background:url('smoke-left.webp') left bottom / 65% 100% no-repeat,url('smoke-right.webp') right bottom / 65% 100% no-repeat;mix-blend-mode:screen;opacity:.24;mask-image:linear-gradient(transparent,#000 32%,#000 55%,transparent);animation:a3d-scene-fog 21s ease-in-out infinite alternate}
@keyframes a3d-drift-one {0%,100%{transform:translate3d(-15px,18px,0) rotate(-4deg)}50%{transform:translate3d(38px,-24px,0) rotate(3deg)}}
@keyframes a3d-drift-two {0%,100%{transform:translate3d(22px,-6px,0) rotate(3deg)}50%{transform:translate3d(-32px,22px,0) rotate(-3deg)}}
@keyframes a3d-candle-light {0%,100%{filter:brightness(1)}32%{filter:brightness(1.07)}48%{filter:brightness(.94)}72%{filter:brightness(1.04)}}
@keyframes a3d-pool-light {0%,100%{opacity:.7}45%{opacity:1}60%{opacity:.8}}
@keyframes a3d-scene-fog {to{transform:translate3d(4%,-3%,0) scale(1.06);opacity:.35}}
#alt3d-hero.a3d-paused .a3d-scene *,#alt3d-hero.a3d-paused .a3d-seasonal * {animation-play-state:paused!important}
@media(max-width:921px){
 #alt3d-hero[data-a3d-theme="october"] .a3d-scene {height:370px}
 #alt3d-hero[data-a3d-theme="october"] .a3d-showcase {width:260px;top:45px}
 #alt3d-hero .a3d-flight-one {left:5%;top:-2%;width:115px}
 #alt3d-hero .a3d-flight-two {left:auto;right:6%;width:90px}
 #alt3d-hero .a3d-lantern-left {left:0}
 #alt3d-hero .a3d-lantern-right {right:0}
}
@media(max-width:544px){
 #alt3d-hero .a3d-birthday {font-size:10px;letter-spacing:.09em;margin-bottom:12px;max-width:95%}
 #alt3d-hero[data-a3d-theme="october"] .a3d-scene {height:360px;margin-bottom:20px}
 #alt3d-hero[data-a3d-theme="october"] .a3d-showcase {width:210px;top:68px}
 #alt3d-hero .a3d-flight-one {left:-2%;top:-4%;width:86px}
 #alt3d-hero .a3d-flight-two {right:-1%;top:0;width:70px}
 #alt3d-hero .a3d-lantern-left {left:-4%;width:135px}
 #alt3d-hero .a3d-lantern-right {right:-4%;width:118px}
 #alt3d-hero .a3d-scene-mist {inset:55% -15% -8%;opacity:.24}
 @keyframes a3d-drift-one {0%,100%{transform:translate3d(0,8px,0) rotate(-3deg)}50%{transform:translate3d(10px,-10px,0) rotate(3deg)}}
 @keyframes a3d-drift-two {0%,100%{transform:translate3d(0,-4px,0) rotate(3deg)}50%{transform:translate3d(-10px,12px,0) rotate(-3deg)}}
}
#alt3d-hero .a3d-scene-ground {position:absolute;inset:auto -5% -4%;height:32%;pointer-events:none;z-index:0;background:url('floor.webp') center bottom / auto 100% repeat-x;opacity:.27;mask-image:radial-gradient(ellipse at 50% 50%,#000 25%,transparent 72%)}
#alt3d-hero:not(.a3d-enhanced) .a3d-scene * {animation-play-state:paused!important}

/* Christmas: snowy forest framing with a depth-changing Santa flight. */
#alt3d-hero[data-a3d-theme="christmas"] .a3d-environment {background:radial-gradient(ellipse at 50% 27%,#382468aa,transparent 49%),linear-gradient(#060814,#0c0d23 65%,#080611)}
#alt3d-hero[data-a3d-theme="christmas"] .a3d-aura {background:radial-gradient(ellipse at 50% 25%,#863eed44,transparent 46%),radial-gradient(ellipse at 10% 49%,#557d8e55,transparent 47%),radial-gradient(ellipse at 90% 49%,#718f9655,transparent 47%)}
#alt3d-hero[data-a3d-theme="christmas"] .a3d-smoke {opacity:.5;filter:hue-rotate(25deg) saturate(.7)}
#alt3d-hero[data-a3d-theme="christmas"] .a3d-scene {height:clamp(400px,35vw,480px);margin:0 auto 28px}
#alt3d-hero[data-a3d-theme="christmas"] .a3d-showcase {position:relative;top:65px;z-index:2;margin:0 auto;width:clamp(240px,27vw,335px)}
#alt3d-hero .a3d-christmas-back {z-index:1;transform:translate3d(calc(var(--a3d-scene-x,0px) * -.6),calc(var(--a3d-scene-y,0px) * -.6),0)}
#alt3d-hero .a3d-christmas-front {z-index:3}
#alt3d-hero .a3d-evergreen {width:clamp(175px,22vw,300px);bottom:0}
#alt3d-hero .a3d-evergreen-left {left:3%}
#alt3d-hero .a3d-evergreen-right {right:3%;width:clamp(155px,19vw,260px);transform:scaleX(-1)}
#alt3d-hero .a3d-evergreen img {filter:drop-shadow(0 0 14px #ffd79222);animation:a3d-tree-glow 5s ease-in-out infinite alternate}
#alt3d-hero .a3d-evergreen-right img {animation-delay:-2.3s}
#alt3d-hero .a3d-gifts {width:clamp(125px,18vw,230px);bottom:-1%;filter:drop-shadow(0 0 12px #f4d29911)}
#alt3d-hero .a3d-gifts-left {left:17%}
#alt3d-hero .a3d-gifts-right {right:15%;width:clamp(110px,15vw,205px);transform:scaleX(-1)}
#alt3d-hero .a3d-sleigh-flight {position:absolute;left:0;top:0;width:clamp(130px,25vw,340px);z-index:4;transform:translate3d(20%,20%,0);filter:drop-shadow(0 0 8px #ffd28c22);will-change:transform}
#alt3d-hero .a3d-snow-near {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}
#alt3d-hero .a3d-winter-ground {position:absolute;inset:auto -4% -3%;height:26%;pointer-events:none;z-index:0;border-radius:50%;background:radial-gradient(ellipse at 20% 58%,#d3d5e64a,transparent 38%),radial-gradient(ellipse at 80% 58%,#d3d5e64a,transparent 38%),radial-gradient(ellipse at 50% 50%,#b698d333,transparent 65%);filter:blur(10px)}
#alt3d-hero .a3d-winter-mist {position:absolute;inset:58% -7% -6%;z-index:3;pointer-events:none;background:url('smoke-left.webp') left bottom / 65% 100% no-repeat,url('smoke-right.webp') right bottom / 65% 100% no-repeat;mix-blend-mode:screen;filter:hue-rotate(30deg) saturate(.6);opacity:.17;mask-image:linear-gradient(transparent,#000 45%,transparent);animation:a3d-winter-fog 22s ease-in-out infinite alternate}
@keyframes a3d-tree-glow {to{filter:brightness(1.06) drop-shadow(0 0 20px #ffe1a533)}}
@keyframes a3d-winter-fog {to{transform:translate3d(3%,-4%,0) scale(1.05);opacity:.25}}
@media(max-width:921px){
 #alt3d-hero[data-a3d-theme="christmas"] .a3d-scene {height:420px}
 #alt3d-hero[data-a3d-theme="christmas"] .a3d-showcase {width:255px;top:86px}
 #alt3d-hero .a3d-evergreen-left {left:0;width:200px}
 #alt3d-hero .a3d-evergreen-right {right:0;width:170px}
 #alt3d-hero .a3d-gifts-left {left:9%;width:145px}
 #alt3d-hero .a3d-gifts-right {right:7%;width:130px}
}
@media(max-width:544px){
 #alt3d-hero[data-a3d-theme="christmas"] .a3d-scene {height:390px;margin-bottom:22px}
 #alt3d-hero[data-a3d-theme="christmas"] .a3d-showcase {width:210px;top:92px}
 #alt3d-hero .a3d-evergreen-left {left:-9%;width:142px}
 #alt3d-hero .a3d-evergreen-right {right:-8%;width:120px}
 #alt3d-hero .a3d-gifts-left {left:-2%;width:113px}
 #alt3d-hero .a3d-gifts-right {right:-1%;width:95px}
 #alt3d-hero .a3d-sleigh-flight {width:138px}
}
@media(prefers-reduced-motion:reduce){#alt3d-hero .a3d-scene * {animation:none!important}}