.academy-preview{margin:0;container-type:inline-size}.academy-preview-frame{border:1px solid color-mix(in oklab, var(--ink) 12%, var(--paper));background:var(--paper);border-radius:24px;padding:8px;box-shadow:0 18px 45px -30px #17213955}.academy-preview-screen{aspect-ratio:36/25;isolation:isolate;background:#090b10;border-radius:16px;position:relative;overflow:hidden}.academy-preview-image{object-fit:cover;pointer-events:none;opacity:0;transform-origin:0 0;width:100%;max-width:none;height:100%;transition:opacity .4s,transform .85s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.academy-preview-image[data-visible=true]{opacity:1}.academy-preview-image--overview{transform:translate(-2%,-1%)scale(1.04)}.academy-preview-screen[data-view="1"] .academy-preview-image--overview{transform:translate(-57%,-8%)scale(1.65)}.academy-preview-image--library,.academy-preview-image--map{object-fit:contain}.academy-preview-presets{color:#f5f2ec;opacity:0;pointer-events:none;background:#101215;transition:opacity .4s;position:absolute;inset:0}.academy-preview-presets[data-visible=true]{opacity:1}.academy-preview-preset{opacity:0;padding:6cqw;transition:opacity .22s,transform .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(18px)}.academy-preview-preset[data-visible=true]{opacity:1;transform:translateY(0)}.academy-preview-preset-category{color:#ff873f;font:500 clamp(8px, 1.7cqw, 12px) / 1.4 var(--font-mono);letter-spacing:.12em}.academy-preview-preset h3{max-width:90%;font:600 clamp(20px, 5.6cqw, 38px) / 1.12 var(--font-display);letter-spacing:-.035em;margin:3cqw 0 2cqw}.academy-preview-preset-summary{color:#b4b6bd;font:400 clamp(10px, 2.2cqw, 15px) / 1.5 var(--font-sans)}.academy-preview-palette{gap:1.4cqw;margin-top:3cqw;display:flex}.academy-preview-palette span{border:1px solid #ffffff14;border-radius:2px;width:7cqw;height:2cqw}.academy-preview-excerpt{border-top:1px solid #ffffff17;margin-top:4cqw;padding-top:3cqw}.academy-preview-excerpt>span{color:#ff873f;font:500 clamp(7px, 1.5cqw, 11px) / 1.4 var(--font-mono);letter-spacing:.1em}.academy-preview-excerpt p{color:#e1e1e3;font:400 clamp(10px, 2cqw, 14px) / 1.65 var(--font-mono);margin-top:2cqw}.academy-preview-caption{min-height:3em;color:var(--ink-soft);text-align:center;text-wrap:balance;font:400 13px / 1.5 var(--font-sans);padding:14px 12px 0}@media (width<=639px){.academy-preview-frame{border-radius:18px;padding:5px}.academy-preview-screen{border-radius:12px}.academy-preview-caption{font-size:12px}.academy-preview-preset-summary{display:none}.academy-preview-preset{padding:5cqw}.academy-preview-excerpt p{line-height:1.5}}@media (prefers-reduced-motion:reduce){.academy-preview-image,.academy-preview-presets,.academy-preview-preset{transition:none}}