/* Two living worlds, one continuous, freely positioned divider. */
.worlds {
  --split: 50%; --intro-orange: var(--coral, #ff5b39); --pointer-x: 0px; --pointer-y: 0px;
  position: relative; isolation: isolate; height: 100svh; min-height: 700px;
  overflow: hidden; background: #0d1729; contain: layout paint;
}
.worlds-masthead { position:absolute; inset:30px 38px auto; z-index:5; display:flex; justify-content:space-between; align-items:center; pointer-events:none; }
.worlds-logo { pointer-events:auto; color:#fff9ed; font:800 30px/1 var(--font-display); letter-spacing:-1.5px; display:flex; align-items:center; gap:5px; }
.worlds-caption { font-size:12px; color:#36513e; letter-spacing:.04em; }
.world { position:absolute; inset:0; width:100%; height:100%; overflow:hidden; }
.world-space { color:#f2f6fc; background:#0d1729; font-family:"Montserrat",sans-serif; clip-path:inset(0 calc(100% - var(--split)) 0 0); }
.world-garden { color:#2e4a32; background:#deebdf; font-family:"Manrope",sans-serif; clip-path:inset(0 0 0 var(--split)); }
.world-scene { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.space-scene { background:radial-gradient(140% 60% at 50% -10%,#1c3158 0%,#14243f 40%,#0d1729 100%); }
.space-nebula { position:absolute; inset:0; background:none; transform:translate3d(var(--pointer-x),var(--pointer-y),0); }
.space-stars { position:absolute; inset:-20px; transform:translate3d(var(--pointer-x),var(--pointer-y),0); }
.space-star { position:absolute; width:var(--size); height:var(--size); left:var(--x); top:var(--y); border-radius:50%; background:#fff; opacity:var(--alpha); box-shadow:0 0 7px #9ecbe8e6; }
.space-star:nth-child(5n) { animation:intro-twinkle 5s ease-in-out infinite alternate; animation-delay:var(--delay); }
/* The original homepage hero uses two edge planets, without orbit rings.
   Anchor its right edge at the fixed 85% reveal limit, independently of dragging. */
.space-hero-planets { position:absolute; inset:0 15% 0 0; pointer-events:none; }
.hero-planet-blue { position:absolute; right:-90px; top:90px; width:280px; height:280px; object-fit:contain; opacity:.6; animation:intro-hero-planet-blue 11s ease-in-out infinite; }
.hero-planet-gold { position:absolute; left:3%; bottom:70px; width:96px; height:96px; object-fit:contain; animation:intro-hero-planet-gold 9s ease-in-out infinite; }
@keyframes intro-hero-planet-blue { 0%,100% { transform:translate3d(var(--pointer-x),var(--pointer-y),0) rotate(0deg); } 50% { transform:translate3d(var(--pointer-x),calc(var(--pointer-y) - 34px),0) rotate(8deg); } }
@keyframes intro-hero-planet-gold { 0%,100% { transform:translate3d(var(--pointer-x),var(--pointer-y),0) rotate(0deg); } 50% { transform:translate3d(var(--pointer-x),calc(var(--pointer-y) + 28px),0) rotate(-6deg); } }
.mascot-wrap { position:absolute; top:23%; left:25%; width:clamp(180px,19vw,300px); transform:translate3d(calc(-50% + var(--pointer-x)),var(--pointer-y),0); }
.world-mascot { width:100%; height:auto; object-fit:contain; }
.lio-mascot { max-height:37svh; animation:intro-lio 7s ease-in-out infinite; filter:drop-shadow(0 20px 30px #0005); }
.mascot-halo { position:absolute; inset:10% -25% -5%; border-radius:50%; background:none; }
.world-copy { position:absolute; z-index:2; left:25%; top:63%; width:calc(50% - 80px); max-width:580px; text-align:center; transform:translateX(-50%); transition:opacity .25s,filter .25s; }
.world-eyebrow { color:inherit; opacity:.65; font-size:10px; line-height:1.5; letter-spacing:.14em; text-transform:uppercase; margin-bottom:11px; }
.world-space h1 { font-family:"Orbitron",sans-serif; font-weight:800; font-size:clamp(28px,3.3vw,56px); line-height:1; letter-spacing:-.045em; white-space:nowrap; text-transform:uppercase; }
.world-space h1 span { color:#f4bf4f; }
.world-title-link { display:inline-block; color:inherit; text-decoration:none; cursor:inherit; transition:transform .25s ease,text-shadow .25s ease; }
.world-title-link:focus-visible { transform:translateY(-3px); }
@media (hover:hover) {
  .world-title-link:hover { transform:translateY(-3px) scale(1.025); }
  .world-space .world-title-link:hover { text-shadow:0 0 22px #f4bf4f66; }
  .world-garden .world-title-link:hover { text-shadow:0 4px 18px #34543d33; }
}
.world-tagline { margin-top:15px; font-size:clamp(14px,1.2vw,18px); line-height:1.5; color:inherit; }
.world-details { position:absolute; z-index:2; top:79%; left:25%; width:calc(50% - 80px); max-width:440px; text-align:center; display:grid; justify-items:center; gap:19px; margin-top:18px; opacity:0; visibility:hidden; transform:translate3d(-50%,18px,0); transition:opacity .45s,transform .55s cubic-bezier(.22,1,.36,1),visibility .45s; }
.world-details > p { color:inherit; opacity:.8; font-size:14px; line-height:1.7; max-width:380px; }
.world.is-expanded .world-details { opacity:1; visibility:visible; transform:translate3d(-50%,0,0); }
.world-cta { display:inline-flex; align-items:center; justify-content:center; gap:22px; padding:14px 23px; min-height:48px; border-radius:100px; color:#172237; background:#f5c65d; font-size:13px; font-weight:700; transition:transform .2s,box-shadow .2s; }
.world-cta:hover { transform:translateY(-3px); box-shadow:0 8px 25px #0002; }
.world-cta > span:last-child { font-size:20px; line-height:1; }
.world-garden .world-cta { background:#34543d; color:#fffdf3; }
.world.is-collapsed .world-copy { opacity:0; pointer-events:none; filter:blur(5px); }
.garden-scene { background:radial-gradient(ellipse at 48% 32%,#fff8d4a6,transparent 58%),linear-gradient(#cfe3de,#edf3df 60%); }
.garden-sun { position:absolute; width:110px; height:110px; top:15%; left:79%; border-radius:50%; background:#fff7d6; box-shadow:0 0 80px 35px #fff7d66b; }
.garden-landscape { position:absolute; inset:0; width:100%; height:100%; }
.garden-cloud { position:absolute; width:110px; height:23px; background:#fffff080; border-radius:50%; filter:blur(3px); }
.garden-cloud:before { content:''; position:absolute; width:55px; height:35px; left:30px; bottom:2px; border-radius:50%; background:inherit; }
.cloud-one { top:21%; left:56%; animation:intro-cloud 24s ease-in-out infinite alternate; }.cloud-two { top:31%; right:4.5%; width:85px; opacity:.6; animation:intro-cloud 32s ease-in-out infinite alternate-reverse; }
.garden-tree { position:absolute; height:auto; transform-origin:50% 100%; }
.tree-front { width:clamp(230px,29vw,450px); right:-8.5%; top:15%; transform:rotate(-5deg); }
.tree-back { width:clamp(130px,14vw,200px); left:45.5%; top:33%; opacity:.58; }
.garden-bench { position:absolute; width:clamp(80px,10vw,145px); height:auto; right:4.5%; top:54%; }
.pina-wrap { left:75%; top:28%; width:clamp(180px,21vw,315px); }
.pina-mascot { max-height:32svh; animation:intro-pina 8s ease-in-out infinite; filter:drop-shadow(0 15px 15px #56744217); }
.pina-shadow { position:absolute; width:65%; height:16%; border-radius:50%; bottom:-1%; left:18%; background:#4b714824; filter:blur(9px); }
.world-garden h2 { font-family:"Manrope",sans-serif; font-size:clamp(28px,3.2vw,52px); line-height:.96; letter-spacing:-.055em; text-transform:none; font-weight:800; }
.garden-title-dot { color:#b18a42; }
.world-garden .world-copy { left:75%; top:62%; }
.world-garden .world-details { left:75%; top:83%; }
.garden-flower { position:absolute; left:var(--x); bottom:var(--y); width:var(--size); height:auto; transform:rotate(var(--tilt)); transform-origin:50% 100%; }
.garden-flower:nth-child(3n) { animation:intro-flower 7s ease-in-out infinite alternate; animation-delay:var(--delay); }
.garden-rabbit { position:absolute; width:50px; height:auto; bottom:15%; right:6%; }
.garden-grass { position:absolute; width:30%; height:auto; bottom:-3%; opacity:.65; }
.grass-one { left:44%; }.grass-two { right:-7%; transform:scaleX(-1); }
.garden-mote { position:absolute; width:5px; height:5px; border-radius:50%; background:#fff4bb; box-shadow:0 0 12px #fff5b4; animation:intro-mote 10s ease-in-out infinite; }
.mote-one { top:48%; left:20%; }.mote-two { top:55%; right:23%; animation-delay:-5s; }.mote-three { top:35%; left:65%; animation-delay:-3s; }
.worlds-divider { position:absolute; inset:0 auto 0 var(--split); width:0; z-index:6; }
.worlds-divider[hidden] { display:none; }
.divider-line { position:absolute; inset:0 auto 0 -2px; width:4px; background:var(--intro-orange); box-shadow:0 0 25px #ff5b391a; }
.divider-control { position:absolute; top:50%; left:0; width:70px; height:70px; border-radius:50%; display:grid; place-items:center; transform:translate(-50%,-50%); background:var(--intro-orange); color:#fff9ed; border:1px solid #fff3; box-shadow:0 5px 30px #0002; cursor:ew-resize; touch-action:none; user-select:none; transition:box-shadow .2s; }
.divider-control:before { content:''; position:absolute; inset:-14px; border-radius:50%; }
.divider-control:hover,.worlds.is-dragging .divider-control { box-shadow:0 0 0 9px #ff5b3926,0 5px 30px #0002; }
.divider-arrows { display:block; width:40px; height:24px; }
.divider-hint { position:absolute; top:calc(50% + 52px); left:0; transform:translateX(-50%); font-size:10px; letter-spacing:.015em; padding:7px 12px; white-space:nowrap; color:#fff9ed; background:#172237ba; border-radius:20px; pointer-events:none; transition:opacity .3s; }
.worlds.has-interacted .divider-hint { opacity:0; }
.worlds-more { position:absolute; z-index:7; bottom:26px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:20px; padding:15px 22px; border:1px solid #fff6; border-radius:100px; color:#222c2a; background:#fff9edf5; box-shadow:0 4px 24px #14252a12; font-size:12px; font-weight:600; white-space:nowrap; transition:background .2s,box-shadow .2s; }
.worlds-more:hover { background:#fffdf5; box-shadow:0 6px 28px #14252a30; }
.worlds-more > span:last-child { font-size:19px; }
.worlds a:focus-visible,.divider-control:focus-visible { outline:3px solid var(--intro-orange); outline-offset:6px; }
.divider-control:focus-visible { outline-color:#fff9ed; }
.worlds.is-dragging { cursor:ew-resize; user-select:none; }
.worlds.is-paused *, .worlds.is-paused *:before { animation-play-state:paused !important; }
/* No JS: both links remain accessible, with no nonfunctional drag affordance. */
.worlds:not(.is-ready) .world-details { opacity:1; visibility:visible; transform:translateX(-50%); }
@keyframes intro-lio { 0%,100% { transform:translateY(0) rotate(-4deg); } 50% { transform:translateY(-15px) rotate(3deg); } }
@keyframes intro-pina { 0%,100% { transform:translateY(0) rotate(-2deg); } 50% { transform:translateY(-8px) rotate(2deg); } }
@keyframes intro-planet { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-12px); } }
@keyframes intro-twinkle { to { opacity:.2; } }
@keyframes intro-cloud { to { translate:28px 0; } }
@keyframes intro-flower { to { transform:rotate(calc(var(--tilt) + 6deg)); } }
@keyframes intro-mote { 50% { transform:translate(14px,-24px); opacity:.3; } }
/* Each world always covers the intro. Only its clipping edge follows --split. */
@media (min-width:761px) and (max-height:820px) {
  .worlds { min-height:640px; }
  .mascot-wrap { top:19%; width:clamp(160px,17vw,245px); }
  .pina-wrap { top:24%; }
  .world-copy,.world-garden .world-copy { top:58%; }
  .world-eyebrow { margin-bottom:8px; }
  .world-details { top:75%; gap:12px; margin-top:12px; }
  .world-garden .world-details { top:80%; }
  .world-details > p { font-size:12px; }
  .world-space h1 { font-size:clamp(24px,3.1vw,48px); }
  .world-garden h2 { font-size:clamp(26px,3vw,44px); }
  .world-tagline { margin-top:11px; }
}
@media (max-width:760px) {
  .worlds { height:100svh; min-height:660px; }
  .worlds-masthead { inset:20px 22px auto; }
  .worlds-logo { font-size:25px; }
  .worlds-caption { color:#c8d6e4; font-size:9px; }
  .world-space { clip-path:inset(0 0 calc(100% - var(--split)) 0); }
  .world-garden { clip-path:inset(var(--split) 0 0 0); }
  .mascot-wrap { left:50%; top:9.5%; width:auto; height:19%; max-height:185px; aspect-ratio:1; }
  .world-mascot { width:100%; height:100%; max-height:none; }
  .pina-wrap { left:50%; top:62%; height:15%; }
  .world-copy,.world-garden .world-copy { left:50%; top:31%; width:calc(100% - 48px); }
  .world-garden .world-copy { top:80%; }
  .world-eyebrow { display:none; }
  .world-space h1 { font-size:clamp(22px,6.2vw,34px); }
  .world-garden h2 { font-size:clamp(20px,5.5vw,30px); }
  .world-garden h2 br { display:none; }
  .world-tagline { margin-top:8px; font-size:11px; }
  .world-details,.world-garden .world-details { left:50%; top:39%; width:calc(100% - 48px); margin-top:0; gap:12px; }
  .world-garden .world-details { top:44%; }
  .world-details > p { font-size:12px; line-height:1.6; max-width:320px; }
  .world-cta { font-size:11px; padding:11px 18px; }
  .worlds-divider { inset:var(--split) 0 auto; width:100%; height:0; }
  .divider-line { inset:-2px 0 auto; height:4px; width:100%; }
  .divider-control { top:0; left:50%; width:58px; height:58px; cursor:ns-resize; }
  .divider-arrows { transform:rotate(90deg); width:34px; height:22px; }
  .divider-hint { top:0; left:calc(50% + 43px); transform:translateY(-50%); padding:6px 8px; font-size:8px; }
  .worlds-more { bottom:max(16px, env(safe-area-inset-bottom)); padding:12px 18px; font-size:11px; }
  .worlds.is-dragging { cursor:ns-resize; }
  .garden-sun { width:60px; height:60px; top:54.5%; left:65%; }
  .garden-cloud { top:59%; width:70px; height:17px; left:12%; }.cloud-two { top:62%; left:auto; right:9%; }
  .garden-landscape { top:50%; height:50%; }
  .tree-front { width:205px; right:-17%; top:53.5%; }.tree-back { width:110px; left:-8%; top:65%; }
  .garden-bench { width:75px; right:9%; top:72.5%; }
  .garden-rabbit { width:30px; bottom:9.5%; right:10%; }
  .garden-grass { width:55%; bottom:-1%; }.grass-one { left:-12%; }.grass-two { right:-14%; }
  .worlds:not(.is-ready) { height:auto; }
  .worlds:not(.is-ready) .world { position:relative; height:100svh; min-height:660px; clip-path:none; }
}
@media (prefers-reduced-motion:reduce) {
  .worlds *, .worlds *:before { animation:none !important; transition:none !important; }
  .space-stars,.space-nebula { transform:none; }
}
/* Original product hero treatments, on the same stationary reveal layers. */
.world-space .world-copy { top:70%; }
.world-space .lio-wrap { width:clamp(210px,23vw,350px); }
.world-space .lio-mascot { max-height:43svh; }
.product-hero-copy { display:block; justify-items:initial; text-align:left; max-width:none; margin:0; transform:translate3d(0,18px,0); }
.world-space .product-hero-copy { left:51%; top:23%; width:32%; }
.world-garden .product-hero-copy { left:17%; top:23%; width:31%; }
.world.is-expanded .product-hero-copy { transform:translate3d(0,0,0); }
.product-headline { margin:0 0 24px; text-transform:none; }
.world-space .product-headline { font-family:Montserrat,sans-serif; font-weight:800; font-size:clamp(40px,5.4vw,78px); line-height:1.01; letter-spacing:-.5px; }
.world-space .product-headline span { background:linear-gradient(100deg,#f4b400,#ffd45e); background-clip:text; -webkit-background-clip:text; color:transparent; }
.product-hero-copy > .product-intro { font-size:19px; line-height:1.6; color:#eaf1fbcc; opacity:1; max-width:520px; margin:0 0 32px; }
.product-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.world-space .world-cta { background:#f4b400; color:#23395b; padding:16px 24px; font-size:14px; box-shadow:0 0 30px #f4b40035; }
.product-secondary { display:inline-flex; align-items:center; min-height:50px; padding:14px 22px; border:1.5px solid #4f98ca8c; border-radius:100px; color:white; font-size:13px; font-weight:700; background:#ffffff0a; transition:border-color .2s,background .2s; }
.product-secondary:hover { border-color:#f4b400; background:#f4b40020; }
.product-stats { display:flex; gap:clamp(18px,2.6vw,40px); margin:42px 0 0; }
.product-stats dt { font-family:Orbitron,sans-serif; font-size:clamp(20px,2.2vw,32px); font-weight:700; color:#f4b400; text-shadow:0 0 24px #f4b40066; }
.product-stats dd { margin:5px 0 0; font-size:11px; color:#eaf1fb99; }
.garden-scene { background:linear-gradient(#dce5dd,#f6edcf 53%,#e5d7a9); }
.autumn-landscape { position:absolute; inset:0; width:100%; height:100%; object-fit:fill; }
.autumn-tree { position:absolute; height:auto; transform-origin:50% 90%; animation:intro-autumn-sway 14s ease-in-out infinite alternate; }
.autumn-tree-front { width:clamp(320px,35vw,560px); right:-8%; bottom:27%; }
.autumn-house { position:absolute; right:-3%; bottom:24%; width:clamp(220px,27vw,400px); height:auto; }
.autumn-leaf-pile { position:absolute; left:60%; bottom:10%; width:135px; height:auto; }
.autumn-pumpkin { position:absolute; height:auto; bottom:10%; width:100px; }
.pumpkin-one { right:4%; }.pumpkin-two { right:9%; bottom:9%; width:70px; }
.world-garden .garden-bench { left:46%; right:auto; top:auto; bottom:23%; width:15%; filter:sepia(.15); }
.world-garden .pina-wrap { top:29%; width:clamp(210px,24vw,370px); }
.world-garden .pina-mascot { max-height:36svh; }
.world-garden .world-copy { top:73%; }
.world-garden .garden-flower { filter:sepia(.3) saturate(.8); }
.world-garden .product-hero-copy:before { content:''; position:absolute; inset:-65px -65px -60px; z-index:-1; pointer-events:none; background:radial-gradient(ellipse,#f7eeded9 15%,#f7eede80 55%,transparent 74%); filter:blur(18px); }
.world-garden .product-headline { font-family:Newsreader,Georgia,serif; font-style:normal; font-weight:500; font-size:clamp(44px,4.5vw,68px); line-height:1.07; letter-spacing:-1.4px; text-wrap:balance; }
.world-garden .product-headline span { color:#9a603b; }
.world-garden .product-intro { font-family:Manrope,sans-serif; font-size:13px; font-weight:500; color:#52614e; margin-bottom:15px; }
.product-store { display:flex; flex-direction:column; justify-content:center; background:#344539; color:#fff; border:1px solid #344539; border-radius:12px; padding:10px 16px; min-width:130px; min-height:61px; line-height:1.25; transition:background .2s,transform .2s; }
.product-store:hover { background:#4d6351; transform:translateY(-2px); }
.product-store small { font-size:10px; }.product-store strong { font-size:20px; font-weight:600; letter-spacing:-.4px; }
.product-qr { width:72px; height:72px; padding:5px; background:#fffdf4; border:1px solid #d8d2b6; border-radius:12px; }
.garden-learn-more { display:inline-flex; gap:16px; margin-top:25px; font-size:12px; border-bottom:1px solid #8a9376; padding-bottom:5px; }
.autumn-leaf { position:absolute; top:var(--y); left:var(--x); width:13px; height:23px; border-radius:2px 90% 2px 90%; background:var(--leaf); opacity:.7; animation:intro-leaf-drift var(--duration) ease-in-out var(--delay) infinite; }
@keyframes intro-autumn-sway { from { transform:rotate(-.65deg); } to { transform:rotate(.65deg); } }
@keyframes intro-leaf-drift { 0% { transform:translate(30px,-60px) rotate(0); opacity:0; } 15%,75% { opacity:.7; } 100% { transform:translate(-100px,260px) rotate(280deg); opacity:0; } }
.space-cursor-dust { position:absolute; inset:0; width:100%; height:100%; z-index:8; pointer-events:none; }
.space-rocket-cursor { position:absolute; left:0; top:0; width:32px; height:84px; z-index:9; pointer-events:none; opacity:0; background:url('../assets/intro/rocket.png') center/contain no-repeat; filter:drop-shadow(0 0 8px #9ecbe8b3) drop-shadow(0 3px 7px #0006); transition:opacity .18s,width .22s,height .22s,filter .22s; }
.space-rocket-cursor.is-visible { opacity:.96; }
.space-rocket-cursor.is-interactive { width:38px; height:100px; filter:drop-shadow(0 0 12px #f4b400d9) drop-shadow(0 4px 9px #0006); }
@media (hover:hover) and (pointer:fine) {
  .world-space.has-cursor,.world-space.has-cursor a { cursor:none; }
}
.worlds:not(.is-ready) .product-hero-copy { transform:none; }
@media (min-width:761px) and (max-height:820px) {
  .world-space .product-hero-copy,.world-garden .product-hero-copy { top:22%; }
  .world-space .product-headline { font-size:clamp(36px,4.6vw,66px); }
  .world-garden .product-headline { font-size:clamp(38px,4.1vw,58px); }
  .product-hero-copy > .product-intro { font-size:15px; margin-bottom:24px; }
  .product-stats { margin-top:30px; }
}
@media (min-width:761px) and (max-width:1050px) {
  .world-space .product-headline { font-size:clamp(32px,4.3vw,45px); }
  .world-garden .product-headline { font-size:clamp(36px,4.8vw,50px); }
  .product-hero-copy > .product-intro { font-size:14px; }
  .product-actions { gap:9px; }
  .world-space .world-cta,.product-secondary { font-size:11px; padding:12px 15px; }
  .product-stats { flex-wrap:wrap; gap:15px; }
  .product-stats dt { font-size:20px; }.product-stats dd { font-size:9px; }
  .product-qr { display:none; }
}
@media (max-width:760px) {
  .world-space .lio-wrap { top:9.5%; width:auto; height:19%; }
  .world-space .lio-mascot { max-height:none; }
  .world-space .world-copy { top:31%; }
  .world-garden .world-copy { top:80%; }
  .world-space .product-hero-copy,.world-garden .product-hero-copy { left:6%; width:88%; top:40%; text-align:center; }
  .world-garden .product-hero-copy { top:20%; }
  .world-space .product-headline { font-size:30px; line-height:1.03; margin-bottom:12px; }
  .world-garden .product-headline { font-size:clamp(30px,8vw,39px); line-height:1.08; letter-spacing:-.5px; margin-bottom:14px; }
  .product-hero-copy > .product-intro { font-size:12px; line-height:1.6; margin:0 auto 16px; max-width:340px; }
  .product-actions { justify-content:center; gap:8px; }
  .world-space .world-cta,.product-secondary { min-height:43px; padding:11px 14px; font-size:11px; }
  .product-stats { justify-content:center; gap:25px; margin-top:22px; }
  .product-stats dt { font-size:19px; }.product-stats dd { font-size:9px; }
  .world-garden .product-intro { font-size:11px; margin-bottom:12px; }
  .product-store { min-width:120px; min-height:53px; padding:9px 14px; }.product-store strong { font-size:17px; }
  .product-qr { display:none; }.garden-learn-more { margin-top:15px; font-size:11px; }
  .world-garden .pina-wrap { top:62%; width:auto; height:15%; }
  .world-garden .pina-mascot { max-height:none; }
  .autumn-landscape { top:0; height:100%; }
  .autumn-tree-front { width:220px; bottom:21%; right:-20%; }
  .autumn-house { width:160px; right:-12%; bottom:21%; }
  .world-garden .garden-bench { width:90px; left:-3%; bottom:19%; }
  .autumn-leaf-pile { width:75px; left:15%; bottom:8%; }
  .autumn-pumpkin { width:65px; bottom:8%; }.pumpkin-two { width:42px; right:15%; bottom:8%; }
  .space-cursor-dust,.space-rocket-cursor { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .autumn-tree,.autumn-leaf { animation:none; }
  .space-cursor-dust,.space-rocket-cursor { display:none; }
}

@media (max-width:760px) {
  .space-hero-planets { inset:0 0 50%; }
  .hero-planet-blue { right:-60px; top:60px; width:180px; height:180px; }
  .hero-planet-gold { left:3%; bottom:22px; width:62px; height:62px; }
  .space-scene { background-size:100% 50%; background-repeat:no-repeat; background-color:#0d1729; }
}

/* Native image cursor follows the pointer precisely and needs no animation loop. */
@media (hover:hover) and (pointer:fine) {
  .world-garden,
  .world-garden :where(a,button,[role="button"]) {
    cursor:url('../assets/intro/daisy-cursor.png') 20 20,auto;
  }
}