@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-400-normal.75bd701fc8.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-400-italic.e24d5095f3.woff2)format("woff2")}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-400-normal.3bc0b6d94d.woff2)format("woff2")}@font-face{font-family:Syne Variable;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/syne-wght-normal.18f6cef6f5.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-normal.3718ef0890.woff2)format("woff2")}@font-face{font-family:Pirata One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pirata-one-400-normal.dc2ed4432a.woff2)format("woff2")}@font-face{font-family:Fraunces Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-soft-normal.4b7322eb3d.woff2)format("woff2")}@font-face{font-family:Big Shoulders Stencil Display Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/big-shoulders-stencil-display-wght-normal.e898cf12b6.woff2)format("woff2")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/silkscreen-400-normal.c99536b169.woff2)format("woff2")}@font-face{font-family:Caveat Variable;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-wght-normal.cba141f248.woff2)format("woff2")}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/bodoni-moda-opsz-normal.c894aaa2e6.woff2)format("woff2")}@font-face{font-family:Bodoni Moda Variable;font-style:italic;font-weight:400 900;font-display:swap;src:url(/fonts/bodoni-moda-wght-italic.2d8fc65919.woff2)format("woff2")}@font-face{font-family:Archivo Variable;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-wdth-normal.84d2b19783.woff2)format("woff2")}@font-face{font-family:Major Mono Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/major-mono-display-400-normal.0aba4e6fd0.woff2)format("woff2")}
:root{--ink:#0b0b0c;--ink-2:#161617;--cotton:#eeeae2;--bluing:#2a44e6;--bluing-hi:#8f9bff;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-porthole:cubic-bezier(.72, 0, .18, 1);--f-serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--f-anton:"Anton", Impact, sans-serif;--f-syne:"Syne Variable", "Helvetica Neue", sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, monospace;--f-pirata:"Pirata One", serif;--f-fraunces:"Fraunces Variable", Georgia, serif;--f-stencil:"Big Shoulders Stencil Display Variable", Impact, sans-serif;--f-pixel:"Silkscreen", ui-monospace, monospace;--f-hand:"Caveat Variable", cursive;--f-bodoni:"Bodoni Moda Variable", Didot, serif;--f-archivo:"Archivo Variable", "Helvetica Neue", sans-serif;--f-major:"Major Mono Display", ui-monospace, monospace}
*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ink);color:var(--cotton);font-family:var(--f-serif);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow:hidden}p{margin:0}img{-webkit-user-drag:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.still{background:var(--ink);text-align:center;place-items:center;font-size:clamp(56px,14vw,220px);line-height:.84;display:grid;position:fixed;inset:0}.still em{color:var(--bluing-hi);font-style:italic;display:block}.lost{text-align:center;background:var(--cotton);color:var(--ink);place-content:center;gap:28px;display:grid;position:fixed;inset:0}.lost p{font-size:clamp(56px,12vw,180px);line-height:.84}.lost em{font-style:italic}.lost a{font:italic 22px var(--f-serif);color:var(--bluing);text-underline-offset:6px;justify-self:center}
.explorer{background:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;outline:none;position:fixed;inset:0;overflow:hidden}.explorer[data-dragging]{cursor:grabbing}.explorer:focus-visible:after{content:"";pointer-events:none;z-index:40;border:1px solid #eeeae266;border-radius:12px;position:absolute;inset:8px}.porthole{position:absolute;inset:0}.world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.explorer[data-phase=intro] .porthole{animation:porthole 1.6s var(--ease-porthole) .14s both}@keyframes porthole{0%{clip-path:circle(0)}to{clip-path:circle(calc(var(--diag,2000px) * .53) at 50% 50%)}}.rim{pointer-events:none;opacity:0;border:2px solid #eeeae280;border-radius:50%;width:0;height:0;position:absolute;top:50%;left:50%;translate:-50% -50%}.explorer[data-phase=intro] .rim{animation:rim 1.6s var(--ease-porthole) .14s both}@keyframes rim{0%{opacity:0;width:28px;height:28px}8%{opacity:1}75%{opacity:.5}to{width:calc(var(--diag,2000px) * 1.06 + 28px);height:calc(var(--diag,2000px) * 1.06 + 28px);opacity:0}}.fog{pointer-events:none;background:radial-gradient(66% 72%,#0b0b0c00 56%,#0b0b0c73 76%,#0b0b0ce0 93%,#0b0b0c 100%);position:absolute;inset:0}.fog:after{content:"";animation:breathe 9s var(--ease-in-out) infinite alternate;background:radial-gradient(56% 62%,#0b0b0c00 60%,#0b0b0c8c 100%);position:absolute;inset:0}@keyframes breathe{0%{opacity:.15}to{opacity:.85}}.grain{pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.minimap{right:calc(20px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));cursor:pointer;opacity:0;width:112px;height:112px;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out), border-color .2s ease;background:#0b0b0ccc;border:1px solid #eeeae224;border-radius:14px;padding:0;position:absolute;overflow:hidden;transform:translateY(8px)}.minimap[data-show="1"]{opacity:1;transform:none}.minimap:hover{border-color:#eeeae26b}.minimap:focus-visible{outline:2px solid var(--bluing-hi);outline-offset:3px}.minimap canvas{width:100%;height:100%;display:block}.hint{left:50%;bottom:calc(34px + env(safe-area-inset-bottom));width:96px;color:var(--cotton);pointer-events:none;opacity:0;transition:opacity .7s var(--ease-out);position:absolute;translate:-50%}.hint[data-show="1"]{opacity:.85;transition-delay:.7s}.hint svg{width:96px;height:40px;display:block;overflow:visible}.hint-arrow{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.5}.hint-touch{animation:hint-slide 2.6s var(--ease-in-out) infinite}.hint-dot{fill:currentColor}.hint-ring{fill:none;stroke:currentColor;stroke-width:1.2px;transform-box:fill-box;transform-origin:50%;animation:2.6s ease-out infinite hint-ring}@keyframes hint-slide{0%,to{transform:translate(-15px)}50%{transform:translate(15px)}}@keyframes hint-ring{0%{opacity:.6;transform:scale(.55)}60%,to{opacity:0;transform:scale(1.5)}}@media (max-width:600px){.minimap{right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));border-radius:12px;width:84px;height:84px}}@media (prefers-reduced-motion:reduce){.explorer[data-phase=intro] .porthole,.explorer[data-phase=intro] .rim,.fog:after,.hint-touch,.hint-ring{animation:none}}
.tile{contain:strict;background:var(--bg);color:var(--fg);border-radius:2px;position:absolute;overflow:hidden}.tile-body{position:absolute;inset:0}.tile[data-load=whites]{--bg:var(--cotton);--fg:var(--ink);--accent:var(--bluing);--soft:#0b0b0c1f}.tile[data-load=darks]{--bg:var(--ink-2);--fg:var(--cotton);--accent:var(--bluing-hi);--soft:#eeeae21a;box-shadow:inset 0 0 0 1px #eeeae20f}.tile[data-load=colors]{--bg:var(--bluing);--fg:var(--cotton);--accent:var(--ink);--soft:#eeeae238}.tile[data-state=veiled]{background:0 0;box-shadow:inset 0 0 0 1px #eeeae213}.tile[data-state=veiled] .tile-body{visibility:hidden}.tile[data-from=left]{--clip:inset(0 100% 0 0)}.tile[data-from=right]{--clip:inset(0 0 0 100%)}.tile[data-from=up]{--clip:inset(100% 0 0 0)}.tile[data-from=down]{--clip:inset(0 0 100% 0)}.tile[data-state=revealed]{animation:tile-in .95s var(--ease-out) var(--d,0s) both}.tile[data-state=revealed] .tile-body{animation:body-in 1.1s var(--ease-out) calc(var(--d,0s) + .14s) both}@keyframes tile-in{0%{clip-path:var(--clip)}to{clip-path:inset(0)}}@keyframes body-in{0%{opacity:0;transform:translateY(4%)scale(1.02)}to{opacity:1;transform:none}}.tile[data-live="0"] .tile-body *,.tile[data-state=veiled] .tile-body *{animation-play-state:paused!important}.care{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}.care .care-fill{fill:currentColor;stroke:none}@keyframes slide{to{transform:translate(-50%)}}@keyframes rise{to{transform:translateY(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tile[data-state=revealed]{animation:.3s both fade-in}.tile[data-state=revealed] .tile-body{animation:none}.tile-body *,.tile-body :before,.tile-body :after{animation:none!important}}@keyframes fade-in{0%{opacity:0}}
.hero,.gothic,.didone,.press,.stretch,.typer{text-align:center;place-items:center;height:100%;display:grid}.hero-words{font-family:var(--f-serif);letter-spacing:-.012em;text-align:left;white-space:nowrap;line-height:.84;display:inline-block}.hero-a,.hero-b{display:block}.hero-b{padding-left:.92em;position:relative}.hero-b em{font-style:italic}.hero-swash{width:2.15em;height:.24em;position:absolute;bottom:-.1em;left:.86em;overflow:visible}.hero-swash path{fill:none;stroke:var(--accent);stroke-width:8.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.tile[data-state=revealed] .hero-swash path{animation:draw 1.2s var(--ease-out) calc(var(--d,0s) + .9s) forwards}.tile[data-state=seen] .hero-swash path{stroke-dashoffset:0}@keyframes draw{to{stroke-dashoffset:0}}.serif{height:100%;padding:7%;display:flex}.serif-words{font-family:var(--f-serif);letter-spacing:-.01em;white-space:nowrap;line-height:.88;display:inline-block}.serif-words em{font-style:italic}.serif-0{justify-content:flex-start;align-items:flex-end}.serif-1{text-align:center;justify-content:center;align-items:center}.serif-2{text-align:right;justify-content:flex-end;align-items:flex-start}.serif-2 em{color:var(--accent)}.gothic-words{font-family:var(--f-pirata);white-space:nowrap;border-top:.07em double;border-bottom:.07em double;padding:.12em .32em .08em;line-height:1;display:inline-block}.didone-words{font-family:var(--f-bodoni);white-space:nowrap;line-height:1;display:inline-block}.didone-mast{font-variation-settings:"opsz" 96;letter-spacing:.16em;margin-right:-.16em;font-weight:500;display:block}.didone-dek{letter-spacing:.02em;color:var(--accent);margin-top:.55em;font-size:.3em;font-style:italic;display:block}.tile[data-state=revealed] .didone-mast{animation:track-in 1.7s var(--ease-out) calc(var(--d,0s) + .2s) both}@keyframes track-in{0%{letter-spacing:.55em;opacity:0}}.press-words{font-family:var(--f-fraunces);font-variation-settings:"SOFT" 100;letter-spacing:-.02em;white-space:nowrap;color:var(--bg);text-shadow:-.014em -.014em 0 var(--press-hi), .016em .02em 0 var(--press-lo), .03em .05em .08em var(--press-blur);font-weight:900;line-height:.86;display:inline-block}.tile[data-load=whites] .press-words{--press-hi:#fffffff2;--press-lo:#3c301e38;--press-blur:#3c301e1a}.tile[data-load=darks] .press-words{--press-hi:#ffffff1a;--press-lo:#000c;--press-blur:#00000073}.tile[data-load=colors] .press-words{--press-hi:#ffffff4d;--press-lo:#04083c80;--press-blur:#04083c40}.cascade{flex-direction:column;justify-content:center;height:100%;padding:0 6%;display:flex}.cascade-start{align-items:flex-start}.cascade-end{text-align:right;align-items:flex-end}.cascade-stack{font-family:var(--f-syne);letter-spacing:-.035em;white-space:nowrap;font-weight:800;line-height:.94;display:inline-block}.cascade-line:nth-child(2){color:var(--accent)}.cascade-line:nth-child(n+4){opacity:.72}.stretch-words{font-family:var(--f-archivo);white-space:pre;line-height:1;display:inline-block}.stretch-words span{animation:stretch 3.4s var(--ease-in-out) infinite alternate;font-weight:300;font-stretch:62%;display:inline-block}.stretch-words.is-measuring span{font-weight:900;font-stretch:125%;animation:none}@keyframes stretch{to{font-weight:900;font-stretch:125%}}.stencil{height:100%;position:relative}.stencil-words{font-family:var(--f-stencil);text-align:center;white-space:nowrap;animation:drift 18s var(--ease-in-out) infinite alternate;font-weight:800;line-height:.82;display:inline-block;position:absolute;top:50%;left:50%;translate:-50% -50%}.stencil-tall .stencil-words{rotate:-90deg}@keyframes drift{0%{transform:translate(-6%,-4%)}to{transform:translate(6%,4%)}}.typer-line{font-family:var(--f-major);white-space:nowrap;align-items:center;line-height:1;display:inline-flex}.typer-text{text-align:left;width:12ch;animation:7s steps(12,end) infinite type;display:inline-block;overflow:hidden}.typer-caret{background:var(--accent);width:.55em;height:.95em;margin-left:.08em;animation:1.05s step-end infinite blink;display:inline-block}.typer-line.is-measuring .typer-text{width:12ch;animation:none}@keyframes type{0%{width:0}38%,72%{width:12ch}94%,to{width:0}}@keyframes blink{50%{opacity:0}}
.stack{height:100%;font-family:var(--f-anton);position:relative;overflow:hidden}.stack-probe{visibility:hidden;white-space:nowrap;line-height:1;position:absolute}.stack-track{animation:rise var(--dur,30s) linear infinite;position:absolute;inset:0 0 auto}.stack[data-rev] .stack-track{animation-direction:reverse}.stack-line{text-align:center;white-space:nowrap;line-height:.86}.stack-line[data-hollow]{color:#0000;-webkit-text-stroke:.022em var(--fg)}.ticker{align-items:center;height:100%;display:flex;overflow:hidden}.tk-track{inline-size:max-content;animation:slide var(--dur,20s) linear infinite;display:flex}.ticker[data-rev] .tk-track{animation-direction:reverse}.tk-item{white-space:nowrap;align-items:center;gap:.36em;padding-inline-end:.36em;line-height:1;display:inline-flex}.tk-item .care{width:.6em;height:.6em;color:var(--accent)}.tk-archivo{font-family:var(--f-archivo);letter-spacing:-.01em;font-weight:800;font-stretch:125%}.tk-serif{font-family:var(--f-serif);font-style:italic}.tk-stencil{font-family:var(--f-stencil);letter-spacing:.02em;font-weight:800}.tk-syne{font-family:var(--f-syne);letter-spacing:-.02em;font-weight:800}.tk-bodoni{font-family:var(--f-bodoni);letter-spacing:.12em;font-weight:500}.ticker-v{writing-mode:vertical-rl;justify-content:center}.ticker-v .tk-track{animation-name:rise}.diag{flex-direction:column;justify-content:center;line-height:1.02;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.diag-anton{font-family:var(--f-anton)}.diag-syne{font-family:var(--f-syne);letter-spacing:-.02em;font-weight:800}.diag-row{white-space:nowrap}.diag-track{animation:slide var(--dur,20s) linear infinite;display:inline-flex}.diag-track span{padding-right:.32em}.diag-row[data-rev] .diag-track{animation-direction:reverse}.diag-row[data-hollow]{color:#0000;-webkit-text-stroke:.024em var(--fg)}.drum{place-items:center;height:100%;display:grid}.drum svg{overflow:visible}.drum-spin,.drum-tumble{transform-box:view-box;transform-origin:50%;animation:40s linear infinite spin}.drum-inner{animation-direction:reverse}.drum-tumble{animation-duration:9s;animation-timing-function:cubic-bezier(.45,.05,.55,.95)}.drum-caps{font-family:var(--f-syne);fill:var(--fg);font-size:9px;font-weight:800}.drum-italic{font-family:var(--f-serif);fill:var(--accent);font-size:7.6px;font-style:italic}.drum-door{fill:none;stroke:var(--fg);stroke-width:.9px}.drum-glass{fill:var(--soft);stroke:var(--fg);stroke-width:.35px}.drum-core{font-family:var(--f-serif);fill:var(--fg);font-size:10px;font-style:italic}.worm{display:block;overflow:hidden}.worm-body{fill:none;stroke:var(--fg);stroke-linecap:round;stroke-linejoin:round}.worm-words{font-family:var(--f-syne);letter-spacing:.02em;fill:var(--bg);font-weight:800}.worm-measure{visibility:hidden}.pixel{background-image:radial-gradient(circle,#eeeae214 0 1.1px,#0000 1.5px);background-size:7px 7px;align-items:center;height:100%;display:flex;overflow:hidden}.px-track{font-family:var(--f-pixel);color:var(--bluing-hi);text-shadow:0 0 .14em #8f9bffbf,0 0 .5em #8f9bff59}.px-item{white-space:nowrap;padding-right:1.2em;line-height:1}
.line{height:100%;position:relative}.line-rope{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.line-rope path{fill:none;stroke:var(--fg);stroke-width:1.4px;opacity:.7;vector-effect:non-scaling-stroke}.tee{transform-origin:50% 0;animation:sway var(--sway,3s) var(--ease-in-out) var(--lag,0s) infinite alternate;position:absolute}.tee-pin{z-index:1;background:var(--fg);border-radius:.04em;width:.15em;height:.42em;position:absolute;top:-.2em;left:50%;translate:-50%}.tee-shape{clip-path:polygon(0% 15%,25% 2%,38% 2%,44% 8%,56% 8%,62% 2%,75% 2%,100% 15%,92% 35%,80% 29%,80% 100%,20% 100%,20% 29%,8% 35%);place-items:center;padding-top:24%;display:grid;position:absolute;inset:0}.tee-shape[data-tone="0"]{background:var(--fg);color:var(--bg)}.tee-shape[data-tone="1"]{background:var(--accent);color:var(--cotton)}.tile[data-load=darks] .tee-shape[data-tone="1"]{color:var(--ink)}.tee-shape[data-tone="2"]{background:var(--soft);color:var(--fg)}.tee-letter{font-family:var(--f-anton);line-height:1}@keyframes sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.label-wrap{place-items:center;height:100%;display:grid}.label{background-color:var(--fg);color:var(--bg);background-image:repeating-linear-gradient(0deg,#80808014 0 1px,#0000 1px 3px);border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:9%;display:flex;position:relative;box-shadow:0 .8em 2em #00000038}.label:before{content:"";opacity:.4;border:1.5px dashed;border-radius:2px;position:absolute;inset:7px}.tile[data-load=colors] .label{background-color:var(--cotton);color:var(--bluing)}.label-fold{background:#00000024;height:13%;position:absolute;inset:0 0 auto}.label-name{font-family:var(--f-archivo);letter-spacing:.07em;text-align:center;white-space:nowrap;font-weight:800;font-stretch:75%;line-height:.95;display:inline-block}.label-care{gap:.42em;display:flex}.label-tall .label-care{flex-wrap:wrap;justify-content:center;max-width:70%}.receipt-wrap{justify-content:center;align-items:flex-start;height:100%;display:flex}.receipt{--zig:.7em;padding:1.1em 1.15em calc(var(--zig) + .7em);color:#18181a;font-family:var(--f-mono);-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--zig) 100%;-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--zig) 100%;mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--zig) 100%;background:#f7f5ef;flex-direction:column;gap:.55em;font-weight:500;display:flex;box-shadow:0 .8em 2em #00000059}.rc-head{letter-spacing:.18em;text-align:center;font-size:1.15em}.rc-sub{text-align:center;opacity:.55;font-size:.8em}.rc-rule{opacity:.5;border-top:1px dashed}.rc-feed{flex:1;min-height:0;position:relative;overflow:hidden}.rc-track{animation:24s linear infinite rise}.rc-item{white-space:nowrap;gap:.4em;line-height:1.75;display:flex}.rc-dots{opacity:.5;border-bottom:1px dotted;flex:1;margin-bottom:.48em}.rc-total{letter-spacing:.06em;justify-content:space-between;display:flex}.rc-code{opacity:.85;background:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 4px,currentColor 4px 5px,#0000 5px 8px,currentColor 8px 11px,#0000 11px 12px);height:2.2em}.bubbles{place-items:center;height:100%;display:grid;position:relative;overflow:hidden}.bubble{border:1px solid color-mix(in srgb, var(--fg) 42%, transparent);border-radius:50%;animation:10s linear infinite suds;position:absolute;top:100%}@keyframes suds{0%{opacity:0;transform:translate(0,0)}10%,85%{opacity:1}50%{transform:translate3d(.5em, calc(var(--travel) * -.5), 0)}to{transform:translate3d(0, calc(var(--travel) * -1), 0);opacity:0}}.bubble-main{border:1.5px solid color-mix(in srgb, var(--fg) 55%, transparent);background:color-mix(in srgb, var(--fg) 6%, transparent);text-align:center;animation:bob 5.5s var(--ease-in-out) infinite alternate;border-radius:50%;place-items:center;display:grid;position:relative}.bubble-main:after{content:"";border-top:2px solid color-mix(in srgb, var(--fg) 70%, transparent);border-radius:50%;width:24%;height:13%;position:absolute;top:13%;left:17%;rotate:-30deg}.bubble-words{font-family:var(--f-fraunces);font-variation-settings:"SOFT" 100;white-space:nowrap;font-weight:380;line-height:.9;display:inline-block}.bubble-words em{font-style:normal;font-weight:900}@keyframes bob{0%{transform:translateY(-3%)}to{transform:translateY(3%)}}.art{place-items:center;height:100%;display:grid;position:relative}.art-figure{background:var(--fg);-webkit-mask:var(--art) center / contain no-repeat;-webkit-mask:var(--art) center / contain no-repeat;mask:var(--art) center / contain no-repeat}.tile[data-state=revealed] .art-figure{animation:sketch 1.6s var(--ease-out) calc(var(--d,0s) + .26s) both}@keyframes sketch{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.art-caption{font-family:var(--f-hand);white-space:nowrap;color:var(--accent);font-weight:600;line-height:1;position:absolute;bottom:6%;rotate:-5deg}.art-start .art-caption{left:7%}.art-end .art-caption{right:7%;rotate:4deg}.photo{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}

