@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#111;--muted:#6b6b66;--paper:#f7f4ee;--white:#fff;--yellow:#f6c400;--line:#dedad2;--dark:#0c0d0d;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.45}img{max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin:auto}
.site-header{height:96px;background:rgba(255,255,255,.96);border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}
.brand-logo{display:flex;align-items:center;line-height:0;flex:0 0 auto}.brand-logo img{display:block;width:225px;height:auto;object-fit:contain}.nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.nav a{padding:9px 0;position:relative}.nav a:not(.nav-cta):hover:after,.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--yellow)}.nav-cta{background:var(--yellow);padding:13px 20px!important;border-radius:4px}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px}
.hero{padding:54px 0 72px;background:var(--paper)}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center}.eyebrow,.kicker{font-size:10px;letter-spacing:3.2px;text-transform:uppercase;font-weight:700;color:#666}.hero h1{font:700 clamp(60px,7vw,104px)/.88 'Space Grotesk';letter-spacing:-5px;margin:18px 0 24px}.hero h1 span{position:relative}.hero h1 span:after{content:"";display:inline-block;width:22px;height:22px;border-radius:50%;background:var(--yellow);margin:0 0 8px 7px}.hero-copy{font-size:18px;line-height:1.45;color:#555;max-width:600px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #202020;padding:14px 22px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.2px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--yellow);border-color:var(--yellow)}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn.light{background:#fff}
.stat-row{display:flex;gap:0;margin-top:34px}.stat{padding:0 28px;border-left:1px solid #d5d1c9}.stat:first-child{padding-left:0;border-left:0}.stat strong{display:block;font:700 32px/1 'Space Grotesk'}.stat span{display:block;color:#666;font-size:11px;margin-top:7px}.hero-art{min-height:610px;border-radius:0 0 0 80px;overflow:hidden;background:#222 url('../assets/hero-art.jpg') center/cover no-repeat;position:relative}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,0) 55%,rgba(246,196,0,.12))}.hero-note{position:absolute;right:25px;bottom:30px;z-index:2;color:#fff;font-size:11px;line-height:1.8;text-transform:uppercase;letter-spacing:2px;text-align:right}
.section{padding:92px 0}.section.white{background:#fff}.section.dark{background:var(--dark);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section h2{font:600 clamp(38px,5vw,66px)/.93 'Space Grotesk';letter-spacing:-3px;margin:8px 0 0}.section-head p{max-width:430px;color:#777;margin:0}.dark .section-head p{color:#aaa}.yellow-line{width:30px;height:4px;background:var(--yellow);margin-top:12px}
.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.logo-card{height:138px;background:#fff;display:flex;align-items:center;justify-content:center;padding:22px;transition:.2s}.logo-card:hover{background:#fffdf6;transform:translateY(-2px);box-shadow:0 12px 25px rgba(0,0,0,.08);position:relative;z-index:2}.logo-card img{max-width:88%;max-height:72px;width:auto;object-fit:contain}.logo-note{margin-top:18px;color:#888;font-size:12px}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{background:#fff;border:1px solid #e6e2da;min-height:260px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.service-card:nth-child(2){background:#f2f6fb}.service-card:nth-child(3){background:#fff7e8}.service-card:nth-child(4){background:#eef8f4}.service-card:nth-child(5){background:#f3f2fb}.service-card:nth-child(6){background:#fff0f0}.service-num{color:var(--yellow);font:700 13px 'Space Grotesk'}.service-card h3{font:600 30px/1 'Space Grotesk';margin:15px 0 10px}.service-card p{color:#6b6b66;font-size:13px;max-width:290px}.service-card .arrow{font-size:24px;color:#222}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work-card{min-height:390px;padding:26px;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;background:#232323}.work-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#18212a,#7d5b3d)}.work-card:nth-child(2):before{background:linear-gradient(145deg,#38261d,#c76f27)}.work-card:nth-child(3):before{background:linear-gradient(145deg,#192d37,#768f96)}.work-card:nth-child(4):before{background:linear-gradient(145deg,#27212e,#8e6b89)}.work-card:nth-child(5):before{background:linear-gradient(145deg,#1b2520,#70805c)}.work-card:nth-child(6):before{background:linear-gradient(145deg,#232323,#b79b4a)}.work-card>*{position:relative;z-index:1}.work-card .client{font-size:11px;letter-spacing:2px;text-transform:uppercase}.work-card h3{font:600 31px/1.02 'Space Grotesk';letter-spacing:-1px;margin:10px 0}.work-card p{font-size:13px;color:#ddd;margin:0;max-width:340px}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.tag{border:1px solid rgba(255,255,255,.45);padding:5px 8px;font-size:9px;text-transform:uppercase;letter-spacing:1px}
.about-band{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-band p{color:#666;font-size:17px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature{border-top:1px solid #d7d3cb;padding:20px 0}.feature strong{font:600 18px 'Space Grotesk'}.feature p{font-size:13px;margin:8px 0 0;color:#777}
.cta{padding:82px 0;background:#161817;color:#fff;position:relative;overflow:hidden}.cta:after{content:'07';position:absolute;right:-30px;bottom:-95px;font:700 330px/.7 'Space Grotesk';color:rgba(246,196,0,.09)}.cta-inner{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:30px}.cta h2{font:600 clamp(48px,7vw,94px)/.86 'Space Grotesk';letter-spacing:-5px;margin:10px 0 18px;max-width:800px}.cta p{color:#aaa;max-width:520px}.cta .btn{background:var(--yellow);border-color:var(--yellow)}
.footer{background:#0b0c0c;color:#fff;padding:58px 0 18px}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:56px;align-items:start}.footer-grid>div{min-width:0}.footer-logo-wrap{display:inline-flex;align-items:center;justify-content:center;background:#fff;padding:12px 16px;border-radius:3px;margin-bottom:18px;line-height:0;max-width:260px}.footer-logo{width:215px;height:auto;max-height:62px;display:block;object-fit:contain}.footer p{color:#8c8c87;font-size:13px;max-width:320px}.footer h4{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#777;margin:0 0 15px}.footer a,.footer span{display:block;color:#ccc;font-size:13px;line-height:1.5;margin:8px 0}.footer-grid>div:first-child{padding-right:20px}.footer a:hover{color:var(--yellow)}.footer-bottom{border-top:1px solid #292929;margin-top:52px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#666;font-size:10px;line-height:1.6}.footer-bottom a{display:inline;color:#777;font-size:10px;margin:0}.footer-bottom a:hover{color:var(--yellow)}.socials{display:flex;gap:8px;margin-top:18px}.socials a{width:30px;height:30px;border:1px solid #3a3a3a;display:grid;place-items:center!important;margin:0!important}
.page-hero{padding:90px 0 70px;background:#fff}.page-hero h1{font:600 clamp(60px,9vw,125px)/.84 'Space Grotesk';letter-spacing:-7px;max-width:1050px;margin:12px 0 24px}.page-hero p{font-size:18px;color:#777;max-width:690px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.process>div{background:#fff;padding:28px;min-height:220px}.process b{font:600 34px 'Space Grotesk';color:var(--yellow)}.process h3{font:600 21px 'Space Grotesk';margin:18px 0 8px}.process p{font-size:13px;color:#777}
.form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-list{display:grid;gap:22px}.contact-list strong{display:block;font:600 25px 'Space Grotesk'}.contact-list span{color:#777;font-size:13px}.form{background:#fff;padding:32px;border:1px solid #e4e0d8}.field{margin-bottom:17px}.field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #d8d4cc;background:#fff;padding:13px;border-radius:3px}.field textarea{min-height:135px;resize:vertical}.form-status{font-size:12px;color:#666;margin-top:12px}
.legal{padding:80px 0}.legal h1{font:600 68px/.9 'Space Grotesk';letter-spacing:-4px}.legal h2{font:600 28px 'Space Grotesk';margin-top:40px}.legal p,.legal li{color:#666;max-width:850px}.sitemap-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sitemap-list a{background:#fff;padding:18px;border:1px solid var(--line);font-weight:700}
@media(max-width:1000px){.site-header{height:82px}.brand-logo img{width:190px}.nav{gap:18px}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:500px}.logo-grid{grid-template-columns:repeat(4,1fr)}.services-grid{grid-template-columns:1fr 1fr}.work-grid{grid-template-columns:1fr 1fr}.about-band{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.form-wrap{grid-template-columns:1fr}.cta-inner{display:block}}
@media(max-width:720px){.container{width:min(calc(100% - 30px),var(--max))}.site-header{padding:0 16px}.brand-logo img{width:205px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;padding:20px 22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav-cta{width:100%;text-align:center}.hero{padding-top:35px}.hero h1{font-size:clamp(50px,14vw,78px);letter-spacing:-3px}.hero h1 span:after{width:16px;height:16px}.hero-art{min-height:420px;border-radius:0 0 0 45px}.stat-row{flex-wrap:wrap;gap:20px}.stat{padding-left:18px}.section{padding:70px 0}.section-head{display:block}.section-head .btn{margin-top:20px}.logo-grid{grid-template-columns:repeat(2,1fr)}.logo-card{height:115px}.services-grid,.work-grid,.feature-list,.process,.sitemap-list{grid-template-columns:1fr}.work-card{min-height:350px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:9px}.footer-logo-wrap{max-width:240px}.page-hero h1{font-size:clamp(55px,15vw,82px);letter-spacing:-4px}}