.visual-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:10%;padding:55px 0 45px}.visual-heading .eyebrow{margin-bottom:22px}.visual-heading h1{font-size:clamp(3.2rem,5.8vw,5.4rem);line-height:1.03}.visual-heading>p{font-size:1rem;color:var(--muted);max-width:400px;padding-bottom:7px}.visual-builder{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding-bottom:85px}.visual-preview{position:sticky;top:108px;align-self:start;background:#eef0f2;padding:25px;min-width:0}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.preview-top>.eyebrow{font-size:.75rem}.preview-views{display:flex;gap:13px}.preview-views button{font-size:.78rem;padding:6px 0;border:0;border-bottom:1px solid transparent;background:none;color:var(--muted)}.preview-views button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.watch-stage{position:relative;width:100%;max-width:450px;margin:15px auto 0;aspect-ratio:3/4;overflow:hidden}.watch-stack{position:absolute;inset:0;transform-origin:center;transition:transform .4s ease}.detail-view .watch-stack{transform:scale(1.7)}.watch-piece{position:absolute;background-image:url('/assets/configurator/component-atlas.png');background-repeat:no-repeat;pointer-events:none}.case-piece{width:72%;aspect-ratio:460/465;left:50%;top:50%;transform:translate(-47.61%,-52.69%);background-size:333.913043% 220.215054%;background-position:6.505576% 0%;z-index:3}.dial-piece{width:51%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);background-size:426.666667% 284.444444%;z-index:2}.dial-grey{background-position:50.595238% 9.789157%}.dial-blue{background-position:90.561224% 9.789157%}.strap-piece{width:27.4%;height:90%;left:50%;top:50%;transform:translate(-50%,-50%);background-size:877.714286% 184.504505%;z-index:1}.strap-steel{background-position:15.062454% 97.014925%}.strap-rubber{background-position:50.477590% 97.014925%}.strap-leather{background-position:85.084497% 97.014925%}.strap-unavailable{display:none}.preview-caption{border-top:1px solid #d2d6d9;padding-top:20px;display:flex;flex-direction:column;gap:4px;line-height:1.5}.preview-caption strong{font-size:.95rem;font-weight:600}.preview-caption>span{font-size:.8rem;color:var(--muted)}.preview-disclaimer{font-size:.78rem;line-height:1.65;color:var(--muted);margin-top:15px}.preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#eef0f2e6;padding:35px;text-align:center;font-size:.95rem;z-index:5}.preview-loading[hidden]{display:none}.visual-option{border:0;padding:0;margin:0 0 34px;min-width:0}.visual-option legend{padding:0;margin-bottom:18px;font-size:1.15rem;font-weight:600;letter-spacing:-.02em}.visual-option legend>span{font-size:.8rem;color:var(--orange);margin-right:12px}.dial-choices{display:grid;grid-template-columns:1fr 1fr;gap:13px}.design-choice{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #cbd0d4;background:white;padding:17px 14px;min-height:70px;font-size:.9rem;position:relative}.design-choice[aria-pressed=true]{border:2px solid var(--ink);padding:16px 13px;background:#f5f6f7}.design-choice:hover{border-color:var(--orange)}.selection-tick{display:none;margin-left:auto;font-size:.9rem}.design-choice[aria-pressed=true]>.selection-tick{display:block}.dial-swatch{width:28px;height:28px;border-radius:50%;background:var(--swatch);border:3px solid #d2d5d7;flex-shrink:0}.strap-choices{display:grid;gap:11px}.strap-choice strong{display:block;font-size:.95rem;font-weight:500}.strap-choice small{font-size:.78rem;color:var(--muted);display:block;margin-top:3px}.strap-swatch{width:24px;height:40px;border-radius:3px;flex-shrink:0;border:1px solid #c7cbcf}.swatch-rubber{background:#1e2021}.swatch-steel{background:#b5babd}.swatch-leather{background:#6e3821}.option-note{font-size:.8rem;color:var(--muted);margin-top:13px}.advanced-build{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:28px}.advanced-build summary{cursor:pointer;font-weight:600;font-size:.9rem}.advanced-build>p{font-size:.8rem;color:var(--muted);margin:16px 0 22px}.advanced-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.advanced-fields .field{font-size:.8rem}.advanced-fields select{font-size:.85rem;padding:12px 10px}.visual-estimate{display:flex;justify-content:space-between;align-items:center;gap:20px}.visual-estimate>div{display:flex;flex-direction:column;gap:5px}.visual-estimate .eyebrow{font-size:.72rem}.visual-estimate strong{font-size:2.9rem;letter-spacing:-.06em;font-weight:600;line-height:1.2}.visual-reset{border:0;border-bottom:1px solid var(--muted);color:var(--muted);background:none;padding:4px 0;font-size:.8rem}.visual-reset:hover{color:var(--orange);border-color:var(--orange)}.visual-summary{margin:24px 0}.visual-summary>div{display:flex;justify-content:space-between;gap:22px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.83rem;line-height:1.5}.visual-summary dt{color:var(--muted)}.visual-summary dd{margin:0;text-align:right;max-width:65%}.visual-order .btn{width:100%}.visual-order .form-note{margin-top:15px}.design-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1000px){.visual-builder{gap:5%}.visual-preview{padding:20px;top:102px}.preview-top{flex-direction:column;align-items:start;gap:7px}.visual-heading{gap:6%}.design-choice{padding:15px 12px;font-size:.83rem;gap:10px}.design-choice[aria-pressed=true]{padding:14px 11px}.dial-swatch{width:24px;height:24px}.selection-tick{font-size:.8rem}.advanced-fields{grid-template-columns:1fr}.watch-stage{margin-top:0}.preview-views button{font-size:.8rem}}
@media(max-width:760px){.visual-heading{grid-template-columns:1fr;padding:38px 0 30px;gap:24px}.visual-heading h1{font-size:3.3rem}.visual-heading .eyebrow{font-size:.75rem;margin-bottom:18px}.visual-heading>p{padding:0}.visual-builder{grid-template-columns:1fr;gap:35px;padding-bottom:60px}.visual-preview{position:static;padding:22px}.preview-top{flex-direction:row;align-items:center}.watch-stage{max-width:330px;aspect-ratio:3/4;margin-top:10px}.preview-caption{padding-top:17px}.preview-disclaimer{font-size:.75rem}.visual-option{margin-bottom:30px}.design-choice{padding:17px 14px;font-size:.9rem}.design-choice[aria-pressed=true]{padding:16px 13px}.dial-swatch{width:28px;height:28px}.advanced-fields{grid-template-columns:1fr 1fr}.preview-views{gap:12px}.preview-views button{font-size:.75rem}.visual-summary>div{font-size:.85rem}}
@media(max-width:400px){.dial-choices{grid-template-columns:1fr}.advanced-fields{grid-template-columns:1fr}.preview-top{align-items:start;flex-direction:column}.watch-stage{max-width:295px}.visual-heading h1{font-size:3rem}}
@media(prefers-reduced-motion:reduce){.watch-stack{transition:none}}

/* Each new component occupies a registered cell in a 3 × 3 transparent atlas. */
.visual-heading{padding:35px 0 30px}.visual-heading h1{font-size:clamp(2.7rem,4.5vw,4rem)}
.visual-preview{background:#f3f4f4}.preview-loading{background:#f3f4f4ed}
.case-piece{width:90%;aspect-ratio:1;transform:translate(-50%,-50%);background-image:url('/assets/configurator/components.png');background-size:300% 300%;background-position:0% 0%}
.dial-piece{width:64.5%;background-size:300% 300%;transform:translate(-50%,-50%)}
.legacy-dial{width:51%;background-image:url('/assets/configurator/component-atlas.png');background-size:426.666667% 284.444444%}
.strap-piece{width:90%;height:auto;aspect-ratio:4/5;background-size:300% 300%}
.dial-family-label{display:block;font-size:.875rem;color:var(--muted);margin-bottom:9px}
#dial-family{margin-bottom:16px;width:100%}.dial-choices{gap:9px}.design-choice{min-height:62px;padding:13px 11px;font-size:.875rem}.design-choice[aria-pressed=true]{padding:12px 10px;border-color:#6f777b;background:#f8f9f9}.strap-choices{grid-template-columns:1fr 1fr;gap:9px}.strap-choice{gap:10px}.strap-choice strong{font-size:.875rem}.strap-choice small{font-size:.875rem}.dial-swatch{width:25px;height:25px}.swatch-sailcloth{background:#354c61}.swatch-ostrich{background:#3f4244}.swatch-stingray{background:#47494a}.preview-disclaimer,.option-note,.advanced-build>p,.advanced-fields .field,.visual-reset,.visual-summary>div,.preview-caption>span{font-size:.875rem}
@media(max-width:1000px){.strap-choices{grid-template-columns:1fr}.visual-preview{padding:15px}.design-choice{font-size:.875rem}.strap-choice small{font-size:.875rem}}
@media(max-width:760px){.visual-heading{padding:28px 0 25px}.visual-heading h1{font-size:3rem}.strap-choices{grid-template-columns:1fr 1fr}.visual-preview{padding:20px}.watch-stage{max-width:360px}.preview-disclaimer,.preview-views button{font-size:.875rem}}
@media(max-width:430px){.strap-choices{grid-template-columns:1fr}.dial-choices{grid-template-columns:1fr 1fr}.watch-stage{max-width:320px}}

.atlas-dial{width:53.5%;border-radius:50%;overflow:hidden}
.watch-piece{filter:contrast(.9) saturate(.9) brightness(1.03)}

.dial-swatch{width:36px;height:36px;background-repeat:no-repeat;background-color:var(--swatch);border-width:1px}

.case-piece{width:94%;transform:translate(-44.76%,-49.76%)}
.strap-piece{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;background-image:none!important;z-index:1}
.strap-half{width:30%;aspect-ratio:150/160;left:50%;top:50%;background-repeat:no-repeat}
.strap-upper{transform:translate(-50%,-200%)}.strap-lower{transform:translate(-50%,100%)}
.atlas-dial{width:55.5%}.legacy-dial{width:58.3%}
.strap-half{width:36%}.strap-upper{transform:translate(-50%,-170%)}.strap-lower{transform:translate(-50%,70%)}