.aot{--rx:0deg;--ry:0deg;--gx:50%;--gy:0%;--glare:0;--aot-wine:#14060a;--aot-deep:#2a0a0c;--aot-burn:#5a1614;--aot-ember:#b5432a;--aot-warm:#e08a54;--aot-bone:#f7f1ea;--aot-gold:#cc9e65;perspective:1100px;justify-content:center;width:100%;display:flex}.aot__stage{width:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s cubic-bezier(.22,.8,.3,1);animation:9s ease-in-out infinite aot-float}.aot--live .aot__stage{transition:transform .12s ease-out;animation:none}.aot--still .aot__stage{animation:none}@keyframes aot-float{0%,to{transform:rotateX(2.5deg)rotateY(-4deg)translateY(0)}50%{transform:rotateX(-2deg)rotateY(4deg)translateY(-8px)}}.aot__card{isolation:isolate;background:radial-gradient(120% 140% at 8% 0%, #b5432a6b, transparent 58%), radial-gradient(90% 120% at 100% 100%, #5a16148c, transparent 62%), linear-gradient(145deg, var(--aot-deep), var(--aot-wine) 62%, #1d0709);border:1px solid #e08a5447;border-radius:18px;grid-template-columns:minmax(0,1fr) auto 92px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #000000d9,inset 0 0 0 1px #f7f1ea0a,inset 0 1px #f7f1ea17}.aot__tex{z-index:0;pointer-events:none;opacity:.16;mix-blend-mode:screen;background-image:repeating-linear-gradient(115deg,#f7f1ea1a 0 1px,#0000 1px 5px),repeating-linear-gradient(-40deg,#e08a5417 0 1px,#0000 1px 7px);animation:16s linear infinite aot-tex;position:absolute;inset:-40%}@keyframes aot-tex{to{transform:translate(9%,7%)rotate(1deg)}}.aot--still .aot__tex{animation:none}.aot__glare{z-index:3;pointer-events:none;opacity:var(--glare);background:radial-gradient(46% 60% at var(--gx) var(--gy), #ffd6b24d, #e08a541f 42%, transparent 72%);mix-blend-mode:screen;transition:opacity .35s;position:absolute;inset:0}.aot--still .aot__glare{display:none}.aot__mark{z-index:1;pointer-events:none;font-family:var(--serif,serif);color:#f7f1ea0d;letter-spacing:-.04em;font-size:clamp(90px,15vw,150px);line-height:1;position:absolute;bottom:-14px;right:96px}.aot__main{z-index:2;flex-direction:column;gap:10px;padding:clamp(22px,3.4vw,34px);display:flex;position:relative}.aot__presenter{font-family:var(--mono,ui-monospace,monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--aot-warm);font-size:10px}.aot__name{font-family:var(--serif,serif);letter-spacing:-.02em;color:var(--aot-bone);margin:2px 0 0;font-size:clamp(26px,3.6vw,40px);font-weight:400;line-height:1.02}.aot__event{font-family:var(--serif,serif);background:linear-gradient(96deg,#f3c39f,var(--aot-ember));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(17px,2.1vw,24px);font-style:italic;line-height:1.1}.aot__rule{background:linear-gradient(90deg,#e08a5480,#e08a5400);height:1px;margin:10px 0 4px;display:block}.aot__meta{flex-wrap:wrap;gap:10px 28px;margin:0;display:flex}.aot__meta dt{font-family:var(--mono,ui-monospace,monospace);letter-spacing:.2em;text-transform:uppercase;color:#f7f1ea6b;margin-bottom:4px;font-size:9px}.aot__meta dd{font-family:var(--mono,ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--aot-bone);margin:0;font-size:11px}.aot__perf{z-index:2;background:repeating-linear-gradient(#f7f1ea57 0 7px,#0000 7px 14px);width:1px;position:relative}.aot__perf:before,.aot__perf:after{content:"";background:var(--aot-page-bg,#0a0305);border-radius:50%;width:20px;height:20px;position:absolute;left:50%;transform:translate(-50%,-50%)}.aot__perf:before{top:0}.aot__perf:after{top:100%}.aot__stub{z-index:2;background:linear-gradient(#5a161480,#14060a80);justify-content:center;align-items:center;gap:16px;padding:18px 0;display:flex;position:relative}.aot__stubtx{writing-mode:vertical-rl;font-family:var(--mono,ui-monospace,monospace);letter-spacing:.42em;text-transform:uppercase;color:var(--aot-gold);font-size:11px;transform:rotate(180deg)}.aot__code{flex-direction:column;gap:3px;width:38px;display:flex}.aot__code i{background:var(--aot-bone);border-radius:1px;width:100%;display:block}@media (width<=720px){.aot__card{grid-template-columns:minmax(0,1fr) auto 64px}.aot__mark{right:70px}.aot__stub{gap:10px;padding:14px 0}.aot__code{width:26px}}