:root{--green:#063c2f;--deep:#031f18;--gold:#d8aa2b;--cream:#fffaf0;--sand:#f2eadc;--ink:#183028;--max:1180px;--shadow:0 18px 50px rgba(3,31,24,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 2rem));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:#fffffff2;border-bottom:1px solid #0001}.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.7rem;font:700 1.2rem Georgia;color:var(--green)}.brand-mark{width:42px;height:42px}.main-nav{display:flex;align-items:center;gap:1.2rem}.nav-link{font-weight:700}.nav-link.active{color:var(--gold)}.menu-toggle{display:none}
.button{display:inline-flex;padding:.85rem 1.25rem;border-radius:999px;font-weight:800;border:1px solid transparent}.button-gold{background:var(--gold);color:#14251f}.button-outline{border-color:var(--green);color:var(--green)}.button-outline-light{border-color:#fff;color:#fff}.button-row{display:flex;gap:.8rem;flex-wrap:wrap}
.hero{min-height:78vh;position:relative;display:grid;place-items:center;color:#fff;overflow:hidden}.hero-slides,.hero-slides img{position:absolute;inset:0;width:100%;height:100%}.hero-slides img{object-fit:cover;opacity:0;animation:fade 18s infinite}.hero-slides img:nth-child(2){animation-delay:6s}.hero-slides img:nth-child(3){animation-delay:12s}@keyframes fade{0%{opacity:0;transform:scale(1.03)}8%,30%{opacity:1;transform:scale(1.1)}38%,100%{opacity:0;transform:scale(1.13)}}.hero-overlay,.story-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#031f18df,#031f1855)}.hero-content,.story-hero-content{position:relative;z-index:2;max-width:760px}.hero h1,.story-hero h1{font:700 clamp(3rem,8vw,6.5rem)/.95 Georgia;margin:.3rem 0 1rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:900;color:var(--gold)}
.section{padding:5rem 0}.section-dark{background:var(--deep);color:#fff}.section-soft{background:var(--sand)}.section-heading{text-align:center;max-width:760px;margin:0 auto 2.5rem}.section-heading h2,.split-layout h2{font:700 clamp(2rem,4vw,3.3rem)/1.08 Georgia}
.card-grid{display:grid;gap:1.5rem}.card-grid.three{grid-template-columns:repeat(3,1fr)}.image-card,.blog-card,.price-card,.package-card,.testimonial-card,.form-card,.contact-panel{background:#fff;border-radius:1.1rem;box-shadow:var(--shadow);overflow:hidden}.image-card img,.blog-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.image-card>div,.blog-card>div,.price-card,.package-card,.testimonial-card,.form-card,.contact-panel{padding:1.4rem}
.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.feature-image{width:100%;border-radius:1.5rem}.contain-image{object-fit:contain!important;background:var(--deep)}
.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.featured{outline:3px solid var(--gold)}.badge{display:inline-block;background:var(--gold);padding:.3rem .7rem;border-radius:999px;font-weight:800}.price{font-size:1.7rem;font-weight:900}.page-hero{background:linear-gradient(135deg,var(--deep),var(--green));color:#fff;padding:6rem 0 4rem}.page-hero h1{font:700 clamp(2.6rem,6vw,5rem)/1 Georgia}
.gallery-grid{columns:3 260px;column-gap:1rem}.gallery-item{width:100%;padding:0;border:0;background:none;margin-bottom:1rem}.gallery-item img{width:100%;border-radius:.8rem}.filter-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.4rem}.filter{padding:.65rem 1rem;border-radius:999px;border:1px solid var(--green);background:#fff;font-weight:800}.filter.active{background:var(--green);color:#fff}.lightbox{position:fixed;inset:0;background:#000e;z-index:300;display:grid;place-items:center}.lightbox[hidden]{display:none}.lightbox img{max-width:95vw;max-height:90vh;object-fit:contain}
.story-hero{min-height:80vh;position:relative;display:grid;align-items:center;color:#fff}.story-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-list{display:grid;gap:2rem}.story-card{display:grid;grid-template-columns:1.6fr .8fr;background:var(--deep);color:#fff;border-radius:1.5rem;overflow:hidden}.story-card.reverse{grid-template-columns:.8fr 1.6fr}.story-card.reverse .story-image-wrap{order:2}.story-full-image{width:100%;height:100%;object-fit:contain;background:var(--deep)}.story-image-wrap{display:flex;background:var(--deep)}.story-copy{padding:3rem;display:flex;flex-direction:column;justify-content:center}.story-copy h2{font:700 2.5rem Georgia;color:#e5bd4e}.story-number{width:52px;height:52px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:900}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.process-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow);position:relative;padding-bottom:1rem}.process-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.process-card h3,.process-card p{margin-left:1rem;margin-right:1rem}.process-card span{position:absolute;top:1rem;left:1rem;background:var(--green);color:#fff;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.wide-infographic{width:100%;object-fit:contain}
.values-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-card label{display:grid;gap:.4rem;font-weight:700;margin-bottom:1rem}.form-card input,.form-card select,.form-card textarea{padding:.85rem;border:1px solid #ccd4d0;border-radius:.65rem;width:100%}
.site-footer{background:var(--deep);color:#fff;padding:4rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr .8fr;gap:2rem}.footer-links{display:grid;gap:.45rem}.social-icons{display:flex;gap:.7rem}.social-icons img{width:38px;height:38px}.footer-bottom{border-top:1px solid #fff2;margin-top:2rem;padding-top:1rem;display:flex;justify-content:space-between}.back-to-top{position:fixed;right:1rem;bottom:1rem;width:46px;height:46px;border:0;border-radius:50%;background:var(--gold);font-weight:900;display:none}.back-to-top.visible{display:block}
@media(max-width:900px){.menu-toggle{display:block}.main-nav{position:fixed;top:74px;left:0;right:0;background:#fff;display:none;flex-direction:column;padding:1rem}.main-nav.open{display:flex}.card-grid.three,.values-grid,.testimonial-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.split-layout,.contact-layout,.story-card,.story-card.reverse{grid-template-columns:1fr}.story-card.reverse .story-image-wrap{order:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.card-grid.three,.values-grid,.testimonial-grid,.process-grid,.form-grid,.package-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand .brand,.social-icons{justify-content:center}.footer-links{justify-items:center}.footer-bottom{flex-direction:column;text-align:center;align-items:center}.story-copy{padding:1.5rem}.story-copy h2{font-size:2rem}}

/* Final Yager Buna polish */
:root{--lux-gold:#d7a62a;--lux-deep:#021b15;--lux-cream:#fffaf1}
body{font-family:"Trebuchet MS",Arial,sans-serif;background:linear-gradient(180deg,#fffdf8,#fff8ec)}
h1,h2,h3,.brand,.luxury-title{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.luxury-title{background:linear-gradient(90deg,#0b513f,#d7a62a,#0b513f);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:luxuryText 7s linear infinite}
@keyframes luxuryText{to{background-position:200% center}}
.story-visual-hero{background:var(--lux-deep);overflow:hidden}.story-visual-hero img{display:block;width:100%;height:auto;object-fit:contain;margin:auto}
.story-clean{background:var(--lux-cream)}
.clean-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.clean-story-grid article{position:relative;background:var(--lux-deep);color:#fff;border-radius:1.35rem;overflow:hidden;box-shadow:0 20px 50px rgba(3,31,24,.14)}
.clean-story-grid article img{width:100%;height:auto;object-fit:contain;background:#031f18}
.clean-story-grid article h2,.clean-story-grid article p{padding-left:1.25rem;padding-right:1.25rem}
.clean-story-grid article h2{color:#e6bd4c;margin-top:1rem;margin-bottom:.35rem}
.clean-story-grid article p{padding-bottom:1.35rem;margin-top:0}
.clean-story-grid article span,.seed-flow article span{position:absolute;top:1rem;left:1rem;z-index:2;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#063c2f;color:#fff;border:2px solid var(--lux-gold);font-weight:900}
.seed-section{background:linear-gradient(135deg,#031f18,#063c2f);color:#fff}
.seed-section .section-heading p{color:#efe3c3}
.seed-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.seed-flow article{position:relative;background:#082b22;border:1px solid #d7a62a55;border-radius:1rem;overflow:hidden}
.seed-flow img{width:100%;aspect-ratio:4/3;object-fit:cover}
.seed-flow h3,.seed-flow p{padding-left:1rem;padding-right:1rem}
.seed-flow h3{color:#e8bd46;margin-bottom:.35rem}.seed-flow p{padding-bottom:1rem;margin-top:0}
.price-card .price,.package-card .price{font-size:1rem}
@media(max-width:900px){.clean-story-grid{grid-template-columns:1fr}.seed-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .seed-flow{grid-template-columns:1fr}.story-visual-hero img{width:100%;height:auto}
  .section-heading h1,.section-heading h2{font-size:2.1rem}.clean-story-grid article h2{font-size:1.6rem}
  .button-row{display:grid;grid-template-columns:1fr}.button{width:100%}
}

/* Final light/dark theme and mobile navigation */
:root{
  color-scheme:light;
  --page-bg:#fffaf0;
  --surface:#ffffff;
  --text:#183028;
  --muted-text:#65736d;
  --header-bg:rgba(255,255,255,.96);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --page-bg:#061f19;
  --surface:#0a2b22;
  --text:#f7f1e4;
  --muted-text:#c5d1cb;
  --header-bg:rgba(3,31,24,.96);
}
body{background:var(--page-bg);color:var(--text);transition:background .25s ease,color .25s ease}
.site-header{background:var(--header-bg);transition:background .25s ease}
html[data-theme="dark"] .site-header{border-bottom-color:#ffffff18}
html[data-theme="dark"] .brand,
html[data-theme="dark"] .nav-link{color:#f7f1e4}
html[data-theme="dark"] .nav-link.active{color:#e5bd4e}
html[data-theme="dark"] .page-hero,
html[data-theme="dark"] .section-dark,
html[data-theme="dark"] .seed-section,
html[data-theme="dark"] .site-footer{background:#031f18}
html[data-theme="dark"] .section:not(.section-dark):not(.seed-section):not(.story-cta),
html[data-theme="dark"] .story-clean{background:#061f19}
html[data-theme="dark"] .image-card,
html[data-theme="dark"] .blog-card,
html[data-theme="dark"] .price-card,
html[data-theme="dark"] .package-card,
html[data-theme="dark"] .testimonial-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .contact-panel,
html[data-theme="dark"] .accordion details,
html[data-theme="dark"] .process-card{background:#0a2b22;color:#f7f1e4;border-color:#ffffff14}
html[data-theme="dark"] .form-card input,
html[data-theme="dark"] .form-card select,
html[data-theme="dark"] .form-card textarea{background:#08251e;color:#fff;border-color:#ffffff25}
.theme-toggle{
  width:42px;height:42px;border-radius:50%;border:1px solid rgba(6,60,47,.18);
  background:transparent;color:var(--text);display:grid;place-items:center;font-size:1.25rem;
  cursor:pointer;transition:.2s;
}
.theme-toggle:hover{background:#d8aa2b22;transform:rotate(12deg)}
.menu-toggle{
  width:44px;height:42px;border-radius:.65rem;border:1px solid rgba(6,60,47,.18);
  background:transparent;cursor:pointer;padding:.45rem .55rem;
}
html[data-theme="dark"] .menu-toggle span{background:#fff}
html[data-theme="dark"] .theme-toggle{color:#fff;border-color:#ffffff28}
.story-visual-hero{max-height:none}
.story-visual-hero img{width:100%;max-height:780px;object-fit:cover;object-position:center}
.clean-story-grid{grid-template-columns:1fr;max-width:1050px;margin:0 auto}
.story-art-card{position:relative}
.story-art-card img{width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
.story-caption{padding:.15rem 1.25rem 1.25rem}
.story-caption h2{padding:0!important;margin:1rem 0 .35rem!important}
.story-caption p{padding:0!important;margin:0!important}
.story-cta{background:linear-gradient(135deg,#082e24,#031f18);color:#fff}
@media(max-width:900px){
  .header-inner{min-height:68px;gap:.55rem}
  .brand{margin-right:auto}
  .theme-toggle{display:grid;flex:0 0 auto}
  .menu-toggle{display:block;flex:0 0 auto}
  .main-nav{
    position:fixed;top:68px;left:0;right:0;
    background:var(--header-bg);padding:1rem 1.2rem 1.3rem;
    display:none;flex-direction:column;align-items:stretch;gap:.25rem;
    box-shadow:0 18px 35px rgba(0,0,0,.16);max-height:calc(100vh - 68px);overflow:auto
  }
  .main-nav.open{display:flex}
  .main-nav .nav-link{padding:.8rem .35rem;border-bottom:1px solid rgba(127,127,127,.13)}
  .main-nav .button{margin-top:.65rem;width:100%}
}
@media(max-width:600px){
  .container{width:min(100% - 1.15rem,var(--max))}
  .brand span{font-size:.95rem}
  .brand-mark{width:34px;height:34px}
  .theme-toggle{width:39px;height:39px}
  .menu-toggle{width:41px;height:39px}
  .story-visual-hero img{max-height:none;object-fit:contain}
  .story-caption h2{font-size:1.45rem}
  .story-caption p{font-size:.95rem}
  .clean-story-grid{gap:1rem}
  .clean-story-grid article{border-radius:1rem}
}

.artistic-home-hero img,.artistic-story-feature img{display:block;width:100%;height:auto;object-fit:contain}
.artistic-story-feature{max-width:1200px;margin:0 auto 2rem;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.14)}
@media(max-width:700px){.artistic-story-feature{border-radius:12px;margin-bottom:1rem}}

/* Final clean presentation: no duplicated legacy hero artwork. */
.artistic-home-hero{background:var(--surface);overflow:hidden}
.artistic-home-hero img{width:100%;height:auto;max-height:none;object-fit:contain}
.story-visual-hero{background:var(--surface);overflow:hidden}
.story-visual-hero img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}

/* Single, non-repeated Our Story artwork */
.single-story-section{padding-top:clamp(2rem,5vw,4rem)}
.story-page-heading{max-width:820px;margin:0 auto 2rem;text-align:center}
.story-image-container{max-width:1500px}
.single-story-art{margin:0;border-radius:24px;overflow:hidden;background:var(--surface,#fff);box-shadow:0 24px 70px rgba(0,0,0,.16)}
.single-story-art img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.single-story-art{border-radius:14px}.story-image-container{padding-inline:10px}}

/* Single real navigation + clean hero */
.site-header{
  background:#03271f;
  color:#fff;
}
.site-header .brand,.site-header .nav-link{color:#fff}
.site-header .nav-link.active{color:#e2b32d}
.header-inner{min-height:72px}
.theme-toggle{
  display:grid;
  place-items:center;
  width:42px;height:42px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
  background:transparent;
  color:#fff;
  cursor:pointer;
  flex:0 0 auto;
}
.clean-home-hero{
  position:relative;
  min-height:clamp(520px,70vh,780px);
  overflow:hidden;
  display:grid;
  align-items:center;
  color:#fff;
}
.clean-home-hero>img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  object-position:center;
}
.clean-home-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,27,21,.88) 0%,rgba(2,27,21,.56) 45%,rgba(2,27,21,.15) 100%);
}
.clean-home-hero-content{
  position:relative;z-index:2;
  max-width:680px;
  margin-left:max(0px,calc((100% - 1180px)/2));
}
.clean-home-hero h1{
  font:700 clamp(3rem,6vw,5.7rem)/.98 Georgia,serif;
  margin:.35rem 0 1rem;
}
.clean-home-hero h1 span{color:#e2b32d;font-style:italic}
.clean-home-hero p:not(.eyebrow){font-size:1.15rem;max-width:620px}
.story-page-intro{
  text-align:center;
  padding:4.2rem 0 2rem;
  background:var(--page-bg,#fffaf0);
}
.story-page-intro h1{
  font:700 clamp(2.8rem,6vw,5rem)/1 Georgia,serif;
  margin:.4rem 0;
}
.story-single-art{padding:0 0 4rem;background:var(--page-bg,#fffaf0)}
.story-single-art img{
  width:100%;height:auto;display:block;
  object-fit:contain;
  border-radius:1rem;
  box-shadow:0 18px 45px rgba(0,0,0,.12);
}
@media(min-width:901px){
  .menu-toggle{display:none!important}
  .main-nav{display:flex!important}
}
@media(max-width:900px){
  .header-inner{min-height:68px}
  .brand{margin-right:auto}
  .theme-toggle{display:grid}
  .menu-toggle{display:block}
  .main-nav{
    position:fixed;
    top:68px;left:0;right:0;
    z-index:99;
    background:var(--header-bg,#03271f);
    display:none;
    flex-direction:column;
    align-items:stretch;
    padding:1rem 1.25rem 1.3rem;
    box-shadow:0 18px 35px rgba(0,0,0,.22);
  }
  .main-nav.open{display:flex}
  .main-nav .nav-link{padding:.8rem .3rem;border-bottom:1px solid rgba(255,255,255,.12)}
  .main-nav .button{width:100%;margin-top:.65rem}
  .clean-home-hero{min-height:640px}
  .clean-home-hero-content{margin-left:0}
}
@media(max-width:600px){
  .container{width:calc(100% - 1.2rem)}
  .brand span{font-size:1rem}
  .brand-mark{width:36px;height:36px}
  .theme-toggle{width:39px;height:39px}
  .menu-toggle{width:41px;height:39px}
  .clean-home-hero{min-height:600px}
  .clean-home-hero-overlay{
    background:linear-gradient(180deg,rgba(2,27,21,.24),rgba(2,27,21,.88) 62%,rgba(2,27,21,.95));
  }
  .clean-home-hero{align-items:end;padding-bottom:2.2rem}
  .clean-home-hero h1{font-size:2.8rem}
  .clean-home-hero p:not(.eyebrow){font-size:1rem}
  .button-row{display:grid;grid-template-columns:1fr}
  .button-row .button{width:100%}
  .story-page-intro{padding:3rem 0 1.5rem}
  .story-single-art img{border-radius:.6rem}
}

/* =========================================================
   YAGER BUNA — reference-matched real homepage
   ========================================================= */
body{background:#fff8eb}
.site-header{
  background:#032a21!important;
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.site-header .brand,
.site-header .nav-link{color:#fff!important}
.site-header .brand{font-family:Georgia,"Times New Roman",serif;font-size:1.28rem}
.site-header .nav-link{font-weight:700}
.site-header .nav-link.active,
.site-header .nav-link:hover{color:#e0ad27!important}
.site-header .button-gold{
  background:#e2ad26!important;
  color:#142820!important;
  padding:.9rem 1.4rem;
}
.header-inner{min-height:72px}
.theme-toggle,.menu-toggle{border-color:rgba(226,173,38,.5)!important}
.yb-home{overflow:hidden}
.yb-hero{
  position:relative;
  min-height:clamp(520px,64vw,720px);
  max-height:760px;
  background:#3b2b19;
  color:#fff;
  display:grid;
  align-items:center;
  overflow:hidden;
}
.yb-hero-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center right;
  transform:scale(1.02);
}
.yb-hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(11,29,24,.92) 0%,rgba(25,28,21,.82) 22%,rgba(25,28,21,.42) 43%,rgba(0,0,0,.05) 72%),
    linear-gradient(0deg,rgba(0,0,0,.13),rgba(0,0,0,.03));
}
.yb-hero-inner{position:relative;z-index:3}
.yb-hero-copy{width:min(560px,46vw);padding:3rem 0}
.yb-kicker{color:#e9b52e;font:700 .95rem Georgia,serif;letter-spacing:.03em;margin:0 0 1rem}
.yb-hero-copy h1{
  font:700 clamp(3rem,5.5vw,5.45rem)/.98 Georgia,"Times New Roman",serif;
  color:#fffaf0;
  margin:0;
  text-shadow:0 2px 20px rgba(0,0,0,.18);
}
.yb-hero-copy h2{
  font:italic 500 clamp(2.7rem,5.1vw,5rem)/1.05 Georgia,"Times New Roman",serif;
  color:#e1aa24;
  margin:.3rem 0 1.4rem;
}
.yb-lead{
  font:500 clamp(1.05rem,1.6vw,1.35rem)/1.55 Georgia,serif;
  max-width:500px;
  margin:0 0 1.65rem;
}
.yb-hero-cta{
  display:inline-flex;
  align-items:center;
  gap:1rem;
  background:#e4ad21;
  color:#10251e;
  padding:1rem 1.4rem;
  border-radius:.35rem;
  font:700 1.02rem Georgia,serif;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.yb-hero-cta:hover{transform:translateY(-2px)}
.yb-slider-arrow{
  position:absolute;
  z-index:4;
  top:50%;
  transform:translateY(-50%);
  width:48px;height:48px;border-radius:50%;
  border:2px solid #e1ad25;
  background:#06352a;
  color:#e5b12b;
  font-size:2rem;
  line-height:1;
  cursor:pointer;
}
.yb-prev{left:1rem}.yb-next{right:1rem}
.yb-dots{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:1.2rem;
  transform:translateX(-50%);
  display:flex;
  gap:.45rem;
}
.yb-dots button{
  width:14px;height:14px;border:0;border-radius:50%;
  background:#fff8e8;opacity:.9;padding:0;
}
.yb-dots button.active{background:#e0a923}
.yb-process{
  background:#fff4d9;
  padding:1rem 0 1.5rem;
  border-top:1px solid #d9aa43;
}
.yb-process-heading{
  display:flex;align-items:center;justify-content:center;gap:1rem;
  margin:.2rem auto 0;
}
.yb-process-heading h2{
  color:#073a2d;
  font:700 clamp(1.8rem,3vw,3rem)/1.05 Georgia,serif;
  margin:.2rem 0;
  text-align:center;
}
.yb-line{height:1px;background:#c99b36;width:min(150px,12vw)}
.yb-process-subtitle{
  text-align:center;
  margin:.15rem auto 1rem;
  color:#483923;
  font-family:Georgia,serif;
}
.yb-process-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:1rem;
}
.yb-process-card{
  position:relative;
  overflow:visible;
  background:#fff8e8;
  border:1px solid #e3c88e;
  border-radius:.75rem;
  box-shadow:0 8px 20px rgba(74,46,12,.13);
  text-align:center;
  padding-bottom:1rem;
}
.yb-process-card img{
  width:100%;
  aspect-ratio:1.08/1;
  object-fit:cover;
  border-radius:.7rem .7rem 0 0;
}
.yb-step{
  position:absolute;left:.55rem;top:.55rem;
  z-index:2;
  width:40px;height:40px;
  border-radius:50%;
  background:#063a2c;
  color:#fff;
  border:2px solid #dfad28;
  display:grid;place-items:center;
  font:700 .95rem Georgia,serif;
}
.yb-process-icon{
  width:48px;height:48px;
  display:grid;place-items:center;
  margin:-24px auto .25rem;
  position:relative;z-index:2;
  background:#fff8e8;
  border:2px solid #c99b36;
  border-radius:50%;
  color:#3a2c1c;
  font-size:1rem;
}
.yb-process-card h3{
  color:#173226;
  font:700 1.12rem Georgia,serif;
  margin:.25rem .7rem .25rem;
}
.yb-process-card p{
  margin:0 .75rem;
  color:#332719;
  line-height:1.35;
  font-size:.88rem;
}
.yb-benefits{
  background:#04372b;
  color:#fff;
  border-top:1px solid #b78c24;
  border-bottom:1px solid #b78c24;
}
.yb-benefit-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr) 1.2fr;
  gap:0;
  align-items:stretch;
}
.yb-benefit-grid article{
  min-height:118px;
  display:flex;
  align-items:center;
  gap:.9rem;
  padding:1rem 1.1rem;
  border-right:1px solid rgba(216,170,43,.45);
}
.yb-benefit-grid h3{
  color:#e0ad27;
  font:700 1rem Georgia,serif;
  margin:0 0 .3rem;
}
.yb-benefit-grid p{margin:0;font-size:.82rem;line-height:1.35}
.yb-benefit-icon{
  flex:0 0 52px;width:52px;height:52px;
  border:2px solid #d8aa2b;
  border-radius:50%;
  display:grid;place-items:center;
  color:#e0ad27;font-size:1.25rem;
}
.yb-book-panel{display:grid!important;grid-template-columns:1fr auto;gap:.8rem!important}
.yb-book-panel a{
  align-self:center;
  background:#e0ad27;color:#11261f;
  padding:.65rem 1.1rem;border-radius:.25rem;
  font-weight:800;white-space:nowrap;
}
.yb-home-services{background:#032a21;color:#fff}
.yb-home-services .section-heading h2{color:#fffaf0}

html[data-theme="dark"] .yb-process{background:#13251f}
html[data-theme="dark"] .yb-process-heading h2,
html[data-theme="dark"] .yb-process-subtitle{color:#f6ecd5}
html[data-theme="dark"] .yb-process-card{background:#0b3026;border-color:#6e5c2b}
html[data-theme="dark"] .yb-process-card h3,
html[data-theme="dark"] .yb-process-card p{color:#f7efdf}
html[data-theme="dark"] .yb-process-icon{background:#0b3026;color:#f7efdf}

@media(max-width:1100px){
  .yb-process-grid{grid-template-columns:repeat(3,1fr)}
  .yb-benefit-grid{grid-template-columns:repeat(2,1fr)}
  .yb-benefit-grid article{border-bottom:1px solid rgba(216,170,43,.25)}
  .yb-book-panel{grid-column:1/-1}
}
@media(max-width:900px){
  .yb-hero{min-height:660px;align-items:end}
  .yb-hero-bg{object-position:62% center}
  .yb-hero-shade{
    background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(3,39,31,.42) 45%,rgba(3,39,31,.95) 72%);
  }
  .yb-hero-copy{width:100%;padding:1.5rem 0 3.8rem}
  .yb-hero-copy h1{font-size:3.25rem}
  .yb-hero-copy h2{font-size:2.9rem}
  .yb-slider-arrow{width:42px;height:42px}
  .yb-process-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .yb-hero{min-height:620px}
  .yb-hero-bg{object-position:66% center}
  .yb-hero-copy h1{font-size:2.65rem}
  .yb-hero-copy h2{font-size:2.35rem}
  .yb-lead{font-size:1rem}
  .yb-hero-cta{width:100%;justify-content:center}
  .yb-slider-arrow{display:none}
  .yb-process-grid{grid-template-columns:1fr}
  .yb-process-card img{aspect-ratio:16/10}
  .yb-benefit-grid{grid-template-columns:1fr}
  .yb-benefit-grid article{border-right:0}
  .yb-book-panel{grid-column:auto;grid-template-columns:1fr!important}
  .yb-book-panel a{text-align:center}
}

/* Yager Buna multi-image hero */
.yb-multi-hero{position:relative}
.yb-hero-slides{position:absolute;inset:0;z-index:0}
.yb-hero-slide{
  position:absolute;inset:0;margin:0;
  opacity:0;visibility:hidden;
  transition:opacity .9s ease,visibility .9s ease;
}
.yb-hero-slide.active{opacity:1;visibility:visible}
.yb-hero-slide img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center;
  animation:ybHeroSlowZoom 9s ease-in-out both;
}
.yb-hero-slide.active img{animation-play-state:running}
@keyframes ybHeroSlowZoom{
  from{transform:scale(1)}
  to{transform:scale(1.045)}
}
.yb-multi-hero .yb-hero-shade{z-index:1}
.yb-multi-hero .yb-hero-inner,
.yb-multi-hero .yb-slider-arrow,
.yb-multi-hero .yb-dots{z-index:3}
.yb-dots button{cursor:pointer}
@media(max-width:900px){
  .yb-hero-slide img{object-position:center}
}
\n\n/* Final navigation controls — visible, responsive and consistent */
.menu-toggle{position:relative;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#fff}
.menu-toggle span{display:block!important;width:22px;height:2px!important;min-height:2px;background:#fff!important;border-radius:99px;opacity:1!important}
@media(max-width:900px){.menu-toggle{display:flex!important}}
@media(min-width:901px){.menu-toggle{display:none!important}}
.theme-toggle span{display:inline-grid;place-items:center;line-height:1;font-family:Arial,sans-serif}
html[data-theme="dark"] .theme-toggle span{filter:none}
\n/* Drawn sun: circular disk + rays, not an emoji glyph */
.sun-icon{position:relative!important;display:block!important;width:16px;height:16px;border-radius:50%;background:#fff!important;box-shadow:0 -11px 0 -6px #fff,0 11px 0 -6px #fff,11px 0 0 -6px #fff,-11px 0 0 -6px #fff,8px 8px 0 -6px #fff,-8px -8px 0 -6px #fff,8px -8px 0 -6px #fff,-8px 8px 0 -6px #fff}


/* =========================================================
   Yager Buna — Balanced premium footer
   ========================================================= */
.site-footer{
  position:relative;
  background:#032a21!important;
  color:#edf4f0!important;
  padding:0 0 1.4rem!important;
  border-top:0!important;
}
.footer-accent-line{
  width:100%;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(225,173,39,.85) 15%,rgba(225,173,39,.85) 85%,transparent 100%);
  box-shadow:0 -1px 10px rgba(225,173,39,.15);
  margin-bottom:3.2rem;
}
.footer-main{
  display:grid!important;
  grid-template-columns:1.4fr .8fr 1.05fr .8fr!important;
  gap:clamp(2rem,4.5vw,5rem)!important;
  align-items:start!important;
}
.footer-main>section{
  min-width:0;
}
.footer-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:.75rem!important;
  margin-bottom:1rem!important;
}
.footer-brand span{
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.5rem;
  font-weight:700;
  color:#fff8eb!important;
}
.footer-brand-block p{
  max-width:390px;
  margin:.55rem 0 0!important;
  color:#d9e6e0!important;
  line-height:1.75!important;
  font-size:1rem!important;
}

.footer-block h2{
  margin:0 0 1.15rem!important;
  color:#fff8eb!important;
  font:700 1.35rem/1.2 Georgia,"Times New Roman",serif!important;
}
.footer-link-list{
  display:grid!important;
  gap:.72rem!important;
}
.footer-link-list a{
  display:block!important;
  width:max-content;
  max-width:100%;
  color:#e1ece7!important;
  line-height:1.35!important;
  transition:color .2s ease,transform .2s ease;
}
.footer-link-list a:hover{
  color:#f1c85a!important;
  transform:translateX(3px);
}

.footer-contact-list{
  display:grid!important;
  gap:.82rem!important;
}
.footer-contact-list>a,
.footer-contact-list>span{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:start!important;
  gap:.6rem!important;
  color:#e1ece7!important;
  line-height:1.45!important;
  overflow-wrap:anywhere;
}
.footer-contact-list>a:hover{
  color:#f1c85a!important;
}
.footer-mini-icon{
  color:#e2ad27;
  font-size:.95rem;
  line-height:1.4;
}

.footer-social-icons{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.75rem!important;
  align-items:center!important;
}
.footer-social-icons a{
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  transition:transform .2s ease,box-shadow .2s ease;
}
.footer-social-icons a:hover{
  transform:translateY(-3px);
  box-shadow:0 9px 22px rgba(0,0,0,.22);
}
.footer-social-icons img{
  width:42px!important;
  height:42px!important;
  display:block!important;
}

.footer-lower{
  margin-top:3rem!important;
  padding-top:1.45rem!important;
  border-top:1px solid rgba(225,173,39,.28)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1.25rem!important;
  color:#d4e2dc!important;
}
.footer-lower p{
  margin:0!important;
  line-height:1.5!important;
}
.footer-credit{
  text-align:right!important;
}
.footer-credit a{
  color:#f1c85a!important;
  font-weight:800!important;
}
.footer-credit a:hover{
  color:#ffd872!important;
}

/* Keep footer the same elegant green in both themes */
html[data-theme="light"] .site-footer,
html[data-theme="dark"] .site-footer{
  background:#032a21!important;
  color:#edf4f0!important;
}

@media(max-width:1000px){
  .footer-main{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:2.6rem 3rem!important;
  }
}
@media(max-width:620px){
  .footer-accent-line{margin-bottom:2.2rem!important}
  .footer-main{
    grid-template-columns:1fr!important;
    text-align:center!important;
    gap:2.15rem!important;
  }
  .footer-brand{
    justify-content:center!important;
  }
  .footer-brand-block p{
    margin:.55rem auto 0!important;
  }
  .footer-link-list{
    justify-items:center!important;
  }
  .footer-contact-list{
    justify-items:center!important;
  }
  .footer-contact-list>a,
  .footer-contact-list>span{
    width:max-content;
    max-width:100%;
    text-align:left;
  }
  .footer-social-icons{
    justify-content:center!important;
  }
  .footer-lower{
    flex-direction:column!important;
    text-align:center!important;
    margin-top:2.3rem!important;
  }
  .footer-credit{
    text-align:center!important;
  }
}

/* =========================================================
   Yager Buna footer — compact desktop, centered mobile
   ========================================================= */
.site-footer{
  background:#032a21!important;
  color:#ecf4ef!important;
  padding:0 0 1.15rem!important;
}
.footer-accent-line{
  width:100%;
  height:1px;
  margin-bottom:1.8rem!important;
  background:linear-gradient(90deg,transparent 0%,rgba(225,173,39,.85) 10%,rgba(225,173,39,.85) 90%,transparent 100%);
}

.footer-desktop-grid{
  display:grid!important;
  grid-template-columns:1.25fr 1.15fr 1fr .75fr!important;
  gap:clamp(1.5rem,3vw,3.8rem)!important;
  align-items:start!important;
  padding-top:.2rem;
}
.footer-desktop-grid>section{min-width:0}

.footer-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:.65rem!important;
  margin-bottom:.7rem!important;
}
.footer-brand .brand-mark{
  width:42px!important;
  height:42px!important;
}
.footer-brand span{
  font:700 1.35rem/1.1 Georgia,"Times New Roman",serif!important;
  color:#fff8eb!important;
}
.footer-brand-block p{
  margin:0!important;
  max-width:310px;
  font-size:.9rem!important;
  line-height:1.55!important;
  color:#dce7e2!important;
}

.footer-block h2{
  margin:0 0 .8rem!important;
  color:#e6b631!important;
  font:700 1.16rem/1.2 Georgia,"Times New Roman",serif!important;
}

.footer-link-columns{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.3rem 1.2rem!important;
}
.footer-link-columns>div{
  display:grid!important;
  gap:.46rem!important;
}
.footer-link-columns a{
  display:block!important;
  color:#e6efea!important;
  line-height:1.3!important;
  font-size:.9rem!important;
  width:max-content;
  max-width:100%;
}
.footer-link-columns a:hover{color:#f1c95c!important}

.footer-contact-list{
  display:grid!important;
  gap:.48rem!important;
}
.footer-contact-list>a,
.footer-contact-list>span{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:.45rem!important;
  align-items:start!important;
  color:#e6efea!important;
  font-size:.9rem!important;
  line-height:1.35!important;
  overflow-wrap:anywhere;
}
.footer-mini-icon{
  color:#e2ad27!important;
  line-height:1.3;
}
.footer-social-icons{
  display:flex!important;
  gap:.62rem!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}
.footer-social-icons a{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
}
.footer-social-icons img{
  width:36px!important;
  height:36px!important;
  display:block!important;
}

.footer-bottom-row{
  margin-top:1.35rem!important;
  padding-top:.85rem!important;
  border-top:1px solid rgba(225,173,39,.38)!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:1rem!important;
  color:#d9e6e0!important;
}
.footer-bottom-row p{
  margin:0!important;
  font-size:.82rem!important;
  line-height:1.4!important;
}
.footer-credit{
  text-align:right!important;
}
.footer-credit a{
  color:#e7b631!important;
  font-weight:800!important;
}

/* Tablet */
@media(max-width:960px){
  .footer-desktop-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:2rem 2.5rem!important;
  }
}

/* Small devices: centered, stacked, easy to tap */
@media(max-width:620px){
  .site-footer{
    padding-bottom:1.6rem!important;
  }
  .footer-accent-line{
    margin-bottom:1.8rem!important;
  }
  .footer-desktop-grid{
    grid-template-columns:1fr!important;
    text-align:center!important;
    gap:2.15rem!important;
  }
  .footer-brand{
    justify-content:center!important;
  }
  .footer-brand .brand-mark{
    width:50px!important;
    height:50px!important;
  }
  .footer-brand span{
    font-size:1.55rem!important;
  }
  .footer-brand-block p{
    margin:0 auto!important;
    max-width:340px!important;
    font-size:1rem!important;
    line-height:1.65!important;
  }
  .footer-block h2{
    font-size:1.42rem!important;
    margin-bottom:1rem!important;
  }
  .footer-link-columns{
    grid-template-columns:1fr!important;
    gap:.7rem!important;
  }
  .footer-link-columns>div{
    gap:.78rem!important;
    justify-items:center!important;
  }
  .footer-link-columns a{
    font-size:1.08rem!important;
    font-weight:700!important;
  }
  .footer-contact-list{
    justify-items:center!important;
    gap:.88rem!important;
  }
  .footer-contact-list>a,
  .footer-contact-list>span{
    width:max-content!important;
    max-width:100%!important;
    font-size:1.02rem!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    text-align:left!important;
  }
  .footer-social-icons{
    justify-content:center!important;
    gap:.9rem!important;
  }
  .footer-social-icons a{
    width:50px!important;
    height:50px!important;
  }
  .footer-social-icons img{
    width:48px!important;
    height:48px!important;
  }
  .footer-bottom-row{
    margin-top:2rem!important;
    padding-top:1.25rem!important;
    flex-direction:column!important;
    text-align:center!important;
    gap:.75rem!important;
  }
  .footer-bottom-row p{
    font-size:.95rem!important;
  }
  .footer-credit{
    text-align:center!important;
  }
}

/* =========================================================
   FINAL MOBILE NAV + THEME CONTROL FIX
   ========================================================= */

/* Controls */
.theme-toggle,
.menu-toggle{
  position:relative;
  z-index:1102;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  background:#032a21!important;
  color:#fff!important;
  border:1px solid rgba(226,173,39,.72)!important;
  box-shadow:none!important;
}

.theme-toggle{
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  font-size:1.25rem!important;
  cursor:pointer!important;
}

.menu-toggle{
  width:48px!important;
  height:44px!important;
  border-radius:12px!important;
  padding:10px!important;
  cursor:pointer!important;
}

.menu-toggle span{
  display:block!important;
  width:24px!important;
  height:3px!important;
  margin:2.5px 0!important;
  border-radius:999px!important;
  background:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none;
  transition:transform .22s ease,opacity .22s ease;
}

/* Hamburger transforms to X */
.menu-toggle[aria-expanded="true"] span:nth-child(1){
  transform:translateY(8px) rotate(45deg);
}
.menu-toggle[aria-expanded="true"] span:nth-child(2){
  opacity:0!important;
}
.menu-toggle[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-8px) rotate(-45deg);
}

/* Desktop: real nav visible, hamburger hidden */
@media(min-width:901px){
  .main-nav{
    display:flex!important;
    position:static!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  .menu-toggle{
    display:none!important;
  }
  .theme-toggle{
    display:grid!important;
  }
}

/* Mobile/tablet */
@media(max-width:900px){
  .header-inner{
    min-height:70px!important;
    display:flex!important;
    align-items:center!important;
    gap:.65rem!important;
  }

  .brand{
    margin-right:auto!important;
    min-width:0;
  }

  .brand span{
    white-space:nowrap;
  }

  .theme-toggle{
    display:grid!important;
  }

  .menu-toggle{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
  }

  .main-nav{
    position:fixed!important;
    top:70px!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    z-index:1100!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:1rem 1.2rem 1.25rem!important;
    background:#032a21!important;
    border-top:1px solid rgba(226,173,39,.25)!important;
    box-shadow:0 20px 40px rgba(0,0,0,.28)!important;

    /* closed state */
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-14px)!important;
    max-height:0!important;
    overflow:hidden!important;
    transition:opacity .22s ease,transform .22s ease,max-height .3s ease,visibility .22s ease!important;
  }

  .main-nav.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
    max-height:calc(100vh - 70px)!important;
    overflow:auto!important;
  }

  .main-nav .nav-link{
    display:block!important;
    color:#fff!important;
    padding:.82rem .25rem!important;
    border-bottom:1px solid rgba(255,255,255,.1)!important;
    font-size:1rem!important;
  }

  .main-nav .nav-link.active{
    color:#e2ad27!important;
  }

  .main-nav .button{
    width:100%!important;
    margin-top:1rem!important;
    text-align:center!important;
    justify-content:center!important;
  }
}

/* Theme colors */
html[data-theme="light"] body{
  background:#fff8eb!important;
  color:#173027!important;
}
html[data-theme="dark"] body{
  background:#061f19!important;
  color:#fff8e8!important;
}

/* Ensure content does NOT get a translucent white wash */
html[data-theme="light"] main,
html[data-theme="dark"] main{
  opacity:1!important;
  filter:none!important;
}
html[data-theme="light"] main::before,
html[data-theme="dark"] main::before{
  display:none!important;
}

/* Light theme sections */
html[data-theme="light"] .yb-process,
html[data-theme="light"] .section:not(.section-dark):not(.yb-benefits):not(.story-cta),
html[data-theme="light"] .story-page-intro,
html[data-theme="light"] .discovery-story{
  background:#fff8eb!important;
  color:#173027!important;
}

/* Dark theme sections */
html[data-theme="dark"] .yb-process,
html[data-theme="dark"] .section:not(.section-dark):not(.yb-benefits):not(.story-cta),
html[data-theme="dark"] .story-page-intro,
html[data-theme="dark"] .discovery-story{
  background:#061f19!important;
  color:#fff8e8!important;
}

html[data-theme="dark"] .yb-process-card,
html[data-theme="dark"] .discovery-card,
html[data-theme="dark"] .package-card,
html[data-theme="dark"] .blog-card,
html[data-theme="dark"] .form-card{
  background:#0b3026!important;
  color:#fff8e8!important;
}

html[data-theme="light"] .yb-process-card,
html[data-theme="light"] .discovery-card,
html[data-theme="light"] .package-card,
html[data-theme="light"] .blog-card,
html[data-theme="light"] .form-card{
  background:#fffdf7!important;
  color:#173027!important;
}

/* Header/footer retain brand green in both modes */
html[data-theme="light"] .site-header,
html[data-theme="dark"] .site-header,
html[data-theme="light"] .site-footer,
html[data-theme="dark"] .site-footer{
  background:#032a21!important;
  color:#fff!important;
}

/* Historical story artwork + proper DMV location pin */
.discovery-image img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}
.footer-location-pin{
  width:18px;
  height:18px;
  display:inline-grid;
  place-items:center;
  color:#e2ad27;
  flex:0 0 auto;
}
.footer-location-pin svg{display:block}

/* FINAL UI VISIBILITY + ICON + FOOTER FIX */
.yb-benefit-icon svg{width:25px;height:25px;display:block;fill:#e2ad27;stroke:#e2ad27;stroke-width:1.25}.yb-benefit-icon .icon-cut{fill:#04372b;stroke:none}
html[data-theme="light"] .yb-benefits,html[data-theme="dark"] .yb-benefits{background:#04372b!important;color:#f8f4e8!important}
html[data-theme="light"] .yb-benefit-grid p,html[data-theme="dark"] .yb-benefit-grid p{color:#f8f4e8!important}
html[data-theme="light"] .yb-home-services{background:#fff8eb!important;color:#173027!important}
html[data-theme="light"] .yb-home-services .eyebrow{color:#c58d08!important}
html[data-theme="light"] .yb-home-services .section-heading h2{color:#073b30!important;opacity:1!important}
html[data-theme="light"] .yb-home-services .section-heading p:not(.eyebrow){color:#173027!important;opacity:1!important}
html[data-theme="dark"] .yb-home-services{background:#061f19!important;color:#fff8e8!important}
html[data-theme="dark"] .yb-home-services .section-heading h2,html[data-theme="dark"] .yb-home-services .section-heading p:not(.eyebrow){color:#fff8e8!important}
.footer-location-pin svg{width:18px;height:18px;display:block;fill:#e2ad27!important}.footer-location-pin circle{fill:#032a21!important}
@media(min-width:961px){.footer-desktop-grid{grid-template-columns:1.3fr 1.1fr 1.05fr .8fr!important}.footer-follow{justify-self:end}}
@media(max-width:620px){.footer-desktop-grid>section{text-align:center!important}.footer-contact-list>a,.footer-contact-list>span{margin-inline:auto!important}.yb-book-panel{display:flex!important;flex-direction:column!important;text-align:center!important}.yb-book-panel .yb-benefit-icon{margin:auto!important}}


/* =========================================================
   FINAL balanced 5-column Yager Buna benefit strip
   ========================================================= */
.yb-benefits{
  background:#04372b!important;
  color:#fff8e8!important;
  border-top:1px solid rgba(226,173,39,.7)!important;
  border-bottom:1px solid rgba(226,173,39,.7)!important;
}

.yb-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
}

.yb-benefit-item{
  min-width:0!important;
  min-height:175px!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  align-items:center!important;
  gap:1rem!important;
  padding:1.2rem 1.35rem!important;
  border-right:1px solid rgba(226,173,39,.42)!important;
  border-bottom:0!important;
  background:#04372b!important;
  color:#fff8e8!important;
}

.yb-benefit-item:last-child{
  border-right:0!important;
}

.yb-benefit-icon{
  width:58px!important;
  height:58px!important;
  margin:0!important;
  flex:0 0 58px!important;
  border:2px solid #e2ad27!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#e2ad27!important;
  background:transparent!important;
}

.yb-benefit-icon svg{
  width:29px!important;
  height:29px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  overflow:visible!important;
}

.yb-benefit-copy{
  min-width:0!important;
}

.yb-benefit-item h3{
  margin:0 0 .42rem!important;
  color:#e7b62d!important;
  font:700 1.18rem/1.12 Georgia,"Times New Roman",serif!important;
}

.yb-benefit-item p{
  margin:0!important;
  color:#fff8e8!important;
  font-size:.94rem!important;
  line-height:1.45!important;
}

.yb-book-panel{
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:1rem!important;
}

.yb-book-panel .yb-benefit-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
}

.yb-book-panel .yb-celebrate-copy{
  grid-column:2!important;
  grid-row:1!important;
}

.yb-benefit-book{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:126px!important;
  margin-top:.7rem!important;
  padding:.72rem 1.15rem!important;
  border-radius:.28rem!important;
  background:#e2ad27!important;
  color:#0a2c23!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

.yb-benefit-book:hover{
  background:#f0c74c!important;
  transform:translateY(-1px);
}

/* Keep strip intentionally green in both themes */
html[data-theme="light"] .yb-benefits,
html[data-theme="dark"] .yb-benefits,
html[data-theme="light"] .yb-benefit-item,
html[data-theme="dark"] .yb-benefit-item{
  background:#04372b!important;
  color:#fff8e8!important;
}

/* Medium desktop/tablet */
@media(max-width:1180px){
  .yb-benefit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .yb-benefit-item{
    border-bottom:1px solid rgba(226,173,39,.32)!important;
  }
  .yb-benefit-item:nth-child(2n){
    border-right:0!important;
  }
  .yb-benefit-item:last-child{
    grid-column:1/-1!important;
    max-width:none!important;
    border-bottom:0!important;
  }
}

/* Phones: centered, stacked, no squeezed columns */
@media(max-width:620px){
  .yb-benefit-grid{
    grid-template-columns:1fr!important;
  }
  .yb-benefit-item,
  .yb-book-panel{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    justify-items:center!important;
    text-align:center!important;
    gap:.75rem!important;
    min-height:0!important;
    padding:1.45rem 1.1rem!important;
    border-right:0!important;
    border-bottom:1px solid rgba(226,173,39,.32)!important;
  }

  .yb-benefit-item:last-child{
    grid-column:auto!important;
    border-bottom:0!important;
  }

  .yb-book-panel .yb-benefit-icon,
  .yb-book-panel .yb-celebrate-copy,
  .yb-benefit-book{
    grid-column:1!important;
    grid-row:auto!important;
  }

  .yb-benefit-icon{
    width:62px!important;
    height:62px!important;
  }

  .yb-benefit-item h3{
    font-size:1.28rem!important;
  }

  .yb-benefit-item p{
    max-width:300px!important;
    font-size:1rem!important;
  }

  .yb-benefit-book{
    justify-self:center!important;
    margin-top:.25rem!important;
    min-width:160px!important;
  }
}


/* =========================================================
   Colorful feature icons
   ========================================================= */
.yb-benefit-icon-color{
  background:#fff8e8!important;
  border-color:#e2ad27!important;
  overflow:hidden!important;
  padding:7px!important;
}
.yb-benefit-icon-color img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  border-radius:50%!important;
}
html[data-theme="light"] .yb-benefit-icon-color,
html[data-theme="dark"] .yb-benefit-icon-color{
  background:#fff8e8!important;
}

/* =========================================================
   Per-page hero image placeholders
   Each page gets a dedicated file under:
   assets/images/page-heroes/
   ========================================================= */
.page-hero.page-hero-image{
  position:relative!important;
  isolation:isolate;
  min-height:clamp(300px,38vw,500px)!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background-image:var(--page-hero-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  color:#fff8e8!important;
}
.page-hero.page-hero-image::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(2,34,27,.82),rgba(2,34,27,.40) 62%,rgba(2,34,27,.18));
}
.page-hero.page-hero-image .container{
  position:relative;
  z-index:1;
}
.page-hero.page-hero-image .eyebrow{
  color:#f0be39!important;
}
.page-hero.page-hero-image h1,
.page-hero.page-hero-image p{
  color:#fff8e8!important;
  text-shadow:0 2px 14px rgba(0,0,0,.22);
}
.page-hero.page-hero-image h1{
  max-width:900px;
}
.page-hero.page-hero-image p:not(.eyebrow){
  max-width:690px;
}
@media(max-width:620px){
  .page-hero.page-hero-image{
    min-height:330px!important;
    background-position:center!important;
  }
  .page-hero.page-hero-image::before{
    background:linear-gradient(180deg,rgba(2,34,27,.48),rgba(2,34,27,.88));
  }
}


/* =========================================================
   Package request buttons — visible in dark & light mode
   ========================================================= */
.package-card .button,
.package-card a.button,
.package-card .button-outline,
.package-card .package-cta,
.package-card a[href*="quote"],
.package-card a[href*="contact"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:.78rem 1.25rem!important;
  border-radius:999px!important;
  font-weight:800!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease!important;
}

/* Dark mode */
html[data-theme="dark"] .package-card .button,
html[data-theme="dark"] .package-card a.button,
html[data-theme="dark"] .package-card .button-outline,
html[data-theme="dark"] .package-card .package-cta,
html[data-theme="dark"] .package-card a[href*="quote"],
html[data-theme="dark"] .package-card a[href*="contact"]{
  background:#e2ad27!important;
  color:#06261e!important;
  border:2px solid #e2ad27!important;
  box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
}

/* Light mode */
html[data-theme="light"] .package-card .button,
html[data-theme="light"] .package-card a.button,
html[data-theme="light"] .package-card .button-outline,
html[data-theme="light"] .package-card .package-cta,
html[data-theme="light"] .package-card a[href*="quote"],
html[data-theme="light"] .package-card a[href*="contact"]{
  background:#073b30!important;
  color:#fff8e8!important;
  border:2px solid #073b30!important;
}

/* Featured / Gold card keeps the premium gold button */
.package-card.featured .button,
.package-card.featured a.button,
.package-card.popular .button,
.package-card.popular a.button{
  background:#e2ad27!important;
  color:#06261e!important;
  border-color:#e2ad27!important;
}

.package-card .button:hover,
.package-card a.button:hover,
.package-card .button-outline:hover,
.package-card .package-cta:hover,
.package-card a[href*="quote"]:hover,
.package-card a[href*="contact"]:hover{
  background:#f0c74c!important;
  color:#06261e!important;
  border-color:#f0c74c!important;
  transform:translateY(-2px)!important;
}

.package-card .button:focus-visible,
.package-card a.button:focus-visible,
.package-card .button-outline:focus-visible,
.package-card .package-cta:focus-visible{
  outline:3px solid #fff8e8!important;
  outline-offset:3px!important;
}


/* =========================================================
   Premium Contact page
   ========================================================= */
.contact-premium{
  background:var(--page-bg,#061f19);
  padding:4.5rem 0!important;
}
.contact-premium-grid{
  display:grid;
  grid-template-columns:.8fr 1.45fr;
  gap:2rem;
  align-items:stretch;
}
.contact-info-card,
.contact-form-card{
  border:1px solid rgba(226,173,39,.22);
  border-radius:24px;
  background:#0b3026;
  box-shadow:0 20px 50px rgba(0,0,0,.12);
}
.contact-info-card{
  padding:2rem;
}
.contact-info-card h2,
.contact-form-card h2{
  margin:.3rem 0 .75rem;
  color:#fff8e8;
  font-family:Georgia,"Times New Roman",serif;
}
.contact-intro{
  color:#dce7e2;
  line-height:1.65;
  margin:0 0 1.7rem;
}
.contact-info-list{
  display:grid;
  gap:.9rem;
}
.contact-info-item{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:center;
  gap:.9rem;
  padding:.9rem;
  border-radius:16px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.055);
  color:#fff8e8;
  text-decoration:none;
}
.contact-info-item:hover{
  border-color:rgba(226,173,39,.45);
  background:rgba(226,173,39,.07);
}
.contact-info-item strong,
.contact-info-item small{
  display:block;
}
.contact-info-item strong{
  color:#f0c54a;
  margin-bottom:.18rem;
}
.contact-info-item small{
  color:#e5efea;
  font-size:.93rem;
  line-height:1.45;
}
.contact-info-icon{
  width:50px;height:50px;border-radius:50%;
  display:grid;place-items:center;
  background:#fff8e8;
}
.contact-info-icon svg{
  width:25px;height:25px;
  fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.phone-icon svg{stroke:#2c7edb}
.email-icon svg{stroke:#e03a67}
.location-icon svg{stroke:#e13f52}
.location-icon svg circle{fill:#e13f52;stroke:none}
.event-icon svg{stroke:#18a574}
.contact-quick-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.4rem;
}
.contact-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:.72rem 1rem;
  border-radius:999px;
  font-weight:800;
}
.contact-action.primary{
  background:#e2ad27;color:#09281f;
}
.contact-action.secondary{
  color:#fff8e8;
  border:1px solid rgba(226,173,39,.62);
}

.contact-form-card{
  padding:2rem;
}
.contact-form-heading{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:1rem;
  align-items:start;
  margin-bottom:1.6rem;
}
.contact-form-badge{
  width:56px;height:56px;border-radius:18px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#e2ad27,#f1c95c);
}
.contact-form-badge svg{
  width:28px;height:28px;
  fill:none;stroke:#07342a;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.contact-form-heading p{margin:0;color:#dbe7e1}
.premium-contact-form label{
  color:#fff8e8!important;
  font-weight:700;
}
.premium-contact-form input,
.premium-contact-form textarea{
  width:100%;
  margin-top:.45rem;
  background:#07271f!important;
  color:#fff8e8!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:13px!important;
  padding:.9rem 1rem!important;
}
.premium-contact-form input::placeholder,
.premium-contact-form textarea::placeholder{
  color:#8da79c!important;
}
.premium-contact-form input:focus,
.premium-contact-form textarea:focus{
  outline:none!important;
  border-color:#e2ad27!important;
  box-shadow:0 0 0 3px rgba(226,173,39,.13)!important;
}
.contact-form-actions{
  display:flex;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
  margin-top:1rem;
}
.contact-form-actions .button{
  gap:.55rem;
}
.contact-form-actions .button svg{
  width:19px;height:19px;
  fill:none;stroke:currentColor;stroke-width:1.8;
}
.form-privacy-note{
  margin:0;
  color:#bdd0c8;
  font-size:.86rem;
}
.form-privacy-note a{color:#f0c54a}

/* Light mode contact */
html[data-theme="light"] .contact-premium{
  background:#fff8eb!important;
}
html[data-theme="light"] .contact-info-card,
html[data-theme="light"] .contact-form-card{
  background:#fffdf7!important;
  border-color:rgba(121,83,22,.16)!important;
}
html[data-theme="light"] .contact-info-card h2,
html[data-theme="light"] .contact-form-card h2,
html[data-theme="light"] .premium-contact-form label{
  color:#073b30!important;
}
html[data-theme="light"] .contact-intro,
html[data-theme="light"] .contact-form-heading p{
  color:#52685f!important;
}
html[data-theme="light"] .contact-info-item{
  background:#fff8eb!important;
  border-color:#ead9b4!important;
  color:#073b30!important;
}
html[data-theme="light"] .contact-info-item small{
  color:#415950!important;
}
html[data-theme="light"] .premium-contact-form input,
html[data-theme="light"] .premium-contact-form textarea{
  background:#fff!important;
  color:#173027!important;
  border-color:#d8c8a6!important;
}
html[data-theme="light"] .form-privacy-note{color:#5d7068!important}

/* Legal pages */
.legal-hero{min-height:300px!important}
.legal-page{padding:4rem 0}
.legal-content{max-width:900px}
.legal-section{
  padding:1.4rem 0;
  border-bottom:1px solid rgba(226,173,39,.22);
}
.legal-section h2{
  margin:0 0 .55rem;
  font-family:Georgia,"Times New Roman",serif;
}
.legal-section p{
  margin:0;
  line-height:1.75;
}

/* footer links with legal rows */
.footer-link-columns>div{
  align-content:start;
}

/* Responsive */
@media(max-width:900px){
  .contact-premium-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .contact-premium{padding:2.5rem 0!important}
  .contact-info-card,.contact-form-card{padding:1.25rem;border-radius:18px}
  .contact-form-heading{grid-template-columns:1fr;text-align:center}
  .contact-form-badge{margin:auto}
  .form-grid.two-col{grid-template-columns:1fr!important}
  .contact-form-actions{flex-direction:column;align-items:stretch}
  .contact-form-actions .button{width:100%;justify-content:center}
  .form-privacy-note{text-align:center}
}

/* Dynamic floating contact controls */
.yb-floating-contact{position:fixed;right:22px;bottom:92px;z-index:60;display:flex;flex-direction:column;gap:10px}
.yb-float-btn{display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:999px;text-decoration:none;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.yb-call{background:#e4ad23;color:#062f26}.yb-whatsapp{background:#25D366;color:#fff}
@media(max-width:700px){.yb-floating-contact{right:14px;bottom:80px}.yb-float-btn{width:52px;height:52px;padding:0;justify-content:center}.yb-float-btn span:last-child{display:none}}


/* =========================================================
   FULL IMAGE VISIBILITY — YAGER BUNA
   Preserve complete hero and gallery artwork on small devices.
   No object-fit:cover cropping on phone/tablet presentation.
   ========================================================= */

/* Gallery artwork: natural aspect ratio on every device */
.gallery-grid{
  column-fill:balance;
}
.gallery-item{
  display:block;
  width:100%;
  overflow:hidden;
  border-radius:.8rem;
  background:transparent;
}
.gallery-item img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:.8rem!important;
}

/* CMS/service/blog image cards should preserve the full source image */
.image-card img,
.blog-card img{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  background:#032a21;
}

/* Process cards: preserve complete ceremony image too */
.yb-process-card img,
.process-card img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  background:#032a21;
}

/* Story/discovery artwork always complete */
.discovery-image img,
.story-art-card img,
.story-full-image,
.clean-story-grid article img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Phone/tablet homepage hero:
   The image occupies its own full-width natural-ratio area.
   Copy follows below instead of covering/cropping the artwork. */
@media (max-width: 768px){
  .yb-hero.yb-multi-hero{
    min-height:0!important;
    height:auto!important;
    display:block!important;
    overflow:hidden!important;
    background:#032a21!important;
  }

  .yb-hero .yb-hero-slides{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    aspect-ratio:3 / 2!important;
    min-height:0!important;
    background:#032a21!important;
    overflow:hidden!important;
  }

  .yb-hero .yb-hero-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    background:#032a21!important;
  }

  .yb-hero .yb-hero-slide img,
  .yb-hero .yb-hero-bg{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    animation:none!important;
    background:#032a21!important;
  }

  .yb-hero .yb-hero-shade{
    display:none!important;
  }

  .yb-hero .yb-hero-inner{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    background:#032a21!important;
  }

  .yb-hero .yb-hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:1.35rem 1rem 4.7rem!important;
    text-align:left!important;
  }

  .yb-hero .yb-hero-copy h1{
    font-size:clamp(2.2rem,10vw,3.25rem)!important;
    line-height:1!important;
  }

  .yb-hero .yb-hero-copy h2{
    font-size:clamp(2rem,9vw,2.9rem)!important;
    line-height:1!important;
  }

  .yb-hero .yb-lead{
    font-size:1.05rem!important;
    line-height:1.55!important;
  }

  .yb-hero .yb-hero-cta{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }

  .yb-hero .yb-slider-arrow{
    top:calc((100vw * .6667) / 2)!important;
    transform:translateY(-50%)!important;
    z-index:5!important;
  }

  .yb-hero .yb-dots{
    position:absolute!important;
    bottom:1.15rem!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    z-index:6!important;
  }

  /* Dedicated page heroes use contain rather than cover on phones.
     The brand green acts as a letterbox/background if aspect ratios differ. */
  .page-hero.page-hero-image{
    min-height:clamp(300px,75vw,470px)!important;
    background-size:contain!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-color:#032a21!important;
  }

  /* Gallery becomes simple responsive flow with complete photos */
  .gallery-grid{
    columns:1!important;
    display:block!important;
  }

  .gallery-item{
    break-inside:avoid!important;
    margin:0 0 1rem!important;
  }
}

/* Slightly wider tablets: still no hero crop */
@media (min-width:769px) and (max-width:1024px){
  .yb-hero-slide img,
  .yb-hero-bg{
    object-fit:contain!important;
    object-position:center!important;
    background:#032a21!important;
  }
  .gallery-item img{
    object-fit:contain!important;
  }
}


/* =========================================================
   HOME HERO — NEVER CROP THE PRIMARY SLIDE IMAGE
   A soft cover background fills unused space while the
   actual image stays fully visible with object-fit:contain.
   ========================================================= */
.yb-hero.yb-multi-hero{
  background:#032a21;
}
.yb-hero .yb-hero-slides{
  background:#032a21;
}
.yb-hero .yb-hero-slide{
  background-color:#032a21;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.yb-hero .yb-hero-slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(2,31,24,.44),rgba(2,31,24,.16));
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.yb-hero .yb-hero-slide img{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  animation:none!important;
}
@media (min-width:769px){
  .yb-hero .yb-hero-slides{
    aspect-ratio:16/9!important;
    max-height:78vh;
  }
}
@media (max-width:768px){
  .yb-hero .yb-hero-slides{
    aspect-ratio:4/5!important;
  }
  .yb-hero .yb-hero-slide img{
    object-fit:contain!important;
  }
}

/* Gallery filters and hidden items */
.gallery-item[hidden]{
  display:none!important;
}
.filter-row .filter{
  cursor:pointer;
}
.filter-row .filter.active{
  background:var(--gold);
  color:#10261f;
  border-color:var(--gold);
}


/* =========================================================
   NO-CROP HERO SYSTEM — FULL IMAGE + BLENDED BACKDROP
   The original hero picture is always completely visible.
   A soft, darkened cover copy fills unused space behind it.
   ========================================================= */

/* ----- Inner page heroes ----- */
.page-hero.page-hero-image{
  --hero-overlay: linear-gradient(
    90deg,
    rgba(2,31,24,.80) 0%,
    rgba(2,31,24,.50) 48%,
    rgba(2,31,24,.20) 100%
  );
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:clamp(430px,48vw,680px)!important;
  display:grid!important;
  align-items:end!important;
  color:#fff!important;

  /* IMPORTANT: foreground background uses CONTAIN, never COVER */
  background-image:
    var(--hero-overlay),
    var(--page-hero-image)!important;
  background-size:
    100% 100%,
    contain!important;
  background-position:
    center,
    center!important;
  background-repeat:
    no-repeat,
    no-repeat!important;
  background-color:#032a21!important;
}

/* blurred/full-bleed decorative backdrop */
.page-hero.page-hero-image::before{
  content:""!important;
  position:absolute!important;
  inset:-22px!important;
  z-index:-2!important;
  background-image:var(--page-hero-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:blur(18px) saturate(.90) brightness(.62)!important;
  transform:scale(1.06)!important;
  opacity:.88!important;
}

/* dark green readable blend */
.page-hero.page-hero-image::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(2,31,24,.76) 0%,rgba(2,31,24,.38) 50%,rgba(2,31,24,.18) 100%),
    linear-gradient(0deg,rgba(2,31,24,.50),rgba(2,31,24,.05) 58%)!important;
}

.page-hero.page-hero-image .container{
  position:relative!important;
  z-index:2!important;
  padding-top:clamp(4.5rem,8vw,7rem)!important;
  padding-bottom:clamp(3.5rem,7vw,6rem)!important;
}

.page-hero.page-hero-image h1{
  color:#fff!important;
  max-width:900px!important;
  text-shadow:0 4px 22px rgba(0,0,0,.42)!important;
}

.page-hero.page-hero-image .eyebrow{
  color:#efb31b!important;
  text-shadow:0 2px 10px rgba(0,0,0,.42)!important;
}

/* ----- Home hero slides ----- */
.yb-hero.yb-multi-hero,
.yb-hero .yb-hero-slides{
  background:#032a21!important;
}

.yb-hero .yb-hero-slide{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  background:#032a21!important;
}

/* Decorative blurred cover backdrop only */
.yb-hero .yb-hero-slide::before{
  content:""!important;
  position:absolute!important;
  inset:-24px!important;
  z-index:0!important;
  background-image:inherit!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:blur(20px) brightness(.60) saturate(.92)!important;
  transform:scale(1.08)!important;
  opacity:.92!important;
}

/* Actual image = always complete */
.yb-hero .yb-hero-slide img{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  animation:none!important;
  background:transparent!important;
}

/* readable copy overlay */
.yb-hero .yb-hero-shade{
  z-index:2!important;
  background:
    linear-gradient(90deg,rgba(2,31,24,.82) 0%,rgba(2,31,24,.48) 46%,rgba(2,31,24,.14) 100%),
    linear-gradient(0deg,rgba(2,31,24,.34),transparent 55%)!important;
}

.yb-hero .yb-hero-inner{
  z-index:3!important;
}

@media (min-width: 1200px){
  .yb-hero .yb-hero-slides{
    height:min(76vh,820px)!important;
    min-height:620px!important;
    aspect-ratio:auto!important;
  }
}

@media (min-width:769px) and (max-width:1199px){
  .yb-hero .yb-hero-slides{
    min-height:560px!important;
    height:68vh!important;
    aspect-ratio:auto!important;
  }
}

/* ----- Phones/tablets: preserve complete picture first ----- */
@media (max-width:768px){
  .page-hero.page-hero-image{
    min-height:520px!important;
    background-image:
      linear-gradient(180deg,rgba(2,31,24,.18) 0%,rgba(2,31,24,.34) 52%,rgba(2,31,24,.88) 100%),
      var(--page-hero-image)!important;
    background-size:
      100% 100%,
      contain!important;
    background-position:
      center,
      center top!important;
  }

  .page-hero.page-hero-image::after{
    background:linear-gradient(
      180deg,
      rgba(2,31,24,.12) 0%,
      rgba(2,31,24,.30) 52%,
      rgba(2,31,24,.92) 100%
    )!important;
  }

  .page-hero.page-hero-image .container{
    padding-top:18rem!important;
    padding-bottom:2.5rem!important;
  }

  .yb-hero.yb-multi-hero{
    min-height:0!important;
    height:auto!important;
  }

  .yb-hero .yb-hero-slides{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:2 / 3!important;
  }

  .yb-hero .yb-hero-slide img{
    object-fit:contain!important;
    object-position:center!important;
  }
}

/* ----- Gallery: never crop any image ----- */
.gallery-item,
.gallery-card{
  overflow:hidden!important;
}

.gallery-item img,
.gallery-card img,
.gallery-grid img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}


/* FINAL CANONICAL HOME HERO OVERRIDE — composite images, no source-photo crop */
.yb-home .yb-multi-hero .yb-hero-slides{position:relative!important;inset:auto!important;aspect-ratio:16/9!important}
.yb-home .yb-multi-hero .yb-hero-slide{position:absolute!important;inset:0!important}
.yb-home .yb-multi-hero .yb-hero-slide picture,
.yb-home .yb-multi-hero .yb-hero-slide img{width:100%!important;height:100%!important;display:block!important}
.yb-home .yb-multi-hero .yb-hero-slide img{object-fit:cover!important;object-position:center!important;transform:none!important;animation:none!important}
.yb-home .yb-multi-hero .yb-dots{left:50%!important;right:auto!important;bottom:24px!important;transform:translateX(-50%)!important;margin:0!important;width:max-content!important;justify-content:center!important}
@media(max-width:768px){.yb-home .yb-multi-hero .yb-hero-slides{aspect-ratio:4/5!important}.yb-home .yb-multi-hero .yb-dots{bottom:18px!important}}


/* =========================================================
   FINAL FULL-WIDTH + BRIGHT HERO FIX
   Removes left/right gaps and makes inner hero images visible.
   ========================================================= */

/* HOME HERO: edge-to-edge across viewport */
body.yb-home,
.yb-home main,
.yb-home .yb-hero,
.yb-home .yb-multi-hero,
.yb-home .yb-hero-slides {
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

.yb-home .yb-hero,
.yb-home .yb-multi-hero {
  left:0!important;
  right:0!important;
  overflow:hidden!important;
}

.yb-home .yb-multi-hero .yb-hero-slides{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  aspect-ratio:16/9!important;
  background:#032a21!important;
}

.yb-home .yb-multi-hero .yb-hero-slide,
.yb-home .yb-multi-hero .yb-hero-slide picture,
.yb-home .yb-multi-hero .yb-hero-slide img{
  width:100%!important;
  height:100%!important;
}

.yb-home .yb-multi-hero .yb-hero-slide img{
  object-fit:cover!important;
  object-position:center!important;
}

/* Make home overlay less heavy */
.yb-home .yb-hero-shade{
  background:
    linear-gradient(90deg,
      rgba(2,31,24,.62) 0%,
      rgba(2,31,24,.30) 42%,
      rgba(2,31,24,.05) 72%
    )!important;
}

/* INNER PAGE HEROES: brighter, image-forward blend */
.page-hero.page-hero-image{
  min-height:clamp(430px,42vw,620px)!important;
  background-image:
    linear-gradient(
      90deg,
      rgba(2,31,24,.48) 0%,
      rgba(2,31,24,.20) 44%,
      rgba(2,31,24,.06) 76%,
      rgba(2,31,24,.00) 100%
    ),
    var(--page-hero-image)!important;
  background-size:100% 100%,contain!important;
  background-position:center,center!important;
  background-repeat:no-repeat,no-repeat!important;
  background-color:#032a21!important;
}

/* Brighter blurred filler behind contained image */
.page-hero.page-hero-image::before{
  content:""!important;
  position:absolute!important;
  inset:-18px!important;
  z-index:-2!important;
  background-image:var(--page-hero-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:blur(16px) brightness(.88) saturate(1.03)!important;
  transform:scale(1.04)!important;
  opacity:.94!important;
}

/* Very light readable overlay, not a dark curtain */
.page-hero.page-hero-image::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:
    linear-gradient(
      90deg,
      rgba(2,31,24,.42) 0%,
      rgba(2,31,24,.16) 48%,
      rgba(2,31,24,.02) 78%
    )!important;
}

/* Keep hero text readable without darkening whole image */
.page-hero.page-hero-image .container{
  position:relative!important;
  z-index:2!important;
}
.page-hero.page-hero-image h1{
  text-shadow:0 3px 16px rgba(0,0,0,.42)!important;
}
.page-hero.page-hero-image .eyebrow{
  text-shadow:0 2px 8px rgba(0,0,0,.30)!important;
}

@media (max-width:768px){
  .yb-home .yb-multi-hero .yb-hero-slides{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    aspect-ratio:4/5!important;
  }

  .page-hero.page-hero-image{
    min-height:500px!important;
    background-image:
      linear-gradient(
        180deg,
        rgba(2,31,24,.08) 0%,
        rgba(2,31,24,.12) 50%,
        rgba(2,31,24,.60) 100%
      ),
      var(--page-hero-image)!important;
    background-size:100% 100%,contain!important;
    background-position:center,center top!important;
  }

  .page-hero.page-hero-image::before{
    filter:blur(14px) brightness(.90) saturate(1.03)!important;
  }

  .page-hero.page-hero-image::after{
    background:
      linear-gradient(
        180deg,
        rgba(2,31,24,.02) 0%,
        rgba(2,31,24,.08) 52%,
        rgba(2,31,24,.58) 100%
      )!important;
  }
}


/* FINAL INNER HERO VISIBILITY OVERRIDE */
.page-hero.page-hero-image{
  background-image:var(--page-hero-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.page-hero.page-hero-image::before{
  filter:none!important;
  transform:none!important;
  opacity:1!important;
  background:linear-gradient(90deg,rgba(2,31,24,.48),rgba(2,31,24,.18) 45%,rgba(2,31,24,.02) 78%)!important;
}
.page-hero.page-hero-image::after{
  background:linear-gradient(180deg,rgba(2,31,24,.03),rgba(2,31,24,.12))!important;
}


/* =========================================================
   TRUE FULL-IMAGE INNER HERO — DESKTOP + MOBILE
   The actual photo is an <img> with object-fit:contain.
   It can never crop. Blurred filler appears only behind it.
   ========================================================= */
.page-hero.page-hero-image{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  min-height:clamp(520px,46vw,760px)!important;
  display:flex!important;
  align-items:center!important;
  background:#032a21!important;
  background-image:none!important;
  color:#fff!important;
}

/* Blurred decorative fill only — this is allowed to crop. */
.page-hero.page-hero-image::before{
  content:""!important;
  position:absolute!important;
  inset:-28px!important;
  z-index:0!important;
  background-image:var(--yb-page-hero-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:blur(22px) brightness(.70) saturate(.95)!important;
  transform:scale(1.06)!important;
  opacity:.95!important;
}

/* Actual source photo layer. */
.page-hero-media{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:transparent!important;
}
.page-hero-photo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}

/* Light text readability gradient only, not a dark curtain. */
.page-hero.page-hero-image::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(
      90deg,
      rgba(2,31,24,.52) 0%,
      rgba(2,31,24,.25) 38%,
      rgba(2,31,24,.07) 64%,
      rgba(2,31,24,0) 82%
    )!important;
}

.page-hero.page-hero-image .container{
  position:relative!important;
  z-index:3!important;
  width:min(1180px,92%)!important;
  margin:0 auto!important;
  padding:4.5rem 0!important;
}
.page-hero.page-hero-image h1{
  color:#fff!important;
  text-shadow:0 4px 18px rgba(0,0,0,.48)!important;
}
.page-hero.page-hero-image .eyebrow{
  color:#efb31b!important;
  text-shadow:0 2px 9px rgba(0,0,0,.38)!important;
}

/* Use each hero image as blurred filler via CSS variable. */
body:has(.page-hero-photo[src*="ceremony-roasting-group.jpg"]) .page-hero{
  --yb-page-hero-bg:url("/assets/images/hero-final/ceremony-roasting-group.jpg");
}
body:has(.page-hero-photo[src*="ceremony-friends.jpg"]) .page-hero{
  --yb-page-hero-bg:url("/assets/images/hero-final/ceremony-friends.jpg");
}
body:has(.page-hero-photo[src*="ceremony-portrait.jpg"]) .page-hero{
  --yb-page-hero-bg:url("/assets/images/hero-final/ceremony-portrait.jpg");
}
body:has(.page-hero-photo[src*="ceremony-couple.jpg"]) .page-hero{
  --yb-page-hero-bg:url("/assets/images/hero-final/ceremony-couple.jpg");
}
body:has(.page-hero-photo[src*="ceremony-woman-coffee.jpg"]) .page-hero{
  --yb-page-hero-bg:url("/assets/images/hero-final/ceremony-woman-coffee.jpg");
}
body:has(.page-hero-photo[src*="ceremony-woman-seated.jpg"]) .page-hero{
  --yb-page-hero-bg:url("/assets/images/hero-final/ceremony-woman-seated.jpg");
}

@media(max-width:768px){
  .page-hero.page-hero-image{
    min-height:560px!important;
  }
  .page-hero-photo{
    object-fit:contain!important;
    object-position:center top!important;
  }
  .page-hero.page-hero-image::after{
    background:
      linear-gradient(
        180deg,
        rgba(2,31,24,.05) 0%,
        rgba(2,31,24,.10) 52%,
        rgba(2,31,24,.70) 100%
      )!important;
  }
  .page-hero.page-hero-image .container{
    align-self:flex-end!important;
    padding:2.5rem 0!important;
  }
}


/* =============================
   BOOKING WORKFLOW — PUBLIC
   ============================= */
.booking-layout{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:2rem;align-items:start}
.booking-side-card{position:sticky;top:110px;border:1px solid rgba(179,132,14,.25);border-radius:28px;padding:2rem;background:linear-gradient(180deg,#073f33,#052f27);color:#fff;box-shadow:0 20px 50px rgba(3,40,31,.12)}
.booking-side-card h2{color:#fff;margin:.4rem 0 1.4rem}
.booking-steps{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}
.booking-steps li{display:grid;grid-template-columns:42px 1fr;gap:.85rem;align-items:start}
.booking-steps li>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e7ae1b;color:#082f27;font-weight:900}
.booking-steps strong{display:block;margin-bottom:.3rem}
.booking-steps small{display:block;line-height:1.45;color:rgba(255,255,255,.78)}
.booking-trust-note{margin-top:1.5rem;padding:1rem;border-radius:18px;background:rgba(255,255,255,.08);display:grid;gap:.25rem}
.booking-trust-note span{font-size:.9rem;color:rgba(255,255,255,.8)}
.booking-form-modern{border-radius:28px;padding:clamp(1.25rem,3vw,2rem)}
.booking-form-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1.5rem}
.booking-form-heading h2{margin:.2rem 0 0}
.secure-form-note{font-size:.8rem;font-weight:800;padding:.5rem .75rem;border-radius:999px;background:#edf6f2;color:#075342;white-space:nowrap}
.form-section-title{font-family:inherit;font-weight:900;color:#075342;border-top:1px solid rgba(7,83,66,.14);padding-top:1.25rem;margin:1.25rem 0 .8rem}
.booking-consent{display:flex!important;flex-direction:row!important;gap:.7rem!important;align-items:flex-start!important;margin:1rem 0}
.booking-consent input{width:auto!important;margin-top:.25rem}
.slot-status{padding:.9rem 1rem;border-radius:14px;margin:.75rem 0;font-weight:700}
.slot-ok{background:#eaf7ef;color:#17643a;border:1px solid #bde3ca}
.slot-error{background:#fff0ee;color:#9a2f21;border:1px solid #f2c1ba}
.booking-submit{width:100%;display:flex;justify-content:space-between;align-items:center}
.confirmation-main{min-height:70vh;background:#fbf5e9}
.confirmation-card{background:#fff;border:1px solid rgba(179,132,14,.22);border-radius:32px;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 25px 60px rgba(3,40,31,.10)}
.confirmation-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#e7ae1b;color:#073b30;font-size:2rem;font-weight:900;margin-bottom:1.25rem}
.confirmation-card h1{font-size:clamp(2.2rem,5vw,4rem);max-width:850px}
.confirmation-lead{font-size:1.1rem;max-width:760px}
.confirmation-reference{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin:1.75rem 0;padding:1rem 1.2rem;border-radius:18px;background:#073b30;color:#fff}
.confirmation-reference span{opacity:.8}
.confirmation-reference strong{font-size:1.2rem;letter-spacing:.06em}
.confirmation-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.5rem 0}
.confirmation-summary>div{padding:1rem;border-radius:16px;background:#faf6ed;display:grid;gap:.2rem}
.confirmation-summary span{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#6d746f}
.confirmation-next{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e8e0cf}
.confirmation-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.confirmation-next-grid>div{padding:1.1rem;border-radius:18px;background:#f7f3e9}
.confirmation-next-grid span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e7ae1b;color:#073b30;font-weight:900;margin-bottom:.7rem}
.confirmation-next-grid strong{display:block;margin-bottom:.35rem}
.confirmation-next-grid p{margin:0;color:#59625d;font-size:.92rem}
.confirmation-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}
@media(max-width:800px){
  .booking-layout{grid-template-columns:1fr}
  .booking-side-card{position:static}
  .confirmation-summary,.confirmation-next-grid{grid-template-columns:1fr}
}


/* 2026 brand refresh: new Yager Buna coffee emblem */
.brand-mark,.admin-brand img,.setup-brand img,.auth-logo img{object-fit:contain!important;border-radius:50%}
.site-header .brand-mark{width:52px!important;height:52px!important;filter:drop-shadow(0 4px 10px rgba(0,0,0,.16))}
.footer-brand .brand-mark{width:58px!important;height:58px!important}
@media(max-width:768px){.site-header .brand-mark{width:46px!important;height:46px!important}}


/* =====================================================================
   YAGER BUNA — FINAL VISUAL CORRECTION
   1) Home hero text always visible
   2) Real hero photographs never cropped
   3) All inner pages have visible hero photographs
   4) Reduced excess vertical empty space
   5) Small-device footer centered and balanced
   ===================================================================== */

/* ---------- General spacing: remove unnecessary blank areas ---------- */
.section{
  padding:3.25rem 0!important;
}
.section-heading{
  margin-bottom:1.6rem!important;
}
main > .section:first-child{
  margin-top:0!important;
}
@media(max-width:768px){
  .section{
    padding:2.25rem 0!important;
  }
  .section-heading{
    margin-bottom:1.15rem!important;
  }
}

/* ---------- HOME HERO: one contained image + blurred edge filler ---------- */
.yb-home{
  overflow-x:hidden!important;
}
.yb-home .yb-hero.yb-multi-hero{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:clamp(650px,calc(100svh - 72px),900px)!important;
  min-height:650px!important;
  max-height:900px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:block!important;
  background:#032a21!important;
}
.yb-home .yb-multi-hero .yb-hero-slides{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
}
.yb-home .yb-multi-hero .yb-hero-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  opacity:0!important;
  visibility:hidden!important;
  overflow:hidden!important;
  background:#032a21!important;
  transition:opacity .55s ease,visibility .55s ease!important;
}
.yb-home .yb-multi-hero .yb-hero-slide.active{
  opacity:1!important;
  visibility:visible!important;
}
.yb-home .yb-multi-hero .yb-hero-slide::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-30px!important;
  z-index:0!important;
  background-image:var(--yb-slide-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(22px) brightness(.62) saturate(1.02)!important;
  transform:scale(1.05)!important;
  opacity:.96!important;
}
.yb-home .yb-multi-hero .yb-hero-slide picture{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
}
.yb-home .yb-multi-hero .yb-hero-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  animation:none!important;
}

/* Readability overlay: protects text without hiding photography. */
.yb-home .yb-hero-shade{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(90deg,
      rgba(1,32,25,.78) 0%,
      rgba(1,32,25,.58) 29%,
      rgba(1,32,25,.25) 50%,
      rgba(1,32,25,.05) 72%,
      rgba(1,32,25,0) 100%)!important;
  pointer-events:none!important;
}

/* Hero text sits inside the hero — never below/behind the next section. */
.yb-home .yb-hero-inner{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  pointer-events:none!important;
}
.yb-home .yb-hero-inner.container{
  width:min(1180px,calc(100% - 3rem))!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  margin:0!important;
}
.yb-home .yb-hero-copy{
  width:min(540px,44vw)!important;
  max-width:540px!important;
  padding:1.5rem 0!important;
  pointer-events:auto!important;
}
.yb-home .yb-kicker{
  margin:0 0 .65rem!important;
  font-size:clamp(.78rem,.9vw,.95rem)!important;
  letter-spacing:.055em!important;
}
.yb-home .yb-hero-copy h1{
  font-size:clamp(2.7rem,4.4vw,4.8rem)!important;
  line-height:.98!important;
  margin:0!important;
  text-wrap:balance!important;
}
.yb-home .yb-hero-copy h2{
  font-size:clamp(2.35rem,4vw,4.25rem)!important;
  line-height:1.02!important;
  margin:.25rem 0 .9rem!important;
  text-wrap:balance!important;
}
.yb-home .yb-lead{
  font-size:clamp(1rem,1.3vw,1.18rem)!important;
  line-height:1.48!important;
  max-width:490px!important;
  margin:0 0 1.15rem!important;
}
.yb-home .yb-hero-cta{
  padding:.86rem 1.15rem!important;
  font-size:1rem!important;
}
.yb-home .yb-slider-arrow{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:7!important;
}
.yb-home .yb-prev{left:16px!important}
.yb-home .yb-next{right:16px!important}
.yb-home .yb-dots{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:20px!important;
  transform:translateX(-50%)!important;
  z-index:8!important;
  width:max-content!important;
  margin:0!important;
}

/* ---------- INNER PAGE HEROES: always show the real full photo ---------- */
.page-hero.page-hero-image{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:100%!important;
  max-width:none!important;
  height:clamp(500px,62vh,700px)!important;
  min-height:500px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  background:#032a21!important;
  background-image:none!important;
  color:#fff!important;
}
.page-hero.page-hero-image::before{
  content:""!important;
  position:absolute!important;
  inset:-28px!important;
  z-index:0!important;
  background-image:var(--yb-page-hero-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:blur(20px) brightness(.72) saturate(1.05)!important;
  transform:scale(1.05)!important;
  opacity:.98!important;
}
.page-hero-media{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.page-hero-photo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}
.page-hero.page-hero-image::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,
      rgba(2,31,24,.68) 0%,
      rgba(2,31,24,.44) 34%,
      rgba(2,31,24,.15) 58%,
      rgba(2,31,24,0) 80%)!important;
}
.page-hero.page-hero-image .container{
  position:relative!important;
  z-index:3!important;
  width:min(1180px,calc(100% - 3rem))!important;
  margin:0 auto!important;
  padding:2.6rem 0!important;
}
.page-hero.page-hero-image h1{
  max-width:820px!important;
  font-size:clamp(2.6rem,4.8vw,5rem)!important;
  line-height:1.02!important;
  margin:.45rem 0!important;
  color:#fff!important;
  text-shadow:0 3px 16px rgba(0,0,0,.5)!important;
  text-wrap:balance!important;
}
.page-hero.page-hero-image p:not(.eyebrow){
  max-width:720px!important;
  font-size:clamp(1rem,1.4vw,1.18rem)!important;
  line-height:1.5!important;
}
.page-hero.page-hero-image .eyebrow{
  color:#efb31b!important;
  text-shadow:0 2px 8px rgba(0,0,0,.42)!important;
}

/* ---------- Small devices ---------- */
@media(max-width:768px){
  .yb-home .yb-hero.yb-multi-hero{
    height:clamp(640px,calc(100svh - 72px),820px)!important;
    min-height:640px!important;
  }
  .yb-home .yb-multi-hero .yb-hero-slide::before{
    filter:blur(18px) brightness(.58) saturate(1.02)!important;
  }
  .yb-home .yb-multi-hero .yb-hero-slide img{
    object-fit:contain!important;
    object-position:center top!important;
  }
  .yb-home .yb-hero-shade{
    background:
      linear-gradient(180deg,
        rgba(1,32,25,.02) 0%,
        rgba(1,32,25,.12) 42%,
        rgba(1,32,25,.72) 68%,
        rgba(1,32,25,.92) 100%)!important;
  }
  .yb-home .yb-hero-inner{
    align-items:flex-end!important;
  }
  .yb-home .yb-hero-inner.container{
    width:calc(100% - 1.4rem)!important;
  }
  .yb-home .yb-hero-copy{
    width:100%!important;
    max-width:100%!important;
    padding:1.25rem .15rem 4.1rem!important;
  }
  .yb-home .yb-kicker{
    font-size:.74rem!important;
    margin-bottom:.45rem!important;
  }
  .yb-home .yb-hero-copy h1{
    font-size:clamp(2.15rem,10vw,3.25rem)!important;
    line-height:1!important;
  }
  .yb-home .yb-hero-copy h2{
    font-size:clamp(1.95rem,9vw,3rem)!important;
    margin:.15rem 0 .65rem!important;
  }
  .yb-home .yb-lead{
    font-size:clamp(.92rem,4vw,1.08rem)!important;
    line-height:1.42!important;
    margin-bottom:.8rem!important;
  }
  .yb-home .yb-hero-cta{
    padding:.72rem .95rem!important;
    font-size:.92rem!important;
  }
  .yb-home .yb-dots{
    bottom:15px!important;
    gap:8px!important;
  }

  .page-hero.page-hero-image{
    height:clamp(520px,76vh,680px)!important;
    min-height:520px!important;
  }
  .page-hero-photo{
    object-fit:contain!important;
    object-position:center top!important;
  }
  .page-hero.page-hero-image::after{
    background:
      linear-gradient(180deg,
        rgba(2,31,24,.02) 0%,
        rgba(2,31,24,.10) 48%,
        rgba(2,31,24,.78) 100%)!important;
  }
  .page-hero.page-hero-image{
    align-items:flex-end!important;
  }
  .page-hero.page-hero-image .container{
    width:calc(100% - 1.4rem)!important;
    padding:1.4rem 0 2.1rem!important;
  }
  .page-hero.page-hero-image h1{
    font-size:clamp(2.05rem,9.2vw,3.2rem)!important;
    line-height:1.02!important;
  }
  .page-hero.page-hero-image p:not(.eyebrow){
    font-size:.98rem!important;
  }

  /* Balanced, centered footer — same visual rhythm on small devices. */
  .site-footer .container{
    width:calc(100% - 2rem)!important;
    margin-inline:auto!important;
  }
  .site-footer .footer-desktop-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:1.55rem!important;
    text-align:center!important;
    justify-items:center!important;
  }
  .site-footer .footer-desktop-grid > section{
    width:100%!important;
    max-width:420px!important;
    margin-inline:auto!important;
    text-align:center!important;
  }
  .site-footer .footer-brand{
    justify-content:center!important;
  }
  .site-footer .footer-brand-block p{
    max-width:340px!important;
    margin:.7rem auto 0!important;
    text-align:center!important;
  }
  .site-footer .footer-link-columns{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:.35rem 1.25rem!important;
    justify-content:center!important;
  }
  .site-footer .footer-link-columns > div{
    display:grid!important;
    gap:.55rem!important;
    justify-items:center!important;
  }
  .site-footer .footer-contact-list{
    display:grid!important;
    gap:.65rem!important;
    justify-items:center!important;
  }
  .site-footer .footer-contact-list > a,
  .site-footer .footer-contact-list > span{
    width:auto!important;
    max-width:100%!important;
    margin-inline:auto!important;
    text-align:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.55rem!important;
  }
  .site-footer .footer-social-icons{
    justify-content:center!important;
  }
  .site-footer .footer-bottom-row{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:.5rem!important;
    margin-top:1.35rem!important;
    padding-top:1rem!important;
  }
  .site-footer .footer-bottom-row p,
  .site-footer .footer-credit{
    width:100%!important;
    margin:0!important;
    text-align:center!important;
  }
}
@media(max-width:430px){
  .site-footer .footer-link-columns{
    grid-template-columns:1fr!important;
  }
}

/* ===== FINAL HOME HERO EDGE-TO-EDGE / LIGHTER FIX ===== */
@media (min-width:769px){
  .yb-home .yb-hero.yb-multi-hero{
    height:clamp(560px,68vw,760px)!important;
    min-height:560px!important;
    max-height:760px!important;
    background:#063b30!important;
  }
  .yb-home .yb-multi-hero .yb-hero-slide::before{display:none!important;content:none!important}
  .yb-home .yb-multi-hero .yb-hero-slide picture{inset:0!important;width:100%!important;height:100%!important}
  .yb-home .yb-multi-hero .yb-hero-slide img{
    width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
    object-fit:cover!important;object-position:center center!important;
    filter:brightness(1.13) saturate(1.04)!important;
  }
  .yb-home .yb-hero-shade{
    background:linear-gradient(90deg,rgba(1,32,25,.58) 0%,rgba(1,32,25,.35) 29%,rgba(1,32,25,.10) 52%,rgba(1,32,25,0) 76%)!important;
  }
  .yb-home .yb-hero-copy{max-width:650px!important}
  .yb-home .yb-hero-copy h1{font-size:clamp(3rem,4.4vw,4.8rem)!important;line-height:.98!important}
  .yb-home .yb-hero-copy h2{font-size:clamp(2.5rem,3.8vw,4.15rem)!important;line-height:1!important}
  .yb-home .yb-lead{font-size:clamp(1rem,1.25vw,1.22rem)!important}
}


/* =====================================================================
   YAGER BUNA — SELECTED HERO SLIDES FINAL RESPONSIVE FIX
   ===================================================================== */
.yb-home .yb-hero.yb-multi-hero{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:clamp(600px,72vh,820px)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#062f26!important;
}
.yb-home .yb-hero-slides,
.yb-home .yb-hero-slide,
.yb-home .yb-hero-slide picture{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}
.yb-home .yb-hero-slide{
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .5s ease,visibility .5s ease!important;
  background:#062f26!important;
}
.yb-home .yb-hero-slide.active{
  opacity:1!important;
  visibility:visible!important;
}
.yb-home .yb-hero-slide::before{
  content:none!important;
  display:none!important;
}
.yb-home .yb-hero-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:brightness(1.08) saturate(1.04)!important;
  transform:none!important;
}
.yb-home .yb-hero-shade{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  pointer-events:none!important;
  background:linear-gradient(
    90deg,
    rgba(1,31,24,.70) 0%,
    rgba(1,31,24,.48) 28%,
    rgba(1,31,24,.20) 48%,
    rgba(1,31,24,.04) 70%,
    rgba(1,31,24,0) 100%
  )!important;
}
.yb-home .yb-hero-inner{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  pointer-events:none!important;
}
.yb-home .yb-hero-inner.container{
  width:min(1180px,calc(100% - 3rem))!important;
  margin:0 auto!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
}
.yb-home .yb-hero-copy{
  width:min(500px,42vw)!important;
  max-width:500px!important;
  padding:1rem 0!important;
  pointer-events:auto!important;
  background:transparent!important;
}
.yb-home .yb-hero-copy::before,
.yb-home .yb-hero-copy::after{
  content:none!important;
  display:none!important;
}
.yb-home .yb-hero-copy h1{
  font-size:clamp(2.7rem,4.2vw,4.35rem)!important;
  line-height:.98!important;
  margin:0!important;
}
.yb-home .yb-hero-copy h2{
  font-size:clamp(2.25rem,3.7vw,3.8rem)!important;
  line-height:1.02!important;
  margin:.25rem 0 .85rem!important;
}
.yb-home .yb-lead{
  max-width:470px!important;
  font-size:clamp(1rem,1.25vw,1.15rem)!important;
  line-height:1.5!important;
  margin:0 0 1.05rem!important;
}
.yb-home .yb-slider-arrow{
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:8!important;
}
.yb-home .yb-dots{
  left:50%!important;
  right:auto!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  z-index:8!important;
  margin:0!important;
}

@media(max-width:768px){
  .yb-home .yb-hero.yb-multi-hero{
    height:clamp(650px,82svh,820px)!important;
  }
  .yb-home .yb-hero-slide img{
    object-fit:cover!important;
    object-position:center!important;
    filter:brightness(1.08) saturate(1.03)!important;
  }
  .yb-home .yb-hero-shade{
    background:linear-gradient(
      180deg,
      rgba(1,31,24,0) 0%,
      rgba(1,31,24,.05) 38%,
      rgba(1,31,24,.50) 66%,
      rgba(1,31,24,.86) 100%
    )!important;
  }
  .yb-home .yb-hero-inner{
    align-items:flex-end!important;
  }
  .yb-home .yb-hero-inner.container{
    width:calc(100% - 1.5rem)!important;
  }
  .yb-home .yb-hero-copy{
    width:100%!important;
    max-width:100%!important;
    padding:1rem 0 3.9rem!important;
  }
  .yb-home .yb-kicker{
    font-size:.76rem!important;
    margin-bottom:.4rem!important;
  }
  .yb-home .yb-hero-copy h1{
    font-size:clamp(2rem,9.5vw,3.05rem)!important;
    line-height:1!important;
  }
  .yb-home .yb-hero-copy h2{
    font-size:clamp(1.85rem,8.7vw,2.8rem)!important;
    line-height:1.02!important;
    margin:.15rem 0 .55rem!important;
  }
  .yb-home .yb-lead{
    font-size:clamp(.92rem,4.1vw,1.05rem)!important;
    line-height:1.42!important;
    margin-bottom:.75rem!important;
  }
  .yb-home .yb-hero-cta{
    width:auto!important;
    max-width:100%!important;
    padding:.72rem 1rem!important;
    font-size:.92rem!important;
  }
  .yb-home .yb-prev{left:8px!important}
  .yb-home .yb-next{right:8px!important}
  .yb-home .yb-dots{bottom:14px!important}
}


/* =====================================================================
   FINAL REAL-CODE MOBILE HERO + BOOK NOW FIX
   ===================================================================== */

@media (max-width: 768px) {
  /* Header/nav balance */
  .site-header .header-inner,
  .site-header .nav-wrap,
  .site-header .nav-actions {
    width: 100% !important;
  }

  /* Keep mobile menu centered and balanced */
  .site-nav,
  .site-nav.open,
  .mobile-nav,
  .mobile-menu {
    text-align: center !important;
  }

  .site-nav a,
  .mobile-nav a,
  .mobile-menu a {
    text-align: center !important;
  }

  .site-nav .book-now,
  .mobile-nav .book-now,
  .mobile-menu .book-now,
  .site-nav a[href*="booking"],
  .mobile-nav a[href*="booking"],
  .mobile-menu a[href*="booking"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0.85rem auto 0 !important;
    min-width: 190px !important;
    width: auto !important;
  }

  /* HOME HERO */
  .yb-home .yb-hero.yb-multi-hero {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: block !important;
    overflow: visible !important;
    background: #063c32 !important;
  }

  /* Image area is visible first */
  .yb-home .yb-hero-slides {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    background: #0a342b !important;
  }

  .yb-home .yb-hero-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  .yb-home .yb-hero-slide picture {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }

  .yb-home .yb-hero-slide img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    max-width: 100% !important;
    max-height: 100% !important;
    filter: brightness(1.08) saturate(1.03) !important;
    background: #0a342b !important;
  }

  /* Only a light overlay over the actual photo */
  .yb-home .yb-hero-shade {
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    z-index: 2 !important;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.02) 0%,
      rgba(0, 0, 0, 0.06) 62%,
      rgba(2, 35, 27, 0.22) 100%
    ) !important;
    pointer-events: none !important;
  }

  /* Text belongs BELOW the photo on mobile, so it never covers the image */
  .yb-home .yb-hero-inner,
  .yb-home .yb-hero-inner.container {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    background: #063c32 !important;
  }

  .yb-home .yb-hero-copy {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 1.35rem 1rem 3.8rem !important;
    text-align: left !important;
    background: #063c32 !important;
  }

  .yb-home .yb-kicker {
    font-size: 0.74rem !important;
    margin: 0 0 0.4rem !important;
  }

  .yb-home .yb-hero-copy h1 {
    font-size: clamp(2rem, 9vw, 2.85rem) !important;
    line-height: 1.02 !important;
    margin: 0 !important;
  }

  .yb-home .yb-hero-copy h2 {
    font-size: clamp(1.8rem, 8vw, 2.55rem) !important;
    line-height: 1.05 !important;
    margin: 0.15rem 0 0.6rem !important;
  }

  .yb-home .yb-lead {
    font-size: 1rem !important;
    line-height: 1.45 !important;
    margin: 0 0 0.9rem !important;
    max-width: 100% !important;
  }

  .yb-home .yb-hero-cta {
    display: flex !important;
    width: 100% !important;
    max-width: 420px !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }

  /* Slider arrows centered only over the photo area */
  .yb-home .yb-slider-arrow {
    position: absolute !important;
    top: calc((100vw * 1.25) / 2) !important;
    transform: translateY(-50%) !important;
    z-index: 6 !important;
  }

  .yb-home .yb-prev { left: 8px !important; }
  .yb-home .yb-next { right: 8px !important; }

  /* Dots sit between the image and text, centered */
  .yb-home .yb-dots {
    position: absolute !important;
    left: 50% !important;
    top: calc(100vw * 1.25 - 34px) !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    z-index: 7 !important;
    width: max-content !important;
    margin: 0 !important;
  }

  /* Prevent floating call button from blocking hero copy */
  .floating-call,
  .floating-call-button,
  .call-fab {
    bottom: 18px !important;
    right: 14px !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    justify-content: center !important;
  }
}

@media (max-width: 430px) {
  .yb-home .yb-hero-copy {
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
  }

  .yb-home .yb-hero-copy h1 {
    font-size: clamp(1.9rem, 9vw, 2.6rem) !important;
  }

  .yb-home .yb-hero-copy h2 {
    font-size: clamp(1.7rem, 8vw, 2.35rem) !important;
  }
}


/* =====================================================================
   MOBILE HERO VISIBILITY FINAL OVERRIDE
   Fixes: hero photo disappearing/covered on phones + centered Book Now
   ===================================================================== */
@media (max-width: 768px) {
  body.yb-home .yb-hero.yb-multi-hero,
  .yb-home .yb-hero.yb-multi-hero {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    background: #063c32 !important;
  }

  /* The photo block must have an explicit real height on mobile. */
  body.yb-home .yb-hero-slides,
  .yb-home .yb-hero-slides {
    order: 1 !important;
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: clamp(360px, 112vw, 610px) !important;
    min-height: 360px !important;
    max-height: 610px !important;
    overflow: hidden !important;
    z-index: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #082f28 !important;
  }

  body.yb-home .yb-hero-slide,
  .yb-home .yb-hero-slide {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: 1 !important;
    background: #082f28 !important;
  }

  body.yb-home .yb-hero-slide.active,
  body.yb-home .yb-hero-slide.is-active,
  .yb-home .yb-hero-slide.active,
  .yb-home .yb-hero-slide.is-active,
  .yb-home .yb-hero-slide:first-child {
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.yb-home .yb-hero-slide picture,
  .yb-home .yb-hero-slide picture {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  body.yb-home .yb-hero-slide img,
  .yb-home .yb-hero-slide img {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: brightness(1.08) !important;
  }

  /* No solid overlay is allowed to cover the picture. */
  body.yb-home .yb-hero-shade,
  .yb-home .yb-hero-shade {
    display: none !important;
  }

  /* Copy becomes its own compact section BELOW the image. */
  body.yb-home .yb-hero-inner,
  body.yb-home .yb-hero-inner.container,
  .yb-home .yb-hero-inner,
  .yb-home .yb-hero-inner.container {
    order: 2 !important;
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 3 !important;
    transform: none !important;
    background: #063c32 !important;
  }

  body.yb-home .yb-hero-copy,
  .yb-home .yb-hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 1.2rem 1rem 1.55rem !important;
    box-sizing: border-box !important;
  }

  body.yb-home .yb-hero-copy h1,
  .yb-home .yb-hero-copy h1 {
    font-size: clamp(2rem, 8.8vw, 2.75rem) !important;
    line-height: 1.02 !important;
    overflow-wrap: anywhere !important;
  }

  body.yb-home .yb-hero-copy h2,
  .yb-home .yb-hero-copy h2 {
    font-size: clamp(1.75rem, 7.8vw, 2.35rem) !important;
    line-height: 1.05 !important;
  }

  body.yb-home .yb-lead,
  .yb-home .yb-lead {
    font-size: 1rem !important;
    line-height: 1.45 !important;
  }

  /* Controls belong to the photo, never over the copy. */
  body.yb-home .yb-slider-arrow,
  .yb-home .yb-slider-arrow {
    top: calc(clamp(360px, 112vw, 610px) / 2) !important;
    z-index: 8 !important;
  }

  body.yb-home .yb-dots,
  .yb-home .yb-dots {
    top: calc(clamp(360px, 112vw, 610px) - 38px) !important;
    bottom: auto !important;
    z-index: 8 !important;
  }

  /* Center Book Now in any mobile menu implementation. */
  .site-nav .book-now,
  .site-nav a[href*="booking"],
  .site-nav a[href*="book"],
  .mobile-nav .book-now,
  .mobile-nav a[href*="booking"],
  .mobile-nav a[href*="book"],
  .mobile-menu .book-now,
  .mobile-menu a[href*="booking"],
  .mobile-menu a[href*="book"],
  .nav-menu .book-now,
  .nav-menu a[href*="booking"],
  .nav-menu a[href*="book"] {
    display: flex !important;
    width: min(82%, 300px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }
}

@media (max-width: 430px) {
  body.yb-home .yb-hero-slides,
  .yb-home .yb-hero-slides {
    height: 118vw !important;
    min-height: 350px !important;
    max-height: 510px !important;
  }

  body.yb-home .yb-slider-arrow,
  .yb-home .yb-slider-arrow {
    top: calc(118vw / 2) !important;
  }

  body.yb-home .yb-dots,
  .yb-home .yb-dots {
    top: calc(118vw - 38px) !important;
  }
}


/* ==========================================================
   YAGER BUNA MOBILE HERO — TRANSPARENT TEXT OVERLAY FINAL
   ========================================================== */
@media (max-width:768px){
  main.yb-home .yb-hero-inner,
  main.yb-home .yb-hero-inner.container,
  main.yb-home .yb-hero-copy{
    background:transparent!important;
  }
}


/* FINAL MOBILE HERO FILL OVERRIDE */
@media (max-width:768px){
  main.yb-home .yb-hero-slide img,
  main.yb-home .yb-hero-slide picture img{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  main.yb-home .yb-hero-slide::before,
  main.yb-home .yb-hero-slide::after{
    content:none!important;
    display:none!important;
  }
}

/* ===== 2026-08-17 FINAL SIX-HERO NO-CROP + MOBILE VISIBILITY FIX ===== */
.yb-home .yb-hero.yb-multi-hero{background:#062f26!important}
.yb-home .yb-multi-hero .yb-hero-slide{background:#062f26!important;overflow:hidden!important}
.yb-home .yb-multi-hero .yb-hero-slide::before{
  content:""!important;display:block!important;position:absolute!important;inset:-24px!important;
  background-image:var(--yb-slide-bg)!important;background-size:cover!important;background-position:center!important;
  filter:blur(20px) brightness(.45) saturate(.85)!important;transform:scale(1.08)!important;opacity:.88!important;z-index:0!important
}
.yb-home .yb-multi-hero .yb-hero-slide picture{position:absolute!important;inset:0!important;z-index:1!important;display:block!important}
.yb-home .yb-multi-hero .yb-hero-slide img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  object-fit:contain!important;object-position:center!important;filter:brightness(1.04) saturate(1.03)!important;transform:none!important
}
@media(max-width:768px){
  main.yb-home .yb-hero.yb-multi-hero{height:auto!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(390px,118vw) auto!important;overflow:hidden!important}
  main.yb-home .yb-hero-slides{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:390px!important;grid-row:1!important;z-index:1!important;overflow:hidden!important;background:#062f26!important}
  main.yb-home .yb-hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important}
  main.yb-home .yb-hero-slide::before{display:block!important;content:""!important}
  main.yb-home .yb-hero-slide picture{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;display:block!important}
  main.yb-home .yb-hero-slide img,main.yb-home .yb-hero-slide picture img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center!important}
  main.yb-home .yb-hero-shade{grid-row:1!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(to bottom,transparent 55%,rgba(0,35,29,.28) 100%)!important}
  main.yb-home .yb-hero-inner,main.yb-home .yb-hero-inner.container{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;transform:none!important;grid-row:2!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;z-index:4!important;background:#063c32!important;display:block!important}
  main.yb-home .yb-hero-copy{width:100%!important;max-width:none!important;padding:1.25rem 1.1rem 1.4rem!important;background:#063c32!important}
  main.yb-home .yb-slider-arrow{top:calc(min(390px,118vw)/2)!important;transform:translateY(-50%)!important;z-index:8!important}
  main.yb-home .yb-dots{top:calc(min(390px,118vw) - 38px)!important;bottom:auto!important;z-index:8!important}
}