#workshop{--ws-ink:#173f37;--ws-muted:#657568;--ws-paper:#fff8e8;--ws-line:#ddcfad;width:100vw;max-width:none;height:100svh;max-height:none;inset:0;margin:0;border:0;border-radius:0;color:var(--ws-ink);background:#fcf5e5}
body.workshop-open{overflow:hidden}
#workshop .ws-layout{height:100%;display:flex;flex-direction:column}
#workshop button,#workshop select,#workshop input,#workshop textarea{font-family:Arial,Helvetica,sans-serif}
#workshop button:focus-visible,#workshop input:focus-visible,#workshop select:focus-visible{outline:3px solid #b77f2d;outline-offset:3px}
#workshop .ws-top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 3.2%;min-height:69px;background:#fffaf0;border-bottom:1px solid var(--ws-line)}
#workshop .ws-top nav{display:flex;align-items:center;gap:23px;font-size:11px}
#workshop .ws-exit{font-size:11px;padding:10px 0}
#workshop .ws-brand{display:flex;align-items:center;gap:10px;font:18px Georgia,serif}
#workshop .ws-brand>b{font:38px/.9 Georgia,serif;color:#ad7831;letter-spacing:-3px}
#workshop .ws-brand small{font:8px Arial,sans-serif;letter-spacing:1.8px;color:#768376;margin-left:10px}
#workshop .ws-hire{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #154a40;background:#194f45;color:#fff7df;border-radius:7px;padding:12px 17px;font-size:11px;font-weight:700;white-space:nowrap}
#workshop .ws-hire:hover{background:#286959}
#workshop .ws-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-color:#c5b58f #fcf5e5}
#workshop .ws-intro{max-width:1700px;margin:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:24px 3.2% 21px}
#workshop .ws-eyebrow{font:700 8px Arial,sans-serif;letter-spacing:1.8px;margin:0 0 9px;color:#71806b}
#workshop h1{font:normal clamp(28px,3vw,46px)/1.08 Georgia,serif;letter-spacing:-1.2px;margin:0;max-width:690px}
#workshop h1 em{font-weight:400;color:#357b67}
#workshop .ws-intro>p{font-size:11px;line-height:1.7;color:var(--ws-muted);margin:0;max-width:350px}
#workshop .ws-gallery{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(340px,.9fr);gap:27px;max-width:1700px;margin:0 auto;padding:0 3.2% 30px;align-items:start}
#workshop .ws-room{min-width:0;position:sticky;top:20px}
#workshop .ws-room-scroll{overflow:auto;border-radius:15px;border:1px solid #cab88c;box-shadow:0 6px 24px #68522a19;scrollbar-width:thin;scrollbar-color:#bca572 #eadcbb;overscroll-behavior-x:contain}
#workshop .ws-room-map{position:relative;aspect-ratio:1672/941;isolation:isolate;background:#e9dcc2}
#workshop .ws-room-map>img{display:block;width:100%;height:100%;object-fit:cover}
#workshop-pip{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
#workshop .ws-hotspots{position:absolute;inset:0;pointer-events:none}
#workshop .ws-hot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #c59642;background:radial-gradient(circle at 35% 25%,#fff7cf,#e4c47e);box-shadow:0 2px 0 #745625a1,0 3px 9px #46351b45;color:#654716;font:700 11px Georgia,serif}
#workshop .ws-hot[aria-pressed=true]{color:#fff4c5;background:radial-gradient(circle at 35% 25%,#3d8c76,#194f45);border-color:#f1d58f;box-shadow:0 0 0 4px #ffeab277,0 3px 10px #46351b50}
#workshop .ws-hot b{display:none;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);background:#173f37;color:#fff7df;padding:7px 10px;white-space:nowrap;font:10px Arial,sans-serif;border-radius:5px;box-shadow:0 2px 10px #163c3433}
#workshop .ws-hot:hover b,#workshop .ws-hot:focus-visible b{display:block}
#workshop .ws-room-note{display:flex;justify-content:space-between;align-items:center;padding:11px 2px;font-size:10px;color:#677665;gap:12px}
#workshop .ws-motion{border:1px solid #d9ccaa;border-radius:20px;padding:6px 9px;font-size:9px;white-space:nowrap}
#workshop .ws-exhibits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
#workshop .ws-exhibits button{position:relative;border:1px solid #d8c9a3;border-radius:6px;background:#fffbee;padding:10px 5px;font-size:9px;line-height:1.3;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:54px}
#workshop .ws-exhibits button>span{font:italic 12px Georgia,serif;color:#b18438}
#workshop .ws-exhibits button[aria-pressed=true]{background:#e4eddd;border-color:#3d7a5c;color:#194d3c}
#workshop .ws-exhibits button.is-collected i{position:absolute;right:4px;top:4px;width:5px;height:5px;border-radius:50%;background:#2e7c5c}
#workshop .ws-room-foot{font-size:9px;line-height:1.6;color:#79806b;margin:12px 0 0;text-align:center}
#workshop .ws-room-foot .ws-explored{color:#2d7159}
#workshop .ws-bench{padding:22px 24px 20px;background:#fffaf0;border:1px solid #dfd2ae;border-radius:12px;box-shadow:0 5px 20px #735b3010;scroll-margin-top:18px}
#workshop h2{font:normal clamp(25px,2.6vw,38px)/1.08 Georgia,serif;letter-spacing:-.8px;margin:0 0 10px}
#workshop .ws-pain{font:italic 13px/1.5 Georgia,serif;color:#73816a;margin:0 0 20px}
#workshop .ws-demo{background:#f4f0df;border:1px solid #e2d5b4;border-radius:8px;overflow:hidden;margin-bottom:20px}
#workshop .ws-demo-top{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid #dfd2b0;font:700 7px Arial,sans-serif;letter-spacing:1px;color:#89764e;background:#eee4ca}
#workshop .ws-demo-top>b{font-size:8px;font-weight:400;letter-spacing:0;white-space:nowrap}
#workshop .ws-demo-content{padding:15px}
#workshop .ws-demo-note{font-size:8px;color:#8b896e;margin:0;padding:0 15px 11px}
#workshop .ws-phone{display:flex;gap:13px;align-items:center;margin-bottom:16px}
#workshop .ws-call-mark{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:#d5e7d1;color:#307151;font-size:25px;box-shadow:0 0 0 6px #e6eddb}
#workshop .ws-phone small{display:block;font-size:7px;letter-spacing:1.3px;color:#6c8064;margin-bottom:5px}
#workshop .ws-phone b{font-size:12px}
#workshop .ws-phone p{font-size:11px;color:#777e65;margin:5px 0 0;line-height:1.5}
#workshop .ws-demo-primary{padding:10px 13px;background:#245c4c;border:1px solid #245c4c;color:#fff9e4;border-radius:5px;font-size:10px;line-height:1.4;margin-top:5px;min-height:36px}
#workshop .ws-result{padding:13px 14px;margin:12px 0 0;border:1px solid #d1d9b9;background:#fffdf2;border-radius:6px;line-height:1.55;font-size:11px}
#workshop .ws-result-kicker{display:block;font-size:7px;letter-spacing:1px;color:#63916a;margin:0 0 8px}
#workshop .ws-result p{margin:0 0 7px;line-height:1.65}
#workshop .ws-result p:last-child{margin-bottom:0}
#workshop .ws-result h4{font:normal 21px Georgia,serif;margin:0 0 6px}
#workshop .ws-result small{color:#7c846c;font-size:9px;display:block;line-height:1.6}
#workshop dl{margin:0;display:grid;gap:6px}
#workshop dl>div{display:grid;grid-template-columns:75px 1fr;gap:9px}
#workshop dt{font-size:9px;color:#78856d}
#workshop dd{margin:0;font-size:10px}
#workshop .ws-build-copy h3{font-size:10px;margin:0 0 8px}
#workshop .ws-build-copy p{font-size:11px;line-height:1.7;color:#66745f;margin:0 0 9px}
#workshop .ws-build-copy .ws-outcome{color:#234e3e;font-weight:700;font-size:10px}
#workshop .ws-bench-actions{display:flex;gap:8px;align-items:stretch;margin:17px 0 15px;flex-wrap:wrap}
#workshop .ws-add{border:1px solid #c5ceaf;padding:10px 13px;border-radius:6px;font-size:10px;white-space:nowrap}
#workshop .ws-add[aria-pressed=true]{background:#e7efde;border-color:#63946e}
#workshop .ws-bench-actions .ws-hire{font-size:10px;padding:11px 13px;flex:1}
#workshop .ws-related{display:block;width:100%;text-align:left;font-size:10px;color:#9b793c;border-top:1px solid #e8dfc9;padding:13px 0 0;line-height:1.5}
#workshop .ws-related small{display:block;font-size:8px;color:#90907a;margin-top:3px}
#workshop .ws-choices{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 11px}
#workshop .ws-chip{font-size:9px;line-height:1.5;border:1px solid #d2c8aa;background:#fffbf0;border-radius:5px;padding:7px 9px;min-height:31px}
#workshop .ws-chip[aria-pressed=true]{background:#dce9d5;border-color:#6a956b;color:#23523c}
#workshop .ws-demo-prompt{font:italic 11px/1.7 Georgia,serif;color:#889078;margin:12px 0 0}
#workshop .ws-field{display:block;font-size:10px;font-weight:700;line-height:1.5;margin-bottom:14px}
#workshop .ws-field select,#workshop .ws-field input:not([type=range]){display:block;width:100%;border:1px solid #d5c7a8;border-radius:5px;padding:9px 10px;margin-top:6px;background:#fffdf4;color:#35553f;font-size:11px}
#workshop input[type=range]{display:block;width:100%;margin:13px 0 0;accent-color:#337b5b}
#workshop .ws-field>b{float:right}
#workshop .ws-check{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.6;margin:11px 0}
#workshop input[type=checkbox]{accent-color:#287050;margin:1px 0 0;flex:none}
#workshop .ws-quote{padding:12px 14px;border:1px solid #ddd1b4;background:#fffdf4;border-radius:5px;font-size:11px;display:grid;gap:11px;margin:13px 0}
#workshop .ws-quote>div{display:flex;justify-content:space-between;gap:20px}
#workshop .ws-quote span>b{font-weight:400;color:#7f876e}
#workshop .ws-quote .ws-total{border-top:1px solid #d9cfb8;padding-top:11px;align-items:center}
#workshop .ws-total>b{font:25px Georgia,serif;color:#296d4d}
#workshop .ws-review-stamp{font-size:7px;color:#858568;letter-spacing:1px}
#workshop .ws-paper{padding:15px;border:1px solid #d8caaa;background:#fffdf3;box-shadow:2px 3px 0 #e5dbc2;transform:rotate(-.6deg);font-size:11px;line-height:1.8;margin:0 0 15px}
#workshop .ws-paper>span{font-size:7px;letter-spacing:1px;color:#a18550}
#workshop .ws-paper p{margin:9px 0 0}
#workshop .ws-review-state{font-size:9px;color:#43815a}
#workshop .ws-task-list{display:grid;gap:7px}
#workshop .ws-task-list article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:#fffdf3;border:1px solid #e0d5b9;border-left:3px solid #ca9a45;border-radius:4px}
#workshop .ws-task-list b{font-size:10px;font-weight:600;display:block;margin:0 0 5px}
#workshop .ws-task-list small{font-size:9px;color:#8b8d73;line-height:1.5;display:block}
#workshop .ws-task-list button{font-size:9px;background:#e8eddc;color:#4d7856;border-radius:4px;padding:7px;white-space:nowrap}
#workshop .ws-task-list .ws-done{border-left-color:#9ab68a;opacity:.7}
#workshop .ws-draft{white-space:pre-line}
#workshop .ws-guide{border:1px solid #ded3b5;border-radius:5px;background:#fffdf4;margin-bottom:7px;padding:10px}
#workshop .ws-guide>button{display:block;width:100%;text-align:left;font-size:11px;font-weight:600;padding:0}
#workshop .ws-guide>small{display:block;font-size:8px;color:#8b9279;margin-top:9px}
#workshop .ws-guide ol{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}
#workshop .ws-guide li label{display:flex;gap:7px;align-items:flex-start;font-size:10px;line-height:1.5}
#workshop .ws-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:15px 0}
#workshop .ws-progress button{font-size:8px;line-height:1.5;color:#969780;padding:0 2px;display:flex;align-items:center;flex-direction:column;gap:6px}
#workshop .ws-progress i{display:grid;place-items:center;width:23px;height:23px;border:1px solid #d0c8ad;border-radius:50%;font-style:normal}
#workshop .ws-progress .is-complete i{background:#dfebd5;border-color:#8daf7a;color:#49815a}
#workshop .ws-progress button[aria-pressed=true]{color:#255b3f;font-weight:700}
#workshop .ws-progress button[aria-pressed=true] i{background:#33744f;color:white;border-color:#33744f}
#workshop .ws-buildbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 3.2%;border-top:1px solid #d8c8a1;background:#fffaf0;box-shadow:0 -4px 24px #795b2210}
#workshop .ws-bag{min-width:160px}
#workshop .ws-bag .ws-eyebrow{display:block;font-size:7px;margin-bottom:5px}
#workshop .ws-selection-copy{font:15px Georgia,serif;font-weight:400}
#workshop .ws-build-mode{display:flex;padding:3px;border:1px solid #ded3b7;border-radius:7px;gap:3px}
#workshop .ws-build-mode button{padding:8px 10px;font-size:9px;border-radius:4px;color:#839078}
#workshop .ws-build-mode button[aria-pressed=true]{color:#2e5c41;background:#e4edd9}
#portfolio .folio-workshop-brief{padding:23px;border:1px solid #d6c9a6;background:#f1eedb;border-radius:8px;margin:25px 0}
#portfolio .folio-workshop-brief h3{font:25px Georgia,serif;margin:0 0 10px}
#portfolio .folio-workshop-brief .brief-mode{font-size:12px;line-height:1.6;margin:0 0 15px;color:#567054}
#portfolio .folio-workshop-brief ul{padding:0 0 0 18px;font-size:12px;line-height:1.9}
#portfolio .folio-workshop-brief label{display:block;font-size:11px;font-weight:700;margin-top:18px}
#portfolio .folio-workshop-brief input,#portfolio .folio-workshop-brief textarea{display:block;width:100%;font:13px/1.6 Arial,sans-serif;color:#284b38;background:#fffdf4;border:1px solid #d3c7a8;border-radius:5px;padding:10px;margin-top:7px;resize:vertical}
@media(min-width:1500px){#workshop .ws-intro{padding-top:33px;padding-bottom:30px}#workshop .ws-gallery{gap:38px}#workshop .ws-bench{padding:29px}#workshop .ws-exhibits button{font-size:11px;padding:13px 7px}#workshop .ws-build-copy p{font-size:13px}#workshop .ws-demo-content{padding:22px}#workshop .ws-result{font-size:13px}}
@media(max-width:1000px){#workshop .ws-brand small{display:none}#workshop .ws-top nav{gap:14px}#workshop .ws-gallery{gap:18px;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr)}#workshop .ws-bench{padding:18px}#workshop .ws-exhibits{grid-template-columns:repeat(2,1fr)}#workshop .ws-exhibits button{flex-direction:row;padding:10px;min-height:40px;gap:9px;font-size:10px}#workshop .ws-exhibits button>span{font-size:13px}}
@media(max-width:900px){#workshop .ws-intro{display:block;padding:22px 5%}#workshop .ws-intro>p{margin-top:12px;max-width:none}#workshop .ws-gallery{display:block;padding:0 5% 25px}#workshop .ws-room{position:static;margin-bottom:25px}#workshop .ws-room-map{min-width:760px}#workshop .ws-room-scroll{max-width:100%}#workshop .ws-exhibits{grid-template-columns:repeat(5,1fr)}#workshop .ws-exhibits button{flex-direction:column;font-size:9px;gap:3px;padding:8px 4px}#workshop .ws-hot{width:38px;height:38px}#workshop .ws-bench{scroll-margin-top:15px}#workshop .ws-buildbar{gap:10px;flex-wrap:wrap}#workshop .ws-build-mode{order:3;justify-content:center;width:100%}#workshop .ws-buildbar>.ws-hire{margin-left:auto}#workshop .ws-build-mode button{flex:1}#workshop h2{font-size:32px}#workshop .ws-bench{padding:25px}#workshop .ws-build-copy p{font-size:12px}}
@media(max-width:600px){#workshop .ws-top{padding:10px 5%;gap:10px;min-height:59px}#workshop .ws-brand{font-size:12px;gap:7px}#workshop .ws-brand>b{font-size:28px}#workshop .ws-exit{font-size:10px}#workshop .ws-top nav>button:not(.ws-hire){display:none}#workshop .ws-top .ws-hire{font-size:9px;padding:10px;white-space:normal;max-width:100px;line-height:1.35}#workshop h1{font-size:32px;letter-spacing:-.8px}#workshop .ws-eyebrow{font-size:7px;line-height:1.6}#workshop .ws-intro>p{font-size:11px}#workshop .ws-exhibits{grid-template-columns:repeat(2,1fr)}#workshop .ws-exhibits button{flex-direction:row;padding:10px;font-size:10px;gap:8px;min-height:40px}#workshop .ws-bench{padding:21px 17px}#workshop .ws-demo-content{padding:13px}#workshop .ws-bench-actions{display:grid;grid-template-columns:1fr}#workshop .ws-bench-actions .ws-hire{padding:13px}#workshop .ws-top nav{gap:0}#workshop .ws-buildbar{padding:10px 5%;gap:9px}#workshop .ws-bag{min-width:0}#workshop .ws-selection-copy{font-size:13px}#workshop .ws-buildbar>.ws-hire{font-size:10px;padding:11px 13px}#workshop .ws-build-mode button{font-size:9px;padding:7px}#workshop .ws-build-mode{padding:2px}#workshop .ws-room-note{font-size:9px}#workshop .ws-chip{font-size:10px;min-height:36px}#workshop .ws-demo-top{font-size:6px;gap:4px}#workshop .ws-demo-top>b{font-size:7px}#portfolio .folio-workshop-brief{padding:18px}#workshop .ws-room-map{min-width:760px}#workshop .ws-hot{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){#workshop *{scroll-behavior:auto!important}}

#workshop .ws-mobile-hint{display:none}
#workshop .ws-exhibit-nav{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:-4px 0 13px}
#workshop .ws-exhibit-nav button{font-size:9px;color:#8f794d;padding:3px 0;text-underline-offset:3px}
#workshop .ws-exhibit-nav button:hover{text-decoration:underline}
#workshop .ws-exhibit-nav [data-action=gallery]{display:none}
@media(max-width:900px){#workshop .ws-desktop-hint{display:none}#workshop .ws-mobile-hint{display:inline}#workshop .ws-exhibit-nav{justify-content:space-between;margin:0 0 18px}#workshop .ws-exhibit-nav [data-action=gallery]{display:block}#workshop .ws-exhibit-nav button{font-size:10px}}
