:root{--radius-card: 12px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .08);--max-width: 1200px;--spacing-section: 80px}:root{color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body, system-ui, sans-serif);background:var(--color-background, #FDF6EC);color:var(--color-text, #1C1A17)}img,picture,video,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{border:none}.container{width:min(100%,1200px);margin:0 auto;padding:0 24px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.page-shell{flex:1}section{padding:60px 0}.section-heading{text-align:center;max-width:720px;margin:0 auto 40px}.section-heading h2{margin:0;font-family:var(--font-heading, Georgia, serif);font-size:clamp(2rem,3vw,2.8rem);color:var(--color-text, #1C1A17)}.section-heading p{margin:16px auto 0;max-width:620px;color:var(--color-text-muted, #6B5E4E);line-height:1.8}.nav{background:var(--color-surface, #FFFFFF);box-shadow:0 1px 8px #0000000f;position:sticky;top:0;z-index:50}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;color:var(--color-text, #1C1A17);font-size:1.05rem}.brand-logo{width:40px;height:40px;object-fit:contain;border-radius:8px}.nav-toggle{display:none;width:48px;height:48px;background:transparent;border:1px solid rgba(28,26,23,.1);border-radius:12px;padding:10px;cursor:pointer;position:relative}.nav-toggle span{display:block;width:20px;height:2px;background:var(--color-text, #1C1A17);border-radius:999px;margin:4px 0}.nav-links{display:flex;align-items:center;gap:24px}.nav-link{font-weight:600;color:var(--color-text, #1C1A17)}.btn-quote{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--color-primary, #C17A24);color:#fff;padding:12px 20px;border-radius:999px;transition:background .25s ease}.btn-quote:hover,.btn-primary:hover,.btn-secondary:hover,.enquire-btn:hover,.contact-submit:hover{opacity:.92}.hero-media{position:relative;min-height:62vh;display:grid;place-items:center;background:linear-gradient(180deg,#0000003d,#00000070),url(/assets/images/web/thumbs/hero_thumb.jpg) center/cover no-repeat}.hero-overlay{position:relative;width:100%;max-width:1100px;padding:40px 24px;text-align:center}.hero-copy{color:#fff;display:grid;gap:20px}.hero-copy .eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.85rem;font-weight:700;color:var(--color-accent, #E8A838)}.hero-copy h1{margin:0;font-family:var(--font-heading, Georgia, serif);font-size:clamp(2.5rem,5vw,4rem);line-height:1.05}.hero-copy p{margin:0 auto;max-width:720px;font-size:1rem;color:#fffffff0;line-height:1.75}.hero-ctas{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:14px 26px;border-radius:999px;color:#fff;background:var(--color-accent, #E8A838);font-weight:700}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:14px 26px;border-radius:999px;color:#fff;border:2px solid #fff;background:transparent}.trust-bar{background:var(--color-background, #FDF6EC);padding:40px 0}.trust-items{display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.trust-item{display:flex;gap:16px;align-items:flex-start;padding:24px;border-radius:20px;background:var(--color-surface, #FFFFFF);box-shadow:var(--shadow-card)}.trust-item-icon{font-size:2rem;line-height:1}.trust-item h4{margin:0 0 8px;color:var(--color-text, #1C1A17)}.trust-item p{margin:0;color:var(--color-text-muted, #6B5E4E);line-height:1.7}.featured,.why-choose,.about-teaser,.about-cta,.team-section,.contact-section{background:transparent}.featured,.why-choose{padding-top:80px;padding-bottom:80px}.featured-grid,.why-grid,.certifications-grid,.team-grid,.products-grid,.contact-grid{display:grid;gap:24px}.featured-grid{grid-template-columns:repeat(4,minmax(220px,1fr))}.card{display:grid;background:var(--color-surface, #FFFFFF);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-card)}.card img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.card-body{padding:20px}.card h3{margin:0;font-size:1.25rem;color:var(--color-text, #1C1A17)}.why-grid{grid-template-columns:repeat(4,minmax(220px,1fr))}.why-item{background:var(--color-surface, #FFFFFF);padding:32px 24px;border-radius:20px;box-shadow:var(--shadow-card)}.why-item-icon{margin-bottom:16px}.why-item h4{margin-bottom:12px}.why-item p{margin:0}.about-teaser{background:var(--color-surface, #FFFFFF);padding:80px 0}.teaser-shell{display:grid;place-items:center;text-align:center;gap:24px}.about-teaser h2{margin:0}.about-teaser p{max-width:720px;margin:0 auto;color:var(--color-text-muted, #6B5E4E)}.about-teaser .btn-secondary{background:var(--color-secondary, #4A7C59)}.products-hero{background:var(--color-surface, #FFFFFF);padding:60px 0}.products-hero h1{margin-bottom:16px;font-size:clamp(2rem,3vw,3rem)}.products-hero p{max-width:680px;margin:0 auto;color:var(--color-text-muted, #6B5E4E)}.product-filters{background:var(--color-surface, #FFFFFF);border-bottom:1px solid rgba(28,26,23,.08);padding:18px 0}.filter-row{display:flex;overflow-x:auto;gap:12px;padding-bottom:4px}.filter-pill{flex:0 0 auto;white-space:nowrap;border:1px solid var(--color-primary, #C17A24);background:transparent;color:var(--color-text, #1C1A17);padding:10px 18px;border-radius:999px;cursor:pointer}.filter-pill.active{background:var(--color-primary, #C17A24);color:#fff}.category-section{margin-top:60px}.category-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px}.category-heading h2{margin:0;font-size:1.75rem}.category-heading p{margin:0;font-size:1.65rem}.products-grid{grid-template-columns:repeat(3,minmax(240px,1fr))}.product-card{display:grid;gap:16px;background:var(--color-surface, #FFFFFF);border-radius:24px;padding:20px;box-shadow:var(--shadow-card)}.product-image-button{background:transparent;border:none;padding:0;text-align:left;cursor:pointer}.product-card img{width:100%;aspect-ratio:4 / 3;border-radius:18px}.product-card-body h3{margin:0;font-size:1.1rem;color:var(--color-text, #1C1A17)}.product-card-body p{margin:12px 0 0;color:var(--color-text-muted, #6B5E4E);line-height:1.75}.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{padding:6px 12px;background:#c17a241f;color:var(--color-text, #1C1A17);border-radius:999px;font-size:.8rem}.enquire-btn{width:100%;min-height:44px;padding:12px 0;background:var(--color-primary, #C17A24);color:#fff;border-radius:999px;cursor:pointer}.about-section{padding:80px 0}.about-section:nth-child(odd){background:var(--color-background, #FDF6EC)}.about-section h2{font-size:clamp(1.8rem,2.5vw,2.4rem)}.about-section p{margin:0 auto;max-width:760px}.certifications-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}.cert-badge{text-align:left;display:grid;gap:14px;align-items:start}.cert-badge-body{color:var(--color-text-muted, #6B5E4E)}.team-section{padding:80px 0;background:var(--color-background, #FDF6EC)}.team-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.team-card{background:var(--color-surface, #FFFFFF);padding:28px 22px;border-radius:24px;box-shadow:var(--shadow-card)}.team-avatar{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:var(--color-accent, #E8A838);color:#fff;font-weight:700;margin-bottom:18px}.team-card h3{margin:0;font-size:1.1rem}.team-role{margin:8px 0 16px;color:var(--color-primary, #C17A24);font-weight:700}.about-cta{padding:80px 0;text-align:center;background:var(--color-surface, #FFFFFF)}.about-cta p{max-width:680px;margin:0 auto 32px}.contact-section{padding:80px 0}.contact-shell{display:grid;gap:40px}.contact-header{text-align:center;max-width:700px;margin:0 auto 40px}.contact-header h1{font-size:clamp(2rem,4vw,3rem);margin:0}.contact-header p{margin:16px auto 0;color:var(--color-text-muted, #6B5E4E);max-width:640px}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;max-width:1100px;margin:0 auto}.contact-form,.contact-info{background:var(--color-surface, #FFFFFF);padding:32px;border-radius:28px;box-shadow:var(--shadow-card)}.form-status{margin-top:20px;padding:14px 16px;border-radius:12px}.form-status.success{background:#d4edda;color:#155724}.form-status.error{background:#f8d7da;color:#721c24}.contact-info-item{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.contact-info-icon{font-size:1.9rem}.contact-info h4,.contact-info p{margin:0}.contact-info h4{margin-bottom:6px;color:var(--color-text, #1C1A17)}.whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:14px 18px;border-radius:999px;background:var(--color-secondary, #4A7C59);color:#fff;margin:24px 0}.contact-note{margin-top:24px;padding:20px;background:#f1ece3cc;border-radius:18px}.contact-note ul{margin:12px 0 0;padding-left:20px;color:var(--color-text-muted, #6B5E4E)}.contact-note li{margin-bottom:10px}.footer{background:var(--color-secondary, #4A7C59);color:#fff}.footer-content{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:24px;padding:60px 24px 24px}.footer-section h4{margin-top:0;color:var(--color-accent, #E8A838)}.footer-section a{display:block;color:#fff;text-decoration:none;margin-bottom:10px}.footer-section a:hover{text-decoration:underline}.footer-bottom{padding:18px 24px 32px;border-top:1px solid rgba(255,255,255,.12);text-align:center;color:#ffffffd9}@media (max-width: 1024px){.featured-grid,.why-grid,.certifications-grid,.team-grid,.products-grid,.contact-grid,.footer-content{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{gap:16px}}@media (max-width: 768px){.nav-bar{position:relative}.nav-toggle{display:inline-flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.nav-links{position:fixed;top:0;right:0;height:100%;width:min(320px,90vw);padding:84px 24px 24px;background:var(--color-surface, #FFFFFF);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px;transform:translate(100%);transition:transform .25s ease;box-shadow:-12px 0 48px #00000014;border-left:1px solid rgba(0,0,0,.04);z-index:60}.nav-links.open{transform:translate(0)}.nav-link,.btn-quote{width:100%}.hero-overlay{padding:24px}.hero-copy h1{font-size:clamp(2rem,8vw,2.8rem)}.featured-grid,.why-grid,.certifications-grid,.team-grid,.products-grid,.footer-content,.contact-grid{grid-template-columns:1fr}.contact-info{position:relative}.mobile-sticky{display:inline-flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:560px;z-index:70}.footer-content{padding:40px 24px 24px}}@media (max-width: 480px){.hero-copy{gap:16px}.hero-copy p,.contact-header p,.section-heading p{font-size:.95rem}.product-card{padding:18px}}.contact-info-item{display:flex;gap:15px}.contact-info-icon{font-size:1.5rem;flex-shrink:0}.contact-info h3{margin:0 0 5px}.contact-info p{margin:0;color:var(--light-text)}.whatsapp-btn{background:var(--forest-green);color:#fff;padding:12px 24px;border-radius:4px;text-decoration:none;font-weight:600;text-align:center;transition:background .3s}.whatsapp-btn:hover{background:#006400}footer{background:var(--dark-brown);color:#fff;padding:40px 24px 20px;margin-top:60px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1100px;margin:0 auto 30px}.footer-section h4{color:var(--saffron);margin-bottom:15px}.footer-section a{color:#fff;text-decoration:none;display:block;margin-bottom:8px;transition:color .3s}.footer-section a:hover{color:var(--saffron)}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;color:#ccc}
