
/* Approved Terroir Signature article layout. */
.universe-article .article-breadcrumb{display:flex;gap:10px;align-items:center;padding:15px 8%;background:#fbf8f1;font:13px/1.4 Arial,sans-serif;color:#526352;flex-wrap:wrap}
.universe-article .article-breadcrumb a{color:#224734;text-decoration:none}
.universe-article .signature-domain-desktop{clip-path:inset(1cqw 0 0)}
.universe-article .signature-domain-copy{z-index:3;top:13%;width:45%}
.universe-article .signature-domain-copy h1{font-size:6.4cqw;line-height:.9;margin:1.15cqw 0 1.25cqw}
.universe-article .article-long-title .signature-domain-copy h1{font-size:5.25cqw}
.universe-article .signature-domain-subtitle{font-size:2.15cqw;margin-top:1.1cqw}
.universe-article .signature-domain-description{font-size:1.35cqw;line-height:1.5;max-width:90%;margin-top:.85cqw}
.universe-article .article-hero-line{width:45px;height:1px;background:#b8c7a3;margin:1.4cqw 0 0}
.universe-article .article-products-hero{position:absolute;z-index:1;right:4%;bottom:0;width:46%;height:91%;object-fit:contain;object-position:center bottom}
.universe-article .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:70px;max-width:1120px;width:84%;margin:0 auto;padding:42px 0 50px;align-items:start}
.universe-article .article-kicker{font:12px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;color:#527351;margin:0 0 12px}
.universe-article .article-story h2{font:400 34px/1.12 Georgia,serif;letter-spacing:-.8px;color:#153b27;margin:0 0 16px}
.universe-article .article-story p{font:17px/1.75 Arial,sans-serif;color:#485147;margin:0 0 20px}
.universe-article .article-story section{scroll-margin-top:30px;margin:0 0 35px}
.universe-article .article-meta{font:12px/1.5 Arial,sans-serif;color:#73806b;margin:0 0 28px;display:flex;align-items:center;gap:10px}
.universe-article .article-meta::before{content:'';width:18px;height:1px;background:#8caa7c}
.universe-article .copy-placeholder{display:grid;gap:10px;margin:18px 0 26px;max-width:100%}
.universe-article .copy-placeholder span{display:block;height:7px;border-radius:3px;background:#e3e4d9;width:100%}
.universe-article .copy-placeholder span:nth-child(2){width:96%}.universe-article .copy-placeholder span:last-child{width:72%}
.universe-article .article-figure{margin:24px 0 32px}
.universe-article .article-figure img{width:100%;height:270px;object-fit:cover;border-radius:10px;display:block}
.universe-article .article-figure.product img{object-fit:contain;background:#f2ede3;padding:12px;mix-blend-mode:multiply}
.universe-article .article-figure figcaption{font:12px/1.5 Arial,sans-serif;color:#6a7867;margin-top:8px}
.universe-article .article-note{background:#edf0e4;border-left:2px solid #709b61;border-radius:0 8px 8px 0;padding:22px 25px;margin:24px 0 32px}
.universe-article .article-note h3{font:400 25px/1.15 Georgia,serif;margin:0 0 15px;color:#153b27}
.universe-article .article-tags{display:flex;gap:9px;flex-wrap:wrap}.universe-article .article-tags span{font:13px/1.4 Arial,sans-serif;padding:7px 12px;background:#fbf8f1;border:1px solid #d7dfcb;border-radius:20px;color:#33533a}
.universe-article .article-side{position:sticky;top:25px}
.universe-article .article-toc{border:1px solid #dddccd;border-radius:9px;padding:23px 21px;margin-bottom:23px;background:#fbf8f1}
.universe-article .article-toc h2{font:400 23px/1.2 Georgia,serif;margin:0 0 18px;color:#153b27}
.universe-article .article-toc ol{list-style:none;padding:0;margin:0;counter-reset:section}
.universe-article .article-toc li{counter-increment:section;display:flex;gap:12px;padding:10px 0;border-top:1px solid #e7e5d9;font:13px/1.45 Arial,sans-serif}
.universe-article .article-toc li::before{content:'0' counter(section);color:#88a174;font-size:11px;margin-top:2px}
.universe-article .article-toc a{color:#274b34;text-decoration:none}
.universe-article .article-toc a:hover{text-decoration:underline}
.universe-article .article-side-cta{padding:23px 21px;background:#e9eee0;border-radius:9px;color:#28442b;font:15px/1.5 Arial,sans-serif}
.universe-article .article-side-cta strong{display:block;font:400 25px/1.1 Georgia,serif;margin-bottom:10px}
.universe-article .article-side-cta a{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:#00472d;color:#fffdf7;border-radius:22px;text-decoration:none;font:13px/1.3 Arial,sans-serif;margin-top:16px}
.universe-article .article-source{font:12px/1.5 Arial,sans-serif;color:#6a7867;border-top:1px solid #dfdfd2;padding-top:16px;margin-top:24px}
.universe-article .article-source a{color:#456c42}
.universe-article .article-selection{border-top:1px solid #dedfcf;padding:30px 0 0;margin:34px 0 0}
.universe-article .article-selection h2{font-size:28px;margin-bottom:20px}
.universe-article .article-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.universe-article .article-product{padding:16px;border:1px solid #e0dece;border-radius:9px;text-align:center;display:flex;flex-direction:column;align-items:center;background:#fbf8f1}
.universe-article .article-product img{height:150px;width:100%;object-fit:contain;mix-blend-mode:multiply}
.universe-article .article-product h3{font:400 20px/1.15 Georgia,serif;margin:13px 0 6px;color:#153b27}
.universe-article .article-product small{font:12px Arial,sans-serif;color:#66705f}
.universe-article .article-product a{font:12px Arial,sans-serif;background:#00472d;color:#fffdf7;padding:9px 18px;border-radius:20px;text-decoration:none;margin-top:12px}
.universe-article .article-related{padding:30px 5.7% 42px;background:#f0eee2;border-top:1px solid #e0e0d0}
.universe-article .article-related>h2{font:400 32px Georgia,serif;text-align:center;margin:0 0 24px;color:#153b27}
.universe-article .article-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1120px;margin:auto}
.universe-article .article-related-card{display:grid;grid-template-columns:38% 1fr;min-height:145px;border:1px solid #dcddcc;border-radius:9px;overflow:hidden;background:#fbf8f1;color:#153b27;text-decoration:none}
.universe-article .article-related-card>img{width:100%;height:100%;object-fit:cover;min-height:145px}
.universe-article .article-related-card>div{padding:24px 20px}.universe-article .article-related-card h3{font:400 26px Georgia,serif;margin:0 0 14px}.universe-article .article-related-card span{font:13px Arial,sans-serif;border-bottom:1px solid #8da180;padding-bottom:4px}
@media(max-width:760px){
 .universe-article .article-breadcrumb{font-size:11px;padding:11px 5%;gap:7px}
 .universe-article .signature-domain-copy{top:6.5%;left:4%;width:92%}
 .universe-article .signature-domain-copy h1{font-size:12.3cqw;line-height:.9;margin:3cqw 0 2.6cqw}
 .universe-article .article-long-title .signature-domain-copy h1{font-size:10.9cqw}
 .universe-article .signature-domain-subtitle{font-size:5.1cqw;line-height:1.15;margin-top:2cqw}
 .universe-article .signature-domain-description{font-size:3.8cqw;line-height:1.4;max-width:88%;margin:2cqw auto 0}
 .universe-article .article-hero-line{margin:3cqw auto 0;width:30px}
 .universe-article .article-products-hero{height:46%;width:68%;right:16%;bottom:0}
 .universe-article .article-layout{display:flex;flex-direction:column;width:90%;padding:25px 0 32px;gap:24px}
 .universe-article .article-side{position:static;order:-1;width:100%}
 .universe-article .article-toc{padding:15px 17px;margin:0;background:#f2f1e6;border-radius:7px}
 .universe-article .article-toc h2{font-size:20px;margin:0 0 9px}
 .universe-article .article-toc ol{display:grid;gap:0;overflow:visible}
 .universe-article .article-toc li{min-width:0;border-top:1px solid #e0e3d5;padding:7px 0;gap:9px;font-size:12px}
 .universe-article .article-side-cta{display:none}
 .universe-article .article-meta{font-size:10px;margin-bottom:20px}
 .universe-article .article-kicker{font-size:10px;letter-spacing:1.6px;margin-bottom:9px}
 .universe-article .article-story{width:100%}
 .universe-article .article-story h2{font-size:29px;line-height:1.1;margin-bottom:15px}
 .universe-article .article-story p{font-size:15px;line-height:1.65;margin-bottom:18px}
 .universe-article .copy-placeholder{gap:8px;margin:16px 0 23px}.universe-article .copy-placeholder span{height:6px}
 .universe-article .article-figure img{height:220px;border-radius:7px}
 .universe-article .article-figure figcaption{font-size:10px}
 .universe-article .article-note{padding:18px 17px;margin:22px 0 28px}
 .universe-article .article-note h3{font-size:24px}
 .universe-article .article-tags{gap:6px}.universe-article .article-tags span{font-size:11px;padding:6px 10px}
 .universe-article .article-source{font-size:11px}
 .universe-article .article-selection h2{font-size:27px}
 .universe-article .article-product-grid{gap:10px}.universe-article .article-product{padding:10px}
 .universe-article .article-product img{height:120px}.universe-article .article-product h3{font-size:17px}.universe-article .article-product a{font-size:11px;padding:8px 12px}
 .universe-article .article-related{padding:25px 5% 30px}.universe-article .article-related>h2{font-size:28px;margin-bottom:18px}
 .universe-article .article-related-grid{grid-template-columns:1fr;gap:12px}.universe-article .article-related-card{min-height:100px}
 .universe-article .article-related-card>img{min-height:100px}.universe-article .article-related-card>div{padding:20px 17px}.universe-article .article-related-card h3{font-size:24px;margin-bottom:10px}
}
