.m3-shell{max-width:1280px;margin-inline:auto;padding-inline:var(--spacing-section-x);padding-top:calc(var(--space-6) + var(--space-6))}
.m3-hero{display:grid;gap:var(--space-5);padding-bottom:var(--space-3)}
.m3-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);min-width:0}
.m3-hero-cta{width:100%}
.m3-hero-visual{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.m3-hero-media{min-width:0;overflow:hidden}
.m3-diptych{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));aspect-ratio:1.2;gap:1px}
.m3-cover{width:100%;height:100%;object-fit:cover}
.m3-wear{background-image:var(--m3-wear-image);background-repeat:no-repeat;background-size:auto 506.17%;background-position:32.3% 7.6%}
.m3-scroll-cue{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--space-6);padding-inline:var(--space-3);color:var(--color-off-grey)}
.m3-scroll-glyph{display:block;transform:rotate(90deg)}
.m3-scroll-cue:focus-visible{outline:1px solid currentColor;outline-offset:var(--space-1)}
.m3-reason{display:grid;gap:var(--space-5);padding-block:var(--space-5)}
.m3-reason-copy{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.m3-reason-heading{display:flex;flex-direction:column;gap:var(--space-3)}
.m3-benefit-label{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);color:var(--color-off-grey)}
.m3-reason-title,.m3-reviews [id],.m3-comparison [id],.m3-close [id]{scroll-margin-top:calc(var(--space-7) + var(--space-6))}
.m3-reason-media{min-width:0;overflow:hidden}
.m3-study-image,.m3-product-image{width:100%;height:auto}
.m3-wear-reason{width:100%;aspect-ratio:1.2}
.m3-reviews{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);padding-block:var(--space-5)}
.m3-reviews-heading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;width:100%}
.m3-review-summary{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}
.m3-review-carousel{display:block;width:100%;max-width:calc(var(--space-8) * 6);min-width:0;margin-inline:auto}
.m3-review-track{position:relative;display:flex;align-items:stretch;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.m3-review-track::-webkit-scrollbar{display:none}
.m3-review-track:focus-visible{outline:1px solid currentColor;outline-offset:var(--space-1)}
.m3-review-card{flex:0 0 100%;min-width:0;scroll-snap-align:start}
.m3-review-dots{display:flex;justify-content:center;align-items:center;gap:var(--space-2);padding-top:var(--space-5)}
.m3-comparison{padding-block:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}
.m3-close{display:flex;justify-content:center;text-align:center;padding-block:var(--space-7);padding-inline:var(--spacing-section-x)}
.m3-close-copy{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;max-width:calc(var(--space-8) * 6);min-width:0}
.m3-close-rating{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}
@media(min-width:1024px){
.m3-hero,.m3-reason{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-7);align-items:center}
.m3-hero-copy{grid-column:2;grid-row:1;gap:var(--space-6)}
.m3-hero-visual{grid-column:1;grid-row:1}
.m3-hero-visual .m3-scroll-cue{order:1}
.m3-reason-wear .m3-reason-copy{grid-column:2;grid-row:1}
.m3-reason-wear .m3-reason-media{grid-column:1;grid-row:1}
.m3-reason-heading{gap:var(--space-5)}
.m3-reviews,.m3-comparison{padding-inline:0}
.m3-review-carousel{max-width:none}
.m3-review-track{gap:var(--space-5)}
.m3-review-card{flex-basis:calc((100% - var(--space-5) * 3) / 3.2)}
}
