header[data-v-3aa3eadd]{position:fixed;z-index:101;top:var(--header-top,2.25em);left:0;right:0}@media(min-width:100rem){header[data-v-3aa3eadd]{--header-top:1.5rem}}.header-inner[data-v-3aa3eadd]{--final-logo-width:2.75em;--initial-logo-width:3.5em;--border-radius:3em;--nav-timeline-start:100vh;--header-box-shadow:0 .5rem 3rem rgba(31,36,34,.07);--header-border:1px solid color-mix(in srgb,var(--site-ink) 40%,transparent);--header-padding-x:2em;--header-padding-y:.5em;--texture-opacity:.7;--initial-transform:0,0;--final-transform:0,0;--site-marigold:#d8ad4f;--mobile-menu-width:18rem;display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--header-padding-y) var(--header-padding-x)!important;transform-origin:top center;border-radius:var(--border-radius);transition:padding .3s ease,box-shadow .3s ease,border .3s ease,border-radius .1s ease-in-out}@media not (min-width:50rem){.header-inner[data-v-3aa3eadd]{--mobile-nav-surface-background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(216,173,79,.13)),var(--site-paper);--mobile-nav-surface-size: calc(100vw - 4rem) 18rem;--mobile-menu-surface-y:-4rem;--mobile-menu-border-cover-height:6px;--mobile-menu-attachment-overlap:1px}.header-inner[data-v-3aa3eadd]:has([popover]:popover-open){--border-radius:3em 3em 0 3em}}@media not (min-width:50rem){.animations-enabled .header-inner[data-v-3aa3eadd]{box-shadow:var(--header-box-shadow);border:var(--header-border);animation-name:shrink-header-mobile-3aa3eadd;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-range:0 var(--nav-timeline-start);animation-timeline:scroll(root block)}}@media(min-width:50rem){.animations-enabled .header-inner[data-v-3aa3eadd]{animation-name:shrink-header-desktop-3aa3eadd;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-range:0 var(--nav-timeline-start);animation-timeline:scroll(root block)}}.animations-disabled .header-inner[data-v-3aa3eadd]{box-shadow:var(--header-box-shadow);border:var(--header-border);transform:scale(.8) translateY(.25em);padding:.25em 1em}.header-inner[data-v-3aa3eadd]:before{content:"";position:absolute;inset:0;--texture-size:400px;background-image:var(--texture,var(--texture-10));background-size:var(--texture-size,500px);mix-blend-mode:multiply;pointer-events:none;z-index:10}@media not (min-width:50rem){.header-inner[data-v-3aa3eadd]:before{opacity:var(--texture-opacity)}.header-inner[data-v-3aa3eadd]:after{opacity:1}}@media(min-width:50rem){.header-inner[data-v-3aa3eadd]:after,.header-inner[data-v-3aa3eadd]:before{opacity:0}.animations-enabled .header-inner[data-v-3aa3eadd]:before{animation-name:texture-bg-3aa3eadd;animation-timing-function:linear;animation-fill-mode:both;animation-range:0 var(--nav-timeline-start);animation-timeline:scroll(root block)}.animations-enabled .header-inner[data-v-3aa3eadd]:after,.animations-enabled .header-inner[data-v-3aa3eadd]:before{animation-duration:1ms}.animations-enabled .header-inner[data-v-3aa3eadd]:after{animation-name:header-bg-3aa3eadd;animation-timing-function:linear;animation-fill-mode:both;animation-range:0 var(--nav-timeline-start);animation-timeline:scroll(root block)}.animations-disabled .header-inner[data-v-3aa3eadd]:before{opacity:var(--texture-opacity)}.animations-disabled .header-inner[data-v-3aa3eadd]:after{opacity:1}}.header-inner[data-v-3aa3eadd]:after,.header-inner[data-v-3aa3eadd]:before{border-radius:var(--border-radius)}.header-inner[data-v-3aa3eadd]:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffffe6,#d8ad4f21),var(--site-paper);pointer-events:none}@media not (min-width:50rem){.header-inner[data-v-3aa3eadd]:after{background:var(--mobile-nav-surface-background);background-position:100% 0;background-size:var(--mobile-nav-surface-size);background-repeat:no-repeat}}.main-nav-container[data-v-3aa3eadd]:before{content:"";position:absolute;right:calc(var(--header-padding-x)*-1);bottom:calc(var(--header-padding-y)*-1 - 4px);z-index:2;height:var(--mobile-menu-border-cover-height,4px);background:var( --mobile-nav-surface-background,linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(216,173,79,.13)),var(--site-paper) );background-position:right var(--mobile-menu-surface-y,top);background-size:var(--mobile-nav-surface-size,100% 100%);background-repeat:no-repeat;width:calc(var(--mobile-menu-width) - 2px);display:none}@media not (min-width:50rem){header:has([popover]:popover-open) .main-nav-container[data-v-3aa3eadd]:before{display:block}}.logo[data-v-3aa3eadd],.main-nav-container[data-v-3aa3eadd]{position:relative;z-index:3}.main-nav[data-v-3aa3eadd]{display:flex;gap:1.25em;justify-content:flex-end;align-items:center;font-size:.925em}.logo[data-v-3aa3eadd]{width:var(--final-logo-width)}@media(min-width:50rem){.animations-enabled:has(#main>section.hero:first-child) .logo[data-v-3aa3eadd]{width:var(--initial-logo-width);animation-name:shrink-logo-3aa3eadd,main-nav-text-3aa3eadd;animation-duration:1ms,1ms;animation-timing-function:linear,linear;animation-fill-mode:both,both;animation-range:0 var(--nav-timeline-start);animation-timeline:scroll(root block);filter:drop-shadow(var(--hero-drop-shadow))}}.animations-disabled .logo[data-v-3aa3eadd],body:not(:has(#main>section.hero:first-child)) .logo[data-v-3aa3eadd]{width:var(--final-logo-width);--underline-color:var(--mauve-600);--link-hover-color:var(--burgundy-700);color:var(--site-color);filter:none}.nav-list[data-v-3aa3eadd]{display:flex;gap:1.25em;list-style:none}@media not (min-width:50rem){.nav-list[data-v-3aa3eadd]{display:none}}@media(min-width:50rem){.animations-enabled:has(#main>section.hero:first-child) :is(.nav-list .nav-link)[data-v-3aa3eadd]{opacity:.9;filter:drop-shadow(var(--hero-drop-shadow));animation-name:main-nav-text-3aa3eadd;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-range:0 var(--nav-timeline-start);animation-timeline:scroll(root block)}}.nav-link[data-v-3aa3eadd]{--link-hover-color:var(--burgundy-700);color:var(--site-ink);display:inline-block;overflow-wrap:anywhere;padding-bottom:.12em;position:relative;text-decoration:none;transition:color .25s ease}@media not (min-width:50rem){.nav-link[data-v-3aa3eadd]{--line-offset:-.175rem}}.nav-link[data-v-3aa3eadd]:focus-visible,.nav-link[data-v-3aa3eadd]:hover{color:var(--link-hover-color)!important;outline:none}[data-v-3aa3eadd] .nav-link:hover .nav-underline-squiggle{clip-path:inset(0 0 0 0)}.nav-link[data-v-3aa3eadd]:focus-visible{border-radius:.12em;box-shadow:0 0 0 .18em color-mix(in srgb,var(--site-marigold) 28%,transparent)}.link-text[data-v-3aa3eadd]{position:relative;z-index:1;font-family:var(--subheading-font)}.menu-button[data-v-3aa3eadd]{anchor-name:--mobile-menu-popover;background:none;border:none;font-size:1.5rem}@media(min-width:50rem){.menu-button[data-v-3aa3eadd]{display:none}}.menu-icon[data-v-3aa3eadd]{-webkit-tap-highlight-color:transparent;transition:transform .35s ease-in-out .15s;stroke:currentColor;stroke-width:6px;stroke-linecap:round;fill:none;width:1.35em}header:has([popover]:popover-open) .menu-icon[data-v-3aa3eadd]{transform:rotate(45deg)}header:has([popover]:popover-open) .menu-icon .line[data-v-3aa3eadd]:first-of-type{stroke-dashoffset:-98px}header:has([popover]:popover-open) .menu-icon .line[data-v-3aa3eadd]:last-of-type{stroke-dashoffset:-138px}@media(min-width:50rem){header:has([popover]:popover-open) .menu-icon .main-nav-container[data-v-3aa3eadd]:before{display:block}}.menu-icon[data-v-3aa3eadd]:first-child{z-index:2}.menu-icon[data-v-3aa3eadd]:nth-child(2){stroke:var(--button-shadow,#c27ac1);fill:none!important}.menu-icon .line[data-v-3aa3eadd]{transition:stroke-dasharray .35s,stroke-dashoffset .35s;transition-delay:.15s;transition-timing-function:ease-in-out}.menu-icon .line[data-v-3aa3eadd]:first-of-type{stroke-dasharray:40 139}.menu-icon .line[data-v-3aa3eadd]:last-of-type{stroke-dasharray:40 180}[popover][data-v-3aa3eadd]{--popover-border-radius:0 0 1.25em 1.25em;padding:0;border-radius:var(--popover-border-radius);background-color:#fff;border:0;opacity:0;display:none;position:fixed;position-anchor:--mobile-menu-popover;margin:0;inset:unset;top:calc(anchor(bottom) - var(--mobile-menu-attachment-overlap, 0px));right:anchor(right);--initial-transform:calc(var(--header-padding-x) + 2px),calc(var(--header-padding-y) + .35rem);--final-transform:calc(var(--header-padding-x) - 4px),calc(var(--header-padding-y) - 1px);inline-size:-moz-max-content;inline-size:max-content;background:transparent;overflow:visible;transform-origin:top right;width:var(--mobile-menu-width);transition:opacity .3s,overlay allow-discrete .3s,display allow-discrete .3s}.animations-enabled:has(#main>section.hero:first-child) [popover][data-v-3aa3eadd]{animation-name:shrink-header-mobile-3aa3eadd;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-range:0 var(--nav-timeline-start);animation-timeline:scroll(root block)}.animations-disabled [popover][data-v-3aa3eadd],body:not(:has(#main>section.hero:first-child)) [popover][data-v-3aa3eadd]{transform:translate(var(--final-transform)) scale(.8)}@media(min-width:50rem){[popover][data-v-3aa3eadd]{display:none!important}}.popover-inner[data-v-3aa3eadd]{max-block-size:0;padding:0 1em;border:var(--header-border);border-top:0;box-shadow:var(--header-box-shadow);border-radius:var(--popover-border-radius);background:var( --mobile-nav-surface-background,linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(216,173,79,.13)),var(--site-paper) );background-position:right var(--mobile-menu-surface-y,top);background-size:var(--mobile-nav-surface-size,100% 100%);background-repeat:no-repeat;overflow:clip;transition:max-block-size .34s cubic-bezier(.22,1,.36,1),padding-block .34s cubic-bezier(.22,1,.36,1)}.popover-inner[data-v-3aa3eadd]:before{z-index:20;border-radius:var(--popover-border-radius)}[popover]:popover-open[data-v-3aa3eadd]{display:block;opacity:1}[popover]:popover-open .popover-inner[data-v-3aa3eadd]{max-block-size:14rem;padding-block:1em}@starting-style{[popover][data-v-3aa3eadd]:popover-open{opacity:0;display:block;overlay:auto!important}[popover]:popover-open .popover-inner[data-v-3aa3eadd]{max-block-size:0;padding-block:0}}@media not (min-width:50rem){.mobile-nav-list[data-v-3aa3eadd]{display:flex;flex-direction:column;gap:.65em}}@keyframes main-nav-text-3aa3eadd{0%{--underline-color:#fff;--link-hover-color:#fff;filter:drop-shadow(var(--hero-drop-shadow));color:var(--cream-50);opacity:.9}to{--underline-color:var(--mauve-600);--link-hover-color:var(--burgundy-700);color:var(--site-ink);filter:none}}@keyframes header-bg-3aa3eadd{0%{opacity:0}to{opacity:1}}@keyframes texture-bg-3aa3eadd{0%{opacity:0}to{opacity:var(--texture-opacity)}}@keyframes shrink-header-desktop-3aa3eadd{0%{padding:.5em 1em;transform:scale(1)}65%{padding:.25em 1em;transform:scale(.8)}to{border:var(--header-border);box-shadow:var(--header-box-shadow);padding:.25em 1em;transform:scale(.8) translateY(.25em)}}@keyframes shrink-header-mobile-3aa3eadd{0%{transform:translate(var(--initial-transform)) scale(.96)}to{transform:translate(var(--final-transform)) scale(.8)}}@keyframes shrink-logo-3aa3eadd{0%{width:var(--initial-logo-width);--accent-color:var(--mauve-50)}to{width:var(--final-logo-width)}}.toggle-container[data-v-1b286921]{position:relative;display:inline-block}.toggle-container:not(:has(input[type=checkbox]:checked))[data-v-1b286921]{--toggle-knob-translate:100%}.toggle-container:not(:has(input[type=checkbox]:checked)).custom-toggle[data-v-1b286921]{background:var(--toggle-background-checked,var(--toggle-background,var(--troll-ui-grey)))}input[type=checkbox][data-v-1b286921]{position:absolute;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}input[type=checkbox]:focus-visible[data-v-1b286921]{outline:none}input[type=checkbox]:focus-visible+label .custom-toggle[data-v-1b286921]{outline:var(--focus-weight) solid var(--focus-outline-color);outline-offset:var(--focus-offset)}input[type=checkbox][disabled][data-v-1b286921]{cursor:not-allowed}input[type=checkbox][disabled]+label[data-v-1b286921]{opacity:.75}.toggle-label[data-v-1b286921]{display:flex;gap:var(--toggle-gap,.65rem);transition:opacity var(--troll-ui-ani-fast)}.top .toggle-label[data-v-1b286921]{flex-direction:column}.custom-toggle[data-v-1b286921]{position:relative;background:var(--toggle-background,var(--troll-ui-grey));border:var(--toggle-border,1px solid var(--troll-ui-dark-grey));border-radius:var(--toggle-border-radius,2rem);padding:var(--toggle-padding-y,.25rem) var(--toggle-padding-x,.25rem);width:var(--toggle-width,2.5em);display:flex;align-items:center;transition:all var(--troll-ui-ani-medium-fast)}.custom-toggle-knob[data-v-1b286921]{display:inline-block;width:var(--toggle-knob-width,50%);background:var(--toggle-knob-background,#fff);border:var(--toggle-knob-border,var(--troll-ui-grey));border-radius:var(--toggle-knob-border-radius,2rem);aspect-ratio:1;transform:translate(var(--toggle-knob-translate,0));transition:transform var(--troll-ui-ani-medium-fast)}.animation-toggle[data-v-40e2d149]{z-index:140;font-size:.875em;position:fixed;top:var(--animation-top,.1rem);left:.75rem;padding:.375rem .875rem .375rem .5rem;border-radius:2rem;box-shadow:0 .35rem 1.2rem #0000001f;--toggle-border:color-mix(in srgb,var(--site-ink) 18%,transparent);border:1px solid var(--toggle-border);background:var(--site-paper);display:inline-flex;--animation-toggle-background:var(--burgundy-600);--toggle-background:var(--animation-toggle-background)}@media(min-width:50rem){.animation-toggle[data-v-40e2d149]{--animation-top:min(.875vw,1rem)}}.animation-toggle[data-v-40e2d149]:has(#animation-toggle:not(:checked)){--toggle-background:color-mix(in lab,var(--animation-toggle-background) 50%,transparent)}[data-v-40e2d149] .toggle-text{font-weight:600}.ribbon[data-v-40e2d149]{--f:.5em;--r:.8em;position:fixed;top:.2rem;left:calc(var(--f)*-1);padding:.25em;background:#987f69;border-bottom:var(--f) solid #0005;border-right:var(--r) solid #0000;clip-path:polygon(calc(100% - var(--r)) 0,0 0,0 calc(100% - var(--f)),var(--f) 100%,var(--f) calc(100% - var(--f)),calc(100% - var(--r)) calc(100% - var(--f)),100% calc(50% - var(--f)/2))}footer[data-v-bbe1f1ef]{--button-font-weight:400;--padding-x:1em;text-align:center;padding:0 var(--padding-x)}.bottom[data-v-bbe1f1ef]{width:calc(100% + var(--padding-x)*2);height:2em;display:block;background:var(--stained-glass) repeat center;background-size:400px;margin:1em calc(var(--padding-x)*-1) 0;position:relative}.bottom[data-v-bbe1f1ef]:before{mix-blend-mode:color-burn}.utility-nav-container[data-v-bbe1f1ef]{display:flex;justify-content:center;align-items:center;gap:1.5em;margin-top:1em}@media not (min-width:30rem){.utility-nav-container[data-v-bbe1f1ef]{flex-direction:column;gap:.5em}}.utility-nav-container[data-v-bbe1f1ef]>:first-child{margin-top:.1em;position:relative}.dot[data-v-bbe1f1ef]{font-size:1.75em;position:absolute;right:-.375em;top:calc(50% - .1em);transform:translateY(-50%)}.utility-nav-list[data-v-bbe1f1ef]{display:flex;align-items:center;gap:1em}p.body-sm-400[data-v-bbe1f1ef]{margin-bottom:0}.design-playground[data-v-d1ae1a1b]{position:fixed;z-index:120;right:1rem;bottom:1rem;font-family:var(--body-font)}.playground-trigger[data-v-d1ae1a1b]{anchor-name:--design-playground-popover;display:grid;place-items:center;width:2.8rem;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--color-dark) 56%,transparent);border-radius:50%;background:linear-gradient(135deg,#ffffffe6,#d8ad4f2e),var(--cream-50);color:var(--burgundy-700);box-shadow:0 .55rem 1.3rem #1f242224,inset 0 0 0 .2rem #fffdf8c2;cursor:pointer}.playground-trigger[data-v-d1ae1a1b]:focus-visible,.playground-trigger[data-v-d1ae1a1b]:hover{color:var(--raspberry-700);outline:none;box-shadow:0 0 0 .18rem color-mix(in srgb,var(--raspberry-500) 22%,transparent),0 .55rem 1.3rem #1f242224,inset 0 0 0 .2rem #fffdf8c2}.playground-popover[data-v-d1ae1a1b]{width:min(22rem,calc(100vw - 2rem));margin:0;padding:0;border:0;background:transparent;inset:auto 1rem 4.25rem auto;position:fixed}.playground-panel[data-v-d1ae1a1b]{display:grid;gap:.85rem;padding:1rem;border:1px solid color-mix(in srgb,var(--color-dark) 44%,transparent);border-radius:.5rem;background:linear-gradient(135deg,#ffffffeb,#d8ad4f24),var(--cream-50);color:var(--color-dark);box-shadow:0 1rem 2.3rem #1f24222e}.playground-header[data-v-d1ae1a1b]{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.playground-header h2[data-v-d1ae1a1b]{margin:0;line-height:1}.reset-button[data-v-d1ae1a1b]{border:1px solid color-mix(in srgb,var(--burgundy-700) 45%,transparent);border-radius:.35rem;background:var(--cream-50);color:var(--burgundy-700);cursor:pointer;font:inherit;font-size:var(--font-size-xs);padding:.45rem .65rem}.playground-field[data-v-d1ae1a1b]{display:grid;gap:.3rem;font-size:var(--font-size-xs)}.playground-field span[data-v-d1ae1a1b]{color:color-mix(in srgb,var(--color-dark) 72%,transparent);font-weight:600}.playground-field select[data-v-d1ae1a1b]{width:100%;border:1px solid color-mix(in srgb,var(--color-dark) 42%,transparent);border-radius:.35rem;background:#ffffffd1;color:var(--color-dark);font:inherit;min-height:2.35rem;padding:.45rem .55rem}.login-link[data-v-1b53a8e9]{padding:.5rem .75rem 0 .5rem;border-top-left-radius:10px;border-bottom-left-radius:10px;position:fixed;right:0;top:20vh;z-index:1;display:flex;align-items:center;gap:.75rem;transform:translate(2.5rem);transition:transform .2s ease-in-out;color:#000;text-decoration:none}.login-link[data-v-1b53a8e9]:hover{transform:translate(0)}.login-text[data-v-1b53a8e9]{font-size:1rem;position:relative;z-index:1;writing-mode:vertical-lr;font-weight:700}.cupid-container[data-v-1b53a8e9]{display:inline-block}[data-v-1b53a8e9] .fire-button{display:none}[data-v-1b53a8e9] .cupid-wrap{width:4.2rem;transform:rotateY(180deg)}[class*=texture-]:before{content:"";position:absolute;inset:0;z-index:1;background-image:var(--texture,var(--texture-10));background-size:var(--texture-size,500px);mix-blend-mode:multiply;opacity:var(--texture-opacity,.6);pointer-events:none}.texture-1{--texture-size:400px}.texture-main{--texture:var(--texture-10)}