@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";:root{--base-100: #f9f4eb;--base-200: #efece5;--base-300: #040504;--base-secondary-dark: #686560;--base-secondary-fade: rgba(249, 244, 235, .15);--accent-1: #b1c1ef;--accent-2: #f2acac;--accent-3: #ffdd94;--z-red: #d62828;--z-blue: #34a0d3;--z-yellow: #F4EB02;--z-green: #cce70b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Host Grotesk;background-color:#fff;color:var(--base-300)}img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}h1,h2,h3,h4{text-transform:uppercase;font-family:Barlow Condensed;font-weight:900;line-height:.85;letter-spacing:-.02rem}h1{font-size:12rem}h2{font-size:8rem}h3{font-size:6rem}h4{font-size:2.5rem}a{text-decoration:none}p{font-family:Host Grotesk;font-size:1.1rem}p.md{font-size:1.3rem}p.lg{font-size:1.5rem}p.mono{text-transform:uppercase;font-family:DM Mono;font-size:.85rem;font-weight:500}p.mono span,a span{position:relative;top:-.1rem}.container{width:100%;height:100%;padding:2.75rem;max-width:2000px;margin:0 auto}.symbols-container{display:flex;gap:.5rem;height:1.125rem;z-index:1}.symbols-container .symbol{width:1.125rem}::selection{background:var(--base-100);color:var(--base-300)}::-moz-selection{background:var(--base-100);color:var(--base-300)}@media (max-width: 1000px){h1{font-size:6rem}h2{font-size:5rem}h3{font-size:3rem}p{font-size:1rem}p.md{font-size:1.125rem}p.lg{font-size:1.25rem}p.mono{font-size:.8rem}.container{padding:2rem}}.transition{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;pointer-events:none}.transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleY(1);transform-origin:top;will-change:transform;transform:translateZ(0)}.transition-overlay.overlay{background-color:var(--base-300)}.transition-logo{position:absolute;top:120%;left:50%;transform:translate(-50%);width:86px;height:86px;opacity:0;will-change:transform,opacity;transform:translateZ(0)}.transition-logo img{width:100%;height:100%;object-fit:contain}.mask-transition{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;pointer-events:none;display:none}.mask-bg-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99998;background-color:var(--base-100);opacity:.3;pointer-events:none;display:none}.menu{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:50%;max-width:600px;z-index:1000;transition:transform .4s ease}.menu.hidden{transform:translate(-50%) translateY(-200%)}.menu-header{position:relative;padding:1rem 1.5rem 1rem 1.75rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--base-300);border-radius:8px;z-index:2;cursor:pointer}.menu-logo{font-size:1.25rem;cursor:pointer}.menu-logo img{width:80px;height:33px;transition:transform .5s ease}.menu-logo img.rotated{transform:rotate(180deg)}.menu-toggle{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;display:flex;justify-content:center;align-items:center;width:28px;height:28px}.menu-hamburger-icon{width:20px;height:25px;position:absolute;top:10px;right:0;cursor:pointer}.menu-item{transition:all .2s ease;display:block;width:20px;height:2px;margin:0 0 4px;background:var(--base-100);border-radius:1px}.menu-hamburger-icon.open .menu-item{background:var(--base-100)}.menu-hamburger-icon.open .menu-item:first-child{transform:rotate(45deg);transform-origin:6px}.menu-hamburger-icon.open .menu-item:nth-child(2){transform:rotate(-45deg);transform-origin:6px}.menu-overlay{position:absolute;top:100%;left:0;right:0;background-color:var(--base-300);border-radius:0 0 8px 8px;margin-top:-8px;padding-top:8px;transform-origin:top;transform:scaleY(0);overflow:hidden;will-change:transform}.menu-nav{padding:2rem 0 3rem}.menu-nav ul{list-style:none;margin:0;padding:0}.menu-nav li{margin:-4px 0;opacity:0}.menu-nav a{display:block;padding:.5rem 1.75rem;position:relative;text-transform:uppercase;text-decoration:none;color:var(--base-100);font-family:Barlow Condensed;font-size:5rem;letter-spacing:-.02rem;font-weight:900;line-height:.85;overflow:hidden;transition:color .3s ease}@media (min-width: 1001px){.menu-nav a{transition:color .3s ease}.menu-nav li:nth-child(4n+1) a:hover{color:var(--z-red)}.menu-nav li:nth-child(4n+2) a:hover{color:var(--z-blue)}.menu-nav li:nth-child(4n+3) a:hover{color:var(--z-yellow)}.menu-nav li:nth-child(4n+4) a:hover{color:var(--z-green)}}.menu-nav a div div{position:relative;will-change:transform}.menu-footer{padding:1rem 1.75rem 1.5rem;opacity:0;display:flex;justify-content:space-between;align-items:center}.menu-social{display:flex;gap:1rem;justify-content:center}.menu-social a,.menu-time{color:var(--base-100);font-size:.9rem;text-decoration:none;transition:all .3s ease;text-transform:uppercase;font-family:DM Mono;font-size:.85rem;font-weight:500}.menu-time{width:max-content;color:var(--base-secondary-dark)}@media (max-width: 1000px){.menu{width:90%;max-width:none}.menu-header{padding:1rem 1.5rem}.menu-nav a{font-size:3rem;letter-spacing:0;padding:.75rem 1.5rem}.menu-footer{padding:2rem 1.75rem;flex-direction:column;align-items:flex-start}.menu-social{flex-wrap:wrap;gap:.5rem}.menu-time{right:1.5rem}}.slider{position:relative;width:100vw;height:100svh;background-color:var(--z-blue);color:var(--base-100);overflow:hidden}.slide{position:absolute;top:0;left:0;width:100vw;height:100svh}.slide-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 1.75rem);height:calc(100svh - 1.75rem);border-radius:12px;overflow:hidden;border:1px dashed var(--base-300)}.slide-img img{will-change:transform;transform:translateZ(0)}.slide-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;background:linear-gradient(0deg,#0a0a0a 0% 0%,#0a0a0a00)}.slide{will-change:transform;transform:translateZ(0)}.slide-header{position:absolute;bottom:4rem;left:50%;transform:translate(-50%);width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem;z-index:1}.slide-header h2{line-height:1}.slide-description{width:60%;text-align:center;margin-bottom:3rem}.slide-link a{text-decoration:none}.slide-buttons{display:flex;gap:20px;align-items:center}.slide-link a .line{text-decoration:none;text-transform:uppercase;color:var(--base-100);font-family:DM Mono;font-size:.85rem;font-weight:500;padding:1rem 2rem;background-color:#ffffff06;border:1px dashed var(--base-secondary-dark);border-radius:6px}.slide-info{position:absolute;left:0;bottom:4rem;width:100vw;padding:0 4rem;display:flex;justify-content:space-between;align-items:flex-end}.slide-tags{display:flex;flex-direction:column}.slide-index-wrapper{display:flex}.slide-index-wrapper p{text-align:center;width:2rem}.slide-tags p:first-child{margin-bottom:1rem}.line,.word{position:relative;display:inline-block;will-change:transform;transform:translateZ(0)}@media (max-width: 1000px){.slide-header{top:50%;bottom:unset;transform:translate(-50%,-50%);width:90%}.slide-description{width:85%}.slide-title h2{font-size:3rem}.slide-info{padding:0 3rem;bottom:3rem}}.project-header{position:relative;width:100vw;height:75svh;overflow:hidden}.project-header .container{display:flex;flex-direction:column;gap:1rem;justify-content:flex-end}.project-header .project-header-divider{width:100%;height:1px;border-bottom:1px dashed var(--base-300);opacity:.25}.project-header .project-meta{display:flex;gap:2rem}.project-header .project-meta-col,.project-header .project-meta-sub-col{flex:1}.project-header .project-meta-col:nth-child(2){display:flex;gap:2rem}.project-banner-img{margin:2rem 0;width:100%;aspect-ratio:16/9}.project-overview{position:relative;width:100vw;height:100%;padding:2rem 0 6rem;overflow:hidden}.project-overview .container{display:flex;gap:2rem}.project-overview .container .project-overview-col{flex:1}.project-overview .container .project-overview-col:nth-child(2){display:flex;flex-direction:column;gap:4rem}.project-overview .container .project-overview-col:nth-child(2) .project-overview-copy{width:75%}.project-snapshots{position:relative;width:100vw;height:100svh;background-color:var(--base-300);color:var(--base-100);overflow:hidden}.project-snapshots-wrapper{position:relative;width:500vw;height:100svh;display:flex;overflow:hidden;transform:translate(0)}.project-snapshot{flex:1;display:flex;justify-content:center;align-items:center}.project-snapshot img{width:65%;height:65%;aspect-ratio:16/9;object-fit:cover;border:1px dashed var(--base-secondary-dark);border-radius:8px}.snapshots-progress-bar{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:20%;height:1rem;display:flex;justify-content:space-between;align-items:center;min-width:300px}.progress-indicator{width:1px;height:50%;background-color:var(--base-secondary-dark)}.progress-bar{position:absolute;top:0;left:0;width:0%;height:100%;border:1px solid var(--base-100);background-color:var(--base-300);transform-origin:left;will-change:width}.project-info{position:relative;width:100vw;height:100%;padding:8rem 0 10rem;overflow:hidden}.project-info .container{display:flex;gap:2rem}.project-info .container .project-info-col{flex:1}.project-info .container .project-info-col:nth-child(2) .project-info-copy{width:75%}.next-project{position:relative;width:100vw;height:100svh;background-color:var(--base-300);color:var(--base-100);overflow:hidden}.next-project .container.next-project-data{display:flex;flex-direction:column;gap:1rem;justify-content:center}.next-project .next-project-header-divider{width:100%;height:1px;border-bottom:1px dashed var(--base-secondary-dark);opacity:.25}.next-project .next-project-meta{display:flex;gap:2rem}.next-project .next-project-meta-col,.next-project .next-project-meta-sub-col{flex:1}.next-project .next-project-meta-col:nth-child(2){display:flex;gap:2rem}.home-spotlight-top-bar{position:absolute;top:0;left:0;width:100%}.home-spotlight-bottom-bar{position:absolute;bottom:0;left:0;width:100%}.home-spotlight-top-bar .container,.home-spotlight-bottom-bar .container{display:flex;justify-content:space-between}.next-project-link{position:absolute;bottom:8rem;left:50%;transform:translate(-50%);z-index:10}.next-project-button{display:inline-block;padding:1rem 2rem;background-color:var(--base-100);color:var(--base-300);text-transform:uppercase;font-family:DM Mono;font-size:.85rem;font-weight:500;border:1px solid var(--base-100);transition:all .3s ease;cursor:pointer}.next-project-button:hover{background-color:transparent;color:var(--base-100);border-color:var(--base-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:nth-child(1),.project-info .container .project-info-col:nth-child(1){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{bottom:5rem;width:calc(100% - 4rem)}}