block-richtext{--_padding:1rem;--padding-block-factor:1;--padding-inline-factor:1;--_padding-block:calc(var(--_padding) * var(--padding-block-factor));--_padding-inline:calc(var(--_padding) * var(--padding-inline-factor));padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);@media (width <= 840px){--_padding-inline:var(--_padding-inline--small)}&:is([data-variant="hero"], [data-variant="body"]){display:grid;align-content:start}&:is([data-variant="hero"], [data-variant="columns"]){a{--_border-width:inherit;text-decoration-line:underline;text-decoration-thickness:var(--_border-width);text-decoration-style:solid;text-underline-offset:.15em;display:inline;border-radius:initial;&:focus-visible{outline:initial;background-color:var(--theme-accent)}}}&[data-variant="hero"]{:where(&) > * + *{margin-block-start:var(--_padding,1lh)}@media (width > 840px){--_line-height:1.3;font-size:calc(1svi + 1rem);line-height:var(--_line-height);letter-spacing:.02ch;text-wrap:pretty}@media (width <= 840px){--_line-height:inherit;font-size:1rem;line-height:var(--_line-height);letter-spacing:inherit;text-wrap:pretty}}&[data-variant="body"]{--_line-height:inherit;font-size:1rem;line-height:var(--_line-height);letter-spacing:inherit;text-wrap:pretty;--padding-block-factor:4;justify-content:center;align-content:center;justify-items:start;-webkit-hyphens:auto;hyphens:auto;> *{max-inline-size:var(--_max-width--paragraph);+ *{margin-block-start:1lh}}h1, h2, h3, h4, h5, h6{--_line-height:inherit;font-size:1.5em;line-height:var(--_line-height);letter-spacing:inherit;text-wrap:pretty;-webkit-hyphens:initial;hyphens:initial}a{--_border-width:inherit;text-decoration-line:underline;text-decoration-thickness:var(--_border-width);text-decoration-style:solid;text-underline-offset:.15em}.button{display:contents;:not(a){display:contents}a{--theme-background:var(--color-accent);border-radius:var(--_border-radius);background-color:color-mix(in srgb,var(--theme-background) 50%,transparent);box-shadow:0 var(--shadow-length) var(--shadow-length) 0 rgba(0,0,0,0.25);-webkit-backdrop-filter:blur(var(--blur-radius));backdrop-filter:blur(var(--blur-radius));--_line-height:1;--_font-size:.75rem;--button-height:inherit;padding-inline:.5rem;padding-block:calc((var(--button-height) - (var(--_font-size) * var(--_line-height))) / 2);font-size:var(--_font-size);line-height:var(--_line-height);display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:is(a), a{text-decoration:initial}@media (hover: hover){&:not(:hover){--duration:inherit;transition-duration:var(--duration);transition-timing-function:ease-out;transition-property:background-color}&:hover{background-color:var(--theme-background)}}margin-block-start:3em}}code, .details{font-family:var(--font-mono);word-spacing:-.25ch;text-transform:uppercase}pre{display:contents}}&[data-variant="columns"]{:where(&) > * + *{margin-block-start:var(--_padding,1lh)}@media (width > 840px){--_line-height:inherit;font-size:1rem;line-height:var(--_line-height);letter-spacing:inherit;text-wrap:pretty;-moz-column-count:2;column-count:2;-moz-column-gap:calc(var(--_padding-inline) * 2 + var(--_border-width));column-gap:calc(var(--_padding-inline) * 2 + var(--_border-width));-webkit-hyphens:auto;hyphens:auto}@media (width <= 840px){--_line-height:inherit;font-size:.75rem;line-height:var(--_line-height);letter-spacing:inherit;text-wrap:pretty}}abbr{font-family:var(--font-mono);word-spacing:-.25ch;text-transform:uppercase;&::before{content:"("}&::after{content:")"}}}projects-project{position:relative;@media (hover: none){.project__description{visibility:hidden}}@media (hover: hover){&:not(:hover){.project__description{visibility:hidden}.project__image{--duration:var(--duration--short);transition-duration:var(--duration);transition-timing-function:ease-out;transition-property:initial}}&:hover{.project__title{visibility:hidden}.project__image{border-radius:calc(100% / 8)}}}&[data-style="features"]{display:grid;grid-template-areas:"stack";&::before, &::after, > :not(picture), > picture > img{grid-area:stack}container-type:size;aspect-ratio:1;.project__info{align-items:end;justify-items:center;padding:calc(100% / 16)}.project__client, .project__label, .project__description{--theme-background:inherit;border-radius:var(--_border-radius);background-color:color-mix(in srgb,var(--theme-background) 50%,transparent);box-shadow:0 var(--shadow-length) var(--shadow-length) 0 rgba(0,0,0,0.25);-webkit-backdrop-filter:blur(var(--blur-radius));backdrop-filter:blur(var(--blur-radius));--_line-height:inherit;--_font-size:.75rem;--button-height:inherit;padding-inline:.5rem;padding-block:calc((var(--button-height) - (var(--_font-size) * var(--_line-height))) / 2);font-size:var(--_font-size);line-height:var(--_line-height);display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:is(a), a{text-decoration:initial}@media (hover: hover){&:not(:hover){--duration:inherit;transition-duration:var(--duration);transition-timing-function:ease-out;transition-property:background-color}&:hover{background-color:var(--theme-background)}}}.project__title{display:flex;gap:var(--_gap);@media (width <= 840px){flex-direction:column;align-items:center;justify-content:space-between;block-size:100%}}.project__description{box-sizing:initial;max-inline-size:40ch}.project__image{inline-size:100cqi;block-size:100cqb}@media (hover: hover){&:hover{.project__client, .project__label, .project__description{background-color:var(--theme-background);transition:initial}}}}&[data-style="index"]{display:grid;align-content:start;grid-template-rows:auto;grid-auto-rows:1fr;gap:var(--_border-width);.project__info{--_padding:1rem;--padding-block-factor:1;--padding-inline-factor:1;--_padding-block:calc(var(--_padding) * var(--padding-block-factor));--_padding-inline:calc(var(--_padding) * var(--padding-inline-factor));padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);@media (width <= 840px){--_padding-inline:var(--_padding-inline--small)}--_line-height:inherit;font-size:.75rem;line-height:var(--_line-height);letter-spacing:inherit;text-wrap:pretty;--_padding-inline--small:.5rem;order:2;background-color:var(--theme-background);@media (width <= 840px){--_padding:.75rem}}.project__image{order:1;aspect-ratio:1;inline-size:100%;block-size:auto}}.project__info{display:grid;grid-template-areas:"stack";&::before, &::after, > :not(picture), > picture > img{grid-area:stack}}.project__client, .project__label{white-space:nowrap;text-overflow:ellipsis;overflow:clip}.project__client{font-family:var(--font-mono);word-spacing:-.25ch;text-transform:uppercase}.project__description{[data-wrap="richtext"]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:clip;*{display:inline}abbr{font-family:var(--font-mono);word-spacing:-.25ch;text-transform:uppercase;&::before{content:"("}&::after{content:")"}}}}.project__permalink{position:absolute;inset:0;background-color:transparent;font-size:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;&:is(a){--outline-offset-factor:-1;border-radius:initial}}}projects-grid{display:grid;align-content:start;gap:var(--_border-width);background-color:CurrentColor;&[data-style="features"]{@media (orientation: landscape){grid-template-columns:repeat(2,1fr)}}&[data-style="index"]{@media (orientation: landscape){grid-template-columns:repeat(3,1fr)}@media (orientation: portrait){grid-template-columns:repeat(2,1fr)}}.grid__title{display:none}.grid__placeholder{@media (orientation: portrait){display:none}}}block-banner{display:grid;justify-content:center;align-content:center;justify-items:center;align-items:center;--_line-height:inherit;--_font-size:.75rem;--button-height:inherit;padding-inline:.5rem;padding-block:calc((var(--button-height) - (var(--_font-size) * var(--_line-height))) / 2);font-size:var(--_font-size);line-height:var(--_line-height);font-family:var(--font-mono);word-spacing:-.25ch;text-transform:uppercase;position:relative;background-color:var(--theme-background);.banner__label{text-align:center;text-wrap:balance}.banner__link{position:absolute;inset:0;background-color:transparent;font-size:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;&:is(a){--outline-offset-factor:-1;border-radius:initial}}}block-spline{--_inset:1rem;position:relative;block-size:100lvb;background-color:var(--theme-background);overflow:hidden;&:not(:defined){[data-wrap="title-viewer"]{display:none}}&:defined{@media (hover: hover){&:has(.spline__checkbox:not(:checked)){.spline__checkbox{cursor:none}}&:hover{.spline__label{&[data-spline-action="interact"]{inset-block-start:var(--_top,var(--_inset));inset-inline-start:var(--_left,var(--_inset));background-color:var(--theme-background);transition:initial;pointer-events:none}}}}&:has(.spline__checkbox:not(:checked)){.spline__label{&[data-spline-action="close"]{display:none}}}&:has(.spline__checkbox:checked){[data-wrap="title-viewer"]{position:fixed;inset:0}.spline__checkbox{pointer-events:none}.spline__label{&[data-spline-action="interact"]{display:none}}.spline__viewer{display:block}.spline__thumbnail{display:none}}&:has(.spline__checkbox:focus-visible){.spline__label{--outline-offset-factor:1;outline-width:var(--_border-width);outline-style:solid;outline-color:var(--theme-accent);outline-offset:calc(var(--_border-radius) * var(--outline-offset-factor))}}[data-wrap="title-viewer"]{> *{position:absolute}}.spline__title{display:none}.spline__checkbox{inset:0;z-index:1;&:focus-visible{outline:initial}}.spline__label{--theme-background:var(--color-accent);border-radius:var(--_border-radius);background-color:color-mix(in srgb,var(--theme-background) 50%,transparent);box-shadow:0 var(--shadow-length) var(--shadow-length) 0 rgba(0,0,0,0.25);-webkit-backdrop-filter:blur(var(--blur-radius));backdrop-filter:blur(var(--blur-radius));--_line-height:1;--_font-size:.75rem;--button-height:inherit;padding-inline:.5rem;padding-block:calc((var(--button-height) - (var(--_font-size) * var(--_line-height))) / 2);font-size:var(--_font-size);line-height:var(--_line-height);display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:is(a), a{text-decoration:initial}@media (hover: hover){&:not(:hover){--duration:inherit;transition-duration:var(--duration);transition-timing-function:ease-out;transition-property:background-color}&:hover{background-color:var(--theme-background)}}inset-block-start:var(--_inset);inset-inline-start:var(--_inset);min-inline-size:-moz-max-content;min-inline-size:max-content;z-index:2}.spline__viewer{inset:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}}.spline__viewer{display:none}.spline__thumbnail{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:calc(var(--_width) / 2);max-inline-size:initial;block-size:calc(var(--_height) / 2);max-block-size:initial;-o-object-fit:initial;object-fit:initial;translate:-50% -50%}}:is(:root, body):has(.spline__checkbox:checked){overflow:hidden}global-header{font-family:var(--font-mono);word-spacing:-.25ch;text-transform:uppercase;--_padding:calc(var(--button-height) / 2);position:fixed;inset-block-start:0;inset-inline:0;z-index:11;&:focus-within{z-index:1001}&:not([data-collapsed]){.lh{inset-block-start:calc(var(--_padding) / 2)}}&[data-collapsed]{.lh, .navigation__menu, .navigation__list__item{animation-name:collapse-item;animation-duration:var(--duration--short);animation-timing-function:ease-out;animation-fill-mode:forwards}.lh{--theme-background:var(--color-accent);border-radius:var(--_border-radius);background-color:color-mix(in srgb,var(--theme-background) 50%,transparent);box-shadow:0 var(--shadow-length) var(--shadow-length) 0 rgba(0,0,0,0.25);-webkit-backdrop-filter:blur(var(--blur-radius));backdrop-filter:blur(var(--blur-radius));inset-block-start:var(--_padding)}.lh__stroke, .lh__fill{background:initial;-webkit-mask:initial;mask:initial}.navigation__menu, .navigation__list__item{padding-block:initial;color:transparent}}.lh{position:absolute;inset-inline-start:var(--_padding);inline-size:var(--lh-width);block-size:var(--lh-height);border-radius:var(--_border-radius);&:has(:focus-visible){--outline-offset-factor:1;outline-width:var(--_border-width);outline-style:solid;outline-color:var(--theme-accent);outline-offset:calc(var(--_border-radius) * var(--outline-offset-factor))}> *{position:absolute;inset:0;background-color:transparent;font-size:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;&:is(a){--outline-offset-factor:-1;border-radius:initial}display:block}}.lh__stroke{background-color:var(--theme-background);-webkit-mask-image:var(--lh-stroke);mask-image:var(--lh-stroke);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.lh__fill{background-color:CurrentColor;-webkit-mask-image:var(--lh-fill);mask-image:var(--lh-fill);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;&:focus-visible{outline:initial}}.navigation{display:contents}.navigation__list{display:flex;gap:var(--_gap);> li{display:contents}}@media (width > 840px){display:grid;justify-content:center;align-content:center;justify-items:center;align-items:center;padding:var(--_padding);&:not([data-collapsed]){pointer-events:none;> *{pointer-events:initial}}.navigation__menu{display:none}.navigation__list{&[data-navigation="cta"]{position:absolute;inset-inline-end:var(--_padding)}}.navigation__list__item{--theme-background:var(--color-accent);border-radius:var(--_border-radius);background-color:color-mix(in srgb,var(--theme-background) 50%,transparent);box-shadow:0 var(--shadow-length) var(--shadow-length) 0 rgba(0,0,0,0.25);-webkit-backdrop-filter:blur(var(--blur-radius));backdrop-filter:blur(var(--blur-radius));--_line-height:1;--_font-size:.75rem;--button-height:inherit;padding-inline:.5rem;padding-block:calc((var(--button-height) - (var(--_font-size) * var(--_line-height))) / 2);font-size:var(--_font-size);line-height:var(--_line-height);display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:is(a), a{text-decoration:initial}@media (hover: hover){&:not(:hover){--duration:inherit;transition-duration:var(--duration);transition-timing-function:ease-out;transition-property:background-color}&:hover{background-color:var(--theme-background)}}.navigation:not(:has(.navigation__list:hover)) &:is([aria-current="page"], [faux-aria-current="page"]){background-color:var(--theme-background);transition:initial}}}@media (width <= 840px){display:grid;inset-block-end:0;padding-block-start:var(--_scroll-padding);&:has(.navigation__menu__checkbox:not(:checked)){pointer-events:none;> *{pointer-events:initial}.navigation__menu{&[data-label-current]{&::before{content:attr(data-label-current)}}}.navigation__menu__label{[data-label-current] > &, &[data-menu-action="close"]{display:none}}.navigation__list{display:none}}&:has(.navigation__menu__checkbox:checked){--duration:var(--duration--short);transition-duration:var(--duration);transition-timing-function:ease-out;transition-property:initial;background-color:color-mix(in srgb,var(--color-accent) 50%,transparent);-webkit-backdrop-filter:blur(var(--blur-radius));backdrop-filter:blur(var(--blur-radius));transition-property:background-color,-webkit-backdrop-filter;transition-property:background-color,backdrop-filter;transition-property:background-color,backdrop-filter,-webkit-backdrop-filter;.navigation__menu{background-color:var(--theme-background)}.navigation__menu__label{&[data-menu-action="open"]{display:none}}.navigation__list{display:contents}.navigation__list__item{display:grid;justify-content:center;align-content:center;justify-items:center;align-items:center;--_line-height:1;font-size:calc(6svi + 1rem);line-height:var(--_line-height);letter-spacing:.02ch;text-wrap:pretty;--outline-offset-factor:-1;flex:3 3 0;border-radius:initial;&:is([aria-current="page"], [faux-aria-current="page"]){--_border-width:inherit;text-decoration-line:underline;text-decoration-thickness:var(--_border-width);text-decoration-style:solid;text-underline-offset:.15em}}}.navigation__menu{--theme-background:var(--color-accent);border-radius:var(--_border-radius);background-color:color-mix(in srgb,var(--theme-background) 50%,transparent);box-shadow:0 var(--shadow-length) var(--shadow-length) 0 rgba(0,0,0,0.25);-webkit-backdrop-filter:blur(var(--blur-radius));backdrop-filter:blur(var(--blur-radius));--_line-height:1;--_font-size:.75rem;--button-height:inherit;padding-inline:.5rem;padding-block:calc((var(--button-height) - (var(--_font-size) * var(--_line-height))) / 2);font-size:var(--_font-size);line-height:var(--_line-height);display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:is(a), a{text-decoration:initial}@media (hover: hover){&:not(:hover){--duration:inherit;transition-duration:var(--duration);transition-timing-function:ease-out;transition-property:background-color}&:hover{background-color:var(--theme-background)}}position:absolute;inset-block-start:var(--_padding);inset-inline-end:var(--_padding)}.navigation__menu__checkbox{position:absolute;inset:0;background-color:transparent;font-size:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:is(a){--outline-offset-factor:-1;border-radius:initial}border-radius:var(--_border-radius);z-index:1}}}:is(:root, body):has(.navigation__menu__checkbox:checked){overflow:hidden}@keyframes collapse-item{from{block-size:var(--button-height)}to{block-size:calc(var(--_border-radius) * 2)}}block-hero{display:grid;grid-template-areas:"stack";&::before, &::after, > :not(picture), > picture > img{grid-area:stack}block-size:100svb;background-color:CurrentColor;container-type:size;.hero__media{inline-size:100%;block-size:100cqb;&:is(media-video){:not(.video__retry), &::before, &::after{block-size:100cqb}}}.hero__link{--theme-background:var(--color-accent);border-radius:var(--_border-radius);background-color:color-mix(in srgb,var(--theme-background) 50%,transparent);box-shadow:0 var(--shadow-length) var(--shadow-length) 0 rgba(0,0,0,0.25);-webkit-backdrop-filter:blur(var(--blur-radius));backdrop-filter:blur(var(--blur-radius));--_line-height:1;--_font-size:.75rem;--button-height:inherit;padding-inline:.5rem;padding-block:calc((var(--button-height) - (var(--_font-size) * var(--_line-height))) / 2);font-size:var(--_font-size);line-height:var(--_line-height);display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:is(a), a{text-decoration:initial}@media (hover: hover){&:not(:hover){--duration:inherit;transition-duration:var(--duration);transition-timing-function:ease-out;transition-property:background-color}&:hover{background-color:var(--theme-background)}}align-self:end;justify-self:center;margin:calc(100% / 16)}}global-footer{--_padding:2rem;--padding-block-factor:1;--padding-inline-factor:0;--_padding-block:calc(var(--_padding) * var(--padding-block-factor));--_padding-inline:calc(var(--_padding) * var(--padding-inline-factor));padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);@media (width <= 840px){--_padding-inline:var(--_padding-inline--small)}display:grid;align-content:start;font-family:var(--font-mono);word-spacing:-.25ch;text-transform:uppercase;--theme-background:var(--color-footer);--theme-accent:var(--color-theme);row-gap:var(--_padding-block);position:sticky;inset-block-end:0;outline:var(--_border);background-color:var(--theme-background);text-align:center;z-index:-2;&:focus-within{z-index:1001}> *{inline-size:100%}.footer__list{--_line-height:1;font-size:.75rem;line-height:var(--_line-height);letter-spacing:inherit;text-wrap:pretty;display:flex;> li{display:contents}@media (width > 840px){justify-content:space-evenly}@media (width <= 840px){justify-content:center;flex-wrap:wrap;gap:var(--_padding-inline)}}.footer__item{--_border-width:inherit;text-decoration-line:underline;text-decoration-thickness:var(--_border-width);text-decoration-style:solid;text-underline-offset:.15em;display:inline;border-radius:initial;&:focus-visible{outline:initial;background-color:var(--theme-accent)}}.footer__copyright{--_border-width:1px;--_line-height:1;font-size:.5rem;line-height:var(--_line-height);text-wrap:pretty}}