/* HS ENTERPRISES */

:root{--bg:#F7F3EE;--bg-alt:#EFE8DD;--bg-secondary:#EFE8DD;--bg-card:#FCFAF7;--bg-white:#FFF;--brown:#2F241E;--brown-mid:#5B3A29;--oak:#A67C52;--honey:#C89B3C;--accent-gold:#C89B3C;--olive:#6E8B5D;--border:#DDD1C3;--border-light:#E8E0D5;--text:#3D3935;--text-light:#6B6660;--text-muted:#7A756F;--text-navy:#2F241E;--white:#FFF;--error:#B85450;--shadow:0 4px 20px rgba(47,36,30,.07);--shadow-lg:0 12px 40px rgba(47,36,30,.1);--font:'Cormorant Garamond',Georgia,serif;--body:'Inter',-apple-system,sans-serif;--section:110px;--pad:40px}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--body);background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:rgba(200,155,60,.2);color:var(--brown)}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{max-width:1260px;margin:0 auto;padding:0 var(--pad)}
.section{padding:var(--section) 0}

/* ===== REVEAL ANIMATIONS ===== */
[data-reveal]{opacity:0;transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}
[data-reveal="up"]{transform:translateY(28px)}
[data-reveal="left"]{transform:translateX(-28px)}
[data-reveal="right"]{transform:translateX(28px)}
[data-reveal="scale"]{transform:scale(.96)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal].in.d1{transition-delay:.08s}
[data-reveal].in.d2{transition-delay:.16s}
[data-reveal].in.d3{transition-delay:.24s}
[data-reveal].in.d4{transition-delay:.32s}

/* Hero entrance stagger */
.hero-content{animation:fadeUp .7s ease .1s both}
.hero-glass-cards .glass-card:nth-child(1){animation:fadeRight .6s ease .7s both}
.hero-glass-cards .glass-card:nth-child(2){animation:fadeRight .6s ease .85s both}
.hero-glass-cards .glass-card:nth-child(3){animation:fadeRight .6s ease 1s both}

@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fadeRight{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}

/* ===== NAVBAR ===== */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1050;padding:22px 0;transition:background .3s,padding .3s,box-shadow .3s,transform .3s}
.navbar.scrolled{background:rgba(247,243,238,.97);padding:12px 0;box-shadow:0 1px 16px rgba(47,36,30,.05)}
.navbar .container{display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;align-items:center;gap:12px}
.logo-icon{width:46px;height:46px;background:linear-gradient(135deg,var(--brown-mid),var(--oak));border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:700;color:var(--white);font-size:.95rem;letter-spacing:1px}
.logo-text{display:flex;flex-direction:column}
.logo-name{font-family:var(--font);font-size:1.15rem;font-weight:700;color:var(--brown);letter-spacing:2.5px;text-transform:uppercase}
.logo-tagline{font-size:.58rem;color:var(--oak);letter-spacing:2px;text-transform:uppercase;font-weight:500;margin-top:1px}
.nav-links{display:flex;gap:34px;list-style:none;align-items:center}
.nav-menu-header,.nav-menu-footer{display:none}
.nav-links a{color:var(--brown);font-size:.8rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:6px 0;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--honey);transition:width .3s ease}
.nav-links a:hover::after{width:100%}
.nav-cta{background:var(--brown-mid)!important;color:var(--white)!important;padding:11px 26px!important;border-radius:7px;font-weight:600!important;transition:background .25s!important}
.nav-cta::after{display:none!important}
.nav-cta:hover{background:var(--oak)!important}
.mobile-toggle{display:none;z-index:1150}

