:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#173052;background:#fff;--navy:#01017c;--cyan:#22a9f8;--muted:#4f657a;--line:#d3e4ef}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #01017c;outline-offset:4px}[hidden]{display:none!important}.workshop{max-width:1120px;margin:auto;padding:28px 24px}header{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:27px}header>div{min-width:0}header>a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:48px;flex:none}header img{display:block;object-fit:contain}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.11em;font-weight:700;color:#235b7e;margin:0}header .eyebrow{color:var(--navy);display:flex;align-items:center;gap:9px}header .eyebrow:before{content:"";height:7px;width:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #e5f6ff}h1{font-size:clamp(35px,4.2vw,50px);line-height:1.06;font-weight:650;letter-spacing:-.047em;color:var(--navy);margin:13px 0 16px}header>div>p:last-child{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:28px;align-items:start}.layout>*{min-width:0}.visual-panel{border:1px solid var(--line);border-radius:23px;background:#f6fbff;box-shadow:0 18px 45px #103e6a0b}.scene-top{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#061b35;border-radius:22px 22px 0 0;padding:11px 19px 0;color:#d7edfc;font-size:11px;line-height:1.4}.scene-top button{color:#e2f4ff;background:#163b59;border:1px solid #688fa8;min-height:44px;border-radius:24px;padding:8px 14px;font-size:11px}.scene-top button:focus-visible,.stage button:focus-visible{outline-color:#76d6ff}.stage{position:relative;background:#061b35;color:#fff}.stage>svg{display:block;width:100%;height:auto}.stage .side-view{display:none}.stage[data-view=side] .room-view{display:none}.stage[data-view=side] .side-view{display:block}.stage .measurement{opacity:0;transition:opacity .2s}.stage[data-measure=true] .measurement{opacity:1}.stage .document-object,.stage .monitor-object,.stage .room-object{transition:filter .2s}.stage[data-task=document] .document-object,.stage[data-task=monitor] .monitor-object,.stage[data-task=room] .room-object{filter:drop-shadow(0 0 9px #67d2ff66)}.scene-targets button{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;border:1px solid #87cbef;border-radius:50%;background:#0c2f4c;color:#e4f6ff;font-size:14px;font-weight:700;box-shadow:0 5px 15px #00102155;transition:box-shadow .15s}.scene-targets button[aria-pressed=true]{background:#dff6ff;color:#011d43;box-shadow:0 0 0 5px #22a9f82a,0 6px 18px #00102155}.model-note{position:absolute;bottom:10px;left:17px;font-size:8px;letter-spacing:.08em;color:#c0deef}.task-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px;border-bottom:1px solid var(--line);background:#fff}.task-picker button{min-width:0;min-height:52px;border:0;background:#fff;display:flex;justify-content:center;align-items:center;gap:7px;color:#3e627c;font-size:12px;border-radius:10px}.task-picker button span{display:grid;place-items:center;width:20px;height:20px;flex:none;border:1px solid #b7cddc;border-radius:50%;font-size:10px}.task-picker button[aria-pressed=true]{background:#eaf6fe;color:var(--navy);font-weight:650}.task-picker button[aria-pressed=true] span{border-color:var(--navy)}.task-readout{padding:21px 22px 23px;min-height:242px}.task-readout h2{font-size:24px;line-height:1.18;letter-spacing:-.03em;color:var(--navy);font-weight:650;margin:8px 0 12px;max-width:24ch}.task-readout>p:not(.eyebrow){font-size:12px;line-height:1.75;color:#38566e;margin:0}.measure{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #b0ccdf;background:#fff;color:var(--navy);border-radius:23px;padding:8px 14px;font-size:11px;margin-top:16px}.measure[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.task-readout .measurement-copy{border-left:2px solid #2984b4;padding-left:12px;margin-top:14px!important}.design-panel{padding-top:9px}.design-panel>h2{font-size:30px;line-height:1.14;letter-spacing:-.036em;font-weight:650;color:var(--navy);margin:10px 0 19px}.design-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.design-picker button{min-width:0;min-height:53px;border:1px solid #c7dce9;background:#fff;color:#385b75;border-radius:11px;padding:9px;font-size:11px;line-height:1.4;text-align:left}.design-picker button[aria-pressed=true]{background:#eef8ff;border-color:var(--navy);color:var(--navy);font-weight:650;box-shadow:inset 3px 0 0 var(--navy)}.design-lens{height:172px;position:relative;background:radial-gradient(ellipse,#e5f5ff,transparent 65%);margin:8px 0 12px;display:grid;place-items:center}.lens-volume{display:block;width:87px;height:110px;border-radius:50%;transform:rotate(30deg);background:linear-gradient(130deg,#fff,#d6edf9 35%,#f5fcff77 65%,#9ecde4);border:1px solid #86b7d2;box-shadow:7px 4px 0 #5f9fbf55,inset 7px 4px 10px #fff}.lens-orbit{position:absolute;width:175px;height:58px;border:1px solid #c3ddea;border-radius:50%;transform:rotate(-15deg);top:75px}.lens-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.07em;color:#285d7e}.design-panel h3{font-size:24px;line-height:1.2;letter-spacing:-.03em;color:var(--navy);font-weight:650;margin:22px 0 12px}.design-panel>p:not(.eyebrow){font-size:12px;line-height:1.75;color:#3c566d;margin:0}.design-limit{border:1px solid #c4dfed;background:#eef8fd;border-radius:12px;padding:14px;margin-top:18px!important}.design-limit strong{display:block;color:#154b72;font-size:10px;margin-bottom:5px;letter-spacing:.025em}.design-limit span{display:block;font-size:12px;line-height:1.7;color:#1c4160}.design-panel .design-scope{font-size:10px!important;color:#526b7f!important;border-top:1px solid var(--line);margin-top:18px!important;padding-top:16px}.closing-note{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.65fr);gap:24px;border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.closing-note>*{min-width:0}.closing-note strong{color:var(--navy);font-size:20px;line-height:1.25;letter-spacing:-.025em;font-weight:650}.closing-note p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:9px;margin-top:15px}footer>span{font-size:8px;letter-spacing:.05em}footer a{display:flex;align-items:center;min-height:44px;color:var(--navy);text-underline-offset:3px}.static-guide{font-size:12px;line-height:1.8;margin-top:22px;color:#38566e}.static-guide summary{cursor:pointer;min-height:48px;color:var(--navy);display:flex;align-items:center;font-weight:650}.static-guide h2{font-size:22px;color:var(--navy);letter-spacing:-.025em}.static-guide strong{color:#173d60}.no-js .enhanced{display:none!important}.no-js .design-lens{display:none}.no-js .static-guide{display:block}.no-js .static-guide>summary{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){.workshop{padding:22px 13px}header{gap:14px;margin-bottom:22px}header .eyebrow{font-size:8px}header h1{font-size:33px;margin:12px 0 14px}header>div>p:last-child{font-size:12px}header img{width:44px;height:auto}.layout{grid-template-columns:minmax(0,1fr);gap:26px}.scene-top{padding:8px 12px 0;font-size:10px}.scene-top button{font-size:10px;padding:8px 12px}.task-picker{gap:2px;padding:6px}.task-picker button{font-size:10px;gap:5px;min-height:50px}.task-picker button span{width:17px;height:17px;font-size:9px}.task-readout{padding:19px 16px 20px;min-height:0}.task-readout .eyebrow{font-size:9px}.task-readout h2{font-size:25px;max-width:24ch}.task-readout>p:not(.eyebrow){font-size:12px}.model-note{left:13px;bottom:8px;font-size:7px}.design-panel{padding:0 3px}.design-panel>h2{font-size:29px;max-width:20ch;margin-bottom:18px}.design-panel>h2 br{display:none}.design-picker button{min-height:52px;font-size:12px;padding:10px 12px}.design-lens{height:150px;margin-top:6px}.lens-volume{width:77px;height:99px}.lens-orbit{top:66px}.design-panel h3{font-size:25px;margin-top:21px}.design-panel>p:not(.eyebrow),.design-limit span{font-size:12px}.design-panel .design-scope{font-size:10px!important}.closing-note{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px;padding-top:20px}.closing-note strong{font-size:22px}.closing-note p{font-size:11px}footer{display:block}footer>span{display:block}footer a{margin-top:4px}.no-js .layout{gap:22px}}
@media(max-width:340px){header h1{font-size:29px}header .eyebrow{font-size:7px}.task-picker button{font-size:9px;gap:4px}.task-readout h2{font-size:23px}.design-panel>h2{font-size:27px}.model-note{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.no-js .design-panel,.no-js .task-readout{display:none}