.brand-workbench{--bw-ease:cubic-bezier(.22,.75,.15,1);position:relative;width:100%;max-width:640px;margin:0 auto;color:#eeeae0}.bw-scene{position:relative;height:clamp(420px,36vw,560px);isolation:isolate;pointer-events:none}.bw-scene-content{position:absolute;inset:0}.bw-drawing{display:block;width:100%;height:100%;overflow:visible}.bw-ground{position:absolute;inset:auto -12% 3%;height:23%;opacity:.7;background:radial-gradient(ellipse,rgb(156 85 39/.13),transparent 67%)}.bw-construction{opacity:.08}.bw-blueprint{opacity:0}.bw-blueprint-line,.bw-guide-circle,.bw-guide-line{stroke-dasharray:1;stroke-dashoffset:0}.bw-piece{opacity:1;transform-box:fill-box;transform-origin:center}.bw-piece-side{transform:translate(3px,3px);opacity:.45}.bw-baseline{opacity:.7}.bw-sheen-pass{opacity:0;transform:translateX(-180px)}.bw-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:430px;margin:0 auto;padding:0;list-style:none}.bw-stage{position:relative;display:block;border-top:1px solid rgb(238 234 224/.16);padding-top:14px}.bw-stage:before{content:"";position:absolute;inset:-1px 0 auto;height:1px;background:#ff995a;opacity:.15;transform-origin:left}.bw-stage-name{color:#a69c8f;font-family:var(--font-outfit),sans-serif;font-size:18px}.bw-stage-detail{display:block;margin-top:4px;color:#958b7e;font-family:var(--font-instrument),sans-serif;font-size:11px;line-height:1.55}@media (prefers-reduced-motion:no-preference){.brand-workbench[data-loop=true] .bw-stage:before,.brand-workbench[data-loop=true] :where(.bw-construction,.bw-blueprint,.bw-blueprint-line,.bw-guide-line,.bw-guide-circle,.bw-piece,.bw-piece-side,.bw-ground,.bw-baseline,.bw-sheen-pass,.bw-stage-name){animation-duration:12s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:var(--bw-ease)}.brand-workbench[data-loop=true] .bw-construction{animation-name:bw-loop-guides}.brand-workbench[data-loop=true] .bw-blueprint{animation-name:bw-loop-blueprint}.brand-workbench[data-loop=true] :is(.bw-blueprint-line,.bw-guide-line,.bw-guide-circle){animation-name:bw-loop-trace;animation-timing-function:linear}.brand-workbench[data-loop=true] .bw-piece-rise{animation-name:bw-loop-rise}.brand-workbench[data-loop=true] .bw-piece-fall{animation-name:bw-loop-fall}.brand-workbench[data-loop=true] .bw-piece-square{animation-name:bw-loop-square}.brand-workbench[data-loop=true] .bw-piece-depth{animation-name:bw-loop-depth}.brand-workbench[data-loop=true] .bw-piece-side{animation-name:bw-loop-edges}.brand-workbench[data-loop=true] .bw-ground{animation-name:bw-loop-ground}.brand-workbench[data-loop=true] .bw-baseline{animation-name:bw-loop-baseline}.brand-workbench[data-loop=true] .bw-sheen-pass{animation-name:bw-loop-sheen;animation-timing-function:linear}.brand-workbench[data-loop=true] .bw-stage[data-stage=design] .bw-stage-name{animation-name:bw-loop-plan-label}.brand-workbench[data-loop=true] .bw-stage[data-stage=build] .bw-stage-name{animation-name:bw-loop-build-label}.brand-workbench[data-loop=true] .bw-stage[data-stage=ship] .bw-stage-name{animation-name:bw-loop-ship-label}.brand-workbench[data-loop=true] .bw-stage[data-stage=design]:before{animation-name:bw-loop-plan-progress}.brand-workbench[data-loop=true] .bw-stage[data-stage=build]:before{animation-name:bw-loop-build-progress}.brand-workbench[data-loop=true] .bw-stage[data-stage=ship]:before{animation-name:bw-loop-ship-progress}.brand-workbench[data-visible=false] *,.brand-workbench[data-visible=false] :before,html:is([data-studio-intro=pending],[data-studio-intro=playing]) .brand-workbench *,html:is([data-studio-intro=pending],[data-studio-intro=playing]) .brand-workbench :before{animation-play-state:paused}}@keyframes bw-loop-guides{0%,66%,8%,to{opacity:.05}14%,28%{opacity:.5}38%,48%{opacity:.12}}@keyframes bw-loop-blueprint{0%,66%,8%,to{opacity:0}14%,29%{opacity:1}38%,48%{opacity:.2}}@keyframes bw-loop-trace{0%,79%,8%,to{stroke-dashoffset:1}25%,68%{stroke-dashoffset:0}}@keyframes bw-loop-rise{0%,64%,8%,to{opacity:1;transform:none}20%,28%{opacity:0;transform:none}38%,48%{opacity:1;transform:translate(-23px,-13px)}61%{opacity:1;transform:translate(1px,.7px)}}@keyframes bw-loop-fall{0%,65%,8%,to{opacity:1;transform:none}20%,29%{opacity:0;transform:none}40%,50%{opacity:1;transform:translate(26px,-17px)}62%{opacity:1;transform:translate(-.8px,.6px)}}@keyframes bw-loop-square{0%,66%,8%,to{opacity:1;transform:none}20%,30%{opacity:0;transform:none}42%,53%{opacity:1;transform:translate(-4px,23px)}63%{opacity:1;transform:translateY(-1.4px)}}@keyframes bw-loop-depth{0%,64%,8%,to{opacity:1;transform:none}20%,29%{opacity:0;transform:none}40%,50%{opacity:.6;transform:translate(4px,7px)}}@keyframes bw-loop-edges{0%,66%,8%,to{opacity:.45;transform:translate(3px,3px)}38%,49%{opacity:.8;transform:translate(6px,7px)}}@keyframes bw-loop-ground{0%,66%,8%,to{opacity:.7}20%,28%{opacity:0}38%,48%{opacity:.55}}@keyframes bw-loop-baseline{0%,66%,8%,to{opacity:.7}14%,28%{opacity:1}38%,48%{opacity:.65}}@keyframes bw-loop-sheen{0%,66%{opacity:0;transform:translateX(-180px)}67%{opacity:.38;transform:translateX(-140px)}77%{opacity:.38;transform:translateX(300px)}79%,to{opacity:0;transform:translateX(350px)}}@keyframes bw-loop-plan-label{0%,37%,8%,to{color:#a69c8f}14%,30%{color:#fff2df}}@keyframes bw-loop-build-label{0%,30%,71%,to{color:#a69c8f}38%,61%{color:#fff2df}}@keyframes bw-loop-ship-label{0%,74%,8%,to{color:#fff2df}15%,65%{color:#a69c8f}}@keyframes bw-loop-plan-progress{0%,8%{opacity:0;transform:scaleX(0)}14%{opacity:1;transform:scaleX(.05)}33%{opacity:1;transform:scaleX(1)}41%,to{opacity:0;transform:scaleX(1)}}@keyframes bw-loop-build-progress{0%,31%{opacity:0;transform:scaleX(0)}38%{opacity:1;transform:scaleX(.05)}64%{opacity:1;transform:scaleX(1)}73%,to{opacity:0;transform:scaleX(1)}}@keyframes bw-loop-ship-progress{0%{opacity:1;transform:scaleX(.8)}8%{opacity:1;transform:scaleX(1)}15%{opacity:0;transform:scaleX(1)}16%,65%{opacity:0;transform:scaleX(0)}74%{opacity:1;transform:scaleX(.05)}to{opacity:1;transform:scaleX(.8)}}@media (min-width:640px) and (max-width:1023px){.bw-scene{height:clamp(320px,43vw,440px)}.bw-stages{gap:16px}.bw-stage-name{font-size:16px}.bw-stage-detail{font-size:10px}}@media (max-width:639px){.brand-workbench{max-width:440px}.bw-scene{height:310px}.bw-stages{gap:18px;max-width:350px}.bw-stage{padding-top:10px}.bw-stage-name{font-size:16px}.bw-stage-detail{font-size:10px;max-width:12em}}@media (prefers-reduced-motion:reduce){.brand-workbench,.brand-workbench *,.brand-workbench :before{animation:none!important;transition:none!important}}