/* Graze & Grace homepage accents: flyer line-art, flyer fonts, kraft paper. Homepage only. */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2");}
@font-face{font-family:"Mulish";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/mulish-latin-400-normal.woff2) format("woff2");}
@font-face{font-family:"Mulish";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/mulish-latin-600-normal.woff2) format("woff2");}
@font-face{font-family:"Mulish";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/mulish-latin-700-normal.woff2) format("woff2");}
@font-face{font-family:"Mulish";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/mulish-latin-800-normal.woff2) format("woff2");}

.page-home{--gg-sage:#5F7550;--gg-kraft:#EFE0CA;--gg-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--gg-sans:"Mulish",Arial,Helvetica,sans-serif;font-family:var(--gg-sans);}
.page-home h1,.page-home h2,.page-home h3,.page-home .section-title{font-family:var(--gg-serif);font-weight:600;letter-spacing:-.01em;}
.page-home .nav-links,.page-home .btn,.page-home .eyebrow,.page-home .area{font-family:var(--gg-sans);}
.page-home .hero h1{font-size:clamp(1.7rem,3.1vw,2.6rem);line-height:1.12;}
.page-home .section-title{font-size:clamp(1.7rem,2.6vw,2.2rem);}
.page-home .service h3{font-size:1.3rem;}
.page-home .path-card h3,.page-home .sampler-promo h3,.page-home .welcome-copy h2{font-weight:600;}
.page-home .welcome-copy h2{font-size:clamp(1.6rem,2.5vw,2.1rem);}

/* One recolorable mask per ornament. */
.page-home .hero::before,.page-home .hero-copy h1::after,.page-home .section-title::after,.page-home .service-grid .service h3::before,.page-home .welcome::after,.page-home .endcap h2::before,.page-home .sampler-promo::before{content:"";display:block;background-repeat:no-repeat;background-position:center;background-size:contain;}

/* Hero: sage sprig behind the headline, heart flourish beneath it. */
.page-home .hero{position:relative;overflow:hidden;}
.page-home .hero::before{position:absolute;left:calc(50% - 740px);top:2px;width:130px;height:104px;color:var(--gg-sage);opacity:.85;pointer-events:none;display:none;background-image:url(../ornaments/sprig-corner-c.svg);background-position:left top;}
.page-home .hero-grid{position:relative;z-index:1;}
.page-home .hero-copy h1::after{width:140px;height:56px;margin:2px auto 10px;color:#ECA787;background-image:url(../ornaments/heart-flourish-c.svg);background-position:center;}
.page-home .hero-copy h1{margin-bottom:0;}

/* Section titles: a thin rule with a heart. */
.page-home .section-title::after{width:min(360px,80%);height:24px;margin:10px auto 0;color:#ECA787;background-image:url(../ornaments/divider-heart-c.svg);}

/* Service cards: a line-art icon in peach on each. */
.page-home .service-grid .service h3{display:flex;align-items:center;gap:10px;}
.page-home .service-grid .service h3::before{flex:0 0 40px;width:40px;height:40px;margin:0;color:#ECA787;}
.page-home .service-grid .service:nth-child(1) h3::before{background-image:url(../ornaments/icon-cup-c.svg);}
.page-home .service-grid .service:nth-child(2) h3::before{background-image:url(../ornaments/icon-box-c.svg);}
.page-home .service-grid .service:nth-child(3) h3::before{background-image:url(../ornaments/icon-board-c.svg);}
.page-home .service-grid .service:nth-child(4) h3::before{background-image:url(../ornaments/icon-table-c.svg);}
.page-home .service-grid .service:nth-child(5) h3::before{background-image:url(../ornaments/icon-candle-c.svg);}
.page-home .service-grid .service:nth-child(6) h3::before{background-image:url(../ornaments/icon-cart-c.svg);}
.page-home .service-grid .service:nth-child(7) h3::before{background-image:url(../ornaments/icon-cloche-c.svg);}
.page-home .service-grid .service:nth-child(8) h3::before{background-image:url(../ornaments/icon-leaf-c.svg);}

/* Rentals section: a kraft-paper band with a tall sprig. */
.page-home .welcome{position:relative;overflow:hidden;background-color:var(--gg-kraft);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .32  0 0 0 0 .22  0 0 0 0 .12  0 0 0 .11 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");border-top:1px dashed rgba(81,55,45,.28);border-bottom:1px dashed rgba(81,55,45,.28);}
.page-home .welcome::after{position:absolute;right:12px;bottom:-8px;width:90px;height:270px;display:none;color:var(--gg-sage);opacity:.8;pointer-events:none;background-image:url(../ornaments/sprig-tall-c.svg);}
.page-home .welcome .container{position:relative;z-index:1;}

/* Closing band: a small heart above the headline. */
.page-home .endcap h2::before{width:34px;height:34px;margin:0 auto 12px;color:#ECA787;background-image:url(../ornaments/heart-small-c.svg);}

@media (min-width:1440px){.page-home .hero::before,.page-home .welcome::after{display:block;}}
@media (max-width:900px){
  .page-home .hero-copy h1::after{width:110px;height:44px;margin:2px auto 8px;}
}
.page-home .endcap-signoff,.page-home .endcap-signoff strong,.page-home .footer-brand strong{font-family:var(--gg-serif);font-size:1.3rem;font-weight:600;}

.page-home .endcap h2{font-size:clamp(1.5rem,2.5vw,2rem);}
.page-home .path-card h3,.page-home .sampler-promo h3{font-size:clamp(1.3rem,1.8vw,1.5rem);}

/* Service-area strip under the hero. */
.page-home .area-strip{background:#F6ECDD;border-top:1px solid rgba(81,55,45,.14);border-bottom:1px solid rgba(81,55,45,.14);}
.page-home .area-strip p{margin:0;padding:13px 0;text-align:center;font-size:.9rem;font-weight:700;letter-spacing:.01em;color:#51372D;line-height:1.5;}
