.contact-page{--contact-navy:#142b3a;--contact-gold:#c58b31;position:relative;z-index:1;background:#f8fafc;color:var(--contact-navy);padding-bottom:50px}
body:has(.contact-page) .site-shell>.pointer-events-none.absolute{display:none}
.contact-container{width:85%;max-width:1320px;margin-inline:auto}
.contact-hero{position:relative;isolation:isolate;background:#f5f0e7;overflow:hidden}
.contact-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('../img/agencies-office-hero.webp') left 48%/cover no-repeat}
.contact-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#f8fafcf7 5%,#f8fafce8 38%,#f3e9d43b 78%,#142b3a0a)}
.contact-hero-inner{padding:178px 0 28px}
.contact-breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:#718498;margin-bottom:14px}
.contact-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#b07b2c}
.contact-hero .contact-eyebrow{padding:7px 13px;background:#fff0d6;border-radius:25px}
.contact-hero h1{font-size:36px;font-weight:900;line-height:1.4;margin:10px 0}
.contact-hero h1 em{font-style:normal;color:var(--contact-gold)}
.contact-hero p{color:#65798e;font-size:13px;line-height:1.8}
.contact-hero-link{display:inline-flex;align-items:center;gap:16px;margin-top:14px;color:var(--contact-navy);font-size:12px;font-weight:800;border-bottom:1px solid #d6b883;padding-bottom:8px}
.contact-content{padding-top:30px}
.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:28px}
.contact-method{display:flex;align-items:center;gap:15px;min-width:0;border:1px solid #e3eaf2;background:white;border-radius:15px;padding:22px;transition:transform .2s,box-shadow .2s}
.contact-method:hover{transform:translateY(-3px);box-shadow:0 9px 25px #142b3a0d}
.contact-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#fcf5e9;color:var(--contact-gold);font-size:25px;flex-shrink:0}
.contact-method>div{min-width:0;flex:1}.contact-method small{color:#7a8da1;font-size:10px}.contact-method h2{font-size:16px;font-weight:800;margin:3px 0 7px}.contact-method strong{display:block;font-weight:500;color:#8e6b35;font-size:12px;overflow-wrap:anywhere;text-align:start}.contact-method>i{font-size:20px;color:var(--contact-gold)}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:25px;align-items:start}
.contact-form-card{padding:32px;border:1px solid #e4ebf3;border-radius:17px;background:white;scroll-margin-top:25px}
.contact-form-card h2{font-size:27px;font-weight:900;margin:7px 0 12px}
.contact-muted{font-size:12px;line-height:2;color:#7b8ca1;margin-bottom:25px}
.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px}
.contact-form-grid label{display:block;min-width:0;font-size:12px;font-weight:700;color:#435d73}
.contact-form-grid label>span{color:#bc8732}.contact-form-grid label>small{font-size:10px;font-weight:400;color:#8c9bad;margin-inline-start:5px}
.contact-form-grid input,.contact-form-grid select,.contact-form-grid textarea{display:block;width:100%;min-width:0;margin-top:10px;border:1px solid #e0e8f1;background:#fcfdfe;border-radius:9px;padding:12px 14px;outline:none;color:#193448;font-size:13px;font-weight:400}
.contact-form-grid input,.contact-form-grid select{height:49px}
.contact-form-grid textarea{resize:vertical;min-height:150px;line-height:1.9}
.contact-form-grid input:focus,.contact-form-grid select:focus,.contact-form-grid textarea:focus{border-color:var(--contact-gold);box-shadow:0 0 0 3px #c58b3114}
.contact-form-grid [aria-invalid=true]{border-color:#b74c3b}
.contact-full{grid-column:1/-1}
.contact-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px}
.contact-form-bottom p{display:flex;gap:6px;align-items:center;font-size:10px;color:#8494a6}.contact-form-bottom p i{color:var(--contact-gold);font-size:16px}
.contact-form-bottom button{display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 26px;border-radius:9px;background:linear-gradient(110deg,#d9a24a,#bd812b);color:white;font-size:13px;font-weight:800;white-space:nowrap}
.contact-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.contact-form-bottom button:disabled{opacity:.5;cursor:not-allowed}.contact-notice:not(.success):not(.error){background:#fff8ea;border-color:#eddbb6;color:#98702d}
.contact-support-card{position:relative;overflow:hidden;isolation:isolate;padding:30px;border-radius:17px;color:white;background:linear-gradient(140deg,#24485f,#102532)}
.contact-support-card:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #d7a54628;transform:rotate(30deg);left:-110px;bottom:-110px;z-index:-1;border-radius:40px}
.contact-support-icon{display:grid;place-items:center;width:66px;height:66px;background:#ffffff0d;border:1px solid #d8aa5145;border-radius:18px;font-size:33px;color:#e2b866;margin-bottom:24px}
.contact-support-card .contact-eyebrow{color:#e2ba73}
.contact-support-card h2{font-size:28px;font-weight:800;line-height:1.7;margin:14px 0}
.contact-support-card h2 em{color:#e7b966;font-style:normal}
.contact-support-card p{font-size:12px;color:#becbd6;line-height:2.1;margin-bottom:25px}
.contact-support-point{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff13;padding:15px 0;font-size:12px}.contact-support-point i{font-size:23px;color:#e2b15c}.contact-support-point:last-child{padding-bottom:0}
.contact-address,.contact-social{padding:22px;background:white;border:1px solid #e4ebf3;border-radius:14px;margin-top:18px}
.contact-address{display:flex;align-items:start;gap:13px}.contact-address>i{font-size:26px;color:var(--contact-gold)}.contact-address h3,.contact-social h3{font-size:15px;font-weight:800}.contact-address p,.contact-social p{font-size:12px;color:#7b8ca1;margin-top:8px;line-height:1.9}
.contact-social>div{display:flex;gap:10px;margin-top:16px}.contact-social a{width:37px;height:37px;background:#f6f8fa;border-radius:50%;display:grid;place-items:center;font-size:18px;color:#29465c}.contact-social a:hover{background:#fbf0dc;color:#b37b28}
.contact-faq{display:grid;grid-template-columns:1fr 1.6fr;gap:45px;margin-top:38px;padding:32px;border:1px solid #e4ebf3;border-radius:17px;background:white}
.contact-faq h2{font-size:26px;font-weight:900;margin:9px 0}.contact-faq>div>p{font-size:12px;color:#7b8ca1;line-height:2}
.contact-faq-items details{border-bottom:1px solid #e9eef4;padding:16px 0}.contact-faq-items details:first-child{padding-top:0}.contact-faq-items details:last-child{border-bottom:0;padding-bottom:0}
.contact-faq summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;font-size:13px;font-weight:700;cursor:pointer}.contact-faq summary::-webkit-details-marker{display:none}.contact-faq summary i{font-size:20px;color:var(--contact-gold)}
.contact-faq details[open] summary i{transform:rotate(45deg)}.contact-faq details p{font-size:12px;color:#73879b;line-height:2;margin-top:12px}.contact-faq details a{color:#b27b2b;text-decoration:underline}
.contact-notice{border:1px solid;border-radius:9px;padding:14px 16px;font-size:13px;line-height:1.9;margin:20px 0}.contact-notice.success{background:#edf8f2;border-color:#c7e6d5;color:#28764e}.contact-notice.error{background:#fff2ef;border-color:#edc5bc;color:#a04332}.contact-notice ul{padding-inline-start:17px;list-style:disc}
.contact-unavailable{padding:30px 0}.contact-unavailable>i{font-size:40px;color:var(--contact-gold)}.contact-unavailable h3{font-size:20px;font-weight:700;margin:15px 0}.contact-unavailable p{font-size:13px;line-height:2;color:#7b8ca1}.contact-unavailable a{display:inline-flex;gap:12px;color:#b67d2c;font-weight:700;margin-top:20px;font-size:13px}
.dark .contact-page{background:#0c1825;color:#e6edf5}.dark .contact-hero:after{background:linear-gradient(270deg,#0c1825fa,#0c1825dc 45%,#0c18253f)}
.dark .contact-hero p,.dark .contact-muted,.dark .contact-form-grid label,.dark .contact-faq details p{color:#a6b9ca}
.dark .contact-hero-link{color:#e6edf5}.dark .contact-method,.dark .contact-form-card,.dark .contact-address,.dark .contact-social,.dark .contact-faq{background:#142333;border-color:#2a3d50}
.dark .contact-icon{background:#d5a34614}.dark .contact-form-grid input,.dark .contact-form-grid select,.dark .contact-form-grid textarea{background:#0f1c2a;border-color:#304357;color:#e6edf5}.dark .contact-social a{background:#22374b;color:#e6edf5}.dark .contact-faq-items details{border-color:#2a3d50}
@media(max-width:1100px){.contact-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.contact-form-card,.contact-support-card{padding:24px}.contact-form-bottom{align-items:stretch;flex-direction:column;gap:15px}.contact-support-card h2{font-size:25px}.contact-methods{gap:12px}.contact-method{padding:18px}.contact-icon{width:43px;height:43px;font-size:22px}}
@media(max-width:767px){.contact-container{width:92%}.contact-hero-inner{padding:108px 0 24px}.contact-hero:after{background:linear-gradient(270deg,#f8fafcf7,#f8fafcc2)}.contact-hero h1{font-size:28px}.contact-hero p{font-size:13px}.contact-breadcrumb{margin-bottom:12px}.contact-content{padding-top:22px}.contact-methods{grid-template-columns:1fr;margin-bottom:22px}.contact-method{padding:19px}.contact-method h2{font-size:16px}.contact-method strong{font-size:13px}.contact-layout{grid-template-columns:1fr;gap:22px}.contact-form-card{padding:24px 19px}.contact-form-card h2{font-size:25px}.contact-form-grid{grid-template-columns:1fr;gap:19px}.contact-form-grid input,.contact-form-grid select,.contact-form-grid textarea{font-size:16px}.contact-form-bottom p{font-size:11px}.contact-form-bottom button{padding:15px;font-size:14px}.contact-support-card{padding:26px}.contact-support-card h2{font-size:27px}.contact-support-card p{font-size:13px}.contact-faq{grid-template-columns:1fr;gap:23px;padding:24px 19px;margin-top:24px}.contact-faq summary{line-height:1.8}.contact-faq h2{font-size:24px}}
.contact-page .contact-hero--identity{background:#112d3e;color:#fff;border-bottom:1px solid #c58b3155}
.contact-page .contact-hero--identity:before{background:radial-gradient(ellipse at 16% 60%,#c58b311f,transparent 48%),linear-gradient(125deg,#1b4054,#102938 65%)}
.contact-page .contact-hero--identity:after{background:repeating-linear-gradient(120deg,transparent 0 90px,#ffffff03 90px 91px)}
.contact-hero--identity .contact-hero-inner{padding-top:174px;padding-bottom:26px;max-width:1450px}
.contact-hero--identity .contact-breadcrumb{color:#c5d2df;font-size:10px;margin-bottom:18px}
.contact-brand-title{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.contact-brand-title>img{display:block;flex-shrink:0;width:60px;height:60px;object-fit:contain;padding:6px;box-sizing:border-box;border-radius:14px;background:#fffdf8;border:1px solid #d9b87855}
.contact-brand-title>div>span{font-size:11px;color:#e0b877}
.contact-hero--identity .contact-brand-title h1{font-size:26px;line-height:1.4;margin:3px 0 0;font-weight:800}
.contact-page .contact-hero--identity p{max-width:700px;font-size:12px;line-height:1.9;color:#c1d1dc;margin:0}
@media(max-width:767px){.contact-hero--identity .contact-hero-inner{padding-top:104px;padding-bottom:22px}.contact-brand-title{gap:12px;margin-bottom:12px}.contact-brand-title>img{width:50px;height:50px;border-radius:12px}.contact-hero--identity .contact-brand-title h1{font-size:23px}.contact-page .contact-hero--identity p{font-size:11px}}
.contact-page .contact-hero--identity:before{background:linear-gradient(110deg,#1b3848,#112b3b 65%)}
.contact-page .contact-hero--identity:after{background:url('../img/hero-architecture.svg') left bottom/auto 90% no-repeat;pointer-events:none}
@media(max-width:767px){.contact-page .contact-hero--identity:after{background-position:-170px bottom;opacity:.35}}
@media(prefers-reduced-motion:reduce){.contact-method{transition:none}.contact-method:hover{transform:none}}