/* ===== HERO ===== */
.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--bg)}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-image:url('../assets/factory/hero-factory.jpg')}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(247,243,238,.93),rgba(239,232,221,.87),rgba(247,243,238,.78))}
.hero-content{position:relative;z-index:10;max-width:700px;padding-top:80px}
.hero-badge{display:inline-flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--border);padding:10px 22px;border-radius:40px;margin-bottom:26px}
.hero-badge-dot{width:8px;height:8px;background:var(--olive);border-radius:50%;animation:pulse 2s ease infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}
.hero-badge span{font-size:.7rem;color:var(--oak);letter-spacing:2px;text-transform:uppercase;font-weight:600}
.hero h1{margin-bottom:22px;color:var(--brown)}
.hero h1 em{font-style:normal;color:var(--oak);position:relative}
.hero h1 em::after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:8px;background:rgba(200,155,60,.15);z-index:-1;border-radius:2px}
.hero-subtitle{font-size:1.12rem;color:var(--text);margin-bottom:36px;max-width:520px;line-height:1.8}
.hero-buttons{display:flex;gap:14px;margin-bottom:56px;flex-wrap:wrap}
.hero-stats{display:flex;gap:44px;padding-top:32px;border-top:1px solid var(--border)}
.stat-item{text-align:left}
.stat-number{font-family:var(--font);font-size:2.8rem;font-weight:700;color:var(--honey);line-height:1;margin-bottom:4px}
.stat-label{font-size:.7rem;color:var(--text-light);text-transform:uppercase;letter-spacing:1.5px;font-weight:500}
.hero-glass-cards{position:absolute;right:80px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:14px}
.glass-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:20px 26px;min-width:210px;transition:transform .3s ease,box-shadow .3s ease}
.glass-card:hover{transform:translateX(-6px);box-shadow:var(--shadow-lg)}
.glass-card h4{font-size:.92rem;margin-bottom:3px}
.glass-card p{font-size:.8rem;color:var(--text-light);line-height:1.4}
.scroll-indicator{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5}
.scroll-indicator span{font-size:.62rem;color:var(--oak);text-transform:uppercase;letter-spacing:3px;font-weight:500}
.scroll-line{width:1px;height:44px;background:var(--border);position:relative;overflow:hidden}
.scroll-line::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:50%;background:var(--honey);animation:scrollLine 2.5s ease infinite}
@keyframes scrollLine{0%{top:-50%}100%{top:100%}}

/* ===== MODERN BUTTONS ===== */
.btn{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;font-family:var(--body);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;border-radius:50px;border:none;cursor:pointer;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;backdrop-filter:blur(10px)}
.btn::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-100%);transition:transform .6s ease}
.btn:hover::before{transform:translateX(100%)}
.btn-primary{background:linear-gradient(135deg,#5B3A29 0%,#7D5436 50%,#5B3A29 100%);background-size:200% 100%;color:var(--white);box-shadow:0 8px 25px rgba(91,58,41,.25),0 0 0 1px rgba(255,255,255,.1) inset;animation:gradientShift 3s ease infinite}
.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px rgba(91,58,41,.35),0 0 0 1px rgba(255,255,255,.2) inset}
.btn-primary:active{transform:translateY(-1px) scale(0.98)}
.btn-secondary{background:rgba(91,58,41,.05);border:2px solid var(--brown);color:var(--brown);backdrop-filter:blur(10px)}
.btn-secondary:hover{background:var(--brown);color:var(--white);border-color:var(--brown);transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px rgba(47,36,30,.2)}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* ===== SECTION HEADERS ===== */
.section-header{text-align:center;margin-bottom:64px}
.section-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(166,124,82,.07);border:1px solid rgba(166,124,82,.18);padding:10px 22px;border-radius:40px;margin-bottom:22px;position:relative;overflow:hidden}
.section-badge::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(200,155,60,.12),transparent);animation:shimmer 3s ease infinite}
@keyframes shimmer{0%{left:-100%}100%{left:200%}}
.section-badge span{font-size:.68rem;color:var(--oak);letter-spacing:2.5px;text-transform:uppercase;font-weight:600}
.section-header h2{margin-bottom:14px}
.section-header p{max-width:580px;margin:0 auto;font-size:1.05rem;color:var(--text-light)}

/* ===== PRODUCTS GRID ===== */
.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.product-card{background:var(--white);border:1px solid rgba(221,209,195,.4);border-radius:24px;overflow:hidden;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1);position:relative;box-shadow:0 4px 20px rgba(47,36,30,.04)}
.product-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(200,155,60,.03) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.product-card:hover{transform:translateY(-12px) scale(1.01);box-shadow:0 20px 60px rgba(47,36,30,.15);border-color:rgba(200,155,60,.3)}
.product-card:hover::before{opacity:1}
.product-image{height:360px;background-size:cover;background-position:center;position:relative;transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1)}
.product-card:hover .product-image{transform:scale(1.08) rotate(1deg)}
.product-image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,var(--white),transparent)}
.product-content{padding:30px}
.product-category{font-size:.66rem;color:var(--oak);text-transform:uppercase;letter-spacing:2.5px;font-weight:600;display:block;margin-bottom:10px}
.product-content h3{margin-bottom:10px;font-size:1.5rem}
.product-content p{margin-bottom:18px;line-height:1.75;font-size:.95rem}
.product-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.product-feature{background:var(--bg-alt);border:1px solid var(--border);padding:6px 13px;border-radius:20px;font-size:.7rem;color:var(--brown);font-weight:500;letter-spacing:.5px;transition:background .25s}
.product-card:hover .product-feature{background:rgba(166,124,82,.1)}
.product-link{display:inline-flex;align-items:center;gap:8px;color:var(--oak);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:1px;transition:gap .25s}
.product-link:hover{gap:12px;color:var(--brown-mid)}

