@import"https://fonts.googleapis.com/css2?family=Gloock&family=Montserrat:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap";.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-light);padding:var(--spacing-xl) var(--spacing-md);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/hero_image.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(1.05);z-index:1}.hero-logo-wrapper{position:absolute;top:calc(var(--spacing-lg) / 2);left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:20;animation:fadeIn .8s ease forwards}.hero-logo{height:90px;width:auto;display:block;pointer-events:none}.hero-content{max-width:800px;text-align:center;z-index:10;position:relative;animation:fadeIn 1s ease forwards}.hero-badge-wrapper{margin-top:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.hero-badge{background-color:transparent;animation:fadeIn .8s ease 1s forwards;opacity:0;animation-fill-mode:forwards}.hero-divider{width:60px;height:auto;opacity:0;animation:fadeIn .8s ease 1.2s forwards;animation-fill-mode:forwards}.hero-title{font-family:var(--font-header);color:var(--color-text-dark);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);letter-spacing:-.02em;animation:fadeIn 1s ease .4s forwards;opacity:0;animation-fill-mode:forwards}.hero-subtitle{font-family:var(--font-body);color:var(--color-text-dark);font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:400;margin-bottom:var(--spacing-lg);line-height:1.6;animation:fadeIn 1s ease .6s forwards;opacity:0;animation-fill-mode:forwards}.hero-cta{animation:fadeIn 1s ease .8s forwards;opacity:0;animation-fill-mode:forwards}@media (max-width: 768px){.hero{min-height:90vh;padding:var(--spacing-lg) var(--spacing-sm);background-size:cover;background-position:center}.hero-logo{height:85px}.hero-title{margin-bottom:var(--spacing-sm)}.hero-subtitle{margin-bottom:var(--spacing-md)}}@media (max-width: 480px){.hero{min-height:85vh;background-size:cover;background-position:center}.hero-logo{height:90px}.hero-logo-wrapper{top:var(--spacing-md)}.hero-badge-wrapper{margin-top:var(--spacing-sm)}}.hero-cta{background-color:#ffcf57;color:var(--color-text-dark)}.hero-cta:hover{background-color:#e5b03c;color:var(--color-text-dark);transform:translateY(-3px)}@media (prefers-reduced-motion: reduce){.hero-logo-wrapper,.hero-content,.hero-badge,.hero-divider,.hero-title,.hero-subtitle,.hero-cta{animation:none;opacity:1}.hero-cta:hover{transform:none}}.our-story{background-color:var(--color-bg-white);padding:var(--spacing-xl) var(--spacing-md)}.story-title{font-family:var(--font-header);color:var(--color-text-dark);text-align:center;margin-bottom:var(--spacing-lg);font-size:clamp(2rem,5vw,3.5rem)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:start}.story-image-column{width:100%}.story-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-md);display:block}.story-content-column{display:flex;flex-direction:column;text-align:left}.story-content{text-align:left}.story-content p{font-family:var(--font-body);color:var(--color-text-dark);font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.9;margin-bottom:var(--spacing-md);opacity:.9;text-align:left}.story-content p:last-child{margin-bottom:0}.story-content p{animation:fadeIn .8s ease forwards}@media (max-width: 768px){.our-story{padding:var(--spacing-lg) var(--spacing-sm)}.story-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.story-title{margin-bottom:var(--spacing-sm)}.story-content p{margin-bottom:var(--spacing-sm);line-height:1.8}}@media (max-width: 480px){.story-content p{font-size:1rem}}@media (prefers-reduced-motion: reduce){.story-content p{animation:none;opacity:.9}}.why-our-ghee{background-image:url(/images/pattern.png);background-size:cover;background-position:center;background-repeat:repeat;padding:var(--spacing-xl) var(--spacing-md) 0;text-align:center;position:relative}.why-our-ghee .section-title{font-family:var(--font-header);color:var(--color-text-dark);font-size:clamp(2rem,5vw,3.5rem);margin-bottom:var(--spacing-lg)}.points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);max-width:1100px;margin-left:auto;margin-right:auto}.point-card{background-color:var(--color-bg-white);padding:var(--spacing-md) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid #FCDA57;animation:fadeIn .8s ease forwards}.point-card .icon{font-size:2.5rem;margin-bottom:var(--spacing-sm);display:block;scale:1.25;padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.point-card .icon img{width:48px;height:48px;display:block;margin:0 auto}.point-card h3{font-family:var(--font-header);color:var(--color-text-dark);font-size:clamp(1.25rem,2.5vw,1.5rem);margin-bottom:var(--spacing-sm)}.point-card p{font-family:var(--font-body);color:var(--color-text-dark);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.7;margin-bottom:0;opacity:.85}.closing-line{font-family:var(--font-body);color:var(--color-text-dark);font-weight:600;font-size:clamp(1.125rem,2vw,1.25rem);margin-top:var(--spacing-lg);margin-bottom:0}.middle-accent{width:100vw;height:52px;background:#ffcf57e5;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:var(--spacing-xl);display:flex;align-items:center;justify-content:center;z-index:2}.middle-accent-badge{height:180px;width:auto;display:block}.bottom-accent{width:100vw;height:156px;background:#fffaef;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;z-index:1;opacity:.7}@media (max-width: 768px){.why-our-ghee{padding:var(--spacing-lg) var(--spacing-sm) 0;background-size:150%}.points-grid{grid-template-columns:1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.point-card{padding:var(--spacing-sm)}.closing-line{margin-top:var(--spacing-md)}.middle-accent{height:40px;margin-top:var(--spacing-lg)}.middle-accent-badge{height:180px}.bottom-accent{height:120px}}@media (max-width: 480px){.why-our-ghee{background-size:250%}.point-card .icon{font-size:2rem}.middle-accent{height:32px;margin-top:var(--spacing-xl)}.middle-accent-badge{height:180px}.bottom-accent{height:80px}}@media (prefers-reduced-motion: reduce){.point-card{animation:none}}.family-section{background-color:var(--color-bg-white);background-image:url(/images/pattern.png);background-size:cover;background-position:center;background-repeat:repeat;padding:var(--spacing-xl) var(--spacing-md) 0;text-align:center;position:relative}.family-section .section-title{font-family:var(--font-header);color:var(--color-text-dark);font-size:clamp(2rem,5vw,3.5rem);margin-bottom:var(--spacing-md)}.intro-text{font-family:var(--font-body);color:var(--color-text-dark);font-size:clamp(1rem,2vw,1.125rem);line-height:1.8;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;opacity:.9}.solid-starts-card{background:#fffaef;padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--radius-md);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:center;max-width:1000px;margin-left:auto;margin-right:auto}.solid-starts-card p{font-family:var(--font-body);color:var(--color-text-dark);font-size:clamp(1rem,2vw,1.125rem);line-height:1.8;font-weight:600;margin:0;opacity:.9}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);max-width:1000px;margin:0 auto}.recipe-image-wrapper{width:100%;overflow:hidden;border-radius:var(--radius-md);animation:fadeIn .8s ease forwards}.recipe-image{width:100%;height:auto;display:block;object-fit:cover;transition:transform var(--transition-smooth)}.recipe-image:hover{transform:scale(1.05)}.yellow-line-divider{width:100vw;height:60px;background-image:url(/images/icons/yellow_line.svg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:var(--spacing-xl);display:flex;align-items:center;justify-content:center;overflow:hidden}.scrolling-text-wrapper{width:100%;overflow:hidden;white-space:nowrap}.scrolling-text{display:inline-block;animation:scroll-left 30s linear infinite}.scrolling-text span{font-family:var(--font-body);font-weight:700;font-size:clamp(.875rem,2vw,1.125rem);line-height:100%;letter-spacing:.26em;text-align:center;color:var(--color-text-dark);display:inline-block}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.family-section{padding:var(--spacing-lg) var(--spacing-sm) 0;background-size:150%}.intro-text,.solid-starts-card{margin-bottom:var(--spacing-md)}.recipes-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm)}.yellow-line-divider{margin-top:var(--spacing-lg)}}@media (max-width: 480px){.family-section{background-size:250%}.recipes-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.yellow-line-divider{margin-top:var(--spacing-md)}.scrolling-text span{font-size:.75rem}}@media (prefers-reduced-motion: reduce){.recipe-image-wrapper{animation:none}.recipe-image:hover{transform:none}.scrolling-text{animation:none}}.founder-quote{background-color:var(--color-bg-white);padding:var(--spacing-xl) var(--spacing-md);text-align:center}.quote-wrapper{max-width:900px;margin:0 auto;animation:fadeIn 1s ease forwards}.quote-text{font-family:var(--font-body);color:var(--color-text-dark);font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.9;text-align:center;margin-bottom:var(--spacing-md);font-weight:400;opacity:.9;quotes:none;background-image:url(/quotation_mark.png);background-repeat:no-repeat;background-position:top left;background-size:60px;padding-top:var(--spacing-md)}.quote-attribution{margin-top:var(--spacing-md)}.founder-name{font-family:var(--font-body);color:var(--color-text-dark);font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.9;text-align:center;font-weight:600;margin-bottom:var(--spacing-xs);opacity:.9}.founder-title{font-family:var(--font-body);color:var(--color-text-dark);font-size:clamp(1.125rem,2vw,1.25rem);line-height:.8;text-align:center;font-weight:400;margin-bottom:0;opacity:.9}@media (max-width: 768px){.founder-quote{padding:var(--spacing-lg) var(--spacing-sm)}.quote-text{line-height:1.8;background-size:50px}.founder-name,.founder-title{line-height:1.8}}@media (max-width: 480px){.quote-text{font-size:1rem;background-size:40px}.founder-name,.founder-title{font-size:1rem}}@media (prefers-reduced-motion: reduce){.quote-wrapper{animation:none}}.follow-along{background-color:var(--color-bg-dark);padding:var(--spacing-xl) var(--spacing-md);text-align:left}.follow-grid{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-lg);align-items:center}.follow-content{max-width:650px}.follow-along .section-title{font-family:var(--font-header);color:var(--color-text-light);font-size:clamp(2rem,5vw,3.5rem);margin-bottom:var(--spacing-md);text-align:left}.follow-description{font-family:var(--font-body);color:var(--color-text-light);font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.7;margin-bottom:var(--spacing-lg);opacity:.95;text-align:left}.follow-image-wrapper{display:flex;justify-content:flex-end}.follow-image{width:200px;height:auto;display:block}.follow-cta{background-color:#ffcf57;color:var(--color-text-dark);font-weight:700;transition:var(--transition-smooth);display:inline-block}.follow-cta:hover{background-color:#e5b03c;color:var(--color-text-dark);transform:translateY(-3px)}@media (max-width: 768px){.follow-along{padding:var(--spacing-lg) var(--spacing-sm)}.follow-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.follow-description{margin-bottom:var(--spacing-md)}.follow-image-wrapper{justify-content:center}.follow-image{width:150px}}@media (max-width: 480px){.follow-along,.follow-along .section-title{text-align:center}.follow-description{font-size:1rem;text-align:center}.follow-cta{display:block;margin:0 auto}.follow-image{width:120px}}@media (prefers-reduced-motion: reduce){.follow-cta:hover{transform:none}}.footer{background-color:var(--color-bg-dark);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid rgba(255,246,226,.1)}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs)}.footer-text{font-family:var(--font-body);color:var(--color-text-light);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.7;margin-bottom:0;opacity:.9}.footer-links{display:flex;align-items:center;gap:var(--spacing-sm)}.footer-contact{font-family:var(--font-body);color:var(--color-text-light);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.7;margin:0;opacity:.9}.footer-link{font-family:var(--font-body);color:var(--color-text-light);font-size:clamp(.9rem,1.5vw,1rem);font-weight:500;text-decoration:none;transition:var(--transition-fast);opacity:.9}.footer-link:hover{color:var(--color-primary-highlight);opacity:1}.footer-separator{color:var(--color-text-light);opacity:.5;font-size:.9rem}@media (max-width: 768px){.footer{padding:var(--spacing-md) var(--spacing-sm)}.footer-content{gap:var(--spacing-sm)}}@media (max-width: 480px){.footer-links{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion: reduce){.footer-link{transition:none}}.App{width:100%;overflow-x:hidden}html{scroll-behavior:smooth}section{scroll-margin-top:2rem}section:not(:last-child){margin-bottom:0}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}*:focus-visible{outline:3px solid var(--color-primary-highlight);outline-offset:3px;border-radius:4px}@media print{.btn,.hero-image,.footer-links{display:none}section{page-break-inside:avoid}}:root{--color-primary-highlight: #FFCF57;--color-text-dark: #4A3500;--color-text-light: #FFF6E2;--color-bg-light: #FFF6E2;--color-bg-dark: #4A3500;--color-bg-white: #FFFFFF;--color-launch-badge: rgba(116, 223, 255, .6);--font-header: "Gloock", serif;--font-body: "Montserrat", sans-serif;--font-accent: "Homemade Apple", cursive;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 2rem;--radius-full: 9999px;--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text-dark);background-color:var(--color-bg-white);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);font-weight:400;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:clamp(2.5rem,6vw,4.5rem)}h2{font-size:clamp(2rem,5vw,3.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.125rem);line-height:1.8;margin-bottom:var(--spacing-sm)}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-block;font-family:var(--font-body);font-weight:600;font-size:1rem;padding:1rem 2.5rem;border-radius:var(--radius-full);border:none;cursor:pointer;transition:var(--transition-smooth);text-align:center;text-decoration:none}.btn-primary{background-color:#ffcf57;color:var(--color-text-dark)}.btn-primary:hover{background-color:#e5b03c;color:var(--color-text-dark);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-bg-white);color:var(--color-text-dark);border:2px solid var(--color-text-dark)}.btn-secondary:hover{background-color:var(--color-text-dark);color:var(--color-text-light);transform:translateY(-2px)}.badge{display:inline-block;padding:.5rem 1.5rem;background-color:transparent;color:var(--color-text-dark);border-radius:var(--radius-full);font-size:1rem;font-weight:400;letter-spacing:.5px}.link-with-arrow{font-family:var(--font-body);color:var(--color-text-dark);font-weight:600;font-size:clamp(1rem,2vw,1.125rem);line-height:1.8;letter-spacing:0%;text-decoration:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition-fast)}.link-with-arrow:hover{opacity:.8}.link-with-arrow .link-arrow{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:.25rem}section{padding:var(--spacing-xl) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease forwards}@media (max-width: 768px){:root{--spacing-lg: 3rem;--spacing-xl: 4rem}section{padding:var(--spacing-lg) 0}.link-with-arrow .link-arrow{width:14px;height:14px}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}.link-with-arrow .link-arrow{width:12px;height:12px}}:focus-visible{outline:3px solid var(--color-primary-highlight);outline-offset:3px}@media print{body{background-color:#fff;color:#000}}