.live-feature{background:#17191a;color:#c6cdcc;padding:45px 5% 36px;scroll-margin-top:135px;position:relative;overflow:hidden}
.live-feature *{box-sizing:border-box}
.live-meta{display:flex;justify-content:space-between;gap:20px;border-block:1px solid #717976;padding:12px 0;font:10px/1.3 Plex;letter-spacing:.5px}
.live-spread{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;padding:30px 0}
.live-poster{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:560px;border:1px solid #565e5b;padding:24px;isolation:isolate;background:repeating-linear-gradient(0deg,transparent 0,transparent 72px,#aabcb413 73px,#aabcb413 74px)}
.live-poster::before{content:'';position:absolute;inset:17% 8%;border:1px solid #9faea458;border-radius:45% 55% 35% 65%;transform:rotate(-25deg);box-shadow:0 0 0 24px #9faea40b,0 0 0 65px #9faea40b;z-index:-1}
.live-poster h2{font:700 clamp(55px,7.2vw,110px)/.76 Inter;letter-spacing:-.085em;text-align:center;margin:0;position:relative}
.live-poster h2 span{display:block;color:#ae8fdb;font-size:1.35em;letter-spacing:-.09em;margin-top:.08em}
.live-manifesto{font:700 clamp(24px,3.5vw,48px)/.92 Inter;letter-spacing:-.06em;text-transform:uppercase;text-align:center;max-width:470px;margin:45px auto 30px}
.live-manifesto em{font-style:normal;color:#64726e}
.live-poster-bottom{font:10px/1.4 Plex;display:flex;justify-content:space-between;gap:10px;border-top:1px dashed #66736d;padding-top:12px}
.live-editorial{display:flex;flex-direction:column;padding:10px 0}
.live-editorial>h3{font:700 clamp(30px,4vw,55px)/.91 Inter;letter-spacing:-2.5px;text-transform:uppercase;margin:10px 0 22px;color:#b08bdd}
.live-intro{font:14px/1.7 Inter;max-width:470px;margin-bottom:25px;color:#b7c0bd}
.live-tabs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #626b67;border-left:1px solid #626b67}
.live-tabs button{background:none;border:0;border-right:1px solid #626b67;border-bottom:1px solid #626b67;color:#c6cdcc;text-align:left;padding:12px 14px;font:700 13px/1.1 Inter;cursor:pointer;display:flex;gap:12px;align-items:center;min-height:48px;transition:background .2s,color .2s}
.live-tabs button span{font:9px Plex;color:#97a59e}.live-tabs button[aria-selected=true]{background:#ad88d5;color:#17191a}.live-tabs button[aria-selected=true] span{color:#17191a}.live-tabs button:hover{background:#d1c1e4;color:#17191a}
.live-panel{padding:24px 0;min-height:180px}.live-panel h4{font:700 24px/.98 Inter;letter-spacing:-.9px;margin-bottom:13px}.live-panel p{font:13px/1.65 Inter;color:#b7c0bd;max-width:470px}.live-panel small{display:block;font:10px/1.5 Plex;color:#ac8ed1;margin-top:13px}
.live-example{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #9d83be;padding:15px 18px;color:#d9c8f0;background:#25202c;font:700 15px/1.2 Inter;margin-top:auto;text-decoration:none;transition:background .2s,color .2s}.live-example:hover{background:#ad88d5;color:#17191a;text-decoration:none}.live-example b{font:26px Inter}.live-example small{display:block;font:9px/1.4 Plex;margin-top:5px;font-weight:400}.live-editorial>a:last-child:not(.live-example){font:11px Inter;color:#b7c0bd;text-underline-offset:4px;margin-top:15px;width:fit-content}
.live-colophon{border-top:1px solid #626b67;padding-top:14px;display:flex;justify-content:space-between;gap:20px;font:9px/1.5 Plex;color:#98a59f}.live-feature button:focus-visible,.live-feature a:focus-visible{outline:2px solid #d9c8f0;outline-offset:4px}
@media(max-width:650px){.live-feature{padding:28px 20px;scroll-margin-top:115px}.live-meta{font-size:8px;gap:15px}.live-meta span{max-width:48%}.live-spread{display:block;padding-top:22px}.live-poster{min-height:385px;padding:23px 16px}.live-poster h2{font-size:17vw}.live-manifesto{font-size:33px;letter-spacing:-1.9px;margin:32px auto 25px;max-width:280px}.live-poster-bottom{font-size:8px}.live-editorial{padding-top:32px}.live-editorial>h3{font-size:39px;letter-spacing:-1.8px}.live-intro{font-size:13px}.live-panel{min-height:195px}.live-tabs button{font-size:12px;padding:12px 10px;gap:8px}.live-example{font-size:14px}.live-colophon{display:block}.live-colophon span{display:block;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.live-feature *{transition:none!important}}