.lineup{background:#f0f1e9;color:#222c20;padding:100px 5% 70px;scroll-margin-top:30px}
.lineup-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}
.lineup-eyebrow{font:11px monospace;letter-spacing:1.8px;margin-bottom:25px;color:#626f5a}
.lineup h2{font:400 clamp(40px,5.6vw,84px)/1.02 'DM Sans',sans-serif;letter-spacing:-3px;margin:0}
.lineup h2 em{font-family:Georgia,serif;font-weight:400}
.lineup-intro{max-width:360px;font-size:15px;line-height:1.9}.lineup-intro span{display:block;font:10px monospace;letter-spacing:.7px;margin-top:24px;color:#68725e}
.lineup-filters{display:flex;gap:8px;padding:0 0 24px;border-bottom:1px solid #a7ae9d}
.lineup-filters button{background:transparent;border:1px solid #bac1b0;border-radius:4px;padding:12px 20px;font:500 12px 'DM Sans',sans-serif;color:#33432c;cursor:pointer}.lineup-filters button[aria-pressed=true]{background:#25331d;color:#baff00;border-color:#25331d}.lineup-filters span{margin-left:12px}
.lineup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #a7ae9d}
.lineup-card{min-width:0;border-right:1px solid #c6cbbb;padding:28px 26px 25px}.lineup-card:first-child{border-left:1px solid #c6cbbb}.lineup-card[hidden]{display:none}
.lineup-number{font:9px monospace;letter-spacing:1px;color:#6e7963}.lineup-cutout{position:relative;aspect-ratio:1.6;margin:12px -20px 5px}.lineup-cutout img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 17px 9px #303c2424)}.lineup-cutout img:not([src]){visibility:hidden}.lineup-loading{position:absolute;inset:45% 0 auto;text-align:center;font-size:12px;color:#69765f}
.lineup h3{font:500 clamp(23px,2.7vw,39px)/1.2 'DM Sans',sans-serif;letter-spacing:-1.5px;margin:16px 0 12px}.lineup h3 span{font-weight:400}.lineup-product>p{font-size:13px;line-height:1.7;color:#637059;letter-spacing:-.3px}
.lineup-colors{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.lineup-colors>div{display:flex;gap:5px}.lineup-colors button{position:relative;width:34px;height:36px;border:0;background:transparent;cursor:pointer}.lineup-colors button:before{content:'';position:absolute;inset:8px 7px;border-radius:50%;background:var(--color);box-shadow:0 0 0 1px #0002}.lineup-colors button[aria-pressed=true]:after{content:'';position:absolute;inset:3px 2px;border:1px solid #25331d;border-radius:50%}.lineup-colors>span{font:10px monospace;letter-spacing:1px}.lineup-color-name{font:10px monospace!important;min-height:18px;margin-top:8px}
.lineup dl{margin-top:25px;border-top:1px solid #a7ae9d}.lineup dl>div{padding:17px 0;border-bottom:1px solid #d0d5c7;min-height:78px}.lineup dt{font-size:10px;color:#728067;margin-bottom:7px}.lineup dd{font-size:13px;margin:0;line-height:1.5}.lineup-link{display:flex;justify-content:space-between;font-size:11px;margin-top:24px}.lineup-link span{color:#506d35}.lineup-note{font-size:11px;line-height:1.8;color:#707e64;margin-top:23px;max-width:780px}
@media(max-width:700px){.lineup{padding:70px 20px 50px}.lineup-heading{display:block;margin-bottom:28px}.lineup h2{letter-spacing:-2px;font-size:44px}.lineup-intro{margin-top:25px;font-size:13px}.lineup-intro span{margin-top:12px}.lineup-filters{gap:5px;overflow:auto}.lineup-filters button{padding:12px 11px;font-size:10px;white-space:nowrap}.lineup-filters span{margin-left:5px}.lineup-grid{grid-template-columns:1fr}.lineup-card,.lineup-card:first-child{border-left:0;border-right:0;border-bottom:1px solid #a7ae9d;padding:27px 4px 32px}.lineup h3{font-size:32px}.lineup-cutout{max-width:440px;margin:10px auto}.lineup dl>div{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:55px;padding:14px 0}.lineup dt{margin:0;flex-shrink:0}.lineup dd{text-align:right}.lineup-colors button{width:40px;height:42px}.lineup-colors button:before{inset:11px 10px}.lineup-colors button[aria-pressed=true]:after{inset:6px 5px}}
/* Shared right-hand specification labels and native swipe comparison. */
.lineup-comparison{display:grid;grid-template-columns:minmax(0,1fr) 125px;border-bottom:1px solid #a7ae9d}
.lineup-grid{border-bottom:0;min-width:0}.lineup-product{height:380px}.lineup-card{padding-left:18px;padding-right:18px}.lineup-cutout{margin-left:-12px;margin-right:-12px}.lineup h3{font-size:clamp(21px,2.3vw,34px)}
.lineup-card dl dt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lineup-card dl>div{height:78px;display:flex;align-items:center}.lineup-card dl{margin-bottom:0}.lineup-shared{min-width:0}.lineup-label-spacer{height:433px}.lineup-shared-rows{border-top:1px solid #a7ae9d}.lineup-shared-rows>div{height:78px;display:flex;align-items:center;padding-left:18px;border-bottom:1px solid #d0d5c7;color:#66755b;font-size:11px}
.lineup-swipe-hint{display:none}.lineup-highlight{background:#e4e9da}
@media(max-width:700px){
 .lineup-comparison{grid-template-columns:minmax(0,1fr) 76px}
 .lineup-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;align-items:stretch}.lineup-grid::-webkit-scrollbar{display:none}
 .lineup-card,.lineup-card:first-child{flex:0 0 100%;width:100%;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;padding:27px 12px 25px 0;border-bottom:0;border-right:1px solid #c6cbbb}
 .lineup-product{height:350px}.lineup-cutout{height:150px;aspect-ratio:auto;margin:10px -5px}.lineup h3{font-size:25px;letter-spacing:-1px}.lineup-product>p{font-size:12px}.lineup-number{font-size:8px;letter-spacing:.3px}.lineup-colors{margin-top:14px;gap:3px}.lineup-colors>div{gap:0}.lineup-colors button{width:32px;height:40px}.lineup-colors button:before{inset:10px 6px}.lineup-colors button[aria-pressed=true]:after{inset:5px 1px}.lineup-colors>span{font-size:8px;letter-spacing:0;white-space:nowrap}
 .lineup-label-spacer{height:402px}.lineup-card dl>div,.lineup-shared-rows>div{height:70px;min-height:70px}.lineup-card dd{text-align:left;font-size:12px}.lineup-shared-rows>div{padding-left:10px;font-size:10px}.lineup-swipe-hint{display:flex;justify-content:space-between;font-size:10px;color:#6e7c63;margin:18px 0 0}.lineup-filters [data-line=all]{display:none}.lineup-highlight{background:transparent}
}
/* Common specification names are fixed on the left of all product columns. */
.lineup-comparison{grid-template-columns:125px minmax(0,1fr)}
.lineup-shared{grid-column:1;grid-row:1}.lineup-grid{grid-column:2;grid-row:1}
.lineup-shared-rows>div{padding-left:0;padding-right:15px}
@media(max-width:700px){.lineup-comparison{grid-template-columns:76px minmax(0,1fr)}.lineup-shared-rows>div{padding-left:0;padding-right:8px}.lineup-card,.lineup-card:first-child{padding-left:12px;padding-right:0;border-right:0;border-left:1px solid #c6cbbb}}
/* Three product lines with consistent transparent catalog framing. */
.lineup-filters{overflow-x:auto}.lineup-filters button{white-space:nowrap}
@media(min-width:701px){.lineup-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;position:relative}.lineup-card{flex:0 0 33.333333%;scroll-snap-align:start;box-sizing:border-box}.lineup-swipe-hint{display:flex;justify-content:space-between;font-size:10px;color:#6e7c63;margin:18px 0 0}.lineup-swipe-hint .lineup-page{display:none}}

.lineup-cutout.product-cutout img{width:55%;height:100%;display:block;margin:auto;object-fit:contain}

@media(min-width:701px){.lineup-swipe-hint{display:none}}

.lineup-colors>.lineup-color-name{margin:0;min-height:0;text-align:right;letter-spacing:0;line-height:1.4;white-space:normal}

/* Shared CSS grid tracks keep product content and specification rows aligned at every width. */
.lineup-comparison{grid-template-rows:auto auto auto}
.lineup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:subgrid;grid-row:1 / span 3;gap:0;align-items:stretch}
.lineup-card,.lineup-card:first-child{display:grid;grid-template-rows:subgrid;grid-row:1 / span 3;gap:0;width:auto;min-width:0;padding:0 18px 25px}
.lineup-product{height:auto;min-height:0;padding:28px 0 25px;display:flow-root}
.lineup-card dl{margin:0}
.lineup-link{align-self:start}
.lineup-shared{display:grid;grid-template-rows:subgrid;grid-row:1 / span 3}
.lineup-label-spacer{height:auto;grid-row:1}
.lineup-shared-rows{grid-row:2;align-self:start}
.lineup-colors{gap:8px;flex-wrap:wrap}
.lineup-colors>div{flex-shrink:0}
.lineup-colors>.lineup-color-name{margin-left:auto}
@media(max-width:700px){
 .lineup-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%}
 .lineup-card,.lineup-card:first-child{padding:0 12px 25px}
 .lineup-product{padding-top:27px}
}