/* Shared finishing touches for the landing page and catalogue. */
.hero-card{width:min(440px,100%)}
.hero-card h1{margin:0 0 22px;color:#fffdfb;text-transform:none;letter-spacing:0;text-shadow:0 3px 22px rgba(29,13,24,.75)}
.hero-card h1 .hero-business{display:block;font:600 clamp(51px,5.3vw,75px)/.98 'Cormorant Garamond',Georgia,serif;text-transform:none}
.hero-card h1 .hero-business-name{display:block;margin-top:2px;font:400 clamp(76px,8vw,111px)/1 var(--script),cursive;text-transform:none}
.hero-bottom p{font-size:clamp(18px,1.7vw,23px);line-height:1.3;font-weight:500;text-shadow:0 2px 12px rgba(29,13,24,.85)}
.hero-bottom .button{font-size:13px;font-weight:600;background:rgba(53,28,43,.28);box-shadow:0 4px 18px rgba(29,13,24,.18)}
.about-kicker{font-size:12px;font-weight:600;letter-spacing:2px;color:#9c1659}
.about-copy h2 span{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:-.025em;color:#352733}
.about-lead{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(26px,2.5vw,32px);font-weight:600;line-height:1.26;color:#382b35}
.about-copy .about-body{font-size:15px;line-height:1.7;font-weight:500;color:#51404b}
.occasions h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(48px,5.5vw,72px);letter-spacing:-.02em;color:#30232f;line-height:1.04}
.occasions h2 em{font-family:var(--script);font-weight:400;font-size:1.12em;letter-spacing:0;white-space:nowrap}
.faq-section{isolation:isolate;background:linear-gradient(120deg,#fff9f8 0%,#faedf2 52%,#fff9f8 100%)}
.faq-section::before,.faq-section::after{z-index:-1;width:clamp(300px,33vw,550px);height:auto;aspect-ratio:1;background-image:url('./catalog-magnolias-corner.webp');background-size:contain;opacity:.27}
.faq-section::before{left:-75px;top:-65px;transform:rotate(180deg)}
.faq-section::after{right:-65px;bottom:-85px;transform:none}
.faq-section h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:-.018em}
.faq-intro p{font-size:16px;font-weight:500;color:#4d3c47}
.faq-list{background:rgba(255,250,248,.96)}
.faq-list summary{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(23px,2.1vw,29px);font-weight:600;color:#382936}
.faq-list details p{font-size:15px;line-height:1.7;color:#51404a}
.customer-reviews{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#fff9f8 0%,#f8eaf1 55%,#fff9f8 100%)}
.customer-reviews::before,.customer-reviews::after{content:'';position:absolute;z-index:-1;width:clamp(260px,28vw,440px);aspect-ratio:1;background:url('./catalog-magnolias-corner.webp') center/contain no-repeat;opacity:.3;pointer-events:none}
.customer-reviews::before{left:-80px;top:-95px;transform:rotate(180deg)}
.customer-reviews::after{right:-65px;bottom:-90px}
.customer-reviews h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(43px,4.5vw,63px);letter-spacing:-.018em;color:#372934}
.customer-reviews>div>p{font-size:16px;line-height:1.65;font-weight:500;color:#52404b}
.customer-review{position:relative;overflow:hidden;background:rgba(255,253,251,.97);border-color:#dfc1ce;box-shadow:0 14px 35px rgba(73,53,65,.12)}
.customer-review::after{content:'';position:absolute;right:-32px;top:-35px;width:125px;aspect-ratio:6/5;background:url('./floral-corner.svg') center/contain no-repeat;opacity:.24;pointer-events:none}
.customer-review blockquote{position:relative;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(27px,2.4vw,35px);font-weight:600;line-height:1.18;color:#392935}
.customer-review figcaption{font-size:12px;color:#59434e}
@media(max-width:700px){
  .hero-card{width:min(100%,350px)}
  .hero-card h1 .hero-business{font-size:clamp(53px,14vw,67px)}
  .hero-card h1 .hero-business-name{font-size:clamp(75px,19vw,95px)}
  .hero-bottom p{font-size:18px}
  .about-copy{padding-inline:26px}
  .about-kicker{font-size:10px;letter-spacing:1.5px}
  .about-copy h2{font-size:clamp(45px,12vw,58px)}
  .about-lead{font-size:26px}
  .about-copy .about-body{font-size:14px}
  .occasions h2{font-size:clamp(43px,11vw,56px);line-height:1.03}
  .occasions h2 em{display:block;margin-top:2px}
  .faq-section::before,.faq-section::after{width:240px;opacity:.17}
  .faq-list{padding-inline:20px}
  .faq-intro p,.customer-reviews>div>p{font-size:14px}
  .customer-reviews::before,.customer-reviews::after{width:250px;opacity:.18}
  .customer-review blockquote{font-size:29px}
}
