@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap');
:root{--bg:#101211;--panel:#171b19;--panel2:#1d2320;--text:#f1f2ec;--muted:#a0a9a2;--line:rgba(235,242,232,.13);--accent:#c7f36b;--accent2:#8ebd36;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.page-noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;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='.4'/%3E%3C/svg%3E")}
.header{height:82px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(16,18,17,.9);backdrop-filter:blur(16px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto}.brand-logo{display:block;width:190px;height:62px;object-fit:contain;object-position:left center}.footer-logo{width:170px;height:56px}.nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:700;color:#c2c9c2}.nav a{transition:color .2s}.nav a:hover{color:var(--accent)}.nav-contact{border:1px solid var(--line);padding:11px 16px;border-radius:3px}.nav-contact span{color:var(--accent);margin-left:8px}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--text);margin:5px}
.hero{min-height:670px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 90%)}.hero-inner{min-height:590px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;padding-top:45px;padding-bottom:50px;position:relative}.eyebrow,.section-kicker,.direction-label,.photo-index,.hero-coordinate,.hero-bottom,.image-label,.about-topline,.work-image-caption,.tile-number,.to-top{font:500 10px 'DM Mono',monospace;letter-spacing:.13em}.eyebrow{color:#aab3ab;display:flex;align-items:center;gap:10px}.status-dot,.tiny-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #c7f36b80}.hero h1,.section-heading h2,.intro-title,.work-copy h2,.about-main h2,.contact-content h2{font:600 clamp(54px,7vw,92px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:28px 0 24px}.hero h1 em,.intro-title em,.section-heading h2 em,.work-copy h2 em,.about-main h2 em,.contact-content h2 em{color:var(--accent);font-style:normal}.hero-lead{max-width:500px;color:#aeb7af;font-size:15px;line-height:1.85}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:12px;font-weight:800;letter-spacing:.01em;border:1px solid transparent;border-radius:3px;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:16px}.button-primary{background:var(--accent);color:#11170b}.button-primary:hover{background:#d7ff85}.button-ghost{border-color:var(--line);color:var(--text)}.button-ghost:hover{border-color:var(--accent)}.hero-note{display:flex;align-items:center;gap:13px;margin-top:58px;color:#7f8981;font:10px 'DM Mono',monospace;letter-spacing:.06em}.note-line{height:1px;width:34px;background:var(--accent)}.hero-visual{position:relative;padding:18px 12px 35px 22px}.hero-image-frame{height:410px;position:relative;border:1px solid #414a42;background:#222;box-shadow:22px 22px 0 rgba(199,243,107,.08)}.hero-image-frame:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.2);z-index:1;pointer-events:none}.image-label{position:absolute;bottom:0;left:0;right:0;background:rgba(13,16,14,.85);padding:14px 18px;display:flex;justify-content:space-between;color:#d3dbd2;z-index:2}.image-label span:last-child{color:var(--accent)}.hero-stamp{position:absolute;right:-12px;top:-12px;width:94px;height:94px;border-radius:50%;background:var(--accent);color:#151b10;display:flex;align-items:center;justify-content:center;gap:7px;transform:rotate(9deg);box-shadow:0 12px 35px #0006}.hero-stamp>span{font:700 36px 'Space Grotesk'}.hero-stamp small{font:700 8px/1.3 'DM Mono'}.hero-coordinate{position:absolute;right:10px;bottom:0;color:#78827a}.hero-bottom{display:flex;justify-content:space-between;color:#707a72;padding-bottom:22px}.hero-bottom b{color:var(--accent);font-size:15px;margin-left:8px}
.section-pad{padding:120px 0}.intro{border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px}.section-kicker{color:var(--accent);padding-top:12px}.intro-title{font-size:clamp(42px,5vw,64px);margin:0 0 22px}.intro-text{max-width:590px;color:var(--muted);font-size:14px;line-height:1.9;margin:0}
.directions{display:grid;grid-template-columns:1fr 1fr}.direction-card{display:grid;grid-template-columns:1fr 1fr;min-height:580px;background:#151917}.direction-card+ .direction-card{border-left:1px solid var(--line);background:#131715}.direction-photo{position:relative;min-height:100%;overflow:hidden}.direction-photo img{position:absolute;inset:0;transition:transform .7s;filter:saturate(.78)}.direction-card:hover .direction-photo img{transform:scale(1.04)}.photo-index{position:absolute;top:22px;left:22px;background:#101411d9;padding:9px 12px;color:var(--accent)}.direction-content{padding:58px 34px 42px;display:flex;flex-direction:column;align-items:flex-start}.direction-label{font-size:9px;color:#a4aea5;display:flex;gap:9px;align-items:center}.direction-content h2{font:600 clamp(42px,4.5vw,62px)/1 'Space Grotesk';letter-spacing:-.06em;margin:25px 0 16px}.direction-content h2 span{color:var(--accent)}.direction-desc{font-size:13px;color:#aab3ab;line-height:1.8;margin:0 0 22px}.service-list{list-style:none;margin:0 0 30px;padding:0;width:100%}.service-list li{font-size:11px;color:#d1d8d0;border-top:1px solid var(--line);padding:12px 0 12px 17px;position:relative}.service-list li:before{content:"↗";position:absolute;left:0;color:var(--accent);font-size:10px}.text-link{margin-top:auto;color:var(--accent);font-size:12px;font-weight:800;border-bottom:1px solid #c7f36b65;padding-bottom:8px}.text-link span{margin-left:20px}
.services{background:#e8ece4;color:#171c18}.services .section-kicker{color:#607c34}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start;margin-bottom:62px}.section-heading h2{font-size:clamp(46px,5vw,68px);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c5ccc1;border-bottom:1px solid #c5ccc1}.service-tile{padding:27px 25px 32px;min-height:280px;position:relative;border-right:1px solid #c5ccc1}.service-tile:first-child{border-left:1px solid #c5ccc1}.tile-number{color:#74806f}.service-tile h3{font:600 21px/1.2 'Space Grotesk';letter-spacing:-.04em;margin:28px 0 12px}.service-tile p{font-size:11px;line-height:1.8;color:#697369;margin:0}.tile-icon{height:38px;margin-top:20px;display:flex;align-items:center;gap:5px}.icon-speaker span{display:block;width:9px;border:2px solid #5d7c31;border-radius:50%;aspect-ratio:1}.icon-speaker span:nth-child(2){width:19px}.icon-speaker span:nth-child(3){width:28px}.icon-guitar span{display:block;width:34px;height:34px;border:2px solid #5d7c31;border-radius:45% 45% 55% 55%;transform:rotate(35deg);position:relative}.icon-guitar span:after{content:"";position:absolute;width:5px;height:27px;background:#5d7c31;top:-22px;left:14px}.icon-light span{width:10px;height:26px;background:#5d7c31;transform:skew(-15deg);box-shadow:0 0 0 4px #5d7c311c}.icon-mixer span{width:7px;height:29px;border:1px solid #5d7c31;border-radius:5px;position:relative}.icon-mixer span:after{content:"";position:absolute;top:8px;left:-3px;width:11px;height:4px;background:#5d7c31}
.work-section{padding:120px 0;background:#131715;border-bottom:1px solid var(--line)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.work-copy h2{font-size:clamp(46px,5vw,68px);margin:26px 0}.work-copy>p{color:var(--muted);font-size:13px;line-height:1.9;max-width:470px}.work-steps{margin-top:38px}.work-steps>div{display:flex;gap:20px;padding:17px 0;border-top:1px solid var(--line)}.work-steps>b,.work-steps>div>b{font:11px 'DM Mono';color:var(--accent);padding-top:3px}.work-steps span{display:flex;flex-direction:column;gap:5px}.work-steps strong{font-size:12px}.work-steps small{font-size:11px;color:#859087}.work-image{height:490px;position:relative;border:1px solid #3b453d;padding:10px}.work-image img{filter:saturate(.7)}.work-image-caption{position:absolute;bottom:10px;left:10px;right:10px;padding:14px;background:#111b;color:#d4ddd4;display:flex;justify-content:space-between}.work-image-caption span:last-child{color:var(--accent)}
.about{background:#e8ece4;color:#171c18}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px}.about .section-kicker{color:#607c34}.about-topline{color:#718064}.about-main h2{font-size:clamp(46px,5vw,68px);margin:24px 0}.about-main h2 em{color:#658d2b}.about-main>p{max-width:680px;color:#697369;font-size:14px;line-height:1.9}.about-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:34px}.about-tags span{border:1px solid #c2cbbd;padding:9px 12px;font:9px 'DM Mono';letter-spacing:.1em;color:#5e6a5b}
.contact-section{padding:100px 0 110px;position:relative;overflow:hidden;background:var(--accent);color:#151b10}.contact-inner{display:grid;grid-template-columns:1fr 2fr;gap:60px;position:relative}.contact-section .section-kicker{color:#455c25}.contact-content h2{font-size:clamp(48px,6vw,78px);margin:0 0 22px}.contact-content h2 em{color:#536f2c}.contact-content>p{max-width:490px;color:#536047;font-size:14px;line-height:1.8}.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.contact-section .button-primary{background:#141a12;color:#eaf5dc}.contact-section .button-ghost{color:#171d12;border-color:#809c4d}.contact-section .button-ghost:hover{border-color:#1a2413}.contact-mark{position:absolute;right:0;bottom:-92px;font:700 clamp(100px,17vw,230px)/.8 'Space Grotesk';letter-spacing:-.12em;color:#a8d74f;opacity:.48;pointer-events:none}.contact-placeholder{font:11px 'DM Mono';color:#64754b;margin-top:20px}.contact-placeholder code{background:#b4d96c;padding:3px 6px;color:#29351b}
.footer{background:#0b0e0c;padding:25px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#707a72}.footer-brand .brand-name{color:#e9eee7}.footer-inner>span{font:9px 'DM Mono';letter-spacing:.08em}.footer small,.to-top{font:9px 'DM Mono';color:#7d887f}.to-top:hover{color:var(--accent)}
@media(max-width:1000px){.nav{gap:18px}.hero-inner{gap:35px}.direction-card{grid-template-columns:1fr}.direction-photo{min-height:260px}.direction-content{padding:38px 30px;min-height:430px}.work-grid{gap:50px}.service-tile{padding-inline:18px}}
@media(max-width:720px){.brand-logo{width:154px;height:52px}.footer-logo{width:150px;height:48px}.container{width:min(100% - 38px,var(--max))}.header{height:70px}.menu-toggle{display:block;z-index:2}.nav{display:none;position:absolute;top:69px;left:0;right:0;padding:20px 22px 25px;background:#111613;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:14px 0;border-bottom:1px solid var(--line)}.nav .nav-contact{padding:14px 0;border:0}.hero-inner{grid-template-columns:1fr;gap:40px;padding-top:65px;padding-bottom:30px}.hero h1{font-size:clamp(58px,16vw,82px)}.hero-visual{padding:0 8px 28px}.hero-image-frame{height:300px}.hero-stamp{right:-3px;width:76px;height:76px}.hero-coordinate{right:7px}.hero-note{margin-top:35px}.hero-bottom{font-size:8px}.section-pad{padding:78px 0}.intro-grid,.section-heading,.about-grid,.contact-inner{grid-template-columns:1fr;gap:25px}.intro-title{font-size:44px}.directions{grid-template-columns:1fr}.direction-card+ .direction-card{border-left:0;border-top:1px solid var(--line)}.direction-card{grid-template-columns:1fr 1fr;min-height:0}.direction-photo{min-height:100%;}.direction-content{padding:28px 20px;min-height:420px}.direction-content h2{font-size:42px}.direction-desc{font-size:12px}.service-list li{font-size:10px}.services{padding:80px 0}.section-heading{margin-bottom:35px}.section-heading h2{font-size:48px}.service-grid{grid-template-columns:1fr 1fr}.service-tile{min-height:260px;border-bottom:1px solid #c5ccc1}.service-tile:nth-child(odd){border-left:1px solid #c5ccc1}.service-tile:nth-child(even){border-right:1px solid #c5ccc1}.work-section{padding:80px 0}.work-grid{grid-template-columns:1fr;gap:40px}.work-copy h2,.about-main h2{font-size:48px}.work-image{height:340px}.about-main h2{margin:20px 0}.contact-section{padding:75px 0 90px}.contact-inner{gap:20px}.contact-content h2{font-size:54px}.contact-mark{font-size:120px;bottom:-70px}.footer-inner{flex-wrap:wrap}.footer-inner>span{order:3;width:100%}}
@media(max-width:430px){.direction-card{grid-template-columns:1fr}.direction-photo{min-height:220px}.direction-content{min-height:0}.service-grid{grid-template-columns:1fr}.service-tile,.service-tile:first-child,.service-tile:nth-child(odd),.service-tile:nth-child(even){border-left:1px solid #c5ccc1;border-right:1px solid #c5ccc1}.service-tile{min-height:220px}.hero-actions .button{width:100%;justify-content:space-between}.contact-actions .button{width:100%;justify-content:space-between}}