/* SHANMUGHA FIBRES AND COIRS — CONTACT PAGE */

.contact-page{background:var(--cream);color:var(--text);overflow:hidden}
.contact-page .section-kicker{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.contact-page .section-kicker:before{content:"";width:34px;height:1px;background:currentColor}

.contact-hero{position:relative;min-height:590px;background:linear-gradient(120deg,rgba(2,48,31,.97),rgba(5,82,49,.91)),url("https://images.unsplash.com/photo-1518779578993-ec3579fee39f?auto=format&fit=crop&w=2200&q=85") center/cover no-repeat;color:#fff;display:flex;align-items:center}
.contact-hero:after{content:"";position:absolute;right:-180px;top:-220px;width:620px;height:620px;border:1px solid rgba(225,194,103,.22);border-radius:50%;box-shadow:0 0 0 90px rgba(225,194,103,.025),0 0 0 180px rgba(225,194,103,.018)}
.contact-hero-inner{position:relative;z-index:2;width:min(1240px,calc(100% - 72px));margin:0 auto;padding:85px 0}
.contact-hero .contact-kicker{display:flex;align-items:center;gap:12px;color:#e4c76f;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.contact-hero .contact-kicker span{width:38px;height:1px;background:#e4c76f}
.contact-hero h1{max-width:850px;margin:24px 0 22px;font-family:"Playfair Display",serif;font-size:clamp(58px,7vw,104px);line-height:.94;letter-spacing:-.055em;font-weight:500;color:#fff}
.contact-hero h1 em{font-style:normal;color:#e4c76f}
.contact-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.76);font-size:18px;line-height:1.8}
.contact-hero-actions{display:flex;gap:14px;margin-top:34px}

.contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:56px;padding:0 26px;border-radius:12px;text-decoration:none;font-weight:800;font-size:14px;transition:.25s ease;border:1px solid transparent}
.contact-btn span{font-size:18px}
.contact-btn-primary{background:#fff;color:#063d28}
.contact-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.15)}
.contact-btn-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.contact-btn-light:hover{background:rgba(255,255,255,.08)}

.contact-main{width:min(1240px,calc(100% - 72px));margin:0 auto;padding:110px 0 100px}
.contact-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-bottom:52px}
.contact-intro h2,.contact-business h2,.contact-locations h2,.contact-export h2{font-family:"Playfair Display",serif;font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.045em;font-weight:500;margin:20px 0 0;color:#063d28}
.contact-intro h2 span,.contact-business h2 span,.contact-locations h2 span,.contact-export h2 span,.contact-final h2 span{color:#137b4d}
.contact-intro>p{max-width:500px;margin:0;color:var(--text-light);font-size:17px;line-height:1.8}

.contact-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}
.contact-card{display:block;min-height:310px;padding:34px;background:#fff;border:1px solid var(--border);border-radius:18px;text-decoration:none;color:var(--text);transition:.3s ease}
.contact-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(5,54,35,.09);border-color:rgba(19,123,77,.25)}
.contact-card-featured{background:#073e29;color:#fff;border-color:#073e29}
.contact-card-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f6ef;color:#087044;font-size:20px;margin-bottom:38px}
.contact-card-featured .contact-card-icon{background:rgba(255,255,255,.1);color:#e4c76f}
.contact-card-label{font-size:11px;font-weight:800;letter-spacing:.15em;color:#137b4d;margin-bottom:12px}
.contact-card-featured .contact-card-label{color:#e4c76f}
.contact-card h3{font-family:"Playfair Display",serif;font-size:25px;line-height:1.2;font-weight:500;margin:0 0 14px;word-break:break-word}
.contact-card p{font-size:14px;line-height:1.7;color:var(--text-light);margin:0;max-width:330px}
.contact-card-featured p{color:rgba(255,255,255,.68)}
.contact-card-link{display:block;margin-top:28px;font-size:13px;font-weight:800;color:#137b4d}
.contact-card-featured .contact-card-link{color:#e4c76f}

.contact-business{background:#eef4eb;padding:105px max(36px,calc((100% - 1240px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}
.contact-business-copy p{max-width:500px;color:var(--text-light);line-height:1.8;margin-top:28px}
.contact-material-list{border-top:1px solid rgba(6,61,40,.15)}
.contact-material-list div{display:grid;grid-template-columns:55px 1fr;align-items:center;min-height:76px;border-bottom:1px solid rgba(6,61,40,.15)}
.contact-material-list strong{font-size:11px;letter-spacing:.12em;color:#b99536}
.contact-material-list span{font-family:"Playfair Display",serif;font-size:23px;color:#063d28}

.contact-locations{width:min(1240px,calc(100% - 72px));margin:0 auto;padding:110px 0}
.contact-location-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;margin-bottom:55px}
.contact-location-heading .section-kicker{grid-column:1/-1}
.contact-location-heading h2{margin-top:20px}
.contact-location-heading p{align-self:end;margin:0;max-width:500px;color:var(--text-light);line-height:1.8}
.location-list{border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr}
.location-item{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:30px 20px 30px 0;border-bottom:1px solid var(--border)}
.location-item:nth-child(odd){margin-right:25px}
.location-item:nth-child(even){padding-left:25px;border-left:1px solid var(--border)}
.location-no{font-size:11px;font-weight:800;color:#b99536;letter-spacing:.1em}
.location-item h3{font-family:"Playfair Display",serif;font-size:25px;font-weight:500;color:#063d28;margin:0 0 7px}
.location-item p{margin:0;color:var(--text-light);font-size:14px;line-height:1.6}

.contact-export{width:min(1240px,calc(100% - 72px));margin:0 auto 110px;padding:62px 70px;background:#fff;border:1px solid var(--border);border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.contact-export h2{font-size:46px;margin-top:18px}
.contact-export p{color:var(--text-light);line-height:1.7;margin:20px 0 0;max-width:650px}
.contact-btn-gold{background:#e4c76f;color:#063d28}
.contact-btn-gold:hover{transform:translateY(-2px)}

.contact-final{width:min(1240px,calc(100% - 72px));margin:0 auto 100px;padding:70px;background:#063d28;border-radius:24px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}
.contact-final:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(228,199,111,.16);border-radius:50%;right:-180px;top:-260px}
.contact-final>div{position:relative;z-index:1}
.contact-final .section-kicker{color:#e4c76f}
.contact-final h2{font-family:"Playfair Display",serif;font-size:clamp(42px,5vw,65px);line-height:1;margin:20px 0 0;font-weight:500;letter-spacing:-.04em}
.contact-final h2 span{color:#e4c76f}
.contact-final-actions{display:flex;gap:12px;position:relative;z-index:1}
.contact-btn-white{background:#fff;color:#063d28}
.contact-btn-outline{color:#fff;border-color:rgba(255,255,255,.28)}

@media(max-width:950px){
.contact-intro,.contact-business{grid-template-columns:1fr;gap:45px}
.contact-grid{grid-template-columns:1fr 1fr}
.contact-card-featured{grid-column:1/-1}
.contact-location-heading{grid-template-columns:1fr;gap:25px}
.contact-location-heading .section-kicker{grid-column:auto}
.contact-export,.contact-final{align-items:flex-start;flex-direction:column}
}
@media(max-width:680px){
.contact-hero{min-height:650px}
.contact-hero-inner,.contact-main,.contact-locations,.contact-export,.contact-final{width:calc(100% - 36px)}
.contact-hero-inner{padding:70px 0}
.contact-hero h1{font-size:54px}
.contact-hero p{font-size:16px}
.contact-hero-actions{flex-direction:column;align-items:stretch}
.contact-main{padding:75px 0}
.contact-grid{grid-template-columns:1fr}
.contact-card-featured{grid-column:auto}
.contact-card{min-height:270px}
.contact-business{padding:75px 18px}
.contact-material-list span{font-size:20px}
.contact-locations{padding:75px 0}
.location-list{grid-template-columns:1fr}
.location-item:nth-child(odd){margin-right:0}
.location-item:nth-child(even){padding-left:0;border-left:0}
.contact-export{padding:42px 28px;margin-bottom:70px}
.contact-export h2{font-size:39px}
.contact-final{padding:45px 28px;margin-bottom:70px}
.contact-final-actions{flex-direction:column;width:100%}
.contact-final-actions .contact-btn{width:100%}
}