:root{--ink:#1b1713;--paper:#f6f2eb;--white:#fff;--accent:#92592d;--accent-soft:#e0c5a6;--muted:#70675e;--line:#d8cfc4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;letter-spacing:-.075em;line-height:.9}h1{font-size:clamp(4rem,9.4vw,10rem)}h2{font-size:clamp(2.8rem,5.4vw,6.3rem);max-width:14ch}h3{font-size:1.7rem}.site-header{height:88px;padding:0 clamp(1.1rem,3.7vw,4rem);display:flex;align-items:center;justify-content:space-between;background:rgba(246,242,235,.96);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;line-height:.78}.brand-logo{width:47px;height:47px;object-fit:contain}.brand strong{font-size:20px;font-weight:700;letter-spacing:-.075em;display:block;text-transform:uppercase}.brand small{display:block;font-size:9px;letter-spacing:.11em;color:#786d62;text-transform:uppercase;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:1.7rem}.nav-label{font-size:10px;color:#8b8178;text-transform:uppercase;letter-spacing:.12em;padding-right:.25rem;border-right:1px solid var(--line)}.site-header nav a{color:var(--ink);text-decoration:none;font-size:13px;letter-spacing:-.02em}.site-header .nav-cta{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:99px;padding:12px 16px;margin-left:.2rem}.nav-cta span{font-size:15px;margin-left:4px}.menu-button{display:none}.hero{min-height:calc(100svh - 88px);background:linear-gradient(90deg,rgba(25,18,13,.84) 0%,rgba(25,18,13,.57) 45%,rgba(25,18,13,.06) 76%),url('assets/sreehari-spices-hero.png') center/cover;position:relative;color:#fff;display:flex;align-items:flex-end;padding:clamp(2rem,5vw,5rem)}.hero-content{max-width:860px;padding-bottom:clamp(1rem,4vw,3rem)}.eyebrow{font-size:11px;letter-spacing:.02em;margin-bottom:1.6rem;text-transform:none;font-weight:400}.hero-copy{font-size:clamp(1rem,1.3vw,1.25rem);max-width:415px;color:#e8e2dc;margin:1.7rem 0 2rem;line-height:1.35}.hero-actions{display:flex;align-items:center;gap:1.35rem}.button{display:inline-flex;align-items:center;gap:1rem;border-radius:99px;padding:13px 18px;text-decoration:none;font-size:12px;letter-spacing:-.02em}.button span{font-size:17px;line-height:0}.button-light{background:var(--accent);color:#fff}.button-dark{background:var(--accent);color:#fff;margin-top:1.8rem}.text-link{color:#fff;text-decoration:none;font-size:12px}.text-link.dark{color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:2px}.hero-note{display:flex;gap:13px;align-items:flex-start;position:absolute;right:clamp(1.2rem,3.7vw,4rem);bottom:2rem;font-size:11px;line-height:1.35}.hero-note span{color:var(--accent-soft)}.hero-note p{margin:0}.section{padding:clamp(4rem,10vw,10rem) clamp(1.1rem,7vw,8rem)}.intro{background:var(--paper);display:grid;grid-template-columns:1.15fr .85fr;gap:9vw}.intro h2{font-size:clamp(3rem,5.6vw,6.5rem)}.intro-copy{padding-top:.6rem;max-width:440px;font-size:16px;color:#403730}.intro-copy p{margin-bottom:1.35rem}.principles{background:var(--ink);color:#f5f1eb;padding:clamp(2rem,4vw,4rem) clamp(1.1rem,7vw,8rem);display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.principle{padding-right:1rem;border-right:1px solid #4b4139}.principle:last-child{border:0}.principle b,.principle span{display:block;font-size:12px;font-weight:400}.principle b{color:var(--accent-soft);font-size:13px}.principle p{font-size:11px;line-height:1.35;color:#b7afa6;margin:.6rem 0 0}.products{background:#e9e2d9}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.5rem}.section-heading h2{max-width:11ch}.section-heading>p{max-width:280px;color:#62584e;font-size:14px;margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d4c7ba}.product{background:var(--paper);min-height:275px;padding:1.45rem;display:flex;flex-direction:column;transition:.2s}.product:hover{background:var(--accent-soft)}.product.feature{background:var(--ink);color:#fff}.product.highlight{background:var(--accent);color:#fff}.product .latin{font-size:11px;color:#877b70;margin-bottom:2.4rem}.product.feature .latin,.product.highlight .latin{color:#dbc7b4}.product h3{font-size:clamp(1.5rem,2vw,2.15rem);margin-bottom:.8rem}.product p:not(.latin){font-size:12px;line-height:1.4;margin-bottom:1rem}.product span{margin-top:auto;font-size:10px;color:#75695e}.product.feature span,.product.highlight span{color:#ddcec0}.quality{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#f7f2eb}.quality-image{min-height:720px;background:url('assets/sreehari-spices-hero.png') 90% center/cover}.quality-copy{padding:clamp(3rem,8vw,8rem);align-self:center}.quality-copy .eyebrow{color:var(--accent-soft)}.quality-copy h2{font-size:clamp(3rem,5vw,6rem)}.quality-copy>p:not(.eyebrow){color:#ccc0b5;max-width:430px;font-size:15px}.quality ul{list-style:none;margin:2rem 0 0;padding:0}.quality li{border-top:1px solid #493f37;padding:.9rem 0;font-size:13px}.quality li:before{content:'+';color:var(--accent-soft);margin-right:.7rem}.packaging{background:var(--paper)}.pack-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}.pack-grid>div{padding:1.4rem 1rem 1rem 0;border-right:1px solid var(--line);margin-right:1rem}.pack-grid>div:last-child{border:0}.pack-grid i{font-style:normal;font-size:11px;color:#86786c}.pack-grid h3{font-size:1.6rem;margin:3.5rem 0 .25rem}.pack-grid p{font-size:12px;color:#71655b}.industries{background:var(--accent);color:#fff;padding:clamp(4rem,9vw,9rem) clamp(1.1rem,7vw,8rem)}.industries>div{display:grid;grid-template-columns:1.15fr .85fr;gap:5rem}.industries h2{font-size:clamp(3rem,5.6vw,6.7rem);margin:0;max-width:10ch}.industries ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.7)}.industries li{font-size:15px;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.7)}.industries li:after{content:'↗';float:right}.contact{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;background:var(--paper)}.contact h2{font-size:clamp(3rem,5.5vw,6.3rem);max-width:11ch}.contact>div>p:not(.eyebrow){max-width:430px;color:#594e44}.contact address{border-top:1px solid var(--ink);padding-top:1rem;align-self:end;font-style:normal}.contact address span{display:block;font-size:11px;margin-bottom:2rem}.contact address strong{display:block;font-size:18px;letter-spacing:-.05em}.contact address p{font-size:14px;color:#65594e}.contact address a{display:block;color:var(--ink);font-size:14px;text-decoration:none;margin-top:.45rem}footer{padding:1.7rem clamp(1.1rem,3.7vw,4rem);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem}footer .brand-logo{width:39px;height:39px}footer p{font-size:11px;color:#806f61;margin:0}@media(max-width:800px){.site-header{height:70px}.brand-logo{width:38px;height:38px}.brand strong{font-size:17px}.site-header nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);padding:1.5rem;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.nav-label{display:none}.menu-button{display:flex;width:38px;height:38px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px}.menu-button span{height:1px;background:var(--ink);width:23px}.hero{min-height:700px}.intro,.quality,.contact,.industries>div{grid-template-columns:1fr;gap:2.5rem}.principles{grid-template-columns:repeat(2,1fr)}.principle:nth-child(2){border:0}.product-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading>p{margin-top:1.4rem}.quality-image{min-height:420px}.pack-grid{grid-template-columns:repeat(2,1fr)}.pack-grid>div:nth-child(2){border:0}.pack-grid>div{border-bottom:1px solid var(--line)}.hero-note{display:none}footer{align-items:flex-start;flex-direction:column}}@media(max-width:460px){h1{font-size:4rem}.hero{min-height:650px}.hero-actions{align-items:flex-start;flex-direction:column;gap:1rem}.principles{grid-template-columns:1fr}.principle{border:0;border-bottom:1px solid #4b4139;padding-bottom:1rem}.product-grid{grid-template-columns:1fr}.product{min-height:225px}.pack-grid{grid-template-columns:1fr}.pack-grid>div{border-right:0;margin-right:0}.section{padding-top:4.5rem;padding-bottom:4.5rem}}

/* Product photography appears on hover while keeping product details legible. */
.product{position:relative;isolation:isolate;overflow:hidden}.product:before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.06);transition:opacity .3s ease,transform .45s ease;z-index:-2}.product:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,18,13,.1),rgba(25,18,13,.78));opacity:0;transition:opacity .3s ease;z-index:-1}.product:hover:before,.product:hover:after{opacity:1}.product:hover:before{transform:scale(1)}.product:hover,.product:hover .latin,.product:hover span{color:#fff}.product:hover .latin{color:#f1dfcc}.product-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:.5rem}.product-meta em{font-size:10px;font-style:normal;letter-spacing:.08em;color:var(--accent);font-weight:700}.product:hover .product-meta em{color:#f3c590}.product .product-meta span{margin-top:0}.pepper-photo:before{background-image:url('assets/spices/black-pepper.jpg')}.cardamom-photo:before{background-image:url('assets/spices/cardamom.jpg')}.cinnamon-photo:before{background-image:url('assets/spices/cinnamon.jpg')}.cloves-photo:before{background-image:url('assets/spices/cloves.jpg')}.turmeric-photo:before{background-image:url('assets/spices/turmeric.jpg')}.cumin-photo:before{background-image:url('assets/spices/cumin.jpg')}.coriander-photo:before{background-image:url('assets/spices/coriander.jpg')}.red-chilli-photo:before{background-image:url('assets/spices/red-chilli.jpg')}.ginger-photo:before{background-image:url('assets/spices/ginger.jpg')}.garlic-photo:before{background-image:url('assets/spices/garlic.jpg')}.fennel-photo:before{background-image:url('assets/spices/fennel.jpg')}.fenugreek-photo:before{background-image:url('assets/spices/fenugreek.jpg')}