html,body,.project-page{background-color:var(--color-light)}.project-page{background:var(--color-light);position:relative}.project-hero{z-index:1;width:100%;height:100vh;transition:opacity .5s,visibility .5s;position:fixed;top:0;left:0}.project-hero-image{object-fit:cover;width:100%;height:100%;display:block}.project-hero-desktop{display:block}.project-hero-mobile{display:none}@media (max-width:768px){.project-hero-desktop{display:none}.project-hero-mobile{display:block}.project-hero .project-video-wrapper.project-hero-mobile{padding-bottom:177.78%}}.project-content{background:var(--color-light);z-index:2;max-width:1440px;min-height:100vh;margin:100vh auto 0;padding:120px 5% 160px;position:relative}.project-content>:last-child{margin-bottom:0;padding-bottom:0}.project-content>h1.h2{text-align:center;margin-bottom:72px;font-size:48px;line-height:1.2}.project-description-section{max-width:800px;margin:0 auto 100px}.project-content .paragraph{color:var(--color-accent-navy)}.project-description-section .paragraph{text-align:left}.project-gallery{gap:40px;width:100%;max-width:1200px;margin:0 auto 120px}.project-gallery-image{object-fit:contain;width:100%;height:auto;display:block}.project-gallery{flex-direction:column;gap:40px;width:100%;max-width:1200px;margin:0 auto 120px;display:flex}.project-gallery-image.is-portrait{width:auto;max-width:450px;height:auto;margin:0 auto;display:block}.project-gallery-image.is-square{width:100%;max-width:900px;margin:0 auto}.project-gallery-image.is-landscape{width:100%;max-width:1200px;margin:0 auto}.project-video-wrapper{width:100%;height:0;margin-bottom:40px;padding-bottom:56.25%;position:relative;overflow:hidden}.project-video-wrapper iframe{width:100%;height:100%;position:absolute;inset:0}.project-content .small{text-align:center;opacity:.75;max-width:900px;margin:120px auto}.project-content .btn-cta{width:fit-content;margin:120px auto 0;display:table}footer,.footer-class{z-index:2;background:var(--color-light);margin-top:0;position:relative}.project-navigation{grid-template-columns:1fr auto 1fr;align-items:center;column-gap:clamp(24px,4vw,64px);margin-top:120px;display:grid}.project-navigation a:after{display:none!important}.project-navigation .nav-item{font-family:var(--font-sans,"Manrope",sans-serif);color:var(--color-accent-navy);opacity:.7;align-items:center;gap:12px;font-size:clamp(1.2rem,2vw,2rem);font-weight:200;text-decoration:none;transition:opacity .3s cubic-bezier(.22,1,.36,1),color .3s;display:inline-flex}.project-navigation .nav-item:hover{opacity:1;color:var(--color-highlight)}.project-navigation .nav-item.prev{justify-self:start}.project-navigation .nav-item.all{justify-self:center}.project-navigation .nav-item.next{justify-self:end}.project-navigation .nav-arrow{background:currentColor;width:22px;height:22px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolyline points='8.09 25.96 20 14.04 31.91 25.96' fill='none' stroke='%23000' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolyline points='8.09 25.96 20 14.04 31.91 25.96' fill='none' stroke='%23000' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E") 50%/contain no-repeat}.project-navigation .nav-item.prev .nav-arrow{transform:rotate(180deg)}.project-navigation .nav-item.prev:hover .nav-arrow{transform:rotate(180deg)translate(6px)}.project-navigation .nav-item.next:hover .nav-arrow{transform:translate(6px)}.project-navigation .nav-item:focus-visible{outline-offset:6px;border-radius:8px;outline:2px solid #04294059}@media (max-width:768px){.project-navigation{text-align:center;flex-direction:column;gap:48px;margin-top:80px}.nav-item.next{text-align:center}.nav-item.prev{order:1}.project-navigation .project-cta{order:2}.nav-item.next{order:3}.project-content{margin:100vh auto 0;padding:80px 5% 60px}.project-content>h1.h2{margin-bottom:48px;font-size:48px}.project-description-section{margin-bottom:80px}.project-gallery{gap:40px;margin-bottom:80px}.project-gallery-image.is-portrait{width:100%;max-width:40vw}.project-video-wrapper{gap:40px;margin-bottom:80px}}