.act-stage{grid-template:"read summit""read replay"1fr"init init""ships ships"/minmax(0,1fr) 84px;align-items:start;column-gap:12px;padding:20px 16px;display:grid;position:relative}@media (width>=600px){.act-stage{grid-template:"read read init""ships ships init""summit replay init"1fr/minmax(0,1fr) 44px minmax(0,1.05fr);column-gap:16px}}@media (width>=640px){.act-stage{padding:28px 32px}}@media (width>=700px){.act-stage{grid-template:"read read init""ships replay init""ships summit init"1fr/minmax(0,.8fr) 96px minmax(0,1fr);column-gap:16px}}@media (width>=1024px){.act-stage{grid-template:"read init summit""read init ships"/minmax(0,1fr) 340px 236px;column-gap:28px;padding:16px 28px 24px}}@media (width>=1280px){.act-stage{grid-template-columns:minmax(0,1fr) 372px 248px;column-gap:40px;padding:16px 48px 24px}}@media (width>=1440px){.act-stage{grid-template-columns:minmax(0,1fr) 392px 256px;column-gap:48px;padding:16px 64px 24px}}.act-backing{--bk-w:86cqw;--bk-r:-10cqw;z-index:0;right:calc(var(--bk-r) - var(--bk-w) * .355);width:calc(var(--bk-w) * 1.355);pointer-events:none;position:absolute;bottom:-2px}@media (width>=700px){.act-backing{--bk-w:52cqw;--bk-r:-8cqw}}@media (width>=1024px){.act-backing{--bk-w:34cqw;--bk-r:-10cqw}}@media (width>=1280px){.act-backing{--bk-r:-7cqw}}@media (width>=1800px){.act-backing{right:max(calc(var(--bk-r) - var(--bk-w) * .355), calc(24px - (100vw - 1450px) / 2))}}.act-backing-paper{transform-origin:73.8% 100%;--idle:2.9s;--idle-delay:-700ms;--r1:.5deg;--r2:-.4deg}.act-readout{z-index:1;grid-area:read;width:100%;max-width:280px;position:relative;rotate:-2deg}@media (width>=600px){.act-readout{max-width:380px}}@media (width>=700px){.act-readout{max-width:480px}}@media (width>=1024px){.act-readout{place-self:center end;max-width:600px}}.act-sheet{--idle:3.1s;--idle-delay:-1300ms;--r1:0deg;--r2:0deg}.act-hole{z-index:1;background:color-mix(in srgb, var(--color-soft-linen) 84%, #3b2f1a);--act-delay:.76s;display:block;position:absolute;box-shadow:inset 3px 4px #01121033,inset -1px -1px #ffffff8c,0 0 0 1px #01121038}.act-cut-dot{z-index:2;background:var(--color-forest-green);--act-delay:.18s;--act-stagger:18ms;border-radius:9999px;width:4px;height:4px;margin:-2px 0 0 -2px;display:block;position:absolute}@media (width>=1024px){.act-cut-dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px}}.act-evidence-line{display:none}@media (width>=1280px){.act-evidence-line{display:block}}.act-evidence-path{--act-delay:1.66s}.act-init{z-index:3;grid-area:init;margin-top:44px}@media (width>=600px){.act-init{align-self:center;margin-top:44px}}@media (width>=1024px){.act-init{margin-top:36px}}.act-cut-slot{z-index:2;pointer-events:none;width:100px;display:block;position:absolute;top:-56px;right:-8px}@media (width>=1024px){.act-cut-slot{width:112px;top:-40px;right:-14px}}@media (width>=1280px){.act-cut-slot{width:124px}}.act-cut{width:100%;height:auto;display:block;transform:rotate(5deg)}.act-pin{transform-origin:50%;--act-delay:1.66s;width:24px;height:auto;margin-left:-12px;display:block;position:absolute;top:68%;left:50%}.act-progress .ui-progress-fill{--act-delay:1.88s}.act-ships{z-index:3;grid-area:ships;margin-top:14px;position:relative}.act-ships.reos-card--paper{padding:18px}@media (width>=600px){.act-ships{margin-top:20px}.act-ships.reos-card--paper{padding:22px 20px}}@media (width>=1024px){.act-ships{margin-top:2px}}.act-summit{z-index:3;grid-area:summit;justify-self:end;width:84px;margin-top:4px;display:block;position:relative}@media (width>=600px){.act-summit{place-self:end;width:88px;margin:16px 0 0}}@media (width>=700px){.act-summit{justify-self:center;width:92px;margin:0}}@media (width>=1024px){.act-summit{justify-self:end;width:104px;margin:0 18px 2px 0}}@media (width>=1280px){.act-summit{width:116px}}.act-mountain{width:100%;height:auto;display:block}.act-arrow{--act-delay:2.04s;width:62.004%;height:auto;position:absolute;top:-9.568%;left:34.121%}.act-tick{transform-origin:50%;--act-delay:2.3s;--act-stagger:.18s}.act-replay{z-index:4;grid-area:replay;place-self:start center;margin-top:8px;position:relative}@media (width>=600px){.act-replay{align-self:end;margin:0 0 8px}}@media (width>=700px){.act-replay{place-self:start center;margin-top:22px}}@media (width>=1024px){.act-replay{margin:0;position:absolute;bottom:12px;left:12px}}@media (width<=599.98px){.act-stage{grid-template-rows:minmax(138px,auto) auto auto;grid-template-areas:"read summit""init init""ships ships";padding:12px 16px 16px}.act-readout{max-width:228px}.act-init{margin-top:14px}.act-init-issue{display:none}.act-init-body.act-init-body{padding-top:14px;padding-bottom:16px}.act-cut-slot{width:92px;top:-52px}.act-replay{grid-area:read;place-self:end start;margin:0 0 0 -6px}.act-ships{margin-top:12px}.act-ships.reos-card--paper{padding:14px 16px 16px}}@media (width>=1024px) and (height<=820px){.act-stage{grid-template-columns:minmax(0,1fr) 360px 236px;padding-top:12px;padding-bottom:12px}.act-readout{max-width:380px}.act-init{margin-top:32px}.act-init-issue{display:none}.act-init-body.act-init-body{padding-top:12px;padding-bottom:14px}.act-init .act-init-title{font-size:18px;line-height:1.22}.act-cut-slot{top:-36px}.act-summit{z-index:4;width:84px;margin:0 22px -34px 0;position:relative}.act-ships{align-self:start}.act-ships.reos-card--paper{padding:16px 18px}}@media (width>=1280px) and (height<=820px){.act-stage{grid-template-columns:minmax(0,1fr) 440px 256px}}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .act-stage[data-scene=before] .act-cut{animation:.9s step-end both paused act-cut-hop}:root:not([data-reduce-motion=reduce]) .act-stage[data-scene=play] .act-cut{will-change:transform;animation:.9s step-end .76s both act-cut-hop}@media (width<=599.98px){:root:not([data-reduce-motion=reduce]) .act-stage:not([data-scene=still]) [data-ticks=wait] .act-tick{opacity:0;animation:none}:root:not([data-reduce-motion=reduce]) .act-stage:not([data-scene=still]) [data-ticks=go] .act-tick{animation:.33s step-end both hero-stamp;animation-delay:calc(.25s + var(--i,0) * .18s)}:root:not([data-reduce-motion=reduce]) .act-stage[data-scene=play] [data-ticks=replay] .act-tick{animation:.33s step-end both act-tick-stamp;animation-delay:calc(var(--act-delay) + var(--i,0) * var(--act-stagger))}}:root:not([data-reduce-motion=reduce]) .act-stage[data-scene=still] :is(.act-hole,.act-cut-dot,.act-cut,.act-pin,.act-tick){animation:6s step-end act-hold-off}:root:not([data-reduce-motion=reduce]) .act-stage[data-scene=still] .act-progress .ui-progress-fill{animation:6s step-end act-hold-empty}:root:not([data-reduce-motion=reduce]) .act-stage[data-scene=still] .act-arrow{animation:6s step-end act-hold-undrawn}}@keyframes act-tick-stamp{0%{opacity:0}10%{opacity:1;transform:scale(1.5)rotate(-12deg)}40%{opacity:1;transform:scale(.9)rotate(3deg)}70%,to{opacity:1;transform:none}}@keyframes act-hold-off{0%,to{opacity:0}}@keyframes act-hold-empty{0%,to{transform:scaleX(0)}}@keyframes act-hold-undrawn{0%,to{clip-path:inset(100% 100% 0 0)}}@keyframes act-cut-hop{0%{transform:translate(var(--act-dx,0px), var(--act-dy,0px)) rotate(-2deg) scale(var(--act-s,1));filter:none}18%{transform:translate(var(--act-dx,0px), calc(var(--act-dy,0px) - 12px)) rotate(-5deg) scale(calc(var(--act-s,1) * 1.05));filter:drop-shadow(0 10px 10px #01121038)}45%{transform:translate(calc(var(--act-dx,0px) * .94), calc(var(--act-dy,0px) * .45 - 8px)) rotate(-9deg) scale(calc(var(--act-s,1) * .6 + .4));filter:drop-shadow(0 14px 12px #01121033)}72%{transform:translate(calc(var(--act-dx,0px) * .03), calc(min(var(--act-dy,0px) * .12, 0px) + 6px)) rotate(11deg) scale(1.08);filter:drop-shadow(0 12px 10px #01121033)}90%{filter:drop-shadow(0 6px 6px #01121029);transform:translateY(-5px)rotate(8deg)scale(1.03)}to{filter:none;transform:rotate(5deg)}}.act-board-lines{display:none}@media (width>=640px){.act-board-lines{display:block}}.act-board-corner{transform-origin:100% 0;--idle:2.6s;--idle-delay:-400ms;--r1:1.2deg;--r2:-.8deg}@media (prefers-reduced-motion:no-preference){:is(:root:not([data-reduce-motion=reduce]) .act-board:has(.act-board-card[data-k="0"]:hover) .act-board-line[data-k="0"] .landing-line,:root:not([data-reduce-motion=reduce]) .act-board:has(.act-board-card[data-k="1"]:hover) .act-board-line[data-k="1"] .landing-line,:root:not([data-reduce-motion=reduce]) .act-board:has(.act-board-card[data-k="2"]:hover) .act-board-line[data-k="2"] .landing-line){animation-duration:.26s}:root:not([data-reduce-motion=reduce]) .act-board:has(.act-board-card:hover) .act-board-pill{animation:.24s step-end both hero-pop}@media (hover:none){:root:not([data-reduce-motion=reduce]) .act-board-wrap[data-on] .act-board-pill{animation:.24s step-end both hero-pop}}}.act-can{z-index:0;width:27.5%;display:block;position:absolute;top:50%;translate:0 -62%}.act-can--reos{left:-1%}.act-can--tracker{right:-1%}.act-can-paper--reos{transform-origin:100% 100%;--idle:2.4s;--idle-delay:-300ms;--r1:1.5deg;--r2:-1deg}.act-can-paper--tracker{transform-origin:0 100%;--idle:3.2s;--idle-delay:-1700ms;--r1:-1.4deg;--r2:.9deg}.act-can-hop{transform-origin:70% 100%;--act-dur:.64s}.act-loop-sheet{z-index:0;pointer-events:none;position:absolute;inset:-10px -10px -12px}@media (width>=640px){.act-loop-sheet{inset:-24px -3% -3%}}.act-loop-sheet .landing-paper,.act-loop-sheet .landing-paper-frame{height:100%}.act-loop-sheet .landing-paper-frame{object-fit:cover;object-position:50% 0}.act-loop-sheet-paper{transform-origin:0 100%;--idle:3.3s;--idle-delay:-2100ms;--r1:.4deg;--r2:-.3deg}.act-postcard{z-index:2;width:76px;display:block;position:absolute;bottom:-22px;right:-10px;rotate:8deg}@media (width>=640px){.act-postcard{z-index:0;width:27%;inset:auto auto 2% 50%;translate:-50%;rotate:-6deg}}.act-postcard-paper{transform-origin:50% 100%;--idle:2.8s;--idle-delay:-900ms;--r1:1.4deg;--r2:-1deg}
