/* Lewa House's split contact composition in BearStack's existing identity. */
.bs-contact-page{background:#F4F1E8;color:#17130A}
.bs-contact-main{margin:0}
.bs-contact-spread{display:grid;grid-template-columns:minmax(260px,27%) minmax(0,1fr);min-height:100dvh}
.bs-contact-paper{grid-column:2;grid-row:1;min-width:0;padding:148px clamp(32px,4.5vw,80px) 80px;background:#F4F1E8}
.bs-contact-back{margin:0 0 40px;font-size:14px;line-height:1.6}
.bs-contact-back a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-bottom:2px solid #FF6B00;padding-bottom:4px}
.bs-contact-title{font:500 clamp(64px,6.6vw,108px)/1.1 Chillax,Inter,sans-serif;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}
.bs-contact-title span{color:#F4F1E8;-webkit-text-stroke:1px #17130A;position:relative;white-space:nowrap}
.bs-contact-title span::after{content:'';position:absolute;height:5px;background:#FF6B00;left:0;right:0;bottom:0;clip-path:polygon(0 45%,8% 10%,35% 25%,52% 0,80% 24%,100% 15%,98% 88%,70% 100%,43% 79%,20% 100%,0 80%)}
.bs-contact-intro{font:400 18px/1.6 Inter,system-ui,sans-serif;max-width:54ch;margin:0 0 48px}
.bs-contact-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:start}
.bs-contact-enquiry{min-width:0;scroll-margin-top:128px}
.bs-contact-form-kicker{font:400 12px/1.6 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;margin:0 0 24px}
.bs-contact-page .bs-contact-form{background:transparent;padding:0;border-radius:0;display:grid;gap:24px;color:#17130A;--focus-ring:#17130A}
.bs-contact-page .bs-contact-form .bs-ref-147{display:grid;grid-template-columns:1fr;gap:24px}
.bs-contact-page .bs-field{display:grid;gap:8px;min-width:0}
.bs-contact-page .bs-field__label{font:600 16px/1.5 Inter,system-ui,sans-serif}
.bs-contact-page .bs-input{box-sizing:border-box;width:100%;min-width:0;min-height:56px;border:1px solid rgba(23,19,10,.22);border-radius:12px;background:rgba(23,19,10,.06);color:#17130A;padding:14px 16px;font:400 16px/1.6 Inter,system-ui,sans-serif}
.bs-contact-page textarea.bs-input{min-height:168px;resize:vertical}
.bs-contact-page .bs-input::placeholder{color:rgba(23,19,10,.65);opacity:1}
.bs-contact-page .bs-field__hint,.bs-contact-page .bs-contact-privacy{font:400 14px/1.6 Inter,system-ui,sans-serif;margin:0}
.bs-contact-page .bs-contact-form .bs-button{justify-self:start}
.bs-contact-delivery-note{font:400 14px/1.6 Inter,system-ui,sans-serif;margin:0;padding-top:16px;border-top:1px solid rgba(23,19,10,.2)}
.bs-contact-page .bs-ref-8{--button-ground:transparent;--button-ink:#17130A;border:1px solid #17130A}
.bs-contact-page .bs-ref-8:has(.bs-cta-frame){background:transparent}
.bs-contact-information{min-width:0;display:grid;gap:48px}
.bs-contact-info-title{font:500 34px/1.2 Chillax,Inter,sans-serif;letter-spacing:-.015em;margin:0 0 16px;text-wrap:balance}
.bs-contact-information p{font:400 16px/1.6 Inter,system-ui,sans-serif;margin:0 0 16px;max-width:40ch}
.bs-contact-information .bs-contact-email{font:500 clamp(20px,1.7vw,26px)/1.4 Chillax,Inter,sans-serif;overflow-wrap:anywhere}
.bs-contact-email a{border-bottom:2px solid #FF6B00;text-decoration:none;padding-bottom:4px}
.bs-contact-info-label{font:600 16px/1.5 Inter,system-ui,sans-serif;margin:0 0 12px}
.bs-contact-information .bs-contact-urgent{color:var(--bs-failure,#B8321F)}
.bs-contact-urgent a{color:inherit;font-weight:600;text-underline-offset:5px}
.bs-contact-links{display:flex;flex-wrap:wrap;gap:8px 16px}
.bs-contact-links a{text-underline-offset:5px;text-decoration-thickness:1px}
.bs-contact-rail{grid-column:1;grid-row:1;position:relative;min-width:0;box-sizing:border-box;background:#17130A;color:#F4F1E8;padding:168px clamp(24px,3.4vw,64px) 64px}
.bs-contact-rail::after{content:'';position:absolute;inset:0 -10px 0 auto;width:12px;background:#17130A;clip-path:polygon(0 0,60% 0,40% 3%,90% 5%,40% 8%,70% 12%,30% 16%,90% 19%,40% 24%,70% 29%,35% 34%,90% 38%,40% 43%,75% 48%,35% 54%,80% 60%,35% 65%,90% 71%,45% 76%,70% 81%,25% 86%,90% 91%,35% 96%,70% 100%,0 100%)}
.bs-contact-rail-inner{position:sticky;top:144px;display:grid;gap:56px;min-width:0}
.bs-contact-signature{max-width:256px;width:100%;line-height:0}
.bs-contact-signature svg{display:block;width:100%;height:auto;overflow:visible}
.bs-contact-rail h2{font:500 34px/1.25 Chillax,Inter,sans-serif;margin:0 0 24px;text-wrap:balance}
.bs-contact-rail p{font:400 16px/1.6 Inter,system-ui,sans-serif;margin:0 0 16px;color:#F4F1E8}
.bs-contact-rail .bs-contact-rail-kicker{font:400 12px/1.6 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.bs-contact-rail a{color:#F4F1E8;text-underline-offset:5px}
.bs-contact-rail :focus-visible{outline-color:#F7B500}
.bs-contact-rail-note{padding-top:24px;border-top:1px solid rgba(244,241,232,.28)}
@media(min-width:1600px){.bs-contact-paper{padding-right:max(80px,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.bs-contact-spread{grid-template-columns:240px minmax(0,1fr)}.bs-contact-paper{padding-inline:32px}.bs-contact-title{font-size:68px}.bs-contact-columns{grid-template-columns:1fr;gap:64px}.bs-contact-information{grid-template-columns:1fr 1fr;gap:32px}.bs-contact-rail{padding-inline:16px}.bs-contact-rail h2{font-size:28px}}
@media(max-width:760px){
 .bs-contact-spread{display:block;min-height:0}
 .bs-contact-paper{padding:128px 24px 56px}
 .bs-contact-back{margin-bottom:32px}
 .bs-contact-title{font-size:clamp(46px,10vw,64px);line-height:1.15;margin-bottom:24px}
 .bs-contact-intro{font-size:16px;margin-bottom:32px}
 .bs-contact-information{grid-template-columns:1fr;gap:32px}
 .bs-contact-info-title{font-size:30px}
 .bs-contact-rail{padding:48px 24px}
 .bs-contact-rail::after{display:none}
 .bs-contact-rail-inner{position:static;gap:32px}
 .bs-contact-rail h2{font-size:32px;max-width:16ch}
 .bs-contact-signature{max-width:224px}
 .bs-contact-page .bs-contact-form .bs-button{width:100%;justify-self:stretch}
}
.editor-styles-wrapper .bs-contact-spread{min-height:0}
.editor-styles-wrapper .bs-contact-rail-inner{position:static}

.bs-contact-required-note{font:400 14px/1.6 Inter,system-ui,sans-serif;margin:0 0 24px}

/* Owner's urgent-notice reference, applied to a real help action. */
.bs-contact-information .bs-contact-urgent-notice{
 display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;align-items:start;
 box-sizing:border-box;padding:24px;border:1px solid rgba(23,19,10,.2);
 border-left:6px solid var(--bs-failure,#B8321F);border-radius:24px;background:#F4F1E8;
}
.bs-contact-urgent-icon{
 display:flex;align-items:center;justify-content:center;width:48px;height:48px;
 border-radius:50%;background:var(--bs-failure,#B8321F);color:#F4F1E8;margin-top:2px;
}
.bs-contact-urgent-copy{min-width:0}
.bs-contact-urgent-notice .bs-contact-info-label{font:500 26px/1.25 Chillax,Inter,sans-serif;margin:0 0 12px;text-wrap:balance}
.bs-contact-information .bs-contact-urgent-copy p{font-size:16px;line-height:1.55;margin:0}
.bs-contact-information .bs-contact-urgent-notice .bs-contact-urgent{margin:16px 0 0}
.bs-contact-urgent-notice .bs-contact-urgent-link{display:inline-block;padding-block:4px;font-weight:600;text-underline-offset:5px;text-decoration-thickness:1px}
@media(max-width:760px){
 .bs-contact-information .bs-contact-urgent-notice{grid-template-columns:40px minmax(0,1fr);gap:16px;padding:24px 16px;border-radius:20px}
 .bs-contact-urgent-icon{width:40px;height:40px}
 .bs-contact-urgent-notice .bs-contact-info-label{font-size:24px}
}
