:root{--ground: #f3e9d6;--ground-2: #ffffff;--gold: #9a6200;--gold-bright: #c47a00;--cream: #2b2118;--cream-dim: #6d5c49;--font-display: "Zodiak", "Georgia", serif;--font-body: "Ranade", "Segoe UI", sans-serif;--font-urdu: "Noto Nastaliq Urdu", serif;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--space-6: 7rem;--container: 1280px;--z-canvas: 0;--z-content: 1;--z-nav: 10;--z-debug: 100}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;background:var(--ground);color:var(--cream);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}::selection{background:var(--gold);color:var(--ground)}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0;text-wrap:balance}p{margin:0;max-width:60ch;text-wrap:pretty}a{color:var(--gold-bright);text-decoration:none}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px;border-radius:2px}.skip-link{position:absolute;left:-999px;top:0;z-index:200;background:var(--gold);color:var(--ground);padding:.6rem 1rem}.skip-link:focus{left:0}.container{width:min(var(--container),92vw);margin-inline:auto}.eyebrow{font-family:var(--font-body);font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright)}.chapter-num{font-variant-numeric:tabular-nums;color:var(--cream-dim);font-size:.78rem;letter-spacing:.14em}.btn{display:inline-block;font-family:var(--font-body);font-weight:600;font-size:1rem;padding:.9rem 1.8rem;border-radius:4px;border:none;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gold);color:#fff8ec}.btn-primary:hover{background:var(--gold-bright)}.btn-ghost{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 60%,transparent)}.btn-ghost:hover{color:var(--gold-bright)}.panel{background:var(--ground-2);border-left:2px solid var(--gold);padding:var(--space-3) var(--space-3)}.canvas-root{position:fixed;inset:0;z-index:var(--z-canvas);pointer-events:none}main{position:relative;z-index:var(--z-content)}.section{position:relative;min-height:100dvh;display:flex;align-items:center;padding-block:var(--space-6) calc(var(--space-6) * 1.15);overflow:hidden}.section>.container{position:relative;z-index:1}.cinema-layer{position:fixed;inset:0;z-index:var(--z-canvas);pointer-events:none;background:var(--ground)}.cinema-slot,.cinema-slot video,.cinema-scrim,.cinema-grade{position:absolute;inset:0}.cinema-slot video{width:100%;height:100%;object-fit:cover;opacity:0}.cinema-scrim{background:#140e098c;opacity:0}.cinema-grade{background:linear-gradient(to right,color-mix(in srgb,var(--ground) 78%,transparent) 0%,color-mix(in srgb,var(--ground) 42%,transparent) 36%,transparent 58%),linear-gradient(to bottom,color-mix(in srgb,var(--ground) 78%,transparent) 0%,transparent 16%,transparent 86%,color-mix(in srgb,var(--ground) 78%,transparent) 100%)}.debug-hud{position:fixed;right:.75rem;bottom:.75rem;z-index:var(--z-debug);font-family:monospace;font-size:11px;line-height:1.5;color:var(--gold-bright);background:#171310d9;padding:.5rem .75rem;border-left:2px solid var(--gold);pointer-events:none;white-space:pre}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .3s ease-out,transform .3s ease-out}[data-reveal].revealed{opacity:1;transform:none}@media(max-width:760px){.cinema-slot video{object-position:50% 50%!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-nav{position:fixed;inset-inline:0;top:0;z-index:var(--z-nav);padding-block:1.1rem;background:linear-gradient(to bottom,color-mix(in srgb,var(--ground) 88%,transparent),transparent)}.site-nav-inner{display:flex;align-items:center;gap:var(--space-4)}.wordmark{font-family:var(--font-display);font-weight:900;font-size:1.35rem;letter-spacing:.02em;color:var(--cream)}.wordmark-dot{color:var(--gold-bright)}.site-nav nav{margin-left:auto}.site-nav ul{display:flex;gap:var(--space-3);list-style:none;margin:0;padding:0}.site-nav ul a{color:var(--cream-dim);font-weight:500;font-size:.95rem;transition:color .2s ease}.site-nav ul a:hover{color:var(--gold-bright)}.nav-cta{padding:.55rem 1.1rem;font-size:.9rem}@media(max-width:760px){.site-nav nav{display:none}.nav-cta{margin-left:auto}}.section-hero{min-height:110dvh}.hero-grid{display:grid;grid-template-columns:repeat(12,1fr)}.hero-copy{grid-column:1 / 7;display:flex;flex-direction:column;gap:var(--space-3)}.hero-copy{background:#f3e9d66b;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);border:1px solid rgba(255,255,255,.45);border-radius:8px;padding:var(--space-4);margin-left:calc(var(--space-4) * -1)}.hero-headline{font-size:clamp(2.6rem,6.5vw,5.2rem);font-weight:900}.hero-sub{font-size:1.15rem;color:var(--cream-dim);max-width:46ch}.hero-actions{display:flex;align-items:center;gap:var(--space-3)}.hero-urdu{font-family:var(--font-urdu);font-size:1.6rem;color:var(--gold-bright);line-height:2.4}.scroll-cue{position:absolute;top:calc(100dvh - 5.5rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim)}.scroll-cue-line{width:1px;height:3.2rem;background:linear-gradient(to bottom,var(--gold-bright),transparent);animation:cue-drip 2.2s ease-in-out infinite;transform-origin:top}@keyframes cue-drip{0%{transform:scaleY(0)}55%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}.brands-grid{display:grid;grid-template-columns:repeat(12,1fr);row-gap:var(--space-5)}.brands-head{grid-column:1 / 6}.brands-head h2{font-size:clamp(1.9rem,3.6vw,3rem);margin-top:var(--space-2)}.brands-list{grid-column:6 / 13;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.brands-item h3{font-size:1.35rem;margin-bottom:.5rem}.brands-item p{color:var(--cream-dim)}.brands-item-0{margin-right:var(--space-5)}.brands-item-1{margin-left:var(--space-5)}.brands-item-2{margin-right:var(--space-3);margin-left:var(--space-2)}.chapter-grid{display:grid;grid-template-columns:repeat(12,1fr)}.chapter-right .chapter-copy{grid-column:7 / 13}.chapter-left .chapter-copy{grid-column:1 / 7}.chapter-copy{display:flex;flex-direction:column;gap:var(--space-3)}.chapter-copy h2{font-size:clamp(2rem,4vw,3.4rem)}.chapter-copy>p:not(.chapter-num){color:var(--cream-dim)}.product-list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:.9rem}.product-list li{display:flex;align-items:baseline;gap:var(--space-2);border-bottom:1px solid color-mix(in srgb,var(--cream-dim) 25%,transparent);padding-bottom:.9rem}.product-list strong{font-weight:600;color:var(--cream)}.product-list span{color:var(--cream-dim);font-size:.92rem}.section-spices{min-height:150dvh;align-items:flex-start}.spices-grid{display:grid;grid-template-columns:repeat(12,1fr);position:sticky;top:18dvh}.spices-grid .chapter-copy{grid-column:1 / 7}.spice-chips{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}.spice-chips li{font-size:.9rem;font-weight:500;padding:.4rem .9rem;background:var(--ground-2);border-left:2px solid var(--gold)}.section-cook{min-height:120dvh;text-align:center}.cook-grid{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.cook-headline{font-size:clamp(2.4rem,5.5vw,4.6rem);max-width:18ch}.cook-body{color:var(--cream-dim);max-width:52ch;font-size:1.1rem}.cook-urdu{font-family:var(--font-urdu);font-size:2rem;color:var(--gold-bright);line-height:2.4}.section-hero,.section-brands,.section-oils,.section-ghee,.section-spices,.section-cook{min-height:230dvh;align-items:flex-start}.section-hero{min-height:130dvh}.section-brands,.section-whyus{min-height:200dvh;align-items:flex-start}.section-lineup{min-height:110dvh}.section-hero>.container,.section-whyus>.container,.section-brands>.container,.section-oils>.container,.section-ghee>.container,.section-spices>.container,.section-cook>.container{position:sticky;top:20dvh}.panel{background:#fffcf580;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border:1px solid rgba(255,255,255,.55);border-left:2px solid var(--gold);box-shadow:inset 0 1px #fff9,0 12px 32px -18px #2b211859}.panel p{color:#4a3b2c}.section-cook{color:#f3e9d8}.section-cook .cook-body{color:#e6d7bf}.section-cook .chapter-num{color:#d8c9b2}.whyus-grid{display:grid;grid-template-columns:repeat(12,1fr);row-gap:var(--space-4)}.whyus-head{grid-column:1 / 8}.whyus-head h2{font-size:clamp(1.9rem,3.6vw,3rem);margin-top:var(--space-2)}.whyus-pillars{grid-column:1 / 13;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.whyus-icon{display:inline-flex;color:var(--gold-bright);margin-bottom:var(--space-2)}.whyus-pillar h3{font-size:1.2rem;margin-bottom:.5rem}.whyus-pillar p{color:var(--cream-dim);font-size:.98rem}.whyus-pillar-0{transform:translateY(0)}.whyus-pillar-1{transform:translateY(var(--space-4))}.whyus-pillar-2{transform:translateY(calc(var(--space-2) * -.5))}.whyus-pillar-3{transform:translateY(var(--space-3))}.section-voices{text-align:center}.voices-grid{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.voice blockquote{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.3;max-width:30ch;margin:0;animation:voice-in .6s ease both}.voice figcaption{margin-top:var(--space-3);color:var(--cream-dim);font-size:.95rem}@keyframes voice-in{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}.voice-switch{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.voice-tab{background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:500;letter-spacing:.06em;color:var(--cream-dim);padding:.35rem .2rem;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.voice-tab:hover{color:var(--cream)}.voice-tab-active{color:var(--gold-bright);border-bottom-color:var(--gold)}.section-lineup{text-align:center;min-height:110dvh}.lineup-grid{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.lineup-grid h2{font-size:clamp(2.2rem,4.5vw,3.8rem)}.lineup-grid>p{color:var(--cream-dim)}.lineup-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.lineup-note{font-size:.85rem;color:var(--cream-dim)}.site-footer{position:relative;z-index:var(--z-content);background:var(--ground-2);padding-block:var(--space-5) var(--space-3)}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4)}.footer-blurb{color:var(--cream-dim);margin-top:var(--space-2);font-size:.95rem}.footer-urdu{font-family:var(--font-urdu);color:var(--gold-bright);font-size:1.3rem;margin-top:var(--space-2);line-height:2.2}.footer-links ul{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--cream-dim);font-size:.95rem}.footer-links a:hover{color:var(--gold-bright)}.footer-social-name{color:var(--cream-dim);font-size:.95rem}.footer-note{margin-top:var(--space-4);padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--cream-dim) 20%,transparent);color:var(--cream-dim);font-size:.85rem}@media(max-width:900px){.hero-copy,.brands-head,.brands-list,.chapter-right .chapter-copy,.chapter-left .chapter-copy,.spices-grid .chapter-copy,.whyus-head{grid-column:1 / 13}.hero-copy{margin-left:0;padding:var(--space-3)}.brands-item-0,.brands-item-1,.brands-item-2{margin-inline:0}.whyus-pillars{grid-template-columns:1fr}.whyus-pillar-0,.whyus-pillar-1,.whyus-pillar-2,.whyus-pillar-3{transform:none}.footer-inner{grid-template-columns:1fr}}
