/* Coming soon (Golf, Nuoto): hero animata, prodotti previsti, club pilota. Da design/assets/css/svm.css */

/* COMING SOON */
.soon-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--hair)}
.soon-art{position:absolute;inset:0;pointer-events:none}
.soon-art svg{width:100%;height:100%;display:block}
.soon-golf .ln{fill:none;stroke:var(--acc-ink);stroke-opacity:.32;stroke-width:1.6;stroke-dasharray:1;animation:draw 2.6s cubic-bezier(.6,0,.2,1) var(--d,0s) both}
.soon-golf .hole{fill:var(--line);opacity:.85}
.soon-golf .pole{stroke:var(--line);stroke-width:2.5;opacity:.7}
.soon-golf .flag{fill:var(--clay)}
.soon-golf .gball{fill:#ffffff;stroke:rgba(0,0,0,.2)}
.soon-nuoto .lane-marks path{stroke:var(--acc-ink);stroke-opacity:.07;stroke-width:14;stroke-linecap:round}
.soon-nuoto .rope path{fill:none;stroke:var(--acc-ink);stroke-opacity:.28;stroke-width:3;stroke-dasharray:5 7;stroke-linecap:round}
.soon-nuoto .rope{animation:swell 3.2s linear var(--d,0s) infinite}
.soon-nuoto .swimmer circle{fill:var(--clay)}
.soon-nuoto .swimmer{animation:swim 9s ease-in-out infinite}
@keyframes swell{to{transform:translateX(-60px)}}
@keyframes swim{0%{transform:translateX(140px)}50%{transform:translateX(1060px)}100%{transform:translateX(140px)}}
@media (max-width:760px){.soon-golf svg{position:absolute;top:0;left:50%;width:auto;height:100%;aspect-ratio:2/1;transform:translateX(-71.67%)}}
.soon-hero .wrap{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding-block:clamp(40px,7vw,96px) clamp(48px,8vw,110px)}
.soon-hero h1{font-size:clamp(3.4rem,10vw,8.6rem)}
.soon-hero h1 span{color:var(--acc-ink)}
.soon-top{display:flex;align-items:center;gap:14px}
.sport-ico{width:64px;height:64px;border-radius:50%;border:1.5px solid var(--acc-ink);color:var(--acc-ink);display:grid;place-items:center;background:var(--court)}
.sport-ico svg{width:30px;height:30px}
.soon-badge{display:inline-flex;align-items:center;gap:8px;background:var(--clay);color:var(--on-clay);padding:7px 12px;border-radius:999px;font-weight:600}
.soon-badge i{width:7px;height:7px;border-radius:50%;background:var(--on-clay);animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.soon-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.si{border:1px solid var(--hair);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:6px;background:var(--court-2);min-width:0}
.si b{font-family:var(--f-display);font-size:1.9rem;text-transform:uppercase;line-height:1}
.si span{color:var(--muted);font-size:.92rem}
@media (max-width:860px){.soon-items{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.soon-items{grid-template-columns:1fr}}
.pilot{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center}
.pilot h2{font-size:clamp(2.6rem,6vw,4.6rem)}
.pilot > div > p{color:var(--muted);margin-top:18px;max-width:40ch}
@media (max-width:860px){.pilot{grid-template-columns:1fr}}