@layer reset,tokens,base,layout,components,utilities;@layer tokens{:root{--ratio: 1.333;--font-heading: monospace, monospace;--font-bionicle: "Bionicle", sans-serif}}@layer base{sub,sup{font-size:calc(1em / var(--ratio));line-height:0}}@layer utilities{.font--bionicle{font-family:var(--font-bionicle);line-height:inherit}span[data-align=left]{display:block;text-align:left}span[data-align=center]{display:block;text-align:center}span[data-align=right]{display:block;text-align:right}pre.ascii[data-align=left]{margin-right:auto;width:fit-content}pre.ascii[data-align=center]{margin:0 auto;width:fit-content}pre.ascii[data-align=right]{margin-left:auto;width:fit-content}pre.ascii{font-family:var(--font-heading);white-space:pre;line-height:1}}@layer reset,tokens,base,layout,components,utilities;@layer reset{*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#fff0}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:#fff0;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:#fff0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}}@font-face{font-family:Inter;src:url(../fonts/Inter/Inter-VariableFont_opsz,wght.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../fonts/Inter/Inter-Italic-VariableFont_opsz,wght.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Bionicle;src:url(../fonts/Bionicle/BIONRG__.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;ascent-override:84.6%;descent-override:9.62%;line-gap-override:0%}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto;}}@layer tokens{:root{--container-xl: 1200px;--measure: 65ch;--space-xs: .25rem;--space-s: .5rem;--space-m: 1rem;--space-l: 2rem;--space-xl: 4rem;--space-section-ratio: 1.333;--space-section-small: calc(var(--space-section) / var(--space-section-ratio));--space-section: clamp(3rem, 6vw, 6rem);--space-section-big: calc(var(--space-section) * var(--space-section-ratio));--col-count: 12;--col-target-width: 16rem;--row-gap: var(--space-l);--column-gap: var(--space-m);--fraction-1-1: 1;--fraction-1-2: 2;--fraction-1-3: 3;--fraction-2-3: 3;--fraction-1-4: 4;--color-dark: Black;--color-light: White;--color-primary: Gainsboro;--color-secondary: DarkGray;--color-tertiary: Chartreuse;--color-accent: GreenYellow;--color-accent-secondary: invert(1);--color-placeholder: var(--color-accent);--color-status-unlisted: DodgerBlue;--color-status-draft: Crimson;--color-ink: color-mix(in srgb, var(--color-dark) 90%, var(--color-primary));--color-ink-muted: color-mix(in srgb, var(--color-dark) 75%, var(--color-primary));--font-inter: "Inter", sans-serif;--font-bionicle: "Bionicle", sans-serif;--font-system-sans: system-ui, sans-serif;--font-system-serif: ui-serif, serif;--font-system-mono: monospace, monospace;--font-heading: var(--font-system-mono);--font-body: var(--font-inter);--line-height: 1.5;--line-height-heading: 1.2;--duration-quick: .18s;--duration-calm: .35s;--ease-calm: cubic-bezier(.2, .7, .2, 1);--ratio: 1.333;--step-0: 1rem;--step-1: calc(var(--step-0) * var(--ratio));--step-2: calc(var(--step-0) * pow(var(--ratio), 2));--step-3: calc(var(--step-0) * pow(var(--ratio), 3));--step-4: calc(var(--step-0) * pow(var(--ratio), 4));--step-5: calc(var(--step-0) * pow(var(--ratio), 5));--step-6: calc(var(--step-0) * pow(var(--ratio), 6));--step--1: calc(var(--step-0) / var(--ratio));--step--2: calc(var(--step-0) / pow(var(--ratio), 2))}:root[data-font-pairing=mono-inter]{--font-heading: var(--font-system-mono);--font-body: var(--font-inter)}:root[data-font-pairing=bionicle-inter]{--font-heading: var(--font-bionicle);--font-body: var(--font-inter)}:root[data-font-pairing=inter-inter]{--font-heading: var(--font-inter);--font-body: var(--font-inter)}:root[data-font-pairing=inter-mono]{--font-heading: var(--font-inter);--font-body: var(--font-system-mono)}:root[data-font-heading=inter]{--font-heading: var(--font-inter)}:root[data-font-heading=bionicle]{--font-heading: var(--font-bionicle)}:root[data-font-heading=system-sans]{--font-heading: var(--font-system-sans)}:root[data-font-heading=system-serif]{--font-heading: var(--font-system-serif)}:root[data-font-heading=system-mono]{--font-heading: var(--font-system-mono)}:root[data-font-body=inter]{--font-body: var(--font-inter)}:root[data-font-body=bionicle]{--font-body: var(--font-bionicle)}:root[data-font-body=system-sans]{--font-body: var(--font-system-sans)}:root[data-font-body=system-serif]{--font-body: var(--font-system-serif)}:root[data-font-body=system-mono]{--font-body: var(--font-system-mono)}:root[data-type-scale="1.2"]{--ratio: 1.2}:root[data-type-scale="1.25"]{--ratio: 1.25}:root[data-type-scale="1.333"]{--ratio: 1.333}:root[data-type-scale="1.5"]{--ratio: 1.5}:root[data-type-scale="1.618"]{--ratio: 1.618}:root[data-base-size=small]{--step-0: .9375rem}:root[data-base-size=normal]{--step-0: 1rem}:root[data-base-size=large]{--step-0: 1.0625rem}:root[data-container-width="1000"]{--container-xl: 1000px}:root[data-container-width="1200"]{--container-xl: 1200px}:root[data-container-width="1400"]{--container-xl: 1400px}:root[data-section-spacing=tight]{--space-section: clamp(2rem, 4vw, 4rem)}:root[data-section-spacing=normal]{--space-section: clamp(3rem, 6vw, 6rem)}:root[data-section-spacing=loose]{--space-section: clamp(4rem, 8vw, 8rem)}:root[data-color-palette=chartreuse]{--color-tertiary: Chartreuse;--color-accent: GreenYellow}:root[data-color-palette=dodgerblue]{--color-tertiary: DodgerBlue;--color-accent: DeepSkyBlue}:root[data-color-palette=gold]{--color-tertiary: Gold;--color-accent: Yellow}}@layer base{html{overflow-y:auto;scrollbar-gutter:stable}body{background-color:var(--color-primary);font-family:var(--font-body);font-size:var(--step-0);line-height:var(--line-height);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-dark);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}::selection{background-color:var(--color-accent);color:var(--color-dark)}:is(h1,h2,h3,h4,h5,h6)::selection,:is(h1,h2,h3,h4,h5,h6) *::selection{background-color:var(--color-dark);color:var(--color-accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--line-height-heading);font-weight:700;text-wrap:balance}p,li,figcaption{text-wrap:pretty}h1{font-size:clamp(2rem,7.48vw,var(--step-6));margin-bottom:var(--space-xl)}h2{font-size:clamp(1.5rem,5.61vw,var(--step-5));margin-bottom:var(--space-l)}h3{font-size:clamp(1.25rem,4.21vw,var(--step-4));margin-bottom:var(--space-m)}h4{font-size:clamp(1rem,3.16vw,var(--step-3));margin-bottom:var(--space-s)}h5{font-size:clamp(.875rem,2.37vw,var(--step-2));margin-bottom:var(--space-xs)}h6{font-size:clamp(.75rem,1.78vw,var(--step-1));margin-bottom:var(--space-xs)}.title--italic{font-style:italic}img{display:block;max-width:100%;height:auto}figure{margin:0;width:100%}}@layer layout{.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;container-type:inline-size}main{flex:1;min-height:0}main>.container{padding:clamp(var(--space-l),8vw,var(--space-xl)) clamp(var(--space-m),5vw,var(--space-l))}.container{max-width:var(--container-xl);margin-inline:auto}.row{--grid-max-column-count: var(--col-count);--grid-min-col-size: var(--col-target-width);--grid-gap: var(--row-gap);display:grid;gap:var(--grid-gap);--grid-col-size-calc: calc( (100% - var(--grid-gap) * (var(--grid-max-column-count) - 1)) / var(--grid-max-column-count) );--grid-col-min-size-calc: max( var(--grid-min-col-size), var(--grid-col-size-calc) );grid-template-columns:repeat(auto-fit,minmax(var(--grid-col-min-size-calc),1fr));align-items:start;--single-col-breakpoint: calc( var(--grid-col-min-size-calc) + var(--grid-gap) );.column:has(*){margin-bottom:var(--row-gap)}}.row--boxed{background-color:var(--color-secondary);padding:clamp(var(--space-m),5vw,var(--space-l))}.column{display:grid;grid-template-columns:1fr;gap:var(--column-gap);width:100%}.column[data-width="1/1"]{grid-column:span 2}.column[data-width="1/2"],.column[data-width="1/3"]{grid-column:span 1}.column[data-width="2/3"]{grid-column:span 2}.column[data-width="1/4"]{grid-column:span 1}.column[data-width="3/4"]{grid-column:span 3}.column>*{width:100%;margin:0}@container (max-width: 69.9rem){.column[data-width="3/4"]{grid-column:span 2}}@container (max-width: 55.5rem){.column[data-width="1/3"],.column[data-width="2/3"],.column[data-width="3/4"]{grid-column:span 1}.row[data-reverse-mobile] .column[data-width="1/3"]:first-child,.row[data-reverse-mobile] .column[data-width="2/3"]:first-child{order:2}.row[data-reverse-mobile] .column[data-width="1/3"]:last-child,.row[data-reverse-mobile] .column[data-width="2/3"]:last-child{order:1}}@container (max-width: 33.5rem){.column[data-width="1/2"]{grid-column:span 2}.row[data-reverse-mobile] .column[data-width="1/2"]:first-child{order:2}.row[data-reverse-mobile] .column[data-width="1/2"]:last-child{order:1}}video{width:100%}}@layer components{@layer links,buttons,share,header,footer,responsive-layout,media,list,blog,projects,cards,gallery,heading,carousel,lightbox;@layer links{main a{text-decoration:underline}}@layer buttons{.button{display:inline-block;font-weight:700;text-decoration:none;padding:var(--space-s) var(--space-m);background-color:var(--color-secondary);transition:background-color var(--duration-quick) var(--ease-calm)}.button:hover,.button:focus-visible{background-color:var(--color-accent)}.button__arrow{display:inline-block;margin-right:var(--space-xs);transition:transform var(--duration-quick) var(--ease-calm)}.button:hover .button__arrow,.button:focus-visible .button__arrow{transform:translate(-4px)}.button__icon{display:inline-block;vertical-align:super;font-size:.6em}.button__icon svg{display:block;width:1em;height:1em}}@layer share{.share-button__trigger{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-s);font-size:var(--step--1);color:var(--color-dark);background-color:var(--color-secondary);transition:background-color var(--duration-quick) var(--ease-calm),color var(--duration-quick) var(--ease-calm)}.share-button__trigger:hover,.share-button__trigger:focus-visible{color:var(--color-dark);background-color:var(--color-accent)}.share-button__icon{width:1em;height:1em;display:block}.share-button__icon--check,.share-button--copied .share-button__icon--share{display:none}.share-button--copied .share-button__icon--check{display:block}}@layer header{.site-header{background-color:var(--color-secondary);font-family:var(--font-heading)}.site-header>.container{display:flex;justify-content:space-between;align-items:center}.header__logo{font-weight:700;padding:var(--space-xs) var(--space-s);background-color:var(--color-accent)}.header__nav-list{display:flex}.header__nav-item{padding:var(--space-xs) var(--space-s);transition:background-color var(--duration-quick) var(--ease-calm),filter var(--duration-quick) var(--ease-calm)}.header__nav-item:not(.header__nav-item--active):hover,.header__nav-item:not(.header__nav-item--active):has(.header__nav-link:focus-visible){background-color:var(--color-accent)}.header__nav-item--cta{background-color:var(--color-accent);filter:var(--color-accent-secondary)}.header__nav-item--cta:hover,.header__nav-item--cta:has(.header__nav-link:focus-visible){filter:invert(0)}.header__nav-item--active{background-color:var(--color-primary)}}@layer footer{.site-footer{font-family:var(--font-heading);color:var(--color-ink-muted)}.footer__colophon{padding-inline:var(--space-l)}.footer-list{display:flex;justify-content:center;align-items:center;padding:var(--space-xs) 0;flex-wrap:wrap}.footer__item{padding:var(--space-xs) var(--space-s);white-space:nowrap}@container (max-width: 33rem){.footer-list{flex-direction:column}}@container (min-width: 33rem){.footer__item+.footer__item:before{content:"|";padding-inline:0 var(--space-s)}}}@layer responsive-layout{@container (max-width: 40rem){.site-header{position:fixed;bottom:0;left:0;right:0;z-index:1}.site-header>.container{flex-direction:column;align-items:stretch}.header__nav{align-self:flex-end}.footer__meta{padding-bottom:calc(var(--space-xl) + clamp(var(--space-m),5vw,var(--space-l)))}}}@layer media{.image-placeholder{width:100%;height:100%;min-height:8rem;background:var(--color-placeholder)}figure img{width:100%}figure[data-ratio="1/1"] .figure__frame{aspect-ratio:1/1}figure[data-ratio="16/9"] .figure__frame{aspect-ratio:16/9}figure[data-ratio="10/8"] .figure__frame{aspect-ratio:10/8}figure[data-ratio="21/9"] .figure__frame{aspect-ratio:21/9}figure[data-ratio="7/5"] .figure__frame{aspect-ratio:7/5}figure[data-ratio="4/3"] .figure__frame{aspect-ratio:4/3}figure[data-ratio="5/3"] .figure__frame{aspect-ratio:5/3}figure[data-ratio="3/2"] .figure__frame{aspect-ratio:3/2}figure[data-ratio="3/1"] .figure__frame{aspect-ratio:3/1}figure[data-ratio]:not([data-ratio=auto]) .figure__frame{aspect-ratio:attr(data-ratio);overflow:hidden}figure[data-crop] img{width:100%;height:100%;object-fit:cover;object-position:var(--focus, center)}figure:not([data-crop]) img{width:100%;max-height:100%;object-fit:contain}}@layer list{.block-list{list-style:disc;padding-left:var(--space-l);margin-bottom:var(--space-m)}.block-list li:not(:last-child){margin-bottom:var(--space-xs)}.block-text,.block-markdown,.block-quote,.block-list{max-width:var(--measure)}.block-text:has(span[data-block-center]){margin-inline:auto}.block-button{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.spacer{height:calc(var(--space-section) - var(--row-gap))}.spacer--small{height:calc(var(--space-section-small) - var(--row-gap))}.spacer--big{height:calc(var(--space-section-big) - var(--row-gap))}}@layer blog{.article{position:relative;background-color:var(--color-secondary);padding:clamp(var(--space-m),5vw,var(--space-l))}.article:not(:last-of-type){margin-bottom:var(--space-l)}.article--unlisted{background-color:var(--color-status-unlisted);opacity:.6}.article--draft{background-color:var(--color-status-draft);opacity:.6}.article__divider{width:3ch;border-top:1px solid var(--color-ink-muted);margin-bottom:var(--space-l)}.date{font-size:var(--step--1);color:var(--color-ink-muted)}.sort-filter{background-color:var(--color-secondary);display:inline-flex;gap:var(--space-s);margin-bottom:var(--space-m);padding-left:var(--space-s)}.sort-filter__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;padding-right:2rem}.article__link{position:absolute;top:clamp(var(--space-s),5vw,var(--space-m));right:clamp(var(--space-s),5vw,var(--space-m))}.external-link{width:1rem;height:1rem}}@layer projects{.projects-list{list-style:none;padding:0;margin:0}.project-item__link{display:inline-flex;align-items:center;gap:var(--space-s);flex-wrap:wrap;padding:var(--space-s);transition:background-color var(--duration-quick) var(--ease-calm)}.project-item__link:hover,.project-item__link:focus-visible{background-color:var(--color-accent)}.project-item__title{margin-right:var(--space-xs);font-style:italic}.project-item__tag{font-size:var(--step--1);color:var(--color-light);background-color:var(--color-dark);padding:var(--space-xs) var(--space-s)}.project-header{margin-bottom:var(--space-xl)}.project-header__title{margin-bottom:var(--space-xs)}.project-header__date{display:block;margin-bottom:var(--space-m)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-s)}.project-tags__tag{font-size:var(--step--1);color:var(--color-light);background-color:var(--color-dark);padding:var(--space-xs) var(--space-s)}.project-header__row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-m)}.collaborator-pills{display:flex;flex-wrap:wrap;gap:var(--space-s);margin-top:var(--space-l)}.collaborator-pills__pill{font-size:var(--step--1);color:var(--color-light);background-color:var(--color-dark);padding:var(--space-xs) var(--space-s);text-decoration:none;transition:background-color var(--duration-quick) var(--ease-calm),color var(--duration-quick) var(--ease-calm)}a.collaborator-pills__pill:hover,a.collaborator-pills__pill:focus-visible{color:var(--color-dark);background-color:var(--color-accent)}.projects-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none}.projects-backdrop__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus, center);opacity:0;transition:opacity var(--duration-calm) var(--ease-calm)}.projects-backdrop__image--active{opacity:1}.projects-backdrop__scrim{position:absolute;inset:0;background-color:color-mix(in srgb,var(--color-primary) 55%,transparent)}}@layer cards{.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--col-target-width),1fr));gap:var(--row-gap) var(--column-gap)}.project-grid__column{display:flex;flex-direction:column;gap:var(--row-gap)}.project-card{position:relative;display:block;background-color:var(--color-secondary);padding:clamp(var(--space-m),5vw,var(--space-l));text-decoration:none;transition:background-color var(--duration-quick) var(--ease-calm)}.project-card:hover,.project-card:focus-visible{background-color:var(--color-accent)}.project-card__image{margin-bottom:var(--space-m)}.project-card__date{display:block;margin-bottom:var(--space-xs)}.project-card__title{font-family:var(--font-body);font-size:var(--step-0);line-height:var(--line-height);font-weight:700}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-s);margin-top:var(--space-s)}.project-card__tag{font-size:var(--step--1);color:var(--color-light);background-color:var(--color-dark);padding:var(--space-xs) var(--space-s)}.project-card__description-wrapper{display:grid;grid-template-rows:0fr;margin-top:var(--space-m);transition:grid-template-rows var(--duration-calm) var(--ease-calm)}.project-card:hover .project-card__description-wrapper,.project-card:focus-visible .project-card__description-wrapper{grid-template-rows:1fr}@media (hover: none){.project-card__description-wrapper{grid-template-rows:1fr}}.project-card__description{overflow:hidden}.project-card__external-icon{position:absolute;top:clamp(var(--space-xs),5vw,var(--space-s));right:clamp(var(--space-xs),5vw,var(--space-s))}.friend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-m)}@media (max-width: 40rem){.friend-grid{grid-template-columns:1fr}}.friend-card{display:flex;align-items:center;gap:var(--space-m);padding:clamp(var(--space-m),5vw,var(--space-l));background-color:transparent;text-decoration:none;transition:background-color var(--duration-quick) var(--ease-calm)}.friend-card:hover,.friend-card:focus-visible{background-color:var(--color-accent)}.friend-card__avatar{flex-shrink:0;width:5rem;height:5rem;border-radius:50%;object-fit:cover}.friend-card__avatar--placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--color-secondary)}.friend-card__avatar-icon{width:2.5rem;height:2.5rem;fill:var(--color-light)}.friend-card__details{display:flex;flex-direction:column}.friend-card__name{font-weight:700}.friend-card__url{text-decoration:underline}}@layer gallery{figure{container-type:inline-size}figure ul{display:grid;gap:var(--space-m);--gallery-columns: 1;--gallery-row-height: 220px;grid-template-columns:repeat(min(var(--gallery-columns),var(--gallery-max-per-row, 99)),1fr);grid-auto-rows:var(--gallery-row-height)}@container (min-width: 40rem){figure ul{--gallery-max-columns: 2;--gallery-row-height: 200px}}@container (min-width: 55rem){figure ul{--gallery-max-columns: 3;--gallery-row-height: 220px}}@container (min-width: 70rem){figure ul{--gallery-max-columns: 4;--gallery-row-height: 240px}}figure ul{--gallery-columns: 1}figure ul:has(li:nth-child(2)):not(:has(li:nth-child(3))){--gallery-columns: 2}figure ul:has(li:nth-child(3)):not(:has(li:nth-child(4))){--gallery-columns: 3}figure ul:has(li:nth-child(4)):not(:has(li:nth-child(5))){--gallery-columns: 4}figure ul:has(li:nth-child(5)):not(:has(li:nth-child(7))){--gallery-columns: 3}figure ul:has(li:nth-child(7)):not(:has(li:nth-child(9))){--gallery-columns: 4}figure ul:has(li:nth-child(9)){--gallery-columns: 4}@container (max-width: 39.99rem){figure ul{--gallery-columns: 1 !important}}@container (min-width: 40rem) and (max-width: 54.99rem){figure ul:has(li:nth-child(3)){--gallery-columns: 2}}@container (min-width: 55rem) and (max-width: 69.99rem){figure ul:has(li:nth-child(4)){--gallery-columns: 3}}figure ul li{overflow:hidden}figure ul li[data-orientation=portrait]{grid-row:span 2}.gallery__trigger,.figure__trigger{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}figure ul li img{width:100%;height:100%;object-fit:cover;object-position:var(--focus, center)}figure:not([data-crop]) ul{grid-auto-rows:auto}figure:not([data-crop]) ul li[data-portrait]{grid-row:span 1}figure:not([data-crop]) ul li img{height:auto;object-fit:unset}figcaption{margin-top:var(--space-s);margin-bottom:var(--space-l);text-align:center;font-size:var(--step--1);color:var(--color-ink-muted)}canvas{margin-bottom:var(--space-s)}}@layer heading{.block-heading{position:relative}.block-heading__label{position:absolute;top:0;z-index:1;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:var(--step--1);font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1;white-space:nowrap;padding:.9em 1.5em;background-color:var(--color-accent);color:var(--color-dark);clip-path:polygon(50% 0%,58.8% 17.2%,75% 6.7%,74% 26%,93.3% 25%,82.8% 41.2%,100% 50%,82.8% 58.8%,93.3% 75%,74% 74%,75% 93.3%,58.8% 82.8%,50% 100%,41.2% 82.8%,25% 93.3%,26% 74%,6.7% 75%,17.2% 58.8%,0% 50%,17.2% 41.2%,6.7% 25%,26% 26%,25% 6.7%,41.2% 17.2%)}.block-heading--label-right .block-heading__label{right:0;transform:translate(35%,-45%)}.block-heading--label-left .block-heading__label{left:0;transform:translate(-35%,-45%)}}@layer carousel{.carousel{position:relative;--slide-max-height: min(70dvh, 720px)}.carousel__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;margin:0;padding:0}.carousel__track::-webkit-scrollbar{display:none}.carousel__slide{display:flex;flex-direction:column;flex:0 0 100%;scroll-snap-align:start}.carousel__slide-media{display:flex;align-items:center;justify-content:center;max-height:var(--slide-max-height);overflow:hidden}.carousel__slide-media[data-ratio=auto]{height:var(--slide-max-height)}.carousel__slide-media img{width:100%;display:block}.carousel__slide-media[data-ratio="1/1"]{aspect-ratio:1/1}.carousel__slide-media[data-ratio="16/9"]{aspect-ratio:16/9}.carousel__slide-media[data-ratio="10/8"]{aspect-ratio:10/8}.carousel__slide-media[data-ratio="21/9"]{aspect-ratio:21/9}.carousel__slide-media[data-ratio="7/5"]{aspect-ratio:7/5}.carousel__slide-media[data-ratio="4/3"]{aspect-ratio:4/3}.carousel__slide-media[data-ratio="5/3"]{aspect-ratio:5/3}.carousel__slide-media[data-ratio="3/2"]{aspect-ratio:3/2}.carousel__slide-media[data-ratio="3/1"]{aspect-ratio:3/1}.carousel__slide-media[data-crop] img{height:100%;object-fit:cover;object-position:var(--focus, center)}.carousel__slide-media:not([data-crop]) img{width:auto;max-width:100%;height:auto;max-height:var(--slide-max-height);object-fit:contain}.carousel__caption,.carousel__slide-caption{margin-top:var(--space-s);text-align:center;font-size:var(--step--1);color:var(--color-ink-muted)}.carousel__caption{margin-bottom:var(--space-l)}.carousel__button{position:absolute;top:50%;z-index:1;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:0;background-color:var(--color-secondary);font-size:var(--step-1);line-height:1;cursor:pointer;transition:background-color var(--duration-quick) var(--ease-calm)}.carousel__button:hover,.carousel__button:focus-visible{background-color:var(--color-accent)}.carousel__button--prev{left:var(--space-s)}.carousel__button--next{right:var(--space-s)}}@layer lightbox{.lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:var(--space-l) var(--space-m);border:0;background:none}@container (max-width: 40rem){.lightbox{padding:var(--space-m) var(--space-s)}}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox::backdrop{background-color:color-mix(in srgb,var(--color-primary) 20%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.lightbox .carousel{width:min(100%,60rem)}.lightbox__close{position:absolute;top:var(--space-m);right:var(--space-m);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:0;background-color:var(--color-secondary);font-size:var(--step-1);line-height:1;cursor:pointer;transition:background-color var(--duration-quick) var(--ease-calm)}.lightbox__close:hover,.lightbox__close:focus-visible{background-color:var(--color-accent)}.lightbox .carousel__slide-media img{cursor:zoom-in;transition:transform var(--duration-calm) var(--ease-calm)}.lightbox .carousel__slide-media.is-zoomed img{cursor:zoom-out;transform:scale(2);touch-action:none}}}@layer utilities{.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.visually-hidden:focus,.visually-hidden:active{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip-path:none!important;white-space:normal!important}.morph-group{cursor:pointer}.morph-group__word{display:inline-flex;transition:gap 1.2s ease;gap:0}.morph-group__word.morph-group__word--font-a{transition:gap .3s ease;gap:.25ch}.morph-group__char{line-height:1}.morph-group__sibling{line-height:inherit;display:inline-block;vertical-align:baseline}.text-align--left,.text-align--center,.text-align--right{display:inline-block;width:100%}.text-align--left{text-align:left}.text-align--center{text-align:center}.text-align--right{text-align:right}.no-scroll{overflow:hidden}}
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */