@font-face{font-family:HelveticaNow;src:url('assets/HelveticaNowDisplay-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:HelveticaNow;src:url('assets/HelveticaNowDisplay-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--panel-width:25.75rem;--page-margin:1.375rem}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:#000;font-family:HelveticaNow,Helvetica,Arial,sans-serif}
body{font-weight:500}
.layout{display:grid;grid-template-columns:minmax(0,1fr) var(--panel-width);min-height:100svh}
.record-stage{position:relative;overflow:hidden;min-height:100%;background:#000}
#record{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .5s}
#record.ready{opacity:1}
.record-fallback{position:absolute;width:154.57%;height:auto;max-width:none;left:52.58%;top:50%;transform:translate(-50%,-50%)}
.sidebar{background:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:var(--page-margin);gap:clamp(2rem,8svh,5rem);min-width:0;min-height:100svh}
.brand{position:relative;width:100%;aspect-ratio:360/189;flex:none}
.brand-art{position:absolute;width:360px;height:189px;transform:scale(var(--brand-scale,1));transform-origin:top left}
.brand-main{position:absolute;left:.324px;top:-.151px}
.brand-sessions{position:absolute;left:74.88px;top:125px}
.event-information{width:100%;container-type:inline-size}
.event-heading{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:start;margin-bottom:1.8125rem}
.event-heading h1,.event-heading>p{margin:0;font-size:1.742rem;font-weight:700;line-height:.85;letter-spacing:-.015em}
.description{display:grid;grid-template-columns:minmax(0,1fr) 87.1465px;gap:.75rem;align-items:start;margin-bottom:1.75rem}
.description p{font-size:.9601rem;line-height:1.34;letter-spacing:.02em;margin:0}
.seal{position:relative;width:87.1465px;height:87.1465px}
.seal-circle{position:absolute;left:0;top:0}
.seal-mark{position:absolute;left:17.9px;top:19.7px}
.seal-dot{position:absolute;left:40.95px;top:39.9px}
.partners{border:1px solid #000;width:100%}
.partner-label{padding:.475rem;margin:0;font-size:.55rem;line-height:1.41;font-weight:700;letter-spacing:.14em;border-bottom:1px solid #000}
.presenter{min-height:4.2625rem;display:flex;align-items:center;justify-content:center;padding:.625rem}
.host-label{border-top:1px solid #000}
.hosts{display:grid;grid-template-columns:25.2fr 42.8fr 32fr;min-height:3.91875rem}
.hosts>a{display:flex;align-items:center;justify-content:center;padding:.5rem .25rem}
.hosts>a+a{border-left:1px solid #000}
.logo-link{color:inherit;text-decoration:none;transition:background-color .18s ease}
.logo-link img{transition:filter .18s ease;max-width:100%;object-fit:contain}
.logo-link:is(:hover,:focus-visible){background:#000}
.logo-link:is(:hover,:focus-visible) img{filter:invert(1)}
.logo-link:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media(max-width:1024px){
 html,body{background:var(--mobile-background,#50B269)}
 .layout{display:block}
 .brand-art{mix-blend-mode:multiply}
 .record-stage{display:none}
 .sidebar{background:var(--mobile-background,#50B269);gap:clamp(2rem,6svh,5rem);padding:var(--page-margin)}
 .brand,.event-information{width:100%;max-width:40rem;margin-inline:auto}
 .event-heading{gap:clamp(.75rem,3cqw,1.5rem);margin-bottom:clamp(1.8125rem,6cqw,3rem)}
 .event-heading h1,.event-heading>p{font-size:clamp(1.5rem,7.6cqw,3rem)}
 .description{gap:clamp(.75rem,3cqw,1.5rem);margin-bottom:clamp(1.75rem,5cqw,2.75rem)}
 .description p{font-size:clamp(.875rem,4.2cqw,1.375rem)}
 .partner-label{font-size:clamp(.5rem,2.4cqw,.75rem);padding:clamp(.375rem,2.05cqw,.75rem)}
 .presenter{min-height:clamp(4.2625rem,18.5cqw,6.5rem)}
 .hosts{min-height:clamp(3.91875rem,17cqw,5.5rem)}
}
@media(prefers-reduced-motion:reduce){#record,.logo-link,.logo-link img{transition:none}}
