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