.navbar{z-index:var(--z-sticky);background:var(--color-white);border-bottom:1px solid var(--color-black-8);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:var(--space-md);height:56px;display:flex}.navbar-logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.navbar-logo img{width:auto;height:40px;display:block}.navbar-right{align-items:center;gap:var(--space-md);display:flex}@media (width<=1024px){.navbar-right{display:none}}.navbar-links{align-items:center;gap:var(--space-md);margin:0;padding:0;list-style:none;display:flex}.navbar-links a{color:var(--color-charcoal);text-transform:uppercase;letter-spacing:var(--letter-normal);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-family:inherit;font-size:.75rem;font-weight:500;text-decoration:none}.navbar-links a:hover{color:var(--color-tan)}.navbar-cta{height:auto;padding:.375rem .75rem;font-size:.75rem;line-height:1}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.mobile-menu-btn span{background:var(--color-dark);width:24px;height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);display:block}@media (width<=1024px){.mobile-menu-btn{display:flex}}.mobile-menu-btn.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-drawer{background:var(--color-white);padding:var(--space-lg);transition:transform var(--transition-medium);z-index:var(--z-drawer);display:none;position:fixed;inset:56px 0 0;transform:translate(100%)}.mobile-drawer.open{transform:translate(0)}@media (width<=1024px){.mobile-drawer{display:block}}.mobile-drawer ul{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mobile-drawer a{color:var(--color-dark);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-light-beige);font-size:1.125rem;font-weight:500;text-decoration:none;display:block}.mobile-drawer a:hover{color:var(--color-tan)}.mobile-drawer .mobile-cta{margin-top:var(--space-lg)}.footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding:var(--space-3xl) 0 var(--space-lg)}.footer-grid{gap:var(--space-2xl);grid-template-columns:1fr 1.5fr;align-items:start;display:grid}@media (width<=768px){.footer-grid{gap:var(--space-xl);grid-template-columns:1fr}}.footer-brand{max-width:320px}.footer-col h3{color:var(--color-white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);font-size:1rem}.footer-logo{letter-spacing:.05em;color:var(--color-white);text-transform:uppercase;margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:700;display:block}.footer-badge{width:80px;height:auto;margin-bottom:var(--space-sm);opacity:.9;display:block}.footer-tagline{color:var(--color-tan-light);margin-bottom:var(--space-md);font-size:.9375rem}.footer-contact{margin:0;padding:0;list-style:none}.footer-contact li{margin-bottom:var(--space-xs);font-size:.9375rem}.footer-contact li a{color:var(--color-tan-light);text-decoration:underline}.footer-contact li a:hover{color:var(--color-white)}.footer-links{gap:var(--space-xs) var(--space-lg);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.footer-links a{color:var(--color-tan-light);font-size:.9375rem;text-decoration:underline}.footer-links a:hover{color:var(--color-white)}.footer-bottom{border-top:1px solid var(--color-white-15);margin-top:var(--space-2xl);padding-top:var(--space-lg);text-align:center;color:var(--color-tan-light);font-size:.875rem}.products-section{background:var(--color-light-beige)}.filter-bar{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.filter-btn{border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-charcoal);border:1px solid var(--color-light-beige);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);padding:.5rem 1.25rem;font-size:.875rem;font-weight:500}.filter-btn:hover{background:var(--color-tan-light);color:var(--color-dark)}.filter-btn.active{background:var(--color-tan);color:var(--color-white);border-color:var(--color-tan)}.material-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.material-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.material-grid{grid-template-columns:1fr}}.material-card{background:var(--color-white);transition:box-shadow var(--transition-fast);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.material-card:hover{box-shadow:0 8px 24px #0000001a}.material-image-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg, var(--color-tan-light), var(--color-tan));color:var(--color-white);text-align:center;padding:var(--space-md);justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;display:flex}.material-info{padding:var(--space-md)}.material-info .material-category{text-transform:uppercase;letter-spacing:.05em;color:var(--color-tan);font-size:.75rem;font-weight:600}.material-info h3{margin:var(--space-xs) 0;font-size:1.125rem}.material-info p{color:var(--color-charcoal);margin:0;font-size:.9375rem}.gallery-landing{background:var(--color-light-beige)}.category-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.category-grid{grid-template-columns:1fr}}.category-card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), transform var(--transition-fast);color:inherit;text-decoration:none;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.category-image-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg, var(--color-tan-light), var(--color-tan));color:var(--color-white);text-align:center;padding:var(--space-md);justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;display:flex}.category-info{padding:var(--space-md)}.category-info h3{margin-bottom:var(--space-xs)}.category-info p{color:var(--color-charcoal);margin:0;font-size:.9375rem}.faq-section{background:var(--color-light-beige)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--color-white);border-radius:var(--radius-md);margin-bottom:var(--space-sm);box-shadow:var(--shadow-sm);border:1px solid var(--color-light-beige);overflow:hidden}.faq-question{width:100%;padding:var(--space-md) var(--space-lg);cursor:pointer;text-align:left;color:var(--color-dark);transition:color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;font-size:1rem;font-weight:500;display:flex}.faq-question:hover{color:var(--color-tan)}.faq-toggle{color:var(--color-tan);margin-left:var(--space-md);flex-shrink:0;font-size:1.5rem;font-weight:300;line-height:1}.faq-answer{padding:0 var(--space-lg) var(--space-md)}.faq-answer p{color:var(--color-charcoal);margin:0;font-size:.9375rem;line-height:170%}.contact-section{background:var(--color-light-beige)}.contact-grid{gap:var(--space-2xl);grid-template-columns:1fr 1.5fr;display:grid}@media (width<=1024px){.contact-grid{gap:var(--space-xl);grid-template-columns:1fr}}.contact-info h2{margin-bottom:var(--space-md)}.contact-info p{margin-bottom:var(--space-lg);color:var(--color-charcoal)}.contact-details{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.contact-details li{flex-direction:column;gap:2px;display:flex}.contact-details li strong{text-transform:uppercase;letter-spacing:.05em;color:var(--color-tan);font-size:.875rem}.contact-details li a{color:var(--color-tan);text-decoration:underline}.contact-details li a:hover{color:#7a6540}.contact-details li span{color:var(--color-charcoal);line-height:150%}.contact-form-wrapper{background:var(--color-white);padding:var(--space-2xl);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}@media (width<=768px){.contact-form-wrapper{padding:var(--space-lg)}}.contact-form{gap:var(--space-md);flex-direction:column;display:flex}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.form-row{grid-template-columns:1fr}}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-group label{color:var(--color-dark);font-size:.875rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid var(--color-light-beige);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-charcoal);transition:border-color var(--transition-fast);padding:.75rem 1rem;font-family:inherit;font-size:1rem}:is(.form-group input,.form-group textarea):focus{border-color:var(--color-tan);outline:none}.form-group small{color:var(--color-charcoal);opacity:.7;font-size:.75rem}.contact-success{text-align:center;padding:var(--space-xl)}.contact-success h3{color:var(--color-tan);margin-bottom:var(--space-sm)}.contact-success p{color:var(--color-charcoal)}.care-section{background:var(--color-light-beige)}.care-list{max-width:800px;margin:0 auto}.care-item{background:var(--color-white);border-radius:var(--radius-md);margin-bottom:var(--space-sm);box-shadow:var(--shadow-sm);border:1px solid var(--color-light-beige);overflow:hidden}.care-question{width:100%;padding:var(--space-md) var(--space-lg);cursor:pointer;text-align:left;color:var(--color-dark);transition:color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;font-size:1rem;font-weight:500;display:flex}.care-question:hover{color:var(--color-tan)}.care-toggle{color:var(--color-tan);margin-left:var(--space-md);flex-shrink:0;font-size:1.5rem;font-weight:300;line-height:1}.care-answer{padding:0 var(--space-lg) var(--space-md)}.care-answer p{color:var(--color-charcoal);margin:0;font-size:.9375rem;line-height:170%}:root{--color-white:#fff;--color-light-beige:#e8e6e1;--color-tan:#967c52;--color-tan-light:#d4c5a9;--color-charcoal:#4a5568;--color-dark:#2d3748;--color-overlay:#00000080;--color-footer-bg:#5c4a35;--color-footer-text:#fff;--color-card-brown:#3d3025;--color-card-cream:#f0e8dc;--color-black-4:#0000000a;--color-black-6:#0000000f;--color-black-8:#00000014;--color-black-10:#0000001a;--color-black-12:#0000001f;--color-black-50:#00000080;--color-white-10:#ffffff1a;--color-white-15:#ffffff26;--font-sans:"Inter", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--letter-tight:-.02em;--letter-normal:.03em;--letter-wide:.05em;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--radius-sm:4px;--radius-md:8px;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 12px 32px #0000001f;--z-base:0;--z-sticky:10;--z-dropdown:100;--z-drawer:200;--z-modal:300;--transition-fast:.2s ease;--transition-medium:.3s ease;font:16px/150% var(--font-sans);color:var(--color-charcoal);background:var(--color-light-beige);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:auto}body{min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}.main-content{flex:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--color-dark);margin:0 0 var(--space-sm);font-weight:600;line-height:120%}h1{letter-spacing:var(--letter-tight);font-size:3rem}@media (width<=768px){h1{font-size:2rem}}h2{font-size:2rem}@media (width<=768px){h2{font-size:1.5rem}}h3{font-size:1.25rem}p{margin:0 0 var(--space-sm);line-height:170%}a{color:var(--color-tan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-dark)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visually-hidden:focus{width:auto;height:auto;padding:var(--space-sm);clip:auto;white-space:normal;background:var(--color-dark);color:var(--color-white);z-index:var(--z-modal);margin:0;position:static;overflow:visible}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}@media (width<=768px){.container{padding:0 var(--space-md)}}.btn{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-tan);outline-offset:2px}.btn-primary{background:var(--color-tan);color:var(--color-white)}.btn-primary:hover{background:var(--color-dark);color:var(--color-white)}.btn-outline{color:var(--color-dark);border:2px solid var(--color-dark);background:0 0}.btn-outline:hover{background:var(--color-dark);color:var(--color-white)}.btn-white{background:var(--color-white);color:var(--color-dark)}.btn-white:hover{background:var(--color-light-beige);color:var(--color-dark)}.section-padding{padding:var(--space-3xl) 0}@media (width<=1024px){.section-padding{padding:var(--space-2xl) 0}}@media (width<=768px){.section-padding{padding:var(--space-xl) 0}}.hero-sm{min-height:30vh}.hero-md{min-height:40vh}.hero-lg{min-height:50vh}.hero-xl{min-height:60vh}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}