/* style-0 */
:root { --ink:#1C2338; --ink-soft:#3A4257; --muted:#67708a; --gold:#B08F5B; --gold-deep:#8B6E3F; --ivory:#F4ECDF; --line:#e2dfd5; }
body { margin:0; font-family:var(--sans); background:#FBF6EC; color:var(--ink); line-height:1.7; }
.container { max-width:1100px; margin:0 auto; padding:48px 24px 72px; }
h1 { font-family:'Cormorant Garamond',serif; font-weight:500; font-size:2.2rem; margin:0 0 8px; }
.lead { color:var(--ink-soft); max-width:720px; margin:0 0 24px; font-size:1.05rem; }
.meta { color:var(--muted); font-size:.82rem; letter-spacing:.04em; margin-top:8px; }
a { color:var(--gold-deep); text-decoration:none; }
a:hover { text-decoration:underline; }
nav.toc { padding:18px 22px; background:var(--ivory); border-left:3px solid var(--gold); margin:24px 0 0; }
nav.toc h2 { font-size:.76rem; letter-spacing:.20em; text-transform:uppercase; color:var(--gold-deep); margin:0 0 8px; }
nav.toc ul { list-style:none; padding:0; margin:0; display:flex; gap:18px; flex-wrap:wrap; font-size:.92rem; }
.last-reviewed { text-align:center; font-size:.78rem; letter-spacing:.06em; color:var(--muted); padding:24px 20px; border-top:1px solid var(--line); margin-top:64px; }
@media (max-width:780px) { ul[style*="columns:2"] { columns:1 !important; } }/* VC-TOOLBAR-C1 - four-up rail, every screen size. */.vc-toolbar{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:grid;grid-template-columns:repeat(4,1fr);background:#1C2338;border-top:1px solid rgba(176,143,91,.35);box-shadow:0 -2px 14px rgba(0,0,0,.28);padding-bottom:env(safe-area-inset-bottom,0)}.vc-toolbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:7px 4px;text-decoration:none;color:#F4ECDF;font-family:'Jost',system-ui,sans-serif;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;transition:color .18s ease,background-color .18s ease}.vc-toolbar a+a{border-left:1px solid rgba(244,236,223,.16)}.vc-toolbar a:hover,.vc-toolbar a:focus-visible{color:#D8B27A;background:rgba(244,236,223,.06)}.vc-toolbar a:focus-visible{outline:2px solid #D8B27A;outline-offset:-4px}.vc-toolbar a:active{background:rgba(244,236,223,.12)}.vc-toolbar .vc-tb-call{color:#D8B27A}.vc-toolbar svg{flex:none}body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0))!important}.call-float{display:none!important}@media print{.vc-toolbar{display:none}body{padding-bottom:0!important}}/* The rail is 56px plus a 1px border. Paying for 56 left the last pixel of the final line under it. */body{padding-bottom:calc(57px + env(safe-area-inset-bottom,0))!important}/* Sticky chrome is 136px on a phone. Without this, every in-page anchor lands underneath it and the reader sees nothing happen. Generous on purpose: the header condenses on scroll, so a jump settles with LESS chrome than this reserves. */[id]{scroll-margin-block-start:9rem}@media print{[id]{scroll-margin-block-start:0}}
/* vc-mobilebar-css */

.vc-mobilebar{display:none}
@media (max-width:1024px){
.vc-mobilebar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#1C2338;box-shadow:0 -2px 12px rgba(0,0,0,.4);padding-bottom:env(safe-area-inset-bottom,0)}
.vc-mobilebar a{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 8px;text-decoration:none;font-weight:700;font-size:.95rem;line-height:1.1;white-space:nowrap}
.vc-mb-call{flex:1.7;background:#B08F5B;color:#1C2338}
.vc-mb-sms{flex:1;background:#1C2338;color:#F4ECDF;border-left:1px solid rgba(244,236,223,.25)}
body{padding-bottom:60px}
.call-float{display:none!important}
.vc-cookie{bottom:calc(50px + env(safe-area-inset-bottom,0px))!important}
}
@media print{.vc-mobilebar{display:none!important}}

/* style-2 */
/* __VC-UTILBAR-FIT-V1__ — at phone widths the top utility bar compressed .vc-util-phone
   from its natural 123px down to 95px and, because the number is nowrap, the
   glyphs were painted 18px outside the box and 8px into the Español link.
   Measured on the deployed homepage at a 375px layout viewport.

   The cause is `.vc-util-phone{min-width:0}`, which removes the automatic
   minimum that normally stops a flex item shrinking below its own content.

   The utility CTA is hidden below 30rem to make the room this needs. It is the
   fourth route to /start-arrangements — the header button, the mobile menu and
   the bottom toolbar all still carry it — and it was occupying 40% of a 375px
   bar while the phone number was the item being squashed.

   Do not restore min-width:0 here without re-measuring the phone's scrollWidth
   against its offsetWidth at 375px. */
@media (max-width: 30rem){
}