:root{--bg:#101314;--surface:#171b1c;--ink:#f3f3f0;--muted:#a9adae;--line:#343839;--lime:#d5ff36;--blue:#36baff;--black:#090b0b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.16)}.brand{letter-spacing:.35em;font-weight:700;font-size:16px}.brand b{color:var(--lime)}.nav{display:flex;align-items:center;gap:38px;font-size:14px}.nav a:not(.nav-cta){opacity:.85}.nav a:hover{opacity:1;color:var(--lime)}.nav-cta{background:var(--lime);color:#0a0b09;padding:13px 22px;font-weight:800}.menu-toggle{display:none}.hero{position:relative;min-height:800px;height:100svh;max-height:980px;overflow:hidden;background:#0a0d0e}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,12,.97) 0%,rgba(8,11,12,.78) 34%,rgba(8,11,12,.08) 67%,rgba(8,11,12,.12) 100%)}.hero-copy{position:absolute;z-index:2;left:clamp(24px,4vw,64px);top:50%;transform:translateY(-47%);max-width:820px}.hero h1,.section h2,.contact h2{font-size:clamp(58px,6.8vw,110px);letter-spacing:-.075em;line-height:.9;margin:0;font-weight:800}.hero h1 em,.section h2 em{font-style:normal;color:var(--lime)}.hero p{font-size:clamp(18px,1.55vw,25px);line-height:1.5;color:#d3d6d6;max-width:610px;margin:32px 0}.button{display:inline-flex;align-items:center;padding:16px 20px;font-weight:800}.button-blue{background:var(--blue);color:#061116}.sound-line{position:absolute;z-index:3;right:4vw;bottom:38px;height:40px;display:flex;gap:5px;align-items:center}.sound-line i{display:block;width:2px;background:var(--lime);height:var(--h,16px);animation:pulse 1.2s ease-in-out infinite alternate}.sound-line i:nth-child(2n){--h:32px;animation-delay:.2s}.sound-line i:nth-child(3n){--h:24px;animation-delay:.45s}.scroll-note{position:absolute;bottom:38px;left:4vw;font:11px DM Mono;letter-spacing:.2em}.section{padding:120px clamp(24px,4vw,64px)}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.section-top h2{font-size:clamp(60px,7vw,108px)}.section-top p{font:14px DM Mono;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);max-width:270px;line-height:1.8}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line)}.project{position:relative;overflow:hidden;background:#090b0b;aspect-ratio:1/1.12;padding:30px;display:flex;flex-direction:column;justify-content:flex-end}.project img{position:absolute;inset:0;height:100%;object-fit:cover;filter:saturate(.65) brightness(.65);transition:transform .65s ease,filter .4s}.project:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.project>*:not(img){position:relative;z-index:2}.project:hover img{transform:scale(1.035);filter:saturate(1) brightness(.8)}.project-type{font:11px DM Mono;text-transform:uppercase;letter-spacing:.22em}.project h3{font-size:clamp(25px,2.3vw,38px);margin:9px 0 0}.services{display:grid;grid-template-columns:minmax(280px,.75fr) 2fr;gap:8vw;background:var(--surface)}.services-intro h2{font-size:clamp(64px,6vw,98px)}.services-intro h2 em{color:var(--blue)}.services-intro p{font:13px DM Mono;text-transform:uppercase;letter-spacing:.18em;line-height:1.8;color:var(--muted);margin-top:40px}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:120px 1fr 1fr;gap:30px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}.service>span{font-size:52px;font-weight:800;color:#676b6c}.service h3{font-size:24px;margin:0}.service p{color:var(--muted);line-height:1.6;margin:0}.about{padding-bottom:0}.about-copy{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:8vw;margin-bottom:70px}.about-copy h2{font-size:clamp(62px,7vw,112px)}.about-copy h2 em{color:var(--blue)}.about-copy p{font-size:22px;line-height:1.6;color:#d1d3d3;max-width:560px}.about-image{position:relative;height:min(43vw,590px);overflow:hidden}.about-image img{height:100%;object-fit:cover;filter:grayscale(.75) brightness(.66)}.signature{position:absolute;right:5%;top:17%;font:italic 31px/1.15 Manrope;transform:rotate(-7deg);color:var(--lime)}.contact{background:var(--lime);color:var(--black);padding:90px clamp(24px,4vw,64px) 30px;display:grid;grid-template-columns:1.6fr .8fr;gap:7vw}.contact h2{font-size:clamp(58px,6.5vw,104px)}.contact-main svg{width:85%;height:42px}.contact-main path{fill:none;stroke:var(--blue);stroke-width:9;stroke-linecap:round}.contact-links{padding-top:22px;border-left:1px solid rgba(0,0,0,.4);padding-left:45px}.email{font-size:clamp(20px,2vw,31px);font-weight:800;border-bottom:2px solid}.contact-links>div{display:flex;gap:42px;margin-top:70px}.contact-links>div a{border-bottom:1px solid;font-weight:700}footer{grid-column:1/-1;border-top:1px solid rgba(0,0,0,.4);margin-top:30px;padding-top:24px;display:flex;justify-content:space-between;font-size:14px}footer b{letter-spacing:.12em}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes pulse{to{height:7px}}
@media(max-width:900px){.site-header{height:70px;position:absolute}.nav{position:fixed;inset:70px 0 auto;background:#101314;padding:30px 24px;display:none;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-toggle{display:block;background:none;border:0;width:34px;height:30px}.menu-toggle span{display:block;height:2px;background:white;margin:7px 0}.hero{min-height:740px}.hero>img{object-position:63% center}.hero-shade{background:linear-gradient(90deg,rgba(8,11,12,.94),rgba(8,11,12,.42)),linear-gradient(0deg,rgba(8,11,12,.8),transparent 50%)}.hero-copy{top:47%;max-width:92%}.hero h1{font-size:clamp(48px,12vw,76px)}.hero p{font-size:17px;max-width:480px}.projects{grid-template-columns:1fr}.project{aspect-ratio:1.45/1}.services{grid-template-columns:1fr}.service{grid-template-columns:80px 1fr}.service p{grid-column:2}.about-copy{grid-template-columns:1fr}.about-image{height:55vw}.contact{grid-template-columns:1fr}.contact-links{border-left:0;border-top:1px solid;padding:35px 0 15px}.sound-line{display:none}}
@media(max-width:560px){.section{padding:85px 20px}.site-header{padding:0 20px}.brand{font-size:13px}.hero-copy{left:20px}.hero h1{font-size:47px;line-height:.94}.hero p{font-size:16px}.scroll-note{left:20px}.section-top{display:block}.section-top p{margin-top:25px}.project{aspect-ratio:1/1.05;padding:22px}.services{gap:50px}.service{grid-template-columns:58px 1fr;gap:12px}.service>span{font-size:37px}.service h3{font-size:20px}.about-copy p{font-size:18px}.about-image{height:75vw}.signature{font-size:21px}.contact{padding:70px 20px 25px}.contact h2{font-size:47px}.contact-links>div{gap:20px;flex-wrap:wrap;margin-top:50px}footer{align-items:flex-end;gap:20px}footer span{text-align:right;font-size:11px}}

@media(min-width:901px){.hero-copy{max-width:1120px}.hero h1{font-size:clamp(58px,6vw,86px);letter-spacing:-.065em}}

.brand{display:flex;align-items:center;width:clamp(190px,18vw,275px);height:66px}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.footer-logo{width:clamp(190px,22vw,310px);height:auto;filter:brightness(0)}
.footer-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:10px;text-align:right}.site-credit{font-size:12px;letter-spacing:.04em}.site-credit a{position:relative;font-weight:800;border-bottom:1px solid rgba(0,0,0,.55);transition:color .2s ease,border-color .2s ease}.site-credit a::after{content:attr(data-domain);position:absolute;right:0;bottom:calc(100% + 8px);padding:6px 9px;background:var(--black);color:var(--ink);font:10px DM Mono;letter-spacing:.08em;white-space:nowrap;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.site-credit a:hover,.site-credit a:focus-visible{color:#075f88;border-color:#075f88}.site-credit a:hover::after,.site-credit a:focus-visible::after{opacity:1;transform:none}
@media(max-width:560px){.brand{width:172px;height:56px}.footer-logo{width:170px}}