/* Styles used only on the Contact page */
/* contact v2 */
.contact2{display:grid;grid-template-columns:.8fr 1.2fr;gap:96px;align-items:start}
@media(max-width:900px){
    .contact2{grid-template-columns:1fr;gap:48px}
  }
.c-row{padding:22px 0;border-top:1px solid var(--line)}
.c-row:first-child{border-top:0;padding-top:0}
.c-row span{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:8px}
.c-row p{color:var(--ink);font-size:1.02rem;line-height:1.6}
.c-row a{color:var(--teal);font-weight:500}
@media(max-width:640px){
    .contact2{gap:40px}
  }
/* contact colour pass */
#contact .contact2{gap:28px;grid-template-columns:.85fr 1.15fr;align-items:stretch}
#contact .c-info{background:linear-gradient(150deg,var(--teal),#5C1620);color:#fff;border-radius:var(--r);padding:40px 36px;box-shadow:0 30px 50px -30px rgba(92,22,32,.55);position:relative;overflow:hidden}
#contact .c-info::after{content:"";position:absolute;right:-80px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(228,21,27,.35),rgba(228,21,27,0) 70%);pointer-events:none}
#contact .c-row{border-top-color:rgba(255,255,255,.14);display:grid;grid-template-columns:44px 1fr;gap:4px 16px;align-items:start}
#contact .c-row .ci{grid-row:span 2;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#fff}
#contact .c-row span{color:#F6B9BC;margin:2px 0 4px}
#contact .c-row p{color:#fff}
#contact .c-row a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4)}
#contact .c-row a:hover{text-decoration-color:#fff}
#contact .c-form{background:#fff;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:var(--r);padding:40px 40px 36px;box-shadow:0 30px 50px -40px rgba(18,26,34,.3)}
#contact .c-form .btn-teal{background:var(--red)}
#contact .c-form .btn-teal:hover{background:#B81015}
#contact .c-form h3{font-size:1.35rem;letter-spacing:-.02em;margin-bottom:6px}
#contact .c-form .sub{font-size:.95rem;color:var(--muted);margin-bottom:28px}
@media(max-width:900px){
    #contact .contact2{grid-template-columns:1fr}
  }
@media(max-width:640px){
    #contact .c-info,#contact .c-form{padding:28px 22px}
  }