.material-visualization{background:#f2efe8;color:inherit}
.material-visualization .section-heading{margin-bottom:24px}
.material-visualization .section-heading p{max-width:650px}
.comparison{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr);gap:24px;align-items:start}
.look-view{min-width:0}.look-frame{position:relative;overflow:hidden;border:1px solid #c9bead;border-radius:16px;background:#dfd8cd;margin:0}
.look-frame>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.look-frame figcaption{display:flex;justify-content:space-between;gap:15px;padding:10px 14px;background:#fff;color:#5f625e;font-size:11px}.look-frame figcaption>span:first-child{color:#24352e;font-weight:700}
.look-mobile-hint{margin:10px 0 0;font-size:12px;color:#626a65}.look-controls{display:flex;flex-direction:column;min-width:0}.look-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.look-option{display:block;overflow:hidden;min-width:0;padding:4px;border:1px solid #c7bba7;border-radius:10px;background:#fff;color:inherit;text-align:left}.look-option[aria-selected=true]{border:2px solid var(--accent,#35594b);padding:3px;background:#eee8de}
.look-option img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px}.look-option-copy{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px;padding:7px 2px 5px}.look-option-copy strong{flex-basis:100%;order:3;font-size:11px;line-height:1.35}.look-option-number{font-size:9px;font-weight:700;color:#846d52}.look-check{margin-left:auto;visibility:hidden}.look-option[aria-selected=true] .look-check{visibility:visible}
.look-details{margin-top:18px;min-height:174px}.look-details .eyebrow{margin-bottom:8px}.look-details h3{margin-bottom:10px;font-size:24px}.look-details p:not(.eyebrow){font-size:14px;line-height:1.65}.look-controls>.button{width:100%;justify-content:center;margin-top:10px}.look-learn{align-self:flex-start;display:flex;align-items:center;min-height:40px;margin-top:5px;color:var(--accent,#35594b);font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:4px}.look-note{max-width:82ch;margin-top:14px;font-size:11px;line-height:1.6;color:#666d68}.look-feedback{position:absolute;top:12px;right:12px;padding:7px 10px;background:#fffdf8ee;border-radius:7px;font-size:11px}
@media(max-width:900px){.comparison{grid-template-columns:1fr}.look-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.look-options{grid-column:1;grid-row:1/4}.look-details,.look-controls>.button,.look-learn{grid-column:2}.look-details{margin-top:0;min-height:0}}
@media(max-width:600px){.look-controls{display:flex}.look-details{margin-top:18px;min-height:158px}.look-details h3{font-size:23px}.look-option-copy strong{font-size:10px}.look-frame figcaption{font-size:10px}.material-visualization .section-heading{margin-bottom:20px}}