.home-page{isolation:isolate;position:relative}.water-ink{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.paper-static,.paper-fibers,.ink-still{position:absolute;inset:0}.paper-static{background:linear-gradient(#0000,#d4a5742e 38%,#d4a57475),linear-gradient(90deg,#1f1b171a,#0000 16% 84%,#1f1b171f);-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}.paper-age{opacity:var(--paper-age,0);background:radial-gradient(at 0 30%,#1f1b1724,#0000 26%),radial-gradient(at 100% 72%,#1f1b171f,#0000 24%),linear-gradient(110deg,#d4a5747a,#d4a57452 48%,#d4a57470);display:none;position:fixed;inset:0}.paper-fibers{opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.48 .075' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 .122 0 0 0 0 .106 0 0 0 0 .09 0 0 0 .32 0'/%3E%3C/filter%3E%3Cpath fill='%231f1b17' filter='url(%23f)' d='M0 0h280v280H0z'/%3E%3C/svg%3E")}.ink-cloud{transform:translate(-50%, -50%) scaleX(var(--wish-ink-spread,1));position:absolute;overflow:visible}.ink-water-canvas{width:100%;height:100%;display:none;position:fixed;inset:0}.water-ink[data-mode=dynamic] .paper-static,.water-ink[data-mode=dynamic] .ink-still{display:none}.water-ink[data-mode=dynamic] .paper-age,.water-ink[data-mode=dynamic] .ink-water-canvas{display:block}.water-ink[data-mode=dynamic] .paper-fibers{opacity:calc(.13 + var(--paper-age,0) * .34)}@media (prefers-reduced-motion:reduce){.water-ink .paper-age,.water-ink .ink-water-canvas{display:none!important}.water-ink .paper-static,.water-ink .ink-still{display:block!important}.home-page .paper-fibers{opacity:.18}}
.studio-logo{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.studio-logo:focus-visible{outline:2px solid var(--accent-vermillion);outline-offset:4px}.logo-source,.logo-formation,.logo-bleed,.logo-wish-aura{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.logo-formation,.logo-wish-aura{opacity:0}.studio-logo[data-phase=still] .logo-wish-aura{opacity:var(--wish-logo-opacity,0)}html[data-logo-intro] .studio-logo[data-phase=waiting] .logo-source,.studio-logo[data-phase=forming] .logo-source,.studio-logo[data-phase=replaying] .logo-source{opacity:0}.studio-logo[data-phase=forming] .logo-formation,.studio-logo[data-phase=replaying] .logo-formation{opacity:1}.logo-replay-image,.studio-logo[data-phase=replaying] .logo-intro-image{display:none}.studio-logo[data-phase=replaying] .logo-replay-image{display:block}.logo-bleed{display:none}.studio-logo[data-bleeding] .logo-bleed{opacity:var(--logo-bleed,0);filter:url(#logo-edge-bleed);-webkit-mask-image:radial-gradient(circle 85px at var(--logo-x) var(--logo-y), #000 10%, transparent 100%);mask-image:radial-gradient(circle 85px at var(--logo-x) var(--logo-y), #000 10%, transparent 100%);display:block}@media (prefers-reduced-motion:reduce){html[data-logo-intro] .studio-logo[data-phase=waiting] .logo-source,.studio-logo[data-phase=forming] .logo-source,.studio-logo[data-phase=replaying] .logo-source{opacity:1}.logo-formation,.studio-logo[data-bleeding] .logo-bleed{display:none}}
.character-reveal{width:100%;height:100%;position:relative}.character-reveal img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.character-reveal-street{--head-x:72%;--head-y:24.5%;--head-rx:7.2%;--head-ry:13.8%}.character-reveal-field{--head-x:56.5%;--head-y:27.1%;--head-rx:8.2%;--head-ry:11%}.character-surroundings{-webkit-mask-image:radial-gradient(ellipse var(--head-rx) var(--head-ry) at var(--head-x) var(--head-y), transparent 80%, #000 100%);mask-image:radial-gradient(ellipse var(--head-rx) var(--head-ry) at var(--head-x) var(--head-y), transparent 80%, #000 100%)}.character-turned{-webkit-mask-image:radial-gradient(ellipse var(--head-rx) var(--head-ry) at var(--head-x) var(--head-y), #000 80%, transparent 100%);mask-image:radial-gradient(ellipse var(--head-rx) var(--head-ry) at var(--head-x) var(--head-y), #000 80%, transparent 100%);opacity:0;transition:opacity .65s}.character-reveal[data-turned=true] .character-turned{opacity:1}@media (prefers-reduced-motion:reduce){.character-turned{transition:none}}
body:has(.home-page):before{background-image:url(/assets/sea-chart.webp)}.whale-sea{z-index:-2;pointer-events:none;opacity:.28;position:fixed;inset:0;overflow:clip;-webkit-mask-image:linear-gradient(90deg,#000,#000b 38%,#000c 62%,#000);mask-image:linear-gradient(90deg,#000,#000b 38%,#000c 62%,#000)}.whale-still{height:clamp(var(--whale-min), var(--whale-width), var(--whale-max));width:auto;max-width:none;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)rotate(48deg)}.whale-canvas{width:100%;height:100%;display:none}.whale-sea[data-mode=swimming] .whale-canvas{display:block}.whale-sea[data-mode=swimming] .whale-still{visibility:hidden}@media (max-width:600px){.whale-sea{opacity:.24}}@media (prefers-reduced-motion:reduce){.whale-sea .whale-canvas{display:none}.whale-sea .whale-still{visibility:visible}}