/* Shared home architecture cards: natural height and accepted stone palette. */
html:root body .home-premium{padding-block:32px}
html:root body .home-premium__inner{grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
html:root body .home-premium__intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 28px;max-width:none;padding:0}
html:root body .home-premium__intro>.cz-kicker{grid-column:1/-1;margin:0}
html:root body .home-premium__intro>h2{grid-column:1;margin:0}
html:root body .home-premium__intro>p:not(.cz-kicker){grid-column:1;max-width:70ch;margin:0}
html:root body .home-premium__intro>.home-premium__button{grid-column:2;grid-row:2/4;align-self:center}
html:root body .home-premium__cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-self:start;align-content:start}
html:root body .home-premium-card{grid-column:span 2}
html:root body .home-premium-card:nth-last-child(-n+2){grid-column:span 3}
html:root body .home-premium-card{background:#c7b8a3!important;border-color:#b2a18b!important;color:#302d2a!important;min-height:0}
html:root body .home-premium-card>img{display:block;height:180px}
html:root body .home-premium-card>span{grid-template-columns:minmax(0,1fr);gap:6px;padding:14px}
html:root body .home-premium-card :is(b,strong){color:#302d2a!important}
html:root body .home-premium-card small{color:#403a35!important;font-size:14px;line-height:1.45}
html:root body .home-premium-card:focus-visible{outline:3px solid #795c43;outline-offset:3px}
@media(max-width:900px){
 html:root body .home-premium__intro{display:block}
 html:root body .home-premium__intro>h2{margin:10px 0}
 html:root body .home-premium__intro>.home-premium__button{display:inline-flex;margin-top:18px}
 html:root body .home-premium__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 html:root body .home-premium-card,html:root body .home-premium-card:nth-last-child(-n+2){grid-column:auto}
 html:root body .home-premium-card>img{height:165px}
}
@media(min-width:601px) and (max-width:900px){
 html:root body .home-premium-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}
 html:root body .home-premium-card:last-child>img{height:150px}
 html:root body .home-premium-card:last-child>span{padding:20px}
 html:root body .home-premium-card:last-child>em{right:auto;left:10px}
}
@media(max-width:600px){
 html:root body .home-premium{padding-block:24px}
 html:root body .home-premium__cards{grid-template-columns:minmax(0,1fr);overflow:visible;padding-bottom:0;gap:12px}
 html:root body .home-premium-card{display:grid;grid-template-columns:32% minmax(0,1fr);align-items:center}
 html:root body .home-premium-card>img{height:128px;grid-column:1;grid-row:1}
 html:root body .home-premium-card>span{grid-column:2;grid-row:1}
 html:root body .home-premium-card>em{position:static;grid-column:2;grid-row:1;align-self:start;justify-self:start;margin:8px 14px}
 html:root body .home-premium-card:has(>em)>span{padding-top:40px}
}

html:root body .home-premium-card[href="/external/elbow-awnings/"]>img{object-position:50% 25%}
