/* Waffle polos: a light material opening and three gently staggered color groups. */
.waffle-category{background:var(--paper);container-type:inline-size}
.waffle-intro{background:#fafafa;border-top:1px solid var(--line);padding-top:55px;padding-bottom:50px}
.waffle-intro .section-meta{font-size:10px;margin-bottom:45px}
.waffle-opening-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:6vw;align-items:center}
.waffle-intro-copy{min-width:0}
#waffle-title{font-size:clamp(78px,12vw,225px);line-height:.86;letter-spacing:-.075em;white-space:nowrap}
.waffle-title-kicker{display:block;font-size:clamp(15px,1.8vw,28px);font-weight:700;letter-spacing:.035em;line-height:1.3;margin-bottom:24px}
.waffle-intro-copy .body-copy{max-width:480px;margin-top:30px;font-size:clamp(17px,1.6vw,23px)}
.waffle-material{display:flex;align-items:center;flex-direction:column;border-left:1px solid var(--line);padding-left:30px;min-width:0;color:#313d48}
.waffle-diagram{width:clamp(150px,18vw,250px);max-width:100%;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}
.waffle-shirt{stroke-width:1.6}
.waffle-collar{fill:#fafafa}
.waffle-guide{stroke:#949494;stroke-width:.7;stroke-dasharray:2 3}
.waffle-cotton{display:flex;gap:12px;align-items:baseline;color:var(--ink);margin-top:12px}
.waffle-cotton strong{font-size:clamp(36px,5.3vw,80px);font-weight:900;letter-spacing:-.07em;line-height:1}
.waffle-cotton>span{font-size:10px;font-weight:700;letter-spacing:.05em}
.waffle-products{padding-top:55px;padding-bottom:80px}
.waffle-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.waffle-color{min-width:0}
.waffle-color:nth-child(2){margin-top:65px}
.waffle-color:nth-child(3){margin-top:20px}
.waffle-color-heading{padding-bottom:23px}
.waffle-color-heading .model-breadcrumb{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px;font-size:9px;line-height:1.5;letter-spacing:.025em;margin-bottom:16px}
.waffle-color-heading h3{display:flex;align-items:center;gap:12px;font-size:clamp(26px,3vw,46px);font-weight:900;line-height:1;letter-spacing:-.055em;margin:0}
.waffle-swatch{display:block;width:12px;height:12px;border-radius:50%;flex:none;border:1px solid #15151530}
.waffle-swatch.blue{background:#526d80}.waffle-swatch.black{background:#1d1d1d}.waffle-swatch.toasted{background:#b77f60}
.waffle-gallery .trend-slide img{object-fit:contain}
.waffle-gallery .trend-slides{background:#d4d2d2}
.waffle-gallery .trend-gallery-meta{font-size:10px;padding-top:15px}
.waffle-gallery .trend-arrow{min-width:44px;min-height:44px}
.waffle-gallery .trend-thumb{width:44px;height:58px}
@media(min-width:701px) and (max-width:1000px){
 .waffle-opening-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:4vw}
 #waffle-title{font-size:11.5vw}
 .waffle-material{padding-left:20px}
 .waffle-cotton{gap:8px}
 .waffle-cotton strong{font-size:48px}
 .waffle-cotton>span{font-size:9px}
 .waffle-product-grid{grid-template-columns:minmax(0,1fr);gap:45px}
 .waffle-color{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:30px;padding-top:25px;border-top:1px solid var(--line)}
 .waffle-color:nth-child(n){margin-top:0}
 .waffle-color-heading{padding-top:15px}
 .waffle-color-heading h3{font-size:clamp(32px,4.8vw,48px)}
}
@media(max-width:700px){
 .waffle-intro{padding-top:35px;padding-bottom:30px}
 .waffle-intro .section-meta{font-size:8px;margin-bottom:32px;gap:12px}
 .waffle-opening-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 #waffle-title{font-size:clamp(58px,18.2vw,128px)}
 .waffle-title-kicker{font-size:15px;margin-bottom:18px}
 .waffle-intro-copy .body-copy{font-size:17px;margin-top:24px;max-width:440px}
 .waffle-material{flex-direction:row;justify-content:space-between;gap:20px;padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}
 .waffle-diagram{width:110px;flex:none}
 .waffle-cotton{flex-direction:column;gap:5px;margin:0 10px 0 0;align-items:flex-start}
 .waffle-cotton strong{font-size:64px}
 .waffle-cotton>span{font-size:10px}
 .waffle-products{padding-top:35px;padding-bottom:45px}
 .waffle-product-grid{grid-template-columns:minmax(0,1fr);gap:42px}
 .waffle-color:nth-child(n){margin-top:0}
 .waffle-color-heading{padding-bottom:20px}
 .waffle-color-heading h3{font-size:39px}
 .waffle-color-heading .model-breadcrumb{font-size:9px;margin-bottom:12px}
 .waffle-gallery .trend-gallery-meta{font-size:11px}
 .waffle-gallery .trend-arrow{width:44px;height:44px}
}
@media(max-width:350px){
 .waffle-diagram{width:90px}
 .waffle-cotton strong{font-size:53px}
}