/* Product directory: a quiet list, with one shared shop destination. */
#main .product-list{list-style:none;padding:0;margin:0;border-top:1px solid #D9DED9}
#main .product-list li{display:flex;align-items:baseline;gap:8px;padding:18px 0;border-bottom:1px solid #D9DED9;min-height:60px}
.product-list-name{font-family:E24Serif,serif;font-size:20px;font-weight:600;line-height:1.6;letter-spacing:.5px}
#main .product-list .product-marker{font-size:13px;color:#65685F}
#main #seasonal-products .catalog-footer{margin-top:28px;padding-top:0}

/* The same craft imagery accompanies both the catalog and seasonal living. */
.craft-photo{margin:0;position:relative;overflow:hidden;aspect-ratio:3/2}
.craft-photo>img{display:block;width:100%;height:100%;object-fit:cover}
.craft-photo>.photo-note{margin:0}
.offering-grid--craft .offering-item,.craft-grid article{border-top:0;padding-top:0}
.offering-grid--craft .offering-copy,.craft-caption{padding-top:20px}
#main .offering-grid--craft .offering-copy p{margin-top:8px;font-size:13px}
#main .craft-caption h3{margin-top:8px}
.craft-grid{gap:32px}

/* Shared action controls: soft corners and a black interactive state. */
body :is(#main,.site-header,.matrix-footer,#detail-dialog) :is(.button,.underlined-link,.gallery-cta,.gallery-buttons button,.store-pagination button,.matrix-shop){border-radius:8px;transition:background-color .18s,color .18s,border-color .18s}
#main .underlined-link{border:1px solid #59665B;padding:9px 17px;justify-content:center}
body :is(#main,.site-header,.matrix-footer,#detail-dialog) :is(.button,.underlined-link,.gallery-cta,.gallery-buttons button,.store-pagination button,.matrix-shop):not(:disabled):is(:hover,:focus-visible),body #main .nurture-card:is(:hover,:focus-visible) .gallery-cta{background:#000;color:#FFF;border-color:#000;text-decoration:none}
body :is(#main,.site-header,.matrix-footer,#detail-dialog) :is(.button,.underlined-link,.gallery-cta,.gallery-buttons button,.store-pagination button,.matrix-shop):focus-visible{outline:2px solid #183C34;outline-offset:4px}
body .matrix-footer .matrix-shop:focus-visible{outline-color:#F3F4EE}

@media(max-width:760px){
 #main .product-list li{padding:14px 0;min-height:52px}
 .product-list-name{font-size:16px}
 #main .product-list .product-marker{font-size:12px}
 #main .offerings-section#diy{width:100%}
 #main #diy>.offerings-heading,#main #diy>.catalog-footer{padding-inline:24px}
 #main .offering-grid--craft{gap:32px}
 #main .offering-grid--craft .offering-copy{padding:16px 24px 0}
 #main .craft-section{padding:48px 0}
 #main .craft-section>.eyebrow,#main .craft-section>h2,#main .craft-section>p{padding-inline:24px}
 #main .craft-section>p{max-width:calc(35em + 48px)}
 #main .craft-grid{margin:28px 0;gap:32px}
 #main .craft-caption{padding:16px 24px 0}
 #main .craft-section>.underlined-link{margin-inline:24px}
}
@media(prefers-reduced-motion:reduce){body :is(#main,.site-header,.matrix-footer,#detail-dialog) :is(.button,.underlined-link,.gallery-cta,.gallery-buttons button,.store-pagination button,.matrix-shop){transition:none}}