.knu-214{--knu-title:#fff;--knu-text:rgba(255,255,255,.68);--knu-accent:#C0633A;--knu-line:rgba(255,255,255,.14);--knu-interval:5000ms;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:center;color:var(--knu-text)}
.knu-214 p{color:var(--knu-text)}
.knu-214__media{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;background:#2F2C28}
.knu-214__slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 1.6s cubic-bezier(.2,.7,.2,1)}
.knu-214__slide.is-active{opacity:1;transform:scale(1)}
.knu-214 img.knu-214__img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}
.knu-214__caption{position:absolute;left:24px;bottom:28px;z-index:2;display:flex;align-items:baseline;gap:14px;padding:10px 14px;background:rgba(20,17,14,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}
.knu-214__count{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;color:rgba(255,255,255,.7)}
.knu-214__label{font-family:"Plus Jakarta Sans",sans-serif;font-size:15px}
.knu-214__progress{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:2;background:rgba(255,255,255,.18)}
.knu-214__progress span{display:block;height:100%;width:0;background:var(--knu-accent)}
.knu-214.is-playing .knu-214__progress span{animation:knu214-progress var(--knu-interval) linear forwards}
@keyframes knu214-progress{from{width:0}to{width:100%}}
.knu-214 .knu-214__eyebrow{margin:0 0 16px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--knu-accent)}
.knu-214 .knu-214__title{margin:0 0 18px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:400;font-size:clamp(30px,3.2vw,46px);line-height:1.08;letter-spacing:-.02em;color:var(--knu-title)}
.knu-214__intro{margin:0 0 32px;max-width:44ch;line-height:1.6}
.knu-214__list{border-top:1px solid var(--knu-line);margin-bottom:32px}
.knu-214__item{border-bottom:1px solid var(--knu-line)}
.knu-214 .knu-214__item .knu-214__tab,.knu-214 .knu-214__item .knu-214__tab:hover,.knu-214 .knu-214__item .knu-214__tab:focus,.knu-214 .knu-214__item .knu-214__tab:active{box-sizing:border-box;display:flex;align-items:center;gap:18px;width:100%;margin:0;padding:18px 0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--knu-title);font:inherit;text-align:left;text-transform:none;letter-spacing:normal;cursor:pointer;-webkit-appearance:none;appearance:none}
.knu-214 .knu-214__item .knu-214__tab:focus-visible{outline:2px solid var(--knu-accent);outline-offset:3px}
.knu-214__chip{flex:none;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--c1) 0 50%,var(--c2) 50% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),inset 0 -8px 14px rgba(0,0,0,.18),inset 0 6px 10px rgba(255,255,255,.18);transition:transform .35s ease,box-shadow .35s ease}
.knu-214__name{flex:1;font-family:"Plus Jakarta Sans",sans-serif;font-size:22px;font-weight:400;line-height:1.2;color:var(--knu-title);opacity:.55;transition:opacity .3s ease,transform .3s ease}
.knu-214__idx{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--knu-text);opacity:.6}
.knu-214__item.is-active .knu-214__name,.knu-214__tab:hover .knu-214__name{opacity:1}
.knu-214__item.is-active .knu-214__name{transform:translateX(4px)}
.knu-214__item.is-active .knu-214__chip{transform:scale(1.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),inset 0 -8px 14px rgba(0,0,0,.18),0 0 0 4px rgba(255,255,255,.08),0 0 0 5px var(--knu-accent)}
.knu-214__desc{margin:0;padding:0 0 0 52px;max-height:0;opacity:0;overflow:hidden;line-height:1.6;font-size:15px;transition:max-height .5s ease,opacity .4s ease,padding .4s ease}
.knu-214__item.is-active .knu-214__desc{max-height:140px;opacity:1;padding-bottom:20px}
.knu-214 a.knu-214__cta{display:inline-flex;align-items:center;gap:10px;padding:15px 22px;border:1px solid var(--knu-accent);background:var(--knu-accent);color:#fff;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background .3s ease,border-color .3s ease}
.knu-214 a.knu-214__cta:hover{background:#8E4424;border-color:#8E4424;color:#fff}
.knu-214__cta svg{transition:transform .3s ease}
.knu-214__cta:hover svg{transform:translateX(4px)}
.knu-214 .knu-214__note{margin:18px 0 0;font-size:12px;opacity:.6}
@media (max-width:1024px){.knu-214{grid-template-columns:1fr;gap:36px}.knu-214__media{aspect-ratio:3 / 2}}
@media (max-width:767px){.knu-214__media{aspect-ratio:4 / 5}.knu-214__name{font-size:19px}.knu-214__chip{width:28px;height:28px}.knu-214__desc{padding-left:46px}.knu-214__caption{left:14px;bottom:18px}.knu-214 a.knu-214__cta{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.knu-214__slide,.knu-214__desc,.knu-214__name,.knu-214__chip{transition:none}.knu-214.is-playing .knu-214__progress span{animation:none}}