.cat-icon[data-astro-cid-fbrplulm]{width:2rem;position:absolute;top:0;left:0;translate:-150% 50%;@container (width>=37rem){translate:-200% 50%}}.title[data-astro-cid-fbrplulm]{width:fit-content;position:relative;& .title-text{font-size:var(--text-fs-3xl);font-weight:var(--font-weight-bold);line-height:1}&:before{content:"";background-color:var(--color-highlight);pointer-events:none;z-index:-1;display:block;position:absolute;inset:0;rotate:-2deg}}.subtitle[data-astro-cid-fbrplulm]{font-size:var(--text-fs-xl);margin-block-start:.5rem;line-height:1}.tags[data-astro-cid-fbrplulm]{font-size:var(--text-fs-sm);opacity:.6;margin-block-start:1.5rem}@keyframes slide-in{0%{transform:translateY(20%)scale(.95)}to{transform:translateY(0)scale(1)}}::view-transition-new(root){animation:.2s cubic-bezier(.165,.84,.44,1) both slide-in}html{background-color:#fff}body{max-width:var(--container-8xl);margin:auto;padding:2rem 1rem;container-type:inline-size}.bg-grid{--grid-color:oklch(from var(--color-primary) l calc(c - .05) h / .3);background-image:linear-gradient(0deg, var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-repeat:repeat;background-size:var(--grid-size) var(--grid-size);outline:.25rem double var(--grid-color);height:100%;box-shadow:0 .5rem var(--color-primary);background-clip:padding-box}.main-grid{--num-cols:5;--num-gaps:calc(var(--num-cols) - 1);--squares-per-gap:1;--squares-per-col:3;--num-grid-squares:calc(var(--squares-per-col) * var(--num-cols) + var(--squares-per-gap) * var(--num-gaps) + var(--squares-per-gap) * 2);--grid-size:calc(100cqi / var(--num-grid-squares));--half-grid-size:calc(var(--grid-size) / 2);--quarter-grid-size:calc(var(--grid-size) / 4);--three-quart-grid-size:calc(var(--grid-size) * .75);padding-block:calc(1 * var(--grid-size));padding-inline:var(--grid-size);grid-template-columns:repeat(var(--num-cols), 1fr);column-gap:calc(var(--grid-size) * var(--squares-per-gap));row-gap:var(--grid-size);grid-auto-flow:dense;--text-col-start:1;--header-col-end:span 5;--logo-cols:1 / -1;--toc-cols:var(--text-col-start) / -1;--toc-rows:auto;--body-cols:1 / span 5;--body-text-offset-col-num:1;display:grid;position:relative}@container (width>=34rem){.main-grid{--num-cols:6;--header-col-end:span 6}}@container (width>=42rem){.main-grid{--num-cols:7;--text-col-start:2;--body-col-start:calc(var(--text-col-start) - 1);--body-cols:var(--body-col-start) / span 7;--body-text-offset-col-num:2}}@container (width>=62rem){.main-grid{padding-block:calc(2 * var(--grid-size));--num-cols:10;--toc-cols:-4 / span 3;--toc-rows:2 / span 2}}@container (width>=68rem){.main-grid{--num-cols:11;--text-col-start:3;--logo-cols:1 / span 1}}@container (width>=76rem){.main-grid{--num-cols:12;--text-col-start:4}}@container (width>=84rem){.main-grid{--logo-cols:2 / span 1}}.main-grid .project-head{grid-column:var(--text-col-start) / var(--header-col-end)}.main-grid .project-body{grid-column:var(--body-cols);grid-template-columns:subgrid;display:grid}.main-grid .project-body>*{--grid-column:var(--body-text-offset-col-num) / calc(var(--body-text-offset-col-num) * -1);grid-column:var(--grid-column)}.main-grid .project-body>section,.main-grid .project-body>div,.main-grid .project-body>picture,.main-grid .project-body>figure,.main-grid .project-body>img{grid-column:1/-1}.main-grid .project-hero{grid-column:var(--toc-cols)}@container (width>=62rem){.main-grid .project-hero{position:sticky;top:1rem}}.main-grid .project-toc{mix-blend-mode:multiply;grid-column:var(--toc-cols);grid-row:var(--toc-rows)}@container (width>=62rem){.main-grid .project-toc{height:fit-content;position:sticky;top:9.5rem}}.nav{grid-column:var(--logo-cols);z-index:10;height:fit-content;position:sticky;top:1.5rem}@container not (width>=42rem){.nav{justify-content:space-between;align-items:center;column-gap:var(--grid-size);display:flex}}@container (width>=42rem){.nav{margin-block-end:-100%}}.nav .logo{display:inline-block}.nav .breadcrumb{width:fit-content;font-size:var(--text-fs-sm);color:oklch(from var(--color-primary) calc(l - .2) c h);padding-block:.5rem;display:block;position:relative}.nav .breadcrumb:before{content:"↜";font-size:var(--text-fs-xl);line-height:var(--text-fs-sm);display:block}@container (width>=62rem){.gallery .main-grid{--num-cols:12;--text-col-start:5;--body-col-start:calc(var(--text-col-start) - 2);--body-cols:var(--body-col-start) / span 9;--body-text-offset-col-num:3}.gallery .main-grid .project-body figure{grid-template-columns:subgrid;row-gap:.5lh;margin-block-end:1lh;display:grid}.gallery .main-grid .project-body figure>*{grid-column:1/-1}.gallery .main-grid .project-body figure>figcaption{grid-column:var(--body-text-offset-col-num) / calc(var(--body-text-offset-col-num) * -1)}}