@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}body{font-family:Inter,sans-serif;background-color:#e3e3db}.btn .button-text,.btn .icon{position:absolute}img{width:100%;height:100%;object-fit:cover}h1,h3{font-weight:400;letter-spacing:-.05em;line-height:1}h1{font-size:5rem}h3{font-size:3rem}p{line-height:1.4;font-size:1rem}p.lg{font-size:1.25rem}section{position:relative;width:100%;height:100svh}.hero{z-index:2}.hero-img,.hero-header,.hero-copy{position:absolute;width:100%;height:100%}.hero-img{top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.hero-header,.hero-copy{padding:4rem;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-header{z-index:3;gap:2rem}.line-wrap{overflow:hidden;display:flex}.hero-header .line-wrap:has(p){width:35%;max-width:650px}.hero-header p{margin-top:0;text-align:center;width:100%}.hero-copy p{width:50%;font-size:2rem}.hero .btn{display:inline-block;position:relative;width:12rem;height:auto;padding:.15rem;outline:none;border:none;font-size:.9rem;background:#f2ede6bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:4rem}.circle{display:block;border-radius:4rem;margin:0;width:3rem;height:3rem;background:#1f1d1d;font-size:1.5rem;overflow:hidden}.icon{top:.775rem;left:.95rem;color:#f2ede6;font-size:1.5rem;will-change:transform}.button-text{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#141313;margin:0 0 0 1.25rem;font-weight:400;line-height:1;white-space:nowrap}.about,.outro{display:flex;justify-content:center;align-items:center;text-align:center}.about{margin-top:230svh;height:120svh}.about-images{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:4rem}.about-imgs-col{position:relative;height:155%;display:flex;flex-direction:column;justify-content:space-between;will-change:transform}.about-imgs-col .img{width:125px;height:125px;border-radius:10px;overflow:hidden}#about-imgs-col-2{transform:translate(-225px) translateY(12.5%)}#about-imgs-col-3{transform:translate(225px) translateY(12.5%)}.about-header{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:40%}.about-header h2{font-size:1rem;margin-bottom:1rem}.skip-nav{position:fixed;top:1rem;left:1rem;z-index:9999;padding:.6rem 1.2rem;background:#1a1a18;color:#e3e3db;font-size:.85rem;border-radius:2rem;text-decoration:none;transform:translateY(-200%);transition:transform .2s ease}.skip-nav:focus{transform:translateY(0)}.main-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:2rem 4rem;display:flex;justify-content:space-between;align-items:center;pointer-events:none;background:linear-gradient(to bottom,rgba(10,10,10,.28) 0%,transparent 100%)}.nav-logo{font-size:.9rem;font-weight:500;letter-spacing:.08em;color:#fff;text-decoration:none;pointer-events:all}.burger,.nav-overlay{display:none}.nav-links{list-style:none;display:flex;gap:3rem}.nav-links a{font-size:.85rem;color:#fff;text-decoration:none;letter-spacing:.05em;pointer-events:all}.projects,.contact{height:auto}.projects{padding:8rem 4rem}.projects-intro{margin-bottom:4rem}.projects-label,.contact-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.45}.projects-list{list-style:none;border-top:1px solid rgba(0,0,0,.12)}.project-item{display:flex;align-items:center;gap:3rem;padding:2.5rem 0;border-bottom:1px solid rgba(0,0,0,.12)}.project-num{font-size:.8rem;opacity:.35;width:2.5rem;flex-shrink:0;letter-spacing:.05em}.project-content{flex:1}.project-title{font-size:2rem;font-weight:400;letter-spacing:-.04em;line-height:1;margin-bottom:.6rem}.project-desc{font-size:.9rem;opacity:.55;max-width:480px}.project-stack{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.project-stack span{font-size:.72rem;padding:.2rem .7rem;border:1px solid rgba(0,0,0,.2);border-radius:2rem;letter-spacing:.02em;opacity:.7}.project-link{width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.2);border-radius:50%;text-decoration:none;color:inherit;flex-shrink:0}.project-confidential{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;opacity:.3;flex-shrink:0}.contact{background-color:#cecec6;padding:10rem 4rem 8rem;display:flex;align-items:flex-start}.contact-inner{max-width:900px}.contact-label{display:block;margin-bottom:2rem}.contact-heading{font-size:clamp(3rem,6vw,5.5rem);font-weight:400;letter-spacing:-.04em;line-height:1;margin-bottom:3rem}.contact-email{display:inline-block;font-size:clamp(1.1rem,2vw,1.5rem);color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.2rem;margin-bottom:3rem}.contact-socials{display:flex;gap:2rem}.contact-socials a{font-size:.8rem;color:inherit;text-decoration:none;letter-spacing:.1em;text-transform:uppercase;opacity:.5}.main-footer{padding:1.5rem 4rem;background-color:#cecec6;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.1);font-size:.78rem;opacity:.5}:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(hover:hover){.btn .button-text,.btn .icon{transition:all .5s cubic-bezier(.65,0,.076,1)}.circle{transition:width .5s cubic-bezier(.65,0,.076,1)}.hero-img,.hero-header{will-change:transform,opacity,width,height}.nav-links a{transition:opacity .2s ease}.nav-links a:hover{opacity:.5}.project-item{transition:padding .3s ease}.project-item:hover{padding-left:1rem}.project-link{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.project-link:hover{background-color:#1a1a1a;color:#e3e3db;border-color:#1a1a1a}.contact-email{transition:opacity .2s ease}.contact-email:hover{opacity:.55}.contact-socials a{transition:opacity .2s ease}.contact-socials a:hover{opacity:1}.btn:hover .circle{width:100%}.btn:hover .button-text{color:#fff}}@media(max-width:1000px){h1{font-size:3rem}h3{font-size:2rem}.hero{z-index:2}.hero-header{padding:2rem 2rem 3rem;justify-content:flex-end;align-items:flex-start;text-align:left;gap:0}.hero-header .line-wrap:has(h1){margin-bottom:1rem}.hero-header h1{width:100%;font-size:2.5rem}.hero-header .line-wrap:has(p){width:100%;max-width:100%}.hero-header p{margin-top:0;text-align:left;font-size:.9rem;opacity:.85}.hero .btn{margin-top:1rem}.hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 55%)}.hero-copy{display:none}.about{margin-top:0;height:auto;flex-direction:column;align-items:stretch;padding:5rem 1.5rem;gap:2.5rem}.about-header{position:static;transform:none;top:auto;left:auto;width:100%;padding:0;text-align:left}.outro h3{width:100%;padding:2rem}.about-images{padding:0;display:grid;grid-template-columns:repeat(2,1fr);height:auto;gap:.75rem;overflow:visible}.about-imgs-col{height:auto;transform:none}.about-imgs-col:first-child,#about-imgs-col-2,#about-imgs-col-3,#about-imgs-col-4{transform:none}.about-imgs-col .img:not(:first-child){display:none}.about-imgs-col .img{width:100%;height:auto;aspect-ratio:1;opacity:1;filter:none;border-radius:8px}.about-imgs-col .img img{width:100%;height:100%;object-fit:cover}.nav-links{display:none}.burger{display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px;pointer-events:all;position:relative;z-index:101}.burger span{display:block;width:22px;height:1.5px;background:#fff;transform-origin:center;transition:transform .4s cubic-bezier(.76,0,.24,1)}.burger.open span:nth-child(1){transform:translateY(3.75px) rotate(45deg)}.burger.open span:nth-child(2){transform:translateY(-3.75px) rotate(-45deg)}.nav-overlay{display:flex;flex-direction:column;justify-content:space-between;position:fixed;inset:0;z-index:99;background:#141313;padding:7rem 2rem 2.5rem;clip-path:inset(0 0 100% 0);pointer-events:none;visibility:hidden}.nav-overlay-links{list-style:none;display:flex;flex-direction:column;gap:1rem}.nav-overlay-links a{font-size:clamp(2.5rem,12vw,4rem);color:#fff;text-decoration:none;font-weight:400;letter-spacing:-.05em;line-height:1;display:inline-block}.nav-overlay-footer{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem}.nav-overlay-col{display:flex;flex-direction:column;gap:.25rem}.nav-overlay-label{font-size:.7rem;color:#ffffff59;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;margin-top:.75rem}.nav-overlay-col:first-child .nav-overlay-label:first-child{margin-top:0}.nav-overlay-col a,.nav-overlay-col span:not(.nav-overlay-label){font-size:.8rem;color:#ffffffbf;text-decoration:none;line-height:1.5}.nav-overlay-col a:hover{color:#fff}.main-nav{padding:1.5rem 2rem;transition:background .4s ease,backdrop-filter .4s ease,margin .4s ease,border-radius .4s ease,box-shadow .4s ease}.main-nav.nav--scrolled{margin:.75rem 1rem;padding:1rem 1.5rem;background:#141313e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);mix-blend-mode:normal;border-radius:1rem;box-shadow:0 2px 24px #0000002e}.projects{padding:6rem 2rem}.project-item{gap:1.5rem}.project-title{font-size:1.5rem}.contact{padding:6rem 2rem}.main-footer{padding:1.5rem 2rem}}
