.story-worlds{height:100svh;position:relative;isolation:isolate;container-type:inline-size;background:#111211;color:#191919;overflow:clip}
.world-paper{position:absolute;inset:0 0 27%;background:#f3ede1;clip-path:polygon(0 0,100% 0,100% 95%,97% 96%,94% 94%,90% 97%,87% 96%,84% 98%,80% 96%,76% 98%,73% 96%,69% 97%,65% 95%,61% 98%,57% 97%,52% 99%,48% 97%,43% 98%,39% 96%,34% 98%,30% 96%,25% 98%,20% 95%,16% 97%,11% 95%,7% 97%,3% 94%,0 95%);z-index:-1}
.world-paper:after{content:'';position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.5' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.world-headline{position:absolute;left:4.5%;top:10%;z-index:4;width:24%;transform:rotate(-5deg);transform-origin:left center}
.world-headline h2{margin:0;font:700 min(7.2cqw,12svh)/1.07 var(--platform-display);letter-spacing:-.055em;transform:skewX(-7deg)}.world-headline h2>span{display:block;width:max-content;position:relative;isolation:isolate}.world-headline h2>span:first-child{padding:.035em .08em .08em}.world-headline h2>span:first-child:before{content:'';position:absolute;inset:0;z-index:-1;background:#dcff30;clip-path:polygon(2% 2%,100% 0,97% 23%,99% 36%,96% 55%,99% 73%,96% 96%,0 100%,2% 79%,0 56%,3% 37%,0 24%)}.world-headline h2>span:last-child{color:#f45340;font-size:1.07em;line-height:1.15;letter-spacing:-.045em}
.world-intro{position:absolute;top:48%;left:4.5%;width:23%;font:clamp(13px,min(1.4cqw,2.4svh),25px)/1.27 Arial;margin:0;z-index:5;max-width:20em;letter-spacing:-.03em}
.world-stage{position:absolute;left:29%;top:5%;width:47%;height:63%;z-index:3;perspective:1400px;transform:rotate(-3deg);transition:transform .42s}
.story-world{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(20px) rotateX(7deg) scale(.96);transition:opacity .25s .06s,transform .55s cubic-bezier(.22,.7,.2,1),visibility 0s .3s;pointer-events:none}
.story-world>svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(6px 14px 6px #4c352c40)}
.story-world[data-active=true]{opacity:1;visibility:visible;transform:none;transition:opacity .25s .1s,transform .65s .1s cubic-bezier(.22,.7,.2,1),visibility 0s}
.world-inside{transform-origin:center;transition:opacity .3s,transform .5s}.world-outside{opacity:0;transform:translateY(22px) scale(.97);transform-origin:55% 75%;transition:opacity .2s,transform .4s}.story-world[data-active=true] .world-outside{opacity:1;transform:none;transition:opacity .4s .27s,transform .6s .2s cubic-bezier(.22,.7,.2,1)}
.world-outside .world-building{transform:scale(.76);transform-origin:550px 500px}.world-outside .world-building .building-window{opacity:.9}
.world-type-depth{opacity:.8}.world-beam{transform-origin:570px 156px}.world-outside .world-beam{opacity:.22}.world-outside .world-tower{filter:drop-shadow(7px 8px 3px #233c3f22)}.world-outside .world-rings{transform:scale(.8);transform-origin:530px 390px}.world-outside .world-clock{transform:scale(.8);transform-origin:550px 375px}.world-outside .world-clap{transform:scale(.8);transform-origin:550px 450px}.world-outside .world-smart-house{transform:scale(.78);transform-origin:550px 500px}
.world-info{position:absolute;top:12%;right:3%;width:20%;min-height:49%;padding:3svh 1.7cqw 3svh;background:#efe4d2;box-shadow:6px 9px 0 #66533c22;transform:rotate(3deg);z-index:5;clip-path:polygon(0 3%,7% 1%,18% 3%,28% 0,39% 2%,54% 0,69% 2%,82% 1%,100% 3%,98% 24%,100% 43%,98% 65%,100% 85%,96% 99%,82% 98%,65% 100%,48% 98%,30% 100%,14% 98%,0 100%,2% 80%,0 56%,2% 28%)}
.world-info h3{font:700 clamp(24px,3.2cqw,58px)/1 var(--platform-display);letter-spacing:-.045em;transform:skewX(-6deg);margin:1.5svh 0}.world-info h3:after{content:'';display:block;height:5px;width:83%;margin-top:1svh;background:#f45340;clip-path:polygon(0 45%,100% 0,90% 36%,15% 100%)}.world-status{display:inline-block;background:#dcff30;padding:6px 9px;font:600 clamp(9px,.78cqw,14px)/1 var(--platform-display);transform:rotate(-4deg)}.world-info>p{font:clamp(12px,min(1.25cqw,2.2svh),22px)/1.25 Arial;letter-spacing:-.025em;margin:2svh 0}.world-info .world-mood{font:500 clamp(10px,.9cqw,16px)/1.2 var(--platform-display);opacity:.7;margin-top:1svh}.world-metadata{display:flex;gap:12%;align-items:center;font:600 clamp(10px,1cqw,17px)/1 var(--platform-display);margin:2.8svh 0;white-space:nowrap}.world-open{display:flex;min-height:47px;background:#191919;color:#f3ede1;padding:12px 14px;align-items:center;justify-content:space-between;font:600 clamp(13px,1.4cqw,25px)/1 var(--platform-display);text-decoration:none;gap:5px}.world-open>span{font:1.4em Arial}.world-open:hover{background:#39352c}.world-coming{display:block;font:650 clamp(15px,1.8cqw,28px)/1 var(--platform-display);padding-top:1.5svh;border-top:1px solid #40372f55;margin:0;color:#51483d;letter-spacing:.03em}
.world-selector{position:absolute;left:4.5%;right:4.5%;bottom:2%;height:23%;display:grid;grid-template-columns:1.1fr 1fr .85fr .9fr 1.45fr 1.15fr;align-items:center;gap:2.4%;color:#f3ede1;z-index:6}
.world-selector>button{border:0;background:none;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;color:inherit;padding:.3em .18em;font:700 min(3.8cqw,6.7svh)/.96 var(--platform-display);letter-spacing:-.045em;transform:rotate(-5deg) skewX(-7deg);transition:transform .18s,color .18s;min-height:72px;cursor:pointer}
.world-selector>button:before{content:'';position:absolute;inset:15% -2% 9%;background:var(--story-accent);opacity:.2;z-index:-1;transform:rotate(3deg);clip-path:polygon(3% 3%,98% 0,100% 34%,97% 95%,2% 100%,0 70%);transition:background .18s,transform .18s,opacity .18s}
.world-selector>button>span{display:block;white-space:nowrap}.world-selector>button i{display:block;position:absolute;bottom:-6%;left:1%;right:0;height:6px;background:var(--story-accent);transform:rotate(-1deg) scaleX(.4);transform-origin:left center;clip-path:polygon(0 35%,100% 0,70% 55%,5% 100%);transition:transform .2s,background .2s}
.world-selector>button:hover{transform:translateY(-7px) rotate(-3deg) skewX(-7deg)}.world-selector>button:hover:before{opacity:.45;transform:rotate(-2deg)}.world-selector>button[aria-pressed=true]{color:#151515}.world-selector>button[aria-pressed=true]:before{opacity:1;background:#dcff30;inset:3% -2% 0}.world-selector>button[aria-pressed=true] i{background:#dcff30;transform:rotate(-2deg) scaleX(.95)}.world-selector>button:focus-visible{outline:3px solid #dcff30;outline-offset:7px}
.world-stamp{position:absolute;top:5%;left:35%;font:600 clamp(11px,1.3cqw,23px)/1 var(--platform-display);padding:.3em .5em;border:2px solid #f45340;color:#f45340;transform:rotate(-9deg);z-index:5}
.story-worlds:not(.is-world-entered) .world-inside,.story-worlds:not(.is-world-entered) .world-outside{opacity:0;transform:translateY(15px) scale(.97)}
.story-worlds[data-stage=entering] .world-headline h2{animation:world-headline-in .55s both}.story-worlds[data-stage=entering] .story-world[data-active=true] .world-inside,.story-worlds[data-stage=switching] .story-world[data-active=true] .world-inside{animation:world-depth-in .75s both}.story-worlds[data-stage=entering] .story-world[data-active=true] .world-clouds,.story-worlds[data-stage=switching] .story-world[data-active=true] .world-clouds{animation:clouds-in .8s both}.story-worlds[data-stage=entering] .story-world[data-active=true] .world-tower,.story-worlds[data-stage=switching] .story-world[data-active=true] .world-tower{animation:world-object-in .65s .2s backwards}.story-worlds[data-stage=entering] .story-world[data-active=true] .world-beam,.story-worlds[data-stage=switching] .story-world[data-active=true] .world-beam{animation:world-light .7s .2s backwards}.story-worlds[data-stage=switching] .world-wedding[data-active=true] .world-ribbon{animation:ribbon-in .8s both;transform-origin:520px 430px}.story-worlds[data-stage=switching] .world-alibi[data-active=true] .clock-hand-one{animation:clock-one .7s both;transform-origin:550px 355px}.story-worlds[data-stage=switching] .world-alibi[data-active=true] .clock-hand-two{animation:clock-two .7s both;transform-origin:550px 355px}.story-worlds[data-stage=switching] .world-last-take[data-active=true] .world-clap-lid{animation:clap .65s both;transform-origin:360px 312px}.story-worlds[data-stage=switching] .world-smart-home[data-active=true] .smart-windows{animation:window-light .75s both}.story-worlds[data-stage=switching] .world-anya[data-active=true] .window-circle{animation:world-mark .65s both;stroke-dasharray:300;stroke-dashoffset:0}
.story-worlds[data-stage=navigating] .world-stage{transform:scale(1.5);z-index:10}.story-worlds[data-stage=navigating] .world-info{opacity:0;transition:opacity .2s}
@keyframes world-headline-in{from{translate:0 20px;opacity:.2}to{translate:0 0;opacity:1}}@keyframes world-depth-in{from{transform:translateY(25px) scale(.94);opacity:0}to{transform:none;opacity:1}}@keyframes clouds-in{from{transform:translateX(-35px)}to{transform:none}}@keyframes world-object-in{from{translate:0 28px;opacity:.2}to{translate:0 0;opacity:1}}@keyframes world-light{from{transform:rotate(-13deg);opacity:0}to{transform:rotate(0)}}@keyframes ribbon-in{from{transform:scaleX(.6) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}@keyframes clock-one{from{transform:rotate(60deg)}to{transform:rotate(0)}}@keyframes clock-two{from{transform:rotate(-110deg)}to{transform:rotate(0)}}@keyframes world-mark{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@media(max-aspect-ratio:6/5){.world-paper{bottom:30%}.world-headline{top:5%;left:6%;width:70%;transform:rotate(-4deg)}.world-headline h2{font-size:min(11cqw,6.8svh);line-height:.98}.world-headline h2>span:last-child{font-size:1.03em}.world-intro{top:20%;left:6%;width:86%;max-width:none;font-size:clamp(11px,1.65svh,17px)}.world-stage{left:4%;top:25%;width:92%;height:28%;transform:rotate(-3deg)}.world-stamp{top:24%;left:11%;font-size:10px;padding:3px 6px;border-width:1px}.world-info{top:52%;left:6%;right:6%;width:auto;min-height:0;height:15%;padding:1.7svh 4%;transform:rotate(1deg);display:grid;grid-template-columns:1fr auto;gap:0 12px;align-content:center;clip-path:polygon(0 0,100% 0,99% 95%,75% 100%,50% 96%,25% 100%,0 96%)}.world-info h3{font-size:clamp(22px,3svh,34px);margin:4px 0;grid-column:1}.world-info h3:after{height:3px;width:65%;margin-top:4px}.world-status{font-size:7px;padding:4px 5px;width:max-content;grid-column:1}.world-info>p{font-size:clamp(10px,1.4svh,15px);margin:3px 0;grid-column:1;max-width:25em}.world-info .world-mood{display:none}.world-metadata{font-size:8px;gap:15px;margin:5px 0 0;grid-column:1;display:none}.world-open{grid-column:2;grid-row:1/5;font-size:clamp(12px,1.7svh,18px);align-self:center;max-width:9em;min-height:44px;padding:10px;line-height:1.1}.world-coming{grid-column:2;grid-row:1/5;align-self:center;font-size:clamp(12px,1.9svh,20px);border:1px solid #51483d66;padding:.5em;transform:rotate(-4deg)}.world-selector{bottom:2.5%;height:24%;left:7%;right:7%;grid-template-columns:1fr 1fr 1.25fr;grid-template-rows:1fr 1fr;gap:1.8svh 7%;align-items:center}.world-selector>button{font-size:min(6.8cqw,4.5svh);min-height:46px;padding:.25em .16em}.world-selector>button i{height:4px;bottom:-3%}.world-selector>button[aria-pressed=true]:before{inset:0 -3%}.story-world>svg{filter:drop-shadow(3px 6px 2px #4c352c33)}}
@media(min-aspect-ratio:6/5) and (max-height:550px){.world-headline{top:10%}.world-headline h2{font-size:12svh}.world-info{padding:2svh 1.3cqw;top:9%;min-height:54%}.world-info h3{font-size:6.5svh;margin:1svh 0}.world-info>p{font-size:12px;margin:1.5svh 0}.world-info .world-mood{font-size:10px}.world-metadata{font-size:10px;margin:2svh 0}.world-status{font-size:8px;padding:4px 6px}.world-open{min-height:35px;font-size:13px;padding:8px 10px}.world-coming{font-size:17px}.world-intro{font-size:12px}.world-selector>button{font-size:6.7svh;min-height:44px}.world-stamp{font-size:12px}}
@media(prefers-reduced-motion:reduce){.story-worlds *{animation:none!important;transition:none!important}.story-worlds .story-world[data-active=true] .world-inside,.story-worlds .story-world[data-active=true] .world-outside{opacity:1;transform:none}.world-selector>button:hover{transform:rotate(-5deg) skewX(-7deg)}}

/* Painted world layers, taller letterforms, and a full-width typographic selector. */
.world-stage{left:29%;top:7%;width:47.5%;height:60%;transform:rotate(-3deg)}
.world-headline{top:10%;left:4.5%;width:24%}.world-headline h2{font-size:min(7.7cqw,12.7svh);letter-spacing:-.055em;transform:skewX(-9deg) scaleX(.89);transform-origin:left center}
.world-headline h2>span:last-child{font-size:1.1em;line-height:1.09}
.world-intro{top:47%;font-size:clamp(14px,min(1.4cqw,2.4svh),25px);width:23%}
.world-paper{bottom:27%;clip-path:polygon(0 0,100% 0,100% 95%,99% 94.7%,98.2% 95.2%,97% 94.5%,96% 95.1%,95% 94.6%,94% 95.4%,92.5% 95%,91% 95.6%,90% 95.1%,88% 96%,87% 95.4%,85% 96.2%,83% 95.8%,82% 96.4%,80% 96%,78% 96.6%,77% 96.1%,75% 97%,73% 96.4%,71% 97.1%,69% 96.7%,67% 97.5%,65% 97%,63% 97.8%,61% 97.3%,59% 98%,57% 97.7%,55% 98.3%,53% 97.9%,51% 98.7%,49% 98.1%,47% 98.9%,45% 98.4%,43% 99%,41% 98.5%,39% 99.1%,37% 98.6%,35% 99%,33% 98.5%,31% 99%,29% 98.4%,27% 98.8%,25% 98.2%,23% 98.5%,21% 97.8%,19% 98.2%,17% 97.4%,15% 97.9%,13% 97.1%,11% 97.5%,9% 96.7%,7% 97.1%,5% 96.1%,3% 96.6%,1% 95.5%,0 95.8%)}
.world-info{top:9%;right:2.5%;width:21%;min-height:53%;padding:3.7svh 2cqw 3svh;background:radial-gradient(ellipse at top right,#fff8,transparent 75%),#f1e5d3;box-shadow:8px 14px 0 #39291922;transform:rotate(4deg)}
.world-info h3{font-size:clamp(29px,3.4cqw,65px);text-transform:uppercase;letter-spacing:-.045em}
.world-status{font-size:clamp(9px,.8cqw,15px);padding:7px 10px;transform:rotate(5deg);box-shadow:2px 3px 0 #453b2922}
.world-info>p{font-size:clamp(13px,min(1.3cqw,2.3svh),25px);margin:2.4svh 0}.world-info .world-mood{font-size:clamp(10px,.9cqw,17px);margin:1svh 0;opacity:.65}
.world-info:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h100v100H0z'/%3E%3C/svg%3E")}
.world-selector{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.85fr) minmax(0,.9fr) minmax(0,1.45fr) minmax(0,1.15fr);gap:3%;left:4.5%;right:5.5%;bottom:3.5%;height:22%;align-items:center}
.world-selector>button{min-width:0;font-size:min(3.3cqw,6svh);letter-spacing:-.04em;padding:.28em .12em;transform:rotate(-5deg) skewX(-9deg)}
.world-selector>button:before{opacity:.14;inset:10% -3% 8%}.world-selector>button[data-world-choose=last-take]{font-size:min(2.9cqw,5.3svh)}
.world-outside .world-painted-object{transform:none;filter:none}.world-painted-object{transform-origin:560px 440px}.world-stamp{top:7%;left:34%;font-size:clamp(12px,1.5cqw,27px);padding:.3em .45em}
.world-type-rim{pointer-events:none}.world-pop-accent{filter:drop-shadow(3px 5px 2px #2d252b38)}
.world-pop-accent{transform-origin:560px 440px}
.world-alibi .world-pop-accent{transform-origin:585px 305px}
.story-worlds[data-stage=switching] .world-alibi[data-active=true] .world-pop-accent{animation:clock-accent-in .75s both}
.story-worlds[data-stage=switching] .world-last-take[data-active=true] .world-pop-accent{animation:painted-cinema .7s both}
@keyframes clock-accent-in{from{rotate:-24deg;opacity:0}65%{rotate:2deg;opacity:1}to{rotate:0deg;opacity:1}}
.world-headline h2{font-size:min(8.3cqw,14.1svh);transform:skewX(-9deg) scaleX(.83)}
.world-intro{top:47%}.world-coming{font:500 clamp(11px,1cqw,18px)/1.25 Arial;letter-spacing:0;padding-top:2svh;color:#51483d}
.story-worlds[data-stage=switching] .world-wedding[data-active=true] .world-painted-object{animation:painted-wedding .7s both}
.story-worlds[data-stage=switching] .world-alibi[data-active=true] .world-painted-object{animation:painted-alibi .75s both}
.story-worlds[data-stage=switching] .world-last-take[data-active=true] .world-painted-object{animation:painted-cinema .7s both}
.story-worlds[data-stage=switching] .world-smart-home[data-active=true] .world-painted-object,.story-worlds[data-stage=switching] .world-anya[data-active=true] .world-painted-object{animation:world-object-in .7s both}
@keyframes painted-wedding{from{rotate:-9deg;scale:.94}65%{rotate:2deg}to{rotate:0deg;scale:1}}
@keyframes painted-alibi{from{rotate:12deg;scale:.92}65%{rotate:-2deg}to{rotate:0deg;scale:1}}
@keyframes painted-cinema{from{translate:35px 20px;rotate:6deg}to{translate:0 0;rotate:0deg}}
@media(max-aspect-ratio:6/5){
 .world-paper{bottom:30%}.world-headline{top:4%;left:6%;width:75%}.world-headline h2{font-size:min(13cqw,7.3svh);transform:skewX(-7deg)}.world-headline h2>span:last-child{font-size:1.03em}
 .world-intro{top:21%;left:6%;width:86%;font-size:clamp(11px,1.65svh,17px)}
 .world-stage{top:27%;left:3%;width:93%;height:27%;transform:rotate(-3deg)}.world-stamp{top:26%;left:10%;font-size:10px;padding:4px 6px;border-width:1px}
 .world-info{top:54%;left:6%;right:6%;width:auto;min-height:0;height:14%;padding:1.2svh 4%;transform:rotate(1deg)}.world-info h3{font-size:clamp(22px,2.8svh,35px);margin:3px 0}.world-status{font-size:7px;padding:4px 6px;box-shadow:none;transform:rotate(-3deg)}.world-info>p{font-size:clamp(10px,1.35svh,15px);margin:3px 0}.world-info .world-mood{display:none}
 .world-selector{bottom:2.5%;left:7%;right:7%;height:24%;grid-template-columns:minmax(0,1.1fr) minmax(0,1.25fr) minmax(0,1fr);gap:1.5svh 6%}.world-selector>button{font-size:min(6.4cqw,4.5svh);min-height:44px}.world-selector>button[data-world-choose=last-take]{font-size:min(5.2cqw,3.6svh)}
}
@media(min-aspect-ratio:6/5) and (max-height:550px){.world-info{top:7%;padding:2svh 1.5cqw;min-height:55%}.world-info h3{font-size:6.7svh;margin:1svh 0}.world-info>p{font-size:12px;margin:1.5svh 0}.world-info .world-mood{font-size:10px}.world-status{font-size:8px;padding:5px 7px}.world-selector>button{font-size:6svh}.world-selector>button[data-world-choose=last-take]{font-size:5.3svh}.world-intro{font-size:12px}}
@media(max-aspect-ratio:6/5) and (max-height:690px){.world-stage{top:25.5%;height:25.5%}.world-info{top:51%;height:20%;padding:1svh 4%}.world-info h3{font-size:19px;line-height:.95;margin:2px 0}.world-info h3:after{margin-top:3px}.world-info>p{font-size:10px;line-height:1.2}.world-status{font-size:7px}.world-open{font-size:11px;padding:9px;max-width:8em}.world-coming{font-size:10px;padding:.5em}}