:root{--bg:#070707;--fg:#f3f3ed;--muted:#9b9b95;--acid:#b7ff3c;--line:#2b2b29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px 3vw;background:linear-gradient(#070707 30%,transparent);mix-blend-mode:normal}.logo{font-weight:900;font-size:1.45rem;letter-spacing:-.08em}.logo span{color:var(--acid)}nav{display:flex;align-items:center;gap:28px;font-size:.9rem}nav a{transition:opacity .2s}nav a:hover{opacity:.6}.contact-pill{border:1px solid #555;border-radius:100px;padding:12px 18px}.hero{min-height:100vh;padding:145px 3vw 25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.eyebrow,.kicker{text-transform:uppercase;font-size:.72rem;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:10px;color:#b8b8b3}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}h1{font-size:clamp(4.2rem,10.9vw,10.8rem);font-weight:800;line-height:.82;letter-spacing:-.075em;margin:7vh 0}h1 span,.contact h2 span{color:var(--acid);font-style:italic;font-weight:400}.hero-bottom{display:flex;justify-content:flex-end;align-items:flex-end;gap:8vw}.hero-bottom p{max-width:510px;color:#c4c4be;line-height:1.5;font-size:clamp(1.05rem,1.6vw,1.5rem);margin:0}.round-link{display:grid;place-items:center;width:72px;height:72px;border:1px solid #666;border-radius:50%;font-size:1.8rem}.ticker{margin:9vh -3vw 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;color:#797975;font-size:.75rem;letter-spacing:.14em;padding:14px 0}.ticker div{width:max-content;animation:marquee 26s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section-pad{padding:120px 3vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.kicker{color:var(--muted);display:block;margin-bottom:18px}h2{font-size:clamp(3rem,6.5vw,6.5rem);line-height:.92;letter-spacing:-.06em;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;color:#aaa;border-radius:99px;padding:10px 16px;cursor:pointer;font:inherit;font-size:.82rem}.filters button.active,.filters button:hover{background:var(--fg);color:var(--bg)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--line)}.card{background:var(--bg);padding:15px;min-height:42vw;display:flex;flex-direction:column;gap:16px;transition:opacity .35s}.card.hidden{display:none}.card-visual{position:relative;flex:1;min-height:330px;overflow:hidden;background:var(--accent);isolation:isolate}.card-visual:before{content:"";position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:var(--bg);top:50%;left:50%;transform:translate(-50%,-50%);mix-blend-mode:multiply}.card-visual:after{content:attr(data-initial);position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(8rem,18vw,18rem);font-weight:900;letter-spacing:-.12em;color:rgba(255,255,255,.82);transform:rotate(-8deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.card:hover .card-visual:after{transform:rotate(0) scale(1.06)}.card-visual.has-image:before,.card-visual.has-image:after{display:none}.card-visual img{width:100%;height:100%;object-fit:cover}.card-meta{display:flex;justify-content:space-between;gap:20px;align-items:end}.card h3{font-size:clamp(1.5rem,2.6vw,2.7rem);letter-spacing:-.045em;margin:0 0 8px}.card p{color:var(--muted);margin:0;line-height:1.45}.card small{text-transform:uppercase;letter-spacing:.12em;color:#777}.about{display:grid;grid-template-columns:1fr 3fr;border-top:1px solid var(--line)}.about-label{display:flex;flex-direction:column;justify-content:space-between;color:var(--muted)}.about-copy h2 em{font-weight:400;color:#7d7d78}.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin:70px 0}.about-cols p{font-size:clamp(1.05rem,1.5vw,1.4rem);line-height:1.55;color:#bcbcb6;margin:0}.services{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.services li{padding:18px 0;border-bottom:1px solid var(--line);font-size:clamp(1.2rem,2vw,1.8rem)}.services li:before{content:"↳";color:var(--acid);margin-right:18px}.clients{border-top:1px solid var(--line)}.client-line{display:flex;flex-wrap:wrap;gap:2vw 5vw;color:#7e7e79;font-size:clamp(1.5rem,3vw,3.2rem);font-weight:700;letter-spacing:-.04em}.contact{background:var(--acid);color:#070707;padding-bottom:35px}.contact .kicker{color:#353b2c}.contact h2{font-size:clamp(4rem,10vw,10rem);margin:5vw 0}.contact h2 span{color:#070707}.contact>a{font-size:clamp(1.1rem,2.2vw,2rem);border-bottom:2px solid #070707;padding-bottom:5px}.contact-foot{display:flex;justify-content:space-between;margin-top:120px;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}@media(max-width:760px){.nav{padding:18px 20px}.nav nav>a:not(.contact-pill){display:none}.hero{padding:120px 20px 20px;min-height:92vh}h1{font-size:clamp(4rem,19vw,7rem);line-height:.85}.hero-bottom{justify-content:space-between;align-items:end}.hero-bottom p{font-size:1rem;max-width:70%}.round-link{width:55px;height:55px}.section-pad{padding:80px 20px}.section-head{align-items:start;flex-direction:column;gap:35px}.project-grid{grid-template-columns:1fr}.card{min-height:125vw}.card-visual{min-height:280px}.about{grid-template-columns:1fr;gap:50px}.about-label{flex-direction:row}.about-cols{grid-template-columns:1fr;margin:45px 0;gap:25px}.contact-foot{gap:30px;align-items:end}.contact h2{font-size:18vw}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.ticker div{animation:none}.card-visual:after{transition:none}}
