/* Inspiration articles (Frymëzime): editorial layout shared by every article page. */
html:not([lang="en"]) .article-page .en,html[lang="en"] .article-page .sq{display:none!important}
.article-page{background:#faf9f7;color:#1a1a1a}
.article-wrap{width:min(760px,calc(100% - 40px));margin:0 auto}
.article-intro{background:#151515;color:#fff;padding:64px 0 150px}
.article-back{display:inline-block;margin-bottom:34px;color:#bdb8b1;font-size:11px;font-weight:700;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}
.article-back:hover{color:var(--orange)}
.article-intro .eyebrow{margin:0 0 16px;font-size:10px;letter-spacing:.17em}
.article-intro h1{margin:0;font-size:clamp(36px,4.6vw,58px);font-weight:500;line-height:1.08;letter-spacing:-.045em}
.article-lede{margin:22px 0 0;max-width:620px;color:#d7d3cd;font-size:17px;line-height:1.65}
.article-cover{width:min(1100px,calc(100% - 40px));margin:-110px auto 0;aspect-ratio:16/9;overflow:hidden;background:#222}
.article-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 78%}
.article-body{width:min(760px,calc(100% - 40px));margin:0 auto;padding:64px 0 90px;font-size:17px;line-height:1.8;color:#333}
.article-body p{margin:0 0 22px}
.article-body h2{margin:48px 0 16px;color:#111;font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.03em}
.article-body strong{color:#111;font-weight:600}
.article-body ol,.article-body ul{margin:0 0 24px;padding-left:22px}
.article-body li{margin:0 0 10px}
.article-specs{list-style:none;padding:0!important;border-top:1px solid #dcd6ce}
.article-specs li{display:flex;justify-content:space-between;gap:20px;margin:0;padding:14px 0;border-bottom:1px solid #dcd6ce;font-size:15px}
.article-specs span{color:#777}
.article-specs b{color:#111;font-weight:600}
.article-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:44px calc((760px - min(1100px,100vw - 40px))/2) 40px}
.article-gallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.article-product{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;margin:48px 0 32px;padding:22px;background:#fff;border:1px solid #e3ded7;color:inherit;text-decoration:none;transition:border-color .2s ease}
.article-product:hover{border-color:var(--orange)}
.article-product img{display:block;width:150px;height:150px;object-fit:contain;background:#fff}
.article-product small{display:block;color:#777;font-size:10px;font-weight:700;letter-spacing:.12em}
.article-product b{display:block;margin:6px 0 4px;color:#111;font-size:22px;font-weight:500}
.article-product span{display:block;color:#666;font-size:14px}
.article-product em{display:inline-block;margin-top:14px;color:var(--orange);font-size:11px;font-style:normal;font-weight:700;letter-spacing:.1em}
.article-cta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 30px}
.article-cta .button{margin:0}
.article-cta .article-wa{color:#111;border-color:#bbb;background:transparent}
.article-cta .article-wa:hover{border-color:var(--orange);color:var(--orange)}
.article-note{color:#999;font-size:12px!important}
@media(max-width:800px){.article-gallery{margin-left:0;margin-right:0}}
@media(max-width:650px){
.article-intro{padding:40px 0 110px}
.article-intro h1{font-size:34px}
.article-lede{font-size:15px}
.article-cover{margin-top:-80px;aspect-ratio:4/3}
.article-body{padding:44px 0 70px;font-size:16px}
.article-body h2{font-size:23px;margin-top:38px}
.article-gallery{grid-template-columns:1fr 1fr}
.article-gallery img:last-child{grid-column:1/-1;aspect-ratio:16/9}
.article-product{grid-template-columns:96px 1fr;gap:16px;padding:16px}
.article-product img{width:96px;height:96px}
.article-product b{font-size:19px}
.article-cta .button{flex:1 1 100%;text-align:center}
}
.article-gallery.two{grid-template-columns:repeat(2,1fr)}
.article-gallery.two img{aspect-ratio:4/3}
.article-product.cover img{object-fit:cover}
@media(max-width:650px){.article-gallery.two img:last-child{grid-column:auto;aspect-ratio:4/3}}

/* Inspiration list page (projects.html). */
html:not([lang="en"]) .insp-list .en,html[lang="en"] .insp-list .sq{display:none!important}
.insp-list{padding:70px 0 90px;background:#faf9f7}
.insp-list .wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.insp-card{display:block;background:#fff;color:#1a1a1a;text-decoration:none;border:1px solid #ebe6df;transition:border-color .2s ease,transform .2s ease}
.insp-card:hover{border-color:var(--orange);transform:translateY(-3px)}
.insp-image{aspect-ratio:16/10;background-size:cover;background-position:center}
.insp-meta{padding:24px 26px 28px}
.insp-meta small{display:block;color:#888;font-size:10px;font-weight:700;letter-spacing:.14em}
.insp-meta h2{margin:10px 0 10px;font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.03em;color:#111}
.insp-meta p{margin:0 0 16px;color:#666;font-size:14px;line-height:1.65}
.insp-meta em{color:var(--orange);font-size:11px;font-style:normal;font-weight:700;letter-spacing:.12em}
@media(max-width:760px){.insp-list{padding:40px 0 60px}.insp-list .wrap{grid-template-columns:1fr;gap:18px}.insp-meta h2{font-size:21px}}