@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--cream:#f7ead8;--cream2:#fff4e4;--beige:#ead5b8;--dark:#080808;--card:#171717;--muted:#6d5f4f;--orange:#d95d0b;--orange2:#a93e05;--line:#e2ccb0;--white:#fffaf2}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:var(--dark);background:var(--cream);overflow-x:hidden}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}p{line-height:1.7}.topbar{position:fixed;inset:0 0 auto;height:86px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,7vw,118px);background:rgba(247,234,216,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(8,8,8,.06);transition:.3s}.topbar.scrolled{height:72px;background:rgba(247,234,216,.95);box-shadow:0 14px 40px rgba(36,22,4,.08)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:60px;height:60px;object-fit:contain;border-radius:50%}.brand strong,.brand small{display:block;text-transform:uppercase;letter-spacing:.22em}.brand strong{font-size:12px}.brand small{font-size:8px;color:var(--dark)}.nav{display:flex;gap:42px;align-items:center}.nav a{font-size:13px;text-transform:uppercase;font-weight:900;letter-spacing:.04em;position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-12px;width:0;height:2px;background:var(--orange);transition:.25s}.nav a:hover:after{width:100%}.navButton,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-weight:900;transition:.25s}.navButton{background:linear-gradient(135deg,var(--orange),var(--orange2));color:white;padding:15px 25px;box-shadow:0 12px 25px rgba(217,93,11,.22);font-size:13px;text-transform:uppercase}.navButton:hover,.btn:hover{transform:translateY(-3px)}.menu{display:none;background:transparent;border:0;gap:5px;flex-direction:column}.menu span{width:28px;height:3px;background:var(--dark);display:block;border-radius:999px}.hero{min-height:760px;padding:86px clamp(22px,7vw,118px) 0;display:grid;grid-template-columns:46% 54%;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 35%,#fff5e7 0,#f7ead8 48%,#f3dfc5 100%)}.heroText{display:flex;flex-direction:column;justify-content:center;padding:40px 0 100px;z-index:3}.tag{display:inline-block;color:var(--orange);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.22em;margin-bottom:24px}.hero h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(52px,5.8vw,92px);line-height:.98;letter-spacing:-.07em;max-width:700px;margin-bottom:28px}.hero h1 strong, h2 strong{color:var(--orange);font-weight:800}.heroText p{font-size:18px;max-width:520px;color:#3b3127;margin-bottom:36px}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.btn{padding:18px 28px;font-size:14px;text-transform:uppercase;letter-spacing:.03em}.primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 16px 35px rgba(217,93,11,.25)}.minimal{border-bottom:1px solid var(--orange);border-radius:0;padding-inline:0;color:var(--dark)}.outline{border:1px solid var(--orange);color:white;background:transparent}.outline:hover{background:var(--orange)}.glass{border:1px solid rgba(255,255,255,.35);color:white;background:rgba(255,255,255,.08)}.heroArt{position:relative;display:flex;align-items:center;justify-content:center;min-height:650px}.mainLogo{width:min(560px,48vw);height:min(560px,48vw);object-fit:contain;position:relative;z-index:3;filter:drop-shadow(0 30px 50px rgba(35,18,4,.23))}.softShape{position:absolute;background:rgba(215,185,145,.42);border-radius:58% 42% 66% 34%/44% 61% 39% 56%;z-index:1}.shapeA{width:520px;height:330px;top:90px;left:40px;transform:rotate(18deg)}.shapeB{width:360px;height:250px;bottom:110px;left:20px;transform:rotate(-12deg)}.gridShape{position:absolute;left:80px;top:160px;width:250px;height:190px;background-image:linear-gradient(rgba(160,111,58,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(160,111,58,.18) 1px,transparent 1px);background-size:54px 54px;z-index:0}.orangeDots span{position:absolute;background:var(--orange);border-radius:999px;z-index:4}.orangeDots span:nth-child(1){width:28px;height:74px;left:130px;top:330px;transform:rotate(-45deg)}.orangeDots span:nth-child(2){width:22px;height:68px;left:90px;top:405px;transform:rotate(78deg)}.orangeDots span:nth-child(3){width:22px;height:62px;left:150px;top:460px;transform:rotate(70deg)}.blackWave{position:absolute;right:-80px;bottom:-100px;width:430px;height:430px;background:#101010;border-radius:58% 42% 0 0;transform:rotate(-35deg);z-index:2}.blackWave:after{content:"";position:absolute;inset:60px;border-radius:inherit;border:8px solid rgba(255,255,255,.08)}.proofStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;padding:46px clamp(22px,7vw,118px);background:linear-gradient(180deg,#fff3e4,#f7ead8);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proofItem{display:grid;grid-template-columns:74px 1fr;column-gap:18px;align-items:center}.miniIcon{grid-row:1/3;width:62px;height:62px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#efdac0;color:var(--orange);font-size:28px;box-shadow:inset 0 0 0 1px rgba(217,93,11,.10)}.proofItem h3{text-transform:uppercase;font-size:16px;margin-bottom:6px}.proofItem p{font-size:14px;color:var(--muted)}.services{display:grid;grid-template-columns:32% 68%;gap:54px;padding:84px clamp(22px,7vw,118px);background:radial-gradient(circle at left,#171717 0,#080808 40%,#030303 100%);color:var(--white);position:relative;overflow:hidden}.services:before{content:"G";position:absolute;left:-70px;bottom:-170px;font-family:"Space Grotesk";font-size:430px;font-weight:800;color:rgba(255,255,255,.025)}h2{font-family:"Space Grotesk";font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-.05em}.servicesIntro p{color:#b8aa99;margin:22px 0 34px}.serviceCards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.serviceCards article{min-height:290px;background:linear-gradient(145deg,#1c1c1c,#111);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:30px;display:flex;flex-direction:column;box-shadow:0 30px 60px rgba(0,0,0,.28);transition:.25s}.serviceCards article:hover{transform:translateY(-8px);border-color:rgba(217,93,11,.55)}.cardIcon{width:62px;height:62px;border-radius:18px;color:var(--orange);border:1px solid rgba(217,93,11,.4);display:flex;align-items:center;justify-content:center;font-size:28px;background:rgba(217,93,11,.06);margin-bottom:30px}.serviceCards h3{text-transform:uppercase;font-size:14px;margin-bottom:18px}.serviceCards p{color:#b8aa99;font-size:14px}.serviceCards b{color:white;font-size:28px;margin-top:auto}.portfolio,.why{padding:86px clamp(22px,7vw,118px);background:var(--cream)}.sectionHead{max-width:620px;margin-bottom:42px}.sectionHead p{color:var(--muted);margin-top:14px}.portfolioGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.portfolioGrid article{transition:.3s}.portfolioGrid article:hover{transform:translateY(-7px)}.portfolioGrid img{width:100%;aspect-ratio:1.18/1;object-fit:cover;border-radius:18px;box-shadow:0 16px 35px rgba(42,22,5,.12);margin-bottom:16px}.portfolioGrid small{color:var(--orange);font-weight:800}.portfolioGrid h3{font-family:"Space Grotesk";font-size:20px;margin-top:4px}.process{padding:86px clamp(22px,7vw,118px);background:#0b0b0b;color:white;display:grid;grid-template-columns:30% 70%;gap:46px}.processText p{color:#b8aa99;margin-top:22px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;position:relative}.steps article{padding:28px 18px;border-radius:20px;background:#151515;border:1px solid rgba(255,255,255,.07);text-align:center}.steps span{width:38px;height:38px;border-radius:50%;background:var(--orange);display:inline-flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:18px}.steps h3{text-transform:uppercase;font-size:13px;margin-bottom:12px}.steps p{font-size:13px;color:#b8aa99}.whyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.whyGrid p{background:#fff0dc;border:1px solid var(--line);border-radius:16px;padding:22px;font-weight:800;color:#3b3127}.cta{padding:40px clamp(22px,7vw,118px) 86px;background:linear-gradient(180deg,var(--cream),#0b0b0b 0)}.ctaBox{min-height:380px;border-radius:30px;background:radial-gradient(circle at right,#251205,#080808 60%);color:white;padding:70px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.ctaBox:before{content:"";position:absolute;right:-150px;bottom:-180px;width:430px;height:430px;border-radius:50%;background:rgba(217,93,11,.17)}.ctaBox h2{max-width:780px}.ctaBox p{color:#cbbda9;margin:22px 0 32px}.center{justify-content:center}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:58px clamp(22px,7vw,118px);background:#0b0b0b;color:white;border-top:1px solid rgba(255,255,255,.08)}.footer img{width:86px;border-radius:50%;margin-bottom:16px}.footer p{max-width:320px;color:#b8aa99}.footer h4{text-transform:uppercase;color:var(--orange);letter-spacing:.16em;margin-bottom:18px}.footer a,.footer span{display:block;color:#d7c8b5;margin-bottom:10px}.floatWhats{position:fixed;right:22px;bottom:22px;width:58px;height:58px;background:#20c35a;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;z-index:40;box-shadow:0 14px 30px rgba(32,195,90,.35);transition:.25s}.floatWhats:hover{transform:translateY(-4px) scale(1.03)}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.show{opacity:1;transform:none}@media(max-width:1100px){.nav{gap:20px}.hero{grid-template-columns:1fr;min-height:auto}.heroText{padding:70px 0 30px}.heroArt{min-height:480px}.services,.process{grid-template-columns:1fr}.serviceCards{grid-template-columns:repeat(2,1fr)}.proofStrip,.portfolioGrid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.whyGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{height:72px;padding:0 18px}.brand img{width:48px;height:48px}.brand strong{font-size:10px}.brand small{font-size:7px}.navButton{display:none}.menu{display:flex}.nav{position:fixed;top:72px;left:18px;right:18px;display:none;flex-direction:column;padding:22px;background:#111;color:white;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.3)}.nav.open{display:flex}.nav a:after{display:none}.hero{padding:72px 22px 0}.hero h1{font-size:48px}.heroText p{font-size:16px}.mainLogo{width:310px;height:310px}.heroArt{min-height:380px}.shapeA{width:330px;height:220px;left:10px;top:40px}.gridShape{left:0;top:80px}.blackWave{width:260px;height:260px}.proofStrip{grid-template-columns:1fr;padding:36px 22px}.services,.portfolio,.process,.why,.cta{padding-left:22px;padding-right:22px}.serviceCards,.portfolioGrid,.steps,.whyGrid{grid-template-columns:1fr}.services{padding-top:62px;padding-bottom:62px}.serviceCards article{min-height:230px}.footer{grid-template-columns:1fr;padding:44px 22px}.actions{gap:12px}.btn{width:100%;}.minimal{width:auto}.ctaBox{padding:48px 22px}.floatWhats{width:54px;height:54px}}