.styles-section{background:var(--dark)}.styles-section .sec-h{color:#fff}.styles-section .sec-body{color:hsla(42,25%,92%,.45)}.styles-grid-8{background:hsla(42,25%,92%,.07);border:1px solid hsla(42,25%,92%,.07);display:grid;gap:1px;grid-template-columns:repeat(4,1fr)}.style-card8{background:var(--dark);padding:28px 24px;position:relative;transition:background .2s}.style-card8:hover{background:hsla(0,0%,100%,.04)}.style-card8:after{background:var(--orange);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.style-card8:hover:after{transform:scaleX(1)}.style-best-for{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.1em;margin-bottom:10px;opacity:.7;text-transform:uppercase}.style-name8{color:#fff;font-family:var(--ff-h);font-size:clamp(16px,1.6vw,20px);margin-bottom:10px}.style-card8 p{color:hsla(42,25%,92%,.4);font-size:13px;font-weight:300;line-height:1.6}@media(max-width:900px){.styles-grid-8{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.styles-grid-8{grid-template-columns:1fr}}