/* Contact — Club Sweetness */
.contact-page{background:#050505}
.contact-wrap{width:min(1240px,100%);margin:auto;position:relative;z-index:1}
.contact-kicker{color:var(--pink);font-size:12px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}
.contact-hero{position:relative;overflow:hidden;padding:105px 24px 95px;min-height:610px;background:radial-gradient(circle at 84% 43%,rgba(255,10,138,.14),transparent 30%),linear-gradient(180deg,#050505,#09090a)}
.contact-hero:before{content:"";position:absolute;right:-54px;top:48px;width:520px;height:520px;background:url("assets/lollipop-circle.png") center/contain no-repeat;opacity:.13;pointer-events:none}
.contact-hero h1{font-size:clamp(66px,9.5vw,136px);line-height:.86;letter-spacing:-.065em;margin:25px 0 32px}
.contact-hero h1 span,.contact-email-card h2 span,.contact-community h2 span{color:var(--pink)}
.contact-hero p{max-width:690px;font-size:clamp(20px,2.1vw,29px);line-height:1.48;color:#d1d1d1;margin:0 0 34px}
.contact-jump{display:inline-flex;align-items:center;gap:20px;padding-bottom:12px;border-bottom:2px solid var(--pink);color:#fff;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.15em}
.contact-jump span{color:var(--pink);font-size:21px}
.contact-section{padding:90px 24px 100px;background:#0b0b0d;scroll-margin-top:110px}
.contact-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:62px;align-items:center}
.contact-email-card{padding:40px;border:1px solid #343039;border-radius:22px;background:radial-gradient(circle at 100% 100%,rgba(255,10,138,.1),transparent 45%),#101013;min-width:0}
.contact-email-card h2{font-size:clamp(32px,3.3vw,47px);line-height:1;letter-spacing:-.045em;margin:25px 0}
.contact-email-card>p{color:#bbb;font-size:18px;line-height:1.65;margin:0 0 28px}
.contact-email{display:block;width:fit-content;max-width:100%;color:white;font-size:clamp(20px,2.4vw,31px);font-weight:800;letter-spacing:-.035em;text-decoration:none;border-bottom:1px solid #65515d;padding-bottom:9px;overflow-wrap:anywhere;margin-bottom:29px}
.contact-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--pink);color:white;border-radius:999px;padding:18px 24px;font-weight:900;letter-spacing:.09em;font-size:12px;text-decoration:none;max-width:100%}
.contact-button span{font-size:20px}
.contact-email-card .contact-email-note{font-size:13px;line-height:1.5;color:#999;margin:18px 0 0}
.contact-topic{display:grid;grid-template-columns:28px 1fr 20px;gap:18px;align-items:start;border-top:1px solid #343039;padding:30px 0;color:#fff;text-decoration:none}
.contact-topic:last-child{border-bottom:1px solid #343039}
.contact-topic-number{font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--pink);padding-top:6px}
.contact-topic h3{font-size:26px;letter-spacing:-.025em;line-height:1.1;margin:0 0 12px}
.contact-topic p{font-size:17px;color:#bcbcbc;line-height:1.65;margin:0}
.contact-arrow{color:var(--pink);font-size:23px}
.contact-community{padding:100px 24px 110px;background:#050505}
.contact-community-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:62px;align-items:center}
.contact-community h2{font-size:clamp(52px,6vw,86px);line-height:.9;letter-spacing:-.06em;margin:24px 0}
.contact-community p{font-size:18px;line-height:1.6;max-width:460px;color:#bcbcbc;margin:0}
.contact-social-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-top:1px solid #343039;font-weight:900;font-size:17px;letter-spacing:.12em;color:#fff;text-decoration:none}
.contact-social-links a:last-child{border-bottom:1px solid #343039}
.contact-social-links span{font-size:23px;color:var(--pink)}
.contact-topic:hover h3,.contact-email:hover,.contact-social-links a:hover,.contact-jump:hover{color:var(--pink)}
.contact-button:hover{background:#e40078}
.contact-page main a:focus-visible{outline:2px solid white;outline-offset:6px}
@media(max-width:900px){.contact-grid,.contact-community-inner{grid-template-columns:1fr;gap:40px}.contact-hero:before{right:-225px;top:35px;width:440px;height:440px}.contact-email-card h2{font-size:clamp(32px,5vw,47px)}.contact-email{font-size:30px}.contact-hero{min-height:560px;padding:85px 20px}.contact-section,.contact-community{padding:80px 20px}}
@media(max-width:540px){.contact-hero{min-height:500px;padding:74px 18px 80px}.contact-hero h1{font-size:clamp(48px,13vw,70px);margin:23px 0 28px}.contact-hero p{font-size:18px}.contact-section,.contact-community{padding:65px 18px 75px}.contact-email-card{padding:28px 22px;border-radius:18px}.contact-email-card h2{font-size:clamp(26px,7.2vw,38px)}.contact-email-card>p,.contact-topic p{font-size:16px}.contact-email{font-size:clamp(18px,5.5vw,27px)}.contact-kicker{font-size:10px;letter-spacing:.18em}.contact-button{width:100%;font-size:10px;padding:16px 19px;gap:10px}.contact-topic{gap:12px;grid-template-columns:24px 1fr 18px;padding:26px 0}.contact-topic h3{font-size:22px}.contact-community h2{font-size:clamp(48px,12vw,68px)}.contact-community p{font-size:16px}}
