/* POSTERS-002: a compact introduction beside complete poster covers. */
.platform-page .event-hero{min-height:0;padding:152px 0 52px;background:radial-gradient(ellipse at 82% 45%,#1a2f655e,transparent 55%),#0b1228;border-bottom:1px solid #263555}
.platform-page .event-hero-layout{width:min(1440px,calc(100% - 96px));display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);align-items:center;gap:clamp(24px,4vw,64px)}
.platform-page .event-hero .hero-copy{text-align:left;min-width:0}
.platform-page .event-hero .announcement{padding:0 0 0 12px;margin-bottom:23px;border:0;border-left:3px solid #fa303e;border-radius:0;background:transparent;box-shadow:none;color:#c2cff1;font-size:12px}
.platform-page .event-hero .announcement-spark{display:none}
.platform-page .event-hero h1{max-width:550px;font-size:clamp(54px,5.9vw,88px);font-weight:580;line-height:.99;letter-spacing:-.065em;text-wrap:balance}
.platform-page .event-hero .hero-copy>p{max-width:430px;margin:24px 0 27px;font-size:17px;line-height:1.7;color:#bfcce8}
.platform-page .event-hero .hero-actions{justify-content:flex-start;gap:22px;flex-wrap:wrap}
.platform-page .event-hero .hero-start{border-radius:12px}
.hero-catalog-note{display:flex;gap:20px;align-items:center;flex-wrap:wrap;border-top:1px solid #2b3b5e;margin-top:30px;padding-top:18px;color:#aebeda;font-size:11px}
.hero-catalog-note>span{display:inline-flex;align-items:center;gap:9px}
.hero-catalog-note>span+span{border-left:1px solid #475777;padding-left:20px}
.hero-catalog-note strong{color:#fff;font-size:19px;font-weight:550}
.platform-page .hero-orbit.event-hero-stage{width:100%;min-width:0;height:auto;min-height:0;margin:0;position:relative;isolation:isolate}
.platform-page .hero-event-deck{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr) minmax(0,.82fr);align-items:center;gap:14px;margin:0;padding:20px 8px 25px;list-style:none}
.platform-page .hero-event-float{min-width:0;max-width:none;position:relative;order:2;z-index:3;--card-tilt:0deg;--card-lift:0px;animation:event-card-drift 8s ease-in-out infinite}
.platform-page .hero-event-float:nth-child(2){order:1;z-index:2;--card-tilt:-5deg;--card-lift:17px;animation-delay:-2.7s}
.platform-page .hero-event-float:nth-child(3){order:3;z-index:1;--card-tilt:5deg;--card-lift:17px;animation-delay:-5.3s}
.platform-page .hero-event-deck[data-count="1"]{grid-template-columns:minmax(0,330px);justify-content:center}
.platform-page .hero-event-deck[data-count="2"]{grid-template-columns:repeat(2,minmax(0,290px));justify-content:center;gap:25px}
.platform-page .hero-event-float:hover,.platform-page .hero-event-float:focus-within{animation-play-state:paused;z-index:5}
.platform-page .hero-event-card{display:block;overflow:hidden;background:#14213a;border:1px solid #3a4b6b;border-radius:13px;color:#f5f7ff;box-shadow:0 18px 45px #02091b66;transition:transform .3s ease,border-color .3s ease}
.platform-page .hero-event-card:hover,.platform-page .hero-event-card:focus-visible{transform:translateY(-4px);border-color:#91a5ff;box-shadow:0 20px 48px #02091b88}
.platform-page .hero-event-card:focus-visible{outline:3px solid #a7b7ff;outline-offset:4px}
.platform-page .hero-event-poster{height:auto;display:block;background:#101b31;border:0;border-bottom:1px solid #314261}
.platform-page .hero-event-poster img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.platform-page .hero-event-copy{padding:15px;min-width:0}
.platform-page .hero-event-copy time{display:block;color:#b8c9ff;font-size:10px;line-height:1.55;overflow-wrap:anywhere}
.platform-page .hero-event-copy h2{color:#fff;font-size:19px;font-weight:550;line-height:1.2;letter-spacing:-.035em;margin:9px 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.platform-page .hero-event-copy p{display:flex;align-items:flex-start;gap:6px;margin:0;color:#bbc7dd;font-size:10px;line-height:1.5}
.platform-page .hero-event-copy p>.icon{width:12px;height:12px;margin-top:2px}
.platform-page .hero-event-copy p>span{min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.platform-page .hero-event-open{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:10px;border-top:1px solid #354766;color:#b8c9ff;font-size:11px}
.platform-page .hero-event-open>.icon{width:14px;height:14px}
.platform-page .hero-event-float:nth-child(n+2) .hero-event-copy h2{font-size:16px;-webkit-line-clamp:2}
.platform-page .hero-event-float:nth-child(n+2) .hero-event-open{display:none}
.platform-page .hero-calendar{width:100%;height:auto;aspect-ratio:16/11;margin:0;animation:calendar-drift 8s ease-in-out infinite}
.platform-page .hero-calendar img{width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse 68% 65% at 50% 50%,#000 46%,transparent 81%)}
.platform-page .event-hero .hero-ambient{width:70%;height:70%;bottom:0;right:0;left:auto}
@keyframes calendar-drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes event-card-drift{0%,100%{transform:translateY(var(--card-lift)) rotate(var(--card-tilt))}50%{transform:translateY(calc(var(--card-lift) - 6px)) rotate(var(--card-tilt))}}
.platform-page.motion-paused .hero-calendar,.platform-page.motion-paused .hero-event-float{animation:none!important;transform:translateY(var(--card-lift,0px)) rotate(var(--card-tilt,0deg))}
.platform-page.motion-paused .hero-event-card:hover{transform:none}
@media(max-width:1100px){
.platform-page .event-hero-layout{gap:20px;width:calc(100% - 64px);grid-template-columns:minmax(250px,.78fr) minmax(0,1.4fr)}
.platform-page .event-hero h1{font-size:61px}
.platform-page .event-hero .hero-copy>p{font-size:15px}
.platform-page .hero-event-deck{gap:10px;padding-inline:4px}
.platform-page .hero-event-copy{padding:12px}
.platform-page .hero-event-copy h2{font-size:16px}
.platform-page .hero-event-float:nth-child(n+2) .hero-event-copy h2{font-size:14px}
.platform-page .event-hero .hero-actions{gap:10px 18px}
}
@media(max-width:960px){
.platform-page .event-hero{padding-top:130px;padding-bottom:34px}
.platform-page .event-hero-layout{grid-template-columns:1fr;gap:22px;width:calc(100% - 48px)}
.platform-page .event-hero .hero-copy{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:32px}
.platform-page .event-hero .announcement{grid-column:1/-1;justify-self:start;margin-bottom:16px}
.platform-page .event-hero h1{font-size:58px;grid-row:span 2}
.platform-page .event-hero .hero-copy>p{margin:0 0 16px;font-size:14px}
.platform-page .hero-catalog-note{display:none}
.platform-page .hero-event-deck{width:min(690px,100%);margin-inline:auto}
}
@media(max-width:720px){
.platform-page .event-hero{padding:127px 0 29px}
.platform-page .event-hero-layout{width:calc(100% - 36px);gap:23px}
.platform-page .event-hero .hero-copy{display:block}
.platform-page .event-hero .announcement{margin-bottom:16px;font-size:10px}
.platform-page .event-hero h1{max-width:520px;font-size:clamp(42px,8.9vw,60px);line-height:1}
.platform-page .event-hero .hero-copy>p{margin:16px 0 18px;max-width:480px;font-size:14px;line-height:1.6}
.platform-page .hero-event-deck,.platform-page .hero-event-deck[data-count="1"],.platform-page .hero-event-deck[data-count="2"]{display:block;padding:0 0 8px;width:100%}
.platform-page .hero-event-float{width:100%;--card-tilt:0deg;--card-lift:0px}
.platform-page .hero-event-float:nth-child(n+2){display:none}
.platform-page .hero-event-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;border-radius:14px}
.platform-page .hero-event-poster{border:0}
.platform-page .hero-event-copy{padding:18px}
.platform-page .hero-event-copy h2{font-size:22px}
.platform-page .hero-event-copy time{font-size:10px}
.platform-page .hero-event-copy p{font-size:11px}
.platform-page .hero-calendar{aspect-ratio:16/9}
html:not(.js) .platform-page .event-hero{padding-top:230px}
}
@media(max-width:430px){
.platform-page .event-hero-layout{width:calc(100% - 36px)}
.platform-page .hero-event-copy{padding:13px}
.platform-page .hero-event-copy h2{font-size:18px}
.platform-page .hero-event-copy time{font-size:9px}
.platform-page .hero-event-copy p{font-size:10px}
.platform-page .hero-event-open{margin-top:10px;padding-top:8px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
.platform-page .hero-calendar,.platform-page .hero-event-float{animation:none!important;transform:translateY(var(--card-lift,0px)) rotate(var(--card-tilt,0deg))}
.platform-page .hero-event-card:hover,.platform-page .hero-event-card:active{transform:none}
}