.contact-header { background:rgba(18,17,14,.76); }
.contact-hero { position:relative; min-height:510px; display:grid; align-items:end; overflow:hidden; isolation:isolate; color:#fff; background:#151513; }
.contact-hero::before { content:""; position:absolute; z-index:0; inset:-28px; background:url('/media/contact-hero-20260916.jpg?v=20260916a') center/cover no-repeat; filter:blur(20px) brightness(.58); transform:scale(1.08); }
.contact-hero > img,.contact-hero__shade { position:absolute; inset:0; width:100%; height:100%; }
.contact-hero > img { z-index:1; object-fit:contain; object-position:center; }
.contact-hero__shade { z-index:2; background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.12)); }
.contact-hero__content { position:relative; z-index:3; padding-bottom:78px; }
.contact-hero .eyebrow { color:#e5c58d; }
.contact-hero h1,.contact-heading h2,.contact-guide h2 { margin:0; font-family:var(--serif); font-weight:600; letter-spacing:.04em; }
.contact-hero h1 { font-size:clamp(39px,4.7vw,61px); line-height:1.32; }
.contact-hero__content > p:not(.eyebrow) { margin:17px 0 0; color:#f1eee7; }
.contact-main { background:#fff; }
.contact-heading { max-width:630px; margin-bottom:48px; }
.contact-heading h2 { font-size:clamp(30px,3.5vw,43px); line-height:1.45; }
.contact-heading > p:last-child { margin:12px 0 0; color:#686760; }
.contact-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.contact-card { position:relative; min-height:242px; padding:29px; overflow:hidden; border:1px solid rgba(23,23,20,.12); background:var(--paper); transition:transform .25s ease,background .25s ease,color .25s ease; }
.contact-card:hover { transform:translateY(-5px); background:#24231f; color:#fff; }
.contact-card__number { position:absolute; top:26px; right:28px; color:var(--gold); font-size:11px; font-weight:700; letter-spacing:.18em; }
.contact-card__icon { display:block; height:38px; color:var(--gold); font-size:26px; font-weight:700; line-height:1.2; }
.contact-card p { margin:24px 0 6px; color:var(--gold); font-size:10px; font-weight:700; letter-spacing:.16em; }
.contact-card h3 { margin:0; font-family:var(--serif); font-size:23px; font-weight:600; letter-spacing:.04em; }
.contact-card strong { display:block; margin-top:11px; font-size:16px; letter-spacing:.05em; }
.contact-card small { display:block; margin-top:15px; color:#77746d; font-size:12px; }.contact-card:hover small { color:#dfd7c8; }
.contact-card--line .contact-card__icon { height:auto; font-size:32px; letter-spacing:.04em; }
.contact-card--line p { margin-top:13px; }
.contact-card--line h3 { margin-top:14px; }
.line-qr { position:absolute; right:24px; bottom:23px; width:76px; height:76px; padding:3px; background:#fff; object-fit:contain; }
.contact-card--facebook .contact-card__icon { display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--gold); border-radius:50%; font-family:Arial,sans-serif; font-size:29px; line-height:1; }
.service-coverage { margin-top:18px; padding:30px 36px; display:grid; grid-template-columns:auto 1fr; column-gap:30px; align-items:center; color:#fff; background:#27251f; }.service-coverage p { margin:0; color:#e5bd6f; font-size:10px; font-weight:700; letter-spacing:.18em; }.service-coverage strong { font-family:var(--serif); font-size:25px; font-weight:600; letter-spacing:.04em; }.service-coverage span { grid-column:2; margin-top:4px; color:#ded8ca; font-size:14px; }
.contact-guide { padding-block:105px; }
.contact-guide__grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(48px,11vw,145px); align-items:start; }
.contact-guide h2 { font-size:clamp(29px,3.2vw,41px); line-height:1.5; }
.contact-guide ol { margin:0; padding:0; list-style:none; }.contact-guide li { display:grid; grid-template-columns:55px 1fr; gap:16px; padding:0 0 22px; margin-bottom:22px; border-bottom:1px solid rgba(23,23,20,.16); }.contact-guide li > span { color:var(--gold); font-size:12px; font-weight:700; letter-spacing:.12em; }.contact-guide h3 { margin:0 0 5px; font-family:var(--serif); font-size:21px; font-weight:600; }.contact-guide li p { margin:0; color:#686760; font-size:14px; }
@media (max-width:760px) { .contact-hero { min-height:465px; }.contact-hero__content { padding-bottom:60px; }.contact-hero h1 { font-size:38px; }.contact-main { padding-block:76px; }.contact-heading { margin-bottom:30px; }.contact-cards { grid-template-columns:1fr; gap:12px; }.contact-card { min-height:245px; padding:30px; }.contact-card p { margin-top:23px; }.contact-guide { padding-block:76px; }.contact-guide__grid { grid-template-columns:1fr; gap:37px; }.contact-guide li { grid-template-columns:44px 1fr; }.line-qr { right:28px; bottom:26px; width:88px; height:88px; } }
@media (max-width:760px) { .service-coverage { padding:27px 26px; display:block; }.service-coverage strong { display:block; margin-top:10px; font-size:22px; line-height:1.45; }.service-coverage span { display:block; margin-top:8px; } }