.style-finder{padding:88px 0 64px;background:#f0f1ef;color:#202629}
.style-finder__heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}
.style-finder__heading h2{font:600 clamp(44px,5.8vw,76px)/1.01 var(--body-font);letter-spacing:-.055em;margin:0}
.style-finder__heading h2 span{color:#707a7e}
.style-finder__heading>p{font-size:15px;line-height:1.8;margin:0 0 4px;color:#5c666a}
.style-finder__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;padding:0;margin:0;min-width:0}
.style-finder__radio{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.style-finder__choice{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;min-height:56px;border:1px solid #c9cecd;border-radius:5px;color:#515d60;font-size:15px;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.style-finder__choice>span{opacity:.5;transition:transform .18s}
.style-finder__choice:hover{border-color:#202b30}
.style-finder__radio:checked+label{background:#202b30;border-color:#202b30;color:#fff}
.style-finder__radio:checked+label>span{opacity:1;transform:rotate(45deg)}
.style-finder__radio:focus-visible+label,.style-finder a:focus-visible{outline:2px solid #697e88;outline-offset:4px}
.style-finder__panel{grid-column:1/-1;display:none;grid-template-columns:1.15fr 1fr;overflow:hidden;min-width:0;background:#202b30;color:#fff;border-radius:7px;margin-top:6px;animation:stylePanelIn .26s ease-out}
.style-finder__radio[value=steel]:checked~.style-finder__panel--steel,.style-finder__radio[value=color]:checked~.style-finder__panel--color,.style-finder__radio[value=digital]:checked~.style-finder__panel--digital{display:grid}
.style-finder__panel figure{position:relative;margin:0;min-width:0;background:#152024}
.style-finder__panel img{width:100%;height:520px;object-fit:cover}
.style-finder__panel--steel img{object-position:100% 58%}
.style-finder__panel--color img{object-position:50% 55%}
.style-finder__panel--digital img{object-position:40% 50%}
.style-finder__copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px clamp(26px,4vw,60px)}
.style-finder__copy h3{font:500 clamp(32px,3.2vw,46px)/1.09 var(--body-font);letter-spacing:-.045em;margin:0 0 24px}
.style-finder__copy p{font-size:15px;line-height:1.85;color:#c1c9cc;margin:0 0 32px;max-width:350px}
.style-finder__copy>a{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:48px;border-bottom:1px solid #859196;font-size:13px;padding:8px 0;color:#fff}
.style-finder__copy>a:hover{border-color:#fff}
.style-finder__footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:23px}
.style-finder__footer p{font-size:11px;line-height:1.7;color:#727b7e;margin:0}
.style-finder__footer>a{display:inline-flex;gap:22px;align-items:center;min-height:44px;font-size:12px;white-space:nowrap}
@keyframes stylePanelIn{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.style-finder__copy{padding:32px}.style-finder__panel img{height:470px}.style-finder__copy h3{font-size:35px}}
@media(max-width:700px){.style-finder{padding:56px 0 40px}.style-finder__heading{display:block;margin-bottom:28px}.style-finder__heading h2{font-size:clamp(42px,12vw,58px)}.style-finder__heading>p{font-size:13px;line-height:1.8;margin-top:20px}.style-finder__choices{gap:8px}.style-finder__choice{padding:12px 13px;min-height:50px;font-size:13px;gap:6px}.style-finder__panel{grid-template-columns:1fr;margin-top:4px}.style-finder__panel img{height:330px}.style-finder__panel--color img{object-position:50% 54%}.style-finder__copy{padding:28px 24px 32px}.style-finder__copy h3{font-size:34px;margin-bottom:17px}.style-finder__copy p{font-size:13px;line-height:1.8;margin-bottom:20px;max-width:none}.style-finder__footer{align-items:flex-start;gap:18px}.style-finder__footer p{font-size:10px;max-width:225px}}
@media(prefers-reduced-motion:reduce){.style-finder__panel{animation:none}.style-finder__choice,.style-finder__choice>span{transition:none}}