/* Jayco Joinery: Contact page */
.page-contact{background:#f7f3ed}.contact-hero{position:relative;height:var(--page-hero-height);min-height:var(--page-hero-height);display:flex;align-items:center;overflow:hidden;isolation:isolate;color:#fff;background:#17130f url("../assets/contact/contact-hero.webp") center 50%/cover no-repeat}.contact-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080705f7 0%,#0a0806d6 36%,#0a080633 72%,#0a08060d 100%),linear-gradient(0deg,#08070559,transparent 48%)}.contact-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:148px;padding-bottom:46px}.contact-hero-copy{max-width:820px}.contact-hero-eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:17px;color:#f4e9d8;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.contact-hero-eyebrow:before{content:"";width:34px;height:1px;background:var(--gold-light)}.contact-hero h1{font-size:clamp(36px,4.3vw,60px);line-height:1.15;letter-spacing:-.025em}.contact-hero h1 em,.contact-intro h2 em{color:var(--gold-light);font-weight:500}.contact-hero-copy>p{max-width:620px;margin:20px 0 27px;color:#ffffffd4;font-size:14px;line-height:1.7}.contact-hero-motto{margin-top:58px;padding-right:12px;color:#e0cdb2;font-size:11px;line-height:2.15;letter-spacing:.32em;text-transform:uppercase}.contact-hero-motto span{display:block;width:42px;height:1px;margin-top:20px;background:var(--gold-light)}

.contact-intro{padding-block:80px 84px}.contact-intro-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(55px,8vw,110px)}.contact-intro h2{font-size:clamp(36px,4vw,52px);line-height:1.1}.contact-intro-grid>div:first-child>p{max-width:470px;margin-top:20px;color:var(--ink-soft);font-size:12px;line-height:1.82}.contact-methods{border-top:1px solid var(--line)}.contact-methods>a,.contact-method{min-height:116px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:19px;padding:22px 20px;border-bottom:1px solid var(--line);transition:background-color 240ms ease}.contact-methods>a:hover{background:#fff}.contact-methods>a>span,.contact-method>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--gold-light);color:var(--gold)}.contact-methods .icon{width:25px;height:25px;stroke-width:1.25}.contact-methods small{display:block;margin-bottom:3px;color:var(--gold);font-size:8px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.contact-methods strong{font-family:var(--serif);font-size:19px;font-weight:500}.contact-methods p{margin-top:2px;color:var(--ink-soft);font-size:9px}.contact-methods .contact-method-arrow{width:16px;height:16px;color:var(--gold)}

.contact-enquiry{display:grid;grid-template-columns:46% 54%;background:#eee7dc}.contact-enquiry-media{position:relative;min-height:820px;overflow:hidden}.contact-enquiry-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d0a07c7,transparent 48%)}.contact-enquiry-media img{width:100%;height:100%;object-fit:cover}.contact-enquiry-media-copy{position:absolute;z-index:2;right:44px;bottom:42px;left:max(30px,calc((100vw - 1200px)/2));color:#fff}.contact-enquiry-media-copy span{font-family:var(--serif);font-size:24px;font-style:italic;line-height:1.3}.contact-enquiry-media-copy p{margin-top:8px;color:var(--gold-light);font-size:8px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.contact-form-panel{padding:70px max(32px,calc((100vw - 1200px)/2)) 72px clamp(42px,5.5vw,82px)}.contact-form-panel>h2{font-size:clamp(35px,3.8vw,48px);line-height:1.1}.contact-form-intro{max-width:520px;margin-top:14px;color:var(--ink-soft);font-size:11px;line-height:1.75}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 17px;margin-top:31px}.contact-field{min-width:0}.contact-field-wide{grid-column:1/-1}.contact-field label,.contact-preference legend{display:block;margin-bottom:7px;color:#4c443b;font-size:8px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.contact-field label span{color:var(--gold)}.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:1px solid #d7cbbc;border-radius:0;outline:0;color:var(--ink);background:#fbf9f5;font-family:var(--sans);font-size:11px;transition:border-color 200ms ease,box-shadow 200ms ease}.contact-field input,.contact-field select{height:47px;padding:0 13px}.contact-field textarea{min-height:128px;padding:13px;resize:vertical;line-height:1.6}.contact-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#806446 50%),linear-gradient(135deg,#806446 50%,transparent 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-size:5px 5px;background-repeat:no-repeat}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #96704c14}.contact-field [aria-invalid=true]{border-color:#9c493d}.field-error{display:block;margin-top:5px;color:#8d3d33;font-size:8px}.contact-preference{display:flex;align-items:center;gap:10px;padding:0;border:0}.contact-preference legend{width:100%;margin-bottom:1px}.contact-preference label{position:relative;cursor:pointer}.contact-preference input{position:absolute;opacity:0}.contact-preference label span{display:block;min-width:76px;padding:9px 15px;border:1px solid #d7cbbc;color:#5d5348;background:#fbf9f5;text-align:center;font-size:8px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.contact-preference input:checked+span{border-color:var(--espresso);color:#fff;background:var(--espresso)}.contact-preference input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}.contact-form-submit{display:flex;align-items:center;gap:22px;margin-top:2px}.contact-form-submit p{max-width:245px;color:#81776b;font-size:8px;line-height:1.55}.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-alert{display:flex;align-items:flex-start;gap:12px;margin-top:21px;padding:15px;border:1px solid;font-size:10px;line-height:1.55}.contact-alert .icon{width:22px;height:22px;flex:0 0 auto}.contact-alert strong{display:block;font-size:11px}.contact-alert p{margin-top:2px}.contact-alert a{text-decoration:underline}.contact-alert-success{border-color:#91a285;color:#3f5437;background:#eef3ea}.contact-alert-error{border-color:#c29a91;color:#6e352d;background:#f6ebe8}

.contact-areas{padding-block:84px}.contact-areas-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(55px,8vw,110px)}.contact-areas-copy>p{max-width:430px;margin-top:18px;color:var(--ink-soft);font-size:11px;line-height:1.8}.contact-area-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.contact-area-list>div{min-height:92px;display:flex;align-items:center;gap:16px;padding:20px 23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff4f}.contact-area-list>div:last-child{grid-column:auto}.contact-area-list span{color:var(--gold);font-size:8px;font-weight:600;letter-spacing:.13em}.contact-area-list strong{font-family:var(--serif);font-size:18px;font-weight:500}

.contact-next{padding:78px 0 88px;color:#fff;background:var(--espresso) var(--wood-texture) center/cover}.contact-next .section-title{color:#fff}.contact-next-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto;border-top:1px solid #d2ae8038;border-left:1px solid #d2ae8038}.contact-next-grid li{position:relative;min-height:225px;padding:31px;border-right:1px solid #d2ae8038;border-bottom:1px solid #d2ae8038;background:#0c0a08a1}.contact-next-grid li>span{position:absolute;top:24px;right:24px;color:#d2ae808a;font-size:8px;letter-spacing:.14em}.contact-next-grid li>.icon{width:36px;height:36px;margin-bottom:30px;color:var(--gold-light);stroke-width:1.25}.contact-next-grid h3{margin-bottom:9px;font-size:22px}.contact-next-grid p{color:#ffffff9f;font-size:10px;line-height:1.7}

.contact-faq{padding-block:86px 96px;background:#eee7dc}.contact-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:start;gap:clamp(55px,8vw,110px)}.contact-faq-grid>div:first-child>p{max-width:360px;margin-top:17px;color:var(--ink-soft);font-size:11px}.contact-faq-list{border-top:1px solid #d5c7b6}.contact-faq-item{border-bottom:1px solid #d5c7b6}.contact-faq-item h3{font-family:var(--sans)}.contact-faq-item button{width:100%;min-height:69px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 5px;border:0;color:var(--ink);background:transparent;text-align:left;font-size:11px;font-weight:600}.contact-faq-item button .icon{width:17px;height:17px;color:var(--gold);transition:transform 250ms ease}.contact-faq-item button[aria-expanded=true] .icon{transform:rotate(180deg)}.contact-faq-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows 320ms var(--ease)}.contact-faq-panel>p{min-height:0;overflow:hidden;color:var(--ink-soft);font-size:10px;line-height:1.75}.contact-faq-panel.is-open{grid-template-rows:1fr}.contact-faq-panel.is-open>p{padding:0 42px 20px 5px}

@media(min-width:1600px){.contact-hero{height:var(--page-hero-height-wide);min-height:var(--page-hero-height-wide)}}
@media(max-width:1000px){.contact-hero-motto{display:none}.contact-intro-grid{grid-template-columns:1fr;gap:38px}.contact-enquiry{grid-template-columns:1fr}.contact-enquiry-media{min-height:500px}.contact-form-panel{padding:58px max(32px,calc((100vw - 1200px)/2)) 64px}.contact-areas-grid{grid-template-columns:1fr;gap:38px}.contact-faq-grid{grid-template-columns:1fr;gap:36px}}
@media(max-width:767px){.contact-hero{height:var(--page-hero-height-mobile);min-height:var(--page-hero-height-mobile);background-position:62% center}.contact-hero-shade{background:linear-gradient(0deg,#090705f5,#090705c2 55%,#09070538)}.contact-hero-inner{display:block;padding-top:130px;padding-bottom:52px}.contact-hero h1{max-width:540px;font-size:clamp(30px,7.8vw,52px)}.contact-hero-copy>p{max-width:470px;font-size:12px}.contact-intro{padding-block:58px}.contact-enquiry-media{min-height:420px}.contact-enquiry-media-copy{right:24px;bottom:24px;left:24px}.contact-form-panel{padding:49px 24px 56px}.contact-areas{padding-block:62px}.contact-next{padding-block:59px 68px}.contact-next-grid{grid-template-columns:1fr}.contact-next-grid li{min-height:175px}.contact-faq{padding-block:62px 70px}}
@media(max-width:600px){.page-contact .container{width:min(100% - 32px,var(--container))}.contact-hero-inner{padding-top:124px;padding-bottom:44px}.contact-hero-eyebrow{font-size:9px}.contact-hero-copy>p{margin-block:17px 22px;font-size:11px}.contact-hero .btn{width:100%}.contact-intro h2{font-size:37px}.contact-methods>a,.contact-method{min-height:105px;grid-template-columns:42px 1fr auto;gap:13px;padding:18px 10px}.contact-methods>a>span,.contact-method>span{width:40px;height:40px}.contact-methods .icon{width:22px;height:22px}.contact-methods strong{font-size:15px;overflow-wrap:anywhere}.contact-methods p{font-size:8px}.contact-form{grid-template-columns:1fr;gap:17px}.contact-field-wide{grid-column:auto}.contact-form-submit{align-items:stretch;flex-direction:column;gap:10px}.contact-form-submit .btn{width:100%}.contact-form-submit p{max-width:none;text-align:center}.contact-area-list>div{min-height:82px;padding:16px 13px}.contact-area-list strong{font-size:15px}.contact-next-grid{grid-template-columns:1fr}.contact-next-grid li{min-height:160px;padding:25px}.contact-faq-item button{font-size:10px}.contact-faq-panel.is-open>p{padding-right:24px}.contact-enquiry-media{min-height:360px}}
@media(max-width:360px){.contact-area-list{grid-template-columns:1fr}.contact-area-list>div:last-child{grid-column:auto}.contact-preference{flex-wrap:wrap}.contact-preference legend{flex-basis:100%}.contact-form-panel{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.contact-faq-panel,.contact-faq-item button .icon{transition:none}}

/* Accessible mobile form sizing, body copy and numeric labels. */
@media(max-width:767px){
 .page-contact main p:not(.eyebrow):not(.contact-hero-motto){font-size:14px;line-height:1.7}
 .page-contact .contact-hero-copy>p{font-size:15px}
 .page-contact .contact-methods p{font-size:13px}
 .page-contact .contact-methods small{font-size:10px}
 .page-contact .contact-methods strong{font-size:17px}
 .page-contact .contact-field label,.page-contact .contact-preference legend{font-size:10px}
 .page-contact .contact-field input,.page-contact .contact-field select,.page-contact .contact-field textarea{font-size:16px}
 .page-contact .contact-preference label span{font-size:10px}
 .page-contact .field-error{font-size:11px}
 .page-contact .contact-form-submit p{font-size:13px}
 .page-contact .contact-area-list span{font-size:11px}
 .page-contact .contact-area-list strong{font-size:18px}
 .page-contact .contact-next-grid li>span{font-size:12px}
 .page-contact .contact-next-grid p{font-size:14px}
 .page-contact .contact-faq-item button{font-size:14px;line-height:1.5}
 .page-contact .contact-faq-panel>p{font-size:14px}
}