.hyb-root .hy-start{display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,48px);padding:24px 32px;border-block:1px solid #e4ded2;background:#f6f2ea}.hy-start>span,.hy-looks-kicker{font:600 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#77684a}.hyb-root .hy-start a{display:flex;align-items:center;gap:14px;min-height:40px;color:#1f2a24;font-size:14px;text-decoration:none;border-bottom:1px solid transparent}.hyb-root .hy-start a:hover{color:#8a6928;border-color:#b08d3e}.hyb-root .hy-looks{background:#fff;scroll-margin-top:150px}.hy-looks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.hy-look{min-width:0;border:1px solid #e8e0d3;border-radius:12px;overflow:hidden;background:#fbfaf7}.hyb-root .hy-look-photo{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;color:#fff}.hy-look-photo img{height:100%;width:100%;object-fit:cover;transition:transform .35s}.hy-look-photo>span{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#1f2a24e8;color:#fff;border-radius:5px;font:500 12px/1.4 Inter,Arial,sans-serif}.hy-look-photo:hover img{transform:scale(1.025)}.hy-look-photo:hover>span{background:#8a6928}.hy-look-copy{padding:22px}.hyb-root .hy-look-copy h3{font:500 clamp(24px,2vw,30px)/1.1 'Cormorant Garamond',Georgia,serif;margin:0 0 12px;color:#1f2a24}.hy-look-copy p{font:400 13px/1.6 Inter,Arial,sans-serif;color:#696358;margin:0 0 14px}.hy-look-copy details{border-block:1px solid #ded6c9}.hy-look-copy summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;list-style:none;padding:13px 0;font-size:12px;color:#1f2a24}.hy-look-copy summary::-webkit-details-marker{display:none}.hy-look-copy details[open] summary>span{transform:rotate(45deg)}.hy-look-copy details>a{display:block;font-size:13px;line-height:1.5;margin:0 0 9px;text-decoration:underline;text-underline-offset:3px;color:#1f2a24}.hy-look-copy details>p{font-size:11px}.hy-look-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;padding:18px 0 8px}.hyb-root .hy-look-actions button,.hyb-root .hy-look-actions a{font:600 11px/1.4 Inter,Arial,sans-serif;border:1px solid #c9bca4;color:#1f2a24;padding:11px 12px;border-radius:5px;background:transparent;text-decoration:none;min-height:40px;cursor:pointer}.hyb-root .hy-look-actions a{background:#1f2a24;color:#fff;border-color:#1f2a24}.hyb-root .hy-look-actions button:hover,.hyb-root .hy-look-actions a:hover{background:#8a6928;border-color:#8a6928;color:white}.hyb-root .hy-look-range{font-size:11px;color:#6c5c3a;text-decoration:underline;text-underline-offset:4px;display:inline-block;padding-top:8px}.hy-look-next{text-align:center;margin:24px 0 34px}.hy-look-next p{font-size:13px;min-height:20px}.hy-look-next>a{font-size:13px;text-decoration:underline;text-underline-offset:4px;color:#1f2a24}.hy-sample-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #e4ded2;padding:28px 0;gap:40px}.hy-sample-steps span{font:500 12px/1 Inter,Arial,sans-serif;color:#9a7831;letter-spacing:.1em}.hyb-root .hy-sample-steps h3{font:500 25px/1.2 'Cormorant Garamond',Georgia,serif;margin:9px 0}.hy-sample-steps p{font-size:12px;line-height:1.7;color:#686358}.hyb-root .hy-sample-steps a{color:#1f2a24;text-decoration:underline;text-underline-offset:3px}.hy-start a:focus-visible,.hy-looks a:focus-visible,.hy-looks button:focus-visible,.hy-looks summary:focus-visible{outline:2px solid #8a6928;outline-offset:4px}@media(max-width:900px){.hyb-root .hy-start{gap:10px 20px;flex-wrap:wrap;padding:16px}.hy-start>span{width:100%;text-align:center}.hy-looks-grid{gap:16px}.hy-look-copy{padding:16px}.hy-look-actions{flex-direction:column;align-items:stretch}}@media(max-width:650px){.hy-looks-grid{grid-template-columns:1fr}.hyb-root .hy-look-photo{aspect-ratio:5/4}.hy-sample-steps{grid-template-columns:1fr;gap:20px}.hy-look-actions{flex-direction:row;align-items:center}.hyb-root .hy-start a{font-size:12px;gap:5px}}@media(prefers-reduced-motion:reduce){.hy-look-photo img{transition:none}}
