.styles{background:var(--bg-dark);padding:96px 0}.styles-head{margin-bottom:48px}.styles-head .section-h2{color:#fff}.styles-intro{color:hsla(42,25%,92%,.65);font-size:.95rem;line-height:1.75;margin-top:1rem;max-width:560px}.styles-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:48px}.style-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(42,25%,92%,.08);border-radius:6px;cursor:pointer;overflow:hidden;padding:12px 12px 0;position:relative;transition:border-color .3s}.style-card:hover{border-color:rgba(232,93,60,.35)}.style-card:hover .style-vid iframe{transform:scale(1.04)}.style-vid{aspect-ratio:16/9;background:#111;overflow:hidden;position:relative}.style-vid iframe{border:none;height:100%;inset:0;pointer-events:none;position:absolute;transition:transform .6s var(--ease);width:100%}.style-info{padding:16px 8px 20px}.style-tag{color:var(--orange);display:inline-block;font-size:9px;font-weight:700;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.style-name{color:#fff;font-family:var(--serif);font-size:clamp(17px,1.6vw,22px);font-weight:400;letter-spacing:-.2px;line-height:1.1;margin-bottom:7px}.style-desc{color:hsla(42,25%,92%,.62);font-size:12px;line-height:1.65}@media(max-width:900px){.styles-grid{grid-template-columns:1fr}}