/* Immersive WebGL stage remains contained when homepage sections are reordered. */
.pk21-studio{padding:0;background:var(--pk-stage);position:relative;border:0;overflow:visible;--chapter-height:100svh}
.experience{position:relative;isolation:isolate}.studio-pin{position:sticky;top:var(--studio-top,0px);height:calc(100svh - var(--studio-top,0px));min-height:560px;margin-bottom:min(calc(-100svh + var(--studio-top,0px)),-560px);z-index:0;overflow:hidden;background:var(--pk-stage)}
.studio-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 44%,var(--pk-halo),transparent 54%)}.studio-backdrop::after{content:"";position:absolute;inset:16% 2% 12% 44%;background-image:radial-gradient(var(--line) .65px,transparent .65px);background-size:16px 16px;opacity:.28;mask-image:radial-gradient(ellipse,#000,transparent 72%)}
.studio-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;outline:0;touch-action:pan-y;cursor:grab;opacity:0;transition:opacity .4s}.webgl-ready .studio-canvas{opacity:1}.studio-canvas.is-dragging{cursor:grabbing}.studio-canvas:focus-visible{outline:2px solid var(--blue);outline-offset:-5px}.webgl-fallback .studio-canvas{visibility:hidden}
.studio-poster{position:absolute;right:0;top:8%;height:86%;width:63%;object-fit:contain;z-index:1;pointer-events:none}.webgl-ready .studio-poster{display:none}.studio-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(var(--pk-fog),.55),transparent 52%),linear-gradient(0deg,rgba(var(--pk-fog),.85),transparent 20%)}
.studio-chapters{position:relative;z-index:3;pointer-events:none}.chapter{height:var(--chapter-height);min-height:max(640px,calc(100svh - var(--studio-top,0px)));position:relative;display:flex;align-items:center;pointer-events:none;scroll-margin-top:0;padding:65px 0 85px}.chapter>.container{pointer-events:none}.chapter-copy.v12-main-banner{width:min(620px,46%);display:block;min-height:0;margin:0;padding:0;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}.chapter .v12-main-banner-copy{padding:0;pointer-events:none;position:relative;z-index:3}.chapter .eyebrow{color:var(--muted);font-size:8px;letter-spacing:.18em;font-weight:500;display:flex;align-items:center;gap:10px}.chapter .eyebrow::before{content:"";width:5px;height:5px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px var(--pk-soft)}
.chapter h1,.chapter h2{font-family:var(--store-font,Inter,"Segoe UI",Arial,sans-serif);font-size:clamp(62px,7.4vw,112px);font-weight:500;line-height:.95;letter-spacing:-.08em;text-transform:uppercase;color:var(--ink);margin:24px 0 0;max-width:650px;text-wrap:balance}.chapter h1 span,.chapter h2 span{display:block;color:var(--blue);font-family:inherit;font-weight:inherit;font-style:normal;letter-spacing:inherit}.chapter h1::after,.chapter h2::after{display:none}.chapter p{color:var(--muted);font-size:12px;line-height:1.95;margin:27px 0 0;max-width:315px}.chapter .studio-cta{display:inline-flex;pointer-events:auto;margin:27px 0 0;min-height:47px;padding:12px 22px;gap:16px;max-width:100%;white-space:normal}.chapter-index{display:block;font-size:8px;letter-spacing:.16em;color:var(--muted);margin-top:31px}.chapter:nth-child(2) h2{font-size:clamp(60px,7vw,103px)}.chapter:nth-child(3) h2{font-size:clamp(60px,6.7vw,98px)}
.studio-topline{position:absolute;top:28px;left:40px;right:40px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:7px;letter-spacing:.16em;pointer-events:none}.studio-topline nav{display:flex;align-items:center;gap:20px;pointer-events:auto}.studio-topline a{padding:8px 0;min-height:30px;font-size:9px;letter-spacing:.04em;color:var(--muted)}.studio-topline a[aria-current=step]{color:var(--blue);border-bottom:1px solid var(--blue)}.studio-topline nav>a:last-child{margin-left:12px;border:1px solid var(--line);border-radius:99px;padding:8px 12px;background:var(--paper);font-size:8px;letter-spacing:0}
.studio-meta{position:absolute;z-index:4;left:40px;bottom:29px;display:flex;align-items:center;gap:15px;pointer-events:none}.studio-meta>#scene-count{font-size:28px;letter-spacing:-.07em;font-weight:400;line-height:1;color:var(--ink)}.studio-meta>div{display:grid;gap:7px;min-width:95px}.studio-meta strong{font-size:7px;letter-spacing:.17em;font-weight:500;text-transform:uppercase;color:var(--muted)}.travel-track{display:block;height:1px;width:95px;background:var(--line);overflow:hidden}#travel-progress{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}.studio-scroll{font-size:7px;letter-spacing:.14em;color:var(--muted);margin-left:19px}
.studio-controls{position:absolute;z-index:5;bottom:22px;right:40px;display:flex;gap:17px;align-items:center}.studio-swatches{display:flex;align-items:center;gap:9px}.studio-swatches>span{font-size:7px;letter-spacing:.14em;color:var(--muted);margin-right:4px}.studio-swatch{background:var(--swatch);width:28px;height:28px;border-radius:50%;border:6px solid var(--pk-stage);outline:1px solid var(--line);box-shadow:inset 0 0 0 1px #ffffff33;padding:0;min-height:0;cursor:pointer}.studio-swatch[aria-pressed=true]{outline:1px solid var(--blue)}.studio-reset{border:1px solid var(--line);border-radius:50%;width:38px;height:38px;background:var(--paper);color:var(--ink);display:grid;place-items:center;cursor:pointer}.motion-toggle{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--paper);color:var(--muted);border:1px solid var(--line);border-radius:99px;min-height:38px;padding:10px 13px;font-size:8px;cursor:pointer}.motion-dot{width:4px;height:4px;background:var(--muted);border-radius:50%}[data-motion=on] .motion-dot{background:var(--blue);box-shadow:0 0 0 3px var(--pk-soft)}.studio-status{position:absolute;bottom:33px;left:50%;transform:translateX(-50%);font-size:6px;letter-spacing:.13em;color:var(--muted);z-index:4;pointer-events:none}.studio-hint{position:absolute;bottom:76px;right:40px;z-index:4;font-size:8px;color:var(--muted);pointer-events:none;text-align:right;max-width:300px}
.studio-collection-wrap{position:relative;z-index:5;background:var(--pk-stage);padding:40px 0 45px}.pk20-collections{border-top:1px solid var(--line);padding-top:25px}.pk20-collections-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:20px}.pk20-collections-label h2{font-size:10px;font-weight:550;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pk20-collections-label a{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--blue)}.pk20-category-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:15px}.pk20-category{display:grid;justify-items:center;gap:13px;color:var(--ink);font-size:10px}.pk20-category-art{width:100%;aspect-ratio:1.2;max-height:128px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 0 color-mix(in srgb,var(--line) 50%,transparent);overflow:hidden;transition:transform .3s}.pk20-category-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;max-height:122px}.pk20-category-art svg{width:34px;height:34px;color:var(--blue)}.pk20-category:hover .pk20-category-art{transform:translateY(-5px);border-color:var(--blue)}.pk20-category strong{font-size:10px;font-weight:550}
.studio-static .chapter{height:auto;min-height:650px}.studio-static .studio-pin{position:absolute;inset:0 0 auto;height:650px;min-height:0;margin:0}.studio-static .studio-canvas,.studio-static .studio-controls,.studio-static .studio-meta,.studio-static .studio-status,.studio-static .studio-hint,.studio-static .studio-topline,.studio-static .chapter-index{display:none}.studio-static .studio-poster{display:block}.studio-static .studio-collection-wrap{padding-top:20px}.studio-static .chapter-copy{opacity:1!important}.studio-static .studio-poster{width:60%;height:85%;top:9%;object-fit:contain}
@media(min-width:1600px){.chapter h1{font-size:118px}.studio-topline{left:max(40px,calc((100vw - 1360px)/2));right:max(40px,calc((100vw - 1360px)/2))}.studio-meta{left:max(40px,calc((100vw - 1360px)/2))}.studio-controls,.studio-hint{right:max(40px,calc((100vw - 1360px)/2))}}
@media(max-width:1180px){.chapter h1,.chapter h2{font-size:clamp(59px,7.7vw,88px)}.chapter:nth-child(2) h2,.chapter:nth-child(3) h2{font-size:clamp(57px,7.2vw,85px)}.chapter p{font-size:11px;max-width:290px}.studio-topline{left:24px;right:24px}.studio-meta{left:24px}.studio-controls,.studio-hint{right:24px}.studio-scroll{display:none}.studio-status{font-size:5px;left:44%}.pk20-category-grid{gap:12px}}
@media(max-width:900px){.chapter-copy.v12-main-banner{width:47%}.chapter h1,.chapter h2{font-size:clamp(52px,7.8vw,70px)}.chapter:nth-child(2) h2,.chapter:nth-child(3) h2{font-size:clamp(49px,7.4vw,68px)}.studio-topline{left:20px;right:20px}.studio-topline>span{font-size:6px}.studio-meta{left:20px}.studio-controls{right:20px;gap:11px}.studio-hint{right:20px;font-size:7px}.studio-status{display:none}.studio-swatches{gap:7px}.studio-swatches>span{display:none}.pk20-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:24px}.pk20-category-art{width:100%;max-height:160px}.pk20-category-art img{max-height:150px}}
@media(max-width:759px){.studio-pin{min-height:640px;margin-bottom:min(calc(-100svh + var(--studio-top,0px)),-640px)}.chapter{min-height:690px;align-items:flex-end;padding:0 0 118px}.chapter>.container{width:calc(100% - 38px)}.chapter-copy.v12-main-banner{width:100%;max-width:460px}.chapter .eyebrow{font-size:6px;letter-spacing:.14em}.chapter h1,.chapter h2,.chapter:nth-child(2) h2,.chapter:nth-child(3) h2{font-size:clamp(44px,10.5vw,72px);line-height:.98;letter-spacing:-.075em;margin-top:16px;max-width:460px;text-wrap:balance}.chapter p{font-size:10px;line-height:1.8;max-width:280px;margin-top:17px}.chapter .studio-cta{font-size:9px;min-height:42px;padding:10px 18px;margin-top:19px}.chapter-index{display:none}.studio-topline{top:18px;left:19px;right:19px}.studio-topline>span{font-size:5px;max-width:110px;line-height:1.7}.studio-topline nav{gap:13px}.studio-topline a{font-size:8px}.studio-topline nav>a:last-child{font-size:7px;margin-left:0;padding:7px 9px}.studio-backdrop{background:radial-gradient(ellipse at 50% 29%,var(--pk-halo),transparent 48%)}.studio-backdrop::after{inset:4% 8% 45%}.studio-poster{width:100%;height:53%;right:0;top:3%}.studio-shade{background:linear-gradient(0deg,rgba(var(--pk-fog),1),rgba(var(--pk-fog),.95) 25%,transparent 63%)}.studio-meta{left:19px;bottom:27px;gap:9px}.studio-meta>#scene-count{font-size:23px}.studio-meta>div{min-width:50px;gap:6px}.studio-meta strong{font-size:6px}.travel-track{width:50px}.studio-controls{right:19px;bottom:19px;gap:10px}.studio-swatch{width:24px;height:24px;border-width:5px}.studio-swatches{gap:6px}.studio-reset{width:34px;height:34px;min-height:34px}.motion-toggle{font-size:7px;padding:9px;min-height:34px;gap:6px}.studio-hint{right:19px;bottom:68px;font-size:6px;max-width:240px}.studio-collection-wrap{padding:28px 0 34px}.pk20-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 10px}.pk20-category-art{border-radius:14px}.pk20-category strong{font-size:9px}.pk20-collections-label{margin-bottom:20px}.pk20-collections-label h2{font-size:8px}.pk20-collections-label a{font-size:9px}.studio-static .chapter{min-height:690px}.studio-static .studio-pin{height:690px}.studio-static .studio-poster{width:100%;height:50%;top:1%}.studio-static .chapter{padding-bottom:45px}}
@media(max-width:370px){.chapter{padding-bottom:111px}.chapter h1,.chapter h2,.chapter:nth-child(2) h2,.chapter:nth-child(3) h2{font-size:42px}.chapter p{font-size:9px;max-width:250px}.studio-meta{left:16px;gap:7px}.studio-controls{right:16px;gap:7px}.studio-swatches{gap:4px}.motion-toggle{font-size:6px;padding:8px}.studio-topline{left:16px;right:16px}.studio-topline nav{gap:10px}}
@media(prefers-reduced-motion:reduce){.studio-canvas,.pk20-category-art{transition:none}.chapter-copy{will-change:auto}.pk20-category:hover .pk20-category-art{transform:none}}

.chapter .studio-cta::after{content:"↗";font-size:16px;line-height:1}.chapter .studio-cta svg{display:none}.chapter h1.long-studio-title{font-size:clamp(42px,5.3vw,76px)}
@media(max-width:759px){.chapter h1.long-studio-title{font-size:clamp(30px,7.8vw,48px)}}