.ahn-preset-classic .ahn-hero-grid {
display:grid;
grid-template-columns:1fr;
background:var(--ahn-bg-hero-main);
border-radius:var(--ahn-radius);
overflow:hidden;
box-shadow:var(--ahn-shadow);
margin-bottom:20px;
animation:ahn-up .45s var(--ahn-ease) .05s both;
}
@media (min-width:900px) {
.ahn-preset-classic .ahn-hero-grid { grid-template-columns:3fr 2fr; }
}
.ahn-preset-classic .ahn-hero-main {
min-width:0;
background:var(--ahn-bg-hero-main);
}
.ahn-preset-classic .ahn-hero-main .ahn-img,
.ahn-preset-classic .ahn-hero-main .ahn-16x9 { border-radius:0; }
.ahn-preset-classic .ahn-hero-main .ahn-pad { padding:18px 20px 20px; }
.ahn-preset-classic .ahn-hero-main .ahn-title {
font-size:clamp(1.3rem, 4vw, 2.1rem);
font-weight:900;
letter-spacing:-.03em;
color:var(--ahn-ink);
}
.ahn-preset-classic .ahn-hero-sidewrap {
background:var(--ahn-bg-hero-side);
border-top:1px solid var(--ahn-divider);
min-width:0;
}
@media (min-width:900px) {
.ahn-preset-classic .ahn-hero-sidewrap {
border-top:0;
border-left:1px solid var(--ahn-divider);
}
}
.ahn-preset-classic .ahn-side-list {
margin:0;
padding:0;
list-style:none;
}
.ahn-preset-classic .ahn-side-item {
display:flex;
gap:12px;
align-items:center;
padding:13px 16px;
border-bottom:1px solid var(--ahn-divider);
min-width:0;
transition:background .12s;
}
.ahn-preset-classic .ahn-side-item:last-child { border-bottom:0; }
.ahn-preset-classic .ahn-side-item:hover { background:rgba(10,35,66,.03); }
.ahn-preset-classic .ahn-side-item:hover .ahn-16x9 img { transform:scale(1.05); }
.ahn-preset-classic .ahn-side-item .ahn-img {
flex:0 0 38%;
border-radius:var(--ahn-radius);
overflow:hidden;
}
.ahn-preset-classic .ahn-side-item .ahn-16x9 {
border-radius:calc(var(--ahn-radius) * .7);
}
.ahn-preset-classic .ahn-side-item .ahn-pad {
padding:0;
flex:1;
min-width:0;
}
.ahn-preset-classic .ahn-side-item .ahn-title {
font-size:14px;
font-weight:700;
color:var(--ahn-ink);
line-height:1.35;
} .ahn-preset-classic .ahn-sec-grid {
display:grid;
grid-template-columns:1fr;
gap:16px;
margin-bottom:20px;
}
@media (min-width:768px) {
.ahn-preset-classic .ahn-sec-grid { grid-template-columns:1fr 1fr; }
}
.ahn-preset-classic .ahn-sec-block {
background:var(--ahn-bg-secondary);
border-radius:var(--ahn-radius);
overflow:hidden;
box-shadow:var(--ahn-shadow);
animation:ahn-up .4s var(--ahn-ease) both;
}
.ahn-preset-classic .ahn-sec-block:nth-child(1) { animation-delay:.1s; }
.ahn-preset-classic .ahn-sec-block:nth-child(2) { animation-delay:.16s; }
.ahn-preset-classic .ahn-sec-block:nth-child(n+3) { animation-delay:.22s; }
.ahn-preset-classic .ahn-sec-heading {
font-size:12px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--ahn-navy);
padding:14px 16px 0;
margin:0 0 8px;
border-top:3px solid var(--ahn-amber);
}
.ahn-preset-classic .ahn-sec-wrap { padding:0; }
.ahn-preset-classic .ahn-secbox {
border-radius:0;
box-shadow:none;
background:transparent;
}
.ahn-preset-classic .ahn-sec-hero .ahn-img,
.ahn-preset-classic .ahn-sec-hero .ahn-16x9 {
border-radius:0;
}
.ahn-preset-classic .ahn-sec-hero .ahn-16x9 { max-height:220px; }
.ahn-preset-classic .ahn-sec-hero .ahn-pad { padding:12px 16px 10px; }
.ahn-preset-classic .ahn-sec-hero .ahn-title {
font-size:1.05rem;
font-weight:800;
color:var(--ahn-ink);
line-height:1.3;
}
.ahn-preset-classic .ahn-sec-list {
margin:0;
padding:0;
list-style:none;
border-top:1px solid var(--ahn-divider);
}
.ahn-preset-classic .ahn-sec-item {
display:flex;
gap:11px;
align-items:center;
padding:11px 16px;
border-bottom:1px solid var(--ahn-divider);
min-width:0;
transition:background .12s;
}
.ahn-preset-classic .ahn-sec-item:last-child { border-bottom:0; }
.ahn-preset-classic .ahn-sec-item:hover { background:rgba(10,35,66,.03); }
.ahn-preset-classic .ahn-sec-item:hover .ahn-16x9 img { transform:scale(1.05); }
.ahn-preset-classic .ahn-sec-item .ahn-img {
flex:0 0 36%;
border-radius:calc(var(--ahn-radius) * .7);
overflow:hidden;
}
.ahn-preset-classic .ahn-sec-item .ahn-16x9 {
border-radius:calc(var(--ahn-radius) * .7);
}
.ahn-preset-classic .ahn-sec-item .ahn-pad {
padding:0;
flex:1;
min-width:0;
}
.ahn-preset-classic .ahn-sec-item .ahn-title {
font-size:13.5px;
font-weight:700;
color:var(--ahn-ink);
line-height:1.35;
}
@media (min-width:900px) {
.ahn-preset-classic .ahn-secbox--side .ahn-sec-wrap {
display:grid;
grid-template-columns:1fr 1fr;
}
.ahn-preset-classic .ahn-secbox--side .ahn-sec-hero {
border-right:1px solid var(--ahn-divider);
}
.ahn-preset-classic .ahn-secbox--side .ahn-sec-list {
border-top:0;
}
} .ahn-preset-classic .ahn-latest {
background:var(--ahn-bg-latest,transparent);
border-radius:var(--ahn-rl);
overflow:hidden;
box-shadow:var(--ahn-shadow);
animation:ahn-up .4s var(--ahn-ease) .15s both;
}
.ahn-preset-classic .ahn-latest-heading {
font-size:12px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--ahn-navy);
padding:16px 18px 0;
margin:0 0 2px;
border-top:3px solid var(--ahn-amber);
}
.ahn-preset-classic .ahn-latest-list {
margin:0;
padding:0;
list-style:none;
}
.ahn-preset-classic .ahn-latest-item {
border-bottom:1px solid var(--ahn-divider);
}
.ahn-preset-classic .ahn-latest-item:last-child { border-bottom:0; }
.ahn-preset-classic a.ahn-latest-row {
display:grid;
grid-template-columns:106px 1fr;
gap:14px;
align-items:center;
color:inherit;
text-decoration:none !important;
padding:14px 18px;
min-width:0;
transition:background .12s;
}
.ahn-preset-classic a.ahn-latest-row:hover { background:rgba(10,35,66,.03); }
.ahn-preset-classic a.ahn-latest-row:hover .ahn-thumb-16x9 img { transform:scale(1.05); }
.ahn-preset-classic .ahn-latest-thumb { min-width:0; }
.ahn-preset-classic .ahn-latest-content { min-width:0; }
.ahn-preset-classic .ahn-latest-title {
font-size:15px;
font-weight:700;
line-height:1.3;
margin:0;
color:var(--ahn-ink);
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.ahn-preset-classic .ahn-latest a,
.ahn-preset-classic .ahn-latest a * {
text-decoration:none !important;
}
@media (min-width:768px) {
.ahn-preset-classic a.ahn-latest-row { grid-template-columns:140px 1fr; }
.ahn-preset-classic .ahn-latest-title { font-size:15.5px; }
}
@media (min-width:1025px) {
.ahn-preset-classic a.ahn-latest-row {
grid-template-columns:170px 1fr;
padding:16px 20px;
}
.ahn-preset-classic .ahn-latest-heading { padding:18px 20px 0; }
.ahn-preset-classic .ahn-latest-title { font-size:16px; }
} @media (max-width:599px) {
.ahn-preset-classic .ahn-inner { padding:0 0 36px; max-width:none; }
.ahn-preset-classic .ahn-hero-grid { border-radius:0; margin-bottom:14px; }
.ahn-preset-classic .ahn-hero-main .ahn-pad { padding:14px 14px 16px; }
.ahn-preset-classic .ahn-sec-grid { gap:12px; padding:0 12px; }
.ahn-preset-classic .ahn-sec-block { border-radius:calc(var(--ahn-radius) * .7); }
.ahn-preset-classic .ahn-latest { border-radius:0; }
.ahn-preset-classic a.ahn-latest-row {
grid-template-columns:88px 1fr;
gap:11px;
padding:12px 14px;
}
.ahn-preset-classic .ahn-latest-heading { padding:14px 14px 0; }
.ahn-preset-classic .ahn-latest-title { font-size:14px; }
}
@media (max-width:360px) {
.ahn-preset-classic a.ahn-latest-row { grid-template-columns:76px 1fr; }
}