@layer components{.project-hero_wrap{background-image:linear-gradient(135deg, var(--accent), var(--accent-secondary,var(--accent)));color:var(--accent-text);view-timeline-name:--project-hero-view;overflow:clip}.project-hero_wrap>.container{align-items:center}.project-hero_logo{width:clamp(14rem,52.5%,42rem);margin:0}.project-hero_logo>svg,.project-hero_logo .image{width:100%;height:auto;display:block}.project-hero_wrap.cover{--_logo-width:clamp(14rem, 60%, 44rem);justify-content:center}.project-hero_wrap.cover.is-small{--_logo-width:clamp(10rem, 30vmin, 16rem)}.project-hero_wrap.cover.is-medium{--_logo-width:clamp(14rem, 45%, 28rem)}.project-hero_wrap.cover.is-xlarge{--_logo-width:min(85%, 60rem)}.project-hero_wrap.cover .project-hero_logo{width:var(--_logo-width);position:relative}.project-hero_wrap.is-pinned{justify-content:start;min-height:160svh}.project-hero_wrap.is-pinned>.container{justify-content:center;min-height:100svh;position:sticky;top:0}.project-hero_wrap.is-pinned>.project-hero_background,.project-hero_wrap.is-pinned>.project-hero_overlay,.project-hero_wrap.is-pinned>.project-hero_art{height:100svh;bottom:auto}.project-hero_background .image{object-fit:cover;width:100%;height:100%}.project-hero_overlay{background-color:color-mix(in srgb, black var(--_overlay), transparent)}.project-hero_art{overflow:clip}.project-hero_visual{aspect-ratio:960/801;width:min(60rem,100%);position:relative}.project-hero_layer{position:absolute}.project-hero_layer .image{width:100%;height:auto}.project-hero_layer.is-main{width:57.8%;top:0;left:21.04%}.project-hero_layer.is-left{z-index:1;width:49%;top:46.7%;left:2.6%}.project-hero_layer.is-right{z-index:1;width:28.1%;top:73.3%;left:58.3%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.project-hero_logo,.project-hero_layer{will-change:translate;animation:none;animation-timeline:--project-hero-view;animation-range:cover 100vh}.project-hero_logo{animation-name:project-hero-logo}.project-hero_layer.is-main{animation-name:project-hero-main}.project-hero_layer.is-left{animation-name:project-hero-left}.project-hero_layer.is-right{animation-name:project-hero-right}.project-hero_wrap.cover .project-hero_logo{will-change:translate, scale;animation-name:project-hero-hold}.project-hero_wrap.is-pinned .project-hero_logo{will-change:scale;animation-name:project-hero-grow}.project-hero_wrap.is-pinned>.project-hero_background,.project-hero_wrap.is-pinned>.project-hero_overlay,.project-hero_wrap.is-pinned>.project-hero_art{animation:linear both project-hero-pin;animation-timeline:--project-hero-view;animation-range:cover 100vh}}}@keyframes project-hero-logo{0%{translate:0}to{translate:0 250%}}@keyframes project-hero-grow{0%{scale:1}to{scale:var(--_logo-scale,1.1)}}@keyframes project-hero-hold{0%{translate:0;scale:1}25%{translate:0 25svh}to{translate:0 25svh;scale:var(--_logo-scale,1.1)}}@keyframes project-hero-pin{0%{translate:0}37.5%{translate:0 60svh}to{translate:0 60svh}}@keyframes project-hero-main{0%{translate:0}to{translate:0 18%}}@keyframes project-hero-left{0%{translate:0}to{translate:-20% 10%}}@keyframes project-hero-right{0%{translate:0}to{translate:10% 30%}}.project-details_wrap{--_rule:var(--border-width) solid var(--border)}.project-details_top{align-items:start;gap:var(--space-5) var(--site-gutter);width:100%;padding-bottom:var(--space-6);border-bottom:var(--_rule);grid-template-columns:1fr;grid-template-areas:"title""start""end";display:grid}@media (min-width:30rem){.project-details_top{grid-template-columns:1fr 1fr;grid-template-areas:"title title""start end"}}@media (min-width:48rem){.project-details_top{grid-template-columns:1fr auto 1fr;grid-template-areas:"start title end";align-items:center}}.project-details_title{text-align:center;flex-direction:column;grid-area:title;align-items:center;display:flex}.project-details_title>.heading{margin-top:0;margin-bottom:var(--space-3)}.project-details_meta{align-items:start;gap:var(--space-2);flex-direction:column;margin:0;display:flex}.project-details_meta dl{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.project-details_meta dt,.project-details_meta dd{margin:0}.project-details_meta.is-start{grid-area:start}.project-details_meta.is-end{gap:var(--space-4);grid-area:end}@media (min-width:30rem){.project-details_meta.is-end{justify-self:end}}.project-details_layout{row-gap:var(--space-7);grid-template-columns:1fr;width:100%;display:grid}@media (min-width:64rem){.project-details_layout{grid-template-columns:3fr 4fr;min-height:50svh}}.project-details_index{justify-content:center;align-self:center;gap:var(--space-4);display:flex}.project-details_numbers,.project-details_links{gap:var(--space-3);padding-block:var(--space-6);flex-direction:column;margin:0;display:flex}.project-details_numbers{font-variant-numeric:tabular-nums;align-items:end}.project-details_links{align-items:start;padding-inline:0;list-style:none}.project-details_links a{color:var(--text);transition:color var(--transition-fast) var(--ease-default);text-decoration:none}@media (hover:hover){.project-details_links a:hover{color:var(--icon-accent)}}.project-details_rule{width:var(--border-width);background-color:var(--icon-accent);flex:none}.project-details_body{flex-direction:column;display:flex}@media (min-width:64rem){.project-details_body{border-inline-start:var(--_rule);padding-inline-start:var(--space-7)}}.project-details_block>.heading{margin-top:0}.project-details_block>.text:last-child{margin-bottom:0}.project-details_block+.project-details_block{margin-top:var(--space-6);padding-top:var(--space-6);border-top:var(--_rule)}.project-notes_top{isolation:isolate;place-items:center;display:grid;position:relative}.project-notes_title{margin:0}.project-notes_number{z-index:-1;color:var(--border);pointer-events:none;margin:0;position:absolute;top:50%;left:50%;translate:-50% -50%}.project-notes_rule{width:var(--border-width);height:var(--section-space-medium);margin-block:var(--space-8) var(--space-4);background-color:var(--icon-accent)}.project-notes_box{width:100%;max-width:42rem;padding:var(--space-7);flex-direction:column;align-items:center;display:flex;position:relative}@media not (min-width:30rem){.project-notes_box{padding:var(--space-6) var(--space-5)}}.project-notes_subheading{margin-top:0;margin-bottom:var(--space-4);text-align:center}.project-notes_mark{width:var(--space-6);height:var(--border-width);margin-bottom:var(--space-4);background-color:var(--border)}.project-notes_text{text-align:start;width:100%}.project-showcase_wrap{--_fill:linear-gradient(135deg, var(--accent), var(--accent-secondary,var(--accent)));view-timeline-name:--project-showcase-view;overflow:clip}.project-showcase_wrap.full>.container{width:100%;max-width:none}.project-showcase_wrap.full .project-showcase_visual{max-width:none}.project-showcase_wrap.full .project-showcase_image,.project-showcase_wrap.transparent .project-showcase_image{border-radius:0}.project-showcase_visual{place-items:center;width:100%;max-width:66rem;display:grid;position:relative}.project-showcase_image{border-radius:var(--radius-main);width:100%;position:relative}.project-showcase_wrap.circle .project-showcase_visual{max-width:60rem}.project-showcase_circle{aspect-ratio:1;border-radius:var(--radius-round);background-image:var(--_fill);width:77%;position:absolute}.project-showcase_backdrop{background-image:var(--_fill);height:calc(100% + 8rem);position:absolute;inset:0 0 auto}.project-showcase_backdrop.primary{background-image:none;background-color:var(--background)}.project-showcase_backdrop.secondary{background-image:none;background-color:var(--background-2)}.project-showcase_backdrop .image{object-fit:cover;width:100%;height:100%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.project-showcase_circle,.project-showcase_backdrop{will-change:transform;animation:none;animation-timeline:--project-showcase-view;animation-range:cover}.project-showcase_circle{animation-name:project-showcase-swell}.project-showcase_backdrop{animation-name:project-showcase-drift}}}@keyframes project-showcase-swell{0%{scale:1}to{scale:1.1}}@keyframes project-showcase-drift{0%{translate:0}to{translate:0 -8rem}}.project-next_wrap{overflow:clip}.project-next_image{object-fit:cover;filter:blur(.75rem);width:100%;height:100%;transition:filter var(--transition-slow) var(--ease-snappy);position:absolute;inset:0;scale:1.05}.project-next_content{text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.project-next_content>.heading,.project-next_content>p{margin:0}.project-next_progress{width:15rem;height:var(--border-width);margin-block:var(--space-5) var(--space-4);background-color:color-mix(in lab, currentcolor 30%, transparent);position:relative;overflow:clip}.project-next_progress:after{content:"";transform-origin:0;transition:scale var(--transition-medium) var(--ease-default);background-color:currentColor;position:absolute;inset:0;scale:0 1}@media (hover:hover) and (pointer:fine){.project-next_label{display:none}}.project-next_link{z-index:1;pointer-events:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.project-next_wrap:has(.project-next_link:focus-visible){outline:var(--focus-width) solid var(--text);outline-offset:calc(var(--focus-width) * -2)}@media (hover:hover){.project-next_wrap:has(.project-next_link:hover) .project-next_image{filter:blur()}}.project-next_wrap.is-holding .project-next_progress:after{transition:scale var(--transition-xslow) linear;scale:1}}