.ail{--ez:cubic-bezier(.65, 0, .25, 1);--acc:#3a7bff;place-items:center;display:grid;position:absolute;inset:0;container-type:size}.ai-spread{width:min(100cqw, calc(100cqh * 2 * var(--pa)));aspect-ratio:calc(2 * var(--pa));perspective:2200px;border-radius:4px;position:relative;box-shadow:0 30px 60px -30px #3c280a73,0 2px 8px #3c280a14;container-type:size}.ai-paper{background:#fffdf8;width:50%;position:absolute;top:0;bottom:0}.ai-paper.l{opacity:var(--lp,1);border-radius:4px 0 0 4px;left:0}.ai-paper.r{border-radius:0 4px 4px 0;right:0}.ai-gutter{pointer-events:none;z-index:4;background:linear-gradient(90deg,#0000,#3c280a14 42%,#3c280a29 50%,#3c280a14 58%,#0000);width:8%;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.ai-blocks{animation:.6s .4s both ai-in;position:absolute;inset:0}@keyframes ai-in{0%{opacity:0}to{opacity:1}}.ail.st0 .ai-blocks{animation:none}.ai-b{box-sizing:border-box;transition:left .95s var(--ez), top .95s var(--ez), width .95s var(--ez), height .95s var(--ez), opacity .6s, color .8s, background-color .9s, padding .9s, border-radius .9s, font-size .9s var(--ez), transform .9s var(--ez);position:absolute;overflow:hidden}.ai-b.off{opacity:0}.ai-art{width:100%;height:100%;display:block;position:absolute;inset:0}.ai-pic{z-index:1;background:#eef2f8;border-radius:.3cqw}.ai-file{font:600 .8cqw/1 var(--ui);color:#fff;opacity:0;background:#0e142499;padding:.4cqw;transition:opacity .4s;position:absolute;bottom:0;left:0;right:0}.ail.raw .ai-pic{outline:.3cqw solid #fff;transform:rotate(4deg);box-shadow:0 .6cqw 1.4cqw -.4cqw #0e142466}.ail.raw .ai-file{opacity:1}.ail.st2 .ai-pic,.ail.st4 .ai-pic,.ail.st5 .ai-pic,.ail.st7 .ai-pic,.ail.st8 .ai-pic{border-radius:0}.ai-txt,.ai-txt p{margin:0}.ai-txt{z-index:2;font:400 1.18cqw/1.52 var(--serif);color:#1f2a44;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.ai-txt p+p{text-indent:1.3em}.ai-txt.dc p:first-child:first-letter{float:left;font:400 3.3em/.8 var(--display);color:var(--acc);margin:.12em .12em 0 0}.ail.st2 .ai-txt.dc,.ail.st4 .ai-txt.dc,.ail.st5 .ai-txt.dc{column-count:2;column-gap:1.8cqw}.ai-kick{z-index:2;font:600 .92cqw/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}.ai-h{z-index:2;font:400 3.5cqw/1.02 var(--display);color:#1f2a44;letter-spacing:-.01em}.ai-cap{z-index:2;font:italic 400 .98cqw/1.3 var(--serif);color:#6a7488}.ail.raw .ai-txt,.ail.raw .ai-h,.ail.raw .ai-kick{font:400 1.12cqw/1.55 var(--ui);color:#3a4150;letter-spacing:0;text-transform:none;text-align:left}.ail.raw .ai-h,.ail.raw .ai-kick{font-weight:700}.ail.raw .ai-txt p+p{text-indent:0;margin-top:.8em}.ail.raw .ai-txt.dc p:first-child:first-letter{float:none;font:inherit;color:inherit;margin:0}.ail.raw .ai-txt{clip-path:inset(0 0 calc((1 - var(--fill,1)) * 100%) 0)}.ail.st4 .ai-h,.ail.st5 .ai-h{color:#fff;text-shadow:0 .3cqw 1.6cqw #0a102873;font-size:5.2cqw}.ail.st4 .ai-kick,.ail.st5 .ai-kick{color:#fff}.ai-band{z-index:1;background-color:var(--acc)}.ai-quote{z-index:2;font:italic 400 2.15cqw/1.18 var(--display);color:#fff}.ail.warm{--acc:#e8664a}.ai-sky{fill:#b9cff5;transition:fill 1s}.ai-sun{fill:#eef3ff;transition:fill 1s}.ai-sea{fill:#5d7fbf;transition:fill 1s}.ai-glint{stroke:#c9d9f7;transition:stroke 1s}.ai-beam{fill:#fff6c9;opacity:.7}.ail.warm .ai-sky{fill:#ffbe9a}.ail.warm .ai-sun{fill:#ffe7b8}.ail.warm .ai-sea{fill:#c9667a}.ail.warm .ai-glint{stroke:#ffd5a6}.ail.st7 .ai-txt,.ail.st8 .ai-txt{background-color:#ffffffbd;border-radius:.8cqw;padding:1cqw 1.2cqw;font-size:1.15cqw;box-shadow:0 .6cqw 1.6cqw -.8cqw #0e14244d}.ail.st7 .ai-h,.ail.st8 .ai-h{font-size:4.2cqw}.ai-tag{z-index:3;font:650 .98cqw/1 var(--ui);letter-spacing:.04em;color:#fff;opacity:0;background:#3a7bffe0;border-radius:0 0 .5cqw;padding:.4cqw .65cqw;transition:opacity .35s,transform .35s;position:absolute;top:0;left:0;transform:translateY(-100%)}.ail.tagged .ai-b:not(.off){background-color:#3a7bff0d;box-shadow:inset 0 0 0 .14cqw #3a7bff99}.ail.tagged .ai-tag{opacity:1;transform:none}.ai-focus{z-index:6;box-sizing:border-box;pointer-events:none;transition:left .95s var(--ez), top .95s var(--ez), width .95s var(--ez), height .95s var(--ez);border:.16cqw dashed #8b6cfff2;border-radius:.5cqw;animation:1.6s ease-in-out infinite ai-breathe;position:absolute;box-shadow:0 0 0 .35cqw #8b6cff1f,0 0 2.6cqw #8b6cff59}@keyframes ai-breathe{50%{box-shadow:0 0 0 .6cqw #8b6cff14,0 0 3.4cqw #8b6cff80}}.ai-focus b{white-space:nowrap;font:600 1.3cqw/1 var(--ui);color:#fff;background:linear-gradient(100deg,#3a7bff,#8b6cff 60%,#ff8f6b);border-radius:999px;align-items:center;gap:.5cqw;padding:.7cqw 1.15cqw .7cqw .75cqw;animation:.5s cubic-bezier(.3,1.5,.5,1) both ai-pop;display:inline-flex;position:absolute;bottom:calc(100% + .6cqw);left:-.16cqw;box-shadow:0 .6cqw 1.6cqw -.5cqw #6e5affcc}.ai-focus b i{background:conic-gradient(#fff,#fff3,#fff);border-radius:50%;width:1.15cqw;height:1.15cqw;animation:1s linear infinite c-spin}@keyframes ai-pop{0%{opacity:0;transform:translateY(.8cqw)scale(.9)}to{opacity:1;transform:none}}.ail.st0 .ai-focus b,.ail.st3 .ai-focus b,.ail.st4 .ai-focus b,.ail.st7 .ai-focus b{top:.8cqw;bottom:auto;left:.8cqw}.ail.st7 .ai-focus b{inset:auto .8cqw .8cqw auto}.ai-focus em{box-sizing:border-box;background:#fff;border:.16cqw solid #8b6cff;border-radius:.2cqw;width:.9cqw;height:.9cqw;position:absolute}.ai-focus em:first-of-type{top:-.5cqw;left:-.5cqw}.ai-focus em:nth-of-type(2){top:-.5cqw;right:-.5cqw}.ai-focus em:nth-of-type(3){bottom:-.5cqw;left:-.5cqw}.ai-focus em:nth-of-type(4){bottom:-.5cqw;right:-.5cqw}.ai-fold{z-index:5;opacity:0;border-left:.16cqw dashed #fffffff2;transition:opacity .5s .6s;position:absolute;top:4%;bottom:4%;left:50%}.ai-fold.on{opacity:1}.ai-fold b{white-space:nowrap;font:600 1.2cqw/1 var(--ui);color:#1f2a44;background:#ffffffeb;border-radius:999px;padding:.6cqw 1cqw;position:absolute;bottom:3cqw;left:0;transform:translate(-50%);box-shadow:0 .4cqw 1.2cqw -.4cqw #0e142459}.ai-leaf{z-index:7;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#efe9dc,#fffdf8 30%,#fffdf8);border-radius:0 4px 4px 0;width:50%;height:100%;animation:.95s cubic-bezier(.45,0,.2,1) forwards ai-flip;position:absolute;top:0;left:50%;box-shadow:-1cqw 0 3cqw -1cqw #3c280a4d}@keyframes ai-flip{0%{opacity:1;transform:rotateY(0)}92%{opacity:1;transform:rotateY(-180deg)}to{opacity:0;transform:rotateY(-180deg)}}@media (prefers-reduced-motion:reduce){.ai-b,.ai-focus{transition:none}.ai-focus,.ai-focus b i{animation:none}.ai-leaf{display:none}}