/* Reuse the inner-page hero and navigation; keep the café photo specific to Contact. */
.contact-page{--contact-accent:#0047ab;color:#191b1a;background:#fff}
.contact-page .contact-hero{isolation:isolate;background:#322c24}
.contact-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.contact-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(12,20,15,.57),rgba(12,20,15,.08) 80%)}
.contact-workspace{padding:76px 0 84px;background:#fff}
.contact-workspace-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:stretch}
 .contact-information,.contact-enquiry-panel{min-width:0}
.contact-information{display:flex;flex-direction:column;justify-content:space-between;background:var(--contact-accent);color:#fff;padding:36px 36px 32px}
.contact-information h2{font-size:30px;font-weight:400;line-height:1.2;letter-spacing:-.035em;margin:0 0 32px}
.contact-email-label,.contact-channel>span,.contact-location h3{color:#c8dbf3;font-size:13px;font-weight:400;line-height:1.5;margin:0 0 7px}
.contact-email{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:100%;font-size:clamp(25px,2.3vw,34px);letter-spacing:-.035em;line-height:1.3;color:#fff;margin:0 0 30px}
.contact-email>svg{width:23px;height:23px;flex:none}
.contact-channel{display:flex;flex-direction:column;align-items:flex-start;margin:22px 0;font-size:18px;line-height:1.4}
.contact-channel>span{margin-bottom:5px}
.contact-channel>a{width:fit-content}
.contact-channel>a>span{margin-left:8px}
.contact-location{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.25)}
.contact-location h3{margin:24px 0 8px}
.contact-location h3:first-child{margin-top:0}
.contact-location p,.contact-location address{font-style:normal;font-size:15px;line-height:1.65;margin:0;color:#e6eef8}
.contact-location address{margin-top:7px}
.contact-enquiry-panel{display:flex;min-width:0;padding:0;background:none;border:0;border-radius:0}
.contact-page .enquiry-form{display:grid;flex:1;min-width:0;grid-template-rows:auto auto 1fr auto;gap:12px;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;align-content:start}
.contact-page .enquiry-form .form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.contact-page .enquiry-form label{display:block;min-width:0;margin:0;padding:21px 24px 15px;background:#f3f5f7;border:1px solid transparent;font-size:14px;font-weight:400;line-height:1.5;color:#536471;transition:background .2s,border-color .2s}
.contact-page .enquiry-form label>span{font-size:12px;font-weight:400;color:#6b7883}
.contact-page .enquiry-form label:focus-within{background:#eef4fc;border-color:#0047ab}
.contact-page .enquiry-form>label{display:flex;flex-direction:column}
.contact-page .enquiry-form input,.contact-page .enquiry-form textarea{display:block;box-sizing:border-box;width:100%;min-width:0;margin:10px 0 0;padding:0;border:0;border-radius:0;background:transparent;color:#172f43;font-size:19px;line-height:1.5;box-shadow:none}
.contact-page .enquiry-form input{height:39px}
.contact-page .enquiry-form textarea{flex:1;height:190px;min-height:190px;resize:vertical}
.contact-page .enquiry-form input::placeholder,.contact-page .enquiry-form textarea::placeholder{color:#8a959f;opacity:1}
.contact-page .enquiry-form input:focus,.contact-page .enquiry-form textarea:focus{background:transparent;border:0;outline:none;box-shadow:none}
.contact-page .enquiry-form button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:64px;margin:10px 0 0;padding:18px 24px;overflow:visible;border:0;border-radius:3px;background:#2e74c8;color:#fff;font-size:19px;font-weight:400;letter-spacing:-.02em;line-height:1.3;text-align:left;text-decoration:none;transition:background .2s,color .2s}
.contact-page .enquiry-form button::before{content:none}
.contact-page .enquiry-form button:is(:hover,:focus-visible){background:#2868b7;color:#fff;text-decoration:none}
.contact-page .enquiry-form button>svg{box-sizing:border-box;flex:none;width:23px;height:23px;padding:0;background:none;color:inherit;border-radius:0;transition:transform .2s}
.contact-page .enquiry-form button:is(:hover,:focus-visible)>svg{transform:translate(2px,-2px)}
.contact-page .enquiry-form .form-note{margin:0;color:#243b4d;font-size:15px;line-height:1.6}
.contact-page :is(.contact-email,.contact-channel>a):hover{color:#fff;text-decoration:none}
.contact-page .contact-information a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.contact-page .enquiry-form button:focus-visible{outline:2px solid #0047ab;outline-offset:5px}
@media(max-width:1100px){
 .contact-workspace-layout{grid-template-columns:.9fr 1.1fr;gap:6%}
 .contact-information{padding:30px 26px}
 .contact-information h2{font-size:28px}
 .contact-email{font-size:27px}
}
@media(max-width:800px){
 .contact-hero-image{object-position:45% center}
 .contact-workspace{padding:44px 0 54px}
 .contact-workspace-layout{grid-template-columns:1fr;gap:40px}
 .contact-information{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:30px}
 .contact-information h2{font-size:29px;margin-bottom:24px}
 .contact-email{font-size:28px;margin-bottom:24px}
 .contact-location{margin:0;padding:0;border:0;align-self:start}
 .contact-page .enquiry-form input,.contact-page .enquiry-form textarea{font-size:18px}
}
@media(max-width:540px){
 .contact-hero-image{object-position:39% center}
 .contact-information{grid-template-columns:1fr;gap:24px;padding:26px 24px}
 .contact-information h2{font-size:28px}
 .contact-channel{margin:18px 0;font-size:17px}
 .contact-location{border-top:1px solid rgba(255,255,255,.25);padding-top:24px}
 .contact-page .enquiry-form label{padding:17px 19px 13px}
 .contact-page .enquiry-form button{min-height:62px;padding:18px;font-size:18px;gap:16px}
 .contact-page .enquiry-form button>svg{width:21px;height:21px}
 .contact-page .enquiry-form .form-pair{grid-template-columns:1fr;gap:12px}
}
@media(prefers-reduced-motion:reduce){.contact-page .enquiry-form label,.contact-page .enquiry-form button,.contact-page .enquiry-form button>svg{transition:none}}