/* A single typographic poster: all controls live inside the composition. */
.live-feature{padding:24px 5% 35px;background:#101212;color:#bbc4bf;isolation:isolate}
.live-feature::before{content:'';position:absolute;inset:65px 0 75px;background:url('assets/live-relief.svg') center/cover no-repeat;z-index:-1;pointer-events:none}
.live-meta{font:9px Plex;letter-spacing:0;border-color:#505953;padding:9px 0}
.live-spread{display:grid;grid-template-columns:1fr;gap:0;padding:0;position:relative}
.live-poster{display:contents;border:0;background:none;min-height:0;padding:0}
.live-poster::before{display:none}
.live-poster h2{font:700 clamp(35px,5.8vw,85px)/.76 Inter;letter-spacing:-.075em;display:flex;justify-content:center;align-items:baseline;gap:.15em;text-align:center;margin:20px 0 0;color:#aebbb4;order:0}
.live-poster h2 span{display:inline;color:inherit;font-size:1em;letter-spacing:inherit;margin:0}
.live-manifesto{order:1;font:700 clamp(45px,6.8vw,96px)/.78 Inter;letter-spacing:-.075em;max-width:none;margin:46px 0 0;text-align:center;color:#abb6b0;position:relative;z-index:1;pointer-events:none}
.live-manifesto em{color:#66766c}
.live-poster-bottom{position:absolute;left:0;top:140px;writing-mode:vertical-rl;font:8px Plex;letter-spacing:1px;gap:24px;border:0;padding:0;opacity:.75}
.live-editorial{display:contents}
.live-editorial>h3{order:2;font:italic clamp(72px,12vw,175px)/.68 Garamond,Georgia;letter-spacing:-.07em;text-transform:none;color:#a380cd;text-align:center;margin:-.14em 0 38px;position:relative;z-index:2;font-weight:400}
.live-editorial>h3 br{display:none}
.live-intro{order:3;align-self:center;text-align:center;font:700 12px/1.15 Inter;text-transform:uppercase;letter-spacing:-.35px;max-width:510px;margin:0 auto 28px;color:#b9c3bd}
.live-tabs{order:4;display:flex;justify-content:center;gap:0;border:0;border-block:1px dashed #626d65;flex-wrap:wrap;padding:10px 0;background:#101212a8}
.live-tabs button{font:700 clamp(13px,1.7vw,23px)/1 Inter;letter-spacing:-.8px;text-transform:uppercase;padding:8px 17px;min-height:42px;border:0;gap:8px;color:#81928a;background:transparent}
.live-tabs button span{font:8px Plex;color:inherit}
.live-tabs button[aria-selected=true]{background:transparent;color:#c5a3ef;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.live-tabs button[aria-selected=true] span{color:#c5a3ef}
.live-tabs button:hover{background:#a380cd;color:#101212}
.live-panel{order:5;min-height:150px;max-width:650px;width:100%;margin:0 auto;text-align:center;padding:24px 0 18px}
.live-panel h4{font:700 24px/.95 Inter;letter-spacing:-1px;text-transform:uppercase;margin-bottom:10px;color:#c8d0cb}
.live-panel p{font:12px/1.6 Inter;max-width:600px;margin:auto;color:#adbab2}
.live-panel small{font:8px Plex;margin-top:9px;color:#a380cd}
.live-example{order:6;display:flex;justify-content:center;gap:35px;border:0;border-block:1px solid #626d65;background:none;color:#b18dd8;padding:16px 10px;font:italic 31px/1 Garamond,Georgia;letter-spacing:-.8px;margin:0}
.live-example small{font:8px Plex;letter-spacing:0;margin-top:8px;color:#abb6b0}
.live-example:hover{background:#a380cd;color:#101212}.live-example:hover small{color:#101212}
.live-editorial>a:last-child:not(.live-example){order:7;margin:15px auto 0;font:10px Inter;text-align:center;color:#b8c5bc}
.live-colophon{font:8px/1.5 Plex;border:0;padding-top:25px;color:#77877b}
@media(max-width:650px){.live-feature{padding:20px 20px 25px}.live-feature::before{inset:70px -180px 160px;background-size:auto 85%;opacity:.9}.live-meta{font-size:7px;line-height:1.4}.live-poster h2{font-size:10.2vw;letter-spacing:-.08em;margin-top:27px}.live-manifesto{font-size:12.4vw;letter-spacing:-.07em;line-height:.8;margin-top:40px}.live-editorial>h3{font-size:19vw;line-height:.7;margin:-.03em 0 28px;letter-spacing:-.075em}.live-editorial>h3 br{display:block}.live-poster-bottom{font-size:6px;left:-11px;top:105px}.live-poster-bottom span:last-child{display:none}.live-intro{font-size:10px;line-height:1.3;max-width:280px;margin-bottom:23px}.live-tabs{display:grid;grid-template-columns:1fr 1fr;padding:8px 0}.live-tabs button{font-size:13px;letter-spacing:-.5px;justify-content:flex-start;padding:10px 5px;gap:5px}.live-tabs button span{font-size:7px}.live-panel{min-height:214px;padding:23px 0 17px}.live-panel h4{font-size:22px}.live-panel p{font-size:12px;line-height:1.6}.live-example{font-size:24px;gap:15px;padding:16px 2px;letter-spacing:-.5px}.live-example small{font-size:7px;line-height:1.4;max-width:250px}.live-colophon{font-size:7px;padding-top:17px}.live-colophon span{margin-top:3px}}

/* Existing Rondat vector mark, alongside the LIVE label. */
.live-poster h2{align-items:center;gap:.28em}
.live-poster h2 .live-official-logo{display:block;width:4.8em;height:auto;max-width:68%;filter:brightness(0) saturate(100%) invert(78%);flex-shrink:1}