.contact-page{--contact-dark:var(--dark,#202724);--contact-accent:var(--accent,#997f4c);--contact-paper:var(--tint,#f3f4f0);background:var(--contact-paper);color:var(--ink,#20231f)}.contact-hero{padding:24px 5.2% 44px;background:var(--contact-dark);color:#fff}.contact-hero nav{display:flex;gap:12px;font-size:13px;color:#e1e5e2;margin-bottom:35px}.contact-hero .eyebrow{font-size:12px;color:#e1e5e2;margin-bottom:14px}.contact-hero h1{font:600 clamp(3.3rem,5.2vw,5rem)/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;margin:0 0 20px}.contact-hero>div>p:last-child{font-size:17px;line-height:1.6;color:#e1e5e2;margin:0}.contact-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);gap:7%;padding:48px 5.2% 64px;max-width:1700px;margin:auto}.contact-info>.eyebrow{font-size:12px;color:var(--muted)}.contact-info>h2{font-size:40px;line-height:1.05;margin-bottom:32px}.contact-method{padding:22px 0;border-top:1px solid var(--line,#d5d9d0)}.contact-method>span{display:block;font-size:12px;font-weight:600;letter-spacing:.09em;color:var(--muted);margin-bottom:12px}.contact-method>a{display:block;font-size:clamp(16px,1.5vw,21px);font-weight:600;color:var(--contact-dark);overflow-wrap:anywhere}.contact-method>p{font-size:14px;line-height:1.6;color:var(--muted);margin:10px 0 0}.contact-method address{font-style:normal;font-size:18px;line-height:1.5}.contact-family{margin-top:22px;padding:24px;background:var(--contact-dark);color:white}.contact-family h3{font-size:19px;margin:0 0 16px}.contact-family a{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:12px 0;border-top:1px solid #ffffff30}.contact-family a:hover{text-decoration:underline}.contact-form-panel{padding:36px;background:white;border:1px solid var(--line,#d5d9d0);border-top:4px solid var(--contact-accent);min-width:0;align-self:start}.contact-form-panel>.eyebrow{font-size:12px;color:var(--muted);margin-bottom:10px}.contact-form-panel h2{font-size:36px}.form-intro{font-size:14px;color:var(--muted);margin:12px 0 30px}#contact-form fieldset{border:0;padding:0;margin:0 0 30px;min-width:0}#contact-form legend{font-size:19px;font-weight:600;margin-bottom:18px;padding:0}.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.contact-form-panel label{font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:8px}.contact-form-panel label>span{font-weight:400;color:var(--muted);font-size:12px;display:contents}.contact-form-panel input,.contact-form-panel select,.contact-form-panel textarea{width:100%;min-width:0;padding:12px;border:1px solid #aeb5ae;border-radius:0;background:#fafbf9;color:#20231f;font:16px/1.4 'Barlow',Arial,sans-serif}.contact-form-panel textarea{resize:vertical;min-height:150px}.contact-form-panel :is(input,select,textarea):focus{outline:2px solid var(--contact-dark);outline-offset:2px}.message-field{margin-top:23px}.message-meta{display:flex;justify-content:space-between;gap:15px;margin-top:9px;font-size:12px;color:var(--muted)}#message-count{white-space:nowrap}.contact-submit{border-top:1px solid var(--line,#d5d9d0);padding-top:22px}.contact-submit p{font-size:13px;line-height:1.6;margin:0 0 18px;color:var(--muted)}.contact-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--contact-dark);color:white;padding:15px 22px;border:0;font:600 16px 'Barlow',Arial,sans-serif;cursor:pointer}.contact-primary:hover{opacity:.85}#message-preview{margin-top:25px}#message-preview>p{font-size:15px;line-height:1.6}#message-text{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--contact-paper);padding:20px;font:15px/1.6 'Barlow',Arial,sans-serif;max-height:400px;overflow:auto}.message-actions{display:flex;gap:12px;flex-wrap:wrap}.message-actions button{padding:12px 18px;border:1px solid var(--contact-dark);background:white;font:500 14px 'Barlow',Arial,sans-serif;color:var(--contact-dark);cursor:pointer}.ape .contact-hero{background:#997f4c;color:#18150f}.ape .contact-hero nav,.ape .contact-hero .eyebrow,.ape .contact-hero>div>p:last-child{color:#282319}@media(max-width:1100px){.contact-layout{gap:4%;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.contact-form-panel{padding:26px}.contact-fields{grid-template-columns:1fr}}@media(max-width:800px){.contact-layout{display:flex;flex-direction:column;gap:35px;padding:30px 6% 45px}.contact-form-panel{order:-1;width:100%}.contact-info{width:100%}.contact-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-hero{padding:22px 6% 30px}.contact-info>h2{font-size:34px}}@media(max-width:540px){.contact-fields{grid-template-columns:1fr;gap:18px}.contact-form-panel{padding:23px 18px}.contact-form-panel h2{font-size:30px}.contact-hero h1{font-size:3.2rem}.contact-hero nav{font-size:12px}.contact-hero>div>p:last-child{font-size:16px}.message-meta{flex-wrap:wrap}.contact-primary{width:100%}.contact-info>h2{font-size:32px}}
/* ACO contact hero: shared canopy photograph in the bronze palette. */
.ape .contact-hero{position:relative;isolation:isolate;overflow:hidden;background:#997F4C}.ape .contact-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/brands/arbor-misty-forest-original.png') center 48%/cover no-repeat;filter:saturate(.55) sepia(.2);opacity:.3}.ape .contact-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#997F4Ce0,#997F4C88 60%,#997F4C55)}@media(max-width:540px){.ape .contact-hero:before{background-position:58% center;opacity:.25}}
/* RNR contact banner: the homepage firefighter photograph, softly faded into navy. */
.rescue .contact-hero{position:relative;isolation:isolate;overflow:hidden;background:#365072}
.rescue .contact-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/brands/rescue-hero-no-hoses.png') center 43%/cover no-repeat;filter:saturate(.35);opacity:.42}
.rescue .contact-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#365072ed 0%,#365072b3 42%,#36507240 100%)}
@media(max-width:540px){.rescue .contact-hero:before{background-position:65% center;opacity:.35}}
/* Contact banners echo each brand's homepage photography. */
.ape .contact-hero:before{background-image:url('assets/brands/ape-hero.png');background-position:center 43%;opacity:.42}
.ape .contact-hero:after{background:linear-gradient(90deg,#997F4Cf5 0%,#997F4Ccc 42%,#997F4C55 100%)}
.omega .contact-hero{position:relative;isolation:isolate;overflow:hidden;background:#111;color:#fff}
.omega .contact-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/omega.jpg') center/cover no-repeat;filter:grayscale(1);opacity:.42}
.omega .contact-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111111f2 0%,#111111b3 42%,#11111140 100%)}
@media(max-width:540px){.ape .contact-hero:before{background-position:65% center;opacity:.35}.omega .contact-hero:before{background-position:65% center;opacity:.35}}
/* RNA contact banner: the shared misty canopy faded into olive. */
.arbor .contact-hero{position:relative;isolation:isolate;overflow:hidden;background:#665A38}
.arbor .contact-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/brands/arbor-misty-forest-original.png') center 48%/cover no-repeat;opacity:.42;filter:saturate(.68) sepia(.15) brightness(.88)}
.arbor .contact-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#665A38cc,#665A3880 55%,#665A3866)}
@media(max-width:540px){.arbor .contact-hero:before{background-position:58% center;opacity:.32}}
