@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--color-bg-dark: #070c17;--color-bg-card: rgba(15, 23, 42, .45);--color-border-glass: rgba(255, 255, 255, .08);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-blue-primary: #1d4ed8;--color-blue-light: #60a5fa;--color-blue-dark: #1e3a8a;--color-red-primary: #dc2626;--color-red-light: #f87171;--color-red-dark: #7f1d1d;--color-accent: #38bdf8;--color-accent-red: #ef4444;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .2s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);background-color:var(--color-bg-dark);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(29,78,216,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(220,38,38,.12) 0%,transparent 40%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:var(--transition-smooth)}input,textarea{font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:0 2rem}@media (max-width: 992px){.container{padding:0 1.5rem}}@media (max-width: 576px){.container{padding:0 1rem}}.section-padding{padding:8rem 0}@media (max-width: 768px){.section-padding{padding:5rem 0}}.glass-nav{background:#070c17b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:var(--color-border-glass)}.glass-card{background:var(--color-bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-glass);box-shadow:0 25px 50px -12px #00000080;border-radius:24px}.glass-card-hover{transition:var(--transition-smooth)}.glass-card-hover:hover{transform:translateY(-5px);border-color:#ffffff26;box-shadow:0 30px 60px -15px #0009;background:#0f172a8c}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#334155}.navbar{position:fixed;top:0;left:0;width:100%;height:80px;z-index:100;display:flex;align-items:center;transition:var(--transition-smooth)}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{display:flex;align-items:center;gap:.75rem;font-family:var(--font-heading);font-weight:900;font-size:1.5rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary)}.logo svg{height:32px;width:32px;fill:currentColor}.logo span{font-weight:300;color:var(--color-text-secondary)}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-link{font-size:.95rem;font-weight:500;color:var(--color-text-secondary);position:relative;padding:.5rem 0}.nav-link:hover,.nav-link.active{color:var(--color-text-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-blue-light),var(--color-red-light));transition:var(--transition-smooth)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-cta{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.9rem;background:linear-gradient(135deg,var(--color-blue-primary),var(--color-blue-dark));color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #1d4ed84d}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1d4ed880;background:linear-gradient(135deg,var(--color-blue-light),var(--color-blue-primary))}.mobile-menu-btn{display:none;font-size:1.5rem;color:var(--color-text-primary)}@media (max-width: 992px){.nav-links,.nav-cta{display:none}.mobile-menu-btn{display:block}.logo{font-size:1.25rem;gap:.5rem}.logo svg{height:28px;width:28px}}@media (max-width: 480px){.logo{font-size:1.05rem;gap:.4rem}.logo svg{height:24px;width:24px}}.hero{min-h:100vh;position:relative;display:flex;align-items:center;padding-top:120px;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at center,rgba(15,23,42,.4) 0%,var(--color-bg-dark) 100%);transition:var(--transition-smooth)}.hero-content{max-width:620px;text-align:left}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}@media (max-width: 992px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:3rem}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:#ffffff08;border:1px solid var(--color-border-glass);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:2rem}.hero-badge span{width:8px;height:8px;background-color:var(--color-accent-red);border-radius:50%;display:inline-block;box-shadow:0 0 8px var(--color-accent-red)}.hero-title{font-size:4.5rem;line-height:1.1;font-weight:900;text-transform:uppercase;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff 40%,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-title span{display:block;font-size:3.5rem;font-weight:300;color:var(--color-blue-light);-webkit-text-fill-color:initial;background:none}@media (max-width: 992px){.hero-title{font-size:3.5rem}.hero-title span{font-size:2.6rem}}@media (max-width: 768px){.hero-title{font-size:2.8rem}.hero-title span{font-size:2.1rem}}@media (max-width: 480px){.hero-title{font-size:2.1rem}.hero-title span{font-size:1.6rem}.hero-description{font-size:1rem;margin-bottom:2rem}}.hero-description{font-size:1.15rem;color:var(--color-text-secondary);margin-bottom:2.5rem;max-width:540px;line-height:1.7}@media (max-width: 992px){.hero-description{margin-left:auto;margin-right:auto}}.hero-ctas{display:flex;gap:1.5rem;flex-wrap:wrap}@media (max-width: 992px){.hero-ctas{justify-content:center}}@media (max-width: 576px){.hero-ctas{flex-direction:column;align-items:stretch;gap:1rem}}.btn-primary{padding:1rem 2rem;border-radius:16px;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--color-red-primary),var(--color-red-dark));color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #dc26264d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #dc262680;background:linear-gradient(135deg,var(--color-accent-red),var(--color-red-primary))}.btn-secondary{padding:1rem 2rem;border-radius:16px;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#ffffff08;color:#fff;border:1px solid var(--color-border-glass)}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.hero-image-container{display:flex;justify-content:center;align-items:center;position:relative}.hero-image{max-width:100%;max-height:520px;object-fit:contain;border-radius:24px;box-shadow:0 25px 50px -12px #0009;border:1px solid var(--color-border-glass);animation:float 6s ease-in-out infinite;transition:var(--transition-smooth)}@media (max-width: 992px){.hero-image{max-height:380px}}@media (max-width: 576px){.hero-image{max-height:280px}}.hero-image:hover{transform:scale(1.02);border-color:#fff3}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.brand-values{padding:3rem 0;background:linear-gradient(90deg,#1d4ed80d,#dc26260d);border-top:1px solid var(--color-border-glass);border-bottom:1px solid var(--color-border-glass)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}@media (max-width: 992px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.values-grid{grid-template-columns:1fr}}.value-item h3{font-size:1.75rem;color:var(--color-text-primary);margin-bottom:.25rem}.value-item p{font-size:.9rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.wort-beer-section{position:relative}.section-header{text-align:center;max-width:700px;margin:0 auto 5rem}.section-header h2{font-size:3rem;text-transform:uppercase;margin-bottom:1rem}@media (max-width: 768px){.section-header h2{font-size:2.25rem}}@media (max-width: 480px){.section-header h2{font-size:1.8rem}}.section-header p{color:var(--color-text-secondary);font-size:1.1rem}.wort-beer-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:6rem;align-items:center}@media (max-width: 992px){.wort-beer-grid{grid-template-columns:1fr;gap:4rem}}.product-showcase{display:flex;justify-content:center;position:relative}.product-image{border-radius:24px;width:100%;max-width:500px;box-shadow:0 20px 40px #0009;border:1px solid var(--color-border-glass);transition:var(--transition-smooth)}.product-image:hover{transform:scale(1.02);border-color:#ffffff26}.wort-beer-story{display:flex;flex-direction:column;gap:1.75rem}.wort-beer-story h3{font-size:2rem;color:var(--color-red-light)}.story-lead{font-size:1.2rem;line-height:1.6;color:var(--color-text-primary);font-weight:500}.story-text{color:var(--color-text-secondary);font-size:1rem}.benefits-list{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}@media (max-width: 640px){.benefits-list{grid-template-columns:1fr}}.benefit-card{padding:1.5rem;border-radius:16px;background:#ffffff05;border:1px solid var(--color-border-glass);transition:var(--transition-smooth)}.benefit-card:hover{background:#ffffff0a;border-color:#ffffff1a}.benefit-card h4{font-size:1.1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary)}.benefit-card h4 svg{color:var(--color-red-light);flex-shrink:0}.benefit-card p{font-size:.85rem;color:var(--color-text-secondary)}.water-section{position:relative;background-image:linear-gradient(180deg,transparent,rgba(29,78,216,.05),transparent)}.water-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:6rem;align-items:center}@media (max-width: 992px){.water-grid{grid-template-columns:1fr;gap:4rem}.water-grid>:first-child{order:2}}.water-showcase{display:flex;justify-content:center;position:relative}.water-image{border-radius:24px;width:100%;max-width:500px;box-shadow:0 20px 40px #0009;border:1px solid var(--color-border-glass);transition:var(--transition-smooth)}.water-image:hover{transform:scale(1.02);border-color:#ffffff26}.water-details{display:flex;flex-direction:column;gap:2rem}.water-card-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 576px){.water-card-container{grid-template-columns:1fr}}.water-type-card{padding:2rem;border-radius:20px;background:#0f172a66;border:1px solid var(--color-border-glass);position:relative;overflow:hidden;transition:var(--transition-smooth)}.water-type-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px}.water-type-card.still:before{background:var(--color-blue-light)}.water-type-card.sparkling:before{background:var(--color-red-light)}.water-type-card:hover{transform:translateY(-5px)}.water-type-card.still:hover{border-color:#60a5fa4d;box-shadow:0 20px 40px -15px #1d4ed833}.water-type-card.sparkling:hover{border-color:#f871714d;box-shadow:0 20px 40px -15px #dc262633}.water-icon{font-size:2rem;margin-bottom:1rem;display:inline-block}.water-type-card.still .water-icon{color:var(--color-blue-light)}.water-type-card.sparkling .water-icon{color:var(--color-red-light)}.water-type-card h4{font-size:1.4rem;margin-bottom:.75rem}.water-type-card p{font-size:.9rem;color:var(--color-text-secondary)}.enquiry-section{position:relative}.enquiry-container{max-width:800px;margin:0 auto;padding:4rem;text-align:center}@media (max-width: 768px){.enquiry-container{padding:2.5rem 1.5rem}}.enquiry-header{margin-bottom:3rem}.enquiry-header h2{font-size:2.5rem;text-transform:uppercase;margin-bottom:.75rem}.enquiry-header p{color:var(--color-text-secondary);font-size:1rem}.enquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;text-align:left}@media (max-width: 576px){.enquiry-form{grid-template-columns:1fr}}.form-group-full{grid-column:span 2}@media (max-width: 576px){.form-group-full{grid-column:span 1}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.form-input{width:100%;padding:1rem 1.25rem;border-radius:14px;background:#ffffff08;border:1px solid var(--color-border-glass);color:#fff;font-size:.95rem;transition:var(--transition-smooth)}.form-input::placeholder{color:#475569}.form-input:focus{outline:none;background:#ffffff0f;border-color:#ffffff40;box-shadow:0 0 15px #ffffff0d}textarea.form-input{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:1.15rem;border-radius:14px;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--color-red-primary),var(--color-red-dark));color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #dc262640;margin-top:1rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc262673;background:linear-gradient(135deg,var(--color-accent-red),var(--color-red-primary))}.submit-success-msg{color:#10b981;font-weight:600;margin-top:1rem;text-align:center}.footer{background:#030712;border-top:1px solid var(--color-border-glass);padding:5rem 0 2rem;position:relative}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:4rem;margin-bottom:4rem}@media (max-width: 992px){.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}.footer-grid>:first-child{grid-column:span 2}}@media (max-width: 576px){.footer-grid{grid-template-columns:1fr}.footer-grid>:first-child{grid-column:span 1}}.footer-brand h3{font-family:var(--font-heading);font-weight:900;text-transform:uppercase;font-size:1.5rem;letter-spacing:.05em;margin-bottom:1.25rem}.footer-brand h3 span{font-weight:300;color:var(--color-text-secondary)}.footer-brand p{color:var(--color-text-secondary);font-size:.95rem;max-width:320px;line-height:1.6}.footer-heading{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-primary);margin-bottom:1.5rem;font-weight:600}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-link{font-size:.9rem;color:var(--color-text-secondary)}.footer-link:hover{color:var(--color-text-primary)}.contact-info{display:flex;flex-direction:column;gap:1rem;color:var(--color-text-secondary);font-size:.9rem}.contact-item{display:flex;align-items:flex-start;gap:.75rem}.contact-item svg{flex-shrink:0;color:var(--color-accent-red);margin-top:.2rem}.contact-item a:hover{color:var(--color-text-primary)}.social-links{display:flex;gap:1.25rem;margin-top:1.5rem}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff08;border:1px solid var(--color-border-glass);color:var(--color-text-secondary);transition:var(--transition-smooth)}.social-icon:hover{color:#fff;transform:translateY(-3px);background:#ffffff14;border-color:#fff3}.social-icon.facebook:hover{color:#1877f2}.social-icon.instagram:hover{color:#e1306c}.social-icon.twitter:hover{color:#1da1f2}.social-icon.youtube:hover{color:red}.footer-bottom{border-top:1px solid var(--color-border-glass);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--color-text-muted)}@media (max-width: 576px){.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.scroll-down-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:10;cursor:pointer;opacity:.8;transition:var(--transition-smooth)}.scroll-down-indicator:hover{opacity:1;transform:translate(-50%) translateY(3px)}.scroll-down-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.25em;color:var(--color-text-secondary)}.scroll-down-mouse{width:22px;height:36px;border:2px solid var(--color-text-secondary);border-radius:12px;position:relative}.scroll-down-wheel{width:4px;height:8px;background-color:var(--color-red-light);border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scrollWheel 1.8s infinite ease-in-out}@keyframes scrollWheel{0%{top:6px;opacity:1;height:8px}30%{top:6px;opacity:1;height:12px}60%{top:18px;opacity:0;height:6px}to{top:6px;opacity:0;height:8px}}.back-to-top-btn{position:fixed;bottom:2.5rem;right:2.5rem;width:46px;height:46px;border-radius:50%;background:#070c17d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border-glass);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:99;box-shadow:0 10px 30px #00000080;transition:var(--transition-smooth)}.back-to-top-btn:hover{transform:translateY(-5px);border-color:#ffffff40;box-shadow:0 15px 35px #000000b3;background:#0f172af2}.progress-circle{position:absolute;top:0;left:0;width:100%;height:100%}.progress-circle-bg{stroke:#ffffff0d;stroke-width:3.5;fill:none}.progress-circle-fill{stroke:var(--color-red-light);stroke-width:3.5;fill:none;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .15s linear}.back-to-top-btn:hover .progress-circle-fill{stroke:var(--color-accent-red)}.arrow-up{position:relative;z-index:2;width:16px;height:16px;color:var(--color-text-primary);transition:var(--transition-smooth)}.back-to-top-btn:hover .arrow-up{transform:translateY(-2px);color:var(--color-accent-red)}@media (max-width: 768px){.back-to-top-btn{bottom:1.5rem;right:1.5rem}.scroll-down-indicator{display:none}}