:root{--ink:#101010;--paper:#eeeef0;--lime:#c7ff3e;--muted:#858585}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif;overflow-x:hidden}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.noise{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.grid{position:absolute;top:0;width:100%;height:730px;background:linear-gradient(90deg,transparent 49.9%,#00000010 50%,transparent 50.1%),linear-gradient(#0000000b 1px,transparent 1px);background-size:calc(100% / 4) 100%,100% 120px;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-one{width:420px;height:420px;right:-100px;top:80px;background:radial-gradient(circle at 40% 35%,#fff,transparent 63%)}.orb-two{width:200px;height:200px;left:-80px;top:500px;background:var(--lime);opacity:.4;filter:blur(70px)}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;border-bottom:1px solid #1113}.brand{font-weight:700;font-size:28px;letter-spacing:-2px;color:inherit;text-decoration:none}.brand span{color:#8fbc12}.nav nav{display:flex;gap:30px}.nav a{color:inherit;text-decoration:none;font-size:13px;font-weight:600}.nav-cta{border:1px solid #111;padding:11px 15px;border-radius:99px}.nav-cta i{font-style:normal;margin-left:8px}.hero{min-height:640px;position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:55px 0 80px}.eyebrow,.section-number,.project-type{font:11px 'DM Mono',monospace;letter-spacing:.06em}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:8px;height:8px;background:#9bd91c;border-radius:50%;box-shadow:0 0 14px #9bd91c}.hero h1{font-size:clamp(56px,7.5vw,110px);line-height:.83;letter-spacing:-.075em;margin:25px 0 30px}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.1em}.intro{max-width:420px;font-size:17px;line-height:1.5;color:#303030}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;gap:28px;align-items:center;padding:15px 18px;text-decoration:none;font-size:13px;font-weight:700}.button.dark{background:var(--ink);color:white}.button b,.text-link b{font-size:18px}.text-link{color:var(--ink);font-size:13px;font-weight:600}.portrait-wrap{height:470px;position:relative;display:grid;place-items:center}.portrait{height:390px;width:290px;overflow:hidden;position:relative;z-index:1;transform:rotate(3deg);background:#111;box-shadow:16px 20px 0 #161616}.portrait img{height:100%;width:100%;object-fit:cover;object-position:center 57%;filter:grayscale(1) contrast(1.12)}.portrait-ring{position:absolute;border:1px solid #111;transform:rotate(-24deg);width:365px;height:365px}.ring-b{width:430px;height:285px;border-color:#1114;transform:rotate(28deg)}.photo-label{position:absolute;z-index:2;bottom:15px;left:0;background:var(--lime);font:11px 'DM Mono';padding:10px;line-height:1.4;transform:rotate(-2deg)}.floating-card{position:absolute;z-index:2;right:0;top:58px;background:#ffffffd9;padding:12px 18px;box-shadow:0 12px 30px #0002;backdrop-filter:blur(8px)}.floating-card span,.floating-card small{display:block;font:10px 'DM Mono';color:#555}.floating-card b{font-size:20px}.hero-meta{position:absolute;bottom:27px;width:100%;display:flex;justify-content:space-between;border-top:1px solid #1114;padding-top:12px;font:10px 'DM Mono';color:#777}.hero-meta b{display:block;color:#111;margin-top:3px}.section{padding:115px 0}.about{border-top:1px solid #111}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:28px}.about h2,.section-title,.service-heading h2,.contact h2{font-size:clamp(39px,5vw,72px);letter-spacing:-.07em;line-height:.91;margin:0}.about-copy{max-width:465px;font-size:18px;line-height:1.5}.about-copy p:first-child{margin-top:0}.stats{display:flex;gap:35px;margin-top:42px;border-top:1px solid #111;padding-top:17px}.stats div{display:grid}.stats b{font-size:32px;letter-spacing:-.08em}.stats span{font:10px 'DM Mono';color:#666}.skills{background:var(--ink);color:var(--paper)}.skills .section-number{color:#aaa}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid #ffffff44}.skill-grid article{min-height:250px;padding:22px 28px;border-right:1px solid #ffffff44;display:flex;flex-direction:column}.skill-grid article:first-child{padding-left:0}.skill-grid article:last-child{border-right:0}.skill-index{font:11px 'DM Mono';color:var(--lime)}.skill-grid h3{font-size:35px;letter-spacing:-.06em;margin:28px 0 10px}.skill-grid p{font-size:14px;color:#bbb;line-height:1.55;margin:0}.tag-row{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}.tag-row i,.project-tags i{font:9px 'DM Mono';font-style:normal;border:1px solid #ffffff55;padding:4px 6px;color:#ddd}.projects .section-title{margin:25px 0 55px}.project-list{border-top:1px solid #111}.project{display:grid;grid-template-columns:70px 1fr 180px 35px;gap:25px;padding:30px 0;border-bottom:1px solid #1114;align-items:start;transition:.25s}.project:hover{padding-left:16px;background:#e4e4e5}.project-num{font:12px 'DM Mono';padding-top:5px}.project h3{font-size:clamp(29px,3.7vw,50px);letter-spacing:-.07em;line-height:.87;margin:9px 0 15px}.project p:not(.project-type){max-width:530px;color:#505050;font-size:14px;line-height:1.45}.project-tags{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding-top:8px}.project-tags i{border-color:#1114;color:#333}.arrow{font-size:25px}.services{padding-top:20px}.service-heading{display:flex;justify-content:space-between;align-items:end;margin:28px 0 50px}.service-heading p{max-width:320px;line-height:1.5;font-size:15px}.services-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #111}.services-list span{font-size:17px;font-weight:600;padding:22px 0;border-bottom:1px solid #1114}.contact{background:var(--lime);padding:100px 0 40px;margin-top:110px}.contact h2{font-size:clamp(55px,8vw,115px);margin:30px 0 40px}.big-email{font-size:clamp(17px,2.3vw,32px);letter-spacing:-.05em;color:#111;text-decoration:none;border-bottom:2px solid #111}.big-email span{font-size:1.3em}.contact-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:100px;font:12px 'DM Mono';line-height:1.5}.contact-bottom a{color:#111;text-decoration:none}footer{height:90px;display:flex;align-items:center;justify-content:space-between;font:10px 'DM Mono'}footer p{margin:0}.reveal{animation:up .75s both}@keyframes up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{height:68px}.nav nav{display:none}.nav-cta{font-size:11px!important;padding:9px 11px}.hero{grid-template-columns:1fr;padding:56px 0 105px}.hero h1{font-size:61px}.intro{font-size:15px}.portrait-wrap{height:360px;margin-top:30px}.portrait{height:300px;width:230px}.portrait-ring{width:275px;height:275px}.ring-b{width:330px;height:220px}.floating-card{right:2px;top:35px}.photo-label{left:0;bottom:0}.hero-meta{bottom:25px}.about-grid{grid-template-columns:1fr;gap:37px}.section{padding:72px 0}.about h2{font-size:48px}.skill-grid{grid-template-columns:1fr}.skill-grid article,.skill-grid article:first-child{min-height:200px;padding:22px 0;border-right:0;border-bottom:1px solid #ffffff44}.project{grid-template-columns:35px 1fr 20px;gap:10px}.project-tags{display:none}.project h3{font-size:35px}.project p:not(.project-type){font-size:13px}.service-heading{display:block}.services-list{grid-template-columns:1fr}.contact{margin-top:55px;padding-top:72px}.contact-bottom{display:grid;gap:20px;margin-top:65px}.contact h2{font-size:56px}.big-email{font-size:18px;line-height:1.5}footer p:last-child{display:none}}