/* COOLIO FOREVER — premium native contact experience */
.contact-hero{padding:clamp(76px,10vw,145px) 0 clamp(65px,7vw,95px);background:linear-gradient(90deg,rgba(5,7,18,.92),rgba(5,7,18,.45)),url('/assets/coolioforever_background.png') center 45%/cover no-repeat;position:relative}
.contact-hero h1{font-size:clamp(3.8rem,10vw,9rem);letter-spacing:-.075em;margin:12px 0 26px}
.contact-hero p:not(.eyebrow){max-width:720px;font-size:clamp(1.05rem,1.7vw,1.35rem);color:#f2e9ed;line-height:1.75}
.contact-proof{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.contact-proof span{font-size:.68rem;letter-spacing:.11em;font-weight:800;color:#f7d594;border:1px solid #f8d99455;border-radius:30px;padding:10px 14px;background:#0c0b16a8}
.contact-section{padding:clamp(75px,9vw,135px) 0;background:linear-gradient(130deg,#101019,#201422 60%,#0d0d16)}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(35px,6vw,90px)}
.contact-aside h2{font-size:clamp(2.7rem,4.5vw,4.8rem);letter-spacing:-.065em}
.contact-aside p{line-height:1.85;max-width:480px}
.contact-info{display:grid;gap:7px;margin:35px 0;padding:24px;background:#ffffff08;border:1px solid #e9c77d44;border-radius:14px}
.contact-info-label{font-weight:900;letter-spacing:.14em;font-size:.69rem;color:#e8c47a}
.contact-info a{font-size:clamp(1rem,1.7vw,1.28rem);overflow-wrap:anywhere;color:#fff5dc}
.contact-note{font-size:.86rem;color:#bfb7c4}
.contact-form-panel{background:linear-gradient(140deg,#24202a,#14151d);padding:clamp(22px,4vw,46px);border-radius:22px;border:1px solid #eac88355;box-shadow:0 30px 85px #0006}
.panel-eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.13em;color:#f5d28b;margin-bottom:24px}
.contact-spark{font-size:1.2rem;margin-right:8px}
.contact-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.contact-field{margin-bottom:20px}
.contact-field label{display:block;font-size:.72rem;font-weight:850;letter-spacing:.1em;color:#e9d6b7;margin-bottom:9px}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;box-sizing:border-box;background:#101119;border:1px solid #77717d;color:#fff;padding:15px 16px;border-radius:10px;font:inherit}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{outline:2px solid #f5d28b;outline-offset:2px}
.contact-field textarea{resize:vertical;min-height:180px}
.contact-trap{position:absolute!important;left:-99999px!important;width:1px;height:1px;overflow:hidden}
.contact-submit{min-width:220px;border:none;cursor:pointer;font:inherit;font-weight:900;letter-spacing:.07em}
.contact-submit:disabled{opacity:.6;cursor:progress}
.contact-result{min-height:24px;margin:15px 0;color:#e6cf9b;font-weight:700}
.contact-result.is-error{color:#ffb5b5}
.contact-form-note{font-size:.82rem;color:#c0b9c6;line-height:1.6}
.contact-form-note a{color:#f5d28b}
@media(max-width:850px){.contact-grid{grid-template-columns:1fr}.contact-aside{max-width:720px}}
@media(max-width:560px){.contact-hero{padding:70px 0}.contact-pair{grid-template-columns:1fr}.contact-form-panel{padding:22px}.contact-submit{width:100%}}
@media(prefers-reduced-motion:reduce){.contact-section *, .contact-hero *{animation:none!important;transition:none!important}}