/* This or That editorial only. Shared navigation, forms and shopping controls retain their existing styles. */
.style-comparisons{--sc-wine:#562d3b;--sc-wine-soft:#eee4e6;--sc-cream:#f0ece4;--sc-rule:#d6cbc9;max-width:1440px;margin:0 auto;padding:0 var(--space);overflow-wrap:break-word}
.style-comparisons .sc-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:end;gap:48px;padding:58px 0 42px}
.style-comparisons .sc-kicker{font-size:10px;line-height:1.6;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sc-wine);margin:0 0 18px}
.style-comparisons h1{font:400 clamp(45px,6.2vw,88px)/1.02 var(--serif);letter-spacing:-.055em;margin:0;color:var(--ink)}
.style-comparisons h1 span{display:block}
.style-comparisons h1 span+span{font-style:italic;color:var(--sc-wine)}
.style-comparisons .sc-intro-copy>p{font-size:16px;line-height:1.8;max-width:46ch;margin:0 0 20px}
.style-comparisons .sc-jump-links{display:flex;flex-wrap:wrap;gap:10px 24px}
.style-comparisons .sc-jump-links a,.style-comparisons .sc-text-link{display:inline-block;font-size:12px;line-height:1.6;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;padding:8px 0}
.style-comparisons .sc-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;scroll-margin-top:26px}
.style-comparisons .sc-look{min-width:0;margin:0;background:#fff;border:1px solid var(--sc-rule)}
.style-comparisons .sc-look-media{position:relative;background:var(--sc-cream)}
.style-comparisons .sc-look-media>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
.style-comparisons .sc-look-label{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:10px 16px;background:var(--sc-wine);color:white;font-size:12px;font-weight:700;letter-spacing:.15em}
.style-comparisons .sc-look--that .sc-look-label{background:#fff;color:var(--sc-wine);box-shadow:inset 0 0 0 1px var(--sc-rule)}
.style-comparisons .sc-look figcaption{padding:26px 30px 30px}
.style-comparisons .sc-look h2{font:400 clamp(28px,2.8vw,40px)/1.15 var(--serif);letter-spacing:-.035em;margin:0 0 14px}
.style-comparisons .sc-look figcaption p{font-size:14px;line-height:1.8;margin:0;max-width:54ch}
.style-comparisons .sc-comparison-note{font-size:12px;line-height:1.7;color:var(--muted);margin:14px 0 0;max-width:76ch}
.style-comparisons .sc-pieces{padding:66px 0 0;scroll-margin-top:28px}
.style-comparisons .sc-section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin:0 0 26px}
.style-comparisons .sc-section-heading h2{font:400 clamp(34px,4vw,52px)/1.12 var(--serif);letter-spacing:-.04em;margin:0}
.style-comparisons .sc-section-heading>p{max-width:34ch;font-size:13px;line-height:1.75;margin:0;color:var(--muted)}
.style-comparisons .sc-piece-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;border-top:1px solid var(--sc-rule);border-bottom:1px solid var(--sc-rule)}
.style-comparisons .sc-piece-list>li{min-width:0;border-right:1px solid var(--sc-rule)}
.style-comparisons .sc-piece-list>li:last-child{border-right:0}
.style-comparisons .sc-piece-link{height:100%;display:flex;flex-direction:column;align-items:start;gap:12px;padding:24px 22px;background:transparent;transition:background .16s ease}
.style-comparisons .sc-piece-link:hover{background:var(--sc-wine-soft)}
.style-comparisons .sc-piece-number{font-size:10px;letter-spacing:.12em;color:var(--sc-wine)}
.style-comparisons .sc-piece-label{font:400 clamp(24px,2.2vw,31px)/1.15 var(--serif);letter-spacing:-.025em}
.style-comparisons .sc-piece-name{font-size:12px;line-height:1.6}
.style-comparisons .sc-piece-facts{font-size:11px;line-height:1.7;color:var(--muted)}
.style-comparisons .sc-piece-action{margin-top:auto;padding-top:10px;font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.style-comparisons .sc-piece-status{font-size:12px;line-height:1.75;color:var(--muted);margin:18px 0 0;max-width:94ch}
.style-comparisons .sc-styling-note{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;background:var(--sc-wine-soft);padding:30px 34px;margin:30px 0 0}
.style-comparisons .sc-styling-note h3{font:400 clamp(25px,2.6vw,34px)/1.2 var(--serif);letter-spacing:-.025em;margin:0;color:var(--sc-wine)}
.style-comparisons .sc-styling-note p{font-size:13px;line-height:1.85;margin:0}
.style-comparisons .sc-denim{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;gap:0;margin:72px 0 0;background:var(--sc-cream)}
.style-comparisons .sc-denim figure{margin:0;background:#e4e2dc}
.style-comparisons .sc-denim img{width:100%;height:100%;object-fit:contain;aspect-ratio:4/5}
.style-comparisons .sc-denim-copy{padding:clamp(28px,4.4vw,62px);align-self:center}
.style-comparisons .sc-denim-copy h2{font:400 clamp(34px,4.4vw,58px)/1.08 var(--serif);letter-spacing:-.045em;margin:0 0 24px}
.style-comparisons .sc-denim-copy>p{font-size:14px;line-height:1.85;max-width:46ch}
.style-comparisons .sc-denim-copy .sc-saving{font-size:12px;line-height:1.8;padding-top:20px;border-top:1px solid #cfcac0;margin-top:26px}
.style-comparisons .sc-saving strong{font-size:14px;display:block;color:var(--sc-wine);margin-bottom:8px}
.style-comparisons .sc-denim-copy .sc-kicker{font-size:10px;line-height:1.6}
.style-comparisons .sc-denim-copy .sc-text-link{margin-top:8px}
.style-comparisons>.page-faq{padding:68px 0;gap:48px;background:transparent;margin:0;border:0}
.style-comparisons a:focus-visible{outline:3px solid var(--sc-wine);outline-offset:5px}
@media(max-width:1000px){.style-comparisons .sc-intro{gap:28px}.style-comparisons .sc-piece-list{grid-template-columns:repeat(2,minmax(0,1fr))}.style-comparisons .sc-piece-list>li:nth-child(2){border-right:0}.style-comparisons .sc-piece-list>li:nth-child(-n+2){border-bottom:1px solid var(--sc-rule)}.style-comparisons .sc-look figcaption{padding:24px}.style-comparisons .sc-denim-copy{padding:30px}}
@media(max-width:700px){.style-comparisons{padding-inline:20px}.style-comparisons .sc-intro{grid-template-columns:1fr;gap:24px;padding:36px 0 28px}.style-comparisons h1{font-size:clamp(43px,10.5vw,68px)}.style-comparisons .sc-intro-copy>p{font-size:14px;max-width:48ch;margin-bottom:10px}.style-comparisons .sc-kicker{font-size:9px;margin-bottom:14px}.style-comparisons .sc-comparison{grid-template-columns:1fr;gap:26px}.style-comparisons .sc-look-label{top:14px;left:14px;padding:8px 14px;min-width:66px}.style-comparisons .sc-look h2{font-size:31px}.style-comparisons .sc-look figcaption{padding:24px}.style-comparisons .sc-look figcaption p{font-size:13px}.style-comparisons .sc-pieces{padding-top:46px}.style-comparisons .sc-section-heading{display:block;margin-bottom:24px}.style-comparisons .sc-section-heading h2{font-size:36px}.style-comparisons .sc-section-heading>p{margin-top:16px;max-width:46ch}.style-comparisons .sc-piece-link{padding:20px 14px;gap:10px}.style-comparisons .sc-piece-label{font-size:25px}.style-comparisons .sc-piece-name{font-size:11px}.style-comparisons .sc-styling-note{grid-template-columns:1fr;gap:16px;padding:26px 24px;margin-top:24px}.style-comparisons .sc-denim{grid-template-columns:1fr;margin-top:46px}.style-comparisons .sc-denim-copy{padding:30px 26px}.style-comparisons .sc-denim-copy h2{font-size:42px}.style-comparisons>.page-faq{padding:48px 0}.style-comparisons .sc-jump-links{gap:4px 20px}}
@media(prefers-reduced-motion:reduce){.style-comparisons .sc-piece-link{transition:none}}