.step-stage{border:1px solid var(--line);width:100%;height:100%;min-height:min(48rem,72svh);box-shadow:var(--shadow);contain:layout paint;isolation:isolate;background:#070604;place-items:center;display:grid;position:relative;overflow:hidden}.step-stage:after{z-index:8;pointer-events:none;border:1px solid color-mix(in oklch, var(--aged-brass) 12%, transparent);content:"";position:absolute;inset:3.5%}.step-stage-index{z-index:10;color:var(--foam-dim);font-family:var(--font-utility), monospace;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 8px var(--night-deep);grid-template-columns:auto 2.5rem auto;align-items:center;gap:.5rem;font-size:.64rem;display:grid;position:absolute;top:6%;left:6%}.step-stage-index span{color:var(--aged-brass)}.step-stage-index i{background:var(--line-strong);height:1px}.step-demonstration,.step-demonstration-static{position:absolute;inset:0}.step-demonstration-video{object-fit:contain;background:#070604;width:100%;height:100%;position:absolute;inset:0}.step-demonstration-static img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none}.step-demonstration-measure{z-index:10;border-left:2px solid var(--aged-brass);background:#070604eb;background:color-mix(in oklch, var(--night-deep) 84%, transparent);-webkit-backdrop-filter:blur(.45rem);backdrop-filter:blur(.45rem);max-width:min(38rem,89%);box-shadow:0 .75rem 2rem color-mix(in oklch, var(--night-deep) 54%, transparent);text-shadow:0 1px 8px var(--night-deep);gap:.25rem;padding:.65rem .85rem .7rem;display:grid;position:absolute;bottom:18%;right:5.5%}.step-demonstration-measure span{color:var(--aged-brass);font-family:var(--font-utility), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:.54rem}.step-demonstration-measure strong{color:var(--foam);font-family:var(--font-display), serif;overflow-wrap:anywhere;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:400;line-height:1.22}.step-demonstration-controls{z-index:10;border-top:1px solid color-mix(in oklch, var(--aged-brass) 52%, transparent);min-width:min(19rem,58%);text-shadow:0 1px 8px var(--night-deep);justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;display:flex;position:absolute;bottom:7%;right:5.5%}.step-demonstration-controls>span{color:var(--foam-dim);font-family:var(--font-utility), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.59rem}.step-demonstration-controls button{cursor:pointer;min-height:2.75rem;color:var(--foam);border:1px solid color-mix(in oklch, var(--aged-brass) 52%, transparent);background:color-mix(in oklch, var(--night-deep) 82%, transparent);font-family:var(--font-utility), monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:0;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.62rem;display:inline-flex}.step-demonstration-controls button:hover{color:var(--night-deep);background:var(--aged-brass)}.step-demonstration-controls button:focus-visible{outline:2px solid var(--foam);outline-offset:.25rem}.step-demonstration[data-playback-state=static] .step-demonstration-controls{justify-content:flex-start}@media (max-width:900px){.step-stage{height:62svh;min-height:30rem;max-height:42rem}.step-demonstration-controls{bottom:5%;right:5%}.step-demonstration-measure{bottom:17%;right:5%}}@media (max-width:520px){.step-stage{border-inline:0;height:58svh;min-height:27rem}.step-stage:after{inset:2.5%}.step-stage-index{top:4%;left:4%}.step-demonstration-controls{min-width:0;bottom:3.5%;left:4%;right:4%}.step-demonstration-measure{max-width:none;padding:.55rem .65rem .6rem;bottom:5.5rem;left:4%;right:4%}.step-demonstration-controls>span{max-width:11rem}.step-demonstration-controls button{min-height:2.65rem;padding-inline:.65rem}}
.MakerExperience-module__AEvhwq__maker{background:var(--night-deep);grid-template-columns:minmax(0,1.33fr) minmax(28rem,.67fr);min-height:100svh;display:grid}.MakerExperience-module__AEvhwq__stageColumn{height:100svh;padding:clamp(.5rem,1.2vw,1rem);position:sticky;top:0}.MakerExperience-module__AEvhwq__stageColumn>div{height:100%}.MakerExperience-module__AEvhwq__controlColumn{border-left:1px solid var(--line);background:var(--night-ink);flex-direction:column;gap:1.5rem;min-width:0;padding:clamp(1.25rem,3vw,3rem);display:flex}.MakerExperience-module__AEvhwq__topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.MakerExperience-module__AEvhwq__backLink{color:var(--foam-dim);font-family:var(--font-utility), monospace;letter-spacing:.05em;text-transform:uppercase;font-size:.68rem}.MakerExperience-module__AEvhwq__backLink:hover{color:var(--aged-brass)}.MakerExperience-module__AEvhwq__soundToggle{cursor:pointer;color:var(--foam-dim);font-family:var(--font-utility), monospace;letter-spacing:.05em;text-transform:uppercase;background:0 0;align-items:center;gap:.4rem;padding:.4rem 0;font-size:.62rem;display:inline-flex}.MakerExperience-module__AEvhwq__soundToggle[aria-pressed=true]{color:var(--lime-oil)}.MakerExperience-module__AEvhwq__stepRail{border-block:1px solid var(--line);margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.MakerExperience-module__AEvhwq__stepRail li{border-right:1px solid var(--line);flex:1;min-width:4.2rem}.MakerExperience-module__AEvhwq__stepRail li:last-child{border-right:0}.MakerExperience-module__AEvhwq__stepRail button{cursor:pointer;width:100%;min-height:4rem;color:var(--foam-dim);background:0 0;place-items:center;gap:.05rem;padding:.5rem;display:grid}.MakerExperience-module__AEvhwq__stepRail li[data-active=true] button{color:var(--night-deep);background:var(--aged-brass)}.MakerExperience-module__AEvhwq__stepRail span{font-family:var(--font-utility), monospace;font-size:.72rem}.MakerExperience-module__AEvhwq__stepRail small{text-transform:uppercase;font-size:.56rem}.MakerExperience-module__AEvhwq__stepCopy{align-content:center;gap:.75rem;min-height:13rem;display:grid}.MakerExperience-module__AEvhwq__stepCopy h1{max-width:13.5ch;font-family:var(--font-display), serif;letter-spacing:-.04em;font-size:clamp(2.7rem,4vw,4rem);font-weight:400;line-height:.94}.MakerExperience-module__AEvhwq__stepCopy>p:last-child{max-width:42rem;color:var(--foam-dim);font-size:1.02rem}@media (max-width:900px){.MakerExperience-module__AEvhwq__maker{grid-template-columns:1fr}.MakerExperience-module__AEvhwq__stageColumn{height:auto;min-height:30rem;padding:0;position:relative}.MakerExperience-module__AEvhwq__controlColumn{border-top:1px solid var(--line);border-left:0}}@media (max-width:540px){.MakerExperience-module__AEvhwq__stageColumn{min-height:27rem}.MakerExperience-module__AEvhwq__controlColumn{padding:1rem}.MakerExperience-module__AEvhwq__topbar{align-items:flex-start}.MakerExperience-module__AEvhwq__stepRail li{min-width:0}.MakerExperience-module__AEvhwq__stepCopy{min-height:11rem}}
