#project-header[data-astro-cid-uogrpsp5]{margin-bottom:0}#project-info[data-astro-cid-uogrpsp5]{border-top:1px var(--projectColor) solid;border-bottom:1px var(--projectColor) solid;padding:3rem 0;background-image:url(/banner_background.png);background-size:100% 100%;margin-bottom:18rem;transition:.5s}#project-title[data-astro-cid-uogrpsp5]{h1{margin-bottom:1.2rem}p{margin-bottom:3rem}}#project-cluster[data-astro-cid-uogrpsp5]{overflow:visible;img{height:calc(100% + 400px)}}.cluster[data-astro-cid-uogrpsp5]{animation:spin 60s linear infinite}.project-switcher[data-astro-cid-uogrpsp5]{.cluster{img{filter:brightness(.4) saturate(1.3) contrast(1.1);transition:.1s cubic-bezier(.175,.885,.32,1.275)}}}.project-switcher[data-astro-cid-uogrpsp5]:hover{.cluster{img{filter:brightness(1);transform:scale(1.2)}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#project-content-intro[data-astro-cid-uogrpsp5]{margin-bottom:18rem;h4{margin-bottom:0}}#project-content[data-astro-cid-uogrpsp5]{h4{-webkit-text-stroke-color:var(--projectColor)}p em,p em *{color:var(--projectColor)!important}article{section:last-of-type{margin-bottom:0}}}#project-nav[data-astro-cid-uogrpsp5]{pointer-events:all;gap:2rem;a{--icon: url(/buttons/navButton_off.webp);z-index:2;background-size:contain;transition:.1s cubic-bezier(.175,.885,.32,1.275);>.image-container{width:4rem;height:4rem;background-image:var(--icon);background-size:contain;transition:.1s cubic-bezier(.175,.885,.32,1.275);position:relative;display:inline-block;isolation:isolate;filter:brightness(1)}>.image-container:before{content:"";position:absolute;inset:0;background-color:var(--projectColor);mix-blend-mode:overlay;mask-image:var(--icon);-webkit-mask-image:var(--icon);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;pointer-events:none;opacity:1}animation:unpop .2s ease}a:hover{>.image-container{filter:brightness(3);transform:scale(1.5) rotate(var(--active-angle))}}a.hover-angle.pressed{>.image-container{filter:brightness(3);transform:scale(1.2) rotate(var(--active-angle))}}a:first-of-type{--icon: url(/buttons/navButtonStar_off.webp)}a.active{--icon: url(/buttons/navButton_on.webp);animation:pop .2s ease;>.image-container{filter:brightness(2)}}a.active:hover{>.image-container{filter:brightness(3)}}a:first-of-type.active{--icon: url(/buttons/navButtonStar_on.webp)}}div[data-astro-cid-uogrpsp5]#bg{overflow:clip;width:100vw;position:absolute;left:0;top:0;height:100vh;pointer-events:none;>img[data-astro-cid-uogrpsp5]#cluster{position:absolute;z-index:-5;right:-50%;top:-20%;width:max(80vw,80vh);filter:brightness(.8) blur(4px)}}article[data-astro-cid-uogrpsp5]{section{margin-bottom:0rem;padding:8rem 0;display:grid;grid-template-columns:subgrid;grid-column:1 / span 7;img,video{margin-top:6rem;width:100%;grid-column:1 / span 7}.section-images{grid-column:1 / span 4;position:relative;cursor:pointer;margin:0 2rem 0 0;img,video{user-select:none;margin-top:0;top:0;position:absolute;min-width:100%;object-fit:cover;filter:drop-shadow(0 0 .75rem black);transform:rotate(var(--rotation)) scale(.95);transition:.1s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}img.active,video.active{position:relative;z-index:1}}.section-images:nth-of-type(2n){grid-column:4 / span 5;margin:0 0 0 2rem}@media (hover: hover) and (pointer: fine){.section-images:hover{img.active,video.active{transform:rotate(0) scale(1)}}}.section-images.pressed{img.active,video.active{transform:rotate(0) scale(1) translateY(-3rem)}}.section-copy{grid-column:5 / span 3;display:flex;flex-direction:column;justify-content:center;padding:0 0 0 2rem}.section-copy:nth-of-type(odd){grid-column:1 / span 3;padding:0 2rem 0 0}.section-full{grid-column:1 / span 7}}section:first-of-type{border-top:none;padding:0 0 8rem}section:last-of-type{border-bottom:none;padding:8rem 0 0}}#preview[data-astro-cid-uogrpsp5]{background-color:#0000;z-index:100;pointer-events:none;transition:background-color .5s;display:flex;justify-content:center;img,video{object-fit:contain;pointer-events:all;max-width:100%;max-height:80%;animation:previewAppear .3s ease}}@keyframes previewAppear{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.3,.3)}40%{transform:scale(.7,1.2)}60%{transform:scale(1.1,.9)}80%{transform:scale(.95,1.05)}to{transform:scale(1)}}#preview[data-astro-cid-uogrpsp5].active{background-color:#000c;pointer-events:all;cursor:pointer}p[data-astro-cid-uogrpsp5]#about{grid-column:2 / 5}summary[data-astro-cid-uogrpsp5]{align-self:center;grid-row:1 / 4;@media (max-width: 1024px){align-self:unset}}#project-credits[data-astro-cid-uogrpsp5]{padding:6rem 0}@media (max-width: 1024px){#project-header-grid[data-astro-cid-uogrpsp5]{height:auto}#project-title[data-astro-cid-uogrpsp5]{text-align:center;margin-right:0;grid-column:2 / span 7;margin-bottom:8rem}#project-tags[data-astro-cid-uogrpsp5]{justify-content:center}#project-video[data-astro-cid-uogrpsp5]{grid-column:2 / span 7;margin-bottom:12rem}article[data-astro-cid-uogrpsp5]{section{.section-images{grid-column:1 / span 7;margin-bottom:3rem}.section-copy{grid-column:1 / span 7;padding-right:0}.section-images:nth-of-type(2n){grid-column:1 / span 7}.section-copy:nth-of-type(odd){grid-column:1 / span 7;margin-bottom:3rem}}}}@media (max-width: 1024px){#project-nav[data-astro-cid-uogrpsp5]{display:none}#project-info-year[data-astro-cid-uogrpsp5]{grid-column:2 / span 3}#project-info-client[data-astro-cid-uogrpsp5]{grid-column:6 / span 3}#project-info-duration[data-astro-cid-uogrpsp5],#project-info-turnaround[data-astro-cid-uogrpsp5]{display:none}#project-info-intro[data-astro-cid-uogrpsp5]{grid-column:2 / span 7}article[data-astro-cid-uogrpsp5]{section{img,video{margin-top:3rem}}}}@media (max-width: 576px){#project-title[data-astro-cid-uogrpsp5]{grid-column:1 / span 9}article[data-astro-cid-uogrpsp5]{grid-column:1 / span 9;section{grid-column:1 / span 9;img,video{grid-column:1 / span 9}.section-images,.section-copy{grid-column:1 / span 9}.section-images:nth-of-type(2n){grid-column:1 / span 9}.section-copy:nth-of-type(odd){grid-column:1 / span 9}.section-full{grid-column:1 / span 9}}}}