/* Crafty Expression: terracotta, natural green and neutral cream. */
:root{--terracotta:#a64832;--green:#294b3a;--cream:#faf6ee;--ink:#222522;--berry:var(--terracotta);--gold:var(--terracotta);--paper:var(--cream);--soft:#f0ede5;--line:#dedbd2;--muted:#61645f}
body{background:var(--cream)}
.announcement{background:var(--terracotta)}
.site-header{background:#fff; border-color:var(--line)}
.button,.nav-order,.menu-toggle,.filter,.quick-view{border-radius:999px}
.button{font-weight:700}
.button-primary,.button-light,.nav-order{background:var(--green);color:white;border-color:transparent}
.button-primary:hover,.button-light:hover,.site-header nav .nav-order:hover{background:var(--terracotta);color:white}
.hero{position:relative;display:flex;align-items:center;min-height:620px;margin:20px 3% 0;border-radius:28px;overflow:hidden;background:var(--green);isolation:isolate}
.hero-gallery{position:absolute;inset:0;display:block;opacity:1;z-index:-2}
.hero-gallery .hero-main{height:100%;width:100%}
.hero-gallery picture{display:block;height:100%}
.hero-gallery img{height:100%;max-height:none;width:100%;object-fit:cover;object-position:center}
.hero-detail,.hero-gallery figcaption{display:none}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,39,29,.86),rgba(20,39,29,.55) 34%,transparent 64%);z-index:-1}
.hero-copy{width:48%;padding:56px 5%;background:none;z-index:auto;position:static}
.hero .eyebrow,.hero h1 em,.hero-lede,.hero-footnote{color:var(--cream)}
.hero h1{font-size:clamp(46px,5.5vw,80px)}
.hero .button-primary{background:var(--terracotta);color:white}
.hero .button-primary:hover{background:var(--cream);color:var(--green)}
.hero-footnote{display:block}
.section-heading h2,.story h2{color:var(--green)}
.filter{border:1px solid transparent;border-radius:18px;padding:8px 5px}
.filter.is-active{background:#fff;border-color:var(--terracotta)}
.product-card{border-radius:20px;background:white;border:1px solid var(--line);overflow:hidden}
.product-button{border-radius:20px;height:100%}
.product-image{border-radius:19px 19px 14px 14px}
.product-image img{object-fit:cover}
.quick-view{background:var(--green);color:white;border:0;font-weight:700;padding:9px 8px}
.product-button:hover .quick-view{background:var(--terracotta)}
.product-meta{padding:15px 15px 20px}
.product-meta h3{font-weight:600}
.story{border-radius:28px;overflow:hidden;background:#fff}
.story-image{border-radius:28px}
.contact-band{background:var(--green);color:white;margin:0 3% 28px;border-radius:28px}
.contact-band .eyebrow,.contact-band>p:not(.eyebrow){color:var(--cream)}
.contact-band .button-light{background:var(--terracotta);color:white}
.contact-band .button-light:hover{background:white;color:var(--green)}
footer{background:var(--green);border-radius:28px 28px 0 0}
.product-dialog{border-radius:24px;background:var(--cream)}
.product-dialog::backdrop{background:rgba(0,0,0,.65)}
.product-gallery{background:var(--soft)}
.gallery-stage,#gallery-thumbnails button,#gallery-thumbnails img{border-radius:14px}
.craft-tags span{border-color:var(--line);color:var(--green);background:white}
@media(max-width:760px){
 .hero{min-height:0;flex-direction:column;align-items:stretch;margin:12px 12px 0;border-radius:22px}
 .hero-copy{width:100%;padding:28px 24px;background:none}
 .hero::after{display:none}
 .hero-gallery{position:relative;inset:auto;opacity:1;z-index:auto;order:-1;width:100%;height:360px}
 .hero-gallery img{object-position:center}
 .hero h1{font-size:46px}
 .hero h1 br{display:none}
 .hero-lede{max-width:310px;margin:12px 0 18px}
 .hero .eyebrow{margin-bottom:10px}
 .hero-footnote{display:none}
 .hero .button{padding:12px 20px;min-height:48px}
 .product-grid{gap:20px 12px}
 .product-card,.product-button{border-radius:16px}
 .product-image{border-radius:15px 15px 12px 12px}
 .product-meta{padding:10px 10px 14px}
 .quick-view{padding:8px 5px;font-size:11px}
 .price small{display:block;margin:2px 0 0;font-size:10px}
 .card-craft{font-size:10px}
 .contact-band{margin:0 12px 20px;border-radius:22px}
 .site-header nav{border-radius:0 0 20px 20px}
}