/* Standalone Contact page: editorial form and scheduling sidebar. */
html:not(.lead-embedded) .contact-page-hero{background:linear-gradient(90deg,rgba(250,246,241,.94),rgba(250,246,241,.86) 48%,rgba(250,246,241,.72)),url("about-california-temporary.webp") center 55%/cover no-repeat;color:#392e27;padding:38px 0}
html:not(.lead-embedded) .contact-page-hero>.wrap{width:88%;max-width:1160px;padding:0;display:grid;grid-template-columns:42% 58%;align-items:center}
html:not(.lead-embedded) .contact-page-hero .eyebrow{color:#8b6045;font-size:11px;margin:0 0 10px}
html:not(.lead-embedded) .contact-page-hero h1{font-size:clamp(40px,4.8vw,64px);margin:0;line-height:1.06}
html:not(.lead-embedded) .contact-page-hero .wrap>p{max-width:none;font-size:16px;line-height:1.55;border-left:1px solid #d9c7b5;padding:12px 0 12px 40px;margin:0;color:#645b55}
html:not(.lead-embedded) #contact.lead-contact{max-width:1160px;width:88%;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:30px;align-items:start;padding:30px 0 38px}
html:not(.lead-embedded) #contact #inquiry{padding:0 30px 0 0;background:transparent;border:0;border-right:1px solid #dfd2c4;border-radius:0}
html:not(.lead-embedded) #contact .inquiry-heading{font:500 13px/1.5 var(--sans);letter-spacing:.18em;color:#8b6045;margin:0 0 16px}
html:not(.lead-embedded) #inquiry .contact-interest-tiles legend{display:none}
html:not(.lead-embedded) #inquiry .contact-interest-tiles{gap:10px;margin-bottom:20px}
html:not(.lead-embedded) #inquiry .contact-interest-tiles button{min-height:74px;gap:8px;font-size:12px;border-radius:0;background:transparent}
html:not(.lead-embedded) #inquiry .contact-interest-tiles button[aria-pressed=true]{background:#8b5735;border-color:#8b5735;color:#fff8ef}
html:not(.lead-embedded) #inquiry .contact-name-row,html:not(.lead-embedded) #inquiry .form-row{gap:18px;margin-bottom:16px}
html:not(.lead-embedded) #inquiry input:not([type=radio]):not([type=hidden]){height:40px;background:#fffcf8}
html:not(.lead-embedded) #inquiry textarea{min-height:88px;height:88px;background:#fffcf8}
html:not(.lead-embedded) #inquiry .contact-preference{margin:16px 0}
html:not(.lead-embedded) #inquiry button[type=submit]{border-radius:2px;min-height:44px;letter-spacing:.1em}
html:not(.lead-embedded) #inquiry #form-explanation{margin:10px 0 0;text-align:center;color:#71665d}
html:not(.lead-embedded) #inquiry .contact-privacy{border:0;text-align:center;padding-top:0}
.contact-mockup-schedule{background:transparent;padding:22px}
.contact-calendar{display:block;width:36px;height:36px;color:#8b6045;margin-bottom:18px}
.contact-mockup-sidebar .eyebrow{font-size:11px;letter-spacing:.16em;margin:0 0 12px}
.contact-mockup-schedule h2{font-size:clamp(30px,3.2vw,44px);line-height:1.05;margin:0 0 15px}
.contact-mockup-schedule>p:not(.eyebrow){font-size:14px;line-height:1.55;color:#71665d;margin:0 0 20px}
.contact-mockup-schedule .button{width:100%;display:flex;justify-content:space-between;background:transparent;color:#805132;border:1px solid #a78065;border-radius:2px;padding:12px;font-size:10px;gap:10px;white-space:nowrap}
.contact-mockup-schedule .button:hover{background:#e9ddcf}
.contact-mockup-direct{border-top:1px solid #dfd2c4;border-bottom:1px solid #dfd2c4;padding:20px 0;margin:22px 0 18px}
.contact-mockup-direct>a{display:flex;gap:10px;font-size:12px;margin:9px 0;overflow-wrap:anywhere;align-items:center}
.contact-mockup-direct>a:first-of-type{text-decoration:underline;text-underline-offset:3px}
.contact-mockup-direct>a>span{font-size:21px;flex-shrink:0}
.contact-mockup-sidebar .footer-social-icons{margin:0;display:flex;gap:10px;color:#392e27}
.contact-mockup-sidebar .footer-social-icons a{color:inherit;background:none}
.contact-mockup-sidebar .footer-social-icons svg{width:21px;height:21px}
.lead-embedded .contact-mockup-sidebar{display:none!important}
@media(max-width:900px){html:not(.lead-embedded) #contact.lead-contact{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}html:not(.lead-embedded) #contact #inquiry{padding-right:20px}.contact-mockup-schedule{padding:18px}.contact-mockup-schedule .button{white-space:normal}}
@media(max-width:700px){html:not(.lead-embedded) .contact-page-hero{padding:26px 0}html:not(.lead-embedded) .contact-page-hero>.wrap{grid-template-columns:1fr;gap:16px}html:not(.lead-embedded) .contact-page-hero .wrap>p{padding:0;border:0;font-size:14px}html:not(.lead-embedded) #contact.lead-contact{grid-template-columns:1fr;gap:24px}html:not(.lead-embedded) #contact #inquiry{padding:0;border:0}.contact-mockup-schedule h2 br{display:none}.contact-mockup-schedule .button{width:fit-content;gap:20px}.contact-mockup-direct{margin-top:18px}}
/* Continue the contact introduction background through its header. */
body:has(.contact-page-hero)>header.inner-page-header{background:#f1e8df;border-bottom-color:transparent;box-shadow:none}
/* Let the introduction sit behind a softly translucent header. */
body:has(.contact-page-hero){background:#f1e8df}
body:has(.contact-page-hero)>header.inner-page-header{background:rgba(250,246,240,.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(223,210,196,.35)}
body:has(.contact-page-hero)>main{background:#faf6f0}
/* Keep the scheduling sidebar concise and balanced beside the form. */
html:not(.lead-embedded) .contact-mockup-schedule{padding:18px 20px}
html:not(.lead-embedded) .contact-mockup-schedule .contact-calendar{width:28px;height:28px;margin-bottom:12px}
html:not(.lead-embedded) .contact-mockup-schedule .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:10px}
html:not(.lead-embedded) .contact-mockup-schedule h2{font-size:32px;line-height:1.05;margin:0 0 12px;letter-spacing:-.02em}
html:not(.lead-embedded) .contact-mockup-schedule>p:not(.eyebrow){font-size:13px;line-height:1.5;margin-bottom:14px}
html:not(.lead-embedded) .contact-mockup-schedule .button{min-height:40px;padding:10px 12px;font-size:10px;box-shadow:none}
html:not(.lead-embedded) .contact-mockup-direct{padding:14px 0;margin:16px 0 14px}
html:not(.lead-embedded) .contact-mockup-sidebar .contact-mockup-direct .eyebrow,html:not(.lead-embedded) .contact-mockup-sidebar .contact-mockup-social .eyebrow{margin-bottom:8px}
html:not(.lead-embedded) .contact-mockup-direct>a{margin:7px 0;line-height:1.5}
html:not(.lead-embedded) .contact-mockup-social .footer-social-icons{gap:8px}
@media(max-width:700px){html:not(.lead-embedded) .contact-mockup-schedule h2{font-size:30px}}
/* Match the scheduling action to the main form button. */
html:not(.lead-embedded) .contact-mockup-schedule .button{background:var(--bronze);border-color:var(--bronze);color:#fffaf5}
html:not(.lead-embedded) .contact-mockup-schedule .button:hover{background:var(--button-hover);border-color:var(--button-hover);color:#fffaf5}
/* A quieter, consistent interest selector on the Contact form. */
html:not(.lead-embedded) #contact .inquiry-heading{font-size:11px;letter-spacing:.16em;margin-bottom:13px}
html:not(.lead-embedded) #inquiry .contact-interest-tiles{gap:10px;margin-bottom:18px}
html:not(.lead-embedded) #inquiry .contact-interest-tiles button{height:66px;min-height:66px;padding:10px 6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px solid #dfd4c8;border-radius:3px;background:rgba(255,252,248,.35);font:400 11px/1.3 var(--sans);color:#55463b;box-shadow:none;transition:background .18s ease,border-color .18s ease,color .18s ease}
html:not(.lead-embedded) #inquiry .contact-interest-tiles button svg{width:21px;height:21px;flex-shrink:0;color:#8b6045}
html:not(.lead-embedded) #inquiry .contact-interest-tiles button:hover{background:#eee4d8;border-color:#b69a82}
html:not(.lead-embedded) #inquiry .contact-interest-tiles button[aria-pressed=true]{background:var(--bronze);border-color:var(--bronze);color:#fffaf5}
html:not(.lead-embedded) #inquiry .contact-interest-tiles button[aria-pressed=true] svg{color:#fffaf5}
html:not(.lead-embedded) #inquiry .contact-interest-tiles button:focus-visible{outline:2px solid #8b6045;outline-offset:3px}
@media(max-width:480px){html:not(.lead-embedded) #inquiry .contact-interest-tiles{gap:6px}html:not(.lead-embedded) #inquiry .contact-interest-tiles button{font-size:10px;padding:8px 3px}}
/* Direct and social contact options in one readable list. */
.contact-mockup-direct .contact-social-rows{display:grid;gap:8px;margin-top:12px}
.contact-mockup-direct .contact-social-rows a{display:flex;align-items:center;gap:10px;width:fit-content;min-height:30px;font:400 12px/1.5 var(--sans);color:#55463b;text-decoration:none}
.contact-mockup-direct .contact-social-rows svg{width:20px;height:20px;flex:0 0 20px;color:#8b6045}
.contact-mockup-direct .contact-social-rows a:hover{color:#8b6045;text-decoration:underline;text-underline-offset:4px}
.contact-mockup-direct .contact-social-rows a:focus-visible{outline:2px solid #8b6045;outline-offset:4px}
/* Consistent typography and color across every Contact Jahnna link. */
html:not(.lead-embedded) .contact-mockup-direct>a,html:not(.lead-embedded) .contact-mockup-direct .contact-social-rows a{font:400 12px/1.5 var(--sans);color:#55463b;text-decoration:none;gap:10px;min-height:30px}
html:not(.lead-embedded) .contact-mockup-direct>a>span{color:#8b6045;width:20px;flex:0 0 20px;text-align:center;font-size:20px;line-height:1}
html:not(.lead-embedded) .contact-mockup-direct .contact-social-rows a>span{font:inherit;color:inherit}
html:not(.lead-embedded) .contact-mockup-direct>a:hover,html:not(.lead-embedded) .contact-mockup-direct .contact-social-rows a:hover{color:#8b6045;text-decoration:underline;text-underline-offset:4px}