/* ===== ABOUT PREVIEW ===== */
.about-preview{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.about-image{position:relative}
.about-image-main{width:100%;height:540px;background-size:cover;background-position:center;border-radius:14px;box-shadow:var(--shadow-lg)}
.about-image-accent{position:absolute;bottom:-32px;right:-32px;width:180px;height:180px;background:linear-gradient(135deg,var(--honey),var(--oak));border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 30px rgba(200,155,60,.28)}
.about-image-accent .accent-number{font-family:var(--font);font-size:3.2rem;font-weight:700;color:var(--white);line-height:1}
.about-image-accent .accent-text{font-size:.75rem;color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:3px;font-weight:600;margin-top:3px}
.about-content h2{margin-bottom:18px}
.about-content>p{margin-bottom:26px;font-size:1.05rem;line-height:1.8}
.about-features{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}
.about-feature{display:flex;gap:14px}
.about-feature-icon{width:52px;height:52px;background:rgba(166,124,82,.07);border:1px solid rgba(166,124,82,.18);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.about-feature h4{margin-bottom:5px;font-size:.98rem}
.about-feature p{font-size:.88rem;color:var(--text-light);line-height:1.6}

/* ===== TIMELINE ===== */
.timeline{position:relative;max-width:880px;margin:0 auto}
.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--border);transform:translateX(-50%)}
.timeline-item{display:flex;justify-content:flex-end;padding-right:calc(50% + 40px);position:relative;margin-bottom:44px}
.timeline-item:nth-child(even){justify-content:flex-start;padding-right:0;padding-left:calc(50% + 40px)}
.timeline-dot{position:absolute;left:50%;top:20px;width:14px;height:14px;background:var(--honey);border-radius:50%;transform:translateX(-50%);z-index:1;border:3px solid var(--bg);box-shadow:0 0 0 2px var(--oak);transition:transform .3s ease}
.timeline-item:hover .timeline-dot{transform:translateX(-50%) scale(1.3)}
.timeline-content{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:26px;max-width:380px;transition:box-shadow .3s,border-color .3s}
.timeline-content:hover{box-shadow:var(--shadow);border-color:var(--oak)}
.timeline-number{font-family:var(--font);font-size:2.4rem;font-weight:700;background:linear-gradient(135deg,var(--honey),var(--oak));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:10px;display:block}
.timeline-content h4{margin-bottom:6px;font-size:1.1rem}
.timeline-content p{font-size:.9rem;color:var(--text-light);line-height:1.65}

/* ===== STATS ===== */
.stats-section{background:var(--bg-alt);padding:80px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.stats-item{padding:32px 18px;background:var(--white);border:1px solid var(--border);border-radius:12px;text-align:center;transition:transform .25s,box-shadow .25s}
.stats-item:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.stats-number{font-family:var(--font);font-size:3rem;font-weight:700;color:var(--honey);margin-bottom:8px;line-height:1}
.stats-label{font-size:.7rem;color:var(--text-light);text-transform:uppercase;letter-spacing:2px;font-weight:500}

/* ===== CTA ===== */
.cta-section{background:var(--brown-mid);padding:90px 0;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background-image:url('../assets/factory/cta-bg.jpg');background-size:cover;background-position:center;opacity:.1}
.cta-content{position:relative;z-index:1}
.cta-content h2{margin-bottom:14px;color:var(--white)}
.cta-content p{font-size:1.05rem;margin-bottom:32px;max-width:580px;margin-left:auto;margin-right:auto;color:rgba(255,255,255,.8)}
.cta-content .btn-primary{background:var(--honey);color:var(--brown)}
.cta-content .btn-primary:hover{background:var(--white)}
.cta-content .btn-secondary{border-color:var(--white);color:var(--white)}
.cta-content .btn-secondary:hover{background:var(--white);color:var(--brown)}

/* ===== FOOTER ===== */
.footer{background:var(--brown);padding:72px 0 28px;color:var(--white)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
.footer-about .logo{margin-bottom:18px}
.footer-about .logo-name{color:var(--white)}
.footer-about .logo-tagline{color:var(--oak)}
.footer-about p{margin-bottom:18px;line-height:1.8;color:rgba(255,255,255,.6);font-size:.9rem}
.footer-social{display:flex;gap:10px}
.footer-social a{width:40px;height:40px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);transition:background .25s,transform .25s}
.footer-social a:hover{background:var(--honey);border-color:var(--honey);color:var(--brown);transform:translateY(-2px)}
.footer-column h4{font-family:var(--body);font-size:.7rem;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:22px;color:var(--white);font-weight:600}
.footer-column ul{list-style:none}
.footer-column ul li{margin-bottom:11px}
.footer-column ul a{color:rgba(255,255,255,.55);font-size:.9rem;transition:color .25s}
.footer-column ul a:hover{color:var(--honey)}
.footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:center}
.footer-bottom p{font-size:.8rem;color:rgba(255,255,255,.35)}

/* ===== PAGE HERO ===== */
.page-hero{height:50vh;min-height:380px;position:relative;display:flex;align-items:center;background-size:cover;background-position:center}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(247,243,238,.96),rgba(239,232,221,.93))}
.page-hero-content{position:relative;z-index:1}

/* ===== PRODUCT DETAIL ===== */
.product-detail{display:flex;gap:60px;align-items:center;padding:80px 40px;max-width:1400px;margin:0 auto}
.product-detail-image{flex:1;min-width:0;height:500px;background-size:cover;background-position:center;border-radius:16px;box-shadow:0 8px 30px rgba(47,36,30,.12);transition:transform .3s ease}
.product-detail-image:hover{transform:scale(1.02)}
.product-detail-content{flex:1;min-width:0;padding:20px 0}
.product-detail-content h3{margin-bottom:12px;color:var(--oak);font-family:var(--body);font-size:.72rem;text-transform:uppercase;letter-spacing:2.5px;font-weight:600}
.product-detail-content h2{margin-bottom:20px;font-size:2.2rem;line-height:1.2}
.product-detail-content>p{margin-bottom:28px;font-size:1.05rem;line-height:1.8;color:var(--text)}
.detail-list{margin-bottom:36px;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px}
.detail-list li{display:flex;align-items:flex-start;gap:12px;font-size:.93rem;color:var(--text);line-height:1.5}
.detail-list li::before{content:'';width:20px;height:20px;flex-shrink:0;margin-top:2px;background:rgba(110,139,93,.1);border:1.5px solid rgba(110,139,93,.3);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%236E8B5D' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:11px}

/* ===== GALLERY ===== */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gallery-item{position:relative;height:260px;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid var(--border)}
.gallery-item.large{grid-column:span 2;grid-row:span 2;height:540px}
.gallery-item img,.gallery-item-bg{width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;transition:transform .5s ease}
.gallery-item:hover img,.gallery-item:hover .gallery-item-bg{transform:scale(1.05)}
.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(47,36,30,.8),transparent);opacity:0;transition:opacity .3s;display:flex;align-items:flex-end;padding:22px}
.gallery-item:hover .gallery-overlay{opacity:1}
.gallery-overlay h4{font-size:1.05rem;margin-bottom:3px;color:var(--white)}
.gallery-overlay p{font-size:.8rem;color:var(--honey)}

