*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f2ed;color:#101010;font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;mix-blend-mode:multiply}.logo{font:800 28px Manrope}.logo span{font-size:38px}.nav nav{display:flex;gap:30px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.nav-cta{border-bottom:1px solid #111;padding-bottom:5px;font-size:13px}.hero{min-height:100vh;padding:150px 8vw 70px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#1111 1px,transparent 1px),linear-gradient(90deg,#1111 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}.hero-copy{max-width:1000px;position:relative;z-index:2}.eyebrow,.section-no{font-size:11px;letter-spacing:.16em;font-weight:700}.hero h1{font:800 clamp(64px,10vw,155px)/.88 Manrope;letter-spacing:-.07em;margin:25px 0}.hero h1 em,.statement span,.about em,.skills em,.contact em{font-style:normal;color:#777}.lead{font-size:18px;line-height:1.6;max-width:620px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:40px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;padding:15px 24px;font-weight:700;cursor:pointer}.primary{background:#111;color:#fff}.primary span{margin-left:22px}.text-link{border-bottom:1px solid #111;padding-bottom:6px}.hero-meta{position:absolute;right:5vw;bottom:65px;display:flex;gap:25px;font-size:10px;letter-spacing:.12em}.orb{position:absolute;width:420px;height:420px;border-radius:50%;right:-90px;top:28%;background:radial-gradient(circle at 35% 35%,#fff 0 8%,#bbb 10%,#222 48%,#000 72%);filter:contrast(1.2);opacity:.9}.statement,.work,.about,.skills,.process,.contact{padding:130px 8vw}.statement{display:grid;grid-template-columns:1fr 3fr;border-top:1px solid #1113}.statement-copy{max-width:1000px}.big{font:700 clamp(38px,5vw,76px)/1.05 Manrope;letter-spacing:-.045em;margin:0}.small{max-width:500px;margin:55px 0 0 auto;line-height:1.7;color:#555}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:80px}.section-head h2,.skills h2,.contact h2{font:800 clamp(58px,8vw,120px)/.88 Manrope;letter-spacing:-.07em;margin:22px 0 0}.section-head>p{max-width:300px;line-height:1.6;color:#666}.project{border-top:1px solid #1114;padding:25px 0 70px}.project-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:#666}.project-body{display:grid;grid-template-columns:1fr 80px;align-items:start;margin-top:40px}.project h3{font:700 clamp(34px,4.4vw,68px)/1 Manrope;letter-spacing:-.05em;margin:0 0 20px}.project p{max-width:680px;line-height:1.65;color:#555}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.tags span,.skill-cloud span{border:1px solid #1113;padding:8px 12px;font-size:11px}.project-arrow{font-size:46px;text-align:right}.project-image{height:430px;margin-top:40px;overflow:hidden}.project-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#171717,#888);color:#fff;position:relative}.project-placeholder:after{content:"";position:absolute;inset:15px;border:1px solid #fff4}.project-placeholder span{font:800 130px Manrope;opacity:.13}.project-placeholder b{position:absolute;bottom:25px;left:25px;font-size:11px;letter-spacing:.15em}.about{background:#111;color:#f4f2ed}.about .section-no{color:#999}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:80px}.about h2{font:800 clamp(55px,7vw,105px)/.9 Manrope;letter-spacing:-.07em;margin:0}.about-lead{font:700 28px/1.25 Manrope}.about p:not(.about-lead){color:#aaa;line-height:1.8}.facts{display:flex;gap:45px;margin-top:65px}.facts strong{display:block;font:800 34px Manrope}.facts span{display:block;color:#888;font-size:12px;margin-top:6px}.skills h2{margin-bottom:70px}.skill-cloud{display:flex;gap:10px;flex-wrap:wrap;max-width:1000px}.skill-cloud span{font-size:14px;padding:12px 16px}.process{background:#dedbd3}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:70px}.process-grid div{border-top:1px solid #111;padding-top:20px}.process-grid span{font-size:11px;color:#777}.process-grid h3{font:700 30px Manrope;margin:55px 0 12px}.process-grid p{color:#666;line-height:1.6}.contact{background:#101010;color:#f4f2ed}.contact .section-no{color:#888}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:80px}.contact h2{margin:0}.contact p{max-width:500px;color:#999;line-height:1.7}.contact form{display:grid;gap:22px}.contact label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#888}.contact input,.contact textarea,.contact select{display:block;width:100%;margin-top:9px;padding:15px 0;border:0;border-bottom:1px solid #fff4;background:transparent;color:#fff;outline:none;font:16px "DM Sans"}.contact select option{color:#111}.contact button{justify-self:start;margin-top:12px}.contact #formStatus{font-size:13px;color:#aaa}.cursor{display:none}footer{padding:30px 4vw;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#666}footer .logo{color:#111}footer a{color:#111}@media(max-width:800px){.nav nav{display:none}.hero{padding:130px 6vw 80px}.orb{width:260px;height:260px;right:-120px;top:52%}.hero h1{font-size:16vw}.statement,.work,.about,.skills,.process,.contact{padding:90px 6vw}.statement{display:block}.small{margin-left:0}.section-head,.about-grid,.contact-grid{display:block}.section-head>p{margin-top:35px}.project-image{height:300px}.process-grid{grid-template-columns:1fr 1fr}.process-grid h3{margin-top:30px}.facts{gap:20px;flex-wrap:wrap}.contact-grid>div{margin-bottom:60px}footer{gap:15px;flex-wrap:wrap}}