/* Shared October 2026 revisions, website and WordPress source of truth. */
:root{--display:"Bodoni Moda","Didot",Georgia,serif;--serif:var(--display);--cta:var(--hx-blue,#1D5C99);--cta-hover:#164A7D;--on-cta:var(--paper);--hx-ink:var(--ink)}
h1,h2,h3,h4,.h2{font-family:var(--display)}
html{overflow-x:clip}
.collection{min-width:0;overflow-wrap:anywhere}
.btn,.hx-btn,.nav-contact{border-radius:0;box-shadow:none;letter-spacing:0;white-space:normal;text-align:center;line-height:1.4}
.btn-sun,.btn-bay,.btn-ghost,.btn-outline,.hx-btn-solid,.nav-contact{background:var(--cta);color:var(--on-cta);border:1px solid var(--cta)}
.btn-sun:hover,.btn-bay:hover,.btn-ghost:hover,.btn-outline:hover,.hx-btn-solid:hover,.nav-contact:hover{background:var(--cta-hover);color:var(--on-cta);box-shadow:none;border-color:var(--cta-hover)}
.hx-btn-line{border-color:var(--cta);color:var(--cta);background:var(--paper)}
.hx-btn-line:hover{background:var(--cta);color:var(--on-cta)}
.hx{height:auto;min-height:0;background:var(--stone)}
.hx .hero-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;padding-top:calc(var(--header-h) + 42px);padding-bottom:42px;min-height:0}
.hx .hero-copy{grid-column:1}
.hx h1{font-size:48px;line-height:1.12;letter-spacing:0}
.hx h1 .line,.hx h1 .line>span{display:block;white-space:nowrap;overflow:visible}
.hx-eyebrow{font-size:13px;letter-spacing:0;text-transform:none;line-height:1.5;margin-bottom:18px;color:var(--muted)}
.hx .sub{font-size:16px;line-height:1.65;margin-top:20px;max-width:34em;color:var(--text)}
.hx .ctas{margin-top:24px;gap:10px}
.hx-btn{min-height:50px;padding:12px 18px;font-size:13px;justify-content:center}
.hx .hero-photo{grid-column:2;height:440px;min-height:0;width:100%;border:0;border-radius:0;box-shadow:none;margin:0}
.hx .hero-photo img{border-radius:0}
.hx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.hx-stats a{display:block;text-decoration:none;color:var(--ink)}
.hx-stats a:hover b,.hx-stats a:focus-visible b{text-decoration:underline;text-underline-offset:5px}
.hx-stats b{font-size:17px}
.hx-quote{padding:64px 0;background:var(--paper)}
.hx-quote blockquote{font-size:25px;line-height:1.6;max-width:920px;text-wrap:pretty}
.hx-cap{font-size:12px;letter-spacing:0;margin-top:22px;color:var(--muted)}
#developers{background:var(--stone)}#about{background:var(--paper)}#process{background:var(--stone)}#reviews{background:var(--paper)}#fees{background:var(--paper)}
.steps .num{background:var(--stone)}
.footer-disclaimer{font-size:13px;line-height:1.65;margin-top:20px;max-width:76em;color:var(--muted)}
@media(min-width:768px) and (max-width:1100px){.hx h1{font-size:36px}.hx .hero-body{gap:24px}.hx .hero-photo{height:400px}.hx .ctas{flex-direction:column;align-items:flex-start}.hx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.hx .hero-body{display:block;padding-top:calc(var(--header-h) + 24px);padding-bottom:30px}.hx h1{font-size:32px}.hx .hero-photo{display:none}.hx .sub{font-size:15px;margin-top:16px}.hx .ctas{flex-direction:row;align-items:stretch;gap:10px;margin-top:20px}.hx-btn{flex:1;min-width:0;padding:10px 12px;gap:8px}.hx-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px}.hx-stats b{font-size:15px}.hx-stats span{font-size:10px}.hx-quote{padding:44px 0}.hx-quote blockquote{font-size:25px}}
@media(max-width:420px){.hx h1{font-size:25px}.hx-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hx-eyebrow{font-size:12px}.hx-btn{font-size:12px}}

/* Solara Bay: show the full area photo instead of a thin strip */
.ap-hero .ap-art{height:auto!important;width:min(1200px,calc(100% - 48px))!important;max-width:none!important;margin:40px auto 0!important;padding:0!important}
.ap-hero .ap-art img{position:relative!important;inset:auto!important;display:block;width:100%!important;height:auto!important;aspect-ratio:16/7;object-fit:cover;object-position:center 60%;border-radius:18px 18px 0 0}
.ap-hero .ap-art svg{display:none}
@media(max-width:700px){.ap-hero .ap-art{width:calc(100% - 32px)!important}.ap-hero .ap-art img{aspect-ratio:4/3;border-radius:14px 14px 0 0}}
