.contact-page{background:#f4f5f1;color:#111613;font-family:'DM Sans',Arial,sans-serif}
.contact-hero{min-height:520px;background:#06382a;color:#fff;display:grid;grid-template-columns:1.02fr .98fr;position:relative;overflow:hidden}
.contact-hero-copy{padding:78px max(6vw,50px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.contact-hero-image{min-height:520px;background:url('assets/user-process/sewing-floor.webp') center/cover no-repeat;position:relative}
.contact-hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,56,42,.18),rgba(6,56,42,.02))}
.contact-hero-copy h1{font:700 clamp(48px,5.1vw,72px)/.96 Manrope;margin:16px 0;letter-spacing:-.055em;max-width:720px}
.contact-hero-copy h1 em{font-style:normal;color:#9ad47d}
.contact-hero-copy p{max-width:560px;color:#c8d5cf;font-size:15px;line-height:1.65}
.contact-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.contact-links a{border:1px solid #d7ddd8;padding:12px 15px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#176d4e;text-decoration:none;background:rgba(255,255,255,.96)}
.contact-hero .contact-links a{border-color:rgba(255,255,255,.55);background:transparent;color:#dce9e3}
.contact-links a.primary{background:#176d4e;color:#fff;border-color:#176d4e}
.contact-hero .contact-links a.primary{background:#2c805f;border-color:#2c805f;color:#fff}
.contact-main{padding:90px max(5vw,50px)}
.contact-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.contact-card{background:#fff;padding:34px;border:1px solid #e0e4df}
.contact-card h2{font:700 28px/1.1 Manrope;margin:10px 0 18px}
.contact-card p{color:#68716c;font-size:14px;line-height:1.65}
.contact-card .eyebrow,.contact-photo-strip .eyebrow{color:#176d4e;font-size:10px;font-weight:800;letter-spacing:.18em}
.contact-links a:hover{transform:translateY(-1px)}
.contact-map{margin-top:22px;background:#fff;border:1px solid #e0e4df;min-height:440px}
.contact-map iframe{width:100%;height:440px;border:0;display:block}
.contact-photo-strip{max-width:1280px;margin:22px auto 0;background:#06382a;color:#fff;display:grid;grid-template-columns:1.15fr .85fr;min-height:360px;overflow:hidden}
.contact-photo-strip img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}
.contact-photo-strip>div{padding:48px;display:flex;flex-direction:column;justify-content:center}
.contact-photo-strip h2{font:700 38px/1.05 Manrope;margin:12px 0}
.contact-photo-strip p{color:#c8d5cf;font-size:14px;line-height:1.65;max-width:430px}
.contact-bottom{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.contact-mini{background:#0d1914;color:#fff;padding:28px}
.contact-mini b{display:block;color:#d4a947;font-size:9px;letter-spacing:.16em;margin-bottom:10px}
.contact-mini span{font-size:13px;color:#c8d1cc;line-height:1.6}
.contact-page .v16-footer{margin-top:0}
@media(max-width:800px){
 .contact-hero{grid-template-columns:1fr;min-height:0}
 .contact-hero-copy{order:1;padding:62px 24px}
 .contact-hero-image{order:2;height:330px;min-height:330px}
 .contact-main{padding:68px 22px}
 .contact-grid,.contact-bottom{grid-template-columns:1fr}
 .contact-map,.contact-map iframe{min-height:340px;height:340px}
 .contact-photo-strip{grid-template-columns:1fr}
 .contact-photo-strip img{min-height:260px;height:260px}
 .contact-photo-strip>div{padding:34px 24px}
 .contact-photo-strip h2{font-size:32px}
}
/* V20 contact refinement */
.contact-hero{min-height:600px;grid-template-columns:1fr 1fr}.contact-hero-image{min-height:600px;background-position:center center}.contact-hero-copy{padding:80px max(6vw,64px)}.contact-hero-copy h1{font-size:clamp(46px,4.7vw,70px)}.contact-hero-image:after{background:linear-gradient(90deg,rgba(6,56,42,.22),rgba(6,56,42,0) 55%)}.contact-card{transition:transform .35s ease,box-shadow .35s ease}.contact-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(6,56,42,.06)}
@media(max-width:800px){.contact-hero{grid-template-columns:1fr}.contact-hero-image{min-height:330px;height:330px}.contact-hero-copy{padding:64px 24px}.contact-hero-copy h1{font-size:clamp(43px,12vw,62px)}}