/* ============================================================
   BY ANY MEANS GTA · Contact page styles
   Builds on site.css + about.css vocabulary.
   ============================================================ */

/* ---- HERO IMAGE (kept in CSS so it inlines cleanly when bundled) ---- */
.subhero__media--contact{background-image:url('../gta-assets/mentor-handshake.jpg');}

.contact__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(40px,5vw,80px);align-items:start;}

/* ---- FORM ---- */
.cform__eyebrow{margin-bottom:18px;}
.cform__title{font-family:var(--font-display);font-size:clamp(34px,4vw,58px);line-height:0.94;text-transform:uppercase;letter-spacing:-0.01em;margin-bottom:14px;}
.cform__title em{color:var(--gold);}
.cform__lede{font-size:16.5px;line-height:1.6;color:rgba(255,255,255,0.78);max-width:48ch;margin-bottom:38px;}
.cform__row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;}
.field__label{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);}
.field__label span{color:rgba(255,255,255,0.4);}
.field input,.field select,.field textarea{font-family:var(--font-body);font-size:16px;color:#fff;background:var(--black-lift);border:1px solid var(--gold-line);padding:15px 16px;transition:border-color .2s,background .2s;width:100%;}
.field textarea{resize:vertical;min-height:130px;line-height:1.5;}
.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,0.34);}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);background:#161616;}
.field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23E2DD9F' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px;}
.cform__submit{margin-top:8px;width:100%;justify-content:center;}
.cform__note{margin-top:16px;font-size:13px;line-height:1.5;color:rgba(255,255,255,0.5);}

/* success state */
.cform__success{border:1px solid var(--gold);background:rgba(226,221,159,0.06);padding:clamp(40px,4vw,60px);display:flex;flex-direction:column;gap:16px;align-items:flex-start;}
.cform__success-mark{width:54px;height:54px;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:var(--font-display);font-size:26px;}
.cform__success h3{font-family:var(--font-display);font-size:clamp(28px,3vw,40px);text-transform:uppercase;color:#fff;line-height:0.96;}
.cform__success p{font-size:16px;line-height:1.6;color:rgba(255,255,255,0.8);max-width:46ch;}

/* ---- DETAILS PANEL ---- */
.cdetails{display:flex;flex-direction:column;gap:1px;background:var(--gold-line);border:1px solid var(--gold-line);}
.cdetail{background:var(--black);padding:clamp(26px,2.4vw,34px);display:flex;flex-direction:column;gap:8px;transition:background .25s;}
.cdetail:hover{background:var(--black-lift);}
.cdetail__k{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);}
.cdetail__v{font-family:var(--font-display);font-size:clamp(20px,1.8vw,26px);line-height:1.04;text-transform:uppercase;color:#fff;}
.cdetail__v a{transition:color .2s;}
.cdetail__v a:hover{color:var(--gold);}
.cdetail__sub{font-family:var(--font-body);font-size:14px;line-height:1.5;letter-spacing:0;text-transform:none;color:rgba(255,255,255,0.62);margin-top:2px;}
.cdetail__social{display:flex;gap:10px;margin-top:6px;}
.cdetail__social a{width:44px;height:44px;border:1px solid var(--gold-line);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:11px;font-weight:700;color:rgba(255,255,255,0.75);transition:border-color .2s,color .2s,background .2s;}
.cdetail__social a:hover{border-color:var(--gold);color:var(--gold);}

/* ---- MAP STRIP ---- */
.cmap{position:relative;height:clamp(280px,40vh,420px);overflow:hidden;background:var(--black-deep);border:1px solid var(--gold-line);}
.cmap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) invert(0.92) contrast(0.9);}
.cmap__pin{position:absolute;left:24px;bottom:24px;z-index:2;background:var(--gold);color:var(--black);padding:14px 20px;display:flex;flex-direction:column;gap:2px;max-width:280px;pointer-events:none;}
.cmap__pin b{font-family:var(--font-display);font-size:17px;letter-spacing:0.02em;text-transform:uppercase;}
.cmap__pin span{font-size:13px;line-height:1.4;}

@media(max-width:860px){
  .contact__grid{grid-template-columns:1fr;gap:40px;}
}
@media(max-width:520px){
  .cform__row{grid-template-columns:1fr;gap:0;}
}