.elementor-9 .elementor-element.elementor-element-93dc1da{--display:flex;}.elementor-9 .elementor-element.elementor-element-f7c0f73{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-5531fde{--display:flex;}.elementor-9 .elementor-element.elementor-element-3d2a9b6{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-7557f32{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-0bbfc21 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-9 .elementor-element.elementor-element-8033600 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-9 .elementor-element.elementor-element-8e4f598{--display:flex;}.elementor-9 .elementor-element.elementor-element-7cacf3c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-80a79bc .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-9 .elementor-element.elementor-element-ae6838a .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-9 .elementor-element.elementor-element-b2b4197{--display:flex;}.elementor-9 .elementor-element.elementor-element-e1b8c92{--display:flex;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-28503b2{border-style:none;}.elementor-9 .elementor-element.elementor-element-28503b2 .gallery-item .gallery-caption{text-align:center;font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-9 .elementor-element.elementor-element-780f314{--display:flex;}.elementor-9 .elementor-element.elementor-element-e4c2a0d{--display:flex;}.elementor-9 .elementor-element.elementor-element-3de1f58{--display:flex;}.elementor-9 .elementor-element.elementor-element-944283a{--display:flex;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-f7c0f73{--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-7557f32{--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-7cacf3c{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-f7c0f73{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-7557f32{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-7cacf3c{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-28503b2 .gallery-item .gallery-caption{text-align:center;}}/* Start custom CSS */<!-- ============================================================
     SECTION 00 — GLOBAL STYLES & VARIABLES
     Paste this ONCE in your page header / global CSS area.
     All other sections depend on these variables and base styles.
     ============================================================ -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Jost:wght@300;400;500;600&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --rose: #C8967E;
  --rose-light: #E8B9A8;
  --rose-pale: #F7EDE8;
  --blush: #F2DDD5;
  --cream: #FBF7F4;
  --sand: #EDE3DA;
  --brown: #6B4E3D;
  --brown-deep: #3D2416;
  --text: #2A1F1A;
  --text-mid: #7A6259;
  --text-soft: #B0978C;
  --white: #FFFFFF;
  --gold: #C4922A;
  --gold-light: #E8C87A;
  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'Jost', system-ui, sans-serif;
}

html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}

/* ── Shared buttons ── */
.btn-main{
  display:inline-block;background:var(--brown-deep);color:#fff;
  font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;
  padding:18px 52px;cursor:pointer;border:none;text-decoration:none;
  transition:background 0.2s,transform 0.15s;margin-right:14px;margin-bottom:14px;
}
.btn-main:hover{background:var(--brown);transform:translateY(-1px)}

.btn-ghost{
  display:inline-block;border:1.5px solid var(--rose);color:var(--rose);
  font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;
  padding:16px 32px;cursor:pointer;background:transparent;text-decoration:none;
  transition:all 0.2s;
}
.btn-ghost:hover{background:var(--rose);color:#fff}

/* ── Shared section tag ── */
.section-tag{
  font-size:11px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;
  color:var(--rose);margin-bottom:14px;
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.section-tag::before,.section-tag::after{content:'';width:30px;height:1px;background:var(--rose)}

/* ── Shared section title ── */
.vs-title{font-family:var(--serif);font-size:clamp(28px,4vw,44px);font-weight:400;color:var(--brown-deep);line-height:1.2;margin-bottom:12px}
.vs-title em{font-style:italic;color:var(--rose)}

/* ── Scroll reveal animation ── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.7s ease,transform 0.7s ease}
.reveal.in{opacity:1;transform:translateY(0)}

/* ── Mobile base ── */
@media(max-width:768px){
  .btn-main{padding:16px 36px;font-size:12px}
  .btn-ghost{padding:14px 24px;font-size:11px}
}
</style>

<!-- Scroll Reveal Script — paste once, works for all sections -->
<script>
(function(){
  const obs=new IntersectionObserver((entries)=>{
    entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');obs.unobserve(e.target);}});
  },{threshold:0.08,rootMargin:'0px 0px -40px 0px'});
  document.querySelectorAll('.reveal').forEach(el=>obs.observe(el));
})();
</script>/* End custom CSS */