/* A quiet interface around the interactive 3D object. */
.header{height:88px}.header-actions{display:flex;align-items:center;gap:14px}.hero-intro{padding-top:35px}.hero-intro h1{font-size:26px;letter-spacing:-.8px;font-weight:550;margin:0}.hero-intro p,.hero-intro .eyebrow,.scene-label,.hero-bottom .micro-label,.scroll-hint{display:none}.workshop{height:630px;margin:0 auto}.world{top:94px;height:530px}.toolbox-zone{width:530px;height:440px;top:43%;transform:translate(-50%,-50%)}.webgl-ready .toolbox{animation:none!important;transform:none!important;filter:none;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.webgl-ready .toolbox.is-dragging{cursor:grabbing}.webgl-ready .toolbox>span{display:none}.toolbox-canvas{width:100%;height:100%;display:block}.webgl-ready .toolbox-shadow{left:24%;bottom:28px;width:52%;height:27px;opacity:.55}.webgl-ready .spark{display:none}.toolbox-zone:not(.webgl-ready) .toolbox{width:318px;height:222px;margin:115px auto 0}.box-hint{bottom:61px;transform:translateX(-50%);font-size:12px;letter-spacing:.3px;color:#637d8f}.box-hint .hint-arrow{display:none}.hero-bottom{justify-content:flex-end;margin-top:-22px;padding-bottom:18px}.is-open .box-hint{visibility:visible;bottom:18px;font-size:10px}.close-box{bottom:57px}.service-options{top:44%;width:830px;height:290px}.service-card{width:212px;animation:service-fly .8s cubic-bezier(.16,.8,.25,1) both;animation-delay:.2s!important;will-change:transform,opacity}.service-card:nth-child(2){animation-delay:.28s!important}.service-card:nth-child(3){animation-delay:.36s!important}.service-card:nth-child(4){animation-delay:.44s!important}.service-card:nth-child(5){animation-delay:.52s!important}.service-card:nth-child(6){animation-delay:.6s!important}.service-card:nth-child(n){min-height:76px}.service-card:nth-child(3),.service-card:nth-child(4){top:110px}.service-card:nth-child(5),.service-card:nth-child(6){top:220px}.service-card strong{font-size:13px}.service-card small{font-size:10px;line-height:1.5}.service-card span:nth-child(2){min-width:0}.service-card .card-arrow{display:none}.is-open .world{opacity:.58}.service-icon{flex-shrink:0}.box-hint{pointer-events:none}.how{padding-top:45px}.task-banner{margin-top:0}
@keyframes service-fly{0%{opacity:0;transform:translate(var(--fly-x,0px),var(--fly-y,80px)) scale(.08) rotate(var(--fly-rotation,-15deg))}35%{opacity:1}100%{opacity:1;transform:translate(0,0) scale(1) rotate(0)}}
:root:root{--ink:#edf3f7;--muted:#9cb1c1;--blue:#142330;--line:#304654;--paper:#182b39;background:#142330;color:#edf3f7}.hero{transition:background-color .3s}html:root .hero{background:radial-gradient(ellipse at 50% 40%,#253e50 0%,#142330 70%)}html:root .header{border-color:#304654}html:root .header-cta{border-color:#536c7c}html:root .header-cta:hover{background:#263f50}html:root .world{filter:brightness(.53) saturate(.7);opacity:.82}html:root .is-open .world{opacity:.4}html:root .box-hint{color:#adc0ce}html:root .toolbox-shadow{background:#040b1399}html:root .service-card{background:#213745f5;border-color:#415766;box-shadow:0 10px 30px #0003}html:root .service-card:hover{border-color:#e89066}html:root .service-icon{background:#51392e;color:#ffb083}html:root .service-card small{color:#b3c6d2}html:root .close-box{background:#203543;border-color:#4a6373}html:root .task-banner{background:#1c3343;border-color:#314e61}html:root .dark-button{background:#ed895d;color:#152733}html:root .dark-button:hover{background:#ffac7f}html:root .section-kicker{color:#9cb2c1}html:root .step-number{border-color:#846652;color:#f4ac82}html:root dialog{background:#192c3b;border-color:#3f5869;color:#eef4f8}html:root dialog::backdrop{background:#020b13aa}html:root .dialog-close{background:#2e4758}html:root input:not([type=checkbox]),html:root select,html:root textarea{background:#122330;border-color:#476071;color:#edf3f7}html:root input::placeholder,html:root textarea::placeholder{color:#91a6b5}html:root .optional,html:root .consent{color:#acc0ce}html:root .order-summary{background:#122330;border-color:#3a5364}html:root .success-icon{background:#24483c;color:#b3e4cb}html:root .submit-button{background:#ef8a60;color:#122331}html:root :focus-visible{outline-color:#ffb58a}
@media(max-width:1050px){.service-options{width:690px}.service-card{width:184px}.toolbox-zone{width:490px;height:410px}.service-card strong{font-size:12px}.service-card small{font-size:9px}}
@media(max-width:760px){.header{height:76px}.header-actions{gap:8px}.header-cta{font-size:10px}.hero-intro{padding-top:27px}.hero-intro h1{font-size:22px;letter-spacing:-.6px}.workshop{height:525px;margin:0 auto}.world{height:405px;top:128px}.toolbox-zone{top:43%;width:440px;height:380px;transform:translate(-50%,-50%)}.webgl-ready .toolbox-shadow{bottom:21px}.box-hint{font-size:10px;bottom:40px}.hero-bottom{margin-top:-9px}.is-open.workshop{height:770px}.is-open .toolbox-zone{top:27%;width:420px;height:365px;transform:translate(-50%,-50%)}.service-options{width:calc(100% - 36px);height:auto;top:auto;bottom:91px;gap:10px}.service-card:nth-child(n){min-height:79px;top:auto;left:auto;right:auto;width:100%;padding:12px 9px}.service-card strong{font-size:11px}.service-card small{font-size:9px}.close-box{bottom:43px}.is-open .box-hint{display:block;bottom:14px;font-size:9px}.how{padding-top:32px}.footer{line-height:1.6}}
@media(max-width:380px){.toolbox-zone{width:395px;height:355px}.is-open .toolbox-zone{width:385px;height:350px}.header-actions{gap:6px}.header-cta{padding:9px}.brand{font-size:17px}.service-card strong{font-size:10px}.service-card small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.service-card{animation:none!important}.hero{transition:none}}

/* Entrance is controlled in JS after measuring untransformed card positions. */
.service-card{animation:none!important;transform-origin:center;transition:box-shadow .2s,border-color .2s}
.service-card:hover{transform:none}