.trivela-archive-template,.trivela-explore{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}
.trivela-page-head{margin-bottom:24px}
.trivela-page-head h1{font-size:clamp(34px,5vw,72px);line-height:1.03;margin:0 0 10px;color:var(--trivela-accent);font-weight:800}
.trivela-page-head p{max-width:760px;margin:0;color:#5f6774;font-size:16px;line-height:1.7}
.trivela-city-block{margin:0 0 42px}
.trivela-city-block__head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.trivela-city-block__head h2{margin:0;font-size:28px;line-height:1.2}.trivela-city-block__head h2 a,.trivela-view-all,.trivela-primary-link{color:var(--trivela-accent);text-decoration:none;font-weight:700}
.trivela-overview-row,.trivela-post-slider{display:flex;gap:10px;overflow:auto;padding:4px 6px 8px;scrollbar-width:none;align-items:stretch}.trivela-overview-row::-webkit-scrollbar,.trivela-post-slider::-webkit-scrollbar{display:none}
.trivela-overview-card,.trivela-post-card,.trivela-external-card{position:relative;display:block;flex:0 0 214px;height:var(--trivela-card-height);border-radius:24px;overflow:hidden;text-decoration:none;background:#e9edf2;transition:transform .28s ease,box-shadow .28s ease,flex-basis .28s ease;will-change:transform;isolation:isolate}
.trivela-overview-card:hover,.trivela-post-card:hover,.trivela-external-card:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 18px 38px rgba(10,31,68,.18);z-index:3}
.trivela-overview-card__image,.trivela-post-card__image,.trivela-external-card__image,.trivela-child-card__image{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s ease,filter .3s ease}
.trivela-overview-card:hover .trivela-overview-card__image,.trivela-post-card:hover .trivela-post-card__image,.trivela-external-card:hover .trivela-external-card__image{transform:scale(1.08);filter:saturate(1.02)}
.trivela-overview-card__shade,.trivela-post-card__overlay,.trivela-external-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.55) 54%,rgba(0,0,0,.88) 100%);transition:background .3s ease}
.trivela-overview-card__content,.trivela-post-card__content,.trivela-external-card__content{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;display:flex;flex-direction:column;gap:8px}
.trivela-overview-card__title,.trivela-post-card__title,.trivela-external-card__title{color:#fff;font-size:20px;line-height:1.1;font-weight:800;margin:0}
.trivela-overview-card__hover,.trivela-post-card__hover,.trivela-external-card__hover{color:rgba(255,255,255,.92);font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:0;opacity:0;transform:translateY(10px);transition:max-height .28s ease,opacity .28s ease,transform .28s ease}
.trivela-overview-card:hover .trivela-overview-card__hover,.trivela-post-card:hover .trivela-post-card__hover,.trivela-external-card:hover .trivela-external-card__hover{max-height:72px;opacity:1;transform:translateY(0)}
.trivela-section{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:28px;align-items:start;margin:0 0 40px}.trivela-section--reverse{grid-template-columns:minmax(0,1fr) minmax(240px,300px)}.trivela-section--reverse .trivela-section__text{order:2}.trivela-section--reverse .trivela-section__cards{order:1}
.trivela-section__heading-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.trivela-section__heading-row h2{margin:0;font-size:42px;line-height:1.05;color:var(--trivela-accent);font-weight:800}
.trivela-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#edf4ff;color:var(--trivela-accent);font-size:13px;font-weight:700}
.trivela-section__desc{padding:18px 20px;background:#f4f6f8;border-radius:28px;color:#22324a;line-height:1.7;font-size:15px;margin-bottom:14px;min-height:110px}
.trivela-section__actions{margin-bottom:10px}.trivela-primary-link{display:inline-flex;padding:10px 14px;border:1px solid #d8e1ec;border-radius:999px;background:#fff}
.trivela-child-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.trivela-child-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(10,31,68,.06)}.trivela-child-card__image{display:block;position:relative;padding-top:66%;background-size:cover;background-position:center}.trivela-child-card__body{padding:18px}.trivela-child-card__body h2{margin:0 0 10px;font-size:22px;line-height:1.2}.trivela-child-card__body h2 a{text-decoration:none;color:var(--trivela-accent)}.trivela-child-card__body p{margin:0;color:#5f6774;line-height:1.7}
@media (max-width: 991px){.trivela-section,.trivela-section--reverse{grid-template-columns:1fr;gap:16px}.trivela-section--reverse .trivela-section__text,.trivela-section--reverse .trivela-section__cards{order:initial}.trivela-section__heading-row h2{font-size:34px}.trivela-child-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 767px){.trivela-archive-template,.trivela-explore{width:calc(100% - 20px);padding:20px 0 36px}.trivela-page-head h1{font-size:42px}.trivela-overview-card,.trivela-post-card,.trivela-external-card{flex-basis:var(--trivela-mobile-card-width);height:220px;transform:none !important}.trivela-overview-card__hover,.trivela-post-card__hover,.trivela-external-card__hover{max-height:54px;opacity:1;transform:none;font-size:12px}.trivela-section__desc{min-height:0;border-radius:20px}.trivela-child-grid{display:flex;overflow:auto;gap:16px;scrollbar-width:none}.trivela-child-grid::-webkit-scrollbar{display:none}.trivela-child-card{flex:0 0 86%}.trivela-city-block__head h2{font-size:22px}}