body.kota-modern-page.kota-contact-template { overflow:visible!important; background:#f3f5f5; }
.kota-contact-page { --contact-red:#78c7eb; --contact-ink:#101c21; --contact-paper:#f3f5f5; overflow:visible; color:var(--contact-ink); background:var(--contact-paper); }
.kota-contact-page h1,.kota-contact-page h2,.kota-contact-page h3 { color:inherit; font-family:var(--kota-sans); }
.kota-contact-page h1 em,.kota-contact-page h2 em { color:#78c7eb; font-family:var(--kota-serif); font-weight:500; }
.kota-contact-page .kota-header,.kota-contact-page .kota-header.is-scrolled { color:#fff; background:rgba(10,22,27,.16); box-shadow:0 1px 0 #ffffff1a; backdrop-filter:blur(14px); }
.kota-contact-page .kota-nav a,.kota-contact-page .kota-header__phone { color:#fff; text-shadow:0 1px 3px #000; }
.kota-contact-page .kota-nav a[aria-current="page"]::after { transform:scaleX(1); }
.kota-contact-page .kota-menu-toggle span { background:#fff; }

.kota-contact-hero { position:relative; min-height:850px; display:flex; align-items:center; overflow:hidden; color:#fff; background:radial-gradient(circle at 76% 48%,#78c7eb4c,transparent 26%),linear-gradient(128deg,#17292f,#071216 72%); }
.kota-contact-hero::after { content:'CONTACT'; position:absolute; right:-.03em; bottom:-.17em; color:#ffffff05; font:700 min(19vw,300px)/1 var(--kota-sans); letter-spacing:-.07em; }
.kota-contact-hero__grid { position:absolute; inset:0; opacity:.17; background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px); background-size:76px 76px; mask-image:linear-gradient(90deg,black,transparent 85%); }
.kota-contact-hero__inner { position:relative; z-index:2; display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:9vw; padding:170px 0 90px; }
.kota-contact-hero__copy h1 { margin:20px 0 42px; color:#fff; font-size:clamp(76px,9vw,138px); line-height:.78; letter-spacing:-.07em; }
.kota-contact-hero__copy > p:not(.kota-eyebrow) { max-width:620px; color:#d6dfe1; font-size:19px; line-height:1.65; }
.kota-contact-hero__copy > a { display:inline-block; margin-top:28px; padding-bottom:8px; color:#fff; border-bottom:1px solid #fff; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.kota-contact-mark { position:relative; width:min(480px,100%); aspect-ratio:1; display:flex; flex-direction:column; align-items:center; justify-content:center; margin:auto; border:1px solid #ffffff28; border-radius:50%; }
.kota-contact-mark::before,.kota-contact-mark::after { content:''; position:absolute; inset:13%; border:1px solid #ffffff20; border-radius:50%; }
.kota-contact-mark::after { inset:32%; border-color:#78c7eb70; }
.kota-contact-mark > span { position:absolute; color:#b7c4c6; font-size:12px; letter-spacing:.16em; }
.kota-contact-mark > span:nth-of-type(1) { top:12%; }
.kota-contact-mark > span:nth-of-type(2) { bottom:12%; }
.kota-contact-mark strong { position:relative; z-index:2; font-size:clamp(38px,5vw,72px); letter-spacing:.08em; }
.kota-contact-mark__orbit { position:absolute; inset:2%; animation:kota-contact-orbit 18s linear infinite; }
.kota-contact-mark__orbit i { position:absolute; width:13px; height:13px; border-radius:50%; background:var(--contact-red); box-shadow:0 0 0 9px #78c7eb2f; }
.kota-contact-mark__orbit i:nth-child(1) { top:-6px; left:50%; }
.kota-contact-mark__orbit i:nth-child(2) { right:8%; bottom:20%; background:#fff; box-shadow:0 0 0 9px #ffffff18; }
.kota-contact-mark__orbit i:nth-child(3) { left:8%; bottom:20%; width:8px; height:8px; }
@keyframes kota-contact-orbit { to { transform:rotate(360deg); } }

.kota-contact-links { background:var(--contact-paper); }
.kota-contact-section-head { display:grid; grid-template-columns:.4fr 1fr; align-items:end; gap:7vw; margin-bottom:65px; }
.kota-contact-section-head h2,.kota-contact-form-intro h2,.kota-contact-location__copy h2 { margin:0; font-size:clamp(48px,5.8vw,88px); line-height:.92; letter-spacing:-.055em; }
.kota-contact-section-head h2 em,.kota-contact-form-intro h2 em { color:var(--contact-red); }
.kota-contact-links__grid { display:grid; grid-template-columns:1.18fr .91fr .91fr; gap:18px; perspective:1400px; }
.kota-contact-card { position:relative; min-height:345px; padding:34px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; color:var(--contact-ink); border:1px solid #10242b17; background:#fff; box-shadow:0 20px 50px #10242b0c; transition:transform .45s ease,box-shadow .45s ease,background .45s ease,color .45s ease; }
.kota-contact-card::after { content:'↗'; position:absolute; right:-12px; bottom:-36px; color:#10242b08; font-size:170px; line-height:1; }
.kota-contact-card--address { color:#fff; background:var(--contact-red); }
.kota-contact-card--address::after { color:#ffffff0d; }
.kota-contact-card > span { position:relative; z-index:2; font-size:12px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.kota-contact-card h3 { position:relative; z-index:2; margin:45px 0; font-size:clamp(23px,2.2vw,34px); line-height:1.25; letter-spacing:-.035em; overflow-wrap:anywhere; }
.kota-contact-card > b { position:relative; z-index:2; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.kota-contact-card--phones h3 { display:flex; flex-direction:column; gap:11px; }
.kota-contact-card--phones h3 a { color:inherit; }
@media(hover:hover) and (pointer:fine) {
 .kota-contact-card:hover { z-index:2; transform:perspective(1000px) translateY(-9px) rotateX(2deg) rotateY(-2deg); box-shadow:12px 30px 55px #10242b20; }
 .kota-contact-card:not(.kota-contact-card--address):hover { color:#fff; background:var(--contact-ink); }
}

.kota-contact-form-section { color:#fff; background:var(--contact-ink); }
.kota-contact-form-section__grid { display:grid; grid-template-columns:.85fr 1.15fr; align-items:start; gap:9vw; }
.kota-contact-form-intro { position:sticky; top:145px; }
.kota-contact-form-intro h2 { margin:0 0 35px; color:#fff; }
.kota-contact-form-intro > p:not(.kota-kicker) { max-width:530px; color:#bfcbcd; font-size:17px; line-height:1.75; }
.kota-contact-form-intro > div { display:flex; flex-wrap:wrap; gap:9px; margin-top:32px; }
.kota-contact-form-intro > div span { padding:10px 13px; color:#d9e0e2; border:1px solid #ffffff26; font-size:12px; }
.kota-contact-form-card { min-width:0; padding:clamp(30px,5vw,68px); color:var(--contact-ink); background:#f6f6f2; box-shadow:25px 25px 0 #78c7eb; }
.kota-contact-form-card form { margin:0; }
.kota-contact-form-card p { margin:0 0 24px; }
.kota-contact-form-card label { display:block; color:#435258; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.kota-contact-form-card input:not([type="submit"]),.kota-contact-form-card textarea,.kota-contact-form-card select { width:100%; margin-top:9px; padding:14px 0; color:var(--contact-ink); border:0; border-bottom:1px solid #10242b38; border-radius:0; outline:0; background:transparent; font:500 16px/1.5 var(--kota-sans); box-shadow:none; transition:border-color .25s; }
.kota-contact-form-card textarea { min-height:135px; resize:vertical; }
.kota-contact-form-card input:focus,.kota-contact-form-card textarea:focus,.kota-contact-form-card select:focus { border-color:var(--contact-red); }
.kota-contact-form-card input[type="submit"],.kota-contact-form-card button[type="submit"] { min-height:52px; padding:15px 24px; color:#fff; border:0; border-radius:0; background:var(--contact-red); font:700 13px var(--kota-sans); letter-spacing:.1em; text-transform:uppercase; cursor:pointer; transition:background .25s,transform .25s; }
.kota-contact-form-card input[type="submit"]:hover,.kota-contact-form-card button[type="submit"]:hover { background:#78c7eb; transform:translateY(-2px); }
.kota-contact-form-card .wpcf7-spinner { margin-top:10px; }
.kota-contact-form-card .wpcf7-not-valid-tip { margin-top:7px; color:#78c7eb; font-size:12px; }
.kota-contact-form-card .wpcf7-response-output { margin:22px 0 0!important; padding:12px 15px!important; border-width:1px!important; font-size:14px; }

.kota-contact-location { display:grid; grid-template-columns:1.25fr .75fr; min-height:650px; background:#e7ebea; }
.kota-contact-location__map { min-height:650px; filter:grayscale(1) contrast(.92); }
.kota-contact-location__map iframe { display:block; width:100%; height:100%; min-height:650px; border:0; }
.kota-contact-location__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(45px,7vw,110px); }
.kota-contact-location__copy h2 { margin-bottom:35px; }
.kota-contact-location__copy h2 em { color:var(--contact-red); font-size:.55em; line-height:1.08; white-space:nowrap; }
.kota-contact-location__copy > p:not(.kota-kicker) { color:#536369; font-size:17px; line-height:1.7; }
.kota-contact-location__copy > a { align-self:flex-start; margin-top:25px; padding-bottom:8px; border-bottom:1px solid currentColor; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.kota-contact-page a:focus-visible,.kota-contact-page input:focus-visible,.kota-contact-page textarea:focus-visible { outline:3px solid #78c7eb; outline-offset:4px; }

@media(max-width:1100px) {
 .kota-contact-hero__inner { grid-template-columns:1fr .7fr; gap:5vw; }
 .kota-contact-links__grid { grid-template-columns:1fr 1fr; }
 .kota-contact-card--address { grid-row:span 2; }
 .kota-contact-form-section__grid { gap:6vw; }
 .kota-contact-location { grid-template-columns:1fr; }
 .kota-contact-location__map,.kota-contact-location__map iframe { min-height:500px; }
}
@media(max-width:760px) {
 .kota-contact-page .kota-header,.kota-contact-page .kota-header.is-scrolled { background:rgba(10,22,27,.74); backdrop-filter:blur(16px); }
 .kota-contact-hero { min-height:auto; }
 .kota-contact-hero__inner { grid-template-columns:1fr; padding:145px 0 70px; }
 .kota-contact-hero__copy h1 { font-size:clamp(66px,22vw,96px); }
 .kota-contact-hero__copy > p:not(.kota-eyebrow) { font-size:16px; }
 .kota-contact-mark { width:min(360px,90vw); margin-top:25px; }
 .kota-contact-section-head,.kota-contact-form-section__grid { grid-template-columns:1fr; gap:42px; }
 .kota-contact-section-head h2,.kota-contact-form-intro h2,.kota-contact-location__copy h2 { font-size:clamp(42px,13vw,60px); }
 .kota-contact-links__grid { grid-template-columns:1fr; }
 .kota-contact-card,.kota-contact-card--address { min-height:260px; grid-row:auto; }
 .kota-contact-form-intro { position:relative; top:auto; }
 .kota-contact-form-card { margin-right:12px; padding:28px 22px; box-shadow:12px 12px 0 #78c7eb; }
 .kota-contact-location__map,.kota-contact-location__map iframe { min-height:390px; }
 .kota-contact-location__copy { padding:60px 24px; }
 .kota-contact-location__copy h2 em { font-size:.62em; white-space:normal; }
}
@media(prefers-reduced-motion:reduce) {
 .kota-contact-mark__orbit { animation:none; }
 .kota-contact-card,.kota-contact-form-card input[type="submit"] { transition:none; }
 .kota-contact-card:hover,.kota-contact-form-card input[type="submit"]:hover { transform:none; }
}