.project-header{background-color:var(--base-500);width:100vw;height:75svh;color:var(--base-100);position:relative;overflow:visible}.project-header .container{flex-direction:column;justify-content:flex-end;gap:1rem;padding-bottom:2rem;display:flex}.project-header .project-header-divider{border-bottom:1px dashed var(--base-200);opacity:.25;width:100%;height:1px}.project-header .project-meta{gap:2rem;display:flex}.project-header .project-meta-col,.project-header .project-meta-sub-col{flex:1}.project-header .project-meta-col:nth-child(2){gap:2rem;display:flex}.project-header .project-meta a,.next-project .next-project-meta a{color:var(--base-100);border-bottom:1px solid #0000;text-decoration:none;transition:all .3s;position:relative}.project-header .project-meta a:hover,.next-project .next-project-meta a:hover{color:var(--base-250);border-bottom-color:var(--base-250)}.project-banner-img{aspect-ratio:16/9;background-color:var(--base-100);width:100%}.project-overview{background-color:var(--base-100);width:100vw;height:100%;color:var(--base-450);padding:2rem 0 6rem;position:relative;overflow:hidden}.project-overview .container{gap:2rem;display:flex}.project-overview .container .project-overview-col{flex:1}.project-overview .container .project-overview-col:nth-child(2){flex-direction:column;gap:4rem;display:flex}.project-overview .container .project-overview-col:nth-child(2) .project-overview-copy{width:75%}.project-snapshots{background-color:var(--base-450);width:100vw;height:100svh;color:var(--base-100);position:relative;overflow:hidden}.project-snapshots-wrapper{width:500vw;height:100svh;display:flex;position:relative;overflow:hidden;transform:translate(0%)}.project-snapshot{flex:1;justify-content:center;align-items:center;display:flex}.project-snapshot img{aspect-ratio:16/9;object-fit:cover;border:1px dashed var(--base-200);border-radius:8px;width:65%;height:65%}.snapshots-progress-bar{justify-content:space-between;align-items:center;width:20%;min-width:300px;height:1rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.progress-indicator{background-color:var(--base-200);width:1px;height:50%}.progress-bar{border:1px solid var(--base-100);background-color:var(--base-450);transform-origin:0;will-change:width;width:0%;height:100%;position:absolute;top:0;left:0}.project-info{background-color:var(--base-100);width:100vw;height:100%;color:var(--base-450);padding:8rem 0 10rem;position:relative;overflow:hidden}.project-info .container{gap:2rem;display:flex}.project-info .container .project-info-col{flex:1}.project-info .container .project-info-col:nth-child(2) .project-info-copy{width:75%}.next-project{background-color:var(--base-450);width:100vw;height:100svh;color:var(--base-100);position:relative;overflow:hidden}.next-project .container.next-project-data{flex-direction:column;justify-content:center;gap:1rem;display:flex}.next-project .next-project-header-divider{border-bottom:1px dashed var(--base-200);opacity:.25;width:100%;height:1px}.next-project .next-project-meta{gap:2rem;display:flex}.next-project .next-project-meta-col,.next-project .next-project-meta-sub-col{flex:1}.next-project .next-project-meta-col:nth-child(2){gap:2rem;display:flex}.home-spotlight-top-bar{z-index:10;width:100%;position:absolute;top:0;left:0}.home-spotlight-bottom-bar{z-index:10;width:100%;position:absolute;bottom:0;left:0}.home-spotlight-top-bar .container,.home-spotlight-bottom-bar .container{justify-content:space-between;display:flex}.home-spotlight-top-bar .symbols-container,.home-spotlight-bottom-bar .symbols-container{gap:.5rem;height:1.125rem;display:flex}.home-spotlight-top-bar .symbols-container .symbol,.home-spotlight-bottom-bar .symbols-container .symbol{width:1.125rem;height:1.125rem}.home-spotlight-top-bar .symbols-container .symbol img,.home-spotlight-bottom-bar .symbols-container .symbol img{object-fit:contain;width:100%;height:100%}@media (max-width:1000px){.project-header .project-meta,.project-header .project-meta-col:nth-child(2),.next-project .next-project-meta,.next-project .next-project-meta-col:nth-child(2){flex-direction:column}.project-banner-img{aspect-ratio:4/5}.project-overview .container .project-overview-col:first-child,.project-info .container .project-info-col:first-child{display:none}.project-overview .container .project-overview-col:nth-child(2) .project-overview-copy,.project-info .container .project-info-col:nth-child(2) .project-info-copy{width:100%}.snapshots-progress-bar{width:calc(100% - 4rem);bottom:5rem}}