.kpop-takeover{--takeover-shade-start:oklch(16% .01 20/.97);--takeover-shade-end:oklch(16% .01 20/.08);--takeover-rail:oklch(16% .01 20/.92);isolation:isolate;outline:none;grid-template-columns:minmax(0,1fr) 286px;min-height:max(630px,min(840px,100svh - 60px));display:grid;position:relative}html[data-kpop-theme=light] .kpop-takeover{--takeover-shade-start:oklch(95% .008 95/.97);--takeover-shade-end:oklch(95% .008 95/.08);--takeover-rail:oklch(95% .008 95/.94)}.kpop-takeover-photo{object-fit:cover;object-position:35% center;z-index:-2;width:78%;height:100%;position:absolute;inset:0 0 0 auto}.kpop-takeover-shade{z-index:-1;background:linear-gradient(90deg,var(--takeover-shade-start) 0%,var(--takeover-shade-start) 14%,var(--takeover-shade-end) 72%);position:absolute;inset:0}.kpop-takeover-feature{flex-direction:column;align-items:flex-start;min-width:0;padding:28px 40px 40px;display:flex}.kpop-takeover-edition{text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:4px 16px;font-size:11px;display:flex}.kpop-takeover-edition a,.kpop-takeover-accent{color:var(--kpop-accent)}.kpop-takeover-edition a{align-items:center;min-height:28px;display:inline-flex}.kpop-takeover-title{z-index:1;text-transform:uppercase;pointer-events:none;margin:48px 0 34px -8px;font:400 min(15.5vw,230px)/.8 Anton,Impact,sans-serif;position:relative}.kpop-takeover-title span{display:block}.kpop-takeover-title span:last-child{-webkit-text-stroke:2px var(--kpop-text);color:#0000;margin-left:15vw}.kpop-takeover-story{max-width:410px;margin-top:auto;position:relative}.kpop-takeover-story h2{font:700 29px/1.08 var(--kpop-serif);margin-top:12px}.kpop-takeover-description{opacity:.85;margin-top:12px;font-size:14px;line-height:1.625}.kpop-takeover-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.kpop-takeover-action{background:var(--kpop-lime);min-height:44px;color:var(--kpop-ink);font:400 12px/1.4 var(--kpop-mono);text-transform:uppercase;align-items:center;gap:12px;padding:8px 20px;display:inline-flex}.kpop-takeover-action:hover{filter:brightness(.9)}.kpop-takeover-actions img{object-fit:cover;width:48px;height:48px;transform:rotate(-6deg);box-shadow:0 10px 15px oklch(0% 0 0/.2)}.kpop-takeover-rail{z-index:2;border-left:1px solid var(--kpop-line);background:var(--takeover-rail);backdrop-filter:blur(12px);flex-direction:column;min-width:0;display:flex;position:relative}.kpop-takeover-rail-heading{border-bottom:1px solid var(--kpop-line);padding:20px}.kpop-takeover-rail-heading h2{font:700 25px/1 var(--kpop-serif);margin-top:8px}.kpop-takeover-updates{flex:1;margin:0;padding:0 20px;list-style:none}.kpop-takeover-updates li{padding:16px 0}.kpop-takeover-updates li+li{border-top:1px solid var(--kpop-line)}.kpop-takeover-type{opacity:.6}.kpop-takeover-update{margin-top:8px;font-size:14px;line-height:1.375}.kpop-takeover-update a{display:block}.kpop-takeover-update a:hover{color:var(--kpop-accent)}.kpop-takeover-extra{border-top:1px solid var(--kpop-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kpop-takeover-extra section{min-width:0;padding:16px}.kpop-takeover-extra section+section{border-left:1px solid var(--kpop-line)}.kpop-takeover-extra h3{opacity:.6}.kpop-takeover-next-artist{text-transform:uppercase;margin-top:4px;font:400 20px/1 Anton,Impact,sans-serif}.kpop-takeover-extra .kpop-small{margin-top:4px;font-size:12px}.kpop-takeover-portraits{margin-top:8px;display:flex}.kpop-takeover-portraits li+li{margin-left:-8px}.kpop-takeover-portraits img{border:2px solid var(--kpop-paper);object-fit:cover;border-radius:50%;width:36px;height:36px}.kpop-takeover-names{opacity:.7;margin-top:4px;font-size:12px}.kpop-takeover-demo{border-top:1px solid var(--kpop-line);opacity:.65;padding:8px 20px}@media (width<=1100px){.kpop-takeover{flex-direction:column;min-height:0;display:flex}.kpop-takeover-photo{object-position:center 30%;width:100%;height:520px;inset:0 0 auto}.kpop-takeover-shade{background:linear-gradient(0deg,var(--kpop-paper),transparent 48%,oklch(0% 0 0/.24));height:520px;inset:0 0 auto}.kpop-takeover-feature{padding:18px 24px 28px}.kpop-takeover-edition{color:var(--kpop-newsprint)}.kpop-takeover-edition a{color:var(--kpop-lime);min-height:44px}.kpop-takeover-title{color:var(--kpop-newsprint);margin:32px 0 0;font-size:clamp(86px,15vw,155px)}.kpop-takeover-title span:last-child{-webkit-text-stroke-color:var(--kpop-newsprint);margin-left:11vw}.kpop-takeover-story{max-width:none;margin-top:max(32px,366px - 1.6*clamp(86px,15vw,155px))}.kpop-takeover-rail{border-left:0;border-top:1px solid var(--kpop-line);backdrop-filter:none;width:100%}.kpop-takeover-updates{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.kpop-takeover-updates li{min-width:0}.kpop-takeover-updates li:nth-child(2){border-top:0}.kpop-takeover-update a{min-height:44px}}@media (width<=600px){.kpop-takeover-photo{object-position:center 22%;height:385px}.kpop-takeover-shade{height:400px}.kpop-takeover-feature{padding:13px 18px 26px}.kpop-takeover-edition{gap:4px 12px}.kpop-takeover-title{margin-top:32px;font-size:clamp(68px,18vw,106px)}.kpop-takeover-title span:last-child{margin-left:10vw}.kpop-takeover-story{margin-top:max(32px,281px - 1.6*clamp(68px,18vw,106px))}.kpop-takeover-story h2{font-size:27px}.kpop-takeover-updates{display:block}.kpop-takeover-updates li{padding:10px 0}.kpop-takeover-updates li:nth-child(2){border-top:1px solid var(--kpop-line)}}@media (forced-colors:active){.kpop-takeover-title span:last-child{color:canvastext;-webkit-text-stroke:0}}