.style-tools{padding:35px 0 40px;border-top:1px solid #44483e;border-bottom:1px solid #44483e;margin-bottom:35px}.style-tool-intro{max-width:720px}.style-tool-intro h2{font-size:clamp(30px,3.2vw,44px);margin:15px 0;max-width:22ch}.style-tool-intro p{font-size:14px;color:#bbc3b4;max-width:620px}.style-quiz{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end;margin-top:30px}.style-quiz label,.compare-controls label{font-size:12px;margin:0 0 9px}.style-quiz select,.compare-controls select{font:14px/1.6 Inter,Arial,sans-serif;background:#171a14;border:1px solid #68715e;border-radius:0;color:#eeede7;padding:13px;min-height:50px;width:100%}.style-quiz .button{min-height:50px;font-size:12px}.quiz-results:empty{display:none}.quiz-results-label{font-size:12px;margin:25px 0 12px;color:#bbc3b4}.quiz-results>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quiz-results a{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid #68715e;background:#171a14}.quiz-results a span{font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:20px;line-height:1.3}.quiz-results a small{font-size:10px;color:#bbc3b4}.gallery-tool-actions{display:flex;gap:25px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:28px}.gallery-tool-actions button{background:transparent;color:#eeede7;border:1px solid #68715e;padding:11px 17px;min-height:44px;font:12px/1.5 Inter,Arial,sans-serif}.gallery-tool-actions button[aria-pressed=true]{background:#eeede7;color:#141812}.gallery-tool-actions a{font-size:12px}.style-compare{margin-top:28px;padding-top:24px;border-top:1px solid #44483e;scroll-margin-top:25px}.style-compare summary{font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:22px;cursor:pointer;padding:5px 0}.compare-controls{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:28px 0 20px}.compare-previews{display:grid;grid-template-columns:1fr 1fr;gap:25px}.compare-previews figure{margin:0;border:1px solid #44483e;min-width:0}.compare-previews img{width:100%;height:auto;display:block}.compare-previews figcaption{padding:22px}.compare-previews h3{font-size:25px;margin:0 0 12px}.compare-previews p{font-size:12px;margin-bottom:18px}.compare-previews figcaption>a{font-size:12px;border-bottom:1px solid;padding-bottom:5px}.tile-utilities{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 15px}.tile-utilities button{font:12px/1.5 Inter,Arial,sans-serif;min-height:44px;background:transparent;color:#d9dfd0;border:1px solid #44483e;padding:9px 13px}.tile-utilities button[aria-pressed=true]{background:#d9dfd0;color:#171b14}.gallery-empty{padding:40px 20px;border:1px dashed #68715e;text-align:center;color:#bbc3b4}.gallery-empty[hidden]{display:none}.gallery-empty p{margin:0;font-size:14px}.style-gallery{column-gap:25px;row-gap:35px}.tile-body .tile-actions{padding-top:20px}.tile-body p{min-height:96px}.tile-body h2{font-size:25px}.tile-feature{font-size:12px;color:#d9dfd0;margin:0 0 20px;padding:12px 0;border-top:1px solid #44483e;border-bottom:1px solid #44483e;line-height:1.7}.tile-feature span:first-child{display:block;color:#99a68e;font-size:9px;letter-spacing:.08em;margin-bottom:5px}
@media(min-width:1180px){.style-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.tile-body h2{font-size:24px}.tile-body p{font-size:13px;min-height:115px}.style-info>div{gap:12px}.style-info strong{font-size:10px}.tile-utilities button{font-size:11px;padding:9px 11px}.style-tile .tile-open,.style-tile .tile-choose{font-size:11px}}
@media(max-width:900px){.style-quiz{grid-template-columns:1fr 1fr}.style-quiz .button{grid-column:1/-1;justify-self:start}.style-tool-intro h2{font-size:36px}.compare-previews figcaption{padding:18px}}
@media(max-width:600px){.style-tools{padding-top:28px}.style-quiz,.compare-controls{grid-template-columns:1fr;gap:18px}.style-quiz .button{width:100%}.style-quiz select,.compare-controls select{font-size:16px}.quiz-results>div,.compare-previews{grid-template-columns:1fr}.quiz-results a{padding:17px}.compare-controls{gap:15px}.compare-previews{gap:25px}.gallery-tool-actions{gap:15px}.gallery-tool-actions a{font-size:11px}.style-compare summary{font-size:22px}.tile-body p{min-height:0}.tile-body h2{font-size:27px}.style-tool-intro h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.style-tools *{scroll-behavior:auto!important;transition:none!important}}
.quiz-results{scroll-margin-top:25px}.quiz-results-label{font-size:14px;color:#e4e9dc;font-weight:600}.quiz-results a img{display:block;width:100%;height:auto;aspect-ratio:800/475;object-fit:cover;margin-bottom:8px}.quiz-results a:hover{border-color:#e4e9dc}.quiz-results a:focus-visible{outline:3px solid #e4e9dc;outline-offset:3px}.home-carousel-controls button:disabled{opacity:.65;cursor:default}
/* Comparison descriptions explain both the visual character and a practical fit. */
.compare-description{display:grid;gap:16px;margin:18px 0 22px}
.compare-description div{border-top:1px solid color-mix(in srgb,currentColor 24%,transparent);padding-top:13px}
.compare-description dt{font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px}
.compare-description dd{margin:0;font-size:14px;line-height:1.65;max-width:45ch}