.world-picker{background:#fff;color:#20251f;padding:15px 4.3% 95px}
.world-picker-intro{text-align:center;max-width:1000px;margin:0 auto 64px;padding:35px 0 0}
.world-picker-intro h2{font:600 clamp(38px,4.5vw,64px)/1.04 var(--display);margin:0 0 24px}
.world-picker-intro p{font:400 clamp(16px,1.35vw,21px)/1.6 var(--body);color:#596056;margin:0 auto;max-width:950px}
.world-panels{display:flex;gap:clamp(16px,2.3vw,38px);height:clamp(420px,41vw,630px)}
.world-panel{position:relative;isolation:isolate;flex:1 1 0;min-width:0;border-radius:36px;overflow:hidden;transition:flex-grow .75s cubic-bezier(.22,1,.36,1);background:#e9eae5}
.world-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus);transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter .7s}
.world-panel::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(transparent 25%,rgba(12,19,15,.16) 48%,rgba(12,19,15,.84));}
.world-panel-toggle{position:absolute;inset:0;width:100%;height:100%;z-index:2;background:transparent;border:0;cursor:pointer}
.world-panel-toggle:focus-visible{outline:3px solid #22acd0;outline-offset:-7px;border-radius:36px}
.world-panel-copy{position:absolute;z-index:3;bottom:32px;left:clamp(18px,2.3vw,38px);right:clamp(18px,2.3vw,38px);color:#fff;pointer-events:none}
.world-panel-copy h3{font:600 clamp(26px,3.2vw,49px)/1.05 var(--display);letter-spacing:-.02em;margin:0 0 12px;white-space:nowrap}
.world-panel-copy p{font:400 clamp(14px,1.2vw,18px)/1.45 var(--body);max-width:410px;margin:0;transition:opacity .3s,transform .5s,max-height .5s;max-height:110px}
.world-panel-copy a{display:inline-flex;align-items:center;gap:20px;font:500 14px/1.4 var(--body);color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.7);padding:0 0 5px;margin-top:0;opacity:0;visibility:hidden;max-height:0;transform:translateY(12px);transition:opacity .35s .15s,transform .5s,max-height .5s,margin .5s}
.world-panels.has-active .world-panel{flex-grow:1}
.world-panels.has-active .world-panel.is-active{flex-grow:4}
.world-panel.is-active img{transform:scale(1.035)}
.world-panel.is-active .world-panel-copy a{opacity:1;visibility:visible;max-height:50px;margin-top:24px;transform:none;pointer-events:auto}
.world-panels.has-active .world-panel:not(.is-active) img{filter:saturate(.75)}
.world-panels.has-active .world-panel:not(.is-active) .world-panel-copy p{opacity:0;max-height:0;transform:translateY(12px)}
.world-panels.has-active .world-panel:not(.is-active) .world-panel-copy h3{font-size:clamp(19px,1.75vw,28px)}
@media(max-width:700px){.world-picker{padding:10px 6% 55px}.world-picker-intro{margin-bottom:32px;padding-top:20px}.world-picker-intro h2{font-size:36px}.world-picker-intro p{font-size:15px}.world-panels{flex-direction:column;height:850px;gap:16px}.world-panel{border-radius:26px;transition:flex-grow .6s}.world-panel-copy{bottom:22px;left:24px;right:24px}.world-panel-copy h3{font-size:32px}.world-panel-copy p{font-size:14px;max-width:330px}.world-panels.has-active .world-panel:not(.is-active) .world-panel-copy h3{font-size:25px}.world-panel-toggle:focus-visible{border-radius:26px}}
@media(prefers-reduced-motion:reduce){.world-panel,.world-panel img,.world-panel-copy p,.world-panel-copy a{transition:none}.world-panel.is-active img{transform:none}}
/* Quiet storefront crop in the resting One.Box preview. */
.world-panel:first-child:not(.is-active) img{transform:scale(1.35);transform-origin:45% 65%}

/* Existing Signature Dot identity, sized to the available photo-card width. */
.world-panel-copy{container-type:inline-size}
.world-panel-copy h3 .signature-dot{font-size:min(1em,13cqw);line-height:1.1;letter-spacing:-.055em}