.li-hero-stage{padding:28px 16px 36px}@media (width>=640px){.li-hero-stage{padding:36px 32px 44px}}.li-hero{flex-direction:column;align-items:center;display:flex}.li-hero-art{aspect-ratio:840/660;width:min(80%,360px);position:relative}.li-hero-backing{position:absolute;inset:0}.li-hero-backing-paper{transform-origin:50% 100%;--idle:2.8s;--idle-delay:-1700ms;--r1:.5deg;--r2:-.4deg}.li-hero-camera{transform-origin:60% 100%;width:66%;position:absolute;top:22%;left:30%}.li-hero-camera-paper{transform-origin:60% 100%;--idle:3.1s;--idle-delay:-600ms;--r1:.9deg;--r2:-.6deg}.li-hero-room{z-index:1;width:100%;max-width:440px;margin-top:-36px;position:relative}.li-hero-slip{z-index:0;transform-origin:100% 100%;width:min(78%,270px);margin:0 0 -6px auto;display:none;position:relative;transform:rotate(2deg)}.li-hero-body{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;display:grid}.li-hero-stage-tile{min-height:168px;padding:22px 16px 14px}.li-hero-caption{text-align:center;background:#0112108c;border-radius:6px;align-self:stretch;margin-top:14px;padding:6px 10px}.li-hero-flag{transform-origin:20% 90%;flex:none;width:18px;display:block}.li-hero-foot{padding-top:10px}@media (width>=600px){.li-hero{flex-direction:row;justify-content:center;gap:24px}.li-hero-art{flex:0 0 40%;width:auto;max-width:320px}.li-hero-room{flex:1 1 0;max-width:420px;margin-top:0}.li-hero-slip{display:block}}@media (width>=1024px){.li-hero-stage{padding:0}.li-hero{display:block}.li-hero-art{width:auto;max-width:none;height:88%;position:absolute;bottom:0;left:3%}.li-hero-room{width:min(44%,560px);max-width:none;position:absolute;top:50%;left:50%;translate:0 -50%}.li-hero-body{padding:16px 18px 12px}.li-hero-stage-tile{min-height:0;padding:18px 16px 12px}}@media (width>=1024px) and (width<=1279px){.li-hero-slip{display:none}}@media (width>=1280px){.li-hero-room{width:min(40%,540px);left:52%}}@media (width>=1024px) and (height<=920px){.li-hero-stage{height:clamp(300px,24vw,340px)}.li-hero-slip{display:none}.li-hero-body{gap:8px;padding:12px 16px 10px}.li-hero-stage-tile{padding:12px 14px 10px}.li-hero-caption{margin-top:8px}.li-hero-foot{display:none}}.li-booking{padding-bottom:8px}.li-mail{z-index:2;justify-content:flex-end;align-items:flex-end;gap:10px;margin:-14px 8px 0 0;display:flex;position:relative}.li-envelope{transform-origin:50% 100%;flex:none;width:92px;margin-bottom:6px;display:block}.li-envelope-paper{transform-origin:50% 100%;--idle:2.6s;--idle-delay:-900ms;--r1:2deg;--r2:-1.4deg}.li-reminders{width:min(62%,220px)}@media (width<=374px){.li-envelope{width:68px}.li-reminders{width:min(76%,230px)}}.li-reminder{transform-origin:100%;--act-delay:.7s;--act-stagger:.26s}.li-reminder:nth-child(2){margin-right:-6px}.li-slot--picked{transform-origin:50%}@media (width>=600px){.li-booking{padding-right:40px}.li-mail{margin:-14px -40px 0 0}.li-envelope{width:120px}}.li-panel{padding-top:64px}@media (width>=640px){.li-panel{padding-top:40px}}@media (width>=600px) and (width<=1023px){.li-panel{max-width:460px;margin-inline:auto}}.li-bubble{z-index:0;width:100px;position:absolute;top:0;right:6px}@media (width>=640px){.li-bubble{width:140px;top:-22px;right:-44px}}.li-bubble-paper{transform-origin:30% 100%;--idle:2.9s;--idle-delay:-1300ms;--r1:1.4deg;--r2:-1deg}.li-tick{transform-origin:50%;--act-delay:.25s;--act-stagger:.38s}.li-tip{width:min(92%,320px);margin:14px 0 0 auto;position:relative}@media (width>=600px){.li-tip{margin-right:-28px}}.li-tip-pop{transform-origin:50% 0;--act-delay:1.1s}.li-captions{border-radius:var(--radius-inner,10px);background:var(--color-deep-ink);width:min(88%,380px);margin:-12px auto 0 12px;padding:12px 14px 10px;box-shadow:0 8px 22px #0112102e}.li-marks-wrap{padding-bottom:56px}.li-marks-replay{position:absolute;bottom:0;right:0}.li-ready{transform-origin:100%;display:inline-flex}.li-track{margin-top:10px;position:relative;container-type:inline-size}.li-track-art{height:104px;position:relative}@media (width>=640px){.li-track-art{height:116px}}.li-wave{align-items:center;gap:3px;height:40px;display:flex;position:absolute;bottom:14px;left:0;right:0}.li-wave-bar{background:var(--color-forest-green);opacity:.16;min-width:0;height:100%;transform:scaleY(var(--h,.5));border-radius:2px;flex:1 1 0}.li-line{background:var(--color-paper-shade,#0112101f);border-radius:999px;height:4px;position:absolute;bottom:8px;left:0;right:0;overflow:hidden}.li-line-fill{border-radius:inherit;background:var(--color-forest-green);transform-origin:0;position:absolute;inset:0}.li-playhead-run{pointer-events:none;opacity:0;position:absolute;inset:0}.li-playhead{background:var(--color-coral-red);border-radius:2px;width:2px;position:absolute;top:18px;bottom:2px;left:-1px}.li-flag{transform-origin:20% 100%;width:50px;position:absolute;bottom:0;translate:-19.6%}@media (width<=374px){.li-flag{width:40px}}@media (width>=640px){.li-flag{width:60px}}.li-flag-drop{transform-origin:20% 100%;display:block}.li-note-flag{flex:none;width:14px;margin-top:1px;display:block}.li-note-time{display:inline-grid}.li-note-time>span{grid-area:1/1}.li-note-typed{opacity:0}.li-note-quote{quotes:"“" "”"}.li-bots{padding-top:64px}.li-bot{z-index:2;width:70px;position:absolute;top:0;right:14px}@media (width>=600px){.li-bots{padding-top:0;padding-right:52px}.li-bot{width:104px;top:-44px;right:-6px}}.li-bot-hop{transform-origin:50% 100%}.li-bot-paper{transform-origin:50% 100%;--idle:3s;--idle-delay:-2100ms;--r1:2deg;--r2:-1.5deg}.li-joined{transform-origin:0;--act-delay:.52s}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .li-hero[data-on] .li-hero-camera{animation:1.4s step-end both li-camera-lift}:root:not([data-reduce-motion=reduce]) .li-hero-flag{--act-delay:.9s}:root:not([data-reduce-motion=reduce]) .li-booking[data-on] .li-slot--picked{animation:.36s step-end .2s both li-press}:root:not([data-reduce-motion=reduce]) .li-booking[data-on] .li-envelope{animation:.56s step-end .38s both hero-hop}:root:not([data-reduce-motion=reduce]) .li-marks:is([data-scene=before],[data-scene=play]) .li-line-fill{animation:1.6s steps(12,end) both li-fill}:root:not([data-reduce-motion=reduce]) .li-marks:is([data-scene=before],[data-scene=play]) .li-playhead-run{animation:1.6s steps(12,end) both li-run}:root:not([data-reduce-motion=reduce]) .li-marks:is([data-scene=before],[data-scene=play]) .li-flag-drop{animation:li-drop .42s step-end var(--drop) both}:root:not([data-reduce-motion=reduce]) .li-marks:is([data-scene=before],[data-scene=play]) .li-flag{animation:li-settle .46s step-end var(--match) both}:root:not([data-reduce-motion=reduce]) .li-marks:is([data-scene=before],[data-scene=play]) .li-ready{animation:.24s step-end 1.9s both hero-pop}:root:not([data-reduce-motion=reduce]) .li-marks:is([data-scene=before],[data-scene=play]) .li-note-at{animation:li-show 1ms step-end calc(var(--match) + .2s) both}:root:not([data-reduce-motion=reduce]) .li-marks:is([data-scene=before],[data-scene=play]) .li-note-typed{animation:li-hide 1ms step-end calc(var(--match) + .2s) both}:root:not([data-reduce-motion=reduce]) .li-marks:is([data-scene=before],[data-scene=play]) .li-note-quote{animation:li-show 1ms step-end calc(var(--match) + .3s) both}:root:not([data-reduce-motion=reduce]) .li-marks:is([data-scene=before],[data-scene=play]) .li-note{animation:li-note-tick .52s step-end var(--match) both}:root:not([data-reduce-motion=reduce]) .li-marks[data-scene=before] :is(.li-line-fill,.li-playhead-run,.li-flag-drop,.li-flag,.li-ready,.li-note-at,.li-note-typed,.li-note-quote,.li-note){animation-play-state:paused}}@keyframes li-camera-lift{0%{transform:none}12%{transform:translate(-1%,-5%)rotate(-3deg)}30%{transform:translate(-1.5%,-8%)rotate(-4.5deg)}70%{transform:translate(-1%,-5%)rotate(-2deg)}85%,to{transform:none}}@keyframes li-press{0%{transform:scale(.92)}50%{transform:scale(1.04)}99.9%,to{transform:none}}@keyframes li-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes li-run{0%{opacity:1;transform:translate(0)}99.9%{opacity:1;transform:translate(100%)}to{opacity:0;transform:translate(100%)}}@keyframes li-drop{0%{opacity:0}1%{opacity:1;transform:translateY(-40%)rotate(-8deg)}40%{opacity:1;transform:translateY(6%)rotate(3deg)}70%,to{opacity:1;transform:none}}@keyframes li-settle{0%{transform:translateX(calc(var(--shift) * 1cqw))}25%{transform:translateX(calc(var(--shift) * .6cqw)) translateY(-14%) rotate(-6deg)}55%{transform:translateX(calc(var(--shift) * .15cqw)) translateY(-10%) rotate(-3deg)}80%,to{transform:none}}@keyframes li-show{0%{opacity:0}99.9%,to{opacity:1}}@keyframes li-hide{0%{opacity:1}99.9%,to{opacity:0}}@keyframes li-note-tick{0%{transform:none}40%{transform:translate(-4px)}70%{transform:translate(2px)}99.9%,to{transform:none}}
