@layer components{.project-hero_wrap{overflow:clip}.project-hero_content{justify-items:center;gap:var(--space-6);min-height:100svh;padding-top:var(--nav-height);padding-bottom:var(--space-8);will-change:transform;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid}.project-hero_stage{align-self:center;place-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1fr);width:100%;display:grid}@media (min-width:48rem){.project-hero_stage>*{grid-area:1/1}}.project-hero_cover{aspect-ratio:538/500;object-fit:cover;width:33.625rem;max-width:100%;height:auto}.project-hero_details{gap:var(--space-3);order:-1;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.project-hero_detail{white-space:nowrap;justify-self:start;margin:0}.project-hero_detail:nth-child(n+3){justify-self:end}.project-hero_titles{align-items:center;gap:var(--space-5);text-align:center;flex-direction:column;display:flex}.project-hero_titles>*{margin:0}.project-hero_heading{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.project-hero_heading>*{margin:0}.project-hero_actions{align-items:stretch;gap:var(--space-1);flex-direction:column;width:min(20.25rem,100%);display:flex}.project-hero_actions>*{margin:0}.project-media_wrap{z-index:1;background-color:var(--light-0)}.project-media_list{align-items:stretch;width:100%;max-width:none}.project-media_item{align-items:center;gap:var(--space-1);padding:var(--section-space-medium) var(--site-margin);flex-direction:column;margin:0;display:flex}.project-media_asset{width:64.25rem;max-width:100%;height:auto;display:block}.project-media_caption{text-align:center;margin:0}.project-footer_wrap{overflow:clip}.project-footer_content{place-items:center;gap:var(--space-6);min-height:100svh;padding-top:var(--nav-height);padding-bottom:var(--site-margin);will-change:transform;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid}.project-footer_main{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.project-footer_main>*{margin:0}.project-footer_head{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.project-footer_head>*{margin:0}.project-footer_picker{--_face:min(25rem, 70vw, 46svh);grid-template-columns:auto var(--_face) auto;align-items:center;gap:var(--space-1);padding-block:var(--space-5);grid-template-areas:"start drum end";display:grid}.project-footer_drum{--_step:60deg;--_radius:calc((var(--_face) + var(--space-2)) / 2 / tan(var(--_step) / 2));width:var(--_face);aspect-ratio:1;perspective:calc(var(--_face) * 1.3);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;grid-area:drum;margin:0;padding:0;list-style:none;position:relative}.project-footer_drum:active{cursor:grabbing}.project-footer_face{--_d:0;--_show:1;--_size:1;--_shade:1;--_hit:auto;opacity:var(--_show);filter:brightness(var(--_shade));transform:translateZ(calc(var(--_radius) * -1)) rotateX(calc(var(--_d) * var(--_step) * -1)) translateZ(var(--_radius)) scale(var(--_size));backface-visibility:hidden;pointer-events:var(--_hit);will-change:transform;position:absolute;inset:0}.project-footer_card{background-color:var(--_accent,var(--background-3));-webkit-user-drag:none;width:100%;height:100%;display:grid}.project-footer_image{object-fit:cover;pointer-events:none;width:100%;height:100%}.project-footer_rail{cursor:grab;touch-action:none;flex-direction:column;grid-area:start;justify-content:space-between;align-items:flex-end;width:.125rem;height:3.75rem;display:flex;position:relative}.project-footer_rail.end{grid-area:end}.project-footer_rail:active{cursor:grabbing}.project-footer_rail:before{content:"";position:absolute;inset:-.75rem -.6875rem}.project-footer_tick{--_size:.125rem}.project-footer_tick path{stroke:currentColor}.project-footer_tick.down{scale:1 -1}.project-footer_thumb{pointer-events:none;width:100%;height:1.125rem;position:absolute;top:50%;left:0;overflow:clip;translate:0 -50%}.project-footer_mark{width:clamp(.0625rem, calc((var(--_scale) * 4 - 3) * .125rem), .125rem);height:clamp(.125rem, calc((var(--_scale) * 4 - 3) * .625rem), .625rem);background-color:var(--text);opacity:var(--_fade);translate:0 calc(var(--_offset) * .57143rem - 50%);position:absolute;top:50%;right:0}.project-footer_button{width:min(20.25rem,100%)}.project-footer_credit{font-size:var(--text-small);font-weight:var(--primary-medium);line-height:var(--line-height-small);margin:0}}