.design-hero{padding:54px 8.5vw 30px;background:#f5f4ee}.design-hero h1{font:500 clamp(38px,5vw,66px)/1.05 var(--display);letter-spacing:-.055em;margin:12px 0 18px;max-width:850px}.design-hero p{font-size:17px;line-height:1.75;max-width:760px;color:var(--muted)}.design-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:34px;padding:20px 8.5vw 55px;align-items:start}.design-view-wrap{position:relative;height:630px;background:#eeede8;border:1px solid var(--line);border-radius:16px;overflow:hidden}.glove-stage{height:100%;width:100%}.glove-stage canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:pan-y}.glove-stage canvas:focus-visible{outline:3px solid #638155;outline-offset:-5px}.design-poster{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:#eeede8}.design-poster img{height:380px;width:100%;object-fit:contain;mix-blend-mode:multiply}.design-poster p{font-size:14px;color:var(--muted);max-width:350px;line-height:1.7;margin:12px auto}.design-poster .button{min-height:48px;border-radius:6px}.design-poster [hidden],[hidden]{display:none!important}.design-poster .simple-start{border:0;background:none;color:var(--green);text-decoration:underline;font:inherit;font-size:14px;margin-top:15px;cursor:pointer}.design-caption{font-size:14px;color:var(--muted);line-height:1.7;margin:12px 0}.design-view-actions{display:flex;flex-wrap:wrap;gap:10px}.design-view-actions button,.design-secondary{border:1px solid #c6cdc0;background:transparent;color:var(--green);border-radius:7px;padding:11px 15px;font:600 14px var(--body);cursor:pointer;min-height:44px}.design-panel{border:1px solid var(--line);border-radius:16px;background:#fffefa;padding:28px}.design-panel fieldset{border:0;padding:0;margin:0;min-width:0}.design-panel legend{font:600 24px var(--display);margin-bottom:24px;letter-spacing:-.035em}.design-step{display:block;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#627159;margin:22px 0 10px;font-weight:700}.design-step:first-of-type{margin-top:0}.color-options{display:flex;gap:12px}.color-options button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;background:#f7f7f3;border:1px solid #c6cdc0;border-radius:8px;padding:13px;color:var(--ink);font:600 15px var(--body);cursor:pointer;min-height:48px}.color-options button[aria-pressed=true]{border:2px solid var(--green);background:#edf1e7;padding:12px}.color-dot{width:18px;height:18px;border-radius:50%;border:1px solid #989e94;background:#f2efe7}.color-dot.black{background:#25272a}.logo-input{display:block;width:100%;font-size:14px;padding:12px;border:1px dashed #a7b69c;border-radius:8px;min-height:50px;background:#f8f9f4}.logo-input::file-selector-button{border:0;border-radius:5px;background:#e0e8d8;color:var(--green);padding:9px;margin-right:10px;font-weight:600;cursor:pointer}.design-fine{font-size:13px;color:#60695f;line-height:1.65;margin:9px 0}.logo-file-name{overflow-wrap:anywhere;font-size:13px;min-height:20px}.placement-field{margin-top:16px}.placement-field label{display:flex;justify-content:space-between;font-size:14px;font-weight:600;gap:15px}.placement-field input[type=range]{width:100%;height:30px;accent-color:#294b37;cursor:pointer;margin:4px 0}.design-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.design-primary-actions{display:grid;gap:10px;margin-top:24px}.design-primary-actions .button{width:100%;border-radius:7px;min-height:48px;font-size:15px;cursor:pointer}.design-primary-actions .design-secondary{width:100%}.design-status{font-size:14px;line-height:1.65;color:var(--green);min-height:44px;margin:15px 0 0}.design-panel :disabled{opacity:.55;cursor:not-allowed}.design-inquiry{scroll-margin-top:30px;max-width:920px;margin:auto;padding:30px 6vw 60px}.design-inquiry h2{font:500 clamp(30px,4vw,44px)/1.1 var(--display);letter-spacing:-.04em}.design-inquiry>p{font-size:16px;line-height:1.8;max-width:700px}.design-inquiry .field label{font-size:13px}.design-inquiry input,.design-inquiry textarea{font-size:16px}.design-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.7;margin:20px 0}.design-consent input{margin-top:6px;accent-color:var(--green);width:18px;height:18px;flex:none}.design-copy{max-width:1000px;margin:auto}.design-copy p,.design-copy li{font-size:16px;line-height:1.85;max-width:780px}.design-copy h2{font:500 clamp(28px,4vw,42px)/1.15 var(--display);letter-spacing:-.035em;margin:36px 0 16px}.design-copy details{border-bottom:1px solid var(--line);padding:17px 0}.design-copy summary{font-size:17px;font-weight:600;cursor:pointer}.design-copy a,.design-inquiry a{text-decoration:underline;text-underline-offset:3px}.placement-summary{font-size:13px;color:var(--muted);line-height:1.6}.design-version{position:absolute;top:16px;left:18px;z-index:1;font-size:11px;letter-spacing:.1em;color:#56634f;background:#f7f7f0d9;padding:7px 10px;border-radius:20px;pointer-events:none}.design-noscript{padding:25px;background:#e6ebdf;line-height:1.8}.design-link-inline{margin-left:10px}.design-turnstile{min-height:70px;margin-bottom:12px}
@media(min-width:681px) and (max-width:1120px){.nav-links a[href='/design-your-golf-glove/']{display:none}}
@media(max-width:980px){.design-layout{padding-left:5vw;padding-right:5vw;gap:20px;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}.design-panel{padding:21px}.design-view-wrap{height:600px}}
@media(max-width:680px){.design-hero{padding:38px 6vw 20px}.design-hero h1{font-size:42px}.design-hero p{font-size:16px}.design-layout{grid-template-columns:1fr;padding:15px 5vw 35px;gap:24px}.design-view-wrap{height:520px}.design-poster img{height:290px}.design-poster{padding:20px}.design-panel{padding:24px}.design-inquiry{padding:20px 5vw 50px}.design-view-actions{justify-content:center}.design-copy{padding-left:6vw;padding-right:6vw}.design-caption{font-size:13px}.design-poster .button{font-size:16px}.design-hero .kicker{font-size:12px}}

.background-choice{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.6;margin:14px 0}.background-choice input{accent-color:var(--green);width:17px;height:17px;flex:none;margin-top:3px}.background-strength{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}.background-strength select{font-size:16px;padding:8px;border:1px solid #c6cdc0;border-radius:6px;background:#fffefa;color:var(--green)}