.website-examples{padding-block:80px;border-bottom:1px solid var(--line)}
.website-niches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.website-niches>a{display:block;background:#fffdf9;border:1px solid var(--line);border-radius:7px;overflow:hidden;transition:transform .15s,border-color .15s}
.website-niches>a:hover{transform:translateY(-3px);border-color:#bc8563}
.website-niches img{display:block;width:100%;height:145px;object-fit:cover}
.website-niches>a:nth-child(4) img{object-position:50% 28%}
.website-niches>a>div{padding:17px 16px}
.website-niches span{display:block;font-size:7px;letter-spacing:.5px;color:#94705a}
.website-niches strong{display:block;font-size:20px;font-weight:500;letter-spacing:-.6px;margin-top:8px}
.website-niches small{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted);margin-top:7px}
.website-niches small b{font-size:17px;font-weight:400;color:#a7582f}
.website-examples-foot{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:30px}
.website-examples-foot p{font-size:11px;color:var(--muted)}
.website-examples-foot p b{color:var(--ink);font-weight:500}
@media(max-width:1100px) and (min-width:801px){#main-nav{gap:15px;font-size:11px}.header-inner{gap:15px}.header-contact{font-size:11px;padding-inline:12px}.website-niches{gap:12px}.website-niches>a>div{padding:15px 12px}.website-niches strong{font-size:18px}}
@media(max-width:800px){.website-examples{padding-block:60px}.website-niches{grid-template-columns:repeat(3,minmax(0,1fr))}.website-niches img{height:160px}.website-examples-foot{align-items:flex-start}}
@media(max-width:800px) and (min-width:521px){#main-nav{gap:14px;font-size:11px}.header-inner{gap:12px}.header-inner .brand{font-size:18px}}
@media(max-width:520px){.website-examples{padding-block:46px}.website-niches{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.website-niches>a:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.website-niches img{height:122px}.website-niches>a:last-child>div{align-self:center}.website-niches>a>div{padding:14px 12px}.website-niches strong{font-size:19px}.website-niches span{font-size:6px}.website-niches small{font-size:8px}.website-examples-foot{flex-direction:column;gap:19px}.website-examples-foot .button{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.website-niches>a{transition:none}}