@property --ai-w{syntax:"<number>";inherits:true;initial-value:0}@property --ai-e{syntax:"<number>";inherits:true;initial-value:0}.artwork-intro.svelte-1uoo9nq{--hero-h:clamp(680px, 100svh, 1000px);--fw:var(--ai-vw, 1440);--fh:clamp(680, var(--ai-vh, 900), 1000);--w0:min(calc(var(--fw) * .26), 380);--h0:calc(var(--w0) * 2 / 3);--win-w:calc(var(--w0) * var(--ai-w) + (var(--fw) - var(--w0)) * var(--ai-e));--win-h:calc(var(--h0) + (var(--fh) - var(--h0)) * var(--ai-e));position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;overflow:hidden;background:#F4EFED;pointer-events:none;animation:svelte-1uoo9nq-artwork-intro-open .45s cubic-bezier(.22,1,.36,1) var(--open) both,svelte-1uoo9nq-artwork-intro-expand var(--expand-dur) cubic-bezier(.76,0,.24,1) var(--expand) both,svelte-1uoo9nq-artwork-intro-fade .32s ease-out var(--fade) both}.artwork-intro-stage.svelte-1uoo9nq{position:absolute;inset:0 0 auto 0;height:var(--hero-h);display:flex;align-items:center;justify-content:center;--gap:.42em;font-size:clamp(56px,6.4vw,104px)}.artwork-intro-pivot.svelte-1uoo9nq{--balance:-.288em;position:relative;flex:none;width:0;height:0;transform:translate(var(--balance));animation:svelte-1uoo9nq-artwork-intro-centre var(--expand-dur) cubic-bezier(.76,0,.24,1) var(--expand) forwards}@keyframes svelte-1uoo9nq-artwork-intro-centre{0%{transform:translate(var(--balance))}to{transform:translate(0)}}.artwork-intro-word.svelte-1uoo9nq{position:absolute;top:0;white-space:nowrap;font-family:Neue Montreal,sans-serif;font-weight:500;letter-spacing:-.03em;line-height:1;color:#141312}.artwork-intro-word.is-before.svelte-1uoo9nq{right:0;margin-right:var(--gap);transform:translate(calc(var(--win-w) * -.5px),-50%)}.artwork-intro-word.is-after.svelte-1uoo9nq{left:0;margin-left:var(--gap);transform:translate(calc(var(--win-w) * .5px),-50%)}.artwork-intro-word.is-round.svelte-1uoo9nq{margin-left:calc(var(--gap) - .05em)}.artwork-intro-window.svelte-1uoo9nq{position:absolute;left:calc(var(--fw) * -.5px);top:calc(var(--fh) * -.5px);width:calc(var(--fw) * 1px);height:calc(var(--fh) * 1px);overflow:hidden;clip-path:inset(calc((var(--fh) - var(--win-h)) * .5px) calc((var(--fw) - var(--win-w)) * .5px))}.artwork-intro-frame.svelte-1uoo9nq{--px:.5;--py:.5;--s:max(calc(var(--win-w) / (var(--ia) * 1000)), calc(var(--win-h) / 1000));position:absolute;left:50%;top:50%;width:calc(var(--ia) * 1000px);max-width:none;height:1000px;transform:translate(-50%,-50%) translate(calc((var(--px) - .5) * (var(--win-w) - var(--s) * var(--ia) * 1000) * 1px),calc((var(--py) - .5) * (var(--win-h) - var(--s) * 1000) * 1px)) scale(var(--s));animation:svelte-1uoo9nq-artwork-intro-cut 0s var(--in) both}.artwork-intro-frame.is-finale.svelte-1uoo9nq{--px:var(--pos-x)}.artwork-intro-scrim.svelte-1uoo9nq{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(calc(var(--win-w) / var(--fw)),calc(var(--win-h) / var(--fh)));animation:svelte-1uoo9nq-artwork-intro-scrim-in var(--expand-dur) ease-in-out var(--expand) forwards}@keyframes svelte-1uoo9nq-artwork-intro-scrim-in{to{opacity:1}}@keyframes svelte-1uoo9nq-artwork-intro-open{0%{--ai-w:0}to{--ai-w:1}}@keyframes svelte-1uoo9nq-artwork-intro-expand{0%{--ai-e:0}to{--ai-e:1}}@keyframes svelte-1uoo9nq-artwork-intro-cut{0%{opacity:0}to{opacity:1}}@keyframes svelte-1uoo9nq-artwork-intro-fade{to{opacity:0}}@media (max-width: 767px){.artwork-intro.svelte-1uoo9nq{--w0:calc(var(--fw) * .64);--h0:calc(var(--w0) * 5 / 4);--win-w:calc(var(--w0) + (var(--fw) - var(--w0)) * var(--ai-e));--win-h:calc(var(--h0) * var(--ai-w) + (var(--fh) - var(--h0)) * var(--ai-e))}.artwork-intro-stage.svelte-1uoo9nq{--gap:.3em;font-size:clamp(44px,13vw,64px)}.artwork-intro-pivot.svelte-1uoo9nq{--balance:0em}.artwork-intro-word.is-before.svelte-1uoo9nq{top:auto;right:auto;bottom:0;left:0;margin:0 0 var(--gap);transform:translate(-50%,calc(var(--win-h) * -.5px))}.artwork-intro-word.is-after.svelte-1uoo9nq{top:0;left:0;margin:var(--gap) 0 0;transform:translate(-50%,calc(var(--win-h) * .5px))}}@media (min-width: 768px){.artwork-intro-frame.is-finale.svelte-1uoo9nq{--px:.5}}html.artwork-intro-seen .artwork-intro.svelte-1uoo9nq{display:none}@media (prefers-reduced-motion: reduce){.artwork-intro.svelte-1uoo9nq{display:none}}