@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--ink:#10120f;--paper:#f2f0e8;--muted:#aaa99f;--accent:#b6ff36;--panel:#191c18}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f5f4ee;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}
header{height:78px;position:sticky;top:0;z-index:20;background:rgba(16,18,15,.96);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #30332d}.brand{display:flex;align-items:center;gap:12px;font-family:"Barlow Condensed",sans-serif;font-size:24px;letter-spacing:1px}.brand b{color:var(--accent)}.logo-slot{width:42px;height:42px;border:1px solid #777;border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--accent)}
nav{display:flex;gap:30px;align-items:center}nav a{font-family:"Barlow Condensed";font-weight:600;letter-spacing:1px}nav a:last-child{border:1px solid var(--accent);padding:10px 16px;color:var(--accent)}.menu{display:none;background:none;border:0;color:white;font-size:26px}
.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;background:radial-gradient(circle at 75% 40%,#33382f 0,#151813 34%,#10120f 62%);overflow:hidden}.hero-copy{padding:100px 3vw 70px 7vw;z-index:2}.eyebrow{color:var(--accent);font:700 13px Inter;letter-spacing:3px;text-transform:uppercase}.hero h1,.intro h2,.story h2,.section-head h2,.process h2,.quote h2{font-family:"Barlow Condensed";font-weight:800;line-height:.86;letter-spacing:-2px;margin:18px 0;font-size:clamp(58px,7vw,104px)}h1 em{font-style:normal;color:var(--accent)}.lead{font-size:19px;line-height:1.7;color:#cacbc4;max-width:650px}.actions{display:flex;gap:12px;margin:35px 0}.btn{display:inline-block;border:1px solid #777;padding:16px 24px;font:700 14px Inter;letter-spacing:1px;background:transparent;color:white;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:#111}.proof{display:flex;gap:36px;margin-top:70px;color:#999;font:600 11px Inter;letter-spacing:1px}.proof span{display:flex;flex-direction:column}.proof strong{font:800 32px "Barlow Condensed";color:white}
.hero-art{min-height:600px;position:relative;background:linear-gradient(135deg,transparent 25%,rgba(182,255,54,.08)),repeating-linear-gradient(120deg,transparent 0 70px,rgba(255,255,255,.025) 71px 72px);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}.hero-art:before{content:"";position:absolute;width:88%;height:120px;top:40%;left:8%;background:linear-gradient(90deg,#454a40 0 10%,#78865b 10% 30%,#333831 30% 72%,#68744e 72% 89%,#222 89%);transform:rotate(-4deg);clip-path:polygon(0 42%,17% 36%,21% 15%,25% 15%,27% 36%,67% 35%,70% 5%,74% 5%,76% 34%,100% 42%,100% 58%,76% 61%,74% 96%,70% 96%,68% 61%,26% 62%,24% 82%,20% 82%,18% 62%,0 58%);filter:drop-shadow(0 25px 15px #000)}.art-label{position:absolute;bottom:70px;right:7vw;text-align:right;font:700 19px "Barlow Condensed";letter-spacing:2px}.art-label b{color:var(--accent)}
.intro{padding:110px 7vw 50px;max-width:1100px}.intro h2,.section-head h2,.process h2,.quote h2{font-size:clamp(50px,6vw,80px)}.intro>p:last-child{max-width:820px;font-size:19px;color:#bbb;line-height:1.7}
.cards{padding:20px 7vw 110px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#353832}.cards article{background:var(--panel);padding:35px;min-height:330px}.cards .num{font:700 13px Inter;color:var(--accent)}h3{font:700 28px "Barlow Condensed";letter-spacing:.5px}.cards p{color:#aaa;line-height:1.65}.cards a{display:inline-block;margin-top:30px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:1px}
.story{background:var(--paper);color:#121411;padding:110px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.story h2{font-size:clamp(60px,7vw,100px)}.story>div:last-child{padding-top:30px;font-size:19px;line-height:1.8;color:#4e514b}.story .eyebrow{color:#527600}
.gallery,.pricing,.process,.quote{padding:110px 7vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-head>p{max-width:480px;color:#aaa;line-height:1.6}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:12px}.sample{position:relative;background:#262a24;overflow:hidden}.sample:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(145deg,#20231e 0 45px,#5d694b 46px 70px,#353a31 71px 95px);opacity:.85}.s1{grid-row:span 2}.s2:before{background:linear-gradient(130deg,#3c4138 0 35%,#a4bf62 35% 55%,#171a16 55% 70%,#74544c 70%)}.s3:before{background:radial-gradient(circle,#6b725e,#1e211d)}.s4:before{background:linear-gradient(140deg,#252724,#6d735f,#242724)}.sample span{position:absolute;bottom:18px;left:20px;background:#111;padding:8px 10px;font:700 12px Inter;letter-spacing:2px}.gallery-note{color:#777;font-size:12px;margin-top:16px}
.pricing{background:#151713}.price-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pricebox{background:#20231e;padding:30px 34px}.pricebox h3{color:var(--accent);border-bottom:1px solid #3d4139;padding-bottom:18px}.pricebox p{display:flex;justify-content:space-between;gap:20px;padding:12px 0;margin:0;border-bottom:1px solid #343730;color:#c2c4bd}.pricebox b{color:white;white-space:nowrap}.pricebox .feature b{color:var(--accent)}.fine{color:#777;font-size:12px}
.process{background:var(--paper);color:#111}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.steps b{color:#688c18;font-size:13px}.steps p{color:#62655f;line-height:1.6}
.quote{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;background:#20231e}.quote h2{max-width:550px}.contact{display:flex;flex-direction:column;gap:12px;margin-top:40px;font:700 18px "Barlow Condensed";letter-spacing:1px}.contact a:first-child{color:var(--accent);font-size:28px}
form{background:#f1efe7;color:#111;padding:38px}label{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}input,select,textarea{width:100%;margin-top:8px;padding:14px;border:1px solid #c8c6bd;background:#fff;font:14px Inter}textarea{resize:vertical}.form-note{font-size:11px;color:#777;line-height:1.5}
footer{padding:55px 7vw 90px;border-top:1px solid #333;color:#777;font-size:12px;display:grid;gap:12px}.mobile-call{display:none}
@media(max-width:900px){header{height:68px}.menu{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#111;padding:25px 7vw;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 7vw 35px}.hero-art{min-height:340px;clip-path:none}.proof{margin-top:45px;gap:18px;flex-wrap:wrap}.cards{grid-template-columns:1fr 1fr}.story,.quote{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 220px 220px}.s1{grid-column:span 2;grid-row:auto}.price-cols{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.section-head{display:block}.mobile-call{display:block;position:fixed;bottom:0;left:0;right:0;z-index:30;text-align:center;padding:14px;background:var(--accent);color:#111;font-weight:800}}
@media(max-width:560px){.brand{font-size:19px}.hero h1{font-size:58px}.cards,.steps{grid-template-columns:1fr}.cards article{min-height:0}.gallery-grid{display:block}.sample{height:230px;margin-bottom:10px}.two{grid-template-columns:1fr}.quote,.pricing,.gallery,.process,.story{padding:75px 6vw}form{padding:24px}.proof strong{font-size:27px}}