.sj-layout{gap:2.75rem;margin-top:3rem;display:grid}.sj-sticky{display:none}.sj-frame{isolation:isolate;border-radius:var(--radius-sm);background:var(--bg-inverse);position:relative;overflow:hidden}.sj-layer{opacity:0;transition:opacity .7s var(--ease-out);pointer-events:none;position:absolute;inset:0}.sj-layer.is-on{opacity:1;z-index:1}.sj-layer img,.sj-layer video,.sj-inline img,.sj-inline video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sj-layer img,.sj-layer video{transition:transform 1.15s var(--ease-out);transform:scale(1.045)}.sj-layer.is-on img,.sj-layer.is-on video{transform:scale(1)}.sj-hud{pointer-events:none;z-index:2;border:1px solid color-mix(in srgb, var(--accent-on-inverse) 35%, transparent);border-radius:var(--radius-sm);position:absolute;inset:12px}.sj-hud:before,.sj-hud:after{content:"";border-color:var(--accent-on-inverse);border-style:solid;width:16px;height:16px;position:absolute}.sj-hud:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.sj-hud:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.sj-overlay{pointer-events:none;inset-inline:0;z-index:2;background:linear-gradient(to top, var(--bg-inverse), transparent);color:var(--text-on-inverse);justify-content:space-between;align-items:flex-end;gap:1rem;padding:4.5rem 1.25rem 1.25rem;display:flex;position:absolute;bottom:0}.sj-ticks{z-index:3;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.sj-tick{border:1px solid color-mix(in srgb, var(--text-on-inverse) 28%, transparent);border-radius:var(--radius-sm);background:var(--bg-inverse);min-width:2.5rem;color:var(--text-on-inverse);font-variant-numeric:tabular-nums;letter-spacing:.06em;padding:.2rem .45rem;font-size:11px}.sj-tick:hover{border-color:var(--accent-on-inverse)}.sj-tick.is-on{border-color:var(--accent-on-inverse);background:var(--bg-inverse);color:var(--accent-on-inverse)}.sj-chapters{flex-direction:column;gap:3.25rem;display:flex}.sj-chapter{gap:1.15rem;display:grid}.sj-inline{border-radius:var(--radius-sm);aspect-ratio:16/10;background:var(--bg-inverse);position:relative;overflow:hidden}.sj-num{letter-spacing:-.04em;color:color-mix(in srgb, var(--accent) 22%, transparent);margin-bottom:.35rem;font-size:clamp(3.5rem,8vw,5.5rem);font-weight:900;line-height:.85;display:block}@media (min-width:1024px){.sj-layout{grid-template-columns:minmax(0,1.22fr) minmax(18rem,.88fr);align-items:start;gap:3.5rem 4rem}.sj-sticky{align-self:start;display:block;position:sticky;top:6rem}.sj-frame{height:min(68svh,640px);min-height:22rem}.sj-sticky .sj-ticks{position:absolute}.sj-inline{display:none}.sj-chapters{gap:0}.sj-chapter{align-content:center;min-height:80vh}}@supports (animation-timeline:view()) and (animation-range:entry){.sj-copy{animation:linear both sj-rise;animation-timeline:view();animation-range:entry cover 38%}.sj-inline{animation:linear both sj-frame-in;animation-timeline:view();animation-range:entry cover 42%}}@keyframes sj-rise{0%{opacity:.28;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes sj-frame-in{0%{opacity:.6;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sj-sticky{display:none!important}.sj-inline{animation:none;display:block!important}.sj-chapters{gap:2.5rem}.sj-chapter{min-height:0}.sj-root *,.sj-copy,.sj-inline,.sj-layer,.sj-layer img,.sj-layer video{transition:none!important;animation:none!important}.sj-layer img,.sj-layer video{transform:none}}
.htl-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (min-width:640px){.htl-grid{grid-template-columns:1fr 1fr}}@media (min-width:1100px){.htl-grid{grid-template-columns:repeat(4,1fr)}}.htl-card{isolation:isolate;aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--bg-inverse);text-align:left;color:var(--text-on-inverse);touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.htl-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.htl-still,.htl-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.htl-video{opacity:0;transition:opacity .45s var(--ease-out)}.htl-card.is-alive .htl-video{opacity:1}.htl-ring{pointer-events:none;z-index:2;border:2px solid var(--accent-on-inverse);border-radius:var(--radius-sm);opacity:var(--htl-p,0);position:absolute;inset:8px}.htl-hint,.htl-title{z-index:2;position:absolute;left:12px;right:12px}.htl-hint{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-on-inverse);font-size:10px;top:14px}.htl-title{letter-spacing:-.03em;color:var(--text-on-inverse);font-size:1.15rem;font-weight:900;line-height:1.15;bottom:14px}.htl-play{z-index:3;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--text-on-inverse) 35%, transparent);background:var(--bg-inverse);color:var(--text-on-inverse);padding:.35rem .7rem;font-size:12px;position:absolute;bottom:12px;right:12px}@media (prefers-reduced-motion:reduce){.htl-video,.htl-ring{transition:none}}
.film-stage{isolation:isolate;aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--bg-inverse);touch-action:none;cursor:ew-resize;position:relative;overflow:hidden}.film-stage:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.film-video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.film-head{z-index:2;background:var(--accent-on-inverse);width:2px;margin-left:-1px;position:absolute;top:0;bottom:2.1rem}.film-head:after{content:"";border-radius:var(--radius-sm);border:2px solid var(--accent-on-inverse);background:var(--bg-inverse);width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.film-ticks{inset-inline:0;z-index:2;background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--text-on-inverse) 28%, transparent) 0 10px, transparent 10px 14px);height:1.35rem;position:absolute;bottom:0}.film-range{z-index:3;opacity:0;cursor:ew-resize;appearance:none;background:0 0;margin:0;position:absolute;inset:0}.film-caption{pointer-events:none;z-index:2;background:linear-gradient(to top, var(--bg-inverse), transparent);color:var(--text-on-inverse);padding:3.5rem 1.1rem .9rem;position:absolute;bottom:1.35rem;left:0;right:0}@media (prefers-reduced-motion:reduce){.film-stage{cursor:default}}
.split-stage{isolation:isolate;aspect-ratio:16/10;border-radius:var(--radius-sm);background:var(--bg-inverse);touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}@media (max-width:639px){.split-stage{aspect-ratio:4/5}}.split-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.split-left{clip-path:inset(0 calc(100% - var(--split)) 0 0);position:absolute;inset:0}.split-bar{pointer-events:none;z-index:2;background:var(--accent-on-inverse);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.split-handle{border-radius:var(--radius-sm);border:2px solid var(--accent-on-inverse);background:var(--bg-inverse);width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.split-handle:before,.split-handle:after{content:"";border:2px solid var(--text-on-inverse);border-top:0;border-right:0;width:7px;height:7px;position:absolute;top:50%}.split-handle:before{left:9px;transform:translateY(-50%)rotate(45deg)}.split-handle:after{right:9px;transform:translateY(-50%)rotate(-135deg)}.split-tag{pointer-events:none;z-index:2;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--text-on-inverse) 28%, transparent);background:var(--bg-inverse);letter-spacing:.04em;text-transform:uppercase;color:var(--text-on-inverse);padding:.25rem .7rem;font-size:11px;position:absolute;top:12px}.split-tag.is-left{left:12px}.split-tag.is-right{right:12px}.split-range{z-index:3;opacity:0;cursor:ew-resize;appearance:none;background:0 0;margin:0;position:absolute;inset:0}.split-range:focus-visible{opacity:1}
.mix-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (min-width:900px){.mix-grid{grid-template-columns:repeat(4,1fr)}.mix-wide{grid-column:span 2}.mix-wide .mix-card{aspect-ratio:16/10}}.mix-card{isolation:isolate;aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--bg-inverse);text-align:left;width:100%;color:var(--text-on-inverse);transform-style:preserve-3d;display:block;position:relative;overflow:hidden}.mix-card.is-wide{aspect-ratio:16/10}.mix-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mix-still,.mix-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mix-video{opacity:0}.mix-card:hover .mix-video{opacity:1}.mix-meta{inset-inline:0;background:linear-gradient(to top, var(--bg-inverse), transparent);color:var(--text-on-inverse);flex-direction:column;gap:.15rem;padding:2.4rem .85rem .75rem;display:flex;position:absolute;bottom:0}@media (pointer:coarse){.mix-card{transform:none!important}}@media (prefers-reduced-motion:reduce){.mix-card{transform:none!important}.mix-video{opacity:0!important}}
.qm-table{border-radius:var(--radius-sm);border:2px solid var(--text-primary);background:linear-gradient(to bottom, color-mix(in srgb, var(--bg-secondary) 88%, transparent), var(--bg-secondary)), url(/webinar/prompt-desk.jpg) center / cover;flex-direction:column;display:flex;position:relative;overflow:hidden}.qm-pool{flex-wrap:wrap;place-content:center;gap:.85rem 1rem;min-height:12rem;padding:1.5rem 1.25rem 1.25rem;display:flex}.qm-tray{border-top:2px solid var(--text-primary);background:var(--bg-secondary);padding:1.1rem 1.25rem 1.35rem}.qm-chip{border-radius:var(--radius-sm);border:2px solid var(--text-primary);background:var(--bg-secondary);color:var(--text-primary);padding:.55rem 1rem;font-size:.92rem}.qm-chip:hover{background:var(--bg-tertiary)}.qm-chip.is-on{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.qm-chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:639px){.qm-pool{justify-content:flex-start;min-height:0;padding:1rem .9rem .75rem}.qm-chip{min-height:2.75rem}}
html{scroll-padding-top:5.75rem}#format,#machine,#register{scroll-margin-top:5.75rem}.webinar-stage{isolation:isolate;border-radius:var(--radius-sm);background:var(--bg-inverse);height:min(78svh,820px);min-height:520px;position:relative;overflow:hidden}.webinar-stage .webinar-scene{width:100%;height:100%;display:block}.webinar-hud{pointer-events:none;border:1px solid color-mix(in srgb, var(--accent-on-inverse) 35%, transparent);border-radius:var(--radius-sm);z-index:2;position:absolute;inset:12px}.webinar-hud:before,.webinar-hud:after{content:"";border-color:var(--accent-on-inverse);border-style:solid;width:18px;height:18px;position:absolute}.webinar-hud:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.webinar-hud:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.webinar-node-label{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);min-width:4.5rem;color:var(--text-primary);letter-spacing:.02em;white-space:nowrap;cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:4px 10px;font-size:11px;font-weight:600;line-height:1.2;display:flex}.webinar-node-label.is-on{border-color:var(--accent);background:var(--bg-secondary)}.webinar-node-label-hint{color:var(--text-secondary);white-space:nowrap;font-size:10px;font-weight:500}.webinar-3d-caption{text-align:center;pointer-events:none;width:16rem}.webinar-3d-caption-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-on-inverse);margin:0;font-size:10px}.webinar-3d-caption-title{color:var(--text-on-inverse);margin:2px 0 0;font-size:13px;font-weight:700}.webinar-prompt-bar{z-index:3;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);max-width:min(420px,100% - 32px);padding:12px 14px;position:absolute;top:16px;left:16px}.webinar-deck{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}@supports (animation-timeline:view()) and (animation-range:entry){.webinar-deck-card{animation:linear both webinar-card-scale;animation-timeline:view(inline)}}@keyframes webinar-card-scale{0%{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(.92)}}body.webinar-modal-open .webinar-stage{visibility:hidden}@media (max-width:767px){.webinar-stage{height:min(52svh,420px);min-height:280px}.webinar-node-label{min-width:3.6rem;padding:3px 8px;font-size:10px}.webinar-node-label-hint{display:none}}@media (prefers-reduced-motion:reduce){.webinar-stage{display:none}.webinar-deck-card{animation:none}}
