.GridSection{padding-top:0}.WithFilters{transition:var(--DrawerTransition)}@media(min-width:768px){.WithFilters[data-active=true]{padding-left:var(--DrawerWidth)}}.WithFilters[data-active=false]{left:0}.ProjectSection{padding-block:var(--GlobalTopPadding)}@media(max-width:768px){.ProjectSection{padding-block:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.GridSection:has(.Grid.FullScreen),.ProjectSection:has(.Grid.FullScreen){padding-top:0}.Grid{--GridGapInline:20px;--GridGapBlock:20px;display:grid;grid-template-columns:repeat(1,1fr);gap:var(--GridGapBlock) var(--GridGapInline)}@media(max-width:768px){.Grid{padding-inline:var(--Measure1);--GridGapBlock:var(--GlobalTopPadding)}}.Grid.FullScreen{gap:0}.Grid.FullScreen .Media{border-radius:0}.Grid.FullScreen .GridItem .NewTag,.Grid.ListView .GridItem[data-in-view=false] .NewTag{opacity:0;translate:8px 0}.Grid.Tags{grid-template-columns:repeat(3,1fr);padding-inline:var(--Measure1);padding-bottom:var(--Measure1);--GridGapInline:var(--Measure1);--GridGapBlock:var(--Measure1)}.Grid.Tags .ListItem,.Grid.Tags .ListItem .GridMedia{height:auto}.Grid.Tags .GridMedia{aspect-ratio:16/9;width:100%}@media(max-width:768px){.Grid.Tags{grid-template-columns:repeat(2,1fr);--GridGapInline:var(--Measure1);--GridGapBlock:var(--Measure1)}.Grid.Tags .GridMedia{aspect-ratio:9/16;width:100%}}.Grid:has(.GridGapItem){gap:0}.Grid:has(.GridGapItem) .GridGapItem{width:100%;height:var(--GridGapBlock)}.Grid:has(.GridGapItem) .GridGapItem:last-child{display:none}.Grid:has(.GridGapItem).FullScreen .GridGapItem{display:none}.Grid .SkeletonGridItem{aspect-ratio:16/9;width:100%;border-radius:var(--MediaRadius)}@media(max-width:768px){.Grid .SkeletonGridItem{aspect-ratio:9/16;width:100%}.Grid:not(.FullScreen,.Tags) .ListItem{height:calc(100svh - var(--GlobalTopPadding) - var(--GlobalTopPadding));width:100%}.Grid:not(.FullScreen,.Tags) .ListItem .GridItem,.Grid:not(.FullScreen,.Tags) .ListItem .GridItem .Media,.Grid:not(.FullScreen,.Tags) .ListItem .GridMedia,.Grid:not(.FullScreen,.Tags) .ListItem .GridMedia .Media{height:100%}.Grid.FullScreen{padding:0}.Grid.FullScreen .ListItem{height:100lvh;aspect-ratio:unset}}.ListItem{display:flex;justify-content:center;align-items:center}.CloneWrapper{height:100vw;width:100vw}.CloneWrapper .GridItem,.CloneWrapper .ListItem{width:100vw;height:100vh;max-width:100vw}.GridSpacer{width:100%;height:var(--GlobalTopPadding)}.ListItemSpacer{position:fixed;z-index:-1;top:0;left:0;width:20vw;height:100lvh;pointer-events:none}@media(max-width:768px){.ListItemSpacer{display:none}}.ListItemSpacer.Second{right:0;left:unset}.GridItem{position:relative;width:100%}.GridItem .Spinner{position:absolute;width:35px;height:35px;top:50%;left:50%;translate:-50% -50%;z-index:1}@media(max-width:768px){.GridItem{max-width:unset}}.GridItem.GridLink{cursor:pointer}.GridItem[data-in-view=true] .BackdropBlur{opacity:0}.GridItem .BackdropBlur{pointer-events:none;position:absolute;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:var(--Measure1);transition:all .2s ease-in-out;backdrop-filter:blur(8px);border-radius:var(--MediaRadius);overflow:hidden}.GridItem .BackdropBlur [data-media-color=Light]{color:#000}.GridItem .BackdropBlur [data-media-color=Dark]{color:#fff}.ClientTag,.NewTag{position:absolute;top:calc(var(--Measure1)*.75);right:calc(var(--Measure1)*.75);appearance:none;background:none;display:flex;align-items:center;justify-content:center;width:fit-content;box-sizing:border-box;display:inline-flex;padding:var(--ButtonPadding);color:var(--TextColor);background-color:var(--BgColor);border-radius:var(--ButtonBorderRadius);border:none;font-family:var(--Font) var(--FontFallback);font-size:1rem;font-weight:500;line-height:1.3em;text-align:left;text-transform:uppercase;background:rgba(224,224,224,.5);backdrop-filter:blur(24px);box-shadow:0 0 20px 2px rgba(60,60,60,.05);height:35px;min-width:60px;opacity:1;transition:var(--TransitionMain);translate:0 0}@media(max-width:768px){.ClientTag,.NewTag{font-size:1.5rem}}.ClientTag.FullWidth,.NewTag.FullWidth{width:100%}.ClientTag.Square,.NewTag.Square{padding:0;height:35px;width:35px}@media(max-width:768px){.ClientTag,.NewTag{translate:0 0}}.ClientTag{top:unset;right:unset;left:50%;bottom:calc(var(--Measure1)*.75);translate:-50% 0;opacity:0;width:auto;min-width:200px}@media(max-width:768px){.ClientTag{display:none}}@media(hover:hover)and (pointer:fine){.GridItem:hover .ClientTag{opacity:1}}.GridMedia,.ProjectSection{position:relative}.GridMedia{width:100%;max-width:var(--WidthConstraint);height:calc(var(--WidthConstraint)*.5625);transition:var(--TransitionMain);cursor:pointer}.GridMedia .Media{width:100%}@media(max-width:768px){.GridMedia{max-width:unset}}.GridMedia[data-in-view=true] .ProjectViewbutton{opacity:1;translate:0 0;transition-delay:.25s}.GridMedia.Fullscreen{max-width:100vw;width:100vw;height:100lvh}.GridMedia.Fullscreen .ProjectViewbutton{opacity:1}.ProjectViewbutton{display:flex;position:absolute;bottom:var(--Measure1);right:var(--Measure1);opacity:0;transition:var(--TransitionMain);translate:8px 0}.ProjectViewbutton.List{position:fixed;opacity:0;z-index:1;translate:8px 0;pointer-events:none}.ProjectViewbutton.List[data-active=true]{translate:0 0;opacity:1;pointer-events:all}@media(hover:hover)and (pointer:fine)and (hover:hover)and (pointer:fine){.ProjectViewbutton:hover .Button:hover{color:var(--TextColor)}}.ProjectViewbutton .Button{appearance:none;background:none;display:flex;align-items:center;justify-content:center;width:fit-content;box-sizing:border-box;display:inline-flex;transition:var(--TransitionMain);padding:var(--ButtonPadding);color:var(--TextColor);background-color:var(--BgColor);border-radius:var(--ButtonBorderRadius);border:none;font-family:var(--Font) var(--FontFallback);font-size:1rem;font-weight:500;line-height:1.3em;text-align:left;text-transform:uppercase;background:rgba(224,224,224,.5);backdrop-filter:blur(24px);box-shadow:0 0 20px 2px rgba(60,60,60,.05);color:#4f4f4f}@media(max-width:768px){.ProjectViewbutton .Button{font-size:1.5rem}}.ProjectViewbutton .Button.FullWidth{width:100%}.ProjectViewbutton .Button.Square{padding:0;height:35px;width:35px}@media(max-width:768px){.ProjectViewbutton .Button{color:var(--TextColor)}}.ProjectDetails,.ProjectLinks{position:fixed;display:flex;flex-direction:column;padding:var(--Measure1);max-width:var(--LeftOverWidthConstraint);width:100vw;gap:5px;top:var(--NavBarSizeHeight,75px);padding-inline:var(--Measure2)}.ProjectDetails{position:static}.ProjectLinks{left:0;opacity:0;transition:var(--TransitionMain);display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - var(--NavBarSizeHeight, 75px));padding-inline:0}@media(max-width:768px){.ProjectLinks{flex-direction:row;height:auto;position:static;min-width:100%;padding:var(--Measure1);padding-block:var(--GlobalTopPadding)}.ProjectLinks[data-fullscreen=true]{display:none}}.ProjectLinks[data-active=true]{opacity:1}.ProjectLinks .LinksUpper{display:flex;flex-direction:column;width:100%;gap:5px;padding-inline:var(--Measure1)}@media(max-width:768px){.ProjectLinks .LinksUpper{padding-inline:0}}.ProjectLinks .LinksUpper li{width:min-content;white-space:nowrap}.ProjectLinks .LinksUpper .LinksLabel{padding-bottom:8px;font-family:var(--Font) var(--FontFallback);font-size:1rem;font-weight:500;line-height:1.3em;text-align:left;text-transform:uppercase}@media(max-width:768px){.ProjectLinks .LinksUpper .LinksLabel{font-size:1.5rem}}.ProjectLinks .LinksUpper .Links{display:flex;flex-direction:column;gap:6px}@media(max-width:768px){.ProjectLinks .LinksUpper .Links{flex-direction:row;flex-wrap:wrap}}.ProjectLinks .ProjectLink{height:var(--PillHeight);padding:var(--PillPadding);border-radius:var(--PillBorderRadius)}.ProjectLinks .ProjectLink[data-active=true]{cursor:default;color:var(--TextColor)}.ProjectLinks .LinksLower{display:flex;position:relative}@media(max-width:768px){.ProjectLinks .LinksLower{display:none}}.ProjectLinks .CoverMedia{width:100%;padding-inline:var(--Measure1);position:absolute;bottom:0;max-width:15vw}.ProjectLinks .CoverMedia[data-active=false]{opacity:0;translate:8px 0}.ProjectLinks .CoverMedia[data-active=true]{opacity:1;translate:0 0;transition:var(--TransitionMain)}.ProjectLinks .CoverMedia .Media{width:100%;aspect-ratio:auto}.DetailsToggle{display:flex;position:fixed;bottom:var(--Measure1);right:var(--Measure1);transition:var(--TransitionMain);transition-duration:.15s;translate:0 0;opacity:0}.DetailsToggle[data-active=false]{opacity:0;translate:8px 0;pointer-events:none}.DetailsToggle[data-active=true]{opacity:1;translate:0 0}@media(hover:hover)and (pointer:fine)and (hover:hover)and (pointer:fine){.DetailsToggle:hover .Button:hover{color:var(--TextColor)}}.DetailsToggle .Button{appearance:none;background:none;display:flex;align-items:center;justify-content:center;width:fit-content;box-sizing:border-box;display:inline-flex;transition:var(--TransitionMain);padding:var(--ButtonPadding);color:var(--TextColor);background-color:var(--BgColor);border-radius:var(--ButtonBorderRadius);border:none;font-family:var(--Font) var(--FontFallback);font-size:1rem;font-weight:500;line-height:1.3em;text-align:left;text-transform:uppercase;background:rgba(224,224,224,.5);backdrop-filter:blur(24px);box-shadow:0 0 20px 2px rgba(60,60,60,.05);color:#4f4f4f}@media(max-width:768px){.DetailsToggle .Button{font-size:1.5rem}}.DetailsToggle .Button.FullWidth{width:100%}.DetailsToggle .Button.Square{padding:0;height:35px;width:35px}@media(max-width:768px){.DetailsToggle .Button{color:var(--TextColor)}}.PaginationButtonsContainer{gap:var(--Measure1);display:flex;justify-content:center;padding-inline:var(--Measure1);padding-block:var(--Measure1);padding-bottom:var(--Measure1)}@media(max-width:768px){.PaginationButtonsContainer .PaginationButton{min-width:unset;width:100%;max-width:200px;margin:0 auto}}.PaginationButton{opacity:1;transition:var(--TransitionMain);transition-duration:.15s;width:auto;min-width:200px;padding:8px 16px;height:32px}.PaginationButton:has(span){justify-content:space-between}.PaginationButton span{height:100%;opacity:0;translate:-8px 0;transition:var(--TransitionMain);display:flex;justify-content:center;align-items:center;aspect-ratio:1/1}@media(max-width:768px){.PaginationButton span{translate:0 0}}@media(hover:hover)and (pointer:fine){.PaginationButton:hover span{opacity:1;translate:0 0}}@media(max-width:768px){.PaginationButton span{opacity:1;translate:0 0}}.PaginationButton *{font-family:var(--Font) var(--FontFallback);font-size:1rem;font-weight:500;line-height:1.3em;text-align:left;text-transform:uppercase}@media(max-width:768px){.PaginationButton *{font-size:1.5rem}}.PaginationButton[data-active=true]{opacity:1;cursor:pointer}.PaginationButton[data-active=false]{opacity:0;cursor:default;pointer-events:none}.CurrentProjectButton,.ProjectLinksButton{position:fixed;bottom:var(--Measure1);left:50%;translate:-50% 0;opacity:1;transition:var(--TransitionMain);transition-duration:.15s;width:auto;min-width:200px;padding:8px 16px;z-index:1;height:32px}.CurrentProjectButton:has(span),.ProjectLinksButton:has(span){justify-content:space-between}.CurrentProjectButton span,.ProjectLinksButton span{height:100%;opacity:0;translate:-8px 0;transition:var(--TransitionMain);display:flex;justify-content:center;align-items:center;aspect-ratio:1/1}@media(max-width:768px){.CurrentProjectButton span,.ProjectLinksButton span{translate:0 0}}@media(hover:hover)and (pointer:fine){.CurrentProjectButton:hover span,.ProjectLinksButton:hover span{opacity:1;translate:0 0}}@media(max-width:768px){.CurrentProjectButton span,.ProjectLinksButton span{opacity:1;translate:0 0}}.CurrentProjectButton *,.ProjectLinksButton *{font-family:var(--Font) var(--FontFallback);font-size:1rem;font-weight:500;line-height:1.3em;text-align:left;text-transform:uppercase}@media(max-width:768px){.CurrentProjectButton *,.ProjectLinksButton *{font-size:1.5rem}}.CurrentProjectButton[data-active=true],.ProjectLinksButton[data-active=true]{opacity:1}.CurrentProjectButton[data-active=false],.ProjectLinksButton[data-active=false]{opacity:0}.CurrentProjectButton.HoverTitle,.ProjectLinksButton.HoverTitle{position:absolute}.ProjectLinksButton{display:none}@media(max-width:768px){.ProjectLinksButton{display:flex}}.ProjectDetails{right:0;gap:7px;transition:var(--TransitionMain);padding-left:0;margin-left:var(--LeftOverWidthConstraint);max-width:calc(var(--WidthConstraint));padding-top:var(--Measure2)}.ProjectDetails[data-active=false]{opacity:0;pointer-events:none}.ProjectDetails .ProjectDetailRow{display:flex;gap:22px}.ProjectDetails .ProjectDetail .Label{padding-block:8px;padding-inline:0;border-radius:8px;padding-bottom:2px;font-family:var(--Font) var(--FontFallback);font-size:1rem;font-weight:500;line-height:1.3em;text-align:left;text-transform:uppercase}@media(max-width:768px){.ProjectDetails .ProjectDetail .Label{font-size:1.5rem}}.ProjectDetails .ProjectDetail .Label:has(.Icon){display:flex;justify-content:space-between}.ProjectDetails .ProjectDetail .Label .Icon{position:relative;line-height:.8}.ProjectDetails .ProjectDetail .Detail{padding:6px;padding-inline:0}@media(min-width:768px){.ProjectDetails .ProjectDetail .Detail{max-width:calc(var(--WidthConstraint)*.6)}}.ProjectDetails .ProjectDetail .Detail.Pills{display:flex;gap:6px;flex-wrap:wrap}.ProjectDetails .ProjectDetail .Detail.Pills .DescriptionPill{appearance:none;background:none;display:flex;align-items:center;justify-content:center;width:fit-content;box-sizing:border-box;display:inline-flex;transition:var(--TransitionMain);color:var(--TextColor);background-color:var(--BgColor);border-radius:var(--ButtonBorderRadius);border:1px solid;font-family:var(--Font) var(--FontFallback);font-size:1rem;font-weight:500;line-height:1.3em;text-align:left;text-transform:uppercase;color:var(--TextColorGray);background-color:var(--BgColorGray);backdrop-filter:blur(24px);border:rgba(0,0,0,0);flex-wrap:nowrap;text-wrap:none;flex-shrink:0;height:var(--PillHeight);padding:var(--PillPadding);border-radius:var(--PillBorderRadius)}@media(max-width:768px){.ProjectDetails .ProjectDetail .Detail.Pills .DescriptionPill{font-size:1.5rem}}.ProjectDetails .ProjectDetail .Detail.Pills .DescriptionPill.FullWidth{width:100%}.ProjectDetails .ProjectDetail .Detail.Pills .DescriptionPill.Square{padding:0;height:35px;width:35px}@media(hover:hover)and (pointer:fine){.ProjectDetails .ProjectDetail .Detail.Pills .DescriptionPill:hover:not(.InActive){color:var(--TextColor)}}.ProjectDetails .ProjectDetail .Detail.Pills .DescriptionPill.IsActive{color:var(--TextColor)}.ProjectDetails .ProjectDetail.Description .Detail{margin-bottom:15px;padding-top:0}@media(min-width:768px){.ProjectDetails .ProjectDetail.Description .Detail *{font-size:1.3rem}}.ProjectDetails .ProjectDetail.VisitLink{margin-top:12px;width:15vw}.ProjectDetails .ProjectDetail.VisitLink .Label{appearance:none;background:none;display:flex;align-items:center;justify-content:center;width:fit-content;box-sizing:border-box;transition:var(--TransitionMain);color:var(--TextColor);background-color:var(--BgColor);border-radius:var(--ButtonBorderRadius);border:1px solid;font-family:var(--Font) var(--FontFallback);font-size:1rem;font-weight:500;line-height:1.3em;text-align:left;text-transform:uppercase;color:var(--TextColorGray);background-color:var(--BgColorGray);backdrop-filter:blur(24px);border:rgba(0,0,0,0);width:100%;display:inline-flex;padding:8px 16px;height:32px;justify-content:space-between}@media(max-width:768px){.ProjectDetails .ProjectDetail.VisitLink .Label{font-size:1.5rem}}.ProjectDetails .ProjectDetail.VisitLink .Label.FullWidth{width:100%}.ProjectDetails .ProjectDetail.VisitLink .Label.Square{padding:0;height:35px;width:35px}@media(hover:hover)and (pointer:fine){.ProjectDetails .ProjectDetail.VisitLink .Label:hover:not(.InActive){color:var(--TextColor)}}.ProjectDetails .ProjectDetail.VisitLink .Label.IsActive{color:var(--TextColor)}.ProjectDetails .ProjectDetail.VisitLink .Label:has(span){justify-content:space-between}.ProjectDetails .ProjectDetail.VisitLink .Label span{height:100%;opacity:0;translate:-8px 0;transition:var(--TransitionMain);display:flex;justify-content:center;align-items:center;aspect-ratio:1/1}@media(max-width:768px){.ProjectDetails .ProjectDetail.VisitLink .Label span{translate:0 0}}@media(hover:hover)and (pointer:fine){.ProjectDetails .ProjectDetail.VisitLink .Label:hover span{opacity:1;translate:0 0}}@media(max-width:768px){.ProjectDetails .ProjectDetail.VisitLink .Label span{opacity:1;translate:0 0}.ProjectDetails .ProjectDetail.VisitLink{width:100%;min-width:100%;justify-content:flex-end}.ProjectDetails{position:static;padding-top:calc(var(--NavBarSizeHeight, 67px) + var(--Measure1));padding-inline:var(--Measure1);width:100vw;max-width:unset;margin-left:unset}.ProjectDetails[data-active=false]{opacity:1}}.HomeIntro{background-color:var(--BgColor);transition:all .55s ease-in-out;transition-duration:.15s;z-index:999;height:100%;width:100%;position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer}.HomeIntro *{font-family:var(--Font) var(--FontFallback);font-size:4rem;line-height:1.05em;letter-spacing:-.02em}@media(max-width:768px){.HomeIntro *{font-size:3.2rem}}.HomeIntro.InActive{opacity:0;pointer-events:none}.HomeIntro.IsActive{opacity:1;pointer-events:auto}.HomeIntro h2{padding-inline:var(--Measure1);z-index:2;color:#fff;mix-blend-mode:difference;max-width:unset;translate:0 30px;text-align:center}.HomeIntro h2.InActive{opacity:0}.HomeIntro h2.IsActive{opacity:1}.HomeIntro.HomeStatement{height:auto;width:100%;position:static;background:rgba(0,0,0,0);cursor:unset}.HomeIntro.HomeStatement h2{position:static;translate:unset;padding-top:calc(var(--GlobalTopPadding)*2);padding-bottom:var(--GlobalTopPadding);color:#000;mix-blend-mode:unset}@media(min-width:768px){.HomeIntro.HomeStatement h2{padding-bottom:calc(var(--GlobalTopPadding)*1.5)}}@media(max-width:768px){.HomeIntro.HomeStatement h2{padding-bottom:calc(var(--GlobalTopPadding)*.5);translate:0 -10px}}