.contact-page{background:#f3f9fc url('../images/backgrounds/Abstract Glass Molecules and Petals.png') center/cover fixed no-repeat}
.contact-page .site-header{align-items:flex-start}
.home-link{font-size:13px;font-weight:600;text-decoration:none;padding:8px 0}
a{color:var(--ink);text-underline-offset:4px}
.contact-layout{width:100%;max-width:1320px;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,96px);margin:40px auto 60px;align-items:start}
.contact-intro{padding-top:28px}
.eyebrow{font-size:12px;letter-spacing:2px;font-weight:650;text-transform:uppercase;margin:0 0 24px}
.contact-intro h1{font-size:clamp(34px,4vw,60px);line-height:1.13;margin-bottom:24px}
.contact-intro .introduction{font-size:18px;line-height:1.7}
.contact-details{display:grid;gap:28px;margin-top:40px}
.contact-details h2{font-size:12px;text-transform:uppercase;letter-spacing:1.6px;margin:0 0 10px}
.contact-details a,.contact-details p{font-size:20px;font-weight:550;margin:0;overflow-wrap:anywhere}
.contact-details small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:8px}
.inquiry-card{background:rgba(255,255,255,.94);border:1px solid #d4e3eb;border-radius:24px;padding:clamp(22px,3vw,42px);box-shadow:0 16px 50px #00366d0d;min-width:0}
.inquiry-card h1{font-size:26px;letter-spacing:-.6px;margin:0 0 10px;line-height:1.2;text-align:left}
.form-note{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 24px}
.inquiry-form{display:flex;flex-direction:column;gap:18px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-size:13px;font-weight:600}
.field label span{font-weight:400;color:var(--muted)}
.field input,.field input[type=email],.field textarea{font:inherit;font-size:16px;line-height:1.5;min-width:0;width:100%;border:1px solid #bdccdd;border-radius:10px;padding:12px 14px;background:#fbfdff;color:var(--navy);height:auto}
.field textarea{resize:vertical;min-height:130px}
.inquiry-form .form-note{margin:0}
.inquiry-form button{width:100%;font-size:13px;min-height:50px;letter-spacing:1.2px}
.inquiry-status{padding:16px;margin:20px 0;border-radius:10px;background:#eaf6f4;color:#165b4c;font-size:14px;line-height:1.6;scroll-margin-top:24px}
.inquiry-status.error{background:#fff0ed;color:#9d3026}
.inquiry-status ul{padding-left:18px;margin:0}
/* Fit the desktop composition to both viewport dimensions. Keep normal scrolling
   available for small windows, validation messages, and enlarged text. */
@media(min-width:761px){
  .home-link{margin:-7px 0 0;padding:0;text-align:right;font-size:clamp(9px,.78vw,12px);letter-spacing:clamp(1px,.2vw,3.2px);font-weight:600;text-transform:uppercase;line-height:1.8}
  .contact-page .page{padding-bottom:clamp(16px,2.5svh,28px)}
  .contact-layout{max-width:1180px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);margin:clamp(16px,3svh,32px) auto;align-items:center}
  .contact-intro{min-width:0;padding-top:0}
  .eyebrow{font-size:clamp(10px,1.4svh,12px);margin-bottom:clamp(12px,2svh,20px)}
  .contact-intro h1{font-size:clamp(28px,min(3.6vw,5.6svh),50px);margin-bottom:clamp(16px,2.5svh,24px)}
  .contact-intro .gradient-text{white-space:normal;overflow-wrap:anywhere}
  .contact-intro .introduction{font-size:clamp(14px,min(1.25vw,2svh),17px);line-height:1.6}
  .contact-details{gap:clamp(16px,2.6svh,26px);margin-top:clamp(20px,3.5svh,32px)}
  .contact-details a,.contact-details p{font-size:clamp(16px,2.2svh,19px)}
  .inquiry-card{padding:clamp(18px,2.7svh,30px);border-radius:20px}
  .inquiry-card h1{font-size:clamp(20px,2.8svh,25px);margin-bottom:8px}
  .form-note{font-size:clamp(11px,1.45svh,12px);line-height:1.5;margin-bottom:clamp(12px,2svh,18px)}
  .inquiry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.7svh,16px)}
  .inquiry-form>.field{grid-column:1/-1;gap:clamp(4px,.8svh,7px)}
  .inquiry-form>.field:has(#name),.inquiry-form>.field:has(#email){grid-column:auto}
  .inquiry-form>.form-note,.inquiry-form>button{grid-column:1/-1}
  .field label{font-size:12px}
  .field input,.field input[type=email],.field textarea{font-size:14px;padding:clamp(7px,1.1svh,11px) 12px}
  .field textarea{height:clamp(80px,13svh,120px);min-height:80px}
  .inquiry-form button{min-height:42px;padding:clamp(10px,1.5svh,14px) 18px;font-size:12px}
}
@media(max-width:760px){.contact-page .site-header{display:flex;flex-direction:column;align-items:center;gap:8px}.contact-layout{grid-template-columns:1fr;gap:32px;margin:24px 0 40px}.contact-intro{padding-top:0}.eyebrow{text-align:center}.contact-intro h1{font-size:clamp(30px,7.8vw,52px)}.contact-intro .introduction{font-size:16px}.contact-details{margin-top:28px;text-align:center}.inquiry-card{padding:24px 20px}.home-link{font-size:12px}}
.contact-page .contact-layout{display:flex;flex:1;align-items:center;justify-content:center;width:100%;max-width:none;margin:clamp(20px,3svh,32px) auto;gap:0}
.contact-layout .inquiry-card{width:100%;max-width:580px}