:root{--hello-avatar-size: 12rem;--hello-cover-height: 24rem;--hello-color-stage: oklch(21% .034 264.665deg);--hello-color-on-stage: oklch(96.7% .003 264.542deg);--hello-color-primary: oklch(21% .034 264.665deg);--hello-color-on-primary: oklch(96.7% .003 264.542deg);--hello-color-secondary: oklch(21% .034 264.665deg);--hello-color-on-secondary: oklch(96.7% .003 264.542deg);--hello-color-spotlight: oklch(98.5% .002 247.839deg);--hello-color-on-spotlight: oklch(13% .028 261.692deg);--hello-corners: 1rem;--hello-type-scale: 1.2;--hello-font-weight: 400;--hello-font-weight-heading: 600;--hello-font-base: "Public Sans", ui-sans-serif, system-ui, sans-serif;--hello-font-heading: "Public Sans", ui-sans-serif, system-ui, sans-serif;--hello-container-article: 30ch;--hello-container-article-aspect: 4/3}:root,[data-theme=light],[data-hello-spotlight]{--hello-opacity-strong: 1;--hello-opacity-moderate: .87;--hello-opacity-mild: .6;--hello-opacity-weak: .14;--hello-opacity-ghost: .06}[data-theme=dark]{--hello-opacity-strong: 1;--hello-opacity-moderate: .95;--hello-opacity-mild: .75;--hello-opacity-weak: .14;--hello-opacity-ghost: .06}#stage{--hello-container-normal: 155rch;--hello-container-comfortable: 75rch;--hello-container-reading: 65rch;--hello-container-input: 30rch;--hello-container-dropdown: 45rch;--hello-spacing-stage-gutter: minmax(4vw, 1fr);--hello-grid-content: content;--hello-grid-section: section;--hello-grid-full: full;--hello-size-cover: 40vh;--hello-cover-image: none;--hello-transition: cubic-bezier(.38, .7, .125, 1);--hello-text-base: 1rem;--hello-radius: calc(.25 * var(--hello-corners));--hello-radius-lg: calc(var(--hello-radius) * 1.5);--hello-radius-xl: calc(var(--hello-radius-lg) * 1.5);--hello-radius-sm: calc(var(--hello-radius) / 1.5);--hello-radius-xs: calc(var(--hello-radius-sm) / 1.5);--hello-radius-full: 100%;--hello-text-trim: calc((1lh - 1cap)/-2) ;--hello-color-background: var(--hello-color-stage);--hello-color-heading: var(--hello-color-on-stage);--hello-color-text: oklch(from var(--hello-color-on-stage) l c h / var(--hello-opacity-moderate));--hello-text-align: start;--hello-flex-justify: start;--hello-border-size: 1px;--hello-color-border: oklch(from var(--hello-color-on-stage) l c h / var(--hello-opacity-ghost));--hello-color-outline: oklch(from var(--hello-color-on-stage) l c h / var(--hello-opacity-moderate));--hello-color-panel: oklch(from var(--hello-color-on-stage) l c h / var(--hello-opacity-ghost));--hello-color-on-panel: oklch(from var(--hello-color-on-stage) l c h / var(--hello-opacity-strong));--hello-color-panel-border: oklch(from var(--hello-color-on-stage) l c h / var(--hello-opacity-ghost));--hello-color-well: oklch(from var(--hello-color-on-stage) l c h / var(--hello-opacity-ghost));--hello-color-on-well: oklch(from var(--hello-color-on-stage) l c h / var(--hello-opacity-strong));--hello-color-well-border: oklch(from var(--hello-color-on-stage) l c h / var(--hello-opacity-ghost));--hello-color-spotlight-border: oklch(from var(--hello-color-on-stage) l c h / var(--hello-opacity-ghost));--hello-shadow: none;--hello-font-weight-button: calc(var(--hello-font-weight) + 100);--hello-type-scale-multiplier: var(--hello-type-scale);--hello-text-md: round(calc(var(--hello-text-base) * var(--hello-type-scale-multiplier)), .125rem);--hello-text-lg: round(calc(var(--hello-text-md) * var(--hello-type-scale-multiplier)), .125rem);--hello-text-xl: round(calc(var(--hello-text-lg) * var(--hello-type-scale-multiplier)), .125rem);--hello-text-2xl: round(calc(var(--hello-text-xl) * var(--hello-type-scale-multiplier)), .125rem);--hello-text-3xl: round(calc(var(--hello-text-2xl) * var(--hello-type-scale-multiplier)), .125rem);--hello-text-4xl: round(calc(var(--hello-text-3xl) * var(--hello-type-scale-multiplier)), .125rem);--hello-text-sm: round(calc(var(--hello-text-base) / var(--hello-type-scale-multiplier)), .0625rem);--hello-text-xs: round(calc(var(--hello-text-sm) / var(--hello-type-scale-multiplier)), .0625rem);--hello-leading-tighter: round(calc(1ex / .48), .25rem);--hello-leading-tight: round(calc(1ex / .44), .25rem);--hello-leading-normal: round(calc(1ex / .38), .25rem);--hello-leading-wide: round(calc(1ex / .35), .25rem);--hello-leading-wider: round( 3.125ex , .25rem);--hello-spacing: var(--hello-leading-normal);--hello-spacing-md: var(--hello-spacing);--hello-spacing-lg: round(calc(var(--hello-spacing) * 1.5), .25rem);--hello-spacing-xl: round(calc(var(--hello-spacing-lg) * 1.5), .25rem);--hello-spacing-2xl: round(calc(var(--hello-spacing-xl) * 1.5), .25rem);--hello-spacing-3xl: round(calc(var(--hello-spacing-2xl) * 1.5), .25rem);--hello-spacing-sm: round(calc(var(--hello-spacing) / 1.5), .25rem);--hello-spacing-xs: round(calc(var(--hello-spacing-sm) / 1.5), .0625rem);--hello-spacing-2xs: round(calc(var(--hello-spacing-xs) / 1.5), .0625rem);--hello-spacing-3xs: round(calc(var(--hello-spacing-2xs) / 1.5), .0625rem);--hello-spacing-stage-dynamic: clamp(var(--hello-spacing-sm), 2vh, var(--hello-spacing-xl));--hello-spacing-stage-padding: max(var(--hello-spacing-stage-dynamic), var(--hello-radius-lg));--hello-container-stage: min((var(--hello-container-normal)), 100% - (var(--hello-spacing-stage-padding) * 2 + 8vw));--hello-grid-columns: [full-start] var(--hello-spacing-stage-gutter) [section-start] var(--hello-spacing-stage-padding) [content-start] var(--hello-container-stage) [content-end] var(--hello-spacing-stage-padding) [section-end] var(--hello-spacing-stage-gutter) [full-end]}@supports not (width: round(0px,0px)){#stage{--hello-text-md: calc(var(--hello-text-base) * var(--hello-type-scale-multiplier));--hello-text-lg: calc(var(--hello-text-md) * var(--hello-type-scale-multiplier));--hello-text-xl: calc(var(--hello-text-lg) * var(--hello-type-scale-multiplier));--hello-text-2xl: calc(var(--hello-text-xl) * var(--hello-type-scale-multiplier));--hello-text-3xl: calc(var(--hello-text-2xl) * var(--hello-type-scale-multiplier));--hello-text-sm: calc(var(--hello-text-base) / var(--hello-type-scale-multiplier));--hello-text-xs: calc(var(--hello-text-xs) / var(--hello-type-scale-multiplier));--hello-leading-tighter: calc(1ex / .48);--hello-leading-tight: calc(1ex / .44);--hello-leading-normal: calc(1ex / .38);--hello-leading-wide: calc(1ex / .35);--hello-leading-wider: 3.125ex ;--hello-spacing: var(--hello-leading-normal);--hello-spacing-md: var(--hello-spacing);--hello-spacing-lg: calc(var(--hello-spacing) * 1.5);--hello-spacing-xl: calc(var(--hello-spacing-lg) * 1.5);--hello-spacing-2xl: calc(var(--hello-spacing-xl) * 1.5);--hello-spacing-3xl: calc(var(--hello-spacing-2xl) * 1.5);--hello-spacing-sm: calc(var(--hello-spacing) / 1.5);--hello-spacing-xs: calc(var(--hello-spacing-sm) / 1.5);--hello-spacing-2xs: calc(var(--hello-spacing-xs) / 1.5);--hello-spacing-3xs: calc(var(--hello-spacing-2xs) / 1.5)}}@container (max-width: 768px){#stage{--hello-type-scale-multiplier: calc(1 + (var(--hello-type-scale) - 1) * .8)}}@media(max-width:768px){#stage{--hello-type-scale-multiplier: calc(1 + (var(--hello-type-scale) - 1) * .8)}}#stage{--hello-transition-duration: .2s;--hello-transition-timing: ease-in-out;--hello-transition: all var(--hello-transition-duration) var(--hello-transition-timing)}#stage *{interpolate-size:allow-keywords;transition:var(--hello-transition);transition-behavior:allow-discrete;will-change:auto}#stage [data-hello-resizable-status=resizing],#stage [data-hello-resizable-status=resizing] *{transition:none!important}#stage [data-hello-surface]{background-color:var(--hello-color-background);border:1px solid var(--hello-color-border);border-radius:var(--hello-corners);color:var(--hello-color-text)}#stage [data-hello-surface][data-hello-surface=panel]{--hello-color-border: var(--hello-color-panel-border);--hello-color-background: var(--hello-color-panel);--hello-color-heading: var(--hello-color-on-panel);--hello-color-text: oklch(from var(--hello-color-on-panel) l c h / var(--hello-opacity-moderate));--hello-corners: var(--hello-radius-lg)}#stage [data-hello-surface][data-hello-surface=spotlight]{--hello-color-background: var(--hello-color-spotlight);--hello-color-heading: var(--hello-color-on-spotlight);--hello-color-text: oklch(from var(--hello-color-on-spotlight) l c h / var(--hello-opacity-moderate));--hello-corners: var(--hello-radius-lg);padding:var(--hello-spacing-md)}#stage [data-hello-surface][data-hello-surface=well]{--hello-color-background: var(--hello-color-well);--hello-color-heading: var(--hello-color-on-well);--hello-color-text: oklch(from var(--hello-color-on-well) l c h / var(--hello-opacity-moderate));box-shadow:var(--hello-shadow-inset)}#stage [data-hello-content]{display:grid;gap:var(--hello-spacing-md);grid-template-columns:repeat(1,1fr)}#stage section,#stage article,#stage [data-hello-surface]{container-type:inline-size;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}:is(#stage section,#stage article,#stage [data-hello-surface]) header>*:first-child:is(h1,h2,h3,h4,h5,h6,p){margin-top:var(--hello-text-trim)}:is(#stage section,#stage article,#stage [data-hello-surface])>*:first-child:is(h1,h2,h3,h4,h5,h6,p){margin-top:var(--hello-text-trim)}:is(#stage section,#stage article,#stage [data-hello-surface])>*:last-child:is(h1,h2,h3,h4,h5,h6,p){margin-bottom:var(--hello-text-trim)}#stage section{--hello-corners: var(--hello-radius-lg);border-radius:var(--hello-corners);display:grid;gap:calc(var(--hello-spacing-stage-dynamic) / 2);grid-column:section;padding:var(--hello-spacing-stage-padding)}#stage section [data-hello-surface]{grid-column:section}#stage section [data-hello-posts]{overflow:hidden}#stage section ul[data-hello-posts=grid]{--hello-target-card-size: var(--hello-container-article);--hello-actual-card-size: var(--hello-target-card-size);container-type:inline-size;display:grid;gap:var(--hello-spacing-md);grid-auto-columns:var(--hello-actual-card-size);grid-auto-flow:column;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}@supports (width: round(down,1px,1px)){#stage section ul[data-hello-posts=grid]{--hello-cards-that-fit: max(1, round(down, 100cqi / var(--hello-target-card-size)));--hello-actual-card-size: calc((100cqi - (var(--hello-spacing-md) * (var(--hello-cards-that-fit) - 1))) / var(--hello-cards-that-fit))}}#stage section ul[data-hello-posts=grid] li{scroll-snap-align:start}@media(max-width:768px){#stage #content>section{background-color:coral;border-radius:0;grid-column:full;padding-block:var(--hello-spacing-md)}#stage #content>section [data-hello-posts]{margin-inline:calc(var(--hello-spacing-md) * -1);padding-inline:var(--hello-spacing-md)}#stage #content>section ul[data-hello-posts=grid]{grid-auto-columns:calc(var(--hello-actual-card-size) * .75);scroll-padding-left:var(--hello-spacing-md)}}#stage article{border:var(--hello-border-size) solid var(--hello-color-border);border-radius:.5rem;display:flex;flex-direction:column;gap:var(--hello-spacing-2xs);height:100%;padding:0;position:relative}#stage{font-family:var(--hello-font-base),serif;font-size:var(--hello-text-base);font-weight:var(--hello-font-weight)}#stage a{cursor:pointer;text-underline-offset:.15em}#stage a[target=_blank]:not([data-hello-button]):after{content:"↗"}#stage p,#stage .hello-p{color:var(--hello-color-text);text-align:var(--hello-text-align)}#stage small,#stage .hello-small{font-size:var(--hello-text-sm)}#stage h1,#stage h2,#stage h3,#stage h4,#stage h5,#stage h6,#stage .hello-h1,#stage .hello-h2,#stage .hello-h3,#stage .hello-h4,#stage .hello-h5,#stage .hello-h6{color:var(--hello-color-heading);font-family:var(--hello-font-heading),serif;font-weight:var(--hello-font-weight-heading);text-align:var(--hello-text-align);text-wrap:balance}#stage h6,#stage .hello-h6{font-size:var(--hello-text-sm);line-height:var(--hello-leading-wider)}#stage h5,#stage .hello-h5{font-size:var(--hello-text-md);line-height:var(--hello-leading-wider)}#stage h4,#stage .hello-h4{font-size:var(--hello-text-lg);line-height:var(--hello-leading-wide)}#stage h3,#stage .hello-h3{font-size:var(--hello-text-xl);line-height:var(--hello-leading-normal)}#stage h2,#stage .hello-h2{font-size:var(--hello-text-2xl);line-height:var(--hello-leading-normal)}#stage h1,#stage .hello-h1{font-size:var(--hello-text-4xl);line-height:var(--hello-leading-tight)}#stage hr{border-color:oklch(from var(--hello-color-text) l c h / var(--hello-opacity-weak))}#stage li::marker{color:var(--hello-color-primary)}#stage nav:not([popover]),#stage nav ul{display:flex;flex-wrap:wrap;gap:var(--hello-spacing-2xs);justify-content:var(--hello-flex-justify)}#stage [data-hello-button]{--hello-corners: var(--hello-radius-sm);--hello-color-background: var(--hello-color-secondary);--hello-color-text: var(--hello-color-on-secondary);background-color:var(--hello-color-background);border:var(--hello-border-size) solid var(--hello-color-border);border-radius:var(--hello-corners);color:var(--hello-color-text);display:inline-flex;font-weight:var(--hello-font-weight-button);gap:var(--hello-spacing-2xs);justify-content:center;line-height:var(--hello-leading-tight);padding-block:var(--hello-spacing-xs);padding-inline:var(--hello-spacing-sm);position:relative;text-align:center;transition:all .1s ease-in-out;vertical-align:middle}#stage [data-hello-button][data-hello-button=primary]{--hello-color-background: var(--hello-color-primary);--hello-color-text: var(--hello-color-on-primary);--hello-color-border: var(--hello-color-primary)}#stage [data-hello-button]:has(img),#stage [data-hello-button]:has(svg),#stage [data-hello-button]:has(.fa-brands){--hello-corners: var(--hello-radius-full);border-radius:var(--hello-corners);padding-inline:var(--hello-spacing-xs)}:is(#stage [data-hello-button]:has(img),#stage [data-hello-button]:has(svg),#stage [data-hello-button]:has(.fa-brands)) svg,:is(#stage [data-hello-button]:has(img),#stage [data-hello-button]:has(svg),#stage [data-hello-button]:has(.fa-brands)) img{display:block;fill:currentcolor;height:var(--hello-leading-tight);vertical-align:-.125em;width:var(--hello-leading-tight)}#stage [data-hello-button]:hover{background-color:color-mix(in oklch,var(--hello-color-background) 90%,var(--hello-color-text))}#stage [data-hello-button]:after{content:"";display:block;inset:0;min-height:44px;min-width:44px;position:absolute;z-index:-1}#stage [data-hello-button] i{line-height:1.3}#stage [data-hello-button] [data-hello-dropdown-icon],#stage [data-hello-button] [data-hello-status-icon]{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center center}:is(#stage [data-hello-button] [data-hello-dropdown-icon],#stage [data-hello-button] [data-hello-status-icon]) svg{grid-column:1;grid-row:1;opacity:0;transition:opacity .1s ease-in-out}:is(#stage [data-hello-button] [data-hello-dropdown-icon],#stage [data-hello-button] [data-hello-status-icon]) svg:first-child{opacity:1}#stage [data-hello-button] [data-hello-status-icon=true] svg:first-child{opacity:0}#stage [data-hello-button] [data-hello-status-icon=true] svg:last-child{opacity:1}#stage [data-hello-button][aria-expanded=true] [data-hello-dropdown-icon] svg:first-child{opacity:0}#stage [data-hello-button][aria-expanded=true] [data-hello-dropdown-icon] svg:last-child{opacity:1}#stage [data-hello-button] button:not([disabled]){cursor:pointer}#stage [data-hello-cover]{--hello-corners: var(--hello-radius-xl);grid-column:full;position:relative}#stage [data-hello-cover] img,#stage [data-hello-cover] [data-hello-designer-placeholder]{border-radius:var(--hello-corners);height:var(--hello-size-cover);max-height:75vh;object-fit:cover;pointer-events:none;width:100%}#stage #profile{display:grid;justify-content:var(--hello-flex-justify);position:relative;row-gap:var(--hello-spacing-md)}#stage #profile #bio{display:grid;row-gap:var(--hello-spacing-sm)}#stage #profile [data-hello-profile-bio]{font-size:var(--hello-text-md)}[data-hello-image-wrapper]{border-radius:var(--hello-corners)}[data-hello-image-wrapper] img[loading=lazy]{opacity:0;transition:opacity .45s ease;will-change:opacity}[data-hello-image-wrapper] img[loading=lazy]:not(.loaded){opacity:0}[data-hello-image-wrapper] img[loading=lazy].loaded{opacity:1}[data-hello-image-wrapper]:not(img[loading=lazy].loaded){--hello-image-placeholder: -242525;--hello-image-placeholder-ca: mod(round(down, calc((var(--hello-image-placeholder) + pow(2, 19)) / pow(2, 18))), 4);--hello-image-placeholder-cb: mod(round(down, calc((var(--hello-image-placeholder) + pow(2, 19)) / pow(2, 16))), 4);--hello-image-placeholder-cc: mod(round(down, calc((var(--hello-image-placeholder) + pow(2, 19)) / pow(2, 14))), 4);--hello-image-placeholder-cd: mod(round(down, calc((var(--hello-image-placeholder) + pow(2, 19)) / pow(2, 12))), 4);--hello-image-placeholder-ce: mod(round(down, calc((var(--hello-image-placeholder) + pow(2, 19)) / pow(2, 10))), 4);--hello-image-placeholder-cf: mod(round(down, calc((var(--hello-image-placeholder) + pow(2, 19)) / pow(2, 8))), 4);--hello-image-placeholder-ll: mod(round(down, calc((var(--hello-image-placeholder) + pow(2, 19)) / pow(2, 6))), 4);--hello-image-placeholder-aaa: mod(round(down, calc((var(--hello-image-placeholder) + pow(2, 19)) / pow(2, 3))), 8);--hello-image-placeholder-bbb: mod(calc(var(--hello-image-placeholder) + pow(2, 19)), 8);--hello-image-placeholder-ca-clr: hsl(0deg 0% calc(var(--hello-image-placeholder-ca) / 3 * 60% + 20%));--hello-image-placeholder-cb-clr: hsl(0deg 0% calc(var(--hello-image-placeholder-cb) / 3 * 60% + 20%));--hello-image-placeholder-cc-clr: hsl(0deg 0% calc(var(--hello-image-placeholder-cc) / 3 * 60% + 20%));--hello-image-placeholder-cd-clr: hsl(0deg 0% calc(var(--hello-image-placeholder-cd) / 3 * 60% + 20%));--hello-image-placeholder-ce-clr: hsl(0deg 0% calc(var(--hello-image-placeholder-ce) / 3 * 60% + 20%));--hello-image-placeholder-cf-clr: hsl(0deg 0% calc(var(--hello-image-placeholder-cf) / 3 * 60% + 20%));--hello-image-placeholder-base-clr: oklab( calc(var(--hello-image-placeholder-ll) / 3 * .6 + .2) calc(var(--hello-image-placeholder-aaa) / 8 * .7 - .35) calc((var(--hello-image-placeholder-bbb) + 1) / 8 * .7 - .35) );background-color:gray;background-image:radial-gradient(50% 75% at 16.67% 25%,var(--hello-image-placeholder-ca-clr) 0%,color-mix(in srgb,var(--hello-image-placeholder-ca-clr) 98%,transparent) 10%,color-mix(in srgb,var(--hello-image-placeholder-ca-clr) 92%,transparent) 20%,color-mix(in srgb,var(--hello-image-placeholder-ca-clr) 82%,transparent) 30%,color-mix(in srgb,var(--hello-image-placeholder-ca-clr) 68%,transparent) 40%,color-mix(in srgb,var(--hello-image-placeholder-ca-clr) 50%,transparent) 50%,color-mix(in srgb,var(--hello-image-placeholder-ca-clr) 32%,transparent) 60%,color-mix(in srgb,var(--hello-image-placeholder-ca-clr) 18%,transparent) 70%,color-mix(in srgb,var(--hello-image-placeholder-ca-clr) 8%,transparent) 80%,color-mix(in srgb,var(--hello-image-placeholder-ca-clr) 2%,transparent) 90%,transparent 100%),radial-gradient(50% 75% at 50% 25%,var(--hello-image-placeholder-cb-clr) 0%,color-mix(in srgb,var(--hello-image-placeholder-cb-clr) 98%,transparent) 10%,color-mix(in srgb,var(--hello-image-placeholder-cb-clr) 92%,transparent) 20%,color-mix(in srgb,var(--hello-image-placeholder-cb-clr) 82%,transparent) 30%,color-mix(in srgb,var(--hello-image-placeholder-cb-clr) 68%,transparent) 40%,color-mix(in srgb,var(--hello-image-placeholder-cb-clr) 50%,transparent) 50%,color-mix(in srgb,var(--hello-image-placeholder-cb-clr) 32%,transparent) 60%,color-mix(in srgb,var(--hello-image-placeholder-cb-clr) 18%,transparent) 70%,color-mix(in srgb,var(--hello-image-placeholder-cb-clr) 8%,transparent) 80%,color-mix(in srgb,var(--hello-image-placeholder-cb-clr) 2%,transparent) 90%,transparent 100%),radial-gradient(50% 75% at 83.33% 25%,var(--hello-image-placeholder-cc-clr) 0%,color-mix(in srgb,var(--hello-image-placeholder-cc-clr) 98%,transparent) 10%,color-mix(in srgb,var(--hello-image-placeholder-cc-clr) 92%,transparent) 20%,color-mix(in srgb,var(--hello-image-placeholder-cc-clr) 82%,transparent) 30%,color-mix(in srgb,var(--hello-image-placeholder-cc-clr) 68%,transparent) 40%,color-mix(in srgb,var(--hello-image-placeholder-cc-clr) 50%,transparent) 50%,color-mix(in srgb,var(--hello-image-placeholder-cc-clr) 32%,transparent) 60%,color-mix(in srgb,var(--hello-image-placeholder-cc-clr) 18%,transparent) 70%,color-mix(in srgb,var(--hello-image-placeholder-cc-clr) 8%,transparent) 80%,color-mix(in srgb,var(--hello-image-placeholder-cc-clr) 2%,transparent) 90%,transparent 100%),radial-gradient(50% 75% at 16.67% 75%,var(--hello-image-placeholder-cd-clr) 0%,color-mix(in srgb,var(--hello-image-placeholder-cd-clr) 98%,transparent) 10%,color-mix(in srgb,var(--hello-image-placeholder-cd-clr) 92%,transparent) 20%,color-mix(in srgb,var(--hello-image-placeholder-cd-clr) 82%,transparent) 30%,color-mix(in srgb,var(--hello-image-placeholder-cd-clr) 68%,transparent) 40%,color-mix(in srgb,var(--hello-image-placeholder-cd-clr) 50%,transparent) 50%,color-mix(in srgb,var(--hello-image-placeholder-cd-clr) 32%,transparent) 60%,color-mix(in srgb,var(--hello-image-placeholder-cd-clr) 18%,transparent) 70%,color-mix(in srgb,var(--hello-image-placeholder-cd-clr) 8%,transparent) 80%,color-mix(in srgb,var(--hello-image-placeholder-cd-clr) 2%,transparent) 90%,transparent 100%),radial-gradient(50% 75% at 50% 75%,var(--hello-image-placeholder-ce-clr) 0%,color-mix(in srgb,var(--hello-image-placeholder-ce-clr) 98%,transparent) 10%,color-mix(in srgb,var(--hello-image-placeholder-ce-clr) 92%,transparent) 20%,color-mix(in srgb,var(--hello-image-placeholder-ce-clr) 82%,transparent) 30%,color-mix(in srgb,var(--hello-image-placeholder-ce-clr) 68%,transparent) 40%,color-mix(in srgb,var(--hello-image-placeholder-ce-clr) 50%,transparent) 50%,color-mix(in srgb,var(--hello-image-placeholder-ce-clr) 32%,transparent) 60%,color-mix(in srgb,var(--hello-image-placeholder-ce-clr) 18%,transparent) 70%,color-mix(in srgb,var(--hello-image-placeholder-ce-clr) 8%,transparent) 80%,color-mix(in srgb,var(--hello-image-placeholder-ce-clr) 2%,transparent) 90%,transparent 100%),radial-gradient(50% 75% at 83.33% 75%,var(--hello-image-placeholder-cf-clr) 0%,color-mix(in srgb,var(--hello-image-placeholder-cf-clr) 98%,transparent) 10%,color-mix(in srgb,var(--hello-image-placeholder-cf-clr) 92%,transparent) 20%,color-mix(in srgb,var(--hello-image-placeholder-cf-clr) 82%,transparent) 30%,color-mix(in srgb,var(--hello-image-placeholder-cf-clr) 68%,transparent) 40%,color-mix(in srgb,var(--hello-image-placeholder-cf-clr) 50%,transparent) 50%,color-mix(in srgb,var(--hello-image-placeholder-cf-clr) 32%,transparent) 60%,color-mix(in srgb,var(--hello-image-placeholder-cf-clr) 18%,transparent) 70%,color-mix(in srgb,var(--hello-image-placeholder-cf-clr) 8%,transparent) 80%,color-mix(in srgb,var(--hello-image-placeholder-cf-clr) 2%,transparent) 90%,transparent 100%),linear-gradient(0deg,var(--hello-image-placeholder-base-clr),var(--hello-image-placeholder-base-clr));background-position:center;background-size:cover}#stage [popover]{inset:auto;margin:0;max-height:min(var(--hello-container-dropdown),calc(100vh - 66px));max-width:min(var(--hello-container-dropdown),calc(100vw - 16px));min-width:18rch;opacity:0;overflow:hidden auto;overscroll-behavior:contain;transform:translateY(-8px) scale(.96);transform-origin:top right;will-change:transform,opacity}#stage [popover]::-webkit-scrollbar{width:6px}#stage [popover]::-webkit-scrollbar-thumb{background:#888;border-radius:3px}#stage [popover]:popover-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{#stage [popover]:popover-open{opacity:0;transform:translateY(-8px) scale(.96)}}@supports (top: anchor(bottom)){#stage [popover]{left:auto;margin-top:4px;position-try-fallbacks:flip-block;position-visibility:no-overflow;right:anchor(right);top:anchor(bottom)}}@supports not (top: anchor(bottom)){#stage [data-hello-dropdown]{position:relative}#stage [popover]+nav:popover-open{left:auto;margin-top:4px;position:absolute;right:0;top:100%}}#stage [role=menuitem]{background:none;border:none;cursor:pointer;display:block;padding:8px 16px;text-align:left;width:100%}#stage [role=menuitem]:hover,#stage [role=menuitem]:focus{background:#f0f0f0;outline:none}#stage [data-hello-content] form{display:grid;gap:var(--hello-spacing-sm)}#stage [data-hello-content] input,#stage [data-hello-content] select,#stage [data-hello-content] textarea{--hello-corners: var(--hello-radius);background-color:oklch(from var(--hello-color-text) l c h / var(--hello-opacity-weak));border-color:var(--hello-color-border);padding-block:var(--hello-spacing-xs);padding-inline:var(--hello-spacing-sm)}#stage [data-hello-content] label{font-weight:600;grid-column:span 2}#stage [data-hello-content] [data-hello-form-group]{display:grid;grid-template-columns:repeat(2,auto);row-gap:var(--hello-spacing-xs)}#stage [data-hello-content] [data-hello-form-group]>input:nth-child(2){border-end-start-radius:var(--hello-corners);border-start-start-radius:var(--hello-corners)}#stage [data-hello-content] [data-hello-form-group]>input:last-child{border-end-start-radius:var(--hello-corners);border-start-start-radius:var(--hello-corners)}#stage [data-hello-content] [data-hello-form-group]>button{--hello-corners: var(--hello-radius)}#stage [data-hello-content] [data-hello-form-group]>button:nth-child(2){border-end-end-radius:0;border-end-start-radius:var(--hello-corners);border-start-end-radius:0;border-start-start-radius:var(--hello-corners)}#stage [data-hello-content] [data-hello-form-group]>button:last-child{border-end-end-radius:var(--hello-corners);border-end-start-radius:0;border-start-end-radius:var(--hello-corners);border-start-start-radius:0}#stage [data-hello-share]{display:grid;row-gap:var(--hello-spacing-xs)}#stage [data-hello-avatar]{background:var(--hello-color-primary);border-radius:var(--hello-corners);container-type:inline-size;margin-bottom:var(--hello-spacing-xs);pointer-events:none;position:relative;width:var(--hello-avatar-size)}#stage [data-hello-avatar] img,#stage [data-hello-avatar] span{aspect-ratio:1;border-radius:var(--hello-corners);display:flex;object-fit:cover;width:100%}#stage [data-hello-avatar] span{align-items:center;color:var(--hello-color-on-primary);font-family:var(--hello-font-heading),serif;font-size:35cqi;font-weight:var(--hello-font-weight-heading);justify-content:center}#stage [data-hello-avatar][data-hello-avatar-format=square]{--hello-corners: var(--hello-radius-lg)}#stage [data-hello-avatar][data-hello-avatar-format=logo]{--hello-corners: none;background:transparent;margin-top:calc(var(--hello-spacing-stage-dynamic) * 2)}#stage [data-hello-avatar][data-hello-avatar-format=logo] img{aspect-ratio:auto;background:transparent}#stage [data-hello-avatar][data-hello-avatar-format=circle]{--hello-corners: 50%}#stage [data-hello-avatar][data-hello-avatar-style=outline] img{padding:var(--hello-spacing-3xs);position:relative}#stage [data-hello-avatar][data-hello-avatar-style=outline]:before{background-color:var(--hello-color-primary);border-radius:var(--hello-corners);bottom:50%;content:"";height:100%;position:absolute;right:50%;transform:translate(50%,50%);width:100%}#stage{background-color:var(--hello-color-background);color:var(--hello-color-text);container-type:inline-size;display:grid;grid-template-columns:var(--hello-grid-columns);grid-template-rows:auto 1fr auto;line-height:var(--hello-leading-normal);min-height:100svh;position:relative;text-wrap:pretty}#stage #content{row-gap:calc(var(--hello-spacing-stage-dynamic) * 2)}#stage>header,#stage>footer{padding-block:var(--hello-spacing-sm);row-gap:var(--hello-spacing-xs)}:is(#stage>header,#stage>footer)>*{grid-column:content;position:relative}#stage>header,#stage>main,#stage>main>header,#stage>main>#content,#stage>footer{display:grid;grid-column:full;grid-template-columns:subgrid;position:relative}:is(#stage>main>header,#stage>main>#content)>*:not(section,[data-hello-cover]){grid-column:content;position:relative}#stage header+#content{margin-top:calc(var(--hello-spacing-stage-dynamic) * 2)}#stage footer nav{--hello-flex-justify: center}#stage[data-hello-layout=foundation]{grid-template-rows:auto auto 1fr auto}#stage[data-hello-layout=foundation] main>header{height:fit-content}#stage[data-hello-layout=foundation] [data-hello-cover]{grid-column:section}#stage[data-hello-layout=foundation] #cover+#profile [data-hello-avatar]:not([data-hello-avatar-format=logo]){margin-top:calc(var(--hello-avatar-size) * -.5)}#stage[data-hello-layout=spotlight]{--hello-overlay: oklch(from var(--hello-color-stage) l c h / var(--hello-opacity-moderate));--hello-profile-align: center;--hello-flex-justify: center;background-image:linear-gradient(var(--hello-overlay),var(--hello-overlay)),var(--hello-cover-image);background-repeat:no-repeat;background-size:cover;grid-template-rows:auto minmax(6vh,2fr) auto minmax(12vh,3fr) auto}#stage[data-hello-layout=spotlight] #profile{--hello-text-align: var(--hello-profile-align);--hello-flex-justify: var(--hello-profile-align)}#stage[data-hello-layout=spotlight] #profile [data-hello-avatar]{margin-inline:auto}#stage[data-hello-layout=spotlight]>header{grid-row:1}#stage[data-hello-layout=spotlight]>main{grid-row:3}#stage[data-hello-layout=spotlight]>footer{grid-row:5}#stage[data-hello-layout=spotlight]:after{background-color:var(--hello-color-background);content:"";inset:0;opacity:var(--hello-opacity-moderate);position:absolute;z-index:-1}#stage[data-hello-layout=spotlight] #cover{display:none}#stage[data-hello-layout=billboard]{--hello-overlay: oklch(from var(--hello-color-stage) l c h / var(--hello-opacity-moderate));grid-template-rows:auto minmax(20vh,1fr) auto auto}#stage[data-hello-layout=billboard]:before{background-color:var(--hello-overlay);background-image:var(--hello-cover-image);background-repeat:no-repeat;background-size:cover;content:"";display:block;inset:0;position:fixed}#stage[data-hello-layout=billboard]>header{grid-row:1}#stage[data-hello-layout=billboard]>main{grid-row:3}#stage[data-hello-layout=billboard]>footer{grid-row:4}#stage[data-hello-layout=billboard] main>header:before{background:linear-gradient(0deg,var(--hello-color-background) 0%,oklch(from var(--hello-color-background) l c h / 70%) 70%,oklch(from var(--hello-color-background) l c h / 0%) 100%);bottom:calc(var(--hello-spacing-stage-dynamic) * -2);content:"";height:100%;left:0;position:absolute;right:0}#stage[data-hello-layout=billboard] #content:before{background:var(--hello-color-background);content:"";height:calc(100% + 4px);left:0;position:absolute;right:0;top:0}#stage[data-hello-layout=billboard] footer{background:var(--hello-color-background)}#stage[data-hello-layout=billboard] #cover{display:none}#stage[data-hello-layout=stack]{grid-template-rows:auto 2fr auto 3fr auto}#stage[data-hello-layout=stack]>header{grid-row:1}#stage[data-hello-layout=stack]>main{grid-row:3}#stage[data-hello-layout=stack]>footer{grid-row:5}#stage[data-hello-layout=stack] main>header{align-items:center;gap:var(--hello-spacing-stage-dynamic);grid-column:content;grid-template-columns:repeat(2,1fr)}#stage[data-hello-layout=stack] main>header #profile{grid-column:1;grid-row:1}#stage[data-hello-layout=stack] main>header #cover{grid-column:2;grid-row:1}#stage[data-hello-layout=horizon]{grid-template-rows:auto auto 1fr auto}#stage[data-hello-layout=horizon]>main{grid-row:1}#stage[data-hello-layout=horizon]>header{grid-row:1;margin-bottom:auto;z-index:1}#stage[data-hello-layout=horizon]>footer{grid-row:4}#stage[data-hello-layout=horizon] #profile #avatar{margin-top:calc(var(--hello-avatar-size) * -.75)}#cover #stage[data-hello-layout=horizon]:before{background:linear-gradient(to bottom,rgb(from var(--hello-color-background) r g b / 0%) 0%,var(--hello-color-background) 100%);bottom:0;content:"";height:calc(var(--hello-avatar-size) * 1);left:0;pointer-events:none;position:absolute;right:0}#stage[data-hello-layout=bookmark]{--hello-profile-align: center;grid-template-rows:auto auto 1fr auto;@keyframes hello-tab-fade-in{0%{opacity:0}to{opacity:1}}}#stage[data-hello-layout=bookmark]>main{grid-row:1}#stage[data-hello-layout=bookmark]>header{grid-row:1;margin-bottom:auto;z-index:1}#stage[data-hello-layout=bookmark]>footer{grid-row:4}#stage[data-hello-layout=bookmark] #profile{--hello-text-align: var(--hello-profile-align);--hello-flex-justify: var(--hello-profile-align)}#stage[data-hello-layout=bookmark] #profile #avatar{margin-inline:auto;margin-top:calc(var(--hello-avatar-size) * -.75)}#cover #stage[data-hello-layout=bookmark]:before{background:linear-gradient(to bottom,rgb(from var(--hello-color-background) r g b / 0%) 0%,var(--hello-color-background) 100%);bottom:0;content:"";height:calc(var(--hello-avatar-size) * 1);left:0;pointer-events:none;position:absolute;right:0}#stage[data-hello-layout=bookmark] [data-hello-tabs-container]{background:var(--hello-color-background);border-bottom:1px solid color-mix(in oklch,var(--hello-color-on-stage) var(--hello-opacity-weak),transparent);grid-column:full;position:sticky;top:0;transition:box-shadow .2s ease;z-index:10}#stage[data-hello-layout=bookmark] [data-hello-tabs-container][data-stuck=true]{box-shadow:0 2px 8px color-mix(in oklch,var(--hello-color-on-stage) var(--hello-opacity-ghost),transparent)}#stage[data-hello-layout=bookmark] [data-hello-tabs-container]:before,#stage[data-hello-layout=bookmark] [data-hello-tabs-container]:after{bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease;width:2rem;z-index:1}#stage[data-hello-layout=bookmark] [data-hello-tabs-container]:before{background:linear-gradient(to right,var(--hello-color-background),transparent);left:0}#stage[data-hello-layout=bookmark] [data-hello-tabs-container]:after{background:linear-gradient(to left,var(--hello-color-background),transparent);opacity:1;right:0}#stage[data-hello-layout=bookmark] [data-hello-tabs-container][data-scroll-start=false]:before{opacity:1}#stage[data-hello-layout=bookmark] [data-hello-tabs-container][data-scroll-end=true]:after{opacity:0}#stage[data-hello-layout=bookmark] [data-hello-tabs]{--hello-tab-spacing: var(--hello-spacing-md, 1rem);--hello-tab-height: 3rem;--hello-tab-active-color: var(--hello-color-on-stage);--hello-tab-inactive-color: color-mix(in oklch, var(--hello-color-on-stage) var(--hello-opacity-mild), transparent);--hello-tab-border-width: 2px;--hello-tab-border-color: var(--hello-color-on-stage);display:flex;gap:var(--hello-tab-spacing);justify-content:var(--hello-profile-align, center);margin-inline:auto;max-width:var(--hello-container-normal);overflow:auto hidden;-webkit-overflow-scrolling:touch;padding-block:var(--hello-spacing-sm);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}#stage[data-hello-layout=bookmark] [data-hello-tabs]::-webkit-scrollbar{display:none}#stage[data-hello-layout=bookmark] [data-hello-tab]{align-items:center;background:none;border:none;color:var(--hello-tab-inactive-color);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:var(--hello-font-size-base, 1rem);font-weight:500;justify-content:center;letter-spacing:.01em;min-height:var(--hello-tab-height);min-width:fit-content;padding-inline:var(--hello-spacing-md);position:relative;scroll-snap-align:start;text-decoration:none;transition:color .2s ease;white-space:nowrap}#stage[data-hello-layout=bookmark] [data-hello-tab]:after{background:var(--hello-tab-border-color);bottom:0;content:"";height:var(--hello-tab-border-width);left:0;opacity:0;position:absolute;right:0;transform:scaleX(0);transform-origin:center;transition:opacity .2s ease,transform .2s ease}#stage[data-hello-layout=bookmark] [data-hello-tab]:hover,#stage[data-hello-layout=bookmark] [data-hello-tab][aria-selected=true]{color:var(--hello-tab-active-color)}#stage[data-hello-layout=bookmark] [data-hello-tab][aria-selected=true]:after{opacity:1;transform:scaleX(1)}#stage[data-hello-layout=bookmark] [data-hello-tab]:focus-visible{border-radius:4px;outline:2px solid var(--hello-tab-border-color);outline-offset:4px}#stage[data-hello-layout=bookmark] [data-hello-tab][aria-disabled=true],#stage[data-hello-layout=bookmark] [data-hello-tab]:disabled{cursor:not-allowed;opacity:var(--hello-opacity-weak);pointer-events:none}#stage[data-hello-layout=bookmark] [data-hello-tab-panel]{animation:hello-tab-fade-in .2s ease}#stage[data-hello-layout=bookmark] [data-hello-tab-panel][hidden]{display:none}#stage[data-hello-layout=bookmark] [data-hello-tab-panel]:focus{outline:none}@supports (view-transition-name: auto){#stage[data-hello-layout=bookmark] [data-hello-tab-panel]{view-transition-name:tab-content}}@media(prefers-reduced-motion:reduce){#stage[data-hello-layout=bookmark] [data-hello-tabs]{scroll-behavior:auto}#stage[data-hello-layout=bookmark] [data-hello-tab]{transition:none}#stage[data-hello-layout=bookmark] [data-hello-tab]:after{transition:none}#stage[data-hello-layout=bookmark] [data-hello-tab-panel]{animation:none}}@media(max-width:768px){#stage[data-hello-layout=bookmark] [data-hello-tabs]{--hello-tab-spacing: var(--hello-spacing-sm, .5rem);padding-inline:var(--hello-spacing-md)}#stage[data-hello-layout=bookmark] [data-hello-tab]{font-size:var(--hello-font-size-sm, .875rem);padding-inline:var(--hello-spacing-sm)}}#stage[data-hello-style=modern] [data-hello-elevation]{box-shadow:0 .25rem .375rem -.0625rem #0a0d121a,0 .125rem .25rem -.125rem #0a0d120f}#stage[data-hello-style=modern] [data-hello-elevation][data-hello-elevation=sm]{box-shadow:0 .0625rem .1875rem #0a0d121a,0 .0625rem .125rem -.0625rem #0a0d121a}#stage[data-hello-style=modern] [data-hello-elevation][data-hello-elevation=lg]{box-shadow:0 .75rem 1rem -.25rem #0a0d1214,0 .25rem .375rem -.125rem #0a0d1208,0 .125rem .125rem -.0625rem #0a0d120a}#stage[data-hello-style=modern] [data-hello-elevation][data-hello-elevation=xl]{box-shadow:0 1.25rem 1.5rem -.25rem #0a0d1214,0 .5rem .5rem -.25rem #0a0d1208,0 .1875rem .1875rem -.0938rem #0a0d120a}#stage[data-hello-style=geo]{--hello-color-shadow: color-mix(in oklch, var(--hello-color-heading) 18%, var(--hello-color-background));--hello-shadow: var(--hello-color-shadow) .1rem .1rem, var(--hello-color-shadow) .2rem .2rem, var(--hello-color-shadow) .3rem .3rem, var(--hello-color-shadow) .3rem .3rem, var(--hello-color-shadow) .4rem .4rem, var(--hello-color-shadow) .5rem .5rem, var(--hello-color-shadow) .6rem .6rem, var(--hello-color-shadow) .7rem .7rem, var(--hello-color-shadow) .8rem .8rem, var(--hello-color-shadow) .9rem .9rem, var(--hello-color-shadow) 1rem 1rem, var(--hello-color-shadow) 1.1rem 1.1rem, var(--hello-color-shadow) 1.2rem 1.2rem, var(--hello-color-shadow) 1.3rem 1.3rem, var(--hello-color-shadow) 1.4rem 1.4rem, var(--hello-color-shadow) 1.5rem 1.5rem, var(--hello-color-shadow) 1.6rem 1.6rem, var(--hello-color-shadow) 1.7rem 1.7rem, var(--hello-color-shadow) 1.8rem 1.8rem, var(--hello-color-shadow) 1.9rem 1.9rem, var(--hello-color-shadow) 2rem 2rem, var(--hello-color-shadow) 2.1rem 2.1rem, var(--hello-color-shadow) 2.2rem 2.2rem, var(--hello-color-shadow) 2.3rem 2.3rem, var(--hello-color-shadow) 2.4rem 2.4rem, var(--hello-color-shadow) 2.5rem 2.5rem, var(--hello-color-shadow) 2.6rem 2.6rem, var(--hello-color-shadow) 2.7rem 2.7rem, var(--hello-color-shadow) 2.8rem 2.8rem, var(--hello-color-shadow) 2.9rem 2.9rem, var(--hello-color-shadow) 3rem 3rem, var(--hello-color-shadow) 3.1rem 3.1rem, var(--hello-color-shadow) 3.2rem 3.2rem, var(--hello-color-shadow) 3.3rem 3.3rem, var(--hello-color-shadow) 3.4rem 3.4rem, var(--hello-color-shadow) 3.5rem 3.5rem, var(--hello-color-shadow) 3.6rem 3.6rem, var(--hello-color-shadow) 3.7rem 3.7rem, var(--hello-color-shadow) 3.8rem 3.8rem, var(--hello-color-shadow) 3.9rem 3.9rem, var(--hello-color-shadow) 4rem 4rem, var(--hello-color-shadow) 4.1rem 4.1rem, var(--hello-color-shadow) 4.2rem 4.2rem, var(--hello-color-shadow) 4.3rem 4.3rem, var(--hello-color-shadow) 4.4rem 4.4rem, var(--hello-color-shadow) 4.5rem 4.5rem, var(--hello-color-shadow) 4.6rem 4.6rem, var(--hello-color-shadow) 4.7rem 4.7rem, var(--hello-color-shadow) 4.8rem 4.8rem, var(--hello-color-shadow) 4.9rem 4.9rem, var(--hello-color-shadow) 5rem 5rem, var(--hello-color-shadow) 5.1rem 5.1rem, var(--hello-color-shadow) 5.2rem 5.2rem, var(--hello-color-shadow) 5.3rem 5.3rem, var(--hello-color-shadow) 5.4rem 5.4rem, var(--hello-color-shadow) 5.5rem 5.5rem, var(--hello-color-shadow) 5.6rem 5.6rem, var(--hello-color-shadow) 5.7rem 5.7rem, var(--hello-color-shadow) 5.8rem 5.8rem, var(--hello-color-shadow) 5.9rem 5.9rem, var(--hello-color-shadow) 6rem 6rem, var(--hello-color-shadow) 6.1rem 6.1rem, var(--hello-color-shadow) 6.2rem 6.2rem, var(--hello-color-shadow) 6.3rem 6.3rem, var(--hello-color-shadow) 6.4rem 6.4rem, var(--hello-color-shadow) 6.5rem 6.5rem, var(--hello-color-shadow) 6.6rem 6.6rem, var(--hello-color-shadow) 6.7rem 6.7rem, var(--hello-color-shadow) 6.8rem 6.8rem, var(--hello-color-shadow) 6.9rem 6.9rem, var(--hello-color-shadow) 7rem 7rem, var(--hello-color-shadow) 7.1rem 7.1rem, var(--hello-color-shadow) 7.2rem 7.2rem, var(--hello-color-shadow) 7.3rem 7.3rem, var(--hello-color-shadow) 7.4rem 7.4rem, var(--hello-color-shadow) 7.5rem 7.5rem, var(--hello-color-shadow) 7.6rem 7.6rem, var(--hello-color-shadow) 7.7rem 7.7rem, var(--hello-color-shadow) 7.8rem 7.8rem, var(--hello-color-shadow) 7.9rem 7.9rem, var(--hello-color-shadow) 8rem 8rem, var(--hello-color-shadow) 8.1rem 8.1rem, var(--hello-color-shadow) 8.2rem 8.2rem, var(--hello-color-shadow) 8.3rem 8.3rem, var(--hello-color-shadow) 8.4rem 8.4rem, var(--hello-color-shadow) 8.5rem 8.5rem, var(--hello-color-shadow) 8.6rem 8.6rem, var(--hello-color-shadow) 8.7rem 8.7rem, var(--hello-color-shadow) 8.8rem 8.8rem, var(--hello-color-shadow) 8.9rem 8.9rem, var(--hello-color-shadow) 9rem 9rem, var(--hello-color-shadow) 9.1rem 9.1rem, var(--hello-color-shadow) 9.2rem 9.2rem, var(--hello-color-shadow) 9.3rem 9.3rem, var(--hello-color-shadow) 9.4rem 9.4rem, var(--hello-color-shadow) 9.5rem 9.5rem, var(--hello-color-shadow) 9.6rem 9.6rem, var(--hello-color-shadow) 9.7rem 9.7rem, var(--hello-color-shadow) 9.8rem 9.8rem, var(--hello-color-shadow) 9.9rem 9.9rem, var(--hello-color-shadow) 10rem 10rem}#stage[data-hello-style=geo] section{overflow:hidden}#stage[data-hello-style=frosted] [data-hello-elevation]{--hello-style-elevation: .25rem;--hello-style-bevel: .4rem;--hello-style-opacity: 50%;--hello-style-blurriness: .125rem;--hello-style-angle: 237deg;--hello-style-intensity: 40;--hello-style-diffusion: 70;--hello-style-sin: sin(var(--hello-style-angle)) ;--hello-style-cos: cos(var(--hello-style-angle)) ;--hello-style-x-displacement: calc(-1 * var(--hello-style-cos) * (var(--hello-style-elevation) + 1px));--hello-style-y-displacement: calc(-1 * var(--hello-style-sin) * (var(--hello-style-elevation) + 1px));--hello-style-edge-opacity: calc(var(--hello-style-intensity) * .006 - var(--hello-style-diffusion) * .002);--hello-style-edge-blur: calc(var(--hello-style-bevel) * 1.5);--hello-style-surface-contrast: calc(var(--hello-style-intensity) * .01 - var(--hello-style-diffusion) * .005);-webkit-backdrop-filter:blur(var(--hello-style-blurriness));backdrop-filter:blur(var(--hello-style-blurriness));background-blend-mode:soft-light;background-color:color-mix(in srgb,var(--hello-color-background) var(--hello-style-opacity),transparent calc(100% - var(--hello-style-opacity)));box-shadow:var(--hello-style-x-displacement) var(--hello-style-y-displacement) calc(var(--hello-style-diffusion) * .3px + (var(--hello-style-elevation))) calc(var(--hello-style-elevation) / 2) rgb(0 0 0 / calc(var(--hello-style-intensity) * .006)),0 0 calc(var(--hello-style-diffusion) * 1.4px) rgb(255 255 255 / calc(var(--hello-style-intensity) * .004)),inset calc(var(--hello-style-bevel) * -1) 0 var(--hello-style-edge-blur) hsla(100deg,0%,calc((var(--hello-style-cos) + 1) * 50%),var(--hello-style-edge-opacity)),inset 0 var(--hello-style-bevel) var(--hello-style-edge-blur) hsla(100deg,0%,calc((-1 * var(--hello-style-sin) + 1) * 50%),var(--hello-style-edge-opacity)),inset var(--hello-style-bevel) 0 var(--hello-style-edge-blur) hsla(100deg,0%,calc((-1 * var(--hello-style-cos) + 1) * 50%),var(--hello-style-edge-opacity)),inset 0 calc(var(--hello-style-bevel) * -1) var(--hello-style-edge-blur) hsla(100deg,0%,calc((var(--hello-style-sin) + 1) * 50%),var(--hello-style-edge-opacity));position:relative}#stage[data-hello-style=frosted] [data-hello-elevation]:before{background:linear-gradient(calc(var(--hello-style-angle) + 90deg),#fff0 40%,hsl(0deg 0% 100% / var(--hello-style-surface-contrast)));border-radius:var(--hello-corners);content:"";inset:0;position:absolute}#stage[data-hello-style=frosted] [data-hello-elevation][data-hello-elevation=sm]{--hello-style-elevation: .125rem;--hello-style-bevel: .2rem;--hello-style-opacity: 85%;--hello-style-blurriness: .0625rem}#stage[data-hello-style=frosted] [data-hello-elevation][data-hello-elevation=lg]{--hello-style-elevation: .5rem;--hello-style-bevel: .6rem;--hello-style-opacity: 35%;--hello-style-blurriness: .25rem}#stage[data-hello-style=frosted] [data-hello-elevation][data-hello-elevation=xl]{--hello-style-elevation: 1rem;--hello-style-bevel: .8rem;--hello-style-opacity: 25%;--hello-style-blurriness: .5rem}#stage[data-hello-style=bold] [data-hello-elevation]{--hello-color-border: color-mix(in oklch, var(--hello-color-stage) 20%, var(--hello-color-on-stage));--hello-style-shadow-offset: .5rem;--hello-style-border-width: 3px;--hello-color-shadow: var(--hello-color-border);border:var(--hello-style-border-width) solid var(--hello-color-border);box-shadow:var(--hello-style-shadow-offset) var(--hello-style-shadow-offset) 0 var(--hello-color-shadow)}#stage[data-hello-style=bold] [data-hello-elevation][data-hello-elevation=sm]{--hello-style-shadow-offset: .25rem;--hello-style-border-width: 2px}#stage[data-hello-style=bold] [data-hello-elevation][data-hello-elevation=lg]{--hello-style-shadow-offset: .75rem;--hello-style-border-width: 4px}#stage[data-hello-style=bold] [data-hello-elevation][data-hello-elevation=xl]{--hello-style-shadow-offset: 1rem;--hello-style-border-width: 5px}#stage[data-hello-style=dimension] [data-hello-elevation]{--hello-style-elevation: 1rem;--hello-style-bevel: .2rem;--hello-style-angle: 237deg;--hello-style-intensity: 40;--hello-style-diffusion: 8;--hello-style-sin: sin(var(--hello-style-angle)) ;--hello-style-cos: cos(var(--hello-style-angle)) ;--hello-style-x-displacement: calc(-1 * var(--hello-style-cos) * (var(--hello-style-elevation) + 1px));--hello-style-y-displacement: calc(-1 * var(--hello-style-sin) * (var(--hello-style-elevation) + 1px));--hello-style-edge-opacity: calc(var(--hello-style-intensity) * .006 - var(--hello-style-diffusion) * .002);--hello-style-edge-blur: calc(var(--hello-style-bevel) * 1.5);--hello-style-surface-contrast: calc(var(--hello-style-intensity) * .01 - var(--hello-style-diffusion) * .005);--hello-shadow: var(--hello-style-x-displacement) var(--hello-style-y-displacement) calc(var(--hello-style-diffusion) * .3px + (var(--hello-style-elevation))) calc(var(--hello-style-elevation) / 2) rgb(0 0 0 / calc(var(--hello-style-intensity) * .006)), 0px 0px calc(var(--hello-style-diffusion) * 1.4px) rgb(255 255 255 / calc(var(--hello-style-intensity) * .004)), inset calc(var(--hello-style-bevel) * -1) 0 var(--hello-style-edge-blur) hsla(100deg, 0%, calc((var(--hello-style-cos) + 1) * 50%), var(--hello-style-edge-opacity)), inset 0 var(--hello-style-bevel) var(--hello-style-edge-blur) hsla(100deg, 0%, calc((-1 * var(--hello-style-sin) + 1) * 50%), var(--hello-style-edge-opacity)), inset var(--hello-style-bevel) 0 var(--hello-style-edge-blur) hsla(100deg, 0%, calc((-1 * var(--hello-style-cos) + 1) * 50%), var(--hello-style-edge-opacity)), inset 0 calc(var(--hello-style-bevel) * -1) var(--hello-style-edge-blur) hsla(100deg, 0%, calc((var(--hello-style-sin) + 1) * 50%), var(--hello-style-edge-opacity));background:linear-gradient(calc(var(--hello-style-angle) + 90deg),rgb(0 0 0 / var(--hello-style-surface-contrast)),rgb(255 255 255 / var(--hello-style-surface-contrast))),var(--hello-color-background);background-blend-mode:soft-light;box-shadow:var(--hello-shadow)}#stage[data-hello-style=dimension] [data-hello-elevation][data-hello-elevation=sm]{--hello-style-elevation: .25rem;--hello-style-bevel: .1rem}#stage[data-hello-style=dimension] [data-hello-elevation][data-hello-elevation=lg]{--hello-style-elevation: 2rem;--hello-style-bevel: .3rem}#stage[data-hello-style=dimension] [data-hello-elevation][data-hello-elevation=xl]{--hello-style-elevation: 4rem;--hello-style-bevel: .5rem}#stage [data-hello-designer-placeholder]{background-color:color-mix(in oklch,var(--hello-color-stage) 90%,var(--hello-color-on-stage));border:1px dashed color-mix(in oklch,var(--hello-color-stage) 70%,var(--hello-color-on-stage));border-radius:var(--hello-corners);height:100%;width:100%}#stage{--hello-designer-color-tool: oklch(90.9% .168 118.62deg);--hello-designer-color-on-tool: oklch(19.66% .019 228.19deg)}#stage [data-hello-designer-trigger]{--hello-trigger-margin: calc(.5 * var(--hello-handle-size));border-radius:var(--hello-corners);inset:var(--hello-trigger-margin) var(--hello-trigger-margin) var(--hello-trigger-margin) var(--hello-trigger-margin);position:absolute;z-index:1000}#stage [data-hello-resizable]{--hello-handle-size: 2.75rem;--hello-handle-edge: calc((-.5 * var(--hello-handle-size)) + (var(--hello-corners) * .25));border-radius:var(--hello-corners);pointer-events:auto!important;position:relative}#stage [data-hello-resizable] [data-hello-resizable-handle]{border-radius:50%;bottom:var(--hello-handle-edge);cursor:nwse-resize;height:44px;pointer-events:auto;position:absolute;right:var(--hello-handle-edge);width:44px;z-index:10}#stage [data-hello-resizable] [data-hello-resizable-handle]:after{align-items:center;background-color:#0000004d;border-radius:100%;content:"";display:inline-flex;font:var(--fa-font-solid);font-size:.8rem;-webkit-font-smoothing:antialiased;height:calc(var(--hello-handle-size) * .6);justify-content:center;padding:.2rem;text-rendering:auto;transform:scaleX(-1);width:calc(var(--hello-handle-size) * .6)}#stage [data-hello-resizable][data-hello-avatar-format=logo] [data-hello-resizable-handle]{--hello-handle-edge: calc(-.5 * var(--hello-handle-size) - .2rem)}#stage [data-hello-resizable]:hover{color:var(--hello-designer-color-on-tool);outline:.3rem solid var(--hello-designer-color-tool);outline-offset:.1rem}#stage [data-hello-resizable]:hover [data-hello-resizable-handle]:after{background-color:var(--hello-designer-color-tool)}#stage [data-hello-resizable][data-hello-resizable=height]{--hello-handle-edge: calc(-.5 * var(--hello-handle-size) - .2rem)}#stage [data-hello-resizable][data-hello-resizable=height] [data-hello-resizable-handle]{cursor:ns-resize;right:50%;transform:translate(50%)}#stage [data-hello-resizable][data-hello-resizable=height] [data-hello-resizable-handle]:after{content:""}#stage [data-hello-resizable][data-hello-resizable=width] [data-hello-resizable-handle]{bottom:50%;cursor:ew-resize;right:calc(var(--hello-handle-size) * -1.25);transform:translate(-50%,50%)}#stage [data-hello-resizable][data-hello-resizable=width] [data-hello-resizable-handle]:after{content:""}#stage [data-hello-resizable-grid]:has([data-hello-resizable]) [data-hello-resizable]{outline:none}#stage [data-hello-resizable-grid]:has([data-hello-resizable]) li{position:relative}#stage [data-hello-resizable-grid]:has([data-hello-resizable]) li>*:after{background-color:var(--hello-designer-color-tool);border-radius:.25rem;bottom:50%;content:"";display:block;height:100%;opacity:0;position:absolute;right:calc(var(--hello-spacing-md) * -.5);top:0;transform:translate(50%);width:.25rem}#stage [data-hello-resizable-grid]:has([data-hello-resizable]:hover) li>*:after{opacity:1}#stage[data-hello-layout=bookmark] [data-hello-resizable=height] [data-hello-resizable-handle]{right:var(--hello-handle-size)}#stage [data-hello-designer-input]{background-color:transparent;border-radius:.75rem;display:block;margin-block:-.75rem;margin-inline:-.5rem;max-width:var(--hello-container-comfortable);padding-block:.25rem;padding-inline:.5rem;position:relative;text-align:var(--hello-profile-align);width:100%}#stage [data-hello-designer-input]:is(textarea){margin-block:-.75rem;margin-inline:-.75rem;padding-block:.75rem;padding-inline:.75rem;resize:none}#stage [data-hello-designer-input]:before{background-color:coral;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}#stage [data-hello-designer-input]:hover{background-color:oklch(from var(--hello-color-text) l c h / var(--hello-opacity-ghost))}#stage [data-hello-designer-input]:focus{background-color:oklch(from var(--hello-color-text) l c h / var(--hello-opacity-ghost));outline:.1rem solid var(--hello-designer-color-tool)}:is(#stage[data-hello-layout=spotlight],#stage[data-hello-layout=bookmark]) [data-hello-designer-input]{margin-inline:auto}#stage [data-hello-spacer]{flex:1}#stage .svg-icon{fill:currentcolor;height:1em;vertical-align:-.125em;width:1em}:root[data-theme=light]{--hello-color-stage: oklch(96.7% .003 264.542deg);--hello-color-on-stage: oklch(21% .034 264.665deg)}:root[data-theme=dark]{--hello-color-stage: oklch(21% .034 264.665deg);--hello-color-on-stage: oklch(96.7% .003 264.542deg)}