@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Inter:wght@300;400;500;600&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e8e8e8;background:#080808;font-family:Inter,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button{font:inherit}.site{background:#080808;min-height:100vh;overflow:hidden}.nav{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:28px 42px;animation:1s both fadeDown;display:flex;position:fixed;top:0;left:0}.logo{letter-spacing:.06em;color:#f2f2f2;text-shadow:0 0 8px #ffffff1f,0 0 24px #ffffff0f;font-size:24px;font-weight:600;transition:opacity .4s,text-shadow .5s,transform .4s}.logo:hover{opacity:1;text-shadow:0 0 8px #fff3,0 0 28px #ffffff1f,0 0 55px #ffffff0f;transform:translateY(-1px)}.navLinks{letter-spacing:.15em;text-transform:uppercase;gap:38px;font-family:DM Mono,monospace;font-size:9px;display:flex}.navLinks a{color:#777;transition:color .4s;position:relative}.navLinks a:after{content:"";background:#fff;width:0;height:1px;transition:width .4s;position:absolute;bottom:-5px;left:0}.navLinks a:hover{color:#fff}.navLinks a:hover:after{width:100%}.menu{color:inherit;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;font-family:DM Mono,monospace;font-size:9px;display:none}.hero{align-items:center;min-height:100vh;padding:0 8vw;display:flex;position:relative}.heroContent{animation:1.2s cubic-bezier(.22,1,.36,1) both heroReveal}.eyebrow,.sectionNumber,.comingSoon,footer{letter-spacing:.18em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:9px}.eyebrow{color:#555;margin-bottom:28px;animation:1s .1s both fadeUp}h1{letter-spacing:-.075em;font-size:clamp(70px,11vw,170px);font-weight:400;line-height:.82}h1 span{color:#666;transition:color .6s,text-shadow .6s}.hero:hover h1 span{color:#888;text-shadow:0 0 25px #ffffff09}.intro{color:#777;margin-top:42px;font-size:13px;line-height:1.7;animation:1s .3s both fadeUp}.explore{color:#888;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:18px;margin-top:55px;font-family:DM Mono,monospace;font-size:9px;transition:color .4s,transform .4s;animation:1s .5s both fadeUp;display:inline-flex}.explore:hover{color:#fff;transform:translateY(-3px)}.arrow{font-size:16px;transition:transform .4s}.explore:hover .arrow{transform:translateY(5px)}.section{opacity:0;border-top:1px solid #181818;grid-template-columns:1fr 2fr;gap:80px;min-height:80vh;padding:150px 8vw;animation:1s forwards sectionReveal;animation-timeline:view();animation-range:entry 10% cover 30%;display:grid;transform:translateY(30px)}.sectionNumber{color:#444;transition:color .4s}.section:hover .sectionNumber{color:#777}.section h2{letter-spacing:-.065em;font-size:clamp(55px,8vw,120px);font-weight:400;line-height:.88}.section h2 em{color:#555;font-style:normal;transition:color .5s}.section:hover h2 em{color:#777}.bodyText{color:#666;margin-top:55px;font-size:13px;line-height:1.8;transition:color .5s}.section:hover .bodyText{color:#888}.work{min-height:65vh}.comingSoon{color:#555;align-self:center;align-items:center;gap:25px;transition:color .4s,transform .5s;display:flex}.comingSoon:hover{color:#aaa;transform:translate(8px)}.line{background:#333;width:100px;height:1px;transition:width .5s,background .5s}.comingSoon:hover .line{background:#777;width:140px}footer{color:#3d3d3d;border-top:1px solid #181818;justify-content:space-between;padding:28px 42px;transition:color .4s;display:flex}footer:hover{color:#666}@keyframes fadeDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes heroReveal{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sectionReveal{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.nav{padding:24px}.logo{font-size:21px}.menu{display:block}.navLinks{background:#101010;border:1px solid #222;flex-direction:column;gap:20px;padding:20px;animation:.3s both fadeDown;display:none;position:absolute;top:65px;right:24px}.navLinks.open{display:flex}.hero{min-height:100svh;padding:0 24px}h1{font-size:clamp(64px,19vw,110px)}.intro{font-size:12px}.section{min-height:auto;padding:110px 24px;display:block}.sectionNumber{margin-bottom:70px}.section h2{font-size:20vw}.bodyText{margin-top:45px}.comingSoon{padding-bottom:80px}footer{padding:24px;font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}