.garment-journey{position:relative;background:#f0f2f4;color:#162735;scroll-margin-top:var(--header)}
.spin-stage{padding:28px var(--gutter) 24px;display:flex;flex-direction:column;min-height:690px;gap:20px}
.spin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ced5da;padding-bottom:20px;flex:none}
.spin-heading .eyebrow{margin:0;font-size:12px;color:#536571;letter-spacing:1.8px}
.spin-skip{font-size:13px;color:#52626f;border-bottom:1px solid #a4afb7;padding-bottom:3px;white-space:nowrap}
.spin-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:5vw;align-items:center;flex:1;min-height:0}
.spin-copy h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;font-size:clamp(50px,5.3vw,86px);line-height:.98;letter-spacing:0;margin:0 0 26px}
.spin-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #1a2e3c}
.spin-copy p{color:#61707b;font-size:16px;line-height:1.7;max-width:340px;margin:0 0 32px}
.spin-copy .button{font-size:14px;gap:20px}
.spin-visual{position:relative;align-self:stretch;min-height:490px;isolation:isolate}
.spin-visual model-viewer{display:block;position:absolute;inset:0;width:100%;height:100%;--poster-color:transparent;opacity:0;transition:opacity .4s;touch-action:pan-y;pointer-events:none}
.spin-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .4s}
.spin-ready model-viewer{opacity:1}.spin-ready .spin-poster{opacity:0;pointer-events:none}
.spin-status{position:absolute;top:12px;left:50%;transform:translateX(-50%);font-size:12px;color:#596d7b;white-space:nowrap;background:#f0f2f4e6;padding:8px 12px;z-index:2}
.spin-status:empty{display:none}
.spin-fallback-views{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.spin-fallback-views button{padding:10px 18px;border:1px solid #b7c3cb;background:#f0f2f4;color:#263b4a;cursor:pointer;border-radius:24px}
.spin-fallback-views button[aria-pressed=true]{background:#172a38;color:#fff}
.spin-ready .spin-fallback-views{display:none}
.spin-footer{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:5vw;align-items:end;flex:none}
.spin-note{font-size:12px;line-height:1.6;color:#617380;margin:0}
.spin-note small{display:block;font-size:10px;color:#74848f;margin-top:6px}.spin-note small a{text-decoration:underline;text-underline-offset:2px}
.spin-controls{opacity:0;visibility:hidden}.spin-ready .spin-controls{opacity:1;visibility:visible}
.spin-control-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#425763;margin-bottom:8px}
.spin-degrees{font-variant-numeric:tabular-nums;font-size:12px;color:#5f727e}
.spin-range{display:block;width:100%;height:24px;accent-color:#173345;cursor:ew-resize;margin:0;touch-action:pan-y}
.spin-labels{display:flex;justify-content:space-between;color:#73828d;font-size:10px;letter-spacing:1.1px;margin-top:4px}
.garment-journey.spin-enabled{height:270svh}
.spin-enabled .spin-stage{position:sticky;top:var(--header);height:calc(100svh - var(--header));min-height:0}
.spin-enabled .spin-visual{min-height:0}
.garment-journey button:focus-visible,.garment-journey a:focus-visible,.spin-range:focus-visible{outline:2px solid #477799;outline-offset:5px}
@media(max-width:1000px){.spin-stage{padding-top:24px;padding-bottom:20px;gap:15px}.spin-heading{padding-bottom:16px}.spin-layout,.spin-footer{gap:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.spin-copy h2{font-size:clamp(43px,6.2vw,63px)}.spin-copy p{font-size:14px;line-height:1.65;margin-bottom:22px}.spin-copy .button{padding:15px 18px;font-size:13px}.spin-visual{min-height:440px}}
@media(max-width:700px){.spin-stage{padding:20px var(--gutter) 18px;gap:14px;min-height:720px}.spin-heading{padding-bottom:12px;gap:10px}.spin-heading .eyebrow{font-size:10px;letter-spacing:.8px}.spin-skip{font-size:11px}.spin-layout{display:flex;flex-direction:column;gap:4px;align-items:stretch}.spin-copy{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:none}.spin-copy h2{font-size:clamp(30px,8.5vw,42px);line-height:1;margin:0}.spin-copy h2 br:nth-of-type(2){display:none}.spin-copy h2 em{display:block}.spin-copy p{display:none}.spin-copy .button{font-size:12px;line-height:1.45;max-width:92px;padding:10px 0;border:0;border-bottom:1px solid #9dacb6;min-height:0;background:transparent;color:#253d4e}.spin-visual{flex:1;min-height:380px}.spin-footer{display:flex;flex-direction:column-reverse;gap:10px;align-items:stretch}.spin-control-heading{font-size:12px;margin-bottom:3px}.spin-labels{font-size:9px}.spin-note{text-align:center;font-size:10px}.spin-note>span{display:none}.spin-note small{margin-top:0;font-size:9px}.spin-status{top:8px}.garment-journey.spin-enabled{height:250svh}.spin-enabled .spin-stage{min-height:0}.spin-enabled .spin-visual{min-height:0}}
@media(max-height:650px) and (min-width:701px){.spin-stage{padding-top:14px;padding-bottom:12px;gap:10px}.spin-heading{padding-bottom:10px}.spin-copy h2{font-size:47px;margin-bottom:16px}.spin-copy p{font-size:13px;margin-bottom:18px}.spin-note{font-size:10px}.spin-copy .button{min-height:42px;padding:10px 16px}}
@media(prefers-reduced-motion:reduce){.garment-journey.spin-enabled{height:auto}.spin-enabled .spin-stage{position:relative;height:auto;min-height:690px}.spin-visual model-viewer,.spin-poster{transition:none}.spin-enabled .spin-visual{min-height:440px}}