:root{
  --bg:#08090b;--text:#f3f4f5;--muted:#8c9098;--line:#24272c;--blue:#2778ff;--blue2:#6aa1ff;
  --pad:clamp(20px,4vw,64px);--radius:4px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 70% 10%,rgba(39,120,255,.09),transparent 28%),radial-gradient(circle at 15% 65%,rgba(39,120,255,.045),transparent 25%);pointer-events:none}
.noise{position:fixed;inset:0;z-index:50;opacity:.035;pointer-events:none;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.nav{height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:fixed;top:0;left:0;right:0;z-index:40;background:rgba(8,9,11,.72);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;letter-spacing:.2em}.brand-mark{width:25px;height:25px;display:flex;gap:3px;transform:skewY(-14deg)}.brand-mark i{display:block;width:10px;background:var(--text);border-radius:2px}.brand-mark i:last-child{background:var(--blue);height:17px;margin-top:8px}
.nav nav{display:flex;gap:34px;font:12px "DM Mono",monospace;text-transform:uppercase;color:#a8abb1}.nav nav a:hover{color:#fff}.nav-cta{font:11px "DM Mono",monospace;text-transform:uppercase;border:1px solid #34383f;padding:11px 15px;transition:.25s}.nav-cta:hover{background:#fff;color:#08090b;border-color:#fff}.nav-cta span{color:var(--blue2);margin-left:8px}
.hero{min-height:100vh;padding:170px var(--pad) 55px;position:relative;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line)}
.hero-kicker,.eyebrow,.mono,.project-label,.hero-side{font:11px "DM Mono",monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(39,120,255,.12);margin-right:9px}
.hero h1{font-size:clamp(64px,12vw,190px);line-height:.82;letter-spacing:-.075em;margin:70px 0 0;font-weight:800;max-width:1200px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #6d7179}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.hero-copy{max-width:470px;font-size:15px;line-height:1.65;color:#a8abb1}.circle-link{width:66px;height:66px;border:1px solid #3a3e45;border-radius:50%;display:grid;place-items:center;font-size:23px;transition:.3s}.circle-link:hover{background:var(--blue);border-color:var(--blue);transform:rotate(-45deg)}.hero-side{position:absolute;right:var(--pad);top:52%;writing-mode:vertical-rl;font-size:9px}
.marquee{overflow:hidden;border-bottom:1px solid var(--line);padding:18px 0;white-space:nowrap;color:#555a63;font:11px "DM Mono",monospace}.marquee div{display:inline-block;animation:marquee 25s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.section-pad{padding:140px var(--pad);border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1.2fr .7fr;gap:10vw;margin-top:75px}.intro h2,.services h2,.process h2{font-size:clamp(42px,6vw,86px);line-height:.95;letter-spacing:-.06em;margin:0}.intro h2 span,.services h2 span,.process h2 span{color:var(--muted)}.intro-grid p{color:#9da1a9;font-size:16px;line-height:1.7;max-width:500px}.text-link{display:inline-flex;gap:18px;margin-top:28px;border-bottom:1px solid #454951;padding-bottom:9px;font-size:13px}.text-link span{color:var(--blue)}
.section-head,.contact-top{display:flex;justify-content:space-between;align-items:center}.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:90px 30px;margin-top:70px}.project:nth-child(2){margin-top:180px}.project:nth-child(3){margin-top:-20px}.project:nth-child(4){margin-top:80px}.project-visual{height:clamp(390px,46vw,670px);position:relative;overflow:hidden;background:#121418;border:1px solid #22262c}.project-small .project-visual{height:clamp(350px,39vw,560px)}.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 30%,rgba(255,255,255,.025));pointer-events:none}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#252932 1px,transparent 1px),linear-gradient(90deg,#252932 1px,transparent 1px);background-size:70px 70px;opacity:.5;transform:perspective(700px) rotateX(55deg) scale(1.5);transform-origin:center bottom}.visual-auto{background:radial-gradient(circle at 70% 45%,#16315f,#0c0e12 47%)}.mock-window{position:absolute;left:11%;top:15%;right:11%;bottom:12%;background:#0b0d10;border:1px solid #2c3037;padding:9%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 70px #0008}.mock-window span{font:10px "DM Mono";color:#717781}.mock-window strong{font-size:clamp(34px,5vw,75px);line-height:.82;letter-spacing:-.06em}.mock-window small{font:10px "DM Mono";color:#777d87}.project-label{position:absolute;left:24px;top:22px;z-index:2}.visual-salon{background:#d8d2c7;color:#141414}.salon-type{position:absolute;left:9%;bottom:10%;font-size:clamp(40px,5vw,75px);line-height:.83;letter-spacing:-.07em;font-weight:800}.salon-line{position:absolute;right:10%;top:20%;width:38%;height:38%;border:1px solid #777;transform:rotate(27deg);border-radius:50%}.visual-food{background:#1c231e}.food-circle{position:absolute;width:58%;aspect-ratio:1;border-radius:50%;border:1px solid #647060;left:21%;top:21%;display:grid;place-items:center;text-align:center;font-size:clamp(24px,3.2vw,50px);line-height:.85;letter-spacing:-.05em}.visual-build{background:#d4d6d7;color:#111}.build-number{position:absolute;right:8%;top:16%;font:12px "DM Mono"}.build-title{position:absolute;left:8%;bottom:12%;font-size:clamp(45px,6vw,90px);font-weight:800;line-height:.8;letter-spacing:-.07em}.build-line{position:absolute;width:70%;height:1px;background:#555;right:-20%;top:45%;transform:rotate(-35deg)}.project-info{display:flex;justify-content:space-between;padding:18px 2px}.project-info h3{font-size:18px;margin:0 0 5px;letter-spacing:-.03em}.project-info p{font:10px "DM Mono";color:#777c85;margin:0;text-transform:uppercase}.project-info>span{font-size:20px;color:var(--blue)}
.services-layout{display:grid;grid-template-columns:.7fr 1fr;gap:9vw;margin-top:80px}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:50px 1fr 30px;gap:20px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start;transition:.3s}.service:hover{padding-left:15px}.service>span{font:10px "DM Mono";color:#5f646d}.service h3{margin:0 0 8px;font-size:21px}.service p{margin:0;max-width:550px;color:#858a93;font-size:13px;line-height:1.6}.service b{font-weight:400;color:#555}.service:hover b{color:var(--blue)}
.process-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:70px 0 100px}.process-intro p{max-width:310px;color:#858a93;line-height:1.6;font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{padding:25px 25px 20px 0;border-right:1px solid var(--line);min-height:200px}.step:not(:first-child){padding-left:25px}.step:last-child{border-right:0}.step>span{font:10px "DM Mono";color:var(--blue)}.step h3{font-size:20px;margin:45px 0 12px}.step p{font-size:12px;color:#858a93;line-height:1.65;max-width:220px}
.contact{padding:140px var(--pad) 25px;background:#f1f2f3;color:#0a0b0d}.contact .eyebrow,.contact .mono{color:#73777e}.contact h2{font-size:clamp(55px,10vw,145px);line-height:.82;letter-spacing:-.075em;margin:100px 0 80px}.contact h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #777c83}.contact-mail{font-size:clamp(20px,3vw,42px);font-weight:600;letter-spacing:-.04em;border-bottom:2px solid #111;padding-bottom:12px;display:inline-flex;gap:25px}.contact-mail span{color:var(--blue)}.contact-bottom{border-top:1px solid #c6c8cb;margin-top:150px;padding-top:18px;display:flex;justify-content:space-between;font:9px "DM Mono";color:#6c7077}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
.cursor,.cursor-dot{position:fixed;pointer-events:none;z-index:100;display:none}.cursor{width:42px;height:42px;border:1px solid #fff;border-radius:50%;transform:translate(-50%,-50%);transition:width .25s,height .25s}.cursor-dot{width:5px;height:5px;background:var(--blue);border-radius:50%;transform:translate(-50%,-50%)}@media(pointer:fine){.cursor,.cursor-dot{display:block}}
@media(max-width:800px){.nav{height:70px}.nav nav{display:none}.nav-cta{padding:9px 11px;font-size:9px}.hero{padding-top:125px;min-height:88vh}.hero h1{font-size:clamp(57px,17vw,120px);margin-top:55px}.hero-side{display:none}.hero-bottom{align-items:end}.hero-copy{font-size:13px;max-width:360px}.circle-link{width:54px;height:54px;flex:0 0 auto}.section-pad{padding-top:90px;padding-bottom:90px}.intro-grid,.services-layout{grid-template-columns:1fr;gap:50px}.projects{grid-template-columns:1fr;gap:55px}.project:nth-child(2),.project:nth-child(3),.project:nth-child(4){margin-top:0}.project-small .project-visual,.project-visual{height:110vw;max-height:520px}.steps{grid-template-columns:1fr 1fr}.step{border-bottom:1px solid var(--line)}.step:nth-child(2){border-right:0}.process-intro{display:block;margin-bottom:60px}.process-intro p{margin-top:25px}.contact{padding-top:90px}.contact h2{margin:80px 0 55px}.contact-bottom{margin-top:90px;gap:15px;flex-wrap:wrap}.contact-bottom span:nth-child(2){display:none}}