@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg:#f6f6f4;--color-surface:#fff;--color-surface-tint:#ecece8;--color-ink:#16150f;--color-ink-soft:#5b5a52;--color-ink-faint:#918f84;--color-border:#e1e0da;--color-accent:#8a6a46;--color-accent-soft:#efe9e1;--color-signature:#8a6a46;--color-dark:#0a0a0a;--color-dark-surface:#1a1a18;--color-dark-text:#f5f4f1;--color-dark-text-soft:#a9a79e;--font-display:"Plus Jakarta Sans", -apple-system, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Inter", -apple-system, sans-serif;--nav-height:84px;--max-width:1240px;--ease:cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--color-bg:#121210;--color-surface:#1b1b18;--color-surface-tint:#201f1b;--color-ink:#f3f2ed;--color-ink-soft:#b7b5ab;--color-ink-faint:#7c7a70;--color-border:#34332d;--color-accent:#c9a06c;--color-accent-soft:#2a2318}body,.navbar,.products,.about,.product-card,.about__stat{transition:background-color .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.5}section{scroll-margin-top:var(--nav-height)}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 32px}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);font-size:12px;font-weight:500}.section-heading{font-family:var(--font-display);letter-spacing:-.01em;margin-top:12px;font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.15}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.btn{letter-spacing:.01em;transition:transform .25s var(--ease), background .25s var(--ease), box-shadow .25s var(--ease);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:14px 28px;font-size:15px;font-weight:700;display:inline-flex}.navbar{z-index:100;height:var(--nav-height);background:var(--color-surface-tint);border-bottom:1px solid var(--color-border);align-items:center;display:flex;position:sticky;top:0;left:0;right:0}.navbar__inner{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar__brand{align-items:center;gap:14px;display:flex}.navbar__icon{width:34px;height:34px;color:var(--color-ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar__icon svg{width:100%;height:100%}.navbar__wordmark{flex-direction:column;gap:3px;display:flex}.navbar__name{font-family:var(--font-display);letter-spacing:.08em;color:var(--color-ink);font-size:22px;font-weight:800;line-height:1}.navbar__tagline{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-faint);font-size:10.5px;font-weight:500;line-height:1}.navbar__right{align-items:center;gap:32px;display:flex}.navbar__links{align-items:center;gap:6px;display:flex;position:relative}.navbar__link{color:var(--color-ink-soft);transition:color .25s var(--ease);padding:10px 16px;font-size:15px;font-weight:500;position:relative}.navbar__link:hover,.navbar__link--active{color:var(--color-ink)}.navbar__indicator{background:var(--color-accent);height:2px;transition:left .35s var(--ease), width .35s var(--ease), opacity .2s ease;border-radius:2px;position:absolute;bottom:4px}.navbar__actions{align-items:center;gap:10px;display:flex}.navbar__theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-ink);transition:background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease), color .25s var(--ease);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar__theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent);transform:rotate(14deg)}.navbar__theme-toggle svg{width:19px;height:19px}.navbar__toggle{background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.navbar__toggle span{background:var(--color-ink);width:22px;height:2px;transition:transform .25s var(--ease)}.navbar__toggle.is-open span:first-child{transform:translateY(3.5px)rotate(45deg)}.navbar__toggle.is-open span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.navbar__mobile{display:none}@media (width<=860px){.navbar__links{display:none}.navbar__toggle{display:flex}.navbar__mobile{top:var(--nav-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);max-height:0;transition:max-height .35s var(--ease);flex-direction:column;gap:4px;padding:8px 24px 20px;position:absolute;left:0;right:0;overflow:hidden}.navbar__mobile.is-open{max-height:320px;display:flex}.navbar__mobile-link{color:var(--color-ink-soft);border-bottom:1px solid var(--color-border);padding:12px 4px;font-size:16px;font-weight:500}.navbar__mobile-link.is-active{color:var(--color-accent)}}.hero{background-color:var(--color-dark);background-repeat:repeat;background-size:420px 420px;justify-content:center;align-items:center;min-height:640px;padding:120px 24px;display:flex;position:relative;overflow:hidden}.hero__overlay{pointer-events:none;background:radial-gradient(circle at 50% 45%,#00000026,#0000008c 85%);position:absolute;inset:0}.hero__container{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.hero__title{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;text-transform:capitalize;font-size:clamp(48px,8vw,92px);font-weight:800;line-height:1.05}.hero__dot{color:var(--color-signature)}.hero__sub{color:#f5f4f1bf;max-width:620px;margin-top:32px;font-size:17px;line-height:1.65}@media (width<=640px){.hero{min-height:520px;padding:100px 20px}}.gallery-overlay{z-index:300;animation:gallery-fade-in .25s var(--ease);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes gallery-fade-in{0%{opacity:0}to{opacity:1}}.gallery-overlay__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060605e0;position:absolute;inset:0}.gallery-overlay__content{z-index:1;width:100%;max-width:1180px;animation:gallery-rise-in .35s var(--ease);flex-direction:column;gap:24px;padding:0 24px;display:flex;position:relative}@keyframes gallery-rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.gallery-overlay__header{justify-content:space-between;align-items:flex-start;display:flex}.gallery-overlay__eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--color-signature);font-size:11.5px;font-weight:600}.gallery-overlay__title{font-family:var(--font-display);color:#fff;margin-top:8px;font-size:clamp(24px,3.4vw,34px);font-weight:800}.gallery-overlay__close{color:#fff;width:42px;height:42px;transition:background .2s var(--ease), transform .2s var(--ease);background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gallery-overlay__close:hover{background:#ffffff2e;transform:rotate(90deg)}.gallery-overlay__close svg{width:18px;height:18px}.gallery-overlay__viewport{align-items:center;display:flex;position:relative}.gallery-overlay__track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;gap:20px;padding:4px 0 16px;display:flex;overflow-x:auto}.gallery-overlay__track::-webkit-scrollbar{display:none}.gallery-overlay__card{scroll-snap-align:center;background:#101010;border-radius:14px;flex:none;width:min(760px,78vw);height:min(58vh,520px);overflow:hidden;box-shadow:0 30px 60px -20px #0009}.gallery-overlay__card img{object-fit:cover;width:100%;height:100%}.gallery-overlay__nav{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;width:48px;height:48px;transition:background .2s var(--ease), transform .2s var(--ease);background:#141412a6;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:45%;transform:translateY(-50%)}.gallery-overlay__nav:hover:not(:disabled){background:#e8a33dd9;transform:translateY(-50%)scale(1.06)}.gallery-overlay__nav:disabled{opacity:.25;cursor:not-allowed}.gallery-overlay__nav svg{width:22px;height:22px}.gallery-overlay__nav--prev{left:-6px}.gallery-overlay__nav--next{right:-6px}.gallery-overlay__dots{justify-content:center;align-items:center;gap:10px;display:flex}.gallery-overlay__dot{width:8px;height:8px;transition:background .2s var(--ease), transform .2s var(--ease);background:#ffffff4d;border-radius:50%}.gallery-overlay__dot.is-active{background:var(--color-signature);transform:scale(1.3)}.gallery-overlay__count{font-family:var(--font-body);color:#ffffff8c;letter-spacing:.04em;margin-left:12px;font-size:12.5px}@media (width<=720px){.gallery-overlay__content{padding:0 16px}.gallery-overlay__card{width:86vw;height:46vh}.gallery-overlay__nav{width:40px;height:40px}.gallery-overlay__nav--prev{left:4px}.gallery-overlay__nav--next{right:4px}}.products{background:var(--color-bg);padding:100px 0 110px}.products__head{text-align:center}.products__heading{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);font-size:clamp(32px,4.5vw,44px);font-weight:800}.products__sub{color:var(--color-ink-faint);margin-top:10px;font-size:15px}.products__grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px;display:grid}.product-card{background:var(--color-surface);transition:transform .3s var(--ease), box-shadow .3s var(--ease);text-align:left;cursor:pointer;border:none;border-radius:4px;width:100%;padding:0;font-family:inherit;display:block;overflow:hidden;box-shadow:0 1px 2px #16150f0a}.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 40px -22px #16150f38}.product-card__image{aspect-ratio:4/3;background:var(--color-surface-tint);position:relative;overflow:hidden}.product-card__badge{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;letter-spacing:.02em;background:#0a0a0aa6;border-radius:100px;padding:5px 11px;font-size:11.5px;font-weight:600;position:absolute;bottom:12px;right:12px}.product-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.product-card:hover .product-card__image img{transform:scale(1.05)}.product-card__name{font-family:var(--font-display);color:var(--color-ink);padding:24px 24px 0;font-size:20px;font-weight:700}.product-card__desc{color:var(--color-ink-soft);padding:12px 24px 28px;font-size:14.5px;line-height:1.65}@media (width<=900px){.products__grid{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}}.about{background:var(--color-bg);padding:140px 0}.about__grid{grid-template-columns:1fr;display:grid}.about__copy{max-width:950px}.about__paragraph{color:var(--color-ink-soft);max-width:900px;margin-top:24px;font-size:18px;line-height:1.9}@media (width<=860px){.about{padding:100px 0}.about__copy{max-width:100%}.about__paragraph{max-width:100%;font-size:17px}}@media (width<=480px){.about{padding:80px 0}.about__paragraph{font-size:16px;line-height:1.8}}.contact{background:var(--color-dark);color:var(--color-dark-text);padding:110px 0}.contact__grid{grid-template-columns:1fr 1fr;gap:64px;display:grid}.eyebrow--light{color:var(--color-signature)}.contact__heading{color:var(--color-dark-text)}.contact__sub{color:var(--color-dark-text-soft);max-width:440px;margin-top:18px;font-size:16px;line-height:1.65}.contact__details{gap:48px;margin-top:44px;display:flex}.contact__details-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-dark-text-soft);margin-bottom:6px;font-size:11px;display:block}.contact__details a{white-space:nowrap;border-bottom:1px solid #0000;font-weight:600;transition:border-color .2s}.contact__details a:hover{border-color:var(--color-signature)}.contact__form{background:var(--color-dark-surface);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:18px;padding:32px;display:flex}.contact__field{color:var(--color-dark-text-soft);flex-direction:column;gap:8px;font-size:13px;display:flex}.contact__field input,.contact__field textarea{font-family:var(--font-body);color:var(--color-dark-text);resize:vertical;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:12px 14px;font-size:14.5px;transition:border-color .2s,background .2s}.contact__field input::placeholder,.contact__field textarea::placeholder{color:#e9ece959}.contact__field input:focus,.contact__field textarea:focus{border-color:var(--color-signature);background:#ffffff0f;outline:none}.btn--light{background:var(--color-signature);color:var(--color-dark);border:none;width:100%;margin-top:6px;box-shadow:0 8px 20px -8px #8a6a4699}.btn--light:hover{background:#f0b45c;transform:translateY(-2px);box-shadow:0 12px 26px -8px #8a6a46b3}.contact__error{color:#e38080;background:#e380801a;border:1px solid #e380804d;border-radius:8px;padding:12px 14px;font-size:13.5px;line-height:1.5}.btn--light:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact__success{padding:24px 4px}.contact__success strong{font-family:var(--font-display);font-size:20px}.contact__success p{color:var(--color-dark-text-soft);margin-top:8px;font-size:14.5px}@media (width<=860px){.contact__grid{grid-template-columns:1fr}.contact__details{gap:32px}}@media (width<=480px){.contact__details{flex-direction:column;gap:20px}}.footer{background:var(--color-dark);text-align:center;padding:26px 24px}.footer p{color:var(--color-dark-text-soft);letter-spacing:.02em;font-size:13.5px}.whatsapp-fab{z-index:200;width:58px;height:58px;transition:transform .25s var(--ease), box-shadow .25s var(--ease);background:#fff;border:1px solid #00000014;border-radius:16px;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 24px -6px #0000004d,0 2px 8px #0000001f}.whatsapp-fab svg{width:34px;height:34px}.whatsapp-fab:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 14px 32px -8px #00000073}@media (width<=640px){.whatsapp-fab{width:52px;height:52px;bottom:16px;right:16px}.whatsapp-fab svg{width:30px;height:30px}}
