/* Page-specific styles: contact.html */

.wrap{max-width:1400px;margin:0 auto;padding:0 56px;}
  @media(max-width:900px){.wrap{padding:0 24px;}}

  
  
  .eyebrow.on-dark{color:var(--green);}
  
  
  
  
  
  
  
  

  /* header (shared) */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  @media(max-width:900px){nav.main-nav,.header-enquiry{display:none;}.hamburger{display:flex;}}

  
  
  
  
  
  
  
  

  /* ===== CONTACT HERO ===== */
  .contact-hero{height:78vh;min-height:540px;position:relative;overflow:hidden;display:flex;align-items:flex-end;}
  .contact-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
  .contact-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,15,14,.72) 0%,rgba(15,15,14,.6) 35%,rgba(15,15,14,.82) 65%,rgba(15,15,14,.94) 100%);}
  .contact-hero-content{position:relative;z-index:2;width:100%;padding-bottom:80px;}
  .breadcrumb{color:var(--soft-grey);font-size:12px;letter-spacing:1.5px;margin-bottom:24px;opacity:.85;}
  .breadcrumb a{color:var(--soft-grey);}
  .breadcrumb a:hover{color:var(--green);}
  .contact-hero-label{color:var(--green);font-size:13px;letter-spacing:4px;font-weight:600;margin-bottom:18px;}
  .contact-hero-heading{color:var(--warm-white);font-size:clamp(40px,6vw,84px);font-weight:700;line-height:1.02;letter-spacing:-1px;margin-bottom:22px;}
  .contact-hero-sub{color:var(--soft-grey);font-size:17px;font-weight:300;max-width:560px;}
  .scroll-indicator{position:absolute;bottom:36px;left:56px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;}
  @media(max-width:900px){.scroll-indicator{left:24px;}}
  .scroll-indicator .box{width:10px;height:10px;border:1px solid var(--green);animation:scrollBox 2.2s var(--ease) infinite;}
  .scroll-indicator .txt{writing-mode:vertical-rl;font-size:10.5px;letter-spacing:2px;color:var(--soft-grey);text-transform:uppercase;}
  @keyframes scrollBox{0%{transform:translateY(0);opacity:1;}50%{transform:translateY(14px);opacity:.4;}100%{transform:translateY(0);opacity:1;}}

  /* ===== LET'S CONNECT CONTENT ===== */
  .connect-content{background:var(--warm-white);padding:130px 0;}
  .cc-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
  @media(max-width:900px){.cc-grid{grid-template-columns:1fr;gap:48px;}}
  .cc-heading{font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-.5px;line-height:1.14;margin-bottom:28px;}
  .cc-text p{font-size:15.5px;line-height:1.9;color:var(--charcoal);font-weight:300;margin-bottom:18px;}
  .cc-img{position:relative;overflow:hidden;aspect-ratio:4/3.6;}
  .cc-img img{width:100%;height:100%;object-fit:cover;}
  .cc-img::after{content:'';position:absolute;inset:14px;border:1px solid var(--line-light);pointer-events:none;}

  /* ===== OFFICES ===== */
  .offices{padding:140px 0;background:var(--off-white);}
  .offices-head{max-width:760px;margin-bottom:70px;}
  .offices-head h2{font-size:clamp(28px,3.4vw,46px);font-weight:700;letter-spacing:-.5px;}
  .office-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--charcoal);border-left:1px solid var(--charcoal);}
  @media(max-width:900px){.office-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:600px){.office-grid{grid-template-columns:1fr;}}
  .office-card{border-right:1px solid var(--charcoal);border-bottom:1px solid var(--charcoal);padding:44px 36px;}
  .office-tag{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--green-dark);text-transform:uppercase;margin-bottom:20px;}
  .office-org{font-size:14.5px;font-weight:600;margin-bottom:16px;color:var(--charcoal-deep);}
  .office-address{font-size:14px;line-height:1.9;color:var(--charcoal);font-weight:300;margin-bottom:26px;}
  .office-phones{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:8px;}
  .office-phones a{font-size:13.5px;color:var(--charcoal-deep);font-weight:500;transition:color .3s;}
  .office-phones a:hover{color:var(--green-dark);}
  .office-phones .lbl{color:var(--green-dark);font-weight:700;margin-right:6px;}

  /* ===== ENQUIRY FORM ===== */
  .enquiry{background:var(--warm-white);color:var(--charcoal-deep);padding:150px 0;}
  .enquiry-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;}
  @media(max-width:960px){.enquiry-grid{grid-template-columns:1fr;gap:50px;}}
  .enquiry-heading{font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.2;letter-spacing:-.5px;color:var(--charcoal-deep);}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;}
  @media(max-width:600px){.form-row{grid-template-columns:1fr;gap:0;}}
  .field{margin-bottom:24px;}
  .form-row .field{margin-bottom:0;}
  @media(max-width:600px){.form-row .field{margin-bottom:24px;}.form-row .field:last-child{margin-bottom:24px;}}
  .field label{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--charcoal);margin-bottom:10px;font-weight:500;}
  .field input,.field select,.field textarea{
    width:100%;background:var(--off-white);border:1px solid var(--line);
    color:var(--charcoal-deep);padding:15px 16px;font-family:'Inter',sans-serif;
    font-size:14px;font-weight:300;transition:border-color .3s var(--ease);
  }
  .field input::placeholder,.field textarea::placeholder{color:rgba(78,78,77,.45);}
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green);}
  .field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%237C9C4E' stroke-width='1.4' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer;}
  .field select option{background:var(--off-white);color:var(--charcoal-deep);}
  .field textarea{resize:vertical;min-height:160px;}
  .form-submit{display:flex;justify-content:flex-end;margin-top:8px;}
  @media(max-width:600px){.form-submit{justify-content:stretch;}.form-submit .btn-square{width:100%;justify-content:center;}}

  /* ===== FOOTER (shared) ===== */
  
  
  @media(max-width:900px){.footer-grid{grid-template-columns:1fr;gap:44px;}}
  
  
  
  
  
  
  
  
  
  
  .footer-contact .office a{font-size:13px;color:var(--soft-grey);}
  .footer-contact .office a:hover{color:var(--green);}