:root{--color-black: #0a0a0a;--color-white: #fafaf8;--color-cream: #f5f3ee;--color-warm: #ebe7df;--color-stone: #c8c1b4;--color-text: #2c2a26;--color-text-light: #6b6660;--color-accent: #8b7355;--color-accent-light: #a6956f;--color-matcha: #6b7c47;--color-matcha-light: #8a9e5c;--color-coffee: #5c3d2e;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem;--space-2xl: 10rem;--transition: .4s cubic-bezier(.25, .46, .45, .94);--transition-slow: .8s cubic-bezier(.25, .46, .45, .94)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='6' fill='%238b7355'/%3E%3C/svg%3E") 8 8,auto}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-white);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a,button,[onclick],select,.btn,.nav-toggle,.collab-card,.product-category{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='6' fill='%238b7355'/%3E%3C/svg%3E") 8 8,pointer}img{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='6' fill='%23ffffff'/%3E%3C/svg%3E") 8 8,auto}input,textarea,select,[contenteditable]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='6' fill='%238b7355'/%3E%3C/svg%3E") 8 8,text}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.25rem 3rem;display:flex;align-items:center;justify-content:space-between;transition:var(--transition)}.nav.scrolled{background:#fafaf8eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);padding:.9rem 3rem}.nav.scrolled .nav-links a,.nav.scrolled .nav-cta{color:var(--color-black)}.nav.scrolled .nav-cta{border-color:var(--color-black)}.nav.scrolled .nav-cta:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.nav.scrolled .nav-logo-white{opacity:0}.nav.scrolled .nav-logo-black{opacity:1}.nav-logo{text-decoration:none;cursor:pointer;display:flex;align-items:center;position:relative}.nav-logo-img{height:44px;width:auto;transition:opacity var(--transition)}.nav-logo-white{opacity:1}.nav-logo-black{position:absolute;top:0;left:0;opacity:0}.nav-links{display:flex;gap:2.5rem;align-items:center;list-style:none;margin-left:auto;margin-right:2.5rem}.nav-links a{font-size:.8rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--color-white);text-decoration:none;position:relative;cursor:pointer;transition:var(--transition)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:currentColor;transition:var(--transition)}.nav-links a:hover:after{width:100%}.nav-cta{font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-white);text-decoration:none;border:1px solid var(--color-white);padding:.6rem 1.8rem;transition:var(--transition);cursor:pointer}.nav-cta:hover{background:#ffffff80;color:var(--color-white);border-color:#ffffffb3}.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001}.nav-toggle span{width:24px;height:1.5px;background:var(--color-white);transition:var(--transition)}.nav.scrolled .nav-toggle span{background:var(--color-black)}.scroll-progress{position:absolute;bottom:0;left:0;height:3px;width:0;background:var(--color-accent);transition:width .08s linear;z-index:1}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;padding:1rem 2.2rem;border:1px solid;transition:var(--transition);cursor:pointer}.btn-primary{background:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.btn-primary:hover{background:transparent;color:var(--color-white)}.btn-outline{background:transparent;color:var(--color-white);border-color:#fff6}.btn-outline:hover{background:#ffffff80;border-color:#ffffffb3;color:var(--color-white)}.btn-dark{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.btn-dark:hover{background:var(--color-text)}.btn-arrow:after{content:"\2192";display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn-arrow:hover:after{transform:translate(8px)}section{padding:var(--space-2xl) 3rem}.section-label{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:var(--space-sm)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);font-weight:300;line-height:1.2;margin-bottom:var(--space-md)}.section-desc{font-size:1rem;font-weight:300;color:var(--color-text-light);max-width:520px;line-height:1.8}.footer{background:var(--color-black);color:var(--color-white);padding:var(--space-xl) 3rem var(--space-lg)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand h3{font-family:var(--font-display);font-size:2rem;font-weight:400;margin-bottom:1rem}.footer-brand p{font-size:.88rem;color:var(--color-stone);line-height:1.7;max-width:320px}.footer-col h4{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-stone);margin-bottom:1.5rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-col a{font-size:.88rem;color:#fff9;text-decoration:none;transition:var(--transition)}.footer-col a:hover{color:var(--color-white)}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-size:.75rem;color:var(--color-stone)}.footer-social{display:flex;gap:1.5rem}.footer-social a{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-stone);text-decoration:none;transition:var(--transition)}.footer-social a:hover{color:var(--color-white)}.section-divider{display:flex;align-items:center;justify-content:center;padding:var(--space-lg) 3rem;background:var(--color-white)}.section-divider span{width:50px;height:1px;background:var(--color-stone)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.3)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.products-grid{grid-template-columns:1fr 1fr}.collabs-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr;gap:2rem}.loyalty-tiers{grid-template-columns:1fr;gap:1.25rem;max-width:540px}.earn-grid{grid-template-columns:1fr 1fr;gap:2rem;max-width:540px;margin:0 auto}}@media(max-width:768px){section{padding:var(--space-xl) 1.5rem}.nav{padding:1rem 1.5rem}.nav.scrolled{padding:.8rem 1.5rem}.nav-links,.nav-cta{display:none}.nav-toggle{display:flex}.hero-content{padding:0 1.5rem var(--space-lg)}.hero-scroll{display:none}.philosophy{grid-template-columns:1fr}.philosophy-visual{min-height:350px}.products-grid{grid-template-columns:1fr}.products-header{flex-direction:column;align-items:flex-start;gap:1rem}.exp-types{grid-template-columns:1fr}.collabs-grid{grid-template-columns:1fr 1fr}.inquiry{grid-template-columns:1fr;padding:var(--space-xl) 1.5rem}.form-row{grid-template-columns:1fr}.loyalty-tiers{grid-template-columns:1fr;gap:1rem}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}*,*:before,*:after{cursor:none!important}.cursor-dot{position:fixed;top:0;left:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;z-index:999999;opacity:0;transition:opacity .25s ease}@media(hover:none),(pointer:coarse){.cursor-dot{display:none!important}*,*:before,*:after{cursor:auto!important}}body:not(.gruezi-home) .nav{background:#fafaf8eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);padding:.9rem 3rem}body:not(.gruezi-home) .nav-links a,body:not(.gruezi-home) .nav-cta{color:var(--color-black)}body:not(.gruezi-home) .nav-cta{border-color:var(--color-black)}body:not(.gruezi-home) .nav-cta:hover{background:var(--color-black);color:var(--color-white)}body:not(.gruezi-home) .nav-logo-white{opacity:0}body:not(.gruezi-home) .nav-logo-black{opacity:1}body:not(.gruezi-home) .nav-toggle span{background:var(--color-black)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:var(--color-cream);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;opacity:0;visibility:hidden;transition:opacity .45s cubic-bezier(.25,.46,.45,.94),visibility .45s}.mobile-menu.open{opacity:1;visibility:visible}body.menu-open{overflow:hidden}.mobile-menu-links{display:flex;flex-direction:column;align-items:center;gap:1.6rem;text-align:center}.mobile-menu-links a{font-family:var(--font-display);font-weight:300;font-size:clamp(2rem,8vw,2.8rem);line-height:1.05;color:var(--color-text);text-decoration:none;letter-spacing:.01em;opacity:0;transform:translateY(14px);transition:color var(--transition)}.mobile-menu-links a:hover,.mobile-menu-links a:active{color:var(--color-accent)}.mobile-menu.open .mobile-menu-links a{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.mobile-menu.open .mobile-menu-links a:nth-child(1){transition-delay:.12s}.mobile-menu.open .mobile-menu-links a:nth-child(2){transition-delay:.18s}.mobile-menu.open .mobile-menu-links a:nth-child(3){transition-delay:.24s}.mobile-menu.open .mobile-menu-links a:nth-child(4){transition-delay:.3s}.mobile-menu.open .mobile-menu-links a:nth-child(5){transition-delay:.36s}.mobile-menu-cta{font-family:var(--font-body);font-size:.78rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text);text-decoration:none;border:1px solid var(--color-text);padding:.95rem 2.4rem;opacity:0;transform:translateY(14px);transition:background var(--transition),color var(--transition)}.mobile-menu-cta:hover{background:var(--color-text);color:var(--color-white)}.mobile-menu.open .mobile-menu-cta{opacity:1;transform:translateY(0);transition:opacity .5s ease .44s,transform .5s ease .44s,background var(--transition),color var(--transition)}.nav-toggle{background:none;border:0;padding:0}.nav-toggle span{transform-origin:center}.nav.menu-open .nav-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav.menu-open .nav-toggle span:nth-child(2){opacity:0}.nav.menu-open .nav-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav.menu-open .nav-toggle span{background:var(--color-text)!important}.nav.menu-open .nav-logo-white{opacity:0}.nav.menu-open .nav-logo-black{opacity:1}@media(min-width:769px){.mobile-menu{display:none!important}}.nav-cart{position:relative;display:inline-flex;align-items:center;color:var(--color-white);margin-left:1.5rem;transition:opacity var(--transition),color var(--transition)}.nav-cart:hover{opacity:.65}.nav.scrolled .nav-cart,body:not(.gruezi-home) .nav-cart{color:var(--color-black)}.nav-cart-count{position:absolute;top:-7px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--color-accent);color:#fff;font-family:var(--font-body);font-size:.6rem;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center}.nav.menu-open .nav-cart{opacity:0;pointer-events:none}@media(max-width:768px){.nav-cart{margin-left:auto;margin-right:1.3rem}}.form-success{color:var(--color-matcha);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.form-error{color:var(--color-coffee);font-size:.9rem;line-height:1.6;margin-bottom:1rem}.newsletter-form{flex-wrap:wrap}.newsletter .form-success{flex-basis:100%;text-align:center;margin-bottom:1.25rem}.footer-credit{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.08);text-align:center;font-size:.72rem;letter-spacing:.08em;color:var(--color-stone)}.footer-credit a{color:var(--color-stone);text-decoration:none;transition:var(--transition)}.footer-credit a:hover{color:var(--color-white)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/gruezi.css.map */