/* ===== CONTACT ===== */
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:72px}
.contact-info h3{margin-bottom:14px}
.contact-info>p{margin-bottom:32px;font-size:1.05rem;line-height:1.8}
.contact-item{display:flex;gap:16px;margin-bottom:26px}
.contact-icon{width:52px;height:52px;background:rgba(166,124,82,.07);border:1px solid rgba(166,124,82,.18);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-item h4{margin-bottom:3px;font-size:.98rem}
.contact-item p{font-size:.9rem;color:var(--text-light)}
.contact-form{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:40px;box-shadow:var(--shadow)}
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:7px;font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--brown);font-weight:600}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:13px 16px;background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--brown);font-size:.95rem;font-family:var(--body);transition:border-color .25s}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--oak)}
.form-group textarea{height:130px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A67C52' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}
.map-container{height:380px;background:var(--white);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-top:50px}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){:root{--section:85px;--pad:28px}.logo-text{display:none}.mobile-toggle{display:flex;flex-direction:column;gap:0;width:38px;height:38px;justify-content:center;align-items:center;background:var(--bg-alt);border:1px solid var(--border);border-radius:9px;cursor:pointer}.mobile-toggle span{width:17px;height:2px;background:var(--brown);transition:all .25s;position:absolute;border-radius:2px}.mobile-toggle span:nth-child(1){transform:translateY(-5.5px)}.mobile-toggle span:nth-child(2){width:13px}.mobile-toggle span:nth-child(3){transform:translateY(5.5px)}.mobile-toggle.active{background:var(--brown);border-color:var(--brown)}.mobile-toggle.active span{background:var(--white)}.mobile-toggle.active span:nth-child(1){transform:translateY(0) rotate(45deg)}.mobile-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-toggle.active span:nth-child(3){transform:translateY(0) rotate(-45deg)}.nav-links{position:fixed;top:0;right:0;width:320px;height:100dvh;background:var(--brown);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0;gap:0;z-index:1100;transform:translateX(100%);transition:transform .4s;box-shadow:-14px 0 40px rgba(47,36,30,.3);border-left:1px solid rgba(166,124,82,.2);overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-menu-header,.nav-menu-footer{display:block}.nav-links::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 50Q25 30 50 50T100 50' stroke='%23A67C52' stroke-width='.5' fill='none' opacity='.07'/%3E%3C/svg%3E");background-size:100px 100px;pointer-events:none;opacity:.5}.nav-links.active{transform:translateX(0)}.nav-links li{width:100%;border-bottom:none}.nav-links a{display:flex;align-items:center;gap:12px;font-size:.8rem;padding:17px 32px;color:rgba(255,255,255,.6);letter-spacing:2.5px;border-left:3px solid transparent;transition:all .25s}.nav-links a:hover{color:var(--white);background:rgba(166,124,82,.07);border-left-color:var(--honey);padding-left:38px}.nav-links .nav-cta{display:flex!important;justify-content:center;margin:18px 24px;padding:15px 26px!important;border-radius:7px!important;border-left:none!important;background:var(--honey);color:var(--brown)!important;font-weight:600}.nav-links .nav-cta:hover{background:var(--white)}.nav-menu-header{padding:26px 32px 0;margin-bottom:5px}.nav-logo{display:flex!important;align-items:center;gap:10px;padding:0!important;border-left:none!important}.nav-logo:hover{background:transparent!important;padding-left:0!important}.nav-logo-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--oak),var(--honey));border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:700;color:var(--white);font-size:.9rem}.nav-logo-text{display:flex;flex-direction:column}.nav-logo-name{font-family:var(--font);font-size:.95rem;font-weight:700;color:var(--white);letter-spacing:2px}.nav-logo-tagline{font-size:.52rem;color:var(--honey);letter-spacing:1.5px;text-transform:uppercase;font-weight:500;margin-top:1px}.nav-divider{width:100%;height:1px;background:linear-gradient(90deg,var(--honey),rgba(166,124,82,.12),transparent);margin:18px 0}.nav-menu-footer{width:100%;padding:0 32px;margin-top:auto}.nav-contact-info p{font-size:.78rem;color:rgba(255,255,255,.5);margin-bottom:4px}.nav-social{display:flex;gap:9px}.nav-social a{width:36px;height:36px;background:rgba(166,124,82,.1);border:1px solid rgba(166,124,82,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--honey);transition:background .25s;padding:0;border-left:none!important}.nav-social a:hover{background:var(--honey);color:var(--brown)}.mobile-menu-overlay{position:fixed;inset:0;background:rgba(47,36,30,.3);z-index:1080;opacity:0;visibility:hidden;transition:all .3s}.mobile-menu-overlay.active{opacity:1;visibility:visible}.hero{min-height:auto;padding:140px 0 80px}.hero-content{max-width:100%;padding-top:0}.hero h1{font-size:2.5rem}.hero-glass-cards{position:relative;right:auto;top:auto;transform:none;flex-direction:row;margin-top:44px;flex-wrap:wrap;gap:12px}.glass-card{flex:1;min-width:170px;padding:17px 20px}.products-grid{grid-template-columns:1fr;gap:22px}.about-preview{grid-template-columns:1fr;gap:48px}.about-image-main{height:400px}.timeline::before{left:20px}.timeline-item,.timeline-item:nth-child(even){padding-left:60px;padding-right:0;justify-content:flex-start}.timeline-dot{left:20px}.timeline-content{max-width:100%;padding:22px}.product-detail{grid-template-columns:1fr;gap:40px;padding:64px 0}.product-detail-image{height:360px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-item.large{grid-column:span 2;grid-row:span 1;height:280px}.contact-section{grid-template-columns:1fr;gap:44px}.contact-form{padding:32px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:18px}.stats-item{padding:26px 14px}.stats-number{font-size:2.4rem}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-about{grid-column:span 2}}
@media(max-width:768px){:root{--section:60px;--pad:18px}.navbar{padding:13px 0;background:rgba(247,243,238,.97)}.navbar.scrolled{padding:11px 0}.logo-icon{width:40px;height:40px;font-size:.9rem}.hero{min-height:auto;padding:110px 0 50px}.hero h1{font-size:2.1rem}.hero-subtitle{font-size:.98rem}.hero-buttons{flex-direction:column;gap:10px;align-items:center}.hero-buttons .btn{width:100%;max-width:280px;justify-content:center}.hero-stats{flex-direction:column;gap:16px;border-top:none;padding-top:0;align-items:center}.stat-item{display:flex;align-items:center;gap:12px;width:100%;max-width:240px;padding:16px 18px;background:var(--white);border:1px solid var(--border);border-radius:10px}.stat-number{font-size:1.8rem}.hero-glass-cards{flex-direction:column;margin-top:32px;gap:9px}.glass-card{min-width:100%;padding:16px 20px}.scroll-indicator{display:none}.section-header{margin-bottom:40px}.section-header h2{font-size:1.7rem}.product-image{height:240px}.product-content{padding:22px}.product-content h3{font-size:1.25rem}.about-image-main{height:300px}.about-image-accent{width:130px;height:130px;bottom:-18px;right:-8px}.about-image-accent .accent-number{font-size:2.2rem}.about-features{grid-template-columns:1fr;gap:18px}.timeline-content{padding:20px}.timeline-number{font-size:1.8rem}.stats-grid{grid-template-columns:1fr;gap:12px}.cta-section{padding:60px 0}.cta-content h2{font-size:1.5rem}.product-detail{padding:44px 0;gap:28px}.product-detail-image{height:260px;border-radius:10px}.product-detail-content h2{font-size:1.5rem}.gallery-grid{grid-template-columns:1fr;gap:9px}.gallery-item{height:220px;border-radius:10px}.gallery-item.large{grid-column:span 1;height:260px}.contact-form{padding:22px}.form-row{grid-template-columns:1fr;gap:12px}.form-group{margin-bottom:16px}.footer{padding:44px 0 20px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-about{grid-column:span 1;text-align:center}.footer-about .logo{justify-content:center}.footer-social{justify-content:center}.footer-column{text-align:center}.footer-column h4{margin-bottom:14px}.footer-bottom{flex-direction:column;gap:8px;text-align:center;padding-top:18px}.btn{padding:13px 26px;font-size:.76rem}}
@media(max-width:480px){:root{--section:48px}h1{font-size:1.8rem}h2{font-size:1.5rem}.hero h1{font-size:1.75rem}.hero-badge{padding:7px 14px}.hero-badge span{font-size:.62rem;letter-spacing:1.5px}.stat-item{padding:12px 14px;max-width:100%}.stat-number{font-size:1.6rem}.product-image{height:200px}.product-content{padding:18px}.product-content h3{font-size:1.1rem}.about-image-main{height:220px}.about-image-accent{width:100px;height:100px}.about-image-accent .accent-number{font-size:1.8rem}.gallery-item{height:180px}.contact-form{padding:18px}.stats-item{padding:20px 16px}.stats-number{font-size:1.8rem}}
@media(max-height:500px)and(orientation:landscape){.hero{min-height:auto;padding:80px 0 40px}.hero-glass-cards{display:none}}
@media print{.navbar,.mobile-toggle,.scroll-indicator{display:none!important}.hero{min-height:auto;padding:30px 0}.section{padding:24px 0}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.hero-content,.hero-glass-cards .glass-card{animation:none!important}.scroll-line::after{animation:none!important}.hero-badge-dot{animation:none!important}.section-badge::after{animation:none!important}}