/* The workshop uses real scene images and a native detail viewer. */
.world-workshop{padding:100px 0 65px;background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}
.ww-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:end;margin-bottom:50px}
.ww-heading h2{font-size:clamp(44px,4.8vw,75px);line-height:1.02;max-width:720px}
.ww-heading>p{max-width:425px;font-size:17px;line-height:1.6;color:var(--muted);padding-bottom:4px}
.ww-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:30px}
.ww-station-tab{display:grid;grid-template-columns:27px 1fr;gap:7px 9px;min-width:0;text-align:left;border:0;border-bottom:1px solid var(--line);padding:21px 20px 20px 0;background:none;color:var(--muted);font:inherit;cursor:pointer;position:relative}
.ww-station-tab:after{content:"";position:absolute;left:0;right:22px;bottom:-1px;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform 180ms ease}
.ww-station-tab[aria-selected=true]:after{transform:scaleX(1)}
.ww-station-tab[aria-selected=true]{color:var(--primary)}
.ww-station-tab>span{grid-row:1 / span 2;font-size:10px;line-height:1.7;letter-spacing:.03em;padding-top:2px}
.ww-station-tab strong{font-size:17px;line-height:1.25;font-weight:650;letter-spacing:-.02em}
.ww-station-tab small{font-size:11px;line-height:1.4;color:var(--muted)}
.ww-station-tab.is-pending:after{transform:scaleX(.3);opacity:.45}
.ww-stations{width:100%;max-width:1840px;margin:0 auto}
.ww-station{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);align-items:center;gap:0;min-height:510px}
.ww-station[hidden]{display:none!important}
.ww-scene{min-width:0;margin:0}
.ww-scene>img{display:block;width:100%;height:auto;max-height:720px;aspect-ratio:16/10;object-fit:contain}
.ww-scene figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 0;padding:0 28px 0 clamp(22px,5vw,78px);font-size:10px;line-height:1.4;color:var(--muted)}
.ww-inspect{font:inherit;font-size:11px;font-weight:650;line-height:1.4;color:var(--primary);padding:11px 0;border:0;background:none;cursor:pointer;white-space:nowrap}
.ww-inspect>span{display:inline-block;margin-left:7px}
.ww-station-copy{padding:32px clamp(28px,4vw,68px) 40px clamp(30px,3vw,50px)}
.ww-product{display:flex;gap:14px;align-items:center;margin-bottom:25px;min-height:64px}
.ww-product-art{display:block;width:66px;height:66px;flex-shrink:0}
.ww-product p{font-size:10px;line-height:1.55;color:var(--muted);max-width:190px;font-weight:650}
.ww-station-copy h3{font-size:clamp(31px,2.9vw,45px);line-height:1.08;letter-spacing:-.04em;max-width:490px}
.ww-station-copy dl{margin:29px 0 0}
.ww-station-copy dl>div+div{margin-top:22px}
.ww-station-copy dt{font-size:10px;font-weight:700;color:var(--primary);margin-bottom:8px}
.ww-station-copy dd{margin:0;font-size:14px;line-height:1.65;color:var(--muted);max-width:410px}
.ww-station-copy>a{display:inline-block;margin-top:30px;font-size:11px;font-weight:650;text-underline-offset:5px;text-decoration-thickness:1px;line-height:1.5}
.ww-status{font-size:12px;color:var(--muted);min-height:0;margin-top:15px}
.ww-status:empty{display:none}
.world-workshop .brand-art-frame,.world-workshop .brand-art-frame.is-atlas{height:100%;width:100%}
.world-workshop .brand-art-frame>img[hidden]{display:none}
.world-workshop :is(button,summary,a):focus-visible,.ww-station:focus-visible,.ww-inspector-view:focus-visible{outline:2px solid var(--primary);outline-offset:5px}
.ww-inspector{width:min(1440px,calc(100vw - 40px));max-width:none;height:auto;max-height:calc(100dvh - 40px);padding:0;border:0;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}
.ww-inspector::backdrop{background:color-mix(in srgb,var(--primary) 75%,transparent)}
html:has(.ww-inspector[open]){overflow:hidden}
.ww-inspector-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 26px;border-bottom:1px solid var(--line)}
.ww-inspector-header p{font-size:9px;color:var(--muted);margin:0 0 5px}
.ww-inspector-header h3{font-size:24px;letter-spacing:-.035em;line-height:1.2}
.ww-inspector-close{border:0;background:none;color:var(--primary);font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:10px 0 10px 16px;white-space:nowrap}
.ww-inspector-close span{font-size:21px;font-weight:400;margin-left:12px;vertical-align:-1px}
.ww-inspector-view{height:min(65dvh,750px);min-height:200px;width:100%;position:relative;overflow:hidden;touch-action:none;outline-offset:-5px!important;isolation:isolate}
.ww-inspector-image{position:absolute;max-width:none!important;max-height:none;display:block;transform-origin:center;user-select:none;-webkit-user-drag:none}
.ww-inspector-view.is-zoomed{cursor:grab}
.ww-inspector-view.is-dragging{cursor:grabbing}
.ww-inspector-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 26px;border-top:1px solid var(--line)}
.ww-inspector-footer>p{font-size:11px;line-height:1.5;color:var(--muted);max-width:420px}
.ww-zoom-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.ww-zoom-controls button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:1px solid var(--line);border-radius:0;color:var(--primary);font:inherit;font-size:20px;cursor:pointer}
.ww-zoom-controls button:disabled{opacity:.3;cursor:default}
.ww-zoom-controls .ww-zoom-reset{width:auto;padding:0 12px;margin-left:6px;border:0;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.ww-zoom-level{font-size:10px;line-height:1.4;width:43px;text-align:center;color:var(--muted)}
@media(min-width:1700px){.ww-station-copy{padding-right:78px}.ww-station-copy h3{font-size:49px}.ww-station-copy dd{font-size:16px}}
@media(max-width:1050px){.ww-station{grid-template-columns:minmax(0,1.25fr) minmax(290px,1fr)}.ww-station-copy{padding:18px 30px 25px}.ww-station-copy h3{font-size:32px}.ww-station-copy dd{font-size:13px}.ww-scene figcaption{padding-left:30px}.ww-product{margin-bottom:20px}.ww-station-tab strong{font-size:15px}}
@media(max-width:760px){.world-workshop{padding:60px 0 45px}.ww-heading{display:block;margin-bottom:28px}.ww-heading>p{font-size:15px;max-width:480px;margin-top:25px}.ww-navigation{margin-bottom:24px}.ww-station-tab{display:flex;flex-direction:column;gap:7px;padding:13px 12px 15px 0}.ww-station-tab>span{font-size:9px;padding:0}.ww-station-tab strong{font-size:13px;line-height:1.3;max-width:130px}.ww-station-tab small{display:none}.ww-station-tab:after{right:12px}.ww-station{display:block;min-height:0}.ww-scene>img{aspect-ratio:auto;max-height:none;min-height:0}.ww-scene figcaption{padding:0 22px;margin-top:5px;font-size:9px}.ww-inspect{font-size:10px}.ww-station-copy{padding:25px 22px 0;max-width:650px}.ww-product{min-height:55px;margin-bottom:17px}.ww-product-art{height:55px;width:55px}.ww-product p{font-size:10px;max-width:none}.ww-station-copy h3{font-size:37px;max-width:500px}.ww-station-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}.ww-station-copy dl>div+div{margin:0}.ww-station-copy dd{font-size:13px}.ww-station-copy>a{margin-top:24px}.ww-inspector{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.ww-inspector-header{padding:16px}.ww-inspector-header h3{font-size:21px}.ww-inspector-view{height:58dvh;min-height:180px}.ww-inspector-footer{padding:14px 16px;flex-wrap:wrap;gap:13px}.ww-inspector-footer>p{font-size:10px}.ww-zoom-controls{margin-left:auto}.ww-inspector-close{font-size:11px}.ww-inspector-close span{margin-left:7px}}
@media(max-width:420px){.ww-station-copy h3{font-size:33px}.ww-station-copy dl{grid-template-columns:1fr;gap:21px}.ww-station-tab strong{font-size:11px}.ww-inspector-header h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.ww-station-tab:after{transition:none}}