@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;700&display=swap";:root{--color-bg: #000000;--color-text: #ffffff;--color-gray-700: #848484;--color-gray-400: #c4c4c4;--color-gray-200: #ececec;--font-header: "Bebas Neue", cursive;--font-body: "Inter", sans-serif;--transition-smooth: all .8s cubic-bezier(.19, 1, .22, 1);--transition-fast: all .4s cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:62.5%;scroll-behavior:smooth}body{background-color:#000;color:var(--color-text);font-family:var(--font-body);font-size:1.6rem;line-height:1.4;overflow-x:hidden}.tx-3xl{font-family:var(--font-header);font-size:clamp(8rem,15vw,18rem);line-height:.8;letter-spacing:-.04em;text-transform:uppercase}.tx-2xl{font-family:var(--font-header);font-size:clamp(5rem,10vw,10rem);line-height:.9;letter-spacing:-.04em;text-transform:uppercase}.tx-xl{font-family:var(--font-header);font-size:clamp(3.4rem,6vw,7.2rem);line-height:1;letter-spacing:-.04em;text-transform:uppercase}.tx-lg{font-weight:700;font-size:3.4rem;line-height:1.2;letter-spacing:-.04em}.tx-md{font-weight:700;font-size:2.6rem;line-height:1.2;letter-spacing:-.04em}.tx-sm{font-weight:700;font-size:2rem;line-height:1.2;letter-spacing:-.04em}.tx-xs{font-weight:700;font-size:1.6rem;line-height:1.2;letter-spacing:-.04em;text-transform:uppercase}.tx-p{font-size:1.6rem;line-height:1.6;color:var(--color-gray-400)}.tx-label{font-size:1.4rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.row{display:grid;grid-template-columns:repeat(24,1fr);gap:0 2rem;max-width:1920px;margin:0 auto;padding:0 3rem;width:100%}.col-24{grid-column:span 24}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}@media(max-width:768px){.row{padding:0 1.5rem;gap:0 1rem}.col-12,.col-8,.col-6{grid-column:span 24}}.section{padding:12rem 0;position:relative}.mt-md{margin-top:3rem}.mb-md{margin-bottom:3rem}.py-md{padding-top:3rem;padding-bottom:3rem}.clr-gray{color:var(--color-gray-700)}.bg-black{background:#000}.bg-white{background:#fff;color:#000}.u-lineWrapper{overflow:hidden;display:block}.u-line{display:inline-block;transform:translateY(110%);transition:var(--transition-smooth)}.is-in-view .u-line{transform:translateY(0)}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-reveal{animation:slideInUp 1.2s cubic-bezier(.19,1,.22,1) forwards}.app-container{position:relative;min-height:100vh}main{position:relative;z-index:2}.nav-link{mix-blend-mode:difference;transition:var(--transition-fast)}.nav-link:hover{opacity:.6}.a-image{overflow:hidden;position:relative}.a-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s cubic-bezier(.19,1,.22,1)}.a-image:hover img{transform:scale(1.05)}.o-heroHome{position:relative;min-height:100vh;width:100%;overflow:hidden;background-color:transparent}.o-heroHome_image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.6}.o-heroHome_image img{width:100%;height:100%;object-fit:cover}.o-heroHome_wrapper{position:relative;z-index:2;height:100vh;display:flex;flex-direction:column;justify-content:space-between}.o-heroHome_largeHeader{padding-top:15rem}.o-heroHome_letterWrapper{display:inline-block;overflow:hidden;vertical-align:top}.o-heroHome_letterWrapper span{display:inline-block;transform:translateY(110%);animation:slideInUp 1.2s cubic-bezier(.19,1,.22,1) forwards;animation-delay:var(--delay)}.o-heroHome_content{padding-bottom:5rem;align-items:flex-end}.o-heroHome_scrollDown{display:flex;justify-content:center;align-items:center}.o-heroHome_scrollDown .o-heroHome_letterWrapper span{font-size:1.2rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-gray-700)}.a-link{display:inline-flex;align-items:center;gap:1rem;text-decoration:none;color:#fff;transition:var(--transition-fast)}.a-link:hover{opacity:.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.interactive-menu{position:relative;width:100%;height:80vh;min-height:940px;background:transparent;overflow:hidden;display:flex;flex-direction:column}.menu-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.menu-bg-image{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%) scale(0);z-index:0}.menu-bg-image.is-active{opacity:.8;visibility:visible;transform:translate(-50%,-50%) scale(1)}.menu-intro{position:relative;z-index:10;padding:10rem 3.5rem 5rem;width:100%}.menu-intro_wrapper{max-width:900px}.menu-intro_title{font-family:var(--font-body);font-weight:700;font-size:1.5rem;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text);margin-bottom:2.5rem}.menu-intro_description{font-family:var(--font-body);font-size:1.3rem;line-height:1.6;color:var(--color-gray-700);max-width:700px}.menu-grid{position:relative;z-index:10;display:flex;flex-direction:column;width:100%;height:100%;overflow:visible}.menu-grid:hover .menu-item{opacity:.2}.menu-grid .menu-item:hover{opacity:1}.menu-item{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-decoration:none;padding:1.5rem 3.5rem;overflow:visible;position:relative;cursor:pointer;background:transparent;border-bottom:1px solid rgba(255,255,255,.45);transition:opacity .6s cubic-bezier(.19,1,.22,1),padding .6s cubic-bezier(.19,1,.22,1)}.menu-item:first-child{border-top:1px solid rgba(255,255,255,.45)}.menu-item:last-child{border-bottom:1px solid rgba(255,255,255,.45)}.menu-item_content{position:relative;z-index:3;text-align:left;pointer-events:none}.menu-item_title_wrapper{overflow:hidden;position:relative}.menu-item_title{display:block;font-family:var(--font-header);font-size:clamp(6rem,12vw,14rem);text-transform:uppercase;color:var(--color-text);margin-bottom:0;line-height:1;letter-spacing:-.01em;position:relative;pointer-events:none}.menu-item_title--clone{position:absolute;top:0;left:0;width:100%}.menu-item_label{font-family:var(--font-body);font-size:1.1rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-gray-700);margin-top:1rem;opacity:.8}.menu-item_reveal{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff0d;transform:translateY(100%);transition:transform .6s cubic-bezier(.19,1,.22,1);z-index:1}.menu-item:hover .menu-item_reveal{transform:translateY(0)}.menu-item-placeholder{position:absolute;right:5rem;top:50%;transform:translateY(-50%);font-family:var(--font-body);font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#fff;opacity:.3;pointer-events:none;z-index:100;white-space:nowrap;transition:all .3s ease}.menu-item:hover .menu-item-placeholder{opacity:1;right:4rem;color:#fff}@media(max-width:768px){.interactive-menu{flex-direction:column;height:auto}.menu-grid{flex-direction:column}.menu-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:8rem 2rem}.menu-item:last-child{border-bottom:none}.menu-bg-image.is-active{opacity:.3}.menu-item_title{font-size:6rem}}.projects-carousel{width:100%;overflow:hidden;padding:8rem 0;position:relative;cursor:grab}.projects-carousel:active{cursor:grabbing}.projects-track{display:flex;gap:4rem;padding:0 5vw;width:max-content}.project-ribbon-card{width:500px;flex-shrink:0;position:relative}.project-ribbon-card_image{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:4px;background:#1a1a1a;margin-bottom:2.5rem}.project-ribbon-card_image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.19,1,.22,1)}.project-ribbon-card:hover .project-ribbon-card_image img{transform:scale(1.05)}.project-ribbon-card_meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-ribbon-card_title{font-family:var(--font-header);font-size:3.2rem;text-transform:uppercase;color:var(--color-text);line-height:1}.project-ribbon-card_category{font-family:var(--font-body);font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-700)}.project-ribbon-card_description{font-family:var(--font-body);font-size:1.4rem;color:var(--color-gray-400);margin-top:1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.project-ribbon-card{width:320px}.projects-track{gap:2rem;padding:0 3rem}.project-ribbon-card_title{font-size:2.4rem}}.o-heroHome .tx-3xl{z-index:2;position:relative}.nav-link-header{font-family:var(--font-header);font-size:1.8rem;color:#fff;text-transform:uppercase;text-decoration:none;letter-spacing:.1em;transition:opacity .4s var(--transition-smooth)}.nav-link-header:hover{opacity:.6}.tx-xl.nav-link-header{font-size:3.2rem;letter-spacing:-.02em}.blog-sidebar::-webkit-scrollbar{width:4px}.blog-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.blog-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.blog-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.blog-preview-card{position:relative;overflow:hidden}.blog-preview-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);transform:translate(-100%);transition:transform .6s cubic-bezier(.19,1,.22,1);z-index:2}.blog-preview-card:hover:before{transform:translate(100%)}.blog-trigger-btn{box-shadow:0 4px 30px #0000004d}.blog-trigger-btn:hover{background:#ffffff1a;border-color:#fff6;box-shadow:0 8px 40px #ffffff1a}.blog-close-btn:hover{background:#ffffff1a;border-color:#fff6}.blog-post-container{min-height:100vh}.blog-post-container article h2{font-family:var(--font-header);font-size:clamp(2.5rem,5vw,4rem);text-transform:uppercase;color:#fff;margin-top:4rem;margin-bottom:1.5rem;letter-spacing:-.02em;line-height:1.2}.blog-post-container article p{margin-bottom:1.5rem;color:var(--color-gray-200)}.blog-post-container article pre{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:2rem;overflow-x:auto;margin:2rem 0}.blog-post-container article code{font-family:Courier New,monospace;font-size:1.4rem;color:var(--color-gray-400);line-height:1.6}.blog-post-container article pre code{color:#fff}.blog-post-container article ul,.blog-post-container article ol{margin-bottom:1.5rem;padding-left:2rem;color:var(--color-gray-200)}.blog-post-container article li{margin-bottom:.5rem}.blog-post-container article a{color:#fff;text-decoration:underline;transition:opacity .3s ease}.blog-post-container article a:hover{opacity:.7}.blog-back-btn:hover span{color:#fff}@media(max-width:768px){.blog-sidebar{width:100%!important;max-width:100vw!important}.blog-trigger-btn{width:50px!important;height:50px!important;right:1.5rem!important}.blog-trigger-btn svg{width:20px;height:20px}}