section.bench{background:linear-gradient(#0c0b09c7,#0c0b09e6),url(/brand/ingot-metal.jpg) 50%/cover}.bench__forge{pointer-events:none;z-index:4;position:absolute;inset:.6rem}.bench__edge{background:#c9a227;position:absolute}.bench__edge--n,.bench__edge--s{height:2px;left:0;right:0;transform:scaleX(0)}.bench__edge--n{transform-origin:0;top:0}.bench__edge--s{transform-origin:100%;bottom:0}.bench__edge--w,.bench__edge--e{width:2px;top:0;bottom:0;transform:scaleY(0)}.bench__edge--w{transform-origin:top;left:0}.bench__edge--e{transform-origin:bottom;right:0}section.bench .bench__stage,.bench-step__preview{position:relative}.bench__stage.is-forging:after,.bench-step__preview.is-forging:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(90deg,#0000,#c9a227,#7eb0e8,#0000);height:1px;animation:.6s cubic-bezier(.2,.8,.2,1) bench-forge-scan;position:absolute;top:0;left:0;right:0}@keyframes bench-forge-scan{0%{opacity:0;top:8%}20%{opacity:1}to{opacity:0;top:92%}}@media (min-width:64rem){section.bench:not(.bench--steps) .bench__workspace{grid-template-columns:14.5rem minmax(0,1fr) minmax(17rem,22rem)}}section.bench .bench__brief .bench-build__actions{flex-direction:row;align-items:center;margin-top:.35rem}section.bench .bench__brief .bench-build__actions .btn,section.bench .bench__brief .bench-build__actions .btn-secondary{flex:1;width:auto}.bench-charge{gap:.65rem;display:grid}.bench-step__field{gap:.28rem;display:grid}.bench-step__field span,.bench-step__label,.bench-step__progress{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:#c9a227;font-size:.68rem}.bench-step__field input,.bench-step__field textarea{color:#edeae3;width:100%;font:inherit;resize:vertical;background:0 0;border:0;border-bottom:1px solid #edeae347;border-radius:0;margin:0;padding:.45rem 0;font-size:1rem;line-height:1.4}.bench-step__field input:focus,.bench-step__field textarea:focus{border-bottom-color:#c9a227;outline:none}.bench-step__field input::placeholder,.bench-step__field textarea::placeholder{color:#edeae361}section.bench.bench--steps{height:auto;min-height:100dvh;max-height:none;padding:calc(var(--header-total-h,5rem) + 1.1rem) 1.15rem calc(1.25rem + env(safe-area-inset-bottom,0px));flex-direction:column;scroll-margin-top:0;display:flex;overflow:visible}html[data-cookie-pending] section.bench.bench--steps{padding-bottom:calc(var(--cookie-clearance) + 1.25rem)}.bench-step__title{letter-spacing:-.055em;max-width:10ch;margin:.35rem 0 .8rem;font-size:clamp(2.5rem,12vw,3.6rem);line-height:.9}.bench-step__title:focus{outline:none}.bench-step__panel{flex:1;min-height:0;overflow:auto}@media (prefers-reduced-motion:no-preference){.bench-step__panel{animation:.42s cubic-bezier(.23,1,.32,1) bench-step-in}}@keyframes bench-step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.bench-step__list{flex-direction:column;display:flex}.bench-step__choice{color:#edeae3;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-top:1px solid #c9a22766;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.85rem 0;display:flex}.bench-step__choice span:first-child{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;font-size:clamp(1.7rem,7vw,2.2rem);line-height:1}.bench-step__choice span:last-child{color:#edeae39e;font-size:.92rem;line-height:1.35}.bench-step__choice[data-on=true] span:first-child{color:#c9a227}.bench-step__choice:focus-visible{outline-offset:2px;outline:2px solid #c9a227}.bench-step__label{margin:1rem 0 .4rem}.bench-step__swatches,.bench-step__fonts{flex-wrap:wrap;gap:.45rem;display:flex}.bench-step__swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:2.6rem;height:2.6rem}.bench-step__swatch[data-on=true]{border-color:#c9a227;box-shadow:0 0 0 2px #0c0b09,0 0 0 4px #c9a227}.bench-step__font{color:#edeae3;font:inherit;cursor:pointer;background:0 0;border:1px solid #edeae347;padding:.45rem .7rem}.bench-step__font[data-on=true]{color:#c9a227;border-color:#c9a227}.bench-step__preview{place-items:center;height:30dvh;margin-bottom:.4rem;display:grid;overflow:hidden}.bench-step__preview .device{max-height:30dvh}.bench-step__summary{color:#edeae3c7;margin:.8rem 0 0;line-height:1.45}.bench-step__nav{justify-content:space-between;gap:.75rem;padding-top:.9rem;display:flex}.bench-step__nav .btn,.bench-step__nav .btn-secondary{min-width:7.5rem}@media (max-height:52rem){section.bench:not(.bench--steps){height:auto;min-height:100dvh;max-height:none}section.bench:not(.bench--steps) .bench__studio{overflow:visible}section.bench:not(.bench--steps) .bench__stage{min-height:42vh}}@media (prefers-reduced-motion:reduce){.bench__edge--n,.bench__edge--s,.bench__edge--w,.bench__edge--e{transform:none}.bench-step__panel{animation:none}}
