.hero.contact-hero{
position:relative;
padding: calc(var(--header-h, 0px) + 26px) 0 30px;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
overflow:hidden; border-radius:0;
} .hero.contact-hero::after{
content:"";
position:absolute;
inset:0;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");
mix-blend-mode: overlay;
pointer-events:none;
z-index:1;
} .hero.contact-hero .hero-content{
position:relative; left:auto; right:auto; bottom:auto;
z-index:2;
padding: 0;
} .contact-hero-layout{
display:grid;
grid-template-columns: minmax(420px, 520px) minmax(420px, 1fr);
gap:34px;
align-items:start !important;
} .contact-hero-info{
position:relative;
padding: 0;
}
.contact-info-head{
max-width:520px;
margin-bottom:18px;
position:relative;
} .contact-info-head::after{
content:"";
position:absolute;
left:0;
bottom:-18px;
width:120px;
height:2px;
background:linear-gradient(90deg, var(--c-gold), var(--c-gold-2), transparent);
opacity:.7;
} .contact-hero .hero-title{
font-size: clamp(42px, 5.4vw, 84px);
line-height: .82;
margin: 0 0 6px;
} .contact-info-cards{
margin-top:0px;
display:grid;
grid-template-columns: 1fr;
gap:14px;
} .contact-info-card{
position:relative;
display:flex;
gap:16px;
align-items:flex-start;
padding:16px 18px;
border-radius:20px;
background:
linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08));
border:1px solid rgba(255,255,255,.18);
backdrop-filter: blur(16px) saturate(140%);
-webkit-backdrop-filter: blur(16px) saturate(140%);
box-shadow:
0 18px 55px rgba(0,0,0,.35),
inset 0 1px 0 rgba(255,255,255,.12);
transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.contact-info-card:hover{
transform: translateY(-3px);
border-color: rgba(201,161,90,.45);
box-shadow:
0 26px 75px rgba(0,0,0,.48),
0 0 40px rgba(201,161,90,.18),
inset 0 1px 0 rgba(255,255,255,.14);
} .contact-info-icon{
flex:0 0 46px;
width:46px;
height:46px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
background:
linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
border:1px solid rgba(255,255,255,.22);
box-shadow:
0 12px 30px rgba(0,0,0,.25),
inset 0 1px 0 rgba(255,255,255,.18);
}
.contact-info-icon svg{
width:22px;
height:22px;
color: rgba(255,255,255,.92);
} .contact-info-body{
min-width:0;
display:flex;
flex-direction:column;
gap:6px;
}
.contact-info-label{
font-size:11px;
font-weight:800;
letter-spacing:.22em;
text-transform:uppercase;
color: rgba(255,255,255,.70);
}
.contact-info-value{
font-size:16px;
font-weight:700;
color: rgba(255,255,255,.94);
line-height:1.25;
word-break:break-word;
}
a.contact-info-value{
text-decoration:none;
color: rgba(255,255,255,.95);
border-bottom:1px solid rgba(255,255,255,.18);
padding-bottom:2px;
width: fit-content;
transition:.22s;
}
a.contact-info-value:hover{
color: var(--c-gold-2);
border-color: rgba(201,161,90,.55);
}
.contact-info-sub{
font-size:13px;
font-weight:600;
color: rgba(255,255,255,.72);
opacity:.95;
} .contact-hero-form{
position:relative;
} .contact-hero-form .hero-text{
margin: 0 0 14px;
max-width: 560px;
font-size:16px;
line-height:1.6;
font-weight:600;
color: rgba(255,255,255,.82);
text-shadow: 0 2px 10px rgba(0,0,0,.35);
} .contact-form-card{
position:relative;
border-radius:26px;
padding:22px;
background:
linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08));
border:1px solid rgba(255,255,255,.20);
backdrop-filter: blur(18px) saturate(150%);
-webkit-backdrop-filter: blur(18px) saturate(150%);
box-shadow: var(--c-shadow);
overflow:hidden;
} .contact-form-card::before{
content:"";
position:absolute;
inset:-45%;
background:
radial-gradient(circle at 40% 0%, rgba(201,161,90,.22), transparent 58%);
z-index:0;
}
.contact-form{
position:relative;
z-index:2;
} .contact-grid{
display:grid;
grid-template-columns: 1fr 1fr;
gap:14px;
margin-bottom:14px;
} .contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea{
width:100%;
padding:14px 14px;
border-radius:14px;
border:1px solid rgba(255,255,255,.22);
background: rgba(2,6,23,.35);
color: rgba(255,255,255,.94);
font-size:15px;
font-weight:600;
outline:none;
box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.contact-form textarea{
min-height:150px;
resize: vertical;
padding:14px 14px;
} .contact-form input::placeholder,
.contact-form textarea::placeholder{
color: rgba(255,255,255,.55);
font-weight:600;
} .contact-form input:focus,
.contact-form textarea:focus{
border-color: rgba(201,161,90,.75);
box-shadow:
0 0 0 3px rgba(201,161,90,.22),
inset 0 1px 0 rgba(255,255,255,.06);
background: rgba(2,6,23,.42);
} .contact-form .btn.btn-primary.btn-cta{
width:100%;
min-height:54px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
border-radius:999px;
font-size:13px;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
color:#0f172a;
background:
linear-gradient(135deg, var(--c-gold), var(--c-gold-2), var(--c-gold));
border:0;
cursor:pointer;
box-shadow:
0 10px 28px rgba(201,161,90,.38),
inset 0 1px 0 rgba(255,255,255,.55);
position:relative;
overflow:hidden;
isolation:isolate;
transition: transform .22s ease, filter .22s ease;
} .contact-form .btn-cta .btn-text,
.contact-form .btn-cta .btn-arrow{
position:relative;
z-index:2;
}
.contact-form .btn-cta .btn-arrow{
font-size:18px;
transform: translateY(-1px);
} .contact-form .btn-cta::before{
content:"";
position:absolute;
inset:0;
background: linear-gradient(
135deg,
rgba(255,255,255,.28),
rgba(255,255,255,.10)
);
transform: scale(0);
transform-origin: var(--mx,50%) var(--my,50%);
transition: transform 1.9s cubic-bezier(.2,.7,.1,1);
border-radius:inherit;
z-index:1;
}
.contact-form .btn-cta:hover::before{
transform: scale(2.4);
}
.contact-form .btn-cta:hover{
transform: translateY(-1px);
filter: brightness(1.03);
} .contact-map{
position:relative;
padding: 60px 0 90px;
background:
radial-gradient(circle at 50% 0%, rgba(201,161,90,.10), transparent 55%),
linear-gradient(180deg, #0b1220 0%, #020617 100%);
border-radius:0;
overflow:hidden;
} .contact-map-split{
max-width: var(--site-max);
margin: 0 auto;
padding: 0 var(--site-pad);
display:grid;
grid-template-columns: 1fr 1fr;
gap:18px;
}
.contact-map-col{
position:relative;
border-radius:26px;
overflow:hidden;
border:1px solid rgba(255,255,255,.14);
background:
linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow:
0 26px 80px rgba(0,0,0,.55);
} .contact-map-col::after{
content:"";
position:absolute;
inset:0;
background: radial-gradient(circle at 50% 0%, rgba(201,161,90,.20), transparent 62%);
pointer-events:none;
}
.contact-map iframe{
width:100%;
height:420px;
border:0;
display:block;
filter: saturate(1.05) contrast(1.05);
} @media (max-width: 980px){
.contact-hero-layout{
grid-template-columns: 1fr;
gap:22px;
}
.contact-info-head::after{
bottom:-16px;
}
.contact-info-cards{
grid-template-columns: 1fr;
}
.contact-grid{
grid-template-columns: 1fr;
}
.contact-map-split{
grid-template-columns: 1fr;
}
.contact-map iframe{
height:360px;
}
}
@media (max-width: 560px){
.contact-form-card{
padding:18px;
border-radius:22px;
}
.contact-info-card{
padding:14px 14px;
border-radius:18px;
}
.contact-info-icon{
width:42px;
height:42px;
flex-basis:42px;
border-radius:999px; }
.contact-hero .hero-title{
line-height: .86;
}
} .contact-form .btn-cta{
--mx: 50%;
--my: 50%;
} .contact-title,
.contact-hero h1,
.contact-hero .title{
font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight:600;
text-transform:uppercase;
color: rgba(255,255,255,.96);
text-shadow:
0 2px 4px rgba(0,0,0,0.55),
0 6px 14px rgba(0,0,0,0.45),
0 12px 28px rgba(0,0,0,0.35),
0 0 1px rgba(0,0,0,0.9);
}
.contact-inner{
display:flex;
align-items:flex-start; }  .contact-hero-info{
display:flex;
flex-direction:column;
} .contact-info-head{
margin-bottom:28px !important; } .contact-info-head::after{
bottom:-24px;
} .contact-info-cards{
margin-top:0px;
} .hero.contact-hero .contact-hero-fade{
position:absolute;
left:0; right:0;
top: calc(100vh - 180px);
height: 180px;
background: linear-gradient(
to bottom,
rgba(11,18,32,0),
rgba(11,18,32,1) 70%,
rgba(2,6,23,1)
);
pointer-events:none;
z-index:2;
} .hero.contact-hero .hero-content{ position:relative; z-index:3; } .contact-hero-form .hero-text{
font-size: clamp(18px, 1.6vw, 22px); line-height: 1.45;
font-weight: 500;
color: rgba(255,255,255,.92);
margin-bottom: 28px; max-width: 520px;
text-shadow:
0 2px 12px rgba(0,0,0,.35);
} .contact-hero-info{
max-width:720px;
} .contact-info-head{
margin-bottom:40px;
} .contact-info-cards{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
} .contact-info-card{
width:100%;
} .contact-hero-form{
max-width:560px;
width:100%;
} .contact-hero-form .hero-text{
font-size:18px;
line-height:1.6;
margin-bottom:24px;
opacity:.9;
} .contact-form .contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
} .contact-form textarea{
width:100%;
margin-top:16px;
} @media(max-width:900px){
.contact-hero-layout{
grid-template-columns:1fr;
gap:50px;
}
.contact-info-cards{
grid-template-columns:1fr;
}
.contact-form .contact-grid{
grid-template-columns:1fr;
}
} .contact-form textarea{
margin-bottom:24px; } .contact-form-header{
position:relative;
font-size:18px;
line-height:1.6;
font-weight:500;
margin-bottom:32px;
padding-bottom:20px; color:rgba(255,255,255,.92);
}  .contact-form-header::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:80px;
height:2px;
background:linear-gradient(
90deg,
var(--c-gold) 0%, var(--c-gold-2) 55%, rgba(201,161,90,0) 100% );
} .contact-form-card{
overflow:hidden;
border-radius:24px;
}  .contact-form-card{
overflow:hidden;
border-radius:24px; background-clip:padding-box;
} .contact-form{
background:transparent !important;
}
.contact-form-card{
-webkit-mask-image:-webkit-radial-gradient(white, black);
}  .contact-form{
overflow:hidden;
} .contact-form .btn,
.contact-form .btn-cta,
.contact-form .btn-primary{
border-radius:999px;
overflow:hidden; transform:translateZ(0);
-webkit-mask-image:-webkit-radial-gradient(white, black);
}  .contact-hero .hero-title{ line-height:0.95;  letter-spacing:-0.05em;  max-width:12ch; margin-bottom:24px;
}  .contact-hero{
background:#f6f7f8;
} .contact-hero .hero-overlay{
display:none;
} .contact-hero-layout{
display:grid;
grid-template-columns:1.4fr 1fr;
gap:80px;
align-items:start;
}
@media(max-width:900px){
.contact-hero-layout{
grid-template-columns:1fr;
gap:50px;
}
} .contact-hero .hero-title{
color:#111;
margin-bottom:20px;
} .contact-info-cards{
margin-top:-25px;
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
}
@media(max-width:900px){
.contact-info-cards{grid-template-columns:1fr;}
}
.contact-info-card{
display:flex;
gap:16px;
padding:22px;
border-radius:24px;
background:#fff;
box-shadow:0 15px 40px rgba(0,0,0,.06);
transition:.3s ease;
}
.contact-info-card:hover{
transform:translateY(-3px);
box-shadow:0 25px 60px rgba(0,0,0,.08);
} .contact-info-icon{
width:46px;
height:46px;
min-width:46px; min-height:46px; border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0; background:var(--vl24-gold-metal) !important;
} .contact-info-label{
font-size:11px;
letter-spacing:.18em;
text-transform:uppercase;
color:#777;
}
.contact-info-value{
font-size:18px;
font-weight:600;
color:#111;
}
.contact-info-sub{
font-size:14px;
color:#666;
} .contact-form-card{
background:#fff;
border-radius:28px;
padding:36px;
box-shadow:0 15px 40px rgba(0,0,0,.06);
}
.contact-form-header{
font-size:18px;
line-height:1.6;
margin-bottom:28px;
color:#444;
} .contact-form input,
.contact-form textarea{
width:100%;
padding:16px;
border-radius:14px;
border:1px solid #e5e7eb;
background:#fafafa;
font-size:15px;
transition:.2s ease;
}
.contact-form textarea{
min-height:160px;
margin-top:16px;
}
.contact-form input:focus,
.contact-form textarea:focus{
border-color:var(--brand-primary);
background:#fff;
outline:none;
} .contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}
@media(max-width:900px){
.contact-grid{grid-template-columns:1fr;}
} .contact-form .btn{
margin-top:20px;
} .contact-map{
padding:80px 0;
background:#fff;
}
.contact-map iframe{
width:100%;
height:420px;
border:0;
border-radius:24px;
} .contact-hero{
background:#f6f7f8 !important;
color:#111 !important;
} .contact-hero .hero-overlay{
display:none !important;
} .contact-hero .vl24-eyebrow-pill .hero-eyebrow{
color:#111 !important;
-webkit-text-fill-color:#111 !important;
background:none !important;
}  .hero.contact-hero{
background:#f6f7f8 !important; margin-top:0px; position:relative;
z-index:5;
}
.hero.contact-hero::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
z-index:0;
background:
radial-gradient(1200px 520px at 15% 10%,
rgba(255,214,140,.55),
rgba(255,214,140,0) 60%),
radial-gradient(900px 480px at 85% 25%,
rgba(255,230,170,.35),
rgba(255,230,170,0) 62%),
radial-gradient(1000px 520px at 40% 85%,
rgba(255,205,120,.30),
rgba(255,205,120,0) 65%);
} .contact-info-card{
background:#fff !important;
border-radius:26px;
border:1px solid rgba(0,0,0,.05);
box-shadow:
0 10px 30px rgba(0,0,0,.06);
transition:.25s ease;
}
.contact-info-card:hover{
transform:translateY(-6px);
box-shadow:
0 25px 70px rgba(0,0,0,.08),
0 0 0 1px rgba(184,146,62,.45);
} .contact-info-icon{
background:#f3f4f6 !important;
border:0;
box-shadow:none;
}
.contact-info-icon svg{
color:#111 !important;
} .contact-info-label{
color:#777 !important;
}
.contact-info-value{
color:#111 !important;
}
.contact-info-sub{
color:#666 !important;
} .contact-form-card{
background:#fff !important;
border-radius:32px;
padding:36px;
border:1px solid rgba(0,0,0,.05);
box-shadow:
0 30px 90px rgba(0,0,0,.08);
}
.contact-form-card:hover{
border-color:rgba(184,146,62,.45);
box-shadow:
0 30px 90px rgba(0,0,0,.08),
0 0 0 1px rgba(184,146,62,.45);
} .contact-form-card::before{
display:none !important;
} .contact-form-header{
color:#555 !important;
font-size:18px;
margin-bottom:28px;
} .contact-form input,
.contact-form textarea{
background:#f3f4f6 !important;
border:1px solid transparent !important;
color:#111 !important;
border-radius:14px;
font-weight:600;
transition:.2s ease;
} .contact-form input::placeholder,
.contact-form textarea::placeholder{
color:#999;
} .contact-form input:focus,
.contact-form textarea:focus{
background:#fff !important;
border:1px solid var(--gold-3) !important;
box-shadow:
0 0 0 3px rgba(184,146,62,.25);
} .contact-form textarea{
min-height:160px;
} .contact-grid{
gap:18px !important;
} .contact-map{
background:#f6f7f8 !important;
}
.contact-map-col{
border-radius:26px;
border:1px solid rgba(0,0,0,.06);
box-shadow:0 20px 60px rgba(0,0,0,.08);
}
.contact-map-col::after{
display:none;
} .contact-map{
margin-bottom:0px; position:relative;
z-index:5;
} .site-footer{
position:relative;
z-index:10;
}  .hero.contact-hero{
padding-bottom:0px !important; } .contact-map{
padding-top:0px !important; }  .contact-map{
padding:0 !important;
} .contact-map-split{
max-width:none !important;
margin:0 !important;
padding:0 !important;
width:100vw;
} .contact-map-col{
border-radius:0 !important;
} .contact-map iframe{
width:100%;
height:520px; }  .contact-map-split{
gap:0 !important;
} .contact-map-col{
border-radius:0 !important;
border:none !important;
box-shadow:none !important;
} .contact-map iframe{
border-radius:0 !important;
}  .hero.contact-hero{
padding-bottom:0 !important;
} .contact-map{
margin-top:-10px; } @media (max-width:1024px){
.hero.contact-hero{
height:auto !important;
min-height:auto !important;
}
} @media (max-width:1024px){
.hero.contact-hero{
padding-top:120px !important;
padding-bottom:60px !important;
}
} @media (max-width:1024px){ .hero.contact-hero{
height:auto !important;
min-height:auto !important;
margin-top:20px !important;
transform:none !important;
padding-top:120px !important;
padding-bottom:60px !important;
position:relative !important;
} .hero.contact-hero .hero-content{
position:relative !important;
top:auto !important;
left:auto !important;
bottom:auto !important;
} .contact-hero-layout{
grid-template-columns:1fr !important;
gap:40px !important;
} .contact-info-cards{
grid-template-columns:1fr !important;
} .contact-grid{
grid-template-columns:1fr !important;
} .contact-map{
margin-top:0 
}
} @media (max-width:1024px){
.hero.contact-hero{
margin-top:0px !important;
padding-top: calc(var(--header-h, 80px) + 40px) !important;
}
.contact-map{
margin-top:-60px !important;
}
} @media (max-width:1024px){ .site-header + .hero.contact-hero{
padding-top:120px !important;
} .hero.contact-hero .hero-content{
position:relative !important;
top:auto !important;
transform:none !important;
}
}
@media (max-width:1024px){
.hero.contact-hero{
padding-top: calc(var(--header-h, 60px) + 0px) !important;
}
}  .contact-hero-layout{
grid-template-columns: 1.1fr 1fr !important;
align-items:start;
} @media (max-width:768px){
.contact-hero-layout{
grid-template-columns:1fr !important;
}
} @media (max-width:1024px){ .hero.contact-hero{
padding-top: calc(var(--header-h, 0px) + 0px) !important;
padding-bottom:0px !important;
} .contact-hero-layout{
gap:18px !important;
} .contact-info-head{
margin-bottom:10px !important;
} .contact-info-head::after{
bottom:-8px !important;
} .contact-info-cards{
margin-top:0px !important;
gap:12px !important;
}
} .contact-info-icon{
background:var(--vl24-gold-metal) !important;
border:1px solid var(--gold-3);
box-shadow:0 0 12px rgba(184,146,62,.25);
} .contact-info-icon svg{
color:#111 !important; } @media(max-width:1024px){
.hero.contact-hero{
padding-top: calc(var(--header-h, 0px) - 0px) !important;
}
}
.hero.contact-hero,
.contact-hero{
padding-top: calc(var(--header-h, 0px) + 0px) !important; padding-bottom: 0px !important;
} .hero.contact-hero{
padding-top:40px !important; } .hero.contact-hero .hero-content{
position:relative !important;
inset:auto !important;
top:auto !important;
right:auto !important;
bottom:auto !important;
left:auto !important;
transform:none !important;
} .contact-map{
margin-top:0px !important; } .hero.contact-hero{ transform:none !important;
} .hero.contact-hero .hero-content{
--contact-shift: 0px; transform: translateY(var(--contact-shift)) !important;
} .hero.contact-hero .contact-hero-layout{
transform: none !important;
} @media (max-width:1024px){
.hero.contact-hero .hero-content{
--contact-shift: 0px; 
}
} .contact-employees{
margin-top:40px;
display:flex;
flex-direction:column;
gap:28px; } .contact-employee-card{
display:flex;
align-items:stretch;
background:#fff;
border-radius:28px;
border:1px solid rgba(0,0,0,.05);
box-shadow:0 18px 50px rgba(0,0,0,.07);
overflow:hidden;
transition:.3s ease;
}
.contact-employee-card:hover{
transform:translateY(-4px);
box-shadow:
0 30px 80px rgba(0,0,0,.09),
0 0 0 1px rgba(184,146,62,.45);
} .contact-employee-card .employee-image{
flex:0 0 260px;
aspect-ratio:1/1; }
.contact-employee-card .employee-image img{
width:100%;
height:100%;
object-fit:cover;
} .contact-employee-card .employee-body{
padding:34px 36px;
display:flex;
flex-direction:column;
justify-content:center;
gap:14px;
flex:1;
} .employee-name{
font-size:22px;
font-weight:700;
color:#111;
} .employee-role{
font-size:14px;
letter-spacing:.15em;
text-transform:uppercase;
color:var(--gold-3);
font-weight:700;
} .employee-text{
font-size:15px;
line-height:1.6;
color:#555;
max-width:520px;
} .employee-contacts{
margin-top:10px;
display:flex;
gap:24px;
flex-wrap:wrap;
}
.employee-contacts a{
font-weight:600;
text-decoration:none;
color:#111;
border-bottom:1px solid rgba(0,0,0,.15);
padding-bottom:2px;
transition:.2s ease;
}
.employee-contacts a:hover{
color:var(--gold-3);
border-color:var(--gold-3);
} @media(max-width:900px){
.contact-employee-card{
flex-direction:column;
}
.contact-employee-card .employee-image{
width:100%;
height:320px;
}
.contact-employee-card .employee-body{
padding:28px;
}
}
.contact-employee-card{
align-items:flex-start; }
.contact-employee-card .employee-image{
height:240px; } .hero.contact-hero{
padding-bottom:0px !important; 
}
.contact-employee-card .employee-image img{
object-fit: cover;
object-position: center 30%; } .hero.contact-hero{
background:#f6f7f8;
padding-top:120px;
padding-bottom:0px;
position:relative;
} .contact-hero-layout{
display:grid;
grid-template-columns:1.1fr 1fr;
gap:80px;
align-items:start;
} .contact-hero .hero-title{
font-size:clamp(42px,5vw,64px);
line-height:.9;
color:#111;
margin-bottom:30px;
} .contact-info-cards{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
}
.contact-info-card{
background:#fff;
padding:22px;
border-radius:24px;
display:flex;
gap:16px;
align-items:flex-start;
box-shadow:0 15px 40px rgba(0,0,0,.06);
} .contact-info-icon{
width:46px;
height:46px;
border-radius:999px;
background:var(--vl24-gold-metal);
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
} .contact-form-card{
background:#fff;
padding:36px;
border-radius:28px;
box-shadow:0 15px 40px rgba(0,0,0,.06);
} .contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}
.contact-form textarea{
grid-column:1 / -1;
min-height:160px;
} @media (max-width:1200px){
.contact-hero-layout{
grid-template-columns:1fr 1fr;
gap:50px;
}
.contact-info-cards{
grid-template-columns:1fr 1fr;
}
} @media (max-width:768px){
.hero.contact-hero{
padding-top:100px;
padding-bottom:0px;
}
.contact-hero-layout{
grid-template-columns:1fr;
gap:40px;
}
.contact-info-cards{
grid-template-columns:1fr;
}
.contact-grid{
grid-template-columns:1fr;
}
} .hero.contact-hero .contact-hero-layout{
margin-left:0 !important;
transition: margin-left .45s cubic-bezier(.22,.61,.36,1) !important;
}
.hero.contact-hero.is-offset .contact-hero-layout{
margin-left:100px !important;
} @media (max-width:1024px){
.hero.contact-hero.is-offset .contact-hero-layout{
margin-left:80px !important;
}
} @media (max-width:640px){
.hero.contact-hero.is-offset .contact-hero-layout{
margin-left:60px !important;
}
} .k24-form-status{
margin-bottom:22px;
} .k24-form-success,
.k24-form-error{
position:relative;
display:flex;
align-items:center;
gap:14px;
padding:16px 18px;
border-radius:14px;
font-size:15px;
line-height:1.5;
backdrop-filter:blur(6px);
} .k24-form-success::before,
.k24-form-error::before{
content:"";
flex:0 0 28px;
width:28px;
height:28px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
font-weight:700;
} .k24-form-success{
background:
linear-gradient(
180deg,
rgba(30,30,30,.85),
rgba(15,15,15,.9)
);
border:1px solid rgba(212,175,55,.35);
color:#fff;
box-shadow:
0 10px 30px rgba(0,0,0,.5),
inset 0 0 0 1px rgba(255,255,255,.04);
}
.k24-form-success::before{
content:"✓";
background:linear-gradient(135deg,#d4af37,#f5d06a);
color:#000;
} .k24-form-error{
background:
linear-gradient(
180deg,
rgba(30,30,30,.85),
rgba(15,15,15,.9)
);
border:1px solid rgba(255,80,80,.35);
color:#fff;
}
.k24-form-error::before{
content:"!";
background:#ff5c5c;
color:#fff;
} .k24-form-success,
.k24-form-error{
font-weight:500;
} .k24-form-success,
.k24-form-error{
animation:vl24FormMsg .35s ease;
}
@keyframes vl24FormMsg{
from{
opacity:0;
transform:translateY(-6px);
}
to{
opacity:1;
transform:translateY(0);
}
}
.hero.contact-hero{
display:flex;
align-items:flex-start;
}
@media (min-width:1025px){
.hero.contact-hero .contact-hero-layout{
margin-top:0px !important; }
} .contact-hero-layout{
align-items:stretch !important;
} .contact-hero-info,
.contact-hero-form{
display:flex;
flex-direction:column;
justify-content:flex-start;
} .contact-info-cards{
margin-top:20px !important;
}
.contact-form-card{
margin-top:20px !important;
} .hero.contact-hero{
background:linear-gradient(
180deg,
#e5e7eb 0%,
#f3f4f6 40%,
#ffffff 100%
) !important;
} .hero.contact-hero::before,
.hero.contact-hero::after{
display:none !important;
} .contact-info-card{
background:#fff !important;
border:1px solid #e5e7eb !important;
border-radius:16px !important;
box-shadow:0 10px 25px rgba(0,0,0,.06) !important;
}
.contact-info-card:hover{
border-color:#dc2626 !important;
box-shadow:0 20px 50px rgba(0,0,0,.08) !important;
} .contact-info-icon{
background:#dc2626 !important;
}
.contact-info-icon svg{
color:#fff !important;
} .contact-form-card{
background:#fff !important;
border-radius:16px !important;
border:1px solid #e5e7eb !important;
box-shadow:0 10px 25px rgba(0,0,0,.06) !important;
} .contact-form input,
.contact-form textarea{
background:#f9fafb !important;
border:1px solid #e5e7eb !important;
color:#111 !important;
}
.contact-form input:focus,
.contact-form textarea:focus{
border-color:#dc2626 !important;
box-shadow:0 0 0 2px rgba(220,38,38,.15) !important;
} .contact-info-icon{
background:#dc2626 !important;
border:none !important;
box-shadow:none !important;
filter:none !important;
}
.contact-info-icon::before,
.contact-info-icon::after{
display:none !important;
} .contact-employee-card:hover{
transform:translateY(-4px);
border-color:#dc2626 !important;
box-shadow:
0 20px 60px rgba(0,0,0,.08),
0 0 0 1px #dc2626 !important;
} .employee-contacts a:hover{
color:#dc2626 !important;
border-color:#dc2626 !important;
} .employee-role{
color:#555 !important;
} .contact-employee-card{
align-items:stretch !important;
} .contact-employee-card .employee-image{
height:100% !important;
min-height:240px;
} .contact-employee-card .employee-image img{
width:100%;
height:100% !important;
object-fit:cover !important;
display:block;
} .contact-form .vl24-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:52px !important;
padding:14px 18px !important;
border-radius:8px !important;
font-size:14px !important;
font-weight:600 !important;
letter-spacing:.02em !important;
color:#fff !important;
background:linear-gradient(135deg,#ef4444,#dc2626,#991b1b) !important;
border:none !important;
box-shadow:none !important;
outline:none !important;
overflow:hidden;
} .contact-form .vl24-btn:hover{
background:linear-gradient(135deg,#dc2626,#991b1b,#7f1d1d) !important;
} .contact-form .vl24-btn__icon{
display:none !important;
} .contact-form .vl24-btn__text{
margin:0 auto !important;
} .contact-form .vl24-btn::before,
.contact-form .vl24-btn::after{
display:none !important;
content:none !important;
} .contact-hero .hero-title,
.contact-title,
.contact-hero h1{
font-family: var(--font-heading, Montserrat, sans-serif) !important;
font-weight:800 !important;
} .contact-hero .hero-title{
font-size:clamp(28px, 3.1vw, 44px) !important;
line-height:1.05 !important;
} .contact-hero .hero-title,
.contact-title,
.contact-hero h1{
text-transform:none !important;
letter-spacing:-0.02em !important;
} .contact-hero .hero-title{
max-width:none !important; width:100% !important;
} @media (min-width:769px){
.contact-hero-layout{
align-items:stretch !important;
}
.contact-hero-info,
.contact-hero-form{
height:100%;
}
.contact-hero-form{
display:flex;
flex-direction:column;
}
.contact-form-card{
height:100%;
display:flex;
flex-direction:column;
}
.contact-form{
flex:1;
display:flex;
flex-direction:column;
}
} @media (min-width:769px){ .contact-form{
display:flex;
flex-direction:column;
height:100%;
} .contact-form textarea{
flex:1;
min-height:200px; height:auto !important;
}
} @media (min-width:768px) and (max-width:1024px){
.contact-hero-layout{
grid-template-columns:1fr !important;
gap:40px !important;
}
.contact-hero-form{
max-width:none !important;
width:100% !important;
}
.contact-form-card{
width:100% !important;
max-width:none !important;
}
.contact-form{
width:100% !important;
max-width:none !important;
}
.contact-form textarea{
width:100% !important;
max-width:none !important;
display:block !important;
}
} @media (min-width:768px) and (max-width:1024px){ .contact-hero-layout{
grid-template-columns:1fr !important;
} .contact-hero-info,
.contact-hero-form{
width:100% !important;
max-width:none !important;
} .contact-info-card,
.contact-employee-card,
.contact-form-card{
width:100% !important;
max-width:none !important;
}
} .contact-hero + section,
.contact-hero + div{
margin-top:0 !important;
padding-top:0 !important;
} .site-footer,
.footer,
.footer-wrapper{
margin-top:20px !important;
padding-top:0 !important;
} .contact-hero + *{
margin-top:0 !important;
} .contact-hero + *{
background:transparent !important;
} .hero.contact-hero{
height:auto !important;
min-height:auto !important;
display:block !important; 
}
.hero.contact-hero{
overflow:visible !important;
} .contact-hero .hero-title,
.contact-title,
.contact-hero h1,
.contact-hero .title{
text-shadow:none !important;
} .contact-hero .hero-title,
.contact-hero h1,
.contact-title{
font-family:"Outfit",sans-serif !important;
font-weight:600 !important;
font-size:clamp(36px,4vw,56px) !important;
line-height:1.1 !important;
letter-spacing:-0.02em !important;
color:#1a1f16 !important;
background:none !important;
-webkit-text-fill-color:unset !important;
text-shadow:none !important;
text-transform:none !important;
}