/* Glass, enamel and sculpted metal for the discovery collection. */
.discovery { position:relative; isolation:isolate; overflow:hidden; padding:24px 20px 22px; border:1px solid #d9b09042; border-radius:28px; background:radial-gradient(ellipse at 50% -20%,#94425d39,transparent 68%),linear-gradient(145deg,#211019,#100b12 75%); box-shadow:inset 0 1px 0 #ffe5c728,0 16px 36px #0003; }
.discovery::before { content:""; position:absolute; inset:7px; z-index:-1; border:1px solid #e6c3a811; border-radius:22px; pointer-events:none; }
.discovery .eyebrow { margin:0; color:#e9c89c; letter-spacing:.18em; }
.discovery-intro { margin:8px 0 22px; max-width:32ch; color:#c5adba; font-size:12px; line-height:1.5; }
.discovery .feature-grid { gap:12px; }
.discovery .feature-grid > div { --tile-glow:#ed9ab738; position:relative; isolation:isolate; overflow:hidden; min-width:0; padding:20px 4px 17px; border:1px solid #ddaa9829; border-radius:20px; background:radial-gradient(ellipse at 50% 20%,var(--tile-glow),transparent 68%),linear-gradient(145deg,#41202c75,#1a0f197d 65%,#0e090fad); box-shadow:inset 0 1px 0 #ffeac320,inset 0 -1px 0 #0008,0 5px 14px #0003; transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.discovery .feature-grid > div:nth-child(3n+2) { --tile-glow:#d5a75e2e; }
.discovery .feature-grid > div::after { content:""; position:absolute; pointer-events:none; inset:-60% -70%; background:linear-gradient(115deg,transparent 43%,#ffe8cd00 47%,#ffe8cd20 50%,#ffe8cd00 53%,transparent 57%); transform:translateX(-72%); transition:transform .85s ease; }
.discovery .feature-grid .feature-icon { width:68px; height:68px; margin:0 auto 15px; border-radius:21px; border:1px solid #efc3959c; background:radial-gradient(ellipse at 25% 2%,#ffdbbf6b,transparent 45%),radial-gradient(ellipse at 80% 85%,#9e193f80,transparent 58%),linear-gradient(135deg,#552431,#280b18 55%,#100810); box-shadow:inset 0 2px 2px #fff0d966,inset 0 -3px 5px #000c,0 8px 14px #0008,0 0 0 3px #d49d671c,0 0 20px var(--tile-glow); transition:box-shadow .35s ease,transform .35s ease; }
.discovery .feature-grid .feature-icon::before { content:""; position:absolute; pointer-events:none; inset:3px 6px 37px; border-radius:16px 16px 35% 35%; background:linear-gradient(160deg,#fff5e03d,#fff5e000 80%); }
.discovery .feature-grid .feature-icon::after { inset:5px; border-radius:16px; border-color:#efc39835; }
.discovery .feature-grid .premium-icon { position:relative; width:50px; height:50px; filter:drop-shadow(0 2px 2px #0009); }
.discovery .feature-grid b { font-size:13px; line-height:1.25; font-weight:650; color:#fff3e9; }
.discovery .feature-grid small { margin-top:5px; font-size:11px; line-height:1.4; color:#d1b7c6; }
@media (hover:hover) and (pointer:fine) {
 .discovery .feature-grid > div:hover { transform:translateY(-4px); border-color:#ecc48d91; box-shadow:inset 0 1px 0 #ffeac346,0 12px 24px #0006,0 0 20px #c6759212; }
 .discovery .feature-grid > div:hover::after { transform:translateX(72%); }
 .discovery .feature-grid > div:hover .feature-icon { transform:translateY(-2px); box-shadow:inset 0 2px 2px #fff0d988,inset 0 -3px 5px #000c,0 10px 20px #0008,0 0 0 3px #d49d6730,0 0 25px var(--tile-glow); }
 .discovery .feature-grid > div:hover .premium-icon { transform:scale(1.05) rotate(-4deg); filter:drop-shadow(0 3px 5px #e9b4ca45); }
}
@media (max-width:400px) {
 .discovery { padding:22px 14px 18px; }
 .discovery .feature-grid { gap:9px 7px; }
 .discovery .feature-grid > div { padding:15px 2px 14px; border-radius:17px; }
 .discovery .feature-grid .feature-icon { width:55px; height:55px; border-radius:18px; margin-bottom:12px; }
 .discovery .feature-grid .feature-icon::after { border-radius:13px; }
 .discovery .feature-grid .feature-icon::before { bottom:30px; }
 .discovery .feature-grid .premium-icon { width:42px; height:42px; }
 .discovery .feature-grid b { font-size:12px; }
 .discovery .feature-grid small { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
 .discovery .feature-grid > div,.discovery .feature-grid .feature-icon,.discovery .feature-grid .premium-icon { transition:none; transform:none !important; }
 .discovery .feature-grid > div::after { display:none; }
}