/* CONTACT LAYOUT */
.contact-page{min-height:100vh;padding:120px 5vw 80px;display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}
h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(40px,5vw,60px);line-height:1.05;letter-spacing:-0.03em;color:var(--black);margin-bottom:20px}
h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--yellow)}
.contact-desc{font-size:15px;font-weight:300;color:var(--g500);line-height:1.75;margin-bottom:44px}
.contact-meta{display:flex;flex-direction:column;gap:28px}
.cm-label{font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:var(--g400);margin-bottom:5px;font-weight:500;font-family:'Bricolage Grotesque',sans-serif}
.cm-value{font-size:16px;font-weight:500;color:var(--black)}
.cm-value a{color:var(--black);text-decoration:none;border-bottom:1px solid var(--g200);transition:border-color .2s}
.cm-value a:hover{border-color:var(--black)}

/* FORM */
.contact-form-wrap{background:var(--white);border:1px solid var(--g200);border-radius:16px;padding:44px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{margin-bottom:20px}
.form-group label{display:block;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--g500);margin-bottom:8px;font-weight:500;font-family:'Bricolage Grotesque',sans-serif}
.form-group input,.form-group textarea{width:100%;background:var(--g50);border:1px solid var(--g200);color:var(--black);font-family:'Inter',sans-serif;font-size:14px;font-weight:300;padding:13px 15px;outline:none;border-radius:10px;transition:border-color .2s,background .2s}
.form-group input:focus,.form-group textarea:focus{border-color:var(--black);background:var(--white)}
.form-group textarea{resize:none;height:110px}
.channel-label{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--g500);margin-bottom:12px;font-weight:500;display:block;font-family:'Bricolage Grotesque',sans-serif}
.channel-btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.ch-btn{padding:9px 18px;border:1px solid var(--g200);border-radius:100px;font-size:13px;font-weight:400;color:var(--g500);background:var(--g50);cursor:pointer;transition:all .15s;font-family:'Inter',sans-serif}
.ch-btn.active,.ch-btn:hover{background:var(--black);color:var(--white);border-color:var(--black)}
.form-submit-btn{width:100%;background:var(--yellow);color:var(--black);border:none;font-family:'Inter',sans-serif;font-size:15px;font-weight:500;padding:16px;border-radius:100px;cursor:pointer;transition:opacity .2s,transform .15s;margin-top:4px;letter-spacing:0.01em}
.form-submit-btn:hover{opacity:.85;transform:translateY(-1px)}
.form-or{font-size:13px;color:var(--g400);text-align:center;margin-top:16px;font-weight:300}
.form-or a{color:var(--black);font-weight:400;text-decoration:none;border-bottom:1px solid var(--g200);transition:border-color .2s}
.form-or a:hover{border-color:var(--black)}

@media(max-width:900px){
  .contact-page{grid-template-columns:1fr;gap:48px}
  .form-row{grid-template-columns:1fr}
}