/* Scroll-linked whole component sprites, loaded when the selected scene is near. */
.design-scroll{position:relative;height:340svh;background:#17241c;color:#fff;isolation:isolate}.design-pin{position:sticky;top:80px;height:calc(100svh - 92px);max-height:1120px;min-height:600px;overflow:hidden;background:radial-gradient(ellipse at 50% 47%,#42543a 0,#223327 42%,#16221b 76%);border-radius:12px;margin:0 12px}.design-header{position:absolute;top:35px;left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-start;justify-content:space-between;gap:30px;z-index:3;pointer-events:none}.design-header h2{font-size:clamp(32px,3.1vw,48px);line-height:1.03;margin-top:13px}.design-header>.eyebrow,.design-header .eyebrow{font-size:10px;color:#d6ddc5;letter-spacing:.16em}.design-model-tabs{display:flex;gap:6px;padding:5px;border:1px solid #9eaf942e;border-radius:35px;pointer-events:auto;background:#17231cb3}.design-model-tabs button{border-radius:25px;padding:10px 23px;font-size:12px;min-height:42px;background:transparent;color:#cbd5c4;transition:background .2s,color .2s}.design-model-tabs button.is-active{background:#e6eddd;color:#19271a}.design-watermark{position:absolute;top:16%;left:50%;transform:translateX(-50%);font-size:clamp(110px,20vw,310px);font-weight:700;line-height:1;letter-spacing:-.055em;color:#abbc8e10;pointer-events:none;white-space:nowrap}.design-orbit{position:absolute;top:50%;left:50%;width:74%;height:38%;border:1px solid #b8c5a914;border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg);pointer-events:none}.design-orbit:after{content:"";position:absolute;inset:-24% -9%;border:1px solid #b8c5a90c;border-radius:50%;transform:rotate(36deg)}.design-model-frame{position:absolute;inset:0;pointer-events:none}.design-art{position:absolute;inset:90px 0 172px;pointer-events:auto}.design-static{width:100%;height:100%;object-fit:contain;max-width:84%;margin:auto}.design-machine{width:100%;height:100%;display:block;overflow:visible;opacity:0;visibility:hidden}.design-static+.design-machine{position:absolute;inset:0}.is-loaded .design-static{visibility:hidden}.is-loaded .design-machine{opacity:1;visibility:visible}.design-piece{cursor:pointer;transform-box:view-box}.design-piece.is-highlighted{filter:drop-shadow(0 0 12px #ffc76c99)}.design-parts{position:absolute;bottom:120px;left:var(--gutter);right:var(--gutter);display:flex;gap:7px;overflow:auto;padding:7px 0 9px;scrollbar-width:thin;scrollbar-color:#829371 transparent;pointer-events:auto;z-index:4}.design-part-button{min-height:36px;display:flex;align-items:center;gap:9px;flex-shrink:0;border:1px solid #a2b2963b;border-radius:23px;background:#1a281f99;color:#cdd8c1;padding:8px 13px;font-size:11px;font-weight:500;transition:background .15s,border-color .15s}.design-part-button>span{color:#829575;font-size:9px;font-variant-numeric:tabular-nums}.design-part-button.is-active{color:#f5f8f0;border-color:#d7e8c3;background:#40523a}.design-part-button.is-active>span{color:#e2edc8}.design-details{position:absolute;right:var(--gutter);bottom:195px;max-width:250px;text-align:right;z-index:3;opacity:0;transition:opacity .3s;pointer-events:none}.design-scroll.has-part-detail .design-details{opacity:1}.design-details strong{display:block;font-size:19px;font-weight:600;letter-spacing:-.025em;line-height:1.3}.design-details p{font-size:12px;line-height:1.6;margin:12px 0 10px;color:#d0d9c9}.design-part-value{display:block;font-size:12px;color:#f6cf88;font-weight:600;line-height:1.5}.design-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:31px;display:grid;grid-template-columns:1.1fr 1fr auto;align-items:center;gap:55px;z-index:5}.design-phase-number{display:block;font-size:9px;letter-spacing:.13em;color:#adbd9e;line-height:1.4}.design-phase-title{font-size:22px;letter-spacing:-.035em;font-weight:600;line-height:1.2;margin:7px 0 8px}.design-phase-copy{font-size:11px;color:#b9c7af;display:block;line-height:1.4}.design-controls{min-width:0}.design-controls label{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#c5d3ba;margin-bottom:10px}.design-percent{font-variant-numeric:tabular-nums;color:#f4d597}.design-range{display:block;width:100%;height:18px;accent-color:#ecc67e;cursor:ew-resize;margin:0}.design-step-buttons{display:flex;justify-content:space-between;gap:15px;margin-top:10px}.design-step-buttons button{font-size:10px;padding:0;background:transparent;color:#b9c7af;min-height:26px}.design-step-buttons button.is-active{color:#fff;text-decoration:underline;text-underline-offset:6px}.design-model-link{display:flex;gap:16px;font-size:12px;font-weight:600;align-items:center;border-bottom:1px solid #fff5;padding:12px 0;white-space:nowrap}.design-model-link span{font-size:18px;color:#f1d297}.design-skip{position:absolute;right:var(--gutter);top:105px;font-size:10px;color:#d9e4cd;min-height:30px;display:flex;align-items:center;z-index:4}.design-end{height:1px;scroll-margin-top:90px}.design-scroll+.design-end+.choose-promo{padding-top:100px}.design-scroll a:focus-visible,.design-scroll button:focus-visible,.design-scroll input:focus-visible{outline:2px solid #ffd685;outline-offset:4px}.design-overview-link{display:inline-flex;margin-top:20px;text-decoration:underline;font-size:14px;gap:14px}.design-landing-heading{padding:135px var(--gutter) 45px}.design-landing-heading h1{font-size:clamp(38px,5vw,66px);margin:19px 0 25px}.design-landing-heading p{font-size:17px;max-width:630px}.design-landing-cta{padding:70px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#dce4d1}.design-landing-cta h2{font-size:40px}.design-landing-cta .button-row{flex-shrink:0}
@media(max-width:1100px){.design-bottom{gap:30px;grid-template-columns:1fr 1fr}.design-model-link{position:absolute;right:0;top:-50px}.design-parts{bottom:128px}.design-art{inset:110px 0 190px}.design-details{bottom:202px;max-width:200px}.design-phase-title{font-size:20px}}
@media(max-width:960px){.design-header{top:27px}.design-header h2{font-size:36px}.design-header .eyebrow{font-size:9px}.design-pin{top:77px;height:calc(100svh - 88px)}.design-details strong{font-size:16px}.design-details p{font-size:11px}.design-model-tabs button{padding:9px 18px}.design-landing-cta{display:block}.design-landing-cta .button-row{margin-top:30px}}
@media(max-width:640px){.design-scroll{height:310svh}.design-pin{margin:0;border-radius:0;top:76px;height:calc(100svh - 76px);min-height:590px;max-height:900px}.design-header{top:25px;left:24px;right:24px;gap:15px}.design-header h2{font-size:30px;line-height:1.06;margin-top:13px}.design-header .eyebrow{font-size:8px}.design-model-tabs{gap:1px;padding:3px;max-width:180px;margin-top:5px}.design-model-tabs button{padding:7px 11px;min-height:33px;font-size:10px}.design-skip{top:87px;right:24px;font-size:9px}.design-art{inset:91px -12px 192px}.design-machine{overflow:hidden}.design-static{max-width:100%}.design-watermark{top:26%;font-size:23vw}.design-orbit{width:90%;height:26%;top:45%}.design-parts{left:24px;right:0;bottom:165px;padding-right:24px;gap:7px}.design-part-button{font-size:10px;padding:8px 12px;min-height:35px}.design-part-button>span{font-size:8px}.design-bottom{left:24px;right:24px;bottom:22px;display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.design-phase{grid-column:1/-1}.design-phase-title{font-size:20px;margin:6px 0 5px}.design-phase-copy{font-size:10px}.design-phase-number{font-size:8px}.design-controls{grid-column:1;min-width:0}.design-controls label{font-size:9px;margin-bottom:7px;gap:8px}.design-step-buttons{gap:10px;margin-top:3px}.design-step-buttons button{font-size:9px;min-height:26px}.design-model-link{grid-column:2;position:static;align-self:center;justify-self:end;font-size:10px;gap:10px;padding:12px 0}.design-range{height:20px}.design-details{bottom:228px;right:24px;left:24px;max-width:none;text-align:left;padding:14px 17px;background:#1a281eea;backdrop-filter:blur(12px);border:1px solid #8c9e7138;border-radius:8px}.design-details strong{font-size:14px}.design-details p{font-size:10px;margin:7px 0 5px;max-width:300px}.design-part-value{font-size:10px}.design-scroll.has-part-detail .design-details{pointer-events:auto}.design-end{scroll-margin-top:76px}.design-landing-heading{padding:115px 24px 40px}.design-landing-heading h1{font-size:40px}.design-landing-heading p{font-size:15px}.design-landing-cta{padding:55px 24px}.design-landing-cta h2{font-size:33px}.design-landing-cta .button{font-size:12px;min-height:49px;padding:13px 22px}}
@media(max-height:700px) and (min-width:641px){.design-pin{min-height:490px}.design-header h2{font-size:32px}.design-header{top:22px}.design-art{inset:60px 0 145px}.design-parts{bottom:109px}.design-bottom{bottom:22px}.design-phase-copy{display:none}.design-details{bottom:164px}}
@media(prefers-reduced-motion:reduce){.design-scroll{height:auto;padding:0}.design-pin{position:relative;top:0;min-height:750px;height:85svh}.design-piece,.design-camera{transition:none}.design-phase-copy{visibility:hidden}.design-end{scroll-margin-top:90px}}
.design-scroll[data-design-detail] .design-pin{top:144px;height:calc(100svh - 156px)}
.design-part-preview{display:block;width:160px;height:130px;object-fit:contain;margin:0 0 14px auto}
@media(max-width:640px){.design-part-detail{display:flex;align-items:center;gap:15px}.design-part-preview{flex:0 0 90px;width:90px;height:95px;margin:0}.design-part-detail>div{min-width:0}}
@media(max-width:640px){.design-scroll[data-design-detail] .design-pin{top:130px;height:calc(100svh - 130px)}}
@media(prefers-reduced-motion:reduce){.design-scroll[data-design-detail] .design-pin{top:0;height:85svh}}