body.world-open{overflow:hidden}
.world-overlay{--scene-bg:#f8df69;--scene-accent:#e51683;--reveal-x:50vw;--reveal-y:50vh;position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;overflow:auto;background:#fff;color:#171717;clip-path:circle(0 at var(--reveal-x) var(--reveal-y));transition:clip-path 760ms cubic-bezier(.16,1,.3,1)}
.world-overlay.is-open{clip-path:circle(150vmax at var(--reveal-x) var(--reveal-y))}
.world-overlay[data-scene="events"]{--scene-bg:#aee8ed;--scene-accent:#e51683}
.world-overlay[data-scene="youth"]{--scene-bg:#f8d4e4;--scene-accent:#008bbf}
.world-overlay[data-scene="halloween"]{--scene-bg:#f6dd98;--scene-accent:#e51683}
.world-topbar{position:relative;z-index:5;flex:none;min-height:76px;padding:12px clamp(22px,4vw,65px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;border-bottom:1px solid #e7e4dc;background:#fff}
.world-topbar img{width:185px;height:auto}
.world-topline{font-size:10px;font-weight:900;letter-spacing:.2em;white-space:nowrap}
.world-topline b{color:var(--scene-accent);font-size:16px;padding:0 8px}
.world-close{justify-self:end;min-height:42px;border:1px solid #181818;background:#fff;padding:0 13px 0 17px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;transition:background .2s,color .2s}
.world-close span{font-size:23px;font-weight:400;vertical-align:-2px;margin-left:20px;line-height:0}
.world-close:hover{background:#181818;color:#fff}
.world-body{position:relative;flex:1;min-height:490px;display:grid;grid-template-columns:minmax(390px,44%) minmax(0,56%)}
.world-story{position:relative;z-index:2;min-width:0;padding:clamp(32px,5vh,64px) clamp(28px,5vw,82px) 31px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(122deg,#fff 0%,#fff 72%,#f9f7f1 100%)}
.world-story:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(180deg,var(--cyan) 0 34%,var(--magenta) 34% 67%,var(--yellow) 67%)}
.world-eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--scene-accent);margin:0 0 22px;text-transform:uppercase}
.world-story h2{font-size:clamp(44px,5.25vw,91px);font-weight:900;letter-spacing:-.05em;word-spacing:.06em;line-height:.98;margin:0 0 22px;max-width:710px;text-wrap:balance}
.world-description{font-size:clamp(13px,1.1vw,16px);line-height:1.6;max-width:560px;color:#4b4b4b;margin:0 0 26px}
.world-switcher{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:24px}
.world-product-choice{min-height:43px;padding:8px 13px;display:flex;align-items:center;gap:8px;border:1px solid #bfc0bb;background:#fff;font-size:11px;font-weight:800;text-align:left;transition:background .2s,box-shadow .2s,transform .2s}
.world-product-choice span{font-size:9px;color:var(--scene-accent)}
.world-product-choice:hover{transform:translateY(-2px);box-shadow:3px 3px 0 #181818}
.world-product-choice.is-active{background:#181818;border-color:#181818;color:#fff;box-shadow:4px 4px 0 var(--scene-accent)}
.world-product-choice.is-active span{color:var(--yellow)}
.world-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.world-spec-link,.world-next{min-height:48px;border:0;padding:0 17px;font-size:11px;font-weight:900;letter-spacing:.02em}
.world-spec-link{background:#181818;color:#fff;box-shadow:5px 5px 0 var(--scene-accent)}
.world-spec-link:hover{background:#313131}
.world-spec-link span{color:var(--yellow);font-size:16px;margin-left:12px}
.world-next{background:transparent;text-decoration:underline;text-underline-offset:5px}
.world-next span{font-size:19px;color:var(--scene-accent);margin-left:8px;vertical-align:-2px}
.world-visual{--move-x:0px;--move-y:0px;position:relative;isolation:isolate;min-width:0;min-height:0;overflow:hidden;background:var(--scene-bg);perspective:1300px;transition:background .4s ease}
.world-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#16161625 1px,transparent 1px);background-size:22px 22px;opacity:.75}
.world-visual:after{content:"";position:absolute;width:75%;aspect-ratio:1;left:17%;top:4%;background:#fff9;border-radius:50%;filter:blur(5px);mix-blend-mode:soft-light}
.world-orbit{position:absolute;z-index:1;border:2px solid #ffffffa6;border-radius:50%;pointer-events:none}
.world-orbit-one{width:90%;aspect-ratio:1;top:-35%;left:8%;transform:rotate(-19deg) scaleX(.8)}
.world-orbit-two{width:75%;aspect-ratio:1;top:19%;left:-24%;transform:rotate(22deg) scaleY(.72)}
.world-image{position:absolute;z-index:2;background:#fff;box-shadow:0 26px 55px #1116,0 0 0 1px #17171722;overflow:hidden;will-change:transform;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.world-image img{width:100%;height:100%;object-fit:contain;background:#f7f6f2}
.world-image-back{width:46%;height:61%;right:7%;top:13%;padding:9px;transform:translate3d(var(--move-back-x,0px),var(--move-back-y,0px),-65px) rotate(11deg)}
.world-image-front{width:55%;height:76%;left:11%;top:11%;padding:11px;z-index:3;transform:translate3d(var(--move-x),var(--move-y),55px) rotate(-8deg)}
.world-overlay[data-scene="parks"] .world-image-front img,.world-overlay[data-scene="youth"] .world-image-front img{object-fit:cover}
.world-overlay[data-scene="events"] .world-image-front{width:69%;height:61%;left:3%;top:15%;transform:translate3d(var(--move-x),var(--move-y),55px) rotate(-6deg)}
.world-overlay[data-scene="events"] .world-image-front img{object-fit:cover}
.world-overlay[data-scene="youth"] .world-image-front,.world-overlay[data-scene="halloween"] .world-image-front{width:48%;left:17%;object-fit:contain}
.world-overlay[data-scene="halloween"] .world-image-front img{object-fit:contain}
.world-visual.is-flipping .world-image-front{animation:worldProductFlip .65s cubic-bezier(.2,.8,.2,1) both}
@keyframes worldProductFlip{0%{opacity:.25;transform:translate3d(calc(var(--move-x) + 90px),var(--move-y),50px) rotate(10deg) rotateY(55deg)}100%{opacity:1;transform:translate3d(var(--move-x),var(--move-y),55px) rotate(-8deg) rotateY(0)}}
.world-product-label{position:absolute;z-index:4;right:5%;bottom:7%;display:flex;flex-direction:column;gap:5px;width:min(330px,51%);padding:16px 19px 17px;background:#181818;color:#fff;box-shadow:7px 7px 0 var(--scene-accent),0 15px 30px #0004}
.world-product-label span{font-size:9px;font-weight:900;letter-spacing:.17em;color:var(--yellow)}
.world-product-label strong{font-size:clamp(17px,2.2vw,28px);line-height:1.08;letter-spacing:-.04em}
.world-product-label small{font-size:10px;line-height:1.4;color:#e7e7e7}
.world-register{position:absolute;z-index:1;width:33px;height:33px;pointer-events:none}
.world-register-tl{left:22px;top:22px;border-left:2px solid #181818;border-top:2px solid #181818}
.world-register-br{right:22px;bottom:22px;border-right:2px solid #181818;border-bottom:2px solid #181818}
.world-bottom{position:relative;z-index:5;flex:none;min-height:91px;display:flex;align-items:stretch;justify-content:space-between;border-top:1px solid #dedbd4;background:#fff}
.world-scenes{display:grid;grid-template-columns:repeat(4,minmax(125px,1fr));min-width:min(760px,70%)}
.world-scene-choice{display:flex;align-items:center;justify-content:center;gap:11px;border:0;border-right:1px solid #e0ded7;background:#fff;padding:15px 12px;font-size:12px;font-weight:800;transition:background .25s,color .25s}
.world-scene-choice span{font-size:9px;color:var(--scene-accent)}
.world-scene-choice.is-active{background:#181818;color:#fff}
.world-scene-choice.is-active span{color:var(--yellow)}
.world-scene-choice:hover:not(.is-active){background:#f4f3ee}
.world-bottom p{display:flex;align-items:center;max-width:295px;margin:0;padding:13px 26px;color:#686868;font-size:10px;line-height:1.5}
.world-shutters{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden}
.world-shutters i{position:absolute;left:0;width:100%;height:33.5%;transform:translateX(-102%)}
.world-shutters i:nth-child(1){top:0;background:var(--cyan)}
.world-shutters i:nth-child(2){top:33.3%;background:var(--magenta)}
.world-shutters i:nth-child(3){top:66.6%;background:var(--yellow)}
.world-overlay.is-swapping .world-shutters i{animation:worldInkSwipe 1000ms cubic-bezier(.65,0,.25,1) both}
.world-overlay.is-swapping .world-shutters i:nth-child(2){animation-delay:35ms}
.world-overlay.is-swapping .world-shutters i:nth-child(3){animation-delay:70ms}
@keyframes worldInkSwipe{0%{transform:translateX(-102%)}42%,58%{transform:translateX(0)}100%{transform:translateX(102%)}}
.world-overlay.is-open:not(.is-swapping) .world-story>*{animation:worldRise .65s cubic-bezier(.2,.8,.2,1) both}
.world-overlay.is-open:not(.is-swapping) .world-story>*:nth-child(2){animation-delay:80ms}
.world-overlay.is-open:not(.is-swapping) .world-story>*:nth-child(3){animation-delay:150ms}
.world-overlay.is-open:not(.is-swapping) .world-story>*:nth-child(n+4){animation-delay:220ms}
@keyframes worldRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.world-body{grid-template-columns:minmax(350px,45%) minmax(0,55%)}.world-story{padding:34px 34px 28px}.world-story h2{font-size:clamp(44px,5vw,68px)}.world-product-label{right:4%;bottom:5%;width:55%}.world-bottom p{max-width:230px;padding:10px 16px}.world-scenes{min-width:70%}}
@media(max-height:760px) and (min-width:761px){.world-story{padding-top:25px;padding-bottom:20px}.world-eyebrow{margin-bottom:13px}.world-story h2{font-size:clamp(42px,4.5vw,65px);margin-bottom:13px}.world-description{font-size:13px;line-height:1.45;margin-bottom:14px}.world-switcher{margin-bottom:16px}.world-product-choice{min-height:39px}.world-bottom{min-height:76px}}
@media(max-width:760px){.world-topbar{position:sticky;top:0;min-height:62px;grid-template-columns:1fr auto;padding:9px 17px}.world-topbar img{width:148px}.world-topline{display:none}.world-close{min-height:37px;padding:0 9px 0 12px;font-size:10px}.world-close span{margin-left:12px}.world-body{display:flex;flex-direction:column;min-height:0;flex:none}.world-story{padding:25px 24px 24px;flex:none}.world-story:before{width:5px}.world-eyebrow{margin-bottom:12px}.world-story h2{font-size:clamp(42px,11vw,63px);letter-spacing:-.035em;word-spacing:.05em;line-height:1.02;margin-bottom:13px}.world-description{font-size:12px;line-height:1.5;margin-bottom:19px}.world-switcher{margin-top:0;margin-bottom:18px}.world-product-choice{font-size:10px;min-height:39px}.world-actions{gap:8px}.world-spec-link,.world-next{min-height:42px;font-size:10px;padding:0 11px}.world-spec-link span,.world-next span{margin-left:5px}.world-visual{min-height:390px;flex:none}.world-image-front{width:57%;height:74%;left:11%;top:9%;padding:7px}.world-image-back{width:47%;height:57%;right:4%;top:14%;padding:6px}.world-product-label{bottom:77px;right:5%;width:58%;padding:10px;gap:3px}.world-product-label strong{font-size:17px}.world-product-label small{font-size:9px}.world-bottom{position:sticky;bottom:0;display:block;min-height:0}.world-scenes{min-width:0;grid-template-columns:repeat(4,minmax(0,1fr))}.world-scene-choice{min-height:65px;flex-direction:column;gap:3px;padding:8px 3px;font-size:9px;line-height:1.1}.world-bottom p{display:none}}
@media(max-width:420px){.world-story h2{font-size:40px}.world-visual{min-height:340px}.world-spec-link,.world-next{font-size:9px}.world-scene-choice{font-size:8px}}
@media(max-width:760px){.world-overlay[data-scene="events"] .world-image-front{width:73%;height:54%;left:2%;top:17%}.world-overlay[data-scene="youth"] .world-image-front,.world-overlay[data-scene="halloween"] .world-image-front{width:53%;left:11%}}
@media(prefers-reduced-motion:reduce){.world-overlay{clip-path:none;transition:none;opacity:1}.world-shutters{display:none}.world-story>*,.world-image-front{animation:none!important}.world-image{transition:none}}
@media print{.world-overlay{display:none!important}}
