@layer components{:where(.q-header[data-v-df7b52ca]){font-family:var(--font-title)}.subtitle[data-v-df7b52ca]{font-size:var(--text-3xl);line-height:var(--leading-3xl);text-transform:lowercase;font-weight:700;@media (width>=40rem){font-size:var(--text-5xl);line-height:var(--leading-5xl)}}.title[data-v-df7b52ca]{z-index:30;font-size:var(--text-4xl);text-transform:uppercase;padding-block-end:var(--space-2);font-weight:800;line-height:1;position:relative;@media (width>=40rem){font-size:var(--text-6xl)}}.q-header:not([data-ink=zinc]){& .subtitle[data-v-df7b52ca]{font-size:var(--text-xl);line-height:var(--leading-xl);letter-spacing:.1em;padding-block-end:var(--space-2);font-weight:700;display:inline-block;@media (width>=40rem){font-size:min(var(--text-3xl), 4.6svh);line-height:var(--leading-3xl);padding-block-end:var(--space-3)}}& .title[data-v-df7b52ca]{font-size:min(var(--text-6xl), 7.2vw, 8svh);letter-spacing:.02em;font-weight:700;display:inline-block;@media (width>=80rem){font-size:var(--text-7xl)}}& .face[data-v-df7b52ca]{color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:.028em transparent;background-clip:text}& .title .face[data-v-df7b52ca]{background-image:linear-gradient(to bottom, light-dark(color-mix(in oklab, var(--ink-from), white 30%),color-mix(in oklab, var(--ink-from), var(--color-zinc-100) 30%)) 12%, var(--ink-from) 48%, var(--ink-to) 92%)}& .glint[data-v-df7b52ca]{pointer-events:none;-webkit-user-select:none;user-select:none;display:none}& .sweep[data-v-df7b52ca]{display:block;translate:-90%;mask-image:linear-gradient(115deg,#0000 46.5%,oklch(0% 0 none) 49.5%,oklch(0% 0 none) 50.5%,#0000 53.5%);mask-position:50% 0;mask-size:280% 100%;mask-repeat:no-repeat}& .shine[data-v-df7b52ca]{color:light-dark(oklch(100% 0 none/.95),oklch(100% 0 none/.5));display:block;translate:90%}@media (prefers-reduced-motion:no-preference){[data-arrived] & .glint[data-v-df7b52ca]{display:block}[data-arrived] & .sweep[data-v-df7b52ca]{animation:q-header-sweep 1.1s var(--ease-in-out-quart) .15s both}[data-arrived] & .shine[data-v-df7b52ca]{animation:q-header-sweep-back 1.1s var(--ease-in-out-quart) .15s both}}& .subtitle .face[data-v-df7b52ca]{background-image:linear-gradient(to bottom, light-dark(var(--color-zinc-400),color-mix(in oklab, var(--color-zinc-500), var(--color-zinc-600) 30%)) 15%, light-dark(color-mix(in oklab, var(--color-zinc-400), var(--color-zinc-300) 15%),color-mix(in oklab, var(--color-zinc-400), var(--color-zinc-500) 40%)) 85%)}}.stack{&[data-v-df7b52ca]{display:inline-grid}&>.title[data-v-df7b52ca]{grid-area:1/1}}.q-header:not([data-ink=zinc]) .title.cut{&[data-v-df7b52ca]{opacity:0}& .face[data-v-df7b52ca]{background-image:linear-gradient(to bottom, light-dark(var(--color-zinc-400),color-mix(in oklab, var(--color-zinc-600), var(--color-zinc-700) 30%)) 15%, light-dark(var(--color-zinc-300),var(--color-zinc-600)) 85%)}}.q-header[data-rise]:not([data-risen]){& .subtitle[data-v-df7b52ca],& .rise>.title[data-v-df7b52ca]{opacity:0}}.q-header[data-rise][data-v-df7b52ca] :is(.subtitle,.rise>.title){will-change:opacity, translate}@media (prefers-reduced-motion:no-preference){.q-header[data-risen]{& .subtitle[data-v-df7b52ca]{animation:q-header-surface .52s var(--ease-out-quint) .28s both}& .rise>.cut[data-v-df7b52ca]{animation:q-header-cut .9s var(--ease-in-out-quart) both}& .rise>.title[data-v-df7b52ca]:not(.cut){animation:q-header-rise .52s var(--ease-out-quint) .28s both}}}.q-header[data-ink=blue][data-v-df7b52ca]{--ink-from:light-dark(var(--color-blue-500),var(--color-blue-400));--ink-to:light-dark(var(--color-blue-800),var(--color-blue-700))}.q-header[data-ink=indigo][data-v-df7b52ca]{--ink-from:light-dark(var(--color-indigo-500),var(--color-indigo-400));--ink-to:light-dark(var(--color-indigo-900),var(--color-indigo-700))}.q-header[data-ink=violet][data-v-df7b52ca]{--ink-from:light-dark(var(--color-violet-500),var(--color-violet-400));--ink-to:light-dark(var(--color-violet-900),var(--color-violet-700))}.q-header[data-ink=teal][data-v-df7b52ca]{--ink-from:light-dark(var(--color-teal-500),var(--color-teal-400));--ink-to:light-dark(var(--color-teal-800),var(--color-teal-700))}.q-header[data-ink=platinum][data-v-df7b52ca]{--ink-from:light-dark(var(--color-zinc-500),var(--color-zinc-300));--ink-to:light-dark(var(--color-zinc-600),var(--color-zinc-400))}.q-header[data-ink=titanium][data-v-df7b52ca]{--ink-from:light-dark(color-mix(in oklab, var(--color-zinc-500) 92%, var(--color-blue-500)),color-mix(in oklab, var(--color-zinc-300) 92%, var(--color-blue-400)));--ink-to:light-dark(color-mix(in oklab, var(--color-zinc-600) 92%, var(--color-blue-600)),color-mix(in oklab, var(--color-zinc-400) 92%, var(--color-blue-400)))}}@keyframes q-header-surface{0%{opacity:0}to{opacity:1}}@keyframes q-header-cut{0%{opacity:0}25%,60%{opacity:1}to{opacity:0}}@keyframes q-header-rise{0%{opacity:0;translate:0 .06em}to{opacity:1;translate:0}}@keyframes q-header-sweep{0%{translate:-90%}to{translate:90%}}@keyframes q-header-sweep-back{0%{translate:90%}to{translate:-90%}}
