.achl-preset-editorial {
--achl-e-border:1px solid #eef1f4;
--achl-e-hover:rgba(10, 35, 66, .025);
}
.achl-preset-editorial.achl-wrap {
background:transparent;
} .achl-preset-editorial .achl-head {
margin:0 0 28px;
padding:24px 0 22px;
border-top:4px solid var(--achl-accent, var(--achl-navy));
border-bottom:1px solid #eef1f4;
display:flex;
align-items:stretch;
gap:14px;
}
.achl-preset-editorial .achl-head-accent { display:none; }
.achl-preset-editorial .achl-head-text {
flex:1;
min-width:0;
}
.achl-preset-editorial .achl-page-title {
margin:0;
font-size:clamp(1.8rem, 5.5vw, 3rem);
font-weight:900;
letter-spacing:-.035em;
line-height:1.05;
color:var(--achl-ink);
}
.achl-preset-editorial .achl-desc {
margin:10px 0 0;
color:#475569;
font-size:.98rem;
line-height:1.7;
max-width:68ch;
} .achl-preset-editorial .achl-head .achl-pill--breaking {
margin-bottom:10px;
} .achl-preset-editorial .achl-hero {
margin:0 0 36px;
}
.achl-preset-editorial .achl-hero-grid {
display:flex;
flex-direction:column;
gap:0;
}
.achl-preset-editorial .achl-hero-card {
background:transparent;
border:0;
border-radius:0;
box-shadow:none;
overflow:visible;
margin-bottom:24px;
animation:achl-fade-up .45s var(--achl-ease) both;
}
.achl-preset-editorial .achl-hero-card:last-child { margin-bottom:0; }
.achl-preset-editorial .achl-hero-card:nth-child(1) { animation-delay:.05s; }
.achl-preset-editorial .achl-hero-card:nth-child(2) { animation-delay:.12s; }
.achl-preset-editorial .achl-hero-card:nth-child(3) { animation-delay:.19s; }
.achl-preset-editorial .achl-hero-card:hover .achl-img { transform:scale(1.03); }
.achl-preset-editorial .achl-hero-card .achl-16x9 {
border-radius:8px;
}
.achl-preset-editorial .achl-hero-body {
padding:14px 0 4px;
}
.achl-preset-editorial .achl-hero-body .achl-h2 {
font-size:clamp(1.3rem, 3.2vw, 1.9rem);
font-weight:900;
letter-spacing:-.025em;
line-height:1.2;
}
.achl-preset-editorial .achl-hero-body .achl-ex {
color:#475569;
font-size:.96rem;
line-height:1.65;
}
@media (max-width:1024px) {
.achl-preset-editorial .achl-hero-card:nth-child(n+2) { display:none; }
}
@media (min-width:1025px) {
.achl-preset-editorial .achl-hero-grid {
display:grid;
grid-template-columns:var(--achl-grid-cols, 1fr 1fr);
gap:var(--achl-gap);
flex-direction:unset;
}
.achl-preset-editorial .achl-hero-card { margin-bottom:0; }
.achl-preset-editorial.achl-cards-3 .achl-hero-body .achl-h2 {
font-size:clamp(1rem, 1.6vw, 1.25rem);
}
.achl-preset-editorial.achl-cards-3 .achl-ex { display:none; }
} .achl-preset-editorial .achl-list {
margin-top:8px;
background:transparent;
border-top:1px solid #eef1f4;
}
.achl-preset-editorial .achl-item {
display:grid;
grid-template-columns:106px minmax(0, 1fr);
gap:14px;
padding:16px 0;
border-bottom:1px solid #f1f4f7;
transition:background .12s, padding .12s;
animation:achl-fade-up .4s var(--achl-ease) both;
}
.achl-preset-editorial .achl-item:nth-child(1) { animation-delay:.1s; }
.achl-preset-editorial .achl-item:nth-child(2) { animation-delay:.16s; }
.achl-preset-editorial .achl-item:nth-child(3) { animation-delay:.22s; }
.achl-preset-editorial .achl-item:nth-child(4) { animation-delay:.28s; }
.achl-preset-editorial .achl-item:nth-child(n+5) { animation-delay:.34s; }
.achl-preset-editorial .achl-item:last-child { border-bottom:0; }
.achl-preset-editorial .achl-item:hover { background:var(--achl-e-hover); padding-left:8px; padding-right:8px; }
.achl-preset-editorial .achl-item:hover .achl-img { transform:scale(1.04); }
.achl-preset-editorial .achl-item .achl-16x9 { border-radius:6px; }
.achl-preset-editorial .achl-item-media { align-self:start; }
.achl-preset-editorial .achl-item-body { min-width:0; align-self:center; }
.achl-preset-editorial .achl-item-title { margin:0; }
.achl-preset-editorial .achl-item-title a {
font-weight:800;
letter-spacing:-.005em;
}
@media (min-width:1025px) {
.achl-preset-editorial .achl-item {
grid-template-columns:140px minmax(0, 1fr);
padding:18px 0;
gap:18px;
}
} .achl-preset-editorial .achl-pagination {
margin-top:36px;
padding-top:24px;
border-top:1px solid #eef1f4;
}
.achl-preset-editorial .achl-pagination .page-numbers {
border-radius:999px;
border-color:#eef1f4;
} @media (max-width:599px) {
.achl-preset-editorial .achl-head {
margin:12px 14px 22px;
padding:16px 0 16px;
}
.achl-preset-editorial .achl-hero {
padding:0 14px;
}
.achl-preset-editorial .achl-hero-card {
margin-bottom:24px;
}
.achl-preset-editorial .achl-list {
padding:0 14px;
}
.achl-preset-editorial .achl-item {
grid-template-columns:86px minmax(0, 1fr);
padding:13px 0;
}
.achl-preset-editorial .achl-pagination {
padding:24px 14px 0;
}
.achl-preset-editorial .achl-item:hover {
padding-left:0;
padding-right:0;
background:transparent;
}
}
@media (max-width:360px) {
.achl-preset-editorial .achl-item {
grid-template-columns:72px minmax(0, 1fr);
}
}