.w-workshop-story{--ws-paint:#2F3D4A;--ws-paint-ln:#1E2730;--ws-brass:#B49C6C;--ws-brass-ln:#6F5E3E}.w-workshop-story .ws-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(26px,4vw,40px);align-items:center}.w-workshop-story .ws-art{position:relative;margin:0;width:100%;aspect-ratio:var(--ar,1.4);min-width:0;background:radial-gradient(120% 110% at 18% 0%,#FFFFFF 0%,#F6F7F8 55%,#EEF0F2 100%);border:1px solid rgba(56,60,66,.1)}.w-workshop-story .ws-art::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:1px;background:var(--sheen)}.w-workshop-story .ws-svg{position:absolute;inset:0;width:100%;height:100%;color:var(--graphite)}.w-workshop-story .ws-rail{position:absolute;left:0;right:0;bottom:-1px;height:1px;overflow:hidden}.w-workshop-story .ws-rail i{display:block;height:100%;background:linear-gradient(90deg,#9EA3A9,#383C42);transform-origin:left;transform:scaleX(var(--ws-p,1));transition:transform .9s var(--ease-o)}.w-workshop-story .ws-side{min-width:0}@media(min-width:700px){.w-workshop-story .ws-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(28px,4vw,48px)}}@media(min-width:900px){.w-workshop-story .ws-grid{grid-template-columns:minmax(0,1.34fr) minmax(0,.86fr);gap:clamp(36px,4.6vw,84px)}}.w-workshop-story .ws-hint{margin-bottom:clamp(12px,1.4vw,18px);font:italic 300 clamp(16px,1.2vw,18px)/1.5 var(--serif);color:var(--soft)}.w-workshop-story .ws-hint-t{display:none}.w-workshop-story .ws-pane+.ws-pane{margin-top:22px}.w-workshop-story .ws-k{font:500 11.5px/1 var(--sans);letter-spacing:.22em;color:var(--slate)}.w-workshop-story .ws-h{margin-top:12px;font:300 clamp(28px,2.5vw,38px)/1.08 var(--serif);color:var(--graphite)}.w-workshop-story .ws-d{margin-top:12px;max-width:32em;font:300 clamp(17px,1.25vw,19px)/1.62 var(--serif);color:var(--text)}.w-workshop-story .ws-list{display:none;margin-top:clamp(18px,2vw,26px);border-bottom:1px solid var(--line)}.w-workshop-story .ws-b{position:relative;display:flex;align-items:center;gap:clamp(12px,1.2vw,18px);width:100%;min-height:44px;padding:9px 26px 9px 0;border-top:1px solid var(--line);text-align:left;color:var(--soft)}.w-workshop-story .ws-b::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--graphite);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease-o)}.w-workshop-story .ws-b.on::before,.w-workshop-story .ws-b.done::before{transform:none}.w-workshop-story .ws-n{flex:0 0 2.2em;font:500 11.5px/1 var(--sans);letter-spacing:.22em;color:var(--slate);transition:color .4s var(--ease)}.w-workshop-story .ws-t{font:400 clamp(18px,1.35vw,21px)/1.2 var(--serif);color:var(--soft);transition:color .4s var(--ease)}.w-workshop-story .ws-tick{position:absolute;right:2px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;border:1px solid var(--steel);transition:background-color .4s var(--ease),border-color .4s var(--ease),transform .5s var(--ease-o)}.w-workshop-story .ws-b.done .ws-tick{background:var(--steel)}.w-workshop-story .ws-b.on .ws-tick{background:var(--graphite);border-color:var(--graphite);transform:scale(1.25)}.w-workshop-story .ws-b.on .ws-t,.w-workshop-story .ws-b.on .ws-n{color:var(--graphite)}@media(hover:hover){.w-workshop-story .ws-b:hover .ws-t{color:var(--graphite)}}.w-workshop-story .ws-b:focus-visible{outline-offset:-2px}.w-workshop-story .ws-note{margin-top:clamp(16px,1.6vw,22px);font-size:15px;line-height:1.65;color:var(--soft)}.w-workshop-story .ws-note-t{display:block;margin-bottom:4px;font:500 11.5px/1.3 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--slate)}.w-workshop-story .ws-js .ws-read{display:grid}.w-workshop-story .ws-js .ws-pane{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s var(--ease),transform .5s var(--ease),visibility 0s linear .5s}.w-workshop-story .ws-js .ws-pane[hidden]{display:block}.w-workshop-story .ws-js .ws-pane.on{opacity:1;visibility:visible;transform:none;transition:opacity .7s var(--ease) .15s,transform .9s var(--ease-o) .15s,visibility 0s}.w-workshop-story .ws-js .ws-list{display:block}.w-workshop-story .ws-pinned .ws-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;padding:calc(var(--sp-top) + clamp(8px,2vh,24px)) 0 clamp(14px,3vh,30px)}.w-workshop-story .ws-pinned .ws-grid{width:100%}.w-workshop-story .ws-pinned .ws-art{max-height:calc(100vh - var(--sp-top) - clamp(8px,2vh,24px) - clamp(14px,3vh,30px))}.w-workshop-story .ws-pinned .ws-hint-t{display:inline;font:500 11.5px/1.3 var(--sans);font-style:normal;letter-spacing:.22em;text-transform:uppercase;color:var(--slate)}.w-workshop-story .ws-pinned .ws-hint-t::after{content:"";display:inline-block;width:22px;height:1px;margin:0 10px 4px 12px;background:var(--steel);vertical-align:middle}.w-workshop-story .ws-pinned .ws-rail i{transition:transform .15s linear}.w-workshop-story .ws-svg path{stroke-width:var(--sw,1.7);stroke-dasharray:1 2;stroke-dashoffset:calc((1 - clamp(0,calc(var(--s) - var(--d) + 1),1)) * 1.05);fill-opacity:clamp(0,calc(var(--s) - var(--d) + 1),1);transition:stroke-dashoffset 1.5s var(--ease),fill-opacity .9s var(--ease) .4s}.w-workshop-story .k-face{fill:#FFFFFF}.w-workshop-story .k-grain{fill:#DDE0E4}.w-workshop-story .k-in{fill:#F0F1F3}.w-workshop-story .k-shade{fill:#CBCFD5}.w-workshop-story .k-paint{fill:var(--ws-paint);stroke:var(--ws-paint-ln)}.w-workshop-story .k-brass{fill:var(--ws-brass);stroke:var(--ws-brass-ln)}.w-workshop-story .k-dt{stroke-opacity:.55}.w-workshop-story .ws-svg .k-mk{stroke:var(--slate);stroke-width:calc(var(--sw,1.7) * .8);stroke-dasharray:6 5;stroke-dashoffset:0;transition:none}.w-workshop-story .ws-svg .k-ph{stroke:var(--steel);stroke-width:calc(var(--sw,1.7) * .85);stroke-dasharray:22 7 4 7;stroke-dashoffset:0;transition:none}.w-workshop-story .k-sq{stroke:var(--slate);stroke-width:calc(var(--sw,1.7) * .85)}.w-workshop-story .k-ah{fill:var(--slate);stroke:var(--slate);stroke-width:calc(var(--sw,1.7) * .5)}.w-workshop-story .wsp{--out:clamp(0, calc(var(--m) - var(--s)), 1);transform:translate(calc(var(--tx) * var(--out)),calc(var(--ty) * var(--out)));transition:transform 1.5s var(--ease-o) .65s}.w-workshop-story .wsv,.w-workshop-story .wsk,.w-workshop-story .wsx{opacity:calc(clamp(0,calc(var(--s) - var(--a) + 1),1) * clamp(0,calc(var(--z) - var(--s)),1));transition:opacity .7s var(--ease)}.w-workshop-story .wsx{--d:var(--a)}.w-workshop-story .wsx path{transition:stroke-dashoffset 1.2s var(--ease),fill-opacity .6s var(--ease) .5s}.w-workshop-story .wsp-paint{transition:opacity 1.1s var(--ease)}.w-workshop-story .wsl{opacity:calc(var(--out) * clamp(0,calc(var(--s) - var(--a) + 1),1));transition:opacity .35s var(--ease) 1.75s}.w-workshop-story .wsp-fr,.w-workshop-story .wsp-bk{transition:transform 1.1s var(--ease-o) .5s}.w-workshop-story .wsp-ls,.w-workshop-story .wsp-rs{transition:transform 1.25s var(--ease-o) 1.3s}.w-workshop-story .wsl{transition-delay:2.45s}.w-workshop-story .wsp-bs{transition:transform .9s var(--ease) 0s}.w-workshop-story .wsb{transform:translate(calc(var(--bx) * var(--out)),calc(var(--by) * var(--out)));transition:transform 1.4s var(--ease-o) .85s}.w-workshop-story [data-dir=b] .wsv{transition-delay:1s}.w-workshop-story [data-dir=b] .wsl{transition-delay:0s}.w-workshop-story [data-dir=b] .wsp-ls,.w-workshop-story [data-dir=b] .wsp-rs{transition-delay:0s}.w-workshop-story [data-dir=b] .wsp-fr,.w-workshop-story [data-dir=b] .wsp-bk{transition-delay:.8s}.w-workshop-story [data-dir=b] .wsb{transition-delay:0s}.w-workshop-story [data-dir=b] .wsp-bs{transition-delay:1.1s}.w-workshop-story .ws-now,.w-workshop-story .ws-now *,.w-workshop-story .ws-now *::before{transition:none!important}@media(pointer:coarse){.w-workshop-story .ws-n,.w-workshop-story .ws-note-t,.w-workshop-story .ws-pinned .ws-hint-t{font-size:12px}.w-workshop-story .ws-b{min-height:48px}}@media(max-width:699px){.w-workshop-story .ws-art{margin-inline:calc(var(--gut) * -.5);width:calc(100% + var(--gut))}}@media(max-width:699px){.w-workshop-story .ws-js .ws-grid{display:block}.w-workshop-story .ws-js .ws-art{position:sticky;top:68px;z-index:2;max-height:48vh;max-height:48svh}.w-workshop-story .ws-js .ws-side{display:flex;flex-direction:column;margin-top:clamp(20px,5.6vw,26px)}.w-workshop-story .ws-js .ws-hint{order:1;margin-bottom:0}.w-workshop-story .ws-js .ws-list{order:2;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:clamp(10px,3vw,14px) calc(var(--gut) * -.5) 0;border-bottom:0}.w-workshop-story .ws-js .ws-read{order:3;margin-top:clamp(18px,5vw,24px)}.w-workshop-story .ws-js .ws-note{order:4}.w-workshop-story .ws-js .ws-b{justify-content:center;gap:0;min-height:48px;padding:0}.w-workshop-story .ws-js .ws-b::before{left:3px;right:3px}.w-workshop-story .ws-js .ws-n{flex:none;padding-left:.22em}.w-workshop-story .ws-js .ws-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.w-workshop-story .ws-js .ws-tick{display:none}}@media(max-width:359px){.w-workshop-story .ws-js .ws-list{margin-inline:calc(var(--gut) * -1)}}@media(min-width:900px)and (max-height:780px){.w-workshop-story .ws-pinned .ws-b{min-height:36px;padding-block:5px}.w-workshop-story .ws-pinned .ws-t{font-size:17px}.w-workshop-story .ws-pinned .ws-h{margin-top:8px;font-size:clamp(24px,2.2vw,32px)}.w-workshop-story .ws-pinned .ws-d{margin-top:8px;font-size:16.5px;line-height:1.55}.w-workshop-story .ws-pinned .ws-note{display:none}.w-workshop-story .ws-pinned .ws-list{margin-top:14px}.w-workshop-story .ws-pinned .ws-hint{margin-bottom:10px}}@media(max-width:600px){.w-workshop-story .ws-art{margin-inline:0;width:100%}}@media(pointer:coarse){.w-workshop-story .ws-k,.w-workshop-story .ws-n,.w-workshop-story .ws-note-t,.w-workshop-story .ws-pinned .ws-hint-t{font-size:12px}}