/* STANISTROI / Blog archive and individual articles.
   Consistent architectural cream/charcoal/terracotta design; responsive. */

.ss-blog-page,.ss-blog-article-page{background:#f7f3ed;color:#29241f;overflow:clip}
.ss-blog-hero{min-height:355px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:#1f2c32;color:#fff}
.ss-blog-hero__photo,.ss-blog-article-hero__photo{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}
.ss-blog-hero__photo{object-position:65% 47%}
.ss-blog-hero__shade,.ss-blog-article-hero__shade{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(17,27,33,.91) 0%,rgba(17,27,33,.78) 30%,rgba(17,27,33,.31) 61%,rgba(17,27,33,.04) 100%)}
.ss-blog-hero__inner{position:relative;z-index:2;width:min(calc(100% - 72px),1170px);margin:0 auto;padding:65px 0}
.ss-blog-hero__eyebrow,.ss-blog-article-hero__eyebrow{font:800 10px/1.5 'Inter',sans-serif;letter-spacing:.19em;color:#e9a184;margin:0 0 15px}
.ss-blog-hero h1{font:800 clamp(64px,7.4vw,103px)/.96 'Manrope',sans-serif;letter-spacing:-.08em;margin:0 0 19px;color:#fff}
.ss-blog-hero h1 span{color:#c65330}
.ss-blog-hero__inner>p:last-child{font:500 15px/1.7 'Inter',sans-serif;color:#efebe7;margin:0;max-width:540px}
.ss-blog-listing{padding:68px 0 89px;background:#f7f3ed}
.ss-blog-listing__inner{width:min(calc(100% - 72px),1170px);margin:0 auto}
.ss-blog-listing__eyebrow{margin:0 0 14px;color:#b64b2d;font:800 10px/1.5 'Inter',sans-serif;letter-spacing:.17em}
.ss-blog-listing__heading h2{margin:0 0 40px;font:800 clamp(32px,3.65vw,49px)/1.15 'Manrope',sans-serif;letter-spacing:-.06em}
.ss-blog-listing__heading h2 em{color:#c65330;font-style:normal}
.ss-blog-listing__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ss-blog-listing__card{border:1px solid #e4dcd1;background:#fffdfa;display:flex;flex-direction:column;min-width:0;transition:box-shadow .22s ease,transform .22s ease}
.ss-blog-listing__card:hover{box-shadow:0 17px 40px rgba(52,37,28,.10);transform:translateY(-3px)}
.ss-blog-listing__cover{position:relative;display:block;overflow:hidden;height:244px;background:#c3aa97}
.ss-blog-listing__cover img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:1;visibility:visible;transition:transform .32s ease}
.ss-blog-listing__card:hover img{transform:scale(1.04)}
.ss-blog-listing__cover-fallback{color:#fff;font:700 21px/1.3 'Manrope',sans-serif;letter-spacing:.03em}
.ss-blog-listing__card-copy{display:flex;flex-direction:column;flex:1;padding:22px 23px 24px}
.ss-blog-listing__date{color:#aa5337;font:700 10px/1.45 'Inter',sans-serif;letter-spacing:.045em;margin:0 0 13px}
.ss-blog-listing__date span{color:#8c8075}
.ss-blog-listing__card h3{font:800 clamp(18px,1.75vw,23px)/1.26 'Manrope',sans-serif;letter-spacing:-.039em;color:#28231f;margin:0 0 14px}
.ss-blog-listing__card h3 a{color:inherit;text-decoration:none}
.ss-blog-listing__card h3 a:hover,.ss-blog-listing__card h3 a:focus-visible{color:#b74b2d}
.ss-blog-listing__excerpt{color:#70665d;font:400 13px/1.7 'Inter',sans-serif;margin:0 0 22px}
.ss-blog-listing__readmore{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding:0 0 7px;align-self:flex-start;border-bottom:1px solid #c65330;text-decoration:none!important;color:#b44b2f;font:800 10px/1.5 'Inter',sans-serif;letter-spacing:.075em}
.ss-blog-listing__readmore span{font-size:17px}
.ss-blog-listing__readmore:hover,.ss-blog-listing__readmore:focus-visible{color:#963e24}
.ss-blog-listing__card a:focus-visible{outline:3px solid #c65330;outline-offset:3px}
.ss-blog-listing__empty{font:400 15px/1.6 'Inter',sans-serif;color:#71675d}

.ss-blog-article-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:365px;background:#202a2e;color:#fff;overflow:hidden}
.ss-blog-article-hero__inner{position:relative;z-index:2;width:min(calc(100% - 72px),1000px);margin:0 auto;padding:50px 0 56px}
.ss-blog-article__breadcrumb{display:flex;align-items:center;gap:13px;margin:0 0 30px;font:600 12px/1.4 'Inter',sans-serif;color:#e6d7cf}
.ss-blog-article__breadcrumb a{color:inherit;text-decoration:none}
.ss-blog-article__breadcrumb a:hover,.ss-blog-article__breadcrumb a:focus-visible{text-decoration:underline;color:#fff}
.ss-blog-article-hero h1{color:#fff;margin:0 0 22px;max-width:930px;font:800 clamp(31px,4vw,55px)/1.13 'Manrope',sans-serif;letter-spacing:-.055em}
.ss-blog-article-hero__date{margin:0;color:#e2d8cf;font:500 12px/1.6 'Inter',sans-serif}
.ss-blog-article{padding:61px 0 66px;background:#f7f3ed}
.ss-blog-article__inner{width:min(calc(100% - 72px),830px);margin:0 auto}
.ss-blog-article__prose{font:400 16px/1.85 'Inter',sans-serif;color:#453c34;overflow-wrap:anywhere}
.ss-blog-article__prose>*,.ss-blog-article__prose>div{max-width:100%}
.ss-blog-article__prose h2,.ss-blog-article__prose h3,.ss-blog-article__prose h4{font-family:'Manrope',sans-serif;color:#29231e;letter-spacing:-.04em;line-height:1.27;clear:both}
.ss-blog-article__prose h2{font-size:30px;margin:36px 0 16px}
.ss-blog-article__prose h3{font-size:24px;margin:29px 0 13px}
.ss-blog-article__prose h4{font-size:20px;margin:25px 0 11px}
.ss-blog-article__prose p{margin:0 0 20px}
.ss-blog-article__prose li{margin:4px 0}
.ss-blog-article__prose ul,.ss-blog-article__prose ol{padding-left:24px;margin:10px 0 24px}
.ss-blog-article__prose strong{font-weight:750}
.ss-blog-article__prose img{max-width:100%;height:auto;border-radius:2px}
.ss-blog-article__prose img.alignleft{float:left;margin:4px 24px 16px 0}
.ss-blog-article__prose img.alignright{float:right;margin:4px 0 16px 24px}
.ss-blog-article__prose a{color:#a9492d;text-decoration:underline}
.ss-blog-article__prose .wp-block-image{margin:22px 0}
.ss-blog-article__prose blockquote{border-left:3px solid #c65330;margin:30px 0;padding:6px 0 6px 21px;color:#53483e}
.ss-blog-article__prose table{display:block;overflow-x:auto;max-width:100%}
.ss-blog-article__after{margin:40px 0 0;padding-top:23px;border-top:1px solid #d8cfc4}
.ss-blog-article__after a{color:#a6472a;font:800 11px/1.5 'Inter',sans-serif;letter-spacing:.085em;text-decoration:none;display:inline-flex;gap:10px}
.ss-blog-article__after a:hover{text-decoration:underline}
.ss-blog-article-cta{background:#272927;color:#f8f5ee}
.ss-blog-article-cta__inner{width:min(calc(100% - 72px),1170px);margin:0 auto;min-height:223px;padding:45px 0;display:flex;align-items:center;justify-content:space-between;gap:42px}
.ss-blog-article-cta__eyebrow{margin:0 0 13px;color:#df9b81;letter-spacing:.13em;font:800 10px/1.4 'Inter',sans-serif}
.ss-blog-article-cta h2{margin:0 0 12px;color:#fff;font:800 clamp(25px,2.6vw,34px)/1.2 'Manrope',sans-serif;letter-spacing:-.05em}
.ss-blog-article-cta__inner p:last-child{margin:0;color:#d4cdc6;font:400 14px/1.6 'Inter',sans-serif}
.ss-blog-article-cta__inner>a{display:inline-flex;align-items:center;justify-content:center;gap:15px;flex-shrink:0;padding:15px 20px;min-height:49px;color:#fff;background:#c65330;text-decoration:none!important;font:800 11px/1.3 'Inter',sans-serif;letter-spacing:.04em}
.ss-blog-article-cta__inner>a:hover,.ss-blog-article-cta__inner>a:focus-visible{background:#a43b21}
@media(max-width:1030px){
 .ss-blog-listing__grid{gap:16px}
 .ss-blog-listing__cover{height:194px}
 .ss-blog-listing__card-copy{padding:19px 18px}
}
@media(max-width:760px){
 .ss-blog-hero{min-height:274px}
 .ss-blog-hero__inner{width:calc(100% - 40px);padding:54px 0}
 .ss-blog-hero h1{font-size:68px}
 .ss-blog-listing{padding:42px 0 53px}
 .ss-blog-listing__inner{width:calc(100% - 40px)}
 .ss-blog-listing__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .ss-blog-listing__cover{height:175px}
 .ss-blog-listing__heading h2{font-size:clamp(31px,7vw,41px);margin-bottom:25px}
 .ss-blog-article-hero{min-height:315px}
 .ss-blog-article-hero__inner,.ss-blog-article__inner{width:calc(100% - 40px)}
 .ss-blog-article-hero h1{font-size:clamp(30px,6vw,44px)}
 .ss-blog-article{padding:38px 0 47px}
 .ss-blog-article__prose{font-size:15px}
 .ss-blog-article__prose h3{font-size:22px}
 .ss-blog-article-cta__inner{width:calc(100% - 40px);display:block;min-height:0;padding:35px 0}
 .ss-blog-article-cta__inner>a{margin-top:24px}
}
@media(max-width:520px){
 .ss-blog-hero__inner,.ss-blog-listing__inner,.ss-blog-article-hero__inner,.ss-blog-article__inner,.ss-blog-article-cta__inner{width:calc(100% - 34px)}
 .ss-blog-listing__grid{grid-template-columns:1fr;gap:15px}
 .ss-blog-listing__cover{height:230px}
 .ss-blog-article-hero__inner{padding:43px 0}
 .ss-blog-article__breadcrumb{margin-bottom:20px}
 .ss-blog-article__prose img.alignleft,.ss-blog-article__prose img.alignright{float:none;display:block;margin:10px 0 19px}
 .ss-blog-article__prose h2{font-size:25px}
 .ss-blog-article__prose h3{font-size:21px}
}
@media(prefers-reduced-motion:reduce){
 .ss-blog-listing__card,.ss-blog-listing__cover img{transition:none!important}
 .ss-blog-listing__card:hover{transform:none!important}
 .ss-blog-listing__card:hover img{transform:none!important}
}