.frame.svelte-17pbrav{--tide:18s;--ease-breath:cubic-bezier(.45, 0, .55, 1);--ease-out:cubic-bezier(.22, .61, .36, 1);--size:6.5rem;--gap:.75rem;height:min(47.5rem,100svh - 3.5rem);margin-right:calc(-1 * var(--site-gutter));position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(58% 56%,#000 60%,#0000 100%);mask-image:radial-gradient(58% 56%,#000 60%,#0000 100%)}.wall.svelte-17pbrav{gap:var(--gap);transition:opacity 1.2s var(--ease-out);display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.col.svelte-17pbrav{gap:var(--gap);flex-direction:column;display:flex}.col.svelte-17pbrav:nth-child(2n){margin-top:calc((var(--size) + var(--gap)) / 2)}@property --wall-lit{syntax:"<number>";inherits:true;initial-value:0}.tile.svelte-17pbrav{width:var(--size);height:var(--size);border-radius:var(--radius-card);background:var(--color-surface);transition:--wall-lit 1.6s var(--ease-out);animation:svelte-17pbrav-wake 1.6s var(--ease-out) backwards;animation-delay:var(--wake);position:relative;overflow:hidden}.tile.svelte-17pbrav img:where(.svelte-17pbrav){object-fit:cover;width:100%;height:100%;animation:svelte-17pbrav-tide-lift var(--tide) var(--ease-breath) infinite;animation-delay:var(--t);display:block}.tone.svelte-17pbrav{mix-blend-mode:color;opacity:.85;animation:svelte-17pbrav-tide-tone var(--tide) var(--ease-breath) infinite;animation-delay:var(--t);background:#8a7560;position:absolute;inset:0}.shade.svelte-17pbrav{background:var(--color-night);opacity:.68;animation:svelte-17pbrav-tide var(--tide) var(--ease-breath) infinite;animation-delay:var(--t);position:absolute;inset:0}@keyframes svelte-17pbrav-tide{0%,34%,68%,to{opacity:calc(.68 - .58 * var(--wall-lit))}51%{opacity:.1}}@keyframes svelte-17pbrav-tide-tone{0%,34%,68%,to{opacity:calc(.85 - .85 * var(--wall-lit))}51%{opacity:0}}@keyframes svelte-17pbrav-tide-lift{0%,34%,68%,to{scale:calc(1 + .035 * var(--wall-lit))}51%{scale:1.035}}@keyframes svelte-17pbrav-wake{0%{opacity:0;translate:0 .625rem}}.wall[data-mood=quiet].svelte-17pbrav{opacity:.62}.wall[data-mood=seeking].svelte-17pbrav{opacity:.85}.wall[data-mood=seeking].svelte-17pbrav .tile:where(.svelte-17pbrav){animation:svelte-17pbrav-wake 1.6s var(--ease-out) backwards, svelte-17pbrav-seek 2.2s var(--ease-breath) infinite;animation-delay:var(--wake), var(--s)}@keyframes svelte-17pbrav-seek{0%,75%,to{--wall-lit:0}40%{--wall-lit:1}}@media (hover:hover){.tile.svelte-17pbrav:hover{--wall-lit:1;transition-duration:.8s}}@media (width<54rem){.frame.svelte-17pbrav{--size:3.75rem;--gap:.5rem;height:11rem;margin-inline:calc(-1 * var(--site-gutter));-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(#000 45%,#0000 100%),linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#000 45%,#0000 100%),linear-gradient(90deg,#0000,#000 12% 88%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.wall.svelte-17pbrav{top:1rem;translate:-50%}.tile.svelte-17pbrav:first-child,.tile.svelte-17pbrav:nth-child(n+4){display:none}}@media (prefers-reduced-motion:reduce){.tile.svelte-17pbrav,.tile.svelte-17pbrav img:where(.svelte-17pbrav),.tone.svelte-17pbrav,.shade.svelte-17pbrav,.wall[data-mood=seeking].svelte-17pbrav .tile:where(.svelte-17pbrav){animation:none}.shade.svelte-17pbrav{opacity:calc(var(--rest) - (var(--rest) - .1) * var(--wall-lit))}.tone.svelte-17pbrav{opacity:calc(var(--rest-tone) - var(--rest-tone) * var(--wall-lit))}}