:root{
  --bg:#0f1113;
  --bg-soft:#171a1d;
  --card:#ffffff;
  --text:#171717;
  --muted:#6a6259;
  --line:rgba(255,255,255,.14);
  --gold:#d9a75c;
  --gold-2:#f3d596;
  --wood:#8d552e;
  --cream:#fbf5ea;
  --green:#1f7a4a;
  --radius:20px;
  --shadow:0 24px 70px rgba(0,0,0,.18);
  --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--cream);overflow-x:hidden;line-height:1.55}
a{color:inherit;text-decoration:none}
img,video{max-width:100%;display:block}
button,input,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 34px));margin-inline:auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(15,17,19,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{display:flex;align-items:center;gap:12px;min-width:0}
.logo img{height:48px;width:auto;max-width:min(100%, 280px);object-fit:contain}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-links a{color:#f8f3eb;font-size:13px;font-weight:800;padding:10px 13px;border-radius:999px;opacity:.9;white-space:nowrap;text-transform:uppercase;letter-spacing:0}
.nav-links a:hover{background:rgba(255,255,255,.08);opacity:1}
.nav-actions{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;align-items:center;justify-content:center}
.menu-btn span{width:20px;height:2px;background:#fff;display:block;position:relative;border-radius:2px}
.menu-btn span:before,.menu-btn span:after{content:"";position:absolute;left:0;width:20px;height:2px;background:#fff;border-radius:2px}.menu-btn span:before{top:-7px}.menu-btn span:after{top:7px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:999px;font-weight:800;line-height:1;border:1px solid transparent;transition:.2s ease;cursor:pointer;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--gold),#8f572d);color:#111315;box-shadow:0 14px 30px rgba(137,83,40,.28)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(137,83,40,.36)}
.btn-ghost{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
.btn-ghost:hover{background:rgba(255,255,255,.14)}
.btn-dark{background:#111315;color:#fff}.btn-light{background:#fff;color:#111315;border-color:#eee}.btn-light:hover{transform:translateY(-2px)}
.hero{position:relative;min-height:calc(100vh - 78px);display:grid;place-items:center;padding:80px 0 60px;background:#111315;color:#fff;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,17,19,.95) 0%,rgba(15,17,19,.72) 43%,rgba(15,17,19,.34) 100%),url('../../img/hero.webp') center/cover no-repeat;z-index:-2}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 25%,rgba(217,167,92,.28),transparent 32%),linear-gradient(180deg,transparent,rgba(15,17,19,.88));z-index:-1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.72fr);gap:40px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#f4d69a;font-weight:800;font-size:13px;letter-spacing:.4px;text-transform:uppercase}
.dot{width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 6px rgba(217,167,92,.18)}
h1{font-size:64px;line-height:.97;margin:18px 0 18px;letter-spacing:0;max-width:700px}
.hero p{font-size:20px;color:#f0e4d3;max-width:660px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:680px}.stat{padding:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:18px}.stat strong{display:block;font-size:25px;color:#f2c983;line-height:1}.stat span{display:block;margin-top:6px;font-size:13px;color:#ddd}
.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:16px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.hero-card img{border-radius:18px;aspect-ratio:4/5;object-fit:cover;width:100%}.hero-card-body{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 6px 4px}.hero-card-body strong{font-size:20px}.hero-card-body span{color:#e8d4b1;font-size:14px}
.section{padding:88px 0}.section-dark{background:#111315;color:#fff}.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-kicker{color:#a56731;font-weight:900;letter-spacing:0;text-transform:uppercase;font-size:13px}.section-dark .section-kicker{color:#f1c77f}.section-title h2{font-size:42px;line-height:1.08;margin:8px 0 0;letter-spacing:0}.section-title p{max-width:520px;color:var(--muted);margin:0}.section-dark .section-title p{color:#d5c6b4}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:0 16px 48px rgba(87,55,25,.08);border:1px solid rgba(93,61,33,.1);min-height:290px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;right:-34px;top:-34px;width:110px;height:110px;border-radius:50%;background:rgba(217,167,92,.10)}.service-icon{width:84px;height:84px;border-radius:18px;background:#fbf5ea;border:1px solid rgba(93,61,33,.1);display:grid;place-items:center;overflow:hidden;box-shadow:0 10px 26px rgba(93,61,33,.08)}.service-icon img{width:100%;height:100%;object-fit:cover}.service-card h3{font-size:21px;margin:16px 0 8px;line-height:1.18}.service-card p{color:var(--muted);margin:0}.service-card ul{padding:0;margin:16px 0 0;list-style:none;color:#4d453e;font-size:14px}.service-card li{display:flex;gap:8px;margin:6px 0}.service-card li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);margin-top:8px;flex:0 0 auto}
.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center}.about-media{position:relative}.about-media img{border-radius:24px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover;width:100%}.about-tag{position:absolute;left:18px;bottom:18px;background:#111315;color:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 20px 38px rgba(0,0,0,.24)}.about-tag strong{display:block;font-size:28px;color:var(--gold)}.about-copy{background:#fff;border-radius:24px;padding:34px;box-shadow:0 20px 58px rgba(87,55,25,.08)}.about-copy h2{font-size:46px;line-height:1.05;margin:0 0 18px}.about-copy p{color:var(--muted);margin:0 0 18px}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.check{display:flex;gap:10px;align-items:flex-start;background:#fbf4e7;border-radius:14px;padding:12px;font-weight:700}.check svg{flex:0 0 auto;color:var(--green);margin-top:2px}
.feature-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.feature{padding:18px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.feature strong{display:block;color:#f4ce88;font-size:18px}.feature span{color:#dcc9b3;font-size:14px}
.products{display:grid;grid-template-columns:1.02fr .98fr;gap:20px;align-items:stretch}.product-large,.product-side{border-radius:22px;overflow:hidden;position:relative;background:#1b1c1d;isolation:isolate;min-height:390px}.product-large img,.product-side img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0}.product-large:after,.product-side:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 15%,rgba(0,0,0,.68) 100%)}.product-info{position:absolute;left:22px;right:22px;bottom:20px;color:#fff;z-index:2}.product-info h3{font-size:32px;line-height:1.08;margin:0 0 8px;max-width:92%}.product-info p{margin:0;color:#eadbc7;max-width:520px}.product-stack{display:grid;grid-template-columns:1fr;gap:20px}.product-side{min-height:186px}.product-side .product-info h3{font-size:26px}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.chip{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:800}
.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.step{background:#fff;border-radius:var(--radius);padding:24px;border:1px solid rgba(93,61,33,.1);box-shadow:0 14px 42px rgba(87,55,25,.07)}.step b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#111315;color:#f3cf91;margin-bottom:22px}.step h3{margin:0 0 8px;font-size:20px}.step p{margin:0;color:var(--muted)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gallery-item{position:relative;border:0;padding:0;background:#111315;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:0 14px 32px rgba(0,0,0,.12);aspect-ratio:1/1.05}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .38s ease}.gallery-item:hover img{transform:scale(1.06)}.gallery-item span{position:absolute;left:12px;bottom:12px;right:12px;border-radius:12px;background:rgba(17,19,21,.72);backdrop-filter:blur(10px);color:#fff;padding:9px 11px;font-size:13px;font-weight:800;text-align:left}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.video-card{background:#fff;border-radius:28px;padding:12px;box-shadow:0 16px 46px rgba(87,55,25,.08);border:1px solid rgba(93,61,33,.1)}.video-card video{width:100%;border-radius:20px;aspect-ratio:9/16;object-fit:cover;background:#111}.video-card p{font-weight:800;margin:12px 8px 4px;color:#31251d}
.contact-wrap{display:grid;grid-template-columns:1fr .9fr;gap:24px;align-items:stretch}.contact-card{background:linear-gradient(145deg,#151719,#0d0e10);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:34px;color:#fff;box-shadow:var(--shadow)}.contact-card h2{font-size:48px;line-height:1.04;margin:0 0 14px}.contact-card p{color:#e1d1be;margin:0 0 24px}.contact-list{display:grid;gap:12px}.contact-line{display:flex;gap:12px;align-items:center;padding:14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.contact-line svg{color:#f1c77f;flex:0 0 auto}.contact-line strong{display:block}.contact-line span{color:#e5d7c6;font-size:14px}.social-panel{background:#fff;border-radius:24px;padding:28px;box-shadow:0 20px 58px rgba(87,55,25,.08);display:flex;flex-direction:column;justify-content:space-between}.social-panel h3{font-size:28px;line-height:1.08;margin:0 0 12px}.social-panel p{color:var(--muted);margin:0 0 22px}.social-links{display:grid;gap:12px}.social-link{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:16px;padding:18px 18px;background:#f7ead5;font-weight:900}.social-link.dark{background:#111315;color:#fff}.social-link svg{width:26px;height:26px;flex:0 0 auto}.social-link:hover{transform:translateY(-2px)}
.footer{background:#0f1113;color:#e9dfd0;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer small{color:#b9aa98}.footer a{color:#f1c77f;font-weight:800}
.float-contact{position:fixed;right:18px;bottom:94px;z-index:44;display:grid;gap:12px}.float-contact a{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;box-shadow:0 16px 34px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.22);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.float-contact a:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 20px 42px rgba(0,0,0,.3);filter:saturate(1.08)}.float-contact .wa{background:#25d366}.float-contact .call{background:#1877f2}.float-contact svg{width:28px;height:28px}
.lightbox{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:22px}.lightbox.open{display:flex}.lightbox img{max-height:86vh;max-width:min(1100px,94vw);border-radius:20px}.lightbox button{position:absolute;right:20px;top:20px;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#111;font-size:28px;cursor:pointer}
.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.show{opacity:1;transform:none}
@media (max-width:980px){
 .nav-links{position:absolute;left:17px;right:17px;top:84px;background:#111315;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:10px;display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:14px 16px}.menu-btn{display:flex}.nav .btn-primary{display:none}.hero-grid,.about-grid,.products,.contact-wrap{grid-template-columns:1fr}.hero{min-height:auto}.hero-card{max-width:520px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process,.feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{display:block}.section-title p{margin-top:12px}.product-large,.product-side{min-height:320px}}
@media (max-width:640px){
 .container{width:min(100% - 24px,var(--max))}.nav{height:72px}.logo img{height:38px;width:auto}.hero{padding:54px 0 44px}.hero-grid{gap:24px}h1{font-size:40px;letter-spacing:0}.hero p{font-size:17px}.hero-actions .btn{width:100%;padding:15px 18px}.hero-stats{grid-template-columns:1fr}.service-grid,.process,.feature-row,.gallery-grid,.video-grid,.check-list{grid-template-columns:1fr}.section{padding:64px 0}.section-title h2,.about-copy h2,.contact-card h2{font-size:32px;letter-spacing:0}.product-info h3,.product-side .product-info h3{font-size:24px}.about-copy,.contact-card,.social-panel{padding:24px;border-radius:22px}.float-contact{right:12px;bottom:82px;gap:10px}.float-contact a{width:50px;height:50px;border-radius:16px}.float-contact svg{width:25px;height:25px}.product-large,.product-side{min-height:290px}.hero-card-body{display:block}.hero-card-body .btn{margin-top:12px;width:100%}}
