@tailwind base;@tailwind components;@tailwind utilities;@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:wght@400;500;600;700;800&display=swap");@layer base{html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:#F5F1E8!important;color:#3D2F1F!important;line-height:1.6!important}}@layer components{:root{--cream:#F5F1E8;--soft-cream:#FAF7F0;--white:#FFFFFF;--olive-dark:#3D4A2C;--olive-medium:#5C6B47;--olive-light:#7A8A5E;--cream-text:#FAF7F0;--olive-text:#3D4A2C;--tan:#D4C4A8}.nav-container{background:#3D4A2C!important;box-shadow:0 2px 12px rgba(0,0,0,.15)!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:50!important;width:100%!important}.nav-content{max-width:80rem!important;margin:0 auto!important;padding:0 1rem!important}.nav-flex{display:flex!important;justify-content:space-between!important;align-items:center!important;min-height:4.5rem!important;padding:.5rem 0!important}@media (max-width:768px){.nav-flex,.nav-links{flex-wrap:wrap!important}.nav-links{gap:.25rem!important;justify-content:center!important;width:100%!important;margin-top:.5rem!important}.nav-link{font-size:.875rem!important;padding:.5rem .75rem!important}.nav-logo{font-size:1.5rem!important}}.nav-logo{font-size:1.875rem!important;font-weight:600!important;font-family:Playfair Display,Georgia,serif!important;color:#FAF7F0!important;cursor:pointer!important;letter-spacing:.01em!important;transition:all .3s ease!important}.nav-logo:hover{color:#FFFFFF!important;transform:translateY(-1px)!important}.nav-links{display:flex!important;gap:.5rem!important;flex-wrap:nowrap!important;overflow-x:visible!important}.nav-link{color:#FAF7F0!important;padding:.625rem 1rem!important;border-radius:.5rem!important;font-weight:500!important;font-size:.9375rem!important;font-family:Inter,sans-serif!important;letter-spacing:.01em!important;transition:all .3s ease!important;background:none!important;border:none!important;cursor:pointer!important;white-space:nowrap!important}.nav-link:hover{color:#FFFFFF!important;background:rgba(255,255,255,.12)!important;transform:translateY(-1px)!important}.nav-admin-section{display:flex!important;gap:.75rem!important}.nav-logout{color:#FAF7F0!important;padding:.625rem 1rem!important;border-radius:.5rem!important;font-weight:500!important;font-size:.9375rem!important;transition:all .3s ease!important;background:none!important;border:none!important;cursor:pointer!important}.nav-logout:hover{color:#FFFFFF!important;background:rgba(255,255,255,.12)!important}.btn-primary{background:#5C6B47!important;color:#FAF7F0!important;padding:1rem 2.5rem!important;border-radius:.75rem!important;font-size:1.0625rem!important;font-weight:600!important;border:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 14px rgba(92,107,71,.3)!important;transition:all .3s ease!important}.btn-primary:hover{background:#4A5637!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(92,107,71,.4)!important}.btn-secondary{background:#F5F1E8!important;color:#5C6B47!important;padding:1rem 2.5rem!important;border-radius:16px!important;font-weight:600!important;font-size:1rem!important;border:2px solid #5c6b47!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;letter-spacing:-.01em!important;text-decoration:none!important;display:inline-block!important}.btn-secondary:hover{background:#5C6B47!important;color:#FAF7F0!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px rgba(92,107,71,.3)!important}.hero-section{background:#FFFFFF!important;padding:6rem 0!important;position:relative!important;overflow:hidden!important}.hero-content{max-width:56rem!important;margin:0 auto!important;text-align:center!important;padding:0 1rem!important;position:relative!important;z-index:1!important}.hero-title{font-size:4rem!important;line-height:1.1!important;font-weight:700!important;font-family:Playfair Display,Georgia,serif!important;color:#3D4A2C!important;margin-bottom:1.5rem!important;letter-spacing:-.01em!important}.hero-subtitle{font-size:1.25rem!important;color:#5C6B47!important;margin-bottom:2.5rem!important;line-height:1.7!important}.hero-buttons{display:flex!important;gap:1.5rem!important;justify-content:center!important;flex-wrap:wrap!important}.features-section{padding:6rem 0!important;background:#F5F1E8!important;position:relative!important}.features-container{max-width:80rem!important;margin:0 auto!important;padding:0 1rem!important}.features-title{font-size:3rem!important;font-weight:700!important;font-family:Playfair Display,Georgia,serif!important;text-align:center!important;color:#3D4A2C!important;margin-bottom:4rem!important;letter-spacing:-.01em!important}.features-grid{display:grid!important;grid-gap:2rem!important;gap:2rem!important;grid-template-columns:repeat(1,1fr)!important}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)!important}}.feature-card{text-align:center!important;padding:2.5rem!important;border-radius:1.25rem!important;background:#FFFFFF!important;border:1px solid rgba(212,196,168,.3)!important;box-shadow:0 4px 16px rgba(0,0,0,.06)!important;transition:all .3s ease!important}.feature-card:hover{transform:translateY(-6px)!important;box-shadow:0 12px 32px rgba(0,0,0,.1)!important}.feature-icon{width:4rem!important;height:4rem!important;color:#5C6B47!important;margin:0 auto 1.5rem!important}.feature-title{font-size:1.5rem!important;font-weight:600!important;font-family:Playfair Display,Georgia,serif!important;color:#3D4A2C!important;margin-bottom:1rem!important}.feature-description{color:#5C6B47!important;line-height:1.6!important}.how-it-works-section{padding:6rem 0!important;background:linear-gradient(135deg,#8B9B77,#7A8A5E)!important;position:relative!important;overflow:hidden!important}.how-it-works-section:after{content:""!important;position:absolute!important;bottom:-8%!important;left:3%!important;width:450px!important;height:450px!important;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100,25 Q112,38 107,58 L113,75 Q117,90 107,98 Q100,106 93,98 Q83,90 87,75 L93,58 Q88,38 100,25" fill="none" stroke="%23FAF7F0" stroke-width="2" opacity="0.2"/></svg>')!important;background-repeat:no-repeat!important;background-size:contain!important;pointer-events:none!important;transform:rotate(25deg)!important}.how-it-works-container{max-width:80rem!important;margin:0 auto!important;padding:0 1rem!important;position:relative!important;z-index:1!important}.how-it-works-header{text-align:center!important;margin-bottom:4rem!important}.how-it-works-title{font-size:3rem!important;font-weight:700!important;font-family:Playfair Display,Georgia,serif!important;color:#FAF7F0!important;margin-bottom:1.5rem!important;letter-spacing:-.01em!important}.how-it-works-subtitle{font-size:1.125rem!important;color:#FAF7F0!important;max-width:48rem!important;margin:0 auto!important}.steps-grid{display:grid!important;grid-gap:2rem!important;gap:2rem!important;grid-template-columns:repeat(1,1fr)!important}@media (min-width:768px){.steps-grid{grid-template-columns:repeat(4,1fr)!important}}.step-item{text-align:center!important;padding:2rem!important;background:rgba(250,247,240,.95)!important;border-radius:1.25rem!important;border:1px solid rgba(250,247,240,.3)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;transition:all .3s ease!important}.step-item:hover{transform:translateY(-4px)!important;box-shadow:0 8px 24px rgba(0,0,0,.15)!important}.step-number{width:3.5rem!important;height:3.5rem!important;background:rgba(139,69,19,.15)!important;color:#8B4513!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 1.5rem!important;font-size:1.5rem!important;font-weight:700!important}.step-number,.step-title{font-family:Playfair Display,Georgia,serif!important}.step-title{font-size:1.25rem!important;font-weight:600!important;color:#3D4A2C!important;margin-bottom:.75rem!important}.step-description{color:#5C6B47!important;line-height:1.6!important}.instagram-section{padding:6rem 0!important;background:linear-gradient(135deg,#3D4A2C,#2C3620)!important}.instagram-container{max-width:56rem!important;margin:0 auto!important;text-align:center!important;padding:0 1rem!important}.instagram-title{font-size:3rem!important;font-weight:700!important;font-family:Playfair Display,Georgia,serif!important;color:#FAF7F0!important;margin-bottom:1.5rem!important;letter-spacing:-.01em!important}.instagram-subtitle{font-size:1.125rem!important;color:#E8E2D5!important;margin-bottom:2.5rem!important}.instagram-button{display:inline-flex!important;align-items:center!important;gap:.75rem!important;background:#FAF7F0!important;color:#3D4A2C!important;padding:1.125rem 2.5rem!important;border-radius:.75rem!important;font-size:1.0625rem!important;font-weight:600!important;text-decoration:none!important;box-shadow:0 4px 14px rgba(250,247,240,.25)!important;transition:all .3s ease!important}.instagram-button:hover{background:#FFFFFF!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(250,247,240,.35)!important}.about-page{min-height:100vh!important;padding:5rem 0!important;background:#F5F1E8!important}.about-container{max-width:80rem!important;margin:0 auto!important;padding:0 1.5rem!important}.about-header{text-align:center!important;margin-bottom:4rem!important}.about-title{font-size:3.5rem!important;font-weight:700!important;font-family:Playfair Display,Georgia,serif!important;color:#3D4A2C!important;margin-bottom:1.5rem!important;letter-spacing:-.01em!important}.about-subtitle{font-size:1.25rem!important;color:#5C6B47!important;max-width:48rem!important;margin:0 auto!important}.about-content-grid{display:grid!important;grid-gap:4rem!important;gap:4rem!important;margin-bottom:4rem!important;grid-template-columns:repeat(1,1fr)!important}@media (min-width:1024px){.about-content-grid{grid-template-columns:repeat(2,1fr)!important;align-items:center!important}}.about-text-content{display:flex!important;flex-direction:column!important;gap:1.5rem!important}.about-section-title{font-size:2.25rem!important;font-weight:700!important;font-family:Playfair Display,Georgia,serif!important;color:#3D4A2C!important;margin-bottom:1rem!important}.about-paragraph{color:#5C6B47!important;line-height:1.8!important;font-size:1.0625rem!important}.about-image-placeholder{background:#FAF7F0!important;border-radius:1.25rem!important;padding:3rem!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:400px!important;border:1px solid rgba(212,196,168,.4)!important;box-shadow:0 4px 16px rgba(0,0,0,.04)!important}.about-page .bg-white.rounded-lg.shadow-lg{background:#FAF7F0!important;border:1px solid rgba(212,196,168,.3)!important;box-shadow:0 4px 16px rgba(0,0,0,.06)!important}.about-page .bg-white.rounded-lg.shadow-lg h2,.about-page .bg-white.rounded-lg.shadow-lg h3{font-family:Playfair Display,Georgia,serif!important;color:#3D4A2C!important}.about-page .bg-gradient-to-r{background:linear-gradient(135deg,#FAF7F0,#F5F1E8)!important;border:1px solid rgba(212,196,168,.3)!important}.about-page .bg-gradient-to-r h2{font-family:Playfair Display,Georgia,serif!important;color:#3D4A2C!important}.about-page .bg-gradient-to-r .bg-white{background:#FFFFFF!important;border:1px solid rgba(212,196,168,.2)!important}.about-page .bg-gradient-to-r .bg-white h3{font-family:Playfair Display,Georgia,serif!important;color:#3D4A2C!important}.about-features-grid{display:grid!important;grid-gap:2rem!important;gap:2rem!important;margin-bottom:4rem!important;grid-template-columns:repeat(1,1fr)!important}@media (min-width:768px){.about-features-grid{grid-template-columns:repeat(3,1fr)!important}}.about-feature-card{text-align:center!important;padding:2rem!important;background:#FFFFFF!important;border-radius:1.25rem!important;border:1px solid rgba(212,196,168,.3)!important;box-shadow:0 4px 16px rgba(0,0,0,.06)!important;transition:all .3s ease!important}.about-feature-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 32px rgba(0,0,0,.1)!important}.about-feature-icon{width:3rem!important;height:3rem!important;color:#5C6B47!important;margin:0 auto 1rem!important}.about-feature-title{font-size:1.25rem!important;font-weight:600!important;font-family:Playfair Display,Georgia,serif!important;color:#3D4A2C!important;margin-bottom:.75rem!important}.about-feature-description{color:#5C6B47!important;line-height:1.6!important}.about-promise-section{background:linear-gradient(135deg,#3D4A2C,#2C3620)!important;border-radius:1.25rem!important;padding:3rem!important;text-align:center!important;box-shadow:0 8px 24px rgba(0,0,0,.1)!important}.about-promise-title{font-size:2rem!important;font-weight:700!important;font-family:Playfair Display,Georgia,serif!important;color:#FAF7F0!important;margin-bottom:1.5rem!important}.about-promise-text{font-size:1.0625rem!important;color:#E8E2D5!important;margin-bottom:2rem!important;max-width:64rem!important;margin-left:auto!important;margin-right:auto!important}.portfolio-page{min-height:100vh!important;padding:5rem 0!important;background:#F5F1E8!important}.portfolio-page h1{font-size:3.5rem!important;font-weight:700!important;font-family:Playfair Display,Georgia,serif!important;color:#3D4A2C!important;margin-bottom:1.5rem!important}.portfolio-page p{font-size:1.125rem!important;color:#5C6B47!important;line-height:1.7!important}.portfolio-page .embedsocial-hashtag{background:#FFFFFF!important;padding:2rem!important;border-radius:1.25rem!important;box-shadow:0 4px 16px rgba(0,0,0,.06)!important}.portfolio-title{color:#3D4A2C!important;font-family:Playfair Display,Georgia,serif!important}.portfolio-subtitle{color:#5C6B47!important}.contact-page{min-height:100vh!important;padding:5rem 0!important;background:#FAF7F0!important}.contact-form-section,.order-form-container{background:#FFFFFF!important;border-radius:1.25rem!important;border:1px solid rgba(212,196,168,.3)!important;box-shadow:0 8px 24px rgba(0,0,0,.06)!important;padding:2.5rem!important}.contact-form-input,.order-form-input{background:#FAF7F0!important;border:1px solid rgba(212,196,168,.4)!important;color:#3D4A2C!important;border-radius:.5rem!important;padding:.875rem 1rem!important;transition:all .3s ease!important}.contact-form-input:focus,.order-form-input:focus{border-color:#5C6B47!important;box-shadow:0 0 0 3px rgba(92,107,71,.1)!important;outline:none!important}.contact-form-button,.order-nav-button.primary{background:#5C6B47!important;color:#FAF7F0!important;border:none!important;border-radius:.75rem!important;padding:.875rem 2rem!important;font-weight:600!important;box-shadow:0 4px 14px rgba(92,107,71,.3)!important;transition:all .3s ease!important}.contact-form-button:hover,.order-nav-button.primary:hover:not(.disabled){background:#4A5637!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(92,107,71,.4)!important}.order-page{background:#FAF7F0!important}.order-material-button,.order-product-button,.order-size-button{background:#FFFFFF!important;border:2px solid rgba(212,196,168,.4)!important;color:#3D4A2C!important;transition:all .3s ease!important}.order-material-button:hover,.order-product-button:hover,.order-size-button:hover{border-color:#5C6B47!important;background:#FAF7F0!important}.order-material-button.selected,.order-product-button.selected,.order-size-button.selected{border-color:#5C6B47!important;background:rgba(92,107,71,.1)!important;color:#3D4A2C!important;box-shadow:0 4px 14px rgba(92,107,71,.15)!important}.order-size-guide{background:#FFFFFF!important;border:1px solid rgba(212,196,168,.4)!important;border-radius:.75rem!important;padding:1.5rem!important}.bg-stone-50{background-color:#F5F1E8!important}.bg-white{background:#FFFFFF!important}.text-amber-800,.text-amber-900,.text-stone-800{color:#3D4A2C!important}.text-amber-700,.text-stone-600,.text-stone-700{color:#5C6B47!important}.text-white{color:#FAF7F0!important}.bg-amber-700,.bg-amber-800{background:#5C6B47!important}.hover\:bg-amber-700:hover,.hover\:bg-amber-800:hover{background:#4A5637!important}.hover\:text-white:hover{color:#FAF7F0!important}.hover\:text-amber-700:hover{color:#5C6B47!important}.border-amber-700{border-color:#5C6B47!important}.border-stone-200,.border-stone-300{border-color:rgba(212,196,168,.3)!important}.text-green-600,.text-pink-500{color:#5C6B47!important}.bg-green-50{background:rgba(92,107,71,.1)!important}.border-green-200{border-color:#5C6B47!important}.text-red-600{color:#3D4A2C!important}.bg-red-50{background:#FAF7F0!important}.border-red-200{border-color:rgba(212,196,168,.3)!important}@media (max-width:640px){.hero-title{padding:0 1rem!important}.about-title,.hero-title{font-size:2.5rem!important}.features-title,.how-it-works-title,.instagram-title{font-size:2.25rem!important}.hero-section:before{width:400px!important;height:400px!important;right:-15%!important}.hero-section:after{width:350px!important;height:350px!important;left:-15%!important}.btn-primary,.btn-secondary{width:100%!important;max-width:300px!important}}@media (max-width:768px){.features-section,.how-it-works-section,.instagram-section{padding:4rem 0!important}}.min-h-screen,[class*=bg-stone],[class*=bg-white]{background-color:#F5F1E8!important}.about-feature-card,.feature-card,.step-item,[class*=rounded-lg][class*=shadow]{background:#FAF7F0!important}.mobile-menu-button{display:none!important}@media (max-width:768px){.mobile-menu-button{display:block!important;color:#FAF7F0!important;padding:.5rem!important;cursor:pointer!important}.nav-links{display:none!important}.nav-links.mobile-open{display:flex!important;flex-direction:column!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;background:#3D4A2C!important;padding:1rem!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important;gap:.5rem!important}.nav-link{width:100%!important;text-align:center!important}}@media (min-width:769px){.nav-links{display:flex!important}}.earth-card{background:#FFFFFF!important;border:1px solid rgba(212,196,168,.3)!important;border-radius:1.25rem!important;box-shadow:0 4px 16px rgba(0,0,0,.06)!important;transition:all .3s ease!important}.earth-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 32px rgba(0,0,0,.1)!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#F5F1E8}::-webkit-scrollbar-thumb{background:#5C6B47;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#4A5637}.embedsocial-hashtag{border-radius:1.25rem!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(0,0,0,.06)!important;border:1px solid rgba(212,196,168,.3)!important}}.hero-section{background:linear-gradient(135deg,#A86B3A,#8B5A2B)!important;position:relative!important}.hero-subtitle,.hero-title{color:#FAF7F0!important}.portfolio-page{background:linear-gradient(135deg,#6B5340,#5A4435)!important}.portfolio-page h1{color:#FAF7F0!important}.portfolio-page p{color:#E8E2D5!important}.portfolio-page button{background:#8B4513!important}