:root{color:#f5f5f5;background:#050505;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:#050505;scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}header{position:fixed;z-index:10;top:clamp(1.5rem,4vw,3rem);right:clamp(1.5rem,4vw,4rem);left:clamp(1.5rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:0;text-transform:uppercase;pointer-events:none}header a{pointer-events:auto}.nav-links{display:flex;align-items:center;gap:clamp(1rem,3vw,2rem)}.wordmark{font-weight:700;letter-spacing:.04em}.wordmark span{font-size:7px;vertical-align:top;margin-left:2px}.nav-links a{border-bottom:1px solid transparent;padding-bottom:3px;transition:border-color .2s ease,color .2s ease}.nav-links a:hover{color:#fff;border-bottom-color:#6e6e6e}.contact{border-bottom:1px solid #6e6e6e}main{position:relative;isolation:isolate}.hero-shell{position:relative;min-height:100svh;overflow:hidden}.scene{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0}.spline-scene{width:100%;height:100%;border:0}.scene:before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,#050505 0 13%,transparent 25%),linear-gradient(0deg,#050505 0 48%,transparent 58%);pointer-events:none}.scene:after{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,rgba(5,5,5,.38),transparent 62%),linear-gradient(0deg,rgba(5,5,5,.48),transparent 36%);pointer-events:none}.hero{display:flex;position:relative;z-index:1;min-height:100svh;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,4rem);padding-top:clamp(5rem,10vw,7rem);pointer-events:none}.eyebrow{margin:0 0 1.1rem;color:#a5a5a5;font-size:11px;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(4rem,13vw,12.5rem);font-weight:700;letter-spacing:0;line-height:.79}.manifesto{margin:2.5rem 0 0;max-width:12rem;color:#d1d1d1;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.25}.portfolio{position:relative;z-index:1;padding:clamp(4rem,10vw,8rem) clamp(1.5rem,4vw,4rem);border-top:1px solid #1a1a1a;background:#050505}.section-title{margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em;line-height:1}.section-lead{margin:1.25rem 0 0;max-width:32rem;color:#a5a5a5;font-size:clamp(.95rem,1.4vw,1.05rem);line-height:1.55}.project-list{margin:clamp(2.5rem,5vw,4rem) 0 0;padding:0;list-style:none}.project-card{max-width:40rem;padding:clamp(1.5rem,3vw,2rem) 0;border-top:1px solid #222}.project-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem 1.25rem}.project-card h3{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.02em}.project-tag{color:#7a7a7a;font-size:11px;letter-spacing:.02em;text-transform:uppercase}.project-desc{margin:1rem 0 0;max-width:36rem;color:#c8c8c8;font-size:clamp(.95rem,1.4vw,1.05rem);line-height:1.6}.project-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.25rem;color:#f5f5f5;font-size:11px;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #444;padding-bottom:3px;transition:border-color .2s ease,color .2s ease}.project-link:hover{color:#fff;border-bottom-color:#f5f5f5}footer{display:flex;align-items:center;justify-content:space-between;padding:clamp(1.5rem,4vw,3rem) clamp(1.5rem,4vw,4rem);color:#9b9b9b;font-size:11px;letter-spacing:0;text-transform:uppercase;border-top:1px solid #1a1a1a}@media(max-width:600px){footer{font-size:9px}h1{line-height:.84}.scene{opacity:.72;transform:scale(1.25)}.nav-links{gap:1rem}}