.klany-hero{position:relative;padding:0}
.klany-hero-bg{width:100%;height:60vh;object-fit:cover}
.klany-hero-inner{position:absolute;top:0;left:0;height:100%;display:flex;align-items:center}
.klany-hero-text{max-width:600px;color:#fff;display:flex;flex-direction:column;gap:16px}

.klany-filters{display:flex;flex-direction:column;gap:24px;text-align:center}
.klany-filters-intro{max-width:900px;margin-inline:auto}
.klany-filter-bar{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

.klany-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.klan-card{min-width:0}

.klany-feature{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}

.klany-table-wrap{overflow-x:auto}

.klany-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

.klany-advice{max-width:700px}

.klany-lore{position:relative}
.klany-lore img{width:100%;height:300px;object-fit:cover}
.klany-lore .container{position:relative;margin-top:-120px;background:#fff;padding:24px;border-radius:8px}

.klany-cta{text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}

@media(max-width:900px){
.klany-grid{grid-template-columns:1fr 1fr}
.klany-feature{grid-template-columns:1fr}
.klany-styles{grid-template-columns:1fr}
}

@media(max-width:600px){
.klany-grid{grid-template-columns:1fr}
.klany-hero-bg{height:40vh}
.klany-hero-inner{position:static;padding:16px}
.klany-hero-text{color:var(--color-text-primary)}
}