@property --ma-curtain-f{syntax:"<percentage>";inherits:false;initial-value:0%}@property --ma-curtain-px{syntax:"<length>";inherits:false;initial-value:0}@layer components{:where(.ma-curtain){display:none}:where(.ma-curtain[data-mode=title]){z-index:2147483000;pointer-events:none;clip-path:inset(0 0 100%);display:block;position:fixed;inset:0}:where(:root:not([data-ma-vt]) .ma-curtain__panel){view-transition-name:ma-curtain-title}:where(.ma-curtain__panel){background:linear-gradient(var(--ma-curtain-color,var(--ma-panel)), var(--ma-curtain-color,var(--ma-panel))), Canvas;color:var(--ma-curtain-text,var(--ma-ink));letter-spacing:-.03em;text-align:center;text-wrap:balance;place-items:center;padding:6vmin;font-size:clamp(2rem,6vw,5rem);font-weight:700;line-height:1.05;display:grid;position:absolute;inset:0}:where(:root:not([data-astro-transition=back]):has(.ma-curtain:not([data-mode=title])))::view-transition-old(root),:where(:root[data-astro-transition=back]:has(.ma-curtain:not([data-mode=title])))::view-transition-new(root){mix-blend-mode:normal;animation:none}:where(:root:not([data-astro-transition=back]):has(.ma-curtain:not([data-mode=title])))::view-transition-new(root),:where(:root[data-astro-transition=back]:has(.ma-curtain:not([data-mode=title])))::view-transition-old(root){animation-duration:var(--ma-curtain-dur,var(--ma-dur-gentle));animation-timing-function:var(--ma-ease-out);mix-blend-mode:normal;animation-fill-mode:both}:where(:root[data-astro-transition=back]:has(.ma-curtain:not([data-mode=title])))::view-transition-old(root){z-index:1;animation-direction:reverse;animation-timing-function:var(--ma-ease-in)}:where(:root:not([data-astro-transition=back]):has(.ma-curtain[data-mode=iris]))::view-transition-new(root),:where(:root[data-astro-transition=back]:has(.ma-curtain[data-mode=iris]))::view-transition-old(root){animation-name:ma-curtain-iris}:where(:root:not([data-astro-transition=back]):has(.ma-curtain[data-mode=doors]))::view-transition-new(root),:where(:root[data-astro-transition=back]:has(.ma-curtain[data-mode=doors]))::view-transition-old(root){animation-name:ma-curtain-doors}:where(:root:not([data-astro-transition=back]):has(.ma-curtain[data-mode=shutter]))::view-transition-new(root),:where(:root[data-astro-transition=back]:has(.ma-curtain[data-mode=shutter]))::view-transition-old(root){animation-name:ma-curtain-shutter}:where(:root:not([data-astro-transition=back]):has(.ma-curtain[data-mode=diagonal]))::view-transition-new(root),:where(:root[data-astro-transition=back]:has(.ma-curtain[data-mode=diagonal]))::view-transition-old(root){animation-name:ma-curtain-diagonal}:where(:root:not([data-astro-transition=back]):has(.ma-curtain[data-mode=blinds]))::view-transition-new(root),:where(:root[data-astro-transition=back]:has(.ma-curtain[data-mode=blinds]))::view-transition-old(root){mask-image:repeating-linear-gradient(#000 0 var(--ma-curtain-f), transparent 0 12.5%);animation-name:ma-curtain-blinds}:where(:root:not([data-astro-transition=back]):has(.ma-curtain[data-mode=stagger]))::view-transition-new(root),:where(:root[data-astro-transition=back]:has(.ma-curtain[data-mode=stagger]))::view-transition-old(root){animation-name:ma-curtain-stagger;animation-timing-function:steps(8,end);mask-image:linear-gradient(#000 0 0);mask-repeat:no-repeat}:where(:root:not([data-astro-transition=back]):has(.ma-curtain[data-mode=pixels]))::view-transition-new(root),:where(:root[data-astro-transition=back]:has(.ma-curtain[data-mode=pixels]))::view-transition-old(root){mask-image:linear-gradient(90deg, transparent calc(50% - var(--ma-curtain-px) / 2), #000 0 calc(50% + var(--ma-curtain-px) / 2), transparent 0), linear-gradient(transparent calc(50% - var(--ma-curtain-px) / 2), #000 0 calc(50% + var(--ma-curtain-px) / 2), transparent 0);animation-name:ma-curtain-pixels;animation-timing-function:steps(6,end);mask-size:6vmin 6vmin;mask-composite:intersect}:where(:root:has(.ma-curtain[data-mode=title]))::view-transition-old(root){animation:ma-curtain-cut-old var(--ma-curtain-dur,var(--ma-dur-ambient)) linear both;mix-blend-mode:normal}:where(:root:has(.ma-curtain[data-mode=title]))::view-transition-new(root){animation:ma-curtain-cut-new var(--ma-curtain-dur,var(--ma-dur-ambient)) linear both;mix-blend-mode:normal}:where(:root:has(.ma-curtain[data-mode=title]))::view-transition-group(ma-curtain-title){z-index:2;animation:ma-curtain-title var(--ma-curtain-dur,var(--ma-dur-ambient)) var(--ma-ease-in-out) both}:where(:root:has(.ma-curtain[data-mode=title]))::view-transition-old(ma-curtain-title){display:none}:where(:root:has(.ma-curtain[data-mode=title]))::view-transition-new(ma-curtain-title){mix-blend-mode:normal;animation:none}@media (prefers-reduced-motion:reduce){:where(:root:has(.ma-curtain))::view-transition-old(root),:where(:root:has(.ma-curtain))::view-transition-new(root),:where(:root:has(.ma-curtain))::view-transition-group(ma-curtain-title),:where(:root:has(.ma-curtain))::view-transition-new(ma-curtain-title){clip-path:none;animation:none;mask-image:none}:where(:root:has(.ma-curtain))::view-transition-old(root),:where(:root:has(.ma-curtain))::view-transition-group(ma-curtain-title){display:none}}:where(:root[data-ma-motion=reduce]:has(.ma-curtain))::view-transition-old(root),:where(:root[data-ma-motion=reduce]:has(.ma-curtain))::view-transition-new(root),:where(:root[data-ma-motion=reduce]:has(.ma-curtain))::view-transition-group(ma-curtain-title),:where(:root[data-ma-motion=reduce]:has(.ma-curtain))::view-transition-new(ma-curtain-title){clip-path:none;animation:none;mask-image:none}:where(:root[data-ma-motion=reduce]:has(.ma-curtain))::view-transition-old(root),:where(:root[data-ma-motion=reduce]:has(.ma-curtain))::view-transition-group(ma-curtain-title){display:none}}@keyframes ma-curtain-iris{0%{clip-path:circle(0 at var(--ma-curtain-x,50%) var(--ma-curtain-y,50%))}to{clip-path:circle(150% at var(--ma-curtain-x,50%) var(--ma-curtain-y,50%))}}@keyframes ma-curtain-doors{0%{clip-path:inset(0 50%)}to{clip-path:inset(0)}}@keyframes ma-curtain-shutter{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes ma-curtain-diagonal{0%{clip-path:polygon(0 0,0 0,0 0)}to{clip-path:polygon(0 0,200% 0,0 200%)}}@keyframes ma-curtain-blinds{0%{--ma-curtain-f:0%}to{--ma-curtain-f:12.5%}}@keyframes ma-curtain-stagger{0%{mask-size:0% 100%}to{mask-size:100% 100%}}@keyframes ma-curtain-pixels{0%{--ma-curtain-px:0px}to{--ma-curtain-px:6vmin}}@keyframes ma-curtain-cut-old{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes ma-curtain-cut-new{0%,49.9%{opacity:0}50%,to{opacity:1}}@keyframes ma-curtain-title{0%{transform:translateY(100%)}38%,62%{transform:translateY(0)}to{transform:translateY(-100%)}}
