/* WTK v4.0 premium layer: real-photo highlights, photo-led session cards, gentle motion */
.hl{padding-top:clamp(48px,7vw,84px);padding-bottom:0}
.hl-grid{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media(min-width:900px){.hl-grid{grid-template-columns:repeat(4,1fr);gap:18px}}
.hl-tile{position:relative;display:block;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3/4;background:var(--ink);color:#fff;text-decoration:none;box-shadow:var(--shadow);isolation:isolate}
@media(max-width:560px){.hl-grid{grid-template-columns:1fr}.hl-tile{aspect-ratio:16/10}}
.hl-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.hl-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,33,61,0) 35%,rgba(20,33,61,.55) 62%,rgba(20,33,61,.94));z-index:1}
.hl-tile::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;z-index:2;background:linear-gradient(90deg,var(--chung) 0 50%,var(--hong) 50% 100%)}
.hl-txt{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 16px 18px;display:grid;gap:6px}
.hl-txt b{font:800 clamp(1.05rem,1.6vw,1.35rem)/1.15 var(--display);font-stretch:85%;letter-spacing:.005em}
.hl-txt small{font-size:.86rem;line-height:1.4;color:rgba(255,255,255,.86)}
@media(max-width:560px){.hl-txt{padding:12px 12px 14px}.hl-txt small{font-size:.8rem}}
@media(hover:hover){.hl-tile:hover img{transform:scale(1.06)}.hl-tile:focus-visible{outline:3px solid var(--gold);outline-offset:3px}}
.corner-ph{aspect-ratio:16/8;overflow:hidden;background:var(--ink)}
.corner-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.corner:hover .corner-ph img{transform:scale(1.04)}}
.corner{transition:transform .35s ease,box-shadow .35s ease}
@media(hover:hover){.corner:hover{transform:translateY(-4px);box-shadow:0 26px 50px -28px rgba(20,33,61,.55)}}
.learn img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.learn article:hover img{transform:scale(1.04)}}
.learn article{overflow:hidden}
@media(prefers-reduced-motion:reduce){.hl-tile img,.corner-ph img,.learn img,.corner{transition:none!important;transform:none!important}}