/* FINAL HOME PAGE VISUAL RECONCILIATION — keyed to the approved four-photo
   Luxury Legacy homepage mockup. All secondary pages are unchanged. */
body.legacy-approved.page-home{background:#050505;color:#f2eeeb}
body.page-home .site-header{height:59px!important;background:#080809!important;border-bottom:1px solid #71665e!important;position:relative!important}
body.page-home .nav-inner{height:100%!important;max-width:1130px!important;padding:0 23px!important}
body.page-home .brand img{width:132px!important;height:55px!important;object-fit:contain}
body.page-home .site-nav{gap:34px!important}
body.page-home .site-nav a{font:normal 15px Georgia,serif!important;color:#f4f0ee!important}
body.page-home .nav-cta{height:35px!important;min-height:35px!important;min-width:132px!important;background:#070707!important;border:1px solid #c9c6c3!important;color:#fff!important;border-radius:2px!important;box-shadow:none!important}
body.page-home .container{width:min(calc(100% - 54px),1150px)!important}
/* Keep the actual transparent user-selected gold / chrome art in the center,
   but let the approved floral-and-candle setting remain visible on BOTH sides. */
body.page-home .gold-animated-hero{
  height:clamp(287px,30.8vw,404px)!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  background:#030304 url('home-hero-florals.webp') center/100% 100% no-repeat!important;
  border-bottom:1px solid #8c8179!important;
}
body.page-home .gold-animated-hero::before{
  display:block!important;content:'';background:linear-gradient(90deg,transparent 0%,#0002 18%,#0000 50%,#0002 82%,transparent 100%)!important;
}
body.page-home .gold-hero-stage{inset:0 9.5%!important;width:81%!important;isolation:isolate}
body.page-home .gold-hero-backdrop{
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  max-height:100%!important;
  filter:drop-shadow(0 0 6px rgba(241,191,93,.19))!important;
  animation:legacy-transparent-reveal 1.7s cubic-bezier(.2,.6,.2,1) both,
            legacy-logo-shimmer 9s ease-in-out 1.7s infinite alternate!important;
}
body.page-home .gold-swirl-overlay{inset:0!important;width:100%!important;height:100%!important;opacity:.42!important}
body.page-home .gold-swirl-overlay .trail-glow{opacity:.13!important;stroke-width:7!important}
body.page-home .gold-swirl-overlay .trail-primary{opacity:.48!important;stroke-width:2.3!important}
body.page-home .gold-swirl-overlay .trail-secondary{opacity:.23!important;stroke-width:1.4!important}
body.page-home .gold-animated-hero .hero-scroll{bottom:2px!important;width:23px!important;height:23px!important;background:#09090978!important}
/* Compact & balanced middle content exactly like the approved editorial layout. */
body.page-home .approved-about{padding:18px 0 24px!important;min-height:285px!important;background:radial-gradient(ellipse at 30% 35%,#111014 0%,#070707 67%,#111115 120%)!important}
body.page-home .approved-about::before{opacity:.65!important;background:repeating-linear-gradient(142deg,transparent 0 64px,#53515a0c 67px,transparent 70px 144px),repeating-linear-gradient(18deg,transparent 0 134px,#b4b0b208 136px,transparent 139px)!important}
body.page-home .approved-about-heading{margin-bottom:10px!important}
body.page-home .approved-about-heading .eyebrow{font-size:12px!important}
body.page-home .approved-about-heading h2{font-size:clamp(27px,2.85vw,39px)!important;line-height:1.05!important;margin:6px 0 0!important}
body.page-home .approved-about .about-grid{grid-template-columns:1fr 1.02fr!important;gap:38px!important;max-width:1090px!important}
body.page-home .approved-about .about-copy{padding-left:4px!important}
body.page-home .approved-about .about-copy p{font:normal clamp(13px,1.2vw,16px)/1.42 Georgia,serif!important;margin-bottom:14px!important}
body.page-home .approved-about .about-copy .btn{min-height:35px!important;min-width:264px!important;font-size:12px!important;margin-top:0!important;background:#060606!important;color:#f5f1ef!important;border:1px solid #f4f1ee!important}
body.page-home .approved-about .feature-grid{gap:0 19px!important}
body.page-home .approved-about .feature-item{min-height:68px!important;gap:9px!important;padding:5px 0 7px!important}
body.page-home .approved-about .feature-icon{height:43px!important;width:43px!important;border-color:#d5c9b6!important}
body.page-home .approved-about .feature-icon svg{width:24px!important;height:24px!important}
body.page-home .approved-about .feature-item h3{font:normal clamp(10px,1.08vw,13px)/1.13 Georgia,serif!important}
body.page-home .approved-about .feature-item p{font:normal clamp(9px,.95vw,11.4px)/1.28 Georgia,serif!important;margin-top:3px!important}
/* Reviews occupy the same modest height and candlelit setting as the concept. */
body.page-home .approved-reviews{padding:17px 0 18px!important;min-height:186px!important;background:#080606 url('home-review-candles.webp') center/100% 100% no-repeat!important}
body.page-home .approved-reviews .eyebrow{font-size:12px!important}
body.page-home .approved-reviews h2{font:italic normal clamp(28px,3vw,39px)/1.06 Georgia,serif!important;margin:4px 0 5px!important}
body.page-home .approved-reviews .review-widget{min-height:80px!important}
body.page-home .approved-reviews .pending-review-stars{letter-spacing:.1em;font-size:20px!important;color:#f5c85a!important}
body.page-home .approved-reviews .review-placeholder{font:italic 19px/1.28 Georgia,serif!important;margin:5px 0!important}
body.page-home .approved-reviews .review-note{font:normal 11px/1.3 Georgia,serif!important}
/* Smaller approved 4-photo gallery strip (one row, not an extended gallery). */
body.page-home .gallery-section{padding:15px 0 17px!important;min-height:238px!important;background:linear-gradient(135deg,#0b0b0d,#0a0a0d 50%,#111115)!important}
body.page-home .gallery-section .section-header{margin-bottom:9px!important}
body.page-home .gallery-section .eyebrow{font-size:12px!important}
body.page-home .gallery-section h2{font:normal clamp(26px,2.75vw,36px)/1.05 Georgia,serif!important;margin-top:5px!important}
body.page-home .gallery-preview{gap:6px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.page-home .photo-tile{aspect-ratio:2.04!important;border:1px solid #b0a5a1!important}
body.page-home .gallery-footer{margin-top:8px!important}
body.page-home .gallery-footer .btn{min-height:34px!important;min-width:240px!important;font-size:12px!important;letter-spacing:.08em!important;background:#070707!important;color:#fff!important;border:1px solid #efe9e4!important}
body.page-home .gallery-section .demo-note{font:normal 9.4px/1.1 Arial,sans-serif!important;opacity:.72}
/* Original lower floral frame, not an unadorned black callout. */
body.page-home .approved-cta{min-height:155px!important;padding:12px 0!important;background:#050505 url('home-cta-roses.webp') center/100% 100% no-repeat!important}
body.page-home .approved-cta .container{display:grid!important;grid-template-columns:1.3fr 1fr!important;max-width:930px!important;gap:18px!important}
body.page-home .approved-cta h2{font:italic normal clamp(37px,4vw,53px)/1.08 Georgia,serif!important;text-align:center!important}
body.page-home .approved-cta p{font:normal 12px/1.32 Georgia,serif!important;margin:5px 0 0!important;letter-spacing:.1em!important}
body.page-home .approved-cta .btn{background:linear-gradient(#fafafa,#cfcdd0)!important;color:#141414!important;min-height:43px!important;min-width:206px!important;border-radius:2px!important}
body.page-home .footer-main{min-height:77px!important;padding:7px 0!important;gap:20px!important}
body.page-home .footer-logo{width:126px!important}
body.page-home .footer-nav{gap:18px!important}
body.page-home .footer-nav a{font-size:12px!important}
body.page-home .footer-tagline{font-size:12px!important}
body.page-home .footer-bottom{padding:6px 0!important;font-size:9px!important}
/* Mobile keeps original hierarchy while fitting real interactive components. */
@media(max-width:760px){
 body.page-home .site-header{height:65px!important}
 body.page-home .container{width:calc(100% - 32px)!important}
 body.page-home .brand img{height:59px!important;width:139px!important}
 body.page-home .gold-animated-hero{height:clamp(240px,56vw,355px)!important;min-height:0!important;background-size:auto 100%!important;background-position:center!important}
 body.page-home .gold-hero-stage{inset:0 1.5%!important;width:97%!important}
 body.page-home .gold-hero-backdrop{object-fit:cover!important}
 body.page-home .approved-about{padding:23px 0 25px!important;min-height:0!important}
 body.page-home .approved-about-heading h2{font-size:30px!important;max-width:370px;margin:4px auto 0!important}
 body.page-home .approved-about .about-grid{display:block!important}
 body.page-home .approved-about .about-copy p{font-size:15px!important;line-height:1.48!important}
 body.page-home .approved-about .feature-grid{margin-top:15px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px 12px!important}
 body.page-home .approved-about .feature-item{min-height:72px!important;gap:5px!important}
 body.page-home .approved-about .feature-icon{width:37px!important;height:37px!important;flex:none!important}
 body.page-home .approved-about .feature-icon svg{width:21px!important;height:21px!important}
 body.page-home .approved-about .feature-item h3{font-size:11px!important}
 body.page-home .approved-about .feature-item p{font-size:10px!important}
 body.page-home .approved-reviews{padding:22px 0!important;min-height:218px!important;background-size:auto 100%!important}
 body.page-home .approved-reviews h2{font-size:30px!important}
 body.page-home .approved-reviews .review-placeholder{font-size:17px!important;max-width:260px}
 body.page-home .gallery-section{padding:19px 0!important;min-height:0!important}
 body.page-home .gallery-section h2{font-size:27px!important}
 body.page-home .gallery-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 body.page-home .photo-tile{aspect-ratio:1.7!important}
 body.page-home .approved-cta{min-height:185px!important;background-size:auto 100%!important;padding:21px 0!important}
 body.page-home .approved-cta .container{display:flex!important;flex-direction:column!important;gap:10px!important}
 body.page-home .approved-cta h2{font-size:35px!important}
 body.page-home .approved-cta .btn{min-height:41px!important}
 body.page-home .footer-main{padding:13px 0!important;min-height:0!important}
}
@media(prefers-reduced-motion:reduce){body.page-home .gold-hero-backdrop{animation:none!important;opacity:1}}
/* Final detail adjustments after side-by-side desktop comparison. */
body.page-home .gold-hero-backdrop{object-position:center 35%!important}
body.page-home .approved-cta .container{transform:translateX(36px)}
body.page-home .approved-cta h2{font-size:clamp(35px,3.5vw,47px)!important}
@media(max-width:760px){body.page-home .approved-cta .container{transform:none}}
@media(max-width:760px){
 body.page-home .approved-cta{background-size:100% 100%!important;background-position:center!important}
}
/* Use the actual dark-stone texture sampled from the approved Home artwork. */
body.page-home .approved-about{background:#070708 url('home-dark-marble.webp') center/100% 100% no-repeat!important}
body.page-home .gallery-section{background:#070708 url('home-dark-marble.webp') center/100% 100% no-repeat!important}
body.page-home .approved-cta p{max-width:455px!important;margin-inline:auto!important}

/* iPhone fidelity correction: the earlier mobile viewport used auto-sized
   landscape crops, which removed the floral/candle framing and stretched stone.
   These assets place the original approved scenery at both edges, leaving a
   dark readable center just as on the approved desktop page. */
@media (max-width:760px){
  body.page-home .gold-animated-hero{
    height:clamp(268px,73vw,350px)!important;
    background:#050405 url('home-hero-florals-mobile.webp') center center/100% 100% no-repeat!important;
  }
  body.page-home .gold-hero-stage{left:5%!important;right:5%!important;top:0!important;bottom:0!important;width:90%!important;}
  body.page-home .gold-hero-backdrop{object-fit:contain!important;object-position:center!important;}
  body.page-home .gold-swirl-overlay{opacity:.42!important;}
  body.page-home .approved-about,body.page-home .gallery-section{
    background:#080809 url('home-dark-marble.webp') center top/auto 300px repeat-y!important;
  }
  body.page-home .approved-about::before{opacity:.30!important;}
  body.page-home .approved-reviews{
    background:#080606 url('home-review-candles-mobile.webp') center/100% 100% no-repeat!important;
  }
  body.page-home .approved-cta{
    background:#050505 url('home-cta-roses.webp') center center/100% 100% no-repeat!important;
    box-shadow:inset 0 0 38px #0008;
  }
  body.page-home .approved-cta .container{
    padding:0 10px!important;max-width:390px!important;
  }
  body.page-home .approved-cta h2{font-size:clamp(31px,8vw,38px)!important;line-height:1.08!important;}
  body.page-home .approved-about .feature-item h3{font-size:12px!important;}
  body.page-home .approved-about .feature-item p{font-size:11px!important;}
}
