@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--paper:#f4eedf;--paper2:#e9dfc9;--ink:#24281e;--muted:#676757;--green:#263b2e;--green2:#617564;--rust:#9d5d3e;--line:#c9bda4;--gold:#a58b5e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}.announcement{background:var(--green);color:#f4eedf;text-align:center;padding:9px 16px;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.announcement span{color:#c9a979;padding:0 8px}.header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5.5%;border-bottom:1px solid var(--line);background:rgba(244,238,223,.96);position:sticky;top:0;z-index:10}.wordmark{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-family:'Playfair Display',serif;font-size:24px;font-weight:700;line-height:1}.mark{font-size:30px;color:var(--rust)}.wordmark small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:.28em;text-align:center;margin-top:7px}.nav{display:flex;gap:28px}.nav a,.footer-links a{color:var(--ink);text-decoration:none;font-size:12px}.nav a:hover,.footer-links a:hover{color:var(--rust)}.cart-link{color:var(--ink);text-decoration:none;font-size:11px;border:1px solid var(--line);padding:10px 14px;border-radius:30px}.cart-link span{margin-left:8px}.menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--ink)}.hero{min-height:570px;display:grid;grid-template-columns:.78fr 1.22fr;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{padding:72px 4vw 48px 8vw;align-self:center;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:var(--rust);margin:0 0 16px}.hero h1,.section h2,.feature h2,.story h2,.enquiries h2{font-family:'Playfair Display',serif;font-size:clamp(40px,5.2vw,70px);line-height:1.04;letter-spacing:-.045em;margin:0 0 22px;font-weight:600}.hero h1 em,.story h2 em{color:var(--rust);font-weight:500}.hero-desc{max-width:370px;font-size:15px;color:#5f5e4f;margin-bottom:28px}.button{display:inline-flex;align-items:center;gap:24px;border:0;border-radius:2px;padding:14px 19px;text-decoration:none;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--green);color:var(--paper)}.button-light{background:var(--paper);color:var(--green)}.small-note{font-size:10px;color:var(--muted);max-width:310px;margin-top:18px}.hero-art{min-height:570px;position:relative;background:#e8ddc5;display:flex;align-items:stretch}.hero-art svg{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.art-caption{position:absolute;bottom:18px;right:22px;color:#f6eddb;background:#263b2e;padding:7px 10px;font-size:8px;letter-spacing:.18em}.engraved-divider{height:53px;display:flex;align-items:center;justify-content:center;gap:26px;background:#e8dfcc;border-bottom:1px solid var(--line);font:600 9px 'DM Sans',sans-serif;letter-spacing:.25em;color:var(--green)}.engraved-divider span:first-child,.engraved-divider span:last-child{color:var(--rust);font-size:18px}.section{padding:82px 7%}.section-heading{text-align:center;max-width:650px;margin:0 auto 42px}.section-heading h2{font-size:clamp(34px,4vw,48px);margin-bottom:14px}.section-heading>p:last-child{font-size:13px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.product-card{padding:20px 19px 22px;border:1px solid var(--line);background:rgba(255,252,244,.54);min-height:270px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-4px);border-color:var(--gold)}.product-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.product-index{font:italic 24px 'Playfair Display',serif;color:#95856c}.colour-chip{width:26px;height:26px;border-radius:50%;border:1px solid #b7a88c;display:block}.chip-black{background:#22241f}.chip-red{background:#a92f2a}.chip-gold{background:#b59a5c}.chip-ivory{background:#f8f2e4}.chip-green{background:#2d633d}.product-kicker{font-size:8px;letter-spacing:.2em;color:var(--rust);margin:0 0 9px}.product-card h3{font:600 19px/1.2 'Playfair Display',serif;margin:0 0 10px}.product-card p:not(.product-kicker){font-size:11px;color:var(--muted);margin:0 0 17px}.text-link{border:0;background:none;text-align:left;padding:0;color:var(--green);font-weight:700;font-size:11px;cursor:pointer;margin-top:auto}.text-link span{padding-left:8px}.photo-status{border-top:1px solid var(--line);margin-top:15px;padding-top:10px;font-size:9px;color:#8b806a}.catalog-note{text-align:center;font-size:10px;color:var(--muted);margin:28px auto 0;max-width:750px}.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--paper);min-height:400px}.feature-art{min-height:400px}.feature-art svg{width:100%;height:100%;display:block}.feature-copy{align-self:center;padding:55px 10%}.feature-copy .eyebrow{color:#d7b784}.feature h2{font-size:clamp(38px,4.6vw,58px)}.feature-copy>p:not(.eyebrow){font-size:13px;color:#d9d6c8;max-width:420px;margin-bottom:25px}.story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;border-bottom:1px solid var(--line)}.story h2{font-size:clamp(34px,4.2vw,54px)}.story-copy{font-size:14px;color:#555749}.pending-copy{border-left:2px solid var(--gold);padding-left:15px;font-size:11px;color:#777361}.recipes{background:#eae1cf}.recipes .section-heading{margin-bottom:30px}.recipe-strip{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;border-top:1px solid var(--line);padding:20px 0}.recipe-strip:last-child{border-bottom:1px solid var(--line)}.recipe-number{font:italic 27px 'Playfair Display',serif;color:var(--rust)}.recipe-strip h3{font:600 20px 'Playfair Display',serif;margin:0}.recipe-strip p{font-size:11px;color:var(--muted);margin:3px 0 0}.recipe-strip>span{font-size:20px;color:var(--green)}.enquiries{display:grid;grid-template-columns:1fr .85fr;gap:9%;padding:80px 10%;background:#d9c9ab}.enquiries h2{font-size:clamp(38px,4.4vw,56px)}.enquiries>div>p:not(.eyebrow){max-width:440px;font-size:13px;color:#595849}.enquiries form{display:grid;grid-template-columns:1fr;gap:7px}.enquiries label{font-size:10px;font-weight:700;margin-top:7px}.enquiries input,.enquiries select,.enquiries textarea{width:100%;border:1px solid #b4a58a;background:rgba(255,252,244,.68);padding:11px;font:12px 'DM Sans',sans-serif;color:var(--ink);border-radius:0}.enquiries form .button{justify-content:space-between;margin-top:10px}.form-note{font-size:9px;color:#655e4f}.footer{padding:40px 7% 25px;background:#202a21;color:var(--paper);text-align:center}.footer-mark{color:var(--paper);justify-content:center}.footer p{font-size:12px;color:#c9c6b7}.footer-links{display:flex;gap:22px;justify-content:center;margin:20px 0 28px}.footer-links a{color:#e6dfcf}.footer>small{font-size:9px;color:#a9ad9d}dialog{max-width:440px;width:calc(100% - 32px);border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:34px;box-shadow:0 20px 80px #18201855}dialog::backdrop{background:#182018aa}.dialog-close{float:right;border:0;background:none;font-size:25px;cursor:pointer;color:var(--ink)}dialog h2{font:600 32px 'Playfair Display',serif;margin:0 0 14px}dialog p{font-size:13px}dialog .dialog-note{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:18px}dialog .dialog-close-action{margin-top:8px}
@media(max-width:1050px){.header{padding:0 4%}.nav{gap:15px}.hero{grid-template-columns:.9fr 1.1fr}.hero-copy{padding-left:6vw}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{min-height:240px}.product-grid .product-card:nth-child(n+4){margin-top:0}}
@media(max-width:720px){.announcement{font-size:8px;letter-spacing:.1em}.header{height:70px;padding:0 5%;gap:10px}.wordmark{font-size:20px}.mark{font-size:24px}.wordmark small{font-size:7px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);padding:20px 6%;border-bottom:1px solid var(--line);flex-direction:column;gap:17px}.nav.open{display:flex}.nav a{font-size:14px}.cart-link{font-size:9px;padding:8px 10px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 7% 32px}.hero h1{font-size:52px}.hero-art{min-height:330px;height:330px}.hero-art svg{width:100%;height:100%}.art-caption{font-size:7px}.engraved-divider{height:45px;gap:12px;font-size:8px}.section{padding:58px 5%}.section-heading{margin-bottom:28px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{padding:16px 13px;min-height:235px}.product-top{margin-bottom:28px}.product-card h3{font-size:17px}.feature{grid-template-columns:1fr}.feature-art{min-height:245px;height:245px}.feature-copy{padding:38px 7% 45px}.story{grid-template-columns:1fr;gap:10px;padding-top:58px;padding-bottom:58px}.story-copy{font-size:13px}.recipe-strip{grid-template-columns:42px 1fr auto;gap:12px}.recipe-strip h3{font-size:17px}.enquiries{grid-template-columns:1fr;gap:28px;padding:58px 7%}.footer-links{flex-wrap:wrap;gap:14px}.footer-links a{font-size:10px}}
@media(max-width:380px){.cart-link{display:none}.product-grid{grid-template-columns:1fr}.product-card{min-height:190px}.product-top{margin-bottom:20px}.hero h1{font-size:46px}}

/* Detailed coastal engraving gallery */
.coastal-gallery{padding:76px 6.5% 82px;background:#e9dfcc;border-bottom:1px solid var(--line)}.coastal-intro{max-width:650px;text-align:center;margin:0 auto 34px}.coastal-intro h2{font:600 clamp(34px,4vw,48px)/1.08 'Playfair Display',serif;letter-spacing:-.035em;margin:0 0 14px}.coastal-intro>p:last-child{font-size:13px;color:var(--muted);max-width:500px;margin:0 auto}.coastal-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.coastal-scene{margin:0;border:1px solid #c9bda4;background:#f4eedf;overflow:hidden}.coastal-scene svg{display:block;width:100%;height:auto;aspect-ratio:640/390}.scene-caption{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px}.scene-caption span{font-size:8px;letter-spacing:.2em;color:var(--rust);font-weight:700}.scene-caption strong{font:600 19px/1.2 'Playfair Display',serif;color:var(--ink)}.coastal-scene{transition:transform .25s ease,box-shadow .25s ease}.coastal-scene:hover{transform:translateY(-4px);box-shadow:0 12px 26px #4a3c2817}@media(max-width:720px){.coastal-gallery{padding:52px 5% 56px}.coastal-scenes{grid-template-columns:1fr;gap:14px}.scene-caption{padding:13px 15px 16px}.scene-caption strong{font-size:18px}}

/* Mobile-first product cards inspired by the supplied two-column reference */
.product-grid{align-items:stretch}.product-card{padding:0;overflow:hidden;border:1px solid #34342f;background:#222320;color:#f8f3e9;border-radius:18px;min-height:0;box-shadow:0 7px 22px #1a17120d}.product-card:hover{transform:translateY(-3px);border-color:#b6a06f}.product-art{position:relative;display:block;width:100%;aspect-ratio:1.12/1;overflow:hidden;background:#2b3028}.product-art svg{display:block;width:100%;height:100%;object-fit:cover}.art-tag{position:absolute;left:10px;bottom:10px;padding:6px 8px;background:#171a16d9;color:#f2e5c8;border:1px solid #c7ad784d;font-size:7px;letter-spacing:.16em;font-weight:700}.product-info-wrap{padding:17px 16px 16px;display:flex;flex-direction:column;flex:1}.product-info-wrap .product-kicker{color:#d4b77c;font-size:8px;margin-bottom:8px}.product-info-wrap h3{font:600 19px/1.16 'Playfair Display',serif;color:#fff9ed;margin:0 0 8px}.product-info-wrap>p:not(.product-kicker){color:#c8c7bc;font-size:11px;line-height:1.45;margin:0 0 15px}.product-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.buy-now{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:30px;background:#f7f2e9;color:#171915;padding:13px 15px;font:700 12px 'DM Sans',sans-serif;cursor:pointer;min-height:44px}.buy-now span{font-size:17px}.buy-now:hover{background:#d9c39a}.details-link{color:#d5c49f;text-align:center;justify-content:center;margin:0;padding:5px}.photo-status{border:0;border-top:1px solid #ffffff20;margin-top:11px;padding-top:9px;font-size:8px;color:#aaa99e}.product-index,.product-top{display:none}.product-info-wrap .product-actions .buy-now{margin-top:2px}.catalog-note{line-height:1.6}
@media(max-width:720px){.shop.section{padding:43px 4% 54px;background:#10110f;color:#f7f2e9}.shop .section-heading{margin:0 auto 24px}.shop .section-heading h2{color:#fff8eb;font-size:34px}.shop .section-heading>p:last-child{color:#bcbcb1;font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{border-radius:17px}.product-art{aspect-ratio:.91/1}.product-info-wrap{padding:13px 11px 12px}.product-info-wrap h3{font-size:16px;line-height:1.17;min-height:38px}.product-info-wrap>p:not(.product-kicker){font-size:10px;min-height:28px;margin-bottom:12px}.buy-now{padding:12px 12px;font-size:11px;min-height:43px}.details-link{font-size:10px}.photo-status{font-size:7px;margin-top:8px;padding-top:7px}.catalog-note{font-size:9px;color:#bcbcb1;margin-top:20px}.shop .eyebrow{color:#d6b77b}}
@media(max-width:360px){.product-grid{gap:8px}.product-info-wrap{padding:11px 9px}.product-info-wrap h3{font-size:14px}.product-art{aspect-ratio:.82/1}.buy-now{font-size:10px;padding:11px 9px}}

/* KOKAN KULIN — restrained black and antique-gold premium direction */
:root{--paper:#0c0c0b;--paper2:#141411;--ink:#f3eee3;--muted:#aaa397;--green:#151511;--green2:#292820;--rust:#c5a96b;--line:#3b3528;--gold:#b99a5d}
html{background:#0b0b0a;scroll-padding-top:78px}body{background:#0b0b0a;color:#f3eee3;font-family:'DM Sans',sans-serif}a{color:inherit}.header{position:sticky;top:0;z-index:20;background:#0b0b0bf2;border-bottom:1px solid #b99a5d33;backdrop-filter:blur(14px)}.wordmark{color:#f5f0e5}.mark{color:#c7a967}.wordmark small{color:#b7a579}.nav a{color:#c7c0b2}.nav a:hover,.footer-links a:hover{color:#d4b77c}.cart-link{border:1px solid #a98d55;color:#e1cb9b;background:transparent;border-radius:2px}.hero{background:#0b0b0a;color:#f3eee3;min-height:0;padding:42px 5% 36px;grid-template-columns:.8fr 1.2fr;gap:3.5%}.hero-copy{padding:26px 0 26px 3vw}.eyebrow{color:#c7a967;letter-spacing:.22em}.hero h1{font-size:clamp(46px,5.4vw,76px);line-height:.99;letter-spacing:-.045em}.hero h1 em,.story h2 em{color:#c7a967}.hero-desc{color:#b9b2a5;max-width:330px}.button-dark{background:#c5a96b;color:#11100d;border:1px solid #c5a96b}.button-dark:hover{background:#ddc58e}.hero-art{border:1px solid #b99a5d55;min-height:350px;height:clamp(350px,40vw,570px);background:#171612;overflow:hidden}.hero-art svg{filter:brightness(.74) sepia(.26) saturate(.75);width:100%;height:100%;object-fit:cover}.art-caption{background:#0b0b0bdc;color:#d2bc8c}.engraved-divider{background:#10100e;color:#b99a5d;border-color:#403522}.engraved-divider span:first-child,.engraved-divider span:last-child{color:#b99a5d}
.shop.section{padding:34px 5% 60px;background:#0b0b0a;color:#f4efe5}.shop .section-heading{margin-bottom:22px}.shop .section-heading h2{color:#f4efe5;font-size:clamp(32px,4vw,48px);margin-bottom:4px}.shop .section-heading>p:last-child{color:#aaa397;font-size:12px}.shop .eyebrow{color:#c7a967}.product-grid{gap:14px}.product-card{background:#171715;border:1px solid #a98c522b;border-radius:4px;box-shadow:none}.product-card:hover{transform:translateY(-2px);border-color:#b99a5d99;box-shadow:0 10px 30px #0005}.product-art{background:#201e18;border-bottom:1px solid #b99a5d3b;aspect-ratio:1.12/1}.product-art svg{filter:sepia(.38) saturate(.72) brightness(.82)}.art-tag{background:#0b0b0be8;color:#d8c18c;border:1px solid #b99a5d66;letter-spacing:.14em}.product-info-wrap{background:#171715;padding:17px 16px 16px}.product-info-wrap .product-kicker{color:#c7a967;letter-spacing:.16em}.product-info-wrap h3{color:#f5f0e6;font-size:18px}.product-info-wrap>p:not(.product-kicker){color:#b4aea2}.buy-now{background:#c5a96b;color:#100f0c;border-radius:2px;font-size:12px}.buy-now:hover{background:#dfc88f}.details-link{color:#d5bd86}.coastal-gallery{background:#10100e;color:#f2ede2;border-top:1px solid #b99a5d44;border-bottom:1px solid #b99a5d44;padding:62px 6.5% 68px}.coastal-intro h2{color:#f5f0e5;font-size:clamp(34px,4vw,49px)}.coastal-intro>p:last-child{color:#aaa397}.coastal-scene{background:#181714;border:1px solid #b99a5d55;border-radius:3px}.coastal-scene svg{filter:sepia(.32) brightness(.8) saturate(.72)}.scene-caption{background:#181714}.scene-caption span{color:#c7a967}.scene-caption strong{color:#f2eadb}.coastal-scene:hover{box-shadow:0 12px 26px #0006;border-color:#c5a96b}
.story.section{background:#0b0b0a;color:#eee8dc;padding:62px 7%;border-bottom:1px solid #b99a5d44}.story-label h2{color:#f4eee2}.story-copy{color:#bdb5a7}.enquiries{background:#131310;color:#f2ede3;border-top:1px solid #b99a5d33;padding:58px 7%}.enquiries h2{color:#f4eee3}.enquiries>div>p:not(.eyebrow){color:#b9b1a4}.enquiries label{color:#c7a967}.enquiries input,.enquiries select,.enquiries textarea{background:#0b0b0a;color:#f3eee3;border:1px solid #51452f;border-radius:2px}.enquiries input::placeholder,.enquiries textarea::placeholder{color:#817a6e}.form-note{color:#999184}.footer{background:#080807;color:#eee8dc;border-top:1px solid #b99a5d55;padding:35px 7% 24px}.footer p,.footer>small{color:#958d7e}.footer-links a{color:#c9b98e}dialog{background:#141411;color:#f3eee3;border:1px solid #b99a5d}.dialog-close{color:#c7a967}dialog h2{color:#f4eee3}.dialog-note{color:#a9a092}
@media(max-width:720px){.header{height:66px;padding:0 4%}.nav{top:65px;background:#10100e;border-bottom:1px solid #b99a5d55}.nav a{color:#e6dcc8}.hero{grid-template-columns:1fr;padding:23px 4% 26px;gap:20px}.hero-copy{padding:16px 3% 2px}.hero h1{font-size:clamp(42px,12vw,58px);margin:10px 0 14px}.hero-desc{font-size:13px;margin-bottom:17px}.hero-art{height:260px;min-height:260px}.shop.section{padding:28px 3.5% 42px}.shop .section-heading{margin-bottom:17px}.shop .section-heading h2{font-size:30px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card{border-radius:3px}.product-art{aspect-ratio:.88/1}.product-info-wrap{padding:12px 10px 11px}.product-info-wrap h3{font-size:15px;min-height:36px}.product-info-wrap>p:not(.product-kicker){font-size:10px;min-height:27px}.buy-now{font-size:10px;padding:11px 10px;min-height:41px}.details-link{font-size:10px}.coastal-gallery{padding:44px 4% 46px}.coastal-intro{text-align:left;margin:0 0 20px}.coastal-intro h2{font-size:34px}.coastal-intro>p:last-child{margin:0;font-size:12px}.coastal-scenes{grid-template-columns:1fr;gap:12px}.scene-caption{padding:12px 14px 14px}.scene-caption strong{font-size:17px}.story.section{padding:42px 6%}.enquiries{padding:42px 6%;gap:20px}.footer-links{gap:13px}.footer-links a{font-size:10px}}
@media(max-width:360px){.product-grid{gap:7px}.product-info-wrap{padding:10px 8px}.product-info-wrap h3{font-size:14px}.buy-now{font-size:9px;padding:10px 8px}}

/* Motion direction: cinematic, tactile and restrained — no added image assets */
:root{--motion-gold:#c8ad72;--motion-ease:cubic-bezier(.2,.75,.25,1)}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.header{transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.header.is-scrolled{background:rgba(8,8,7,.96);box-shadow:0 8px 28px #0005;border-bottom-color:#c8ad7244}
.wordmark .mark{display:inline-block;transform-origin:50% 50%;animation:mark-turn 18s linear infinite}
@keyframes mark-turn{to{transform:rotate(360deg)}}
.hero-copy .eyebrow{animation:rise-in .8s .05s both var(--motion-ease)}
.hero h1{animation:rise-in .9s .12s both var(--motion-ease)}
.hero-desc{animation:rise-in .85s .22s both var(--motion-ease)}
.hero-copy .button{animation:rise-in .8s .32s both var(--motion-ease)}
.hero-art{isolation:isolate;transform-style:preserve-3d;perspective:1000px}
.hero-art:after{content:"";position:absolute;inset:-20% -30%;pointer-events:none;z-index:1;background:linear-gradient(112deg,transparent 38%,#d7bd7a13 48%,#f2dfb333 51%,transparent 61%);transform:translateX(-65%) rotate(4deg);animation:gold-sweep 12s 1.3s ease-in-out infinite}
.hero-art svg{transform:scale(1.035);transform-origin:center;animation:panorama-drift 24s ease-in-out infinite alternate;will-change:transform}
@keyframes panorama-drift{0%{transform:scale(1.035) translate3d(-.4%,0,0)}100%{transform:scale(1.095) translate3d(.7%,-.4%,0)}}
@keyframes gold-sweep{0%,48%{transform:translateX(-65%) rotate(4deg);opacity:0}56%{opacity:1}75%,100%{transform:translateX(65%) rotate(4deg);opacity:0}}
@keyframes rise-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.engraved-divider span:first-child,.engraved-divider span:last-child{display:inline-block;animation:soft-turn 16s linear infinite}
.engraved-divider span:last-child{animation-delay:-8s}
@keyframes soft-turn{to{transform:rotate(360deg)}}
/* Cards use perspective and light, not extra visual assets */
.product-grid{perspective:1200px}
.product-card{transform-style:preserve-3d;will-change:transform;transition:transform .22s var(--motion-ease),border-color .3s ease,box-shadow .3s ease}
.product-card .product-art{transform:translateZ(12px);transform-style:preserve-3d}
.product-card .product-art svg{transition:transform .65s var(--motion-ease),filter .65s ease}
.product-card:hover .product-art svg{transform:scale(1.055);filter:sepia(.25) saturate(.85) brightness(.96)}
.product-card .art-tag{transition:background .3s,color .3s,border-color .3s;transform:translateZ(18px)}
.product-card:hover .art-tag{background:#c5a96b;color:#11100d;border-color:#e4d0a0}
.product-info-wrap{transform:translateZ(7px)}
.buy-now{position:relative;overflow:hidden;isolation:isolate;transition:background .25s,transform .25s,color .25s}
.buy-now:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 25%,#fff7df8c 50%,transparent 75%);transform:translateX(-130%);transition:transform .7s var(--motion-ease)}
.buy-now:hover:before{transform:translateX(130%)}
.buy-now:hover{transform:translateY(-2px)}
.coastal-scene{transform-style:preserve-3d;will-change:transform;transition:transform .45s var(--motion-ease),border-color .35s,box-shadow .35s}
.coastal-scene svg{transform-origin:center;transition:transform .8s var(--motion-ease),filter .6s ease}
.coastal-scene:hover svg{transform:scale(1.035);filter:sepia(.18) brightness(.9) saturate(.82)}
.coastal-scene .scene-caption{position:relative;z-index:1}
.coastal-scene .scene-caption strong{transition:color .3s,transform .3s;display:inline-block}
.coastal-scene:hover .scene-caption strong{color:var(--motion-gold);transform:translateX(3px)}
.story-label,.story-copy,.coastal-intro,.coastal-scene,.enquiries>div,.enquiries form{opacity:1}
.js-motion .reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .8s var(--motion-ease),transform .8s var(--motion-ease)}
.js-motion .reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}
.js-motion .reveal-on-scroll[data-reveal="left"]{transform:translateX(-24px)}
.js-motion .reveal-on-scroll[data-reveal="right"]{transform:translateX(24px)}
.js-motion .reveal-on-scroll[data-reveal="left"].is-visible,.js-motion .reveal-on-scroll[data-reveal="right"].is-visible{transform:translateX(0)}
.product-card:nth-child(2),.coastal-scene:nth-child(2){transition-delay:.06s}
.product-card:nth-child(3),.coastal-scene:nth-child(3){transition-delay:.12s}
.product-card:nth-child(4){transition-delay:.18s}.product-card:nth-child(5){transition-delay:.24s}
.story h2 em{display:inline-block;text-shadow:0 0 28px #c8ad7215}
.dialog-close,.button,.cart-link,.nav a,.footer-links a{transition:all .25s var(--motion-ease)}
@media(hover:none){.product-card:hover{transform:none}.coastal-scene:hover{transform:none}.product-card:hover .product-art svg,.coastal-scene:hover svg{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.js-motion .reveal-on-scroll{opacity:1!important;transform:none!important}}


/* Hero product reveal: CSS-built 3D stand-up pouch concepts, no image assets */
.pouch-hero{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;min-height:clamp(330px,37vw,500px);height:auto;padding:38px 16px 22px;background:radial-gradient(ellipse at 50% 62%,#c5a96b18 0%,#171612 48%,#0b0b0a 78%);perspective:1200px;isolation:isolate}
.pouch-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,#c8ad7209 48%,#e8d6a51a 50%,transparent 62%);transform:translateX(-100%);animation:pouch-light 8s 2s ease-in-out infinite;pointer-events:none}
.pouch-stage{position:relative;z-index:1;width:100%;height:clamp(235px,29vw,350px);display:flex;align-items:flex-end;justify-content:center;gap:clamp(3px,1.2vw,16px);perspective:1100px;transform-style:preserve-3d}
.pouch{--pouch-main:#171715;--pouch-edge:#080807;--pouch-text:#e8d9b5;position:relative;flex:0 1 18%;width:18%;max-width:132px;height:76%;min-width:0;transform-style:preserve-3d;transform-origin:50% 80%;border-radius:7px 7px 4px 4px;opacity:0;filter:drop-shadow(0 18px 12px #0008);animation:pouch-roll-in 1.35s cubic-bezier(.16,.82,.23,1.15) forwards;}
.pouch:before{content:"";position:absolute;left:4%;right:4%;top:-5px;height:11px;border-radius:5px 5px 1px 1px;background:linear-gradient(#d4c7a5aa,#514734);transform:rotateX(55deg);transform-origin:bottom;box-shadow:0 1px 0 #fff2}
.pouch:after{content:"";position:absolute;bottom:-9px;left:5%;right:5%;height:14px;border-radius:50%;background:#0008;filter:blur(5px);transform:translateZ(-15px)}
.pouch-face{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;padding:13% 7% 8%;color:var(--pouch-text);text-align:center;overflow:hidden;border:1px solid #d7c28c55;border-bottom:3px solid #070706;border-radius:5px 5px 3px 3px;background:linear-gradient(100deg,#ffffff0b 0%,transparent 12%,#0002 45%,#ffffff10 53%,transparent 74%),linear-gradient(155deg,var(--pouch-main),var(--pouch-edge));box-shadow:inset 3px 0 4px #fff1,inset -5px 0 8px #0005,inset 0 -13px 12px #0004;transform:translateZ(9px);}
.pouch-side{position:absolute;top:4px;bottom:1px;right:-8px;width:9px;background:linear-gradient(90deg,var(--pouch-edge),#4a4030,var(--pouch-edge));transform-origin:left;transform:rotateY(42deg);border-right:1px solid #d8c18c44}
.pouch-top{position:absolute;left:4%;right:4%;top:-4px;height:9px;background:linear-gradient(#b9a36f,#51452f);transform:rotateX(55deg);transform-origin:bottom;border-radius:3px;z-index:2}
.pouch-brand{font-family:Georgia,serif;font-weight:bold;font-size:clamp(8px,1.05vw,13px);line-height:.92;letter-spacing:-.04em}
.pouch-rule{height:1px;width:58%;background:currentColor;opacity:.7;margin:12% 0 15%}
.pouch-name{font-family:Georgia,serif;font-weight:bold;font-size:clamp(9px,1.25vw,15px);line-height:1.04;letter-spacing:.025em;text-shadow:0 1px 0 #0005}
.pouch-sub{font-size:clamp(5px,.58vw,7px);letter-spacing:.13em;margin-top:9%;line-height:1.2}
.pouch-seal{margin-top:auto;padding:4px 2px;width:100%;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font-size:clamp(4px,.48vw,6px);letter-spacing:.12em;white-space:nowrap}
.pouch-aagri{--pouch-main:#1b1a16;--pouch-edge:#080807;--pouch-text:#d7bf82;height:82%;z-index:3}
.pouch-chicken{--pouch-main:#9e3028;--pouch-edge:#521b18;--pouch-text:#f7e9d2;height:70%;z-index:2}
.pouch-mutton{--pouch-main:#b49a5d;--pouch-edge:#5f4b27;--pouch-text:#211b10;height:78%;z-index:5}
.pouch-paneer{--pouch-main:#e9dfc9;--pouch-edge:#a89a7c;--pouch-text:#8b4b20;height:70%;z-index:2}
.pouch-kitchen{--pouch-main:#34533a;--pouch-edge:#17281b;--pouch-text:#e2d1a0;height:82%;z-index:3}
.pouch-caption{position:relative;z-index:2;margin-top:20px;color:#c8ad72;font-size:10px;letter-spacing:.22em;text-align:center}
.pouch-caption span{padding:0 5px;color:#f2e4bd}
.pouch-disclaimer{position:relative;z-index:2;margin:7px 0 0;font-size:9px;color:#8c8476;text-align:center;letter-spacing:.04em}
@keyframes pouch-roll-in{0%{opacity:0;transform:translate3d(var(--start-x,0),85px,-240px) rotateY(540deg) rotateZ(var(--start-rot,0deg)) rotateX(18deg) scale(.58)}65%{opacity:1;transform:translate3d(0,-8px,28px) rotateY(-12deg) rotateZ(0) rotateX(-3deg) scale(1.04)}82%{transform:translate3d(0,3px,0) rotateY(5deg) rotateZ(0) rotateX(1deg) scale(.99)}100%{opacity:1;transform:var(--rest-transform,translate3d(0,0,0) rotateY(0) rotateZ(0) rotateX(0) scale(1))}}
@keyframes pouch-light{0%,38%{transform:translateX(-100%);opacity:0}48%{opacity:1}72%,100%{transform:translateX(100%);opacity:0}}
.pouch:nth-child(1){--start-x:-95px;--start-rot:-30deg;animation-delay:.2s}.pouch:nth-child(2){--start-x:-45px;--start-rot:-18deg;animation-delay:.36s}.pouch:nth-child(3){--start-x:0px;--start-rot:0deg;animation-delay:.52s}.pouch:nth-child(4){--start-x:45px;--start-rot:18deg;animation-delay:.68s}.pouch:nth-child(5){--start-x:95px;--start-rot:30deg;animation-delay:.84s}
@media(max-width:720px){.pouch-hero{min-height:270px;height:auto;padding:30px 8px 18px}.pouch-stage{height:230px;gap:3px;width:100%}.pouch{flex-basis:18%;width:18%;height:69%;border-radius:4px 4px 2px 2px}.pouch-aagri,.pouch-kitchen{height:78%}.pouch-mutton{height:75%}.pouch-face{padding:13% 4% 7%;border-radius:4px 4px 2px 2px}.pouch-brand{font-size:clamp(7px,2.2vw,10px)}.pouch-name{font-size:clamp(7px,2.5vw,11px)}.pouch-sub{font-size:clamp(4px,1.25vw,6px);letter-spacing:.06em}.pouch-seal{font-size:clamp(3px,1vw,5px);letter-spacing:.05em;padding:3px 0}.pouch-caption{font-size:8px;letter-spacing:.14em;margin-top:14px}.pouch-disclaimer{font-size:8px}}
@media(max-width:380px){.pouch-stage{height:200px;gap:2px}.pouch-hero{padding-left:4px;padding-right:4px}.pouch-brand{font-size:7px}.pouch-name{font-size:7px}.pouch-caption{font-size:7px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.pouch{opacity:1;animation:none;transform:none}.pouch-hero:before{animation:none}}

/* Centered hero: pouch lineup first, title directly underneath */
.hero{display:flex;flex-direction:column;align-items:center;min-height:0;padding:30px 5% 52px;background:radial-gradient(ellipse at 50% 8%,#c8ad7212 0%,#0b0b0a 58%);border-bottom:1px solid #c8ad7226;overflow:hidden}
.hero .pouch-hero{order:0;width:min(100%,1060px);min-height:clamp(260px,32vw,420px);padding:12px 16px 8px;background:transparent;overflow:visible}
.hero .pouch-stage{height:clamp(220px,29vw,365px);width:min(100%,920px);align-items:flex-end;gap:0;transform-style:preserve-3d}
.hero .pouch{position:relative;flex:0 1 17%;width:17%;max-width:165px;min-width:0;transform-origin:50% 85%}
/* Depth order: 3 is the hero pouch, 2/4 sit behind it, 1/5 frame the sides */
.hero .pouch-aagri{height:68%;z-index:2;--rest-transform:translateY(10px) scale(.86)}
.hero .pouch-chicken{height:78%;z-index:3;--rest-transform:translateY(1px) scale(.94)}
.hero .pouch-mutton{height:100%;z-index:6;--rest-transform:translateY(-3px) scale(1.08)}
.hero .pouch-paneer{height:78%;z-index:3;--rest-transform:translateY(1px) scale(.94)}
.hero .pouch-kitchen{height:68%;z-index:2;--rest-transform:translateY(10px) scale(.86)}
.hero .pouch:nth-child(1){--start-x:-90px;--start-rot:-20deg;animation-delay:.16s}
.hero .pouch:nth-child(2){--start-x:-55px;--start-rot:-12deg;animation-delay:.32s}
.hero .pouch:nth-child(3){--start-x:0px;--start-rot:0deg;animation-delay:.48s}
.hero .pouch:nth-child(4){--start-x:55px;--start-rot:12deg;animation-delay:.64s}
.hero .pouch:nth-child(5){--start-x:90px;--start-rot:20deg;animation-delay:.8s}
.hero .pouch-caption,.hero .pouch-disclaimer{display:none}
.hero .hero-copy{order:1;width:min(100%,780px);padding:8px 12px 0;text-align:center;align-self:center}
.hero .hero-copy .eyebrow{margin-bottom:12px;color:#c8ad72}
.hero .hero-copy h1{font-size:clamp(32px,4.4vw,52px);line-height:1.04;margin:0 auto 12px;letter-spacing:-.045em;color:#f7f2e9}
.hero .hero-copy h1 em{color:#c8ad72}
.hero .hero-desc{margin:0 auto 18px;color:#bdb9ae;font-size:14px}
.hero .hero-shop-cta{display:inline-flex;min-width:185px;justify-content:space-between;background:#c8ad72;color:#15130f;padding:13px 18px;border-radius:3px;box-shadow:0 0 0 1px #e0cc9650,0 8px 26px #c8ad7214}
.hero .hero-shop-cta:hover{box-shadow:0 0 28px #c8ad7240;transform:translateY(-3px)}
.scroll-shop-cta{position:fixed;z-index:30;right:18px;bottom:22px;display:flex;align-items:center;gap:28px;padding:14px 18px;border:1px solid #d5bd7b;background:#c8ad72;color:#15130f;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.03em;border-radius:3px;box-shadow:0 10px 34px #0007;opacity:0;pointer-events:none;transform:translateY(18px);transition:opacity .3s,transform .3s,box-shadow .3s}
.scroll-shop-cta span{font-size:17px}.scroll-shop-cta.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-shop-cta.is-visible:hover{box-shadow:0 0 30px #c8ad7250,0 10px 34px #0007}
@media(max-width:720px){.hero{padding:22px 4% 36px;gap:0}.hero .pouch-hero{min-height:0;height:auto;padding:8px 0 4px}.hero .pouch-stage{height:clamp(205px,59vw,280px);width:100%;gap:0}.hero .pouch{flex-basis:19%;width:19%;max-width:none;border-radius:5px 5px 3px 3px}.hero .pouch-aagri{height:65%}.hero .pouch-chicken{height:76%}.hero .pouch-mutton{height:94%;--rest-transform:translateY(-3px) scale(1.06)}.hero .pouch-paneer{height:76%}.hero .pouch-kitchen{height:65%}.hero .pouch-face{padding:14% 3% 7%}.hero .pouch-brand{font-size:clamp(6px,2vw,9px)}.hero .pouch-name{font-size:clamp(6px,2.2vw,10px)}.hero .pouch-sub{font-size:clamp(3px,1.1vw,5px)}.hero .pouch-seal{font-size:clamp(3px,.9vw,4px);letter-spacing:0}.hero .hero-copy{padding:9px 8px 0}.hero .hero-copy .eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:9px}.hero .hero-copy h1{font-size:clamp(31px,8.8vw,42px);margin-bottom:9px}.hero .hero-desc{font-size:12px;margin-bottom:15px}.hero .hero-shop-cta{min-width:170px;padding:12px 15px}.scroll-shop-cta{right:12px;bottom:16px;padding:12px 15px;gap:20px}}
@media(max-width:370px){.hero .pouch-stage{height:195px}.hero .pouch-brand{font-size:6px}.hero .pouch-name{font-size:6px}.hero .pouch-sub{font-size:3px}.hero .pouch-seal{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-shop-cta{transition:none}}

/* Cross-page product transition: same CSS pouch leaves the card, spins as the loader, then lands in detail view. */
.product-transition-pouch{position:fixed;z-index:99999;display:block;box-sizing:border-box;padding:0;color:var(--fly-text,#e8d9b5);font:700 10px/1 Georgia,serif;text-align:center;background:linear-gradient(100deg,#080807 0%,color-mix(in srgb,var(--fly-color,#242219) 70%,#242219) 24%,var(--fly-color,#242219) 52%,#090908 100%);border:1px solid #c8ad72;box-shadow:0 25px 60px #000b,inset 4px 0 9px #ffffff18;transform-origin:center;transition:left .62s cubic-bezier(.18,.78,.2,1),top .62s cubic-bezier(.18,.78,.2,1),width .62s cubic-bezier(.18,.78,.2,1),height .62s cubic-bezier(.18,.78,.2,1),transform .62s cubic-bezier(.18,.78,.2,1),border-radius .62s;pointer-events:none;overflow:hidden;border-radius:7px 7px 3px 3px;perspective:900px}
.transition-pouch-face{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;padding:13% 6% 8%;background:linear-gradient(100deg,#ffffff0b 0%,transparent 12%,#0002 45%,#ffffff10 53%,transparent 74%);box-shadow:inset 3px 0 4px #fff1,inset -5px 0 8px #0005,inset 0 -13px 12px #0004}
.transition-pouch-face:before{content:"";position:absolute;top:0;left:3%;right:3%;height:8px;background:linear-gradient(#e5d4a5,#8d7441 40%,#2a261c);border-radius:5px}
.transition-brand{margin-top:13%;font:700 clamp(8px,1.1vw,14px)/.95 Georgia,serif;letter-spacing:-.04em}.transition-pouch-face i{display:block;width:58%;height:1px;background:currentColor;opacity:.7;margin:14% auto}.transition-pouch-face b{font-size:clamp(9px,1.5vw,18px);line-height:1.1;text-transform:uppercase;padding:0 5px}.transition-pouch-face small{margin-top:auto;border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:5px 0;width:88%;font-size:clamp(4px,.65vw,8px);letter-spacing:.08em}
.product-transition-pouch.is-flying{left:calc(50% - 105px)!important;top:calc(50% - 170px)!important;width:210px!important;height:340px!important;border-radius:9px;transform:perspective(900px) rotateY(720deg) scale(1.04)}
@media(prefers-reduced-motion:reduce){.product-transition-pouch{display:none}}

/* Smooth, shape-consistent pouch flight. Geometry is animated by WAAPI; rotation runs independently. */
.product-transition-pouch{position:fixed;z-index:99999;display:block;box-sizing:border-box;padding:0;color:var(--fly-text,#e8d9b5);font:700 10px/1 Georgia,serif;text-align:center;background:linear-gradient(100deg,#080807 0%,color-mix(in srgb,var(--fly-color,#242219) 70%,#242219) 24%,var(--fly-color,#242219) 52%,#090908 100%);border:1px solid #c8ad72;box-shadow:0 25px 60px #000b,inset 4px 0 9px #ffffff18;transform-origin:center;pointer-events:none;overflow:hidden;border-radius:7px 7px 3px 3px;perspective:900px;will-change:left,top,width,height,transform;}
.product-transition-pouch.transition-spinning{animation:transition-spin 9s linear infinite;}
.transition-pouch-face{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;padding:13% 6% 8%;background:linear-gradient(100deg,#ffffff0b 0%,transparent 12%,#0002 45%,#ffffff10 53%,transparent 74%);box-shadow:inset 3px 0 4px #fff1,inset -5px 0 8px #0005,inset 0 -13px 12px #0004;backface-visibility:hidden}
.transition-pouch-face:before{content:"";position:absolute;top:0;left:3%;right:3%;height:8px;background:linear-gradient(#e5d4a5,#8d7441 40%,#2a261c);border-radius:5px}
.transition-brand{margin-top:13%;font:700 clamp(8px,1.1vw,14px)/.95 Georgia,serif;letter-spacing:-.04em}.transition-pouch-face i{display:block;width:58%;height:1px;background:currentColor;opacity:.7;margin:14% auto}.transition-pouch-face b{font-size:clamp(9px,1.5vw,18px);line-height:1.1;text-transform:uppercase;padding:0 5px}.transition-pouch-face small{margin-top:auto;border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:5px 0;width:88%;font-size:clamp(4px,.65vw,8px);letter-spacing:.08em}
.product-transition-active{overflow:hidden!important}
.transition-loader-pouch{animation:transition-spin 9s linear infinite!important;}
@media(prefers-reduced-motion:reduce){.product-transition-pouch{display:none!important}}

@keyframes transition-spin{from{transform:perspective(900px) rotateY(0deg)}to{transform:perspective(900px) rotateY(360deg)}}

/* Reliability patch: the hero-flight pouch and product pouch share a defined spin. */
.product-transition-pouch.transition-spinning{animation:kk-pouch-spin 2.4s linear infinite!important;transform-style:preserve-3d;backface-visibility:visible}
@keyframes kk-pouch-spin{from{transform:perspective(900px) rotateY(0deg)}to{transform:perspective(900px) rotateY(360deg)}}


/* Realistic stand-up zipper pouch silhouette: tapered shoulders, sealed top, side gusset and formed base. */
.pouch,.product-transition-pouch,.detail-pouch{clip-path:polygon(4% 0,96% 0,98% 4%,97% 82%,93% 89%,85% 95%,78% 97%,22% 97%,15% 95%,7% 89%,3% 82%,2% 4%);border-radius:0!important;filter:drop-shadow(0 18px 18px #0009);}
.pouch-face,.transition-pouch-face,.detail-pouch{background-image:linear-gradient(100deg,#ffffff14 0%,transparent 13%,#0002 43%,#ffffff12 54%,transparent 76%),linear-gradient(180deg,#ffffff08 0%,transparent 20%,#0002 80%,#0007 100%),linear-gradient(100deg,#080807 0%,var(--pouch-main,var(--fly-color,var(--pack,#202018))) 48%,#090908 100%);}
.pouch-top{left:5%!important;right:5%!important;top:0!important;height:4px!important;transform:none!important;border-radius:0!important;background:repeating-linear-gradient(90deg,#bda56d 0 2px,#6d5a36 2px 3px)!important;box-shadow:0 2px 0 #0a0907,0 3px 0 #c7b27c55;}
.pouch:after{content:"";position:absolute;left:12%;right:12%;bottom:1%;height:5%;border-top:1px solid #d1bd8055;background:linear-gradient(180deg,#0004,#ffffff08);transform:perspective(90px) rotateX(18deg);border-radius:0 0 35% 35%;}
.pouch-face:after,.transition-pouch-face:after{content:"";position:absolute;left:8%;right:8%;bottom:4%;height:3%;border-top:1px solid #d8c28b66;background:linear-gradient(180deg,#ffffff12,#0004);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);}
.pouch,.product-transition-pouch,.detail-pouch{backface-visibility:visible;transform-style:preserve-3d;}
.hero .pouch-stage{height:clamp(245px,29vw,340px)!important;align-items:flex-end!important;}
.hero .pouch{flex-basis:19%!important;width:19%!important;max-width:178px!important;}
.hero .pouch-mutton{height:91%!important;}
.hero .pouch-chicken,.hero .pouch-paneer{height:78%!important;}
.hero .pouch-aagri,.hero .pouch-kitchen{height:68%!important;}
.product-transition-pouch.transition-spinning{animation:kk-pouch-spin 2.4s linear infinite!important;}
@media(max-width:720px){.hero .pouch-stage{height:clamp(210px,58vw,280px)!important}.hero .pouch{flex-basis:19%!important;width:19%!important;}.hero .pouch-mutton{height:91%!important}.hero .pouch-chicken,.hero .pouch-paneer{height:78%!important}.hero .pouch-aagri,.hero .pouch-kitchen{height:68%!important}}
@media(prefers-reduced-motion:reduce){.pouch{animation:none!important;opacity:1!important}.product-transition-pouch.transition-spinning{animation:kk-pouch-spin 4.8s linear infinite!important}}

/* Genuine supplied GLB stand-up zipper pouch model */
model-viewer.kk-model{display:block;width:100%;height:100%;background:transparent;--poster-color:transparent;outline:none;}
.actual-pouch-stage{align-items:stretch!important;gap:0!important;}
.hero-model{position:relative;flex:1 1 0;min-width:0;height:100%;display:flex;align-items:stretch;justify-content:center;transform:translateZ(calc((2 - abs(var(--i) - 2))*10px));}
.hero-model .kk-model{min-width:0;}
.hero-model span{position:absolute;bottom:2%;left:0;right:0;text-align:center;color:#c8ad72;font-size:clamp(6px,.8vw,10px);letter-spacing:.08em;font-weight:600;pointer-events:none;text-shadow:0 2px 6px #000;}
.hero-model-mutton{flex-grow:1.2;transform:translateY(-4%) scale(1.07);z-index:2;}
.hero-model-aagri,.hero-model-kitchen{transform:translateY(5%) scale(.86);}
.hero-model-chicken,.hero-model-paneer{transform:translateY(1%) scale(.95);}
.actual-product-art{background:radial-gradient(ellipse at 50% 70%,#4a4029 0,#1a1914 58%,#11110f 100%)!important;display:flex!important;align-items:center;justify-content:center;padding:4%;}
.actual-product-art .card-model{width:100%;height:100%;min-height:210px;}
.model-art-label{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#c8ad72;font-size:9px;letter-spacing:.12em;pointer-events:none;}
.actual-product-render{position:relative;}
.actual-product-render .detail-model{width:100%;height:100%;min-height:500px;z-index:1;}
.product-render-caption{z-index:2;}
.product-transition-pouch{position:fixed!important;z-index:99999!important;display:block!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;pointer-events:none!important;will-change:left,top,width,height!important;--poster-color:transparent;}
.product-transition-pouch.transition-spinning{animation:none!important;clip-path:none!important;filter:none!important;transform-origin:center center!important;}
@media(max-width:720px){.actual-pouch-stage{height:clamp(210px,62vw,285px)!important}.hero-model span{font-size:6px;letter-spacing:.03em}.actual-product-art .card-model{min-height:180px}.actual-product-render .detail-model{min-height:340px}}
@media(prefers-reduced-motion:reduce){.hero-model .kk-model,.actual-product-art .card-model{--reduce-motion:true}}

/* Clean 2D-only pouch system: no GLB, no spin, no transition overlay. */
model-viewer{display:none!important}
.pouch-2d,.detail-pouch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;isolation:isolate;clip-path:polygon(4% 0,96% 0,99% 4%,98% 82%,94% 90%,82% 96%,72% 98%,28% 98%,18% 96%,6% 90%,2% 82%,1% 4%);border:0!important;border-radius:0!important;transform:none!important;animation:none!important;filter:drop-shadow(0 16px 14px #0008);background:linear-gradient(90deg,#090908 0%,#ffffff14 7%,var(--pack,#24231d) 19%,var(--pack,#24231d) 70%,#0008 100%);box-shadow:none!important;color:var(--label-color,#d7bf82)}
.pouch-2d{width:62%;height:78%;margin:auto;min-height:140px;max-height:330px;}
.pouch-2d:before,.detail-pouch:before{content:"";position:absolute;top:0;left:5%;right:5%;height:8px;background:linear-gradient(#e7d8ac,#8c7441 45%,#2c2619);box-shadow:0 3px 0 #080807;}
.pouch-2d:after,.detail-pouch:after{content:"";position:absolute;left:8%;right:8%;bottom:3%;height:3%;background:linear-gradient(#ffffff18,#0005);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%)}
.pouch-brand{display:block;position:relative;margin-top:20%;font:700 clamp(9px,1vw,15px)/1 Georgia,serif;text-align:center;letter-spacing:-.04em;color:var(--label-color,#d7bf82);text-shadow:0 1px 1px #0006}
.pouch-product{display:block;margin:14% 8% 0;width:82%;height:1px;background:currentColor;opacity:.65}
.pouch-2d .pouch-product:after{content:attr(data-name)}
.pouch-sub{display:block;margin:8% 4% 0;font-size:clamp(6px,.55vw,9px);font-weight:700;letter-spacing:.08em;text-align:center;color:var(--label-color,#d7bf82)}
.pouch-foot{position:absolute;bottom:9%;left:0;right:0;text-align:center;font-size:clamp(5px,.48vw,8px);letter-spacing:.12em;color:var(--label-color,#d7bf82);border-top:1px solid currentColor;padding-top:5px;margin:0 8%}
.actual-product-art{display:flex;align-items:center;justify-content:center}
.product-render{display:flex!important;align-items:center;justify-content:center;}
.detail-pouch{width:min(44vw,260px);height:390px;aspect-ratio:.62;animation:none!important;transform:none!important;}
.detail-pouch .pouch-brand{font-size:17px;margin-top:20%}.detail-pouch .pouch-sub{font-size:10px}.detail-pouch .pouch-foot{font-size:8px}
.product-transition-pouch,.transition-spinning{display:none!important;animation:none!important}
.product-transition-active{overflow:auto!important}
@media(max-width:720px){.pouch-2d{width:65%;height:74%;min-height:150px}.detail-pouch{width:min(54vw,220px);height:330px}.pouch-brand{font-size:10px}}

/* Restore normal premium scroll motion while keeping all pouch spinning removed. */
html{scroll-behavior:smooth}
.js-motion .reveal-on-scroll{opacity:0;transform:translateY(22px);transition:opacity .72s cubic-bezier(.22,.7,.2,1),transform .72s cubic-bezier(.22,.7,.2,1)}
.js-motion .reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}
.js-motion .reveal-on-scroll[data-reveal="left"]{transform:translateX(-20px)}
.js-motion .reveal-on-scroll[data-reveal="right"]{transform:translateX(20px)}
.js-motion .reveal-on-scroll[data-reveal="left"].is-visible,.js-motion .reveal-on-scroll[data-reveal="right"].is-visible{transform:translate(0,0)}
.product-card,.coastal-scene{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.product-card:hover{transform:translateY(-4px)}
.coastal-scene:hover{transform:translateY(-3px)}
/* Static 2D pouches: no rotation, no spin, no flying transition. */
.pouch-2d,.detail-pouch{animation:none!important;transform:none!important}
.product-transition-pouch,.transition-spinning{display:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-motion .reveal-on-scroll{opacity:1!important;transform:none!important;transition:none!important}.product-card,.coastal-scene{transition:none!important}}

/* Supplied masala artwork: use the user's actual designs, not invented pouch mockups. */
.packaging-stage{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center!important;justify-content:stretch!important;gap:clamp(5px,1vw,14px)!important;height:100%!important;padding:20px clamp(8px,1.8vw,24px) 30px;perspective:none!important;transform:none!important;filter:none!important}
.hero-pack{display:flex;min-width:0;height:100%;max-height:100%;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-decoration:none;transform:none;transition:transform .35s ease,filter .35s ease;}
.hero-pack img{display:block;width:100%;height:calc(100% - 24px);max-height:460px;object-fit:contain;box-shadow:0 10px 26px #0005;border:1px solid #b99a5d42;background:#17130f}
.hero-pack span{font-size:clamp(7px,.72vw,10px);font-weight:700;letter-spacing:.1em;color:#c7a967;text-align:center;white-space:nowrap}
.hero-pack-mutton{z-index:2}
.hero-pack:hover{filter:brightness(1.08)}
.hero-pack-mutton:hover{filter:brightness(1.08)}
.pack-art-image{display:block;width:100%;height:100%;object-fit:contain;padding:8px;background:#17130f;transition:transform .5s ease,filter .5s ease}
.product-card:hover .pack-art-image{transform:scale(1.025);filter:brightness(1.04)}
.pack-art-caption{position:absolute;left:7px;bottom:7px;padding:4px 6px;background:#0b0b0be0;border:1px solid #b99a5d55;color:#d8c18c;font-size:7px;letter-spacing:.12em}
.product-fish .product-art{background:#0b2633}
@media(max-width:720px){.hero-art.pouch-hero{height:clamp(235px,66vw,320px)!important;min-height:0!important}.packaging-stage{padding:12px 5px 20px;gap:4px!important}.hero-pack{gap:5px}.hero-pack img{height:calc(100% - 20px);padding:0}.hero-pack span{font-size:clamp(5px,1.6vw,8px);letter-spacing:.025em;white-space:normal;line-height:1.1}.hero-pack-mutton{z-index:2}.hero-pack-mutton:hover{filter:brightness(1.08)}.product-art{aspect-ratio:.78/1}.pack-art-image{padding:4px}.pack-art-caption{font-size:6px;left:5px;bottom:5px}}
@media(prefers-reduced-motion:reduce){.hero-pack,.pack-art-image{transition:none!important}}


/* KOKAN KULIN — restrained premium motion pass (2D only; no pouch spin) */
:root{--kk-gold:#c5a568;--kk-gold-soft:#e3d0a3;--kk-ease:cubic-bezier(.22,.72,.18,1)}
body{background-image:radial-gradient(ellipse at 50% -18%,#b99a5d0c,transparent 48%)}
.header{transition:background .35s ease,box-shadow .35s ease,border-color .35s ease;backdrop-filter:blur(12px)}
.header.is-scrolled{background:rgba(10,10,9,.94);box-shadow:0 12px 32px #0003;border-bottom-color:#b99a5d55;color:#f4eedf}
.header.is-scrolled .wordmark,.header.is-scrolled .nav a,.header.is-scrolled .cart-link,.header.is-scrolled .menu-toggle{color:#f4eedf}
.header.is-scrolled .mark{color:var(--kk-gold)}
.nav a{position:relative;transition:color .25s ease}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--kk-gold);transition:right .35s var(--kk-ease)}
.nav a:hover:after{right:0}
.button,.buy-now,.text-link,.cart-link{position:relative;isolation:isolate;overflow:hidden;transition:transform .35s var(--kk-ease),background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}
.button:before,.buy-now:before,.cart-link:before{content:"";position:absolute;top:-120%;bottom:-120%;left:-45%;width:28%;transform:translateX(-180%) rotate(22deg);background:linear-gradient(90deg,transparent,#fff5,transparent);pointer-events:none;z-index:-1}
.button:hover:before,.buy-now:hover:before,.cart-link:hover:before{transform:translateX(620%) rotate(22deg);transition:transform .8s var(--kk-ease)}
.button-dark:hover,.buy-now:hover{background:#354738;box-shadow:0 8px 22px #0002}
.button-light:hover,.button-outline:hover{box-shadow:0 8px 22px #0002}
.hero-copy .eyebrow{animation:kk-rise .75s .08s both var(--kk-ease)}
.hero h1{animation:kk-rise .9s .16s both var(--kk-ease)}
.hero-desc{animation:kk-rise .8s .25s both var(--kk-ease)}
.hero-copy .button{animation:kk-rise .8s .34s both var(--kk-ease)}
.hero-pack{transition:transform .55s var(--kk-ease),filter .55s var(--kk-ease)}
.hero-pack img{transition:filter .45s ease,box-shadow .45s ease,border-color .45s ease;box-shadow:0 14px 30px #0004;border-color:#c5a5682e}
.hero-pack:hover img{filter:brightness(1.08) contrast(1.02);box-shadow:0 20px 42px #0006;border-color:#c5a568a8}
.hero-pack-mutton img{box-shadow:0 20px 42px #0007,0 0 0 1px #c5a56828}
.product-card{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 1px 0 #fff2 inset;transition:transform .45s var(--kk-ease),border-color .4s ease,box-shadow .4s ease,background .4s ease}
.product-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(125deg,transparent 18%,#c5a56810 48%,transparent 76%);transform:translateX(-25%);transition:opacity .4s ease,transform .7s var(--kk-ease);pointer-events:none}
.product-card:hover{transform:translateY(-6px);border-color:#b99a5d;box-shadow:0 18px 34px #29221618,0 0 0 1px #b99a5d1c;background:#fffdf7}
.product-card:hover:before{opacity:1;transform:translateX(15%)}
.product-art{overflow:hidden;position:relative}
.product-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#fff1 48%,transparent 65%);transform:translateX(-120%);transition:transform .9s var(--kk-ease)}
.product-card:hover .product-art:after{transform:translateX(120%)}
.product-card h3{transition:color .3s ease}
.product-card:hover h3{color:#8c6d38}
.text-link span,.product-actions .buy-now span{display:inline-block;transition:transform .3s var(--kk-ease)}
.product-actions button:hover span,.text-link:hover span{transform:translate(3px,-2px)}
.section-heading h2{ text-wrap:balance }
.engraved-divider{position:relative;overflow:hidden}
.engraved-divider:after{content:"";position:absolute;left:-22%;top:0;width:18%;height:100%;background:linear-gradient(90deg,transparent,#c5a56816,transparent);transform:skewX(-18deg);animation:kk-divider-glide 12s ease-in-out infinite}
.coastal-scene{transition:transform .5s var(--kk-ease),box-shadow .5s ease,filter .5s ease}
.coastal-scene:hover{box-shadow:0 16px 32px #30271918;filter:contrast(1.025)}
.story-label,.story-copy,.enquiries>div,.enquiries form{transition:opacity .7s ease,transform .7s var(--kk-ease)}
.product-detail-grid{animation:kk-page-enter .65s var(--kk-ease) both}
.product-render{transition:box-shadow .5s ease,border-color .5s ease}
.product-detail-art{transition:filter .5s ease,transform .6s var(--kk-ease)}
.product-render:hover .product-detail-art{filter:brightness(1.04);transform:translateY(-3px)}
.blend-picker a{transition:color .25s ease,border-color .25s ease,background .25s ease,transform .3s var(--kk-ease)}
.blend-picker a:hover{transform:translateY(-2px);border-color:var(--kk-gold);color:var(--kk-gold)}
.footer-links a{transition:color .25s ease,transform .25s ease}
.footer-links a:hover{color:var(--kk-gold-soft);transform:translateY(-2px)}
@keyframes kk-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes kk-page-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes kk-divider-glide{0%,60%{left:-22%}100%{left:120%}}
@media(max-width:720px){.header.is-scrolled{background:rgba(10,10,9,.97)}.product-card:hover{transform:translateY(-2px)}.hero-copy .eyebrow,.hero h1,.hero-desc,.hero-copy .button{animation-duration:.55s}.hero-pack:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Explicitly keep all product spin/flight systems disabled. */
.product-transition-pouch,.transition-spinning,.transition-loader-pouch{display:none!important;animation:none!important}
.pouch-2d,.detail-pouch{animation:none!important;transform:none!important}

/* Premium storefront polish: tactile 2D motion, trust and shipping clarity */
.trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#c8ad7240;border-top:1px solid #c8ad7240;border-bottom:1px solid #c8ad7240;padding:0!important;margin:30px 0 0!important}
.trust-item{padding:clamp(20px,3vw,38px);background:#f4eedf;transition:background .35s ease,transform .35s var(--motion-ease)}
.trust-item:hover{background:#fffaf0;transform:translateY(-3px)}
.trust-mark{display:inline-block;font:italic 22px Georgia,serif;color:#a78a4f;margin-bottom:15px}
.trust-item h3{font:500 clamp(19px,2vw,25px) Georgia,serif;margin:0 0 10px;color:#29261e}
.trust-item p,.shipping-note>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#6f695c;max-width:48ch}
.shipping-note{background:#e9e0cc;border:1px solid #c8ad724d;padding:clamp(24px,5vw,64px)!important;margin:36px 0!important;position:relative;overflow:hidden}
.shipping-note:after{content:"✳";position:absolute;right:4%;bottom:-55px;font:200px Georgia,serif;color:#b99a5d12;pointer-events:none}
.shipping-note h2{font:500 clamp(30px,4vw,48px)/1.1 Georgia,serif;color:#29261e;margin:10px 0 14px}
.shipping-note .text-link{display:inline-block;margin-top:12px;color:#735b2c;text-underline-offset:4px}
.coming-soon-label{display:inline-flex;align-items:center;border:1px solid #c8ad72;color:#786137;padding:10px 12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.product-information{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,52px);margin-top:36px;padding:clamp(20px,3vw,36px);background:linear-gradient(135deg,#171612,#11110f);border:1px solid #b99a5d40}
.product-information h2{font:500 clamp(22px,2.7vw,32px)/1.15 Georgia,serif;color:#f4eee3;margin:8px 0 12px}
.product-information p:not(.detail-overline){font-size:13px;line-height:1.8;color:#aaa397}
.button,.buy-now,.checkout-submit{position:relative;overflow:hidden}
.button:after,.checkout-submit:after{content:"";position:absolute;top:-30%;bottom:-30%;left:-45%;width:22%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#fff7df70,transparent);transition:left .7s var(--motion-ease);pointer-events:none}
.button:hover:after,.checkout-submit:hover:after{left:130%}
.cart-link{position:relative}
.cart-link:focus-visible,.button:focus-visible,.buy-now:focus-visible,.text-link:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #c8ad72;outline-offset:4px}
@media(max-width:720px){.trust-strip{grid-template-columns:1fr}.trust-item{padding:22px 20px}.product-information{grid-template-columns:1fr}.shipping-note{margin:24px 0!important}.product-detail-footer{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.trust-item,.button:after,.checkout-submit:after{transition:none!important}.trust-item:hover{transform:none}}


/* V26 — continuous, reversible scroll choreography and editorial product cards */
:root{--kk-copper:#a87848;--kk-cream:#f6f0e3;--kk-ease:cubic-bezier(.2,.75,.22,1)}
/* Re-entering the viewport reverses the reveal instead of permanently locking it visible. */
.js-motion .reveal-on-scroll{will-change:opacity,transform;transition:opacity .7s var(--kk-ease),transform .8s var(--kk-ease),filter .8s var(--kk-ease)}
.js-motion .reveal-on-scroll:not(.is-visible){opacity:0;filter:blur(2px)}
.js-motion .reveal-on-scroll.is-visible{opacity:1;filter:blur(0)}
/* Premium card composition: etched frame, corner stamps, soft spotlight and richer artwork stage. */
.product-card{--card-accent:#b99a5d;position:relative;isolation:isolate;overflow:hidden;border:1px solid #b9a77f66;background:linear-gradient(155deg,#fffdf7d9,#ece3d1a8 75%);box-shadow:0 1px 0 #fff9 inset,0 10px 25px #342b1c08;transition:transform .55s var(--kk-ease),border-color .45s ease,box-shadow .55s ease,background .45s ease}
.product-card:before{content:"";position:absolute;inset:7px;z-index:2;border:1px solid #b99a5d00;pointer-events:none;transition:inset .55s var(--kk-ease),border-color .45s ease}
.product-card:after{content:"";position:absolute;z-index:0;pointer-events:none;width:190px;height:190px;right:-95px;top:-95px;border-radius:50%;background:radial-gradient(circle,#c7a66520 0,transparent 68%);opacity:.55;transition:transform .8s var(--kk-ease),opacity .5s ease}
.product-card:hover,.product-card:focus-within{transform:translateY(-8px);border-color:#a98b50;box-shadow:0 24px 48px #33271819,0 0 0 1px #b99a5d20;background:#fffdf7}
.product-card:hover:before,.product-card:focus-within:before{inset:10px;border-color:#b99a5d65}
.product-card:hover:after,.product-card:focus-within:after{transform:scale(1.65);opacity:1}
.product-art{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 36%,#fffdf7 0,#eee5d2 62%,#e2d6bf 100%);border-bottom:1px solid #b99a5d35}
.product-art:before{content:"";position:absolute;inset:12px;z-index:1;border:1px solid #b99a5d30;pointer-events:none;transition:inset .6s var(--kk-ease),border-color .4s ease}
.product-art:after{content:"";position:absolute;z-index:2;pointer-events:none;top:-20%;bottom:-20%;left:-80%;width:42%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,#fff9df75,transparent);transition:left .95s var(--kk-ease)}
.product-card:hover .product-art:before{inset:7px;border-color:#ad8d4d8c}
.product-card:hover .product-art:after{left:145%}
.pack-art-image{transition:transform .8s var(--kk-ease),filter .8s var(--kk-ease);transform-origin:50% 58%;filter:drop-shadow(0 10px 10px #2d261a12)}
.product-card:hover .pack-art-image{transform:translateY(-4px) scale(1.045);filter:drop-shadow(0 18px 16px #2d261a24) saturate(1.04)}
.product-info-wrap{position:relative;z-index:3}
.product-kicker{display:flex;align-items:center;gap:8px}
.product-kicker:before{content:"";display:inline-block;width:17px;height:1px;background:var(--kk-copper);transition:width .4s var(--kk-ease)}
.product-card:hover .product-kicker:before{width:28px}
.product-card h3{transition:color .35s ease,transform .45s var(--kk-ease)}
.product-card:hover h3{color:#89662f;transform:translateX(2px)}
.product-actions{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:12px}
.buy-now{box-shadow:0 4px 12px #24362b18;transition:transform .35s var(--kk-ease),box-shadow .35s ease,background .35s ease}
.product-card:hover .buy-now{transform:translateY(-2px);box-shadow:0 8px 20px #24362b25}
.details-link{position:relative;text-underline-offset:4px}
.details-link:after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:1px;background:#a98b50;transition:right .35s var(--kk-ease)}
.details-link:hover:after{right:0}
/* Subtle section drift reacts to scroll in either direction; no product rotation or flying effects. */
.coastal-scene svg{transform-origin:center;transition:transform .9s var(--kk-ease),filter .8s ease}
.coastal-scene:hover svg{transform:scale(1.025);filter:contrast(1.04)}
.hero-art svg{transition:transform .75s var(--kk-ease)}
.header{transition:background .35s ease,box-shadow .35s ease,border-color .35s ease}
@media(max-width:720px){.product-card:hover{transform:translateY(-3px)}.product-card:before{inset:5px}.product-art:before{inset:8px}.product-card:hover .pack-art-image{transform:translateY(-2px) scale(1.02)}.js-motion .reveal-on-scroll{transition-duration:.48s}.js-motion .reveal-on-scroll:not(.is-visible){filter:none}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal-on-scroll{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}.product-card,.product-card:before,.product-card:after,.product-art:before,.product-art:after,.pack-art-image,.coastal-scene svg{transition:none!important}.product-card:hover,.product-card:focus-within{transform:none!important}}


/* V27 — signature homepage arrival and a bespoke Konkan compass-arrow language */
:root{--kk-ink:#171914;--kk-gold:#b79a5c;--kk-arrow-ease:cubic-bezier(.18,.72,.2,1)}
.hero{isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 35%,#c2a46b22,transparent 42%),linear-gradient(115deg,transparent 35%,#fff8e61f 52%,transparent 68%);background-size:150% 100%;animation:kkHeroAtmosphere 12s ease-in-out infinite alternate}
.hero:after{content:"";position:absolute;left:7%;right:7%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#b79a5c80,transparent);transform-origin:left;animation:kkRuleDraw 1.7s .25s var(--kk-arrow-ease) both}
.hero-intro{animation:kkHeroCopyIn 1.1s .15s var(--kk-arrow-ease) both}
.hero-intro .eyebrow{animation:kkHeroCopyIn .8s .25s var(--kk-arrow-ease) both}
.hero-intro h1{animation:kkHeroCopyIn 1s .36s var(--kk-arrow-ease) both}
.hero-intro .hero-desc{animation:kkHeroCopyIn .95s .48s var(--kk-arrow-ease) both}
.hero-intro .hero-shop-cta{animation:kkHeroCTA .9s .62s var(--kk-arrow-ease) both}
.hero-pack{transition:transform .75s var(--kk-arrow-ease),filter .75s ease}
.hero-pack:nth-child(odd){animation:kkPackSettle .9s .28s var(--kk-arrow-ease) both}
.hero-pack:nth-child(even){animation:kkPackSettle 1.05s .4s var(--kk-arrow-ease) both}
.hero-pack:hover{filter:drop-shadow(0 16px 18px #2e251629)}
@keyframes kkHeroAtmosphere{from{background-position:0% 50%;opacity:.55}to{background-position:100% 50%;opacity:1}}
@keyframes kkRuleDraw{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes kkHeroCopyIn{from{opacity:0;transform:translate3d(0,22px,0);filter:blur(5px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes kkHeroCTA{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes kkPackSettle{from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(3px)}to{opacity:1;filter:blur(0)}}
/* Hand-drawn compass / coastal current arrow replaces generic system-arrow styling. */
.kk-arrow-link{display:inline-flex;align-items:center;gap:16px;position:relative;overflow:hidden}
.kk-arrow-link:before{content:"";position:absolute;inset:0;transform:translateX(-115%);background:linear-gradient(100deg,transparent,#c2a15b35,transparent);transition:transform .8s var(--kk-arrow-ease)}
.kk-arrow-link:hover:before,.kk-arrow-link:focus-visible:before{transform:translateX(115%)}
.kk-arrow-glyph{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50% 50% 50% 8%;font-size:25px;line-height:1;transform:rotate(-35deg);transition:transform .5s var(--kk-arrow-ease),background .4s ease,color .4s ease}
.kk-arrow-link:hover .kk-arrow-glyph,.kk-arrow-link:focus-visible .kk-arrow-glyph{transform:rotate(0deg) translate(3px,-3px);background:var(--kk-gold);color:#171914}
.kk-cursor-arrow{position:fixed;z-index:9999;left:0;top:0;width:34px;height:34px;pointer-events:none;opacity:0;transform:translate(-50%,-50%) rotate(-7deg) scale(.7);transition:opacity .2s ease,transform .25s var(--kk-arrow-ease);mix-blend-mode:multiply}
.kk-cursor-arrow svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#9c7b3d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 #fff8)}
.kk-cursor-arrow.is-active{opacity:.92;transform:translate(-50%,-50%) rotate(0) scale(1)}
.kk-cursor-arrow.is-link{transform:translate(-50%,-50%) rotate(35deg) scale(1.25)}
@media(hover:hover) and (pointer:fine){body.kk-custom-cursor,body.kk-custom-cursor a,body.kk-custom-cursor button{cursor:none}}
@media(max-width:720px){.kk-cursor-arrow{display:none}.hero:before{animation-duration:18s}.hero-intro{animation-duration:.8s}.kk-arrow-glyph{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero:after,.hero-intro,.hero-intro .eyebrow,.hero-intro h1,.hero-intro .hero-desc,.hero-intro .hero-shop-cta,.hero-pack:nth-child(odd),.hero-pack:nth-child(even){animation:none!important;filter:none!important;transform:none!important;opacity:1!important}.kk-arrow-link:before{display:none}.kk-cursor-arrow{display:none!important}}


/* V28 — high-art-direction collection cards + actually visible signature arrow */
.product-card{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 0 0 1px #b99a5d12,0 14px 34px #0003;transition:transform .55s cubic-bezier(.18,.72,.2,1),border-color .45s ease,box-shadow .5s ease,background .4s ease}
.product-card:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.72;background:radial-gradient(ellipse at 50% 22%,var(--card-glow,#c7a9671a),transparent 62%);transition:opacity .5s ease,transform .8s cubic-bezier(.18,.72,.2,1)}
.product-card:after{content:attr(data-edition);position:absolute;right:-5px;top:9px;z-index:2;pointer-events:none;color:#c7a96713;font:italic 94px/.9 'Playfair Display',serif;letter-spacing:-.09em;transition:color .45s ease,transform .6s cubic-bezier(.18,.72,.2,1)}
.product-aagri{--card-glow:#a6a08b24}.product-chicken{--card-glow:#b849352e}.product-mutton{--card-glow:#d2b87826}.product-paneer{--card-glow:#c54b3c2b}.product-kitchen{--card-glow:#3c8b6530}.product-fish{--card-glow:#6d9fc32b}
.product-card:hover{transform:translateY(-7px);border-color:#c7a967;box-shadow:0 18px 42px #0007,0 0 0 1px #c7a96730}
.product-card:hover:before{opacity:1;transform:scale(1.12)}.product-card:hover:after{color:#c7a96722;transform:translate(-5px,4px)}
.product-art{isolation:isolate;background:radial-gradient(ellipse at 50% 46%,var(--card-glow,#c7a96724),transparent 65%),linear-gradient(145deg,#24221b,#11110f 75%);border-bottom:1px solid #c7a96738;overflow:hidden}
.product-art:before{content:"";position:absolute;inset:12px;z-index:2;border:1px solid #c7a96742;pointer-events:none;transition:inset .65s cubic-bezier(.18,.72,.2,1),border-color .4s ease}
.product-art:after{content:"";position:absolute;z-index:3;top:-30%;bottom:-30%;left:-90%;width:48%;pointer-events:none;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#fff4d252,transparent)}
.product-card:hover .product-art:before{inset:7px;border-color:#d4b777a8}.product-card:hover .product-art:after{animation:kkCardGlint 1.1s cubic-bezier(.18,.72,.2,1) both}
@keyframes kkCardGlint{to{left:145%}}
.pack-art-image{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:0;transform:scale(1.13);filter:drop-shadow(0 14px 15px #0008);transition:transform .8s cubic-bezier(.18,.72,.2,1),filter .8s ease}
.product-card:hover .pack-art-image{transform:scale(1.23) translateY(-3px);filter:drop-shadow(0 22px 19px #000b) saturate(1.1)}
.pack-art-caption{z-index:4;left:14px;bottom:14px;background:#0a0a09e8;border:1px solid #b99a5d70;color:#e6d2a0;padding:6px 9px;font-size:7px;letter-spacing:.18em;transition:background .4s ease,color .4s ease}
.product-card:hover .pack-art-caption{background:#c7a967;color:#11100c}
.product-info-wrap{position:relative;z-index:1;background:linear-gradient(180deg,#171715,#141411);padding:19px 17px 17px}
.product-info-wrap .product-kicker{letter-spacing:.19em}.product-info-wrap .product-kicker:before{width:22px;height:1px;transition:width .4s ease}.product-card:hover .product-kicker:before{width:38px}
.product-info-wrap h3{position:relative;display:flex;align-items:center;gap:8px}.product-info-wrap h3:after{content:"";height:1px;flex:1;max-width:0;background:#b99a5d;opacity:.7;transition:max-width .5s cubic-bezier(.18,.72,.2,1)}.product-card:hover .product-info-wrap h3:after{max-width:32px}
.buy-now{position:relative;overflow:hidden;isolation:isolate;letter-spacing:.015em}.buy-now:before{content:"";position:absolute;inset:0;z-index:-1;transform:translateX(-120%);background:linear-gradient(100deg,transparent,#fff5d45c,transparent);transition:transform .7s ease}.buy-now:hover:before{transform:translateX(120%)}.buy-now span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #1719155c;border-radius:50%;font-size:18px;transition:transform .45s cubic-bezier(.18,.72,.2,1),background .4s ease}.buy-now:hover span{transform:translate(2px,-2px) rotate(45deg);background:#f2dfb2}
/* Keep the standard pointer visible; the signature compass arrow trails beside it instead of replacing it. */
.kk-cursor-arrow{width:42px;height:42px;opacity:0;left:0;top:0;mix-blend-mode:normal;transform:translate(10px,8px) rotate(-12deg) scale(.75);filter:drop-shadow(0 2px 3px #0008);transition:opacity .2s ease,transform .3s cubic-bezier(.18,.72,.2,1)}
.kk-cursor-arrow svg{stroke:#e1c27d;stroke-width:2.15;filter:drop-shadow(0 0 4px #c7a96770)}
.kk-cursor-arrow:after{content:"";position:absolute;width:7px;height:7px;right:1px;top:1px;border:1px solid #e1c27d;border-radius:50%;background:#171715}
.kk-cursor-arrow.is-active{opacity:1;transform:translate(13px,10px) rotate(0) scale(1)}
.kk-cursor-arrow.is-link{transform:translate(13px,10px) rotate(42deg) scale(1.18)}
/* Native pointer stays visible for usability; cursor ornament is an added brand flourish. */
@media(hover:hover) and (pointer:fine){body.kk-custom-cursor,body.kk-custom-cursor a,body.kk-custom-cursor button{cursor:auto}}
@media(max-width:720px){.product-card:hover{transform:translateY(-2px)}.product-card:after{font-size:70px}.pack-art-image{transform:scale(1.08)}.product-card:hover .pack-art-image{transform:scale(1.12)}.kk-cursor-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.product-card,.product-card:before,.product-card:after,.product-art:before,.product-art:after,.pack-art-image,.buy-now:before,.buy-now span{transition:none!important;animation:none!important}.product-card:hover,.product-card:hover .pack-art-image{transform:none!important}.kk-cursor-arrow{display:none!important}}


/* V29 clean product cards: remove cursor ornament, inset-box clutter and package cropping. */
.kk-cursor-arrow{display:none!important}
@media(hover:hover) and (pointer:fine){body.kk-custom-cursor,body.kk-custom-cursor a,body.kk-custom-cursor button{cursor:auto!important}}
.product-card{overflow:hidden!important;border:1px solid #776b50!important;border-radius:2px!important;box-shadow:none!important;transform:none!important;transition:border-color .28s ease,background .28s ease!important;isolation:isolate!important}
.product-card:before{content:none!important;display:none!important}
.product-card:after{content:none!important;display:none!important}
.product-card:hover,.product-card:focus-within{transform:translateY(-3px)!important;border-color:#c7a967!important;box-shadow:0 12px 24px #0004!important}
.product-art{position:relative!important;isolation:isolate!important;overflow:hidden!important;border:0!important;border-bottom:1px solid #4d4431!important;outline:0!important;box-shadow:none!important;background:radial-gradient(ellipse at 50% 42%,#28251d 0%,#171612 72%)!important;aspect-ratio: .92 / 1!important;min-height:0!important;padding:18px 14px 24px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.product-art:before{content:none!important;display:none!important}
.product-art:after{content:none!important;display:none!important}
.pack-art-image{position:relative!important;z-index:1!important;width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;padding:0!important;margin:0!important;transform:none!important;filter:drop-shadow(0 10px 12px #0005)!important;transition:filter .35s ease!important}
.product-card:hover .pack-art-image{transform:none!important;filter:drop-shadow(0 14px 14px #0007) brightness(1.035)!important}
.pack-art-caption{position:absolute!important;z-index:2!important;left:10px!important;bottom:9px!important;max-width:calc(100% - 20px)!important;background:#11110fe8!important;border:0!important;border-left:2px solid #b99a5d!important;color:#d6c18d!important;padding:4px 7px!important;font-size:7px!important;letter-spacing:.14em!important}
.product-info-wrap{position:relative!important;z-index:1!important;padding:17px 16px 16px!important;background:#171715!important}
.product-info-wrap h3{display:block!important;margin:0 0 9px!important}
.product-info-wrap h3:after,.product-info-wrap .product-kicker:before{display:none!important;content:none!important}
.product-info-wrap .product-kicker{margin-bottom:8px!important}
.product-info-wrap p:not(.product-kicker){min-height:34px!important}
.product-actions{margin-top:12px!important;gap:8px!important}
.buy-now{min-height:48px!important;box-shadow:none!important}
.buy-now:before{display:none!important}
.buy-now span{border:0!important;border-radius:0!important;width:auto!important;height:auto!important;font-size:20px!important}
.buy-now:hover span{transform:translate(2px,-2px)!important;background:transparent!important}
.text-link{padding:8px 0!important}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.product-card{transform:none!important}.product-art{aspect-ratio:.82 / 1!important;padding:12px 9px 22px!important}.pack-art-image,.product-card:hover .pack-art-image{transform:none!important}.product-info-wrap{padding:13px 11px!important}.product-info-wrap h3{font-size:16px!important}.product-info-wrap p:not(.product-kicker){font-size:10px!important;min-height:32px!important}.buy-now{padding:11px 12px!important;min-height:43px!important}}
@media(max-width:390px){.product-grid{grid-template-columns:1fr!important}.product-art{aspect-ratio:1 / .85!important}}
@media(prefers-reduced-motion:reduce){.product-card,.pack-art-image,.buy-now span{transition:none!important}.product-card:hover,.product-card:focus-within{transform:none!important}}

/* V30: restrained premium motion restored — clean, reversible, never cluttered. */
.product-card{transition:transform .42s cubic-bezier(.2,.75,.25,1),border-color .35s ease,box-shadow .42s ease,background .35s ease!important;will-change:transform;}
.product-card:hover,.product-card:focus-within{transform:translateY(-5px)!important;border-color:#bda46d!important;box-shadow:0 18px 34px #0006,0 0 0 1px #bda46d22!important;}
.product-art{background:radial-gradient(ellipse at 50% 48%,#302b20 0%,#1a1915 65%,#151411 100%)!important;transition:background .45s ease!important;}
.product-art:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;pointer-events:none!important;z-index:0!important;background:linear-gradient(115deg,transparent 25%,#d6bd7730 48%,transparent 67%)!important;transform:translateX(-125%)!important;transition:transform .85s cubic-bezier(.2,.65,.2,1)!important;}
.product-card:hover .product-art:after{transform:translateX(125%)!important;}
.pack-art-image{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .45s ease!important;}
.product-card:hover .pack-art-image{transform:scale(1.025)!important;filter:drop-shadow(0 14px 16px #0007) brightness(1.035)!important;}
.product-info-wrap{transition:background .35s ease!important;}
.product-card:hover .product-info-wrap{background:#1b1a16!important;}
.product-info-wrap h3{transition:color .3s ease,transform .35s ease!important;}
.product-card:hover .product-info-wrap h3{color:#d2b778!important;transform:translateX(2px)!important;}
.buy-now{transition:background .3s ease,color .3s ease,box-shadow .3s ease,transform .3s ease!important;}
.buy-now:hover,.buy-now:focus-visible{transform:translateY(-2px)!important;box-shadow:0 8px 18px #c5a65b26!important;}
.buy-now span{display:inline-block!important;transition:transform .35s cubic-bezier(.2,.75,.25,1)!important;}
.buy-now:hover span,.buy-now:focus-visible span{transform:translate(3px,-3px)!important;}
.reveal-on-scroll{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)!important;}
.reveal-on-scroll.is-visible{transition-delay:var(--reveal-delay,0ms)!important;}
@media(max-width:720px){.product-card:hover,.product-card:focus-within{transform:translateY(-2px)!important}.product-card:hover .pack-art-image{transform:scale(1.015)!important}.product-art:after{display:none!important}}
@media(prefers-reduced-motion:reduce){.product-card,.product-art,.product-art:after,.pack-art-image,.product-info-wrap,.product-info-wrap h3,.buy-now,.buy-now span,.reveal-on-scroll{transition:none!important}.product-card:hover,.product-card:focus-within,.product-card:hover .pack-art-image,.product-card:hover .product-info-wrap h3{transform:none!important}.product-art:after{display:none!important}}


/* V31 — clear scroll choreography: centre three rise, outer packs slide inward. */
.js-motion .reveal-on-scroll{opacity:0;filter:blur(2px);transition:opacity .78s cubic-bezier(.2,.72,.2,1),transform .86s cubic-bezier(.2,.72,.2,1),filter .78s ease;transition-delay:0ms;will-change:opacity,transform;}
.js-motion .reveal-on-scroll[data-reveal="up"]{transform:translate3d(0,54px,0) scale(.985)}
.js-motion .reveal-on-scroll[data-reveal="left"]{transform:translate3d(-58px,12px,0) scale(.99)}
.js-motion .reveal-on-scroll[data-reveal="right"]{transform:translate3d(58px,12px,0) scale(.99)}
.js-motion .reveal-on-scroll.is-visible{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1);transition-delay:var(--reveal-delay,0ms)}
.js-motion .hero-pack-reveal{opacity:0;filter:blur(2px);transition:opacity .9s cubic-bezier(.2,.72,.2,1),transform .95s cubic-bezier(.2,.72,.2,1),filter .8s ease;transition-delay:0ms}
.js-motion .hero-pack-reveal[data-reveal="up"]{transform:translate3d(0,75px,0) scale(.96)!important}
.js-motion .hero-pack-reveal[data-reveal="left"]{transform:translate3d(-100px,8px,0) scale(.96)!important}
.js-motion .hero-pack-reveal[data-reveal="right"]{transform:translate3d(100px,8px,0) scale(.96)!important}
.js-motion .hero-pack-reveal.is-visible{opacity:1;filter:none;transform:translate3d(0,0,0) scale(1)!important;transition-delay:var(--reveal-delay,0ms)}
.js-motion .hero-pack-mutton.is-visible{transform:translate3d(0,-5px,0) scale(1.08)!important}
@media(max-width:720px){.js-motion .hero-pack-reveal[data-reveal="left"]{transform:translate3d(-45px,8px,0) scale(.97)!important}.js-motion .hero-pack-reveal[data-reveal="right"]{transform:translate3d(45px,8px,0) scale(.97)!important}.js-motion .hero-pack-reveal[data-reveal="up"]{transform:translate3d(0,45px,0) scale(.97)!important}.js-motion .hero-pack-reveal.is-visible{transform:translate3d(0,0,0) scale(1)!important}.js-motion .hero-pack-mutton.is-visible{transform:translate3d(0,-3px,0) scale(1.06)!important}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal-on-scroll,.js-motion .hero-pack-reveal{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}}


/* V32 — deliberate homepage pack entrance: outer packs glide in from the sides, centre three rise from below. */
@keyframes kkHeroPackFromBottom{0%{opacity:0;transform:translate3d(0,78px,0) scale(.94);filter:blur(3px)}70%{opacity:1;transform:translate3d(0,-5px,0) scale(1.015);filter:blur(0)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes kkHeroPackFromLeft{0%{opacity:0;transform:translate3d(-110px,8px,0) scale(.95);filter:blur(3px)}70%{opacity:1;transform:translate3d(5px,0,0) scale(1.015);filter:blur(0)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes kkHeroPackFromRight{0%{opacity:0;transform:translate3d(110px,8px,0) scale(.95);filter:blur(3px)}70%{opacity:1;transform:translate3d(-5px,0,0) scale(1.015);filter:blur(0)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
.js-motion .hero-pack-intro{opacity:0;animation-duration:1.05s;animation-timing-function:cubic-bezier(.18,.72,.22,1);animation-delay:var(--hero-entry-delay,220ms);animation-fill-mode:forwards;will-change:transform,opacity,filter}
.js-motion .hero-pack-intro[data-reveal="left"]{animation-name:kkHeroPackFromLeft!important}
.js-motion .hero-pack-intro[data-reveal="right"]{animation-name:kkHeroPackFromRight!important}
.js-motion .hero-pack-intro[data-reveal="up"]{animation-name:kkHeroPackFromBottom!important}
.js-motion .hero-pack-mutton{z-index:2}
@media(max-width:720px){.js-motion .hero-pack-intro{animation-duration:.78s}.js-motion .hero-pack-intro[data-reveal="left"]{animation-name:kkHeroPackFromBottom!important}.js-motion .hero-pack-intro[data-reveal="right"]{animation-name:kkHeroPackFromBottom!important}}
@media(prefers-reduced-motion:reduce){.js-motion .hero-pack-intro{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}}

/* V33 fix: let hero-pack entrance keyframes control transform; prior !important rules blocked them. */
.hero-pack{transform:translate3d(0,0,0);}
.hero-pack:hover{transform:translate3d(0,-4px,0);}
.hero-pack-mutton{z-index:2;}
.js-motion .hero-pack-intro{animation-fill-mode:both!important;}
.js-motion .hero-pack-intro[data-reveal="left"]{animation-name:kkHeroPackFromLeft!important;}
.js-motion .hero-pack-intro[data-reveal="right"]{animation-name:kkHeroPackFromRight!important;}
.js-motion .hero-pack-intro[data-reveal="up"]{animation-name:kkHeroPackFromBottom!important;}
@media(max-width:720px){.js-motion .hero-pack-intro[data-reveal="left"]{animation-name:kkHeroPackFromLeft!important}.js-motion .hero-pack-intro[data-reveal="right"]{animation-name:kkHeroPackFromRight!important}}

/* MOBILE REPAIR V34 — compact catalogue cards; prevent full-width, oversized cards on phones. */
@media (max-width:720px){
  .shop.section{padding:42px 14px 48px!important}
  .shop .section-heading{margin:0 auto 22px!important;padding:0 4px!important}
  .shop .section-heading h2{font-size:clamp(30px,8vw,38px)!important;line-height:1.08!important}
  .shop .section-heading>p:last-child{font-size:12px!important;line-height:1.5!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
  .product-card{min-width:0!important;min-height:0!important;height:100%!important;display:flex!important;flex-direction:column!important;transform:none;}
  .product-art{width:100%!important;aspect-ratio:.78 / 1!important;min-height:0!important;height:auto!important;padding:10px 8px 20px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
  .pack-art-image{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:drop-shadow(0 8px 8px #0006)!important}
  .model-art-label,.pack-art-caption{font-size:7px!important;left:7px!important;bottom:6px!important;padding:3px 5px!important;letter-spacing:.08em!important}
  .product-info-wrap{padding:12px 10px 11px!important;display:flex!important;flex:1!important;flex-direction:column!important;gap:0!important;min-width:0!important}
  .product-info-wrap .product-kicker{font-size:7px!important;letter-spacing:.12em!important;margin:0 0 6px!important;line-height:1.35!important}
  .product-info-wrap h3{font-size:clamp(14px,3.8vw,17px)!important;line-height:1.2!important;margin:0 0 7px!important;overflow-wrap:anywhere!important}
  .product-info-wrap p:not(.product-kicker){font-size:10px!important;line-height:1.45!important;min-height:0!important;margin:0 0 12px!important;color:#c5c0b3!important}
  .product-actions{margin-top:auto!important;display:flex!important;flex-direction:column!important;gap:8px!important}
  .buy-now{width:100%!important;min-height:42px!important;padding:10px 10px!important;font-size:11px!important;justify-content:space-between!important}
  .buy-now span{margin-left:auto!important}
  .text-link{font-size:10px!important;padding:3px 0!important;text-align:center!important}
  .coming-soon-label{font-size:9px!important;line-height:1.3!important}
  .product-card:hover,.product-card:focus-within{transform:translateY(-2px)!important}
  .product-card:hover .pack-art-image{transform:none!important}
}
@media (max-width:360px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .shop.section{padding-left:10px!important;padding-right:10px!important}
  .product-info-wrap{padding:10px 8px!important}
  .product-info-wrap h3{font-size:14px!important}
  .product-art{padding:8px 6px 18px!important}
}

/* V35 — mobile-only signature spice rail: one featured pouch with swipeable neighbours. */
@media (max-width:720px){
  .hero{padding:18px 0 30px!important;gap:0!important;overflow:hidden!important}
  .hero .pouch-hero{width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;overflow:visible!important}
  .hero .packaging-stage{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;width:100vw!important;height:clamp(275px,78vw,330px)!important;margin:0!important;padding:14px calc((100vw - 58vw)/2) 26px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:calc((100vw - 58vw)/2)!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;transform:none!important;filter:none!important;touch-action:pan-x pan-y!important;-webkit-overflow-scrolling:touch}
  .hero .packaging-stage::-webkit-scrollbar{display:none!important}
  .hero .hero-pack{flex:0 0 58vw!important;width:58vw!important;min-width:58vw!important;height:100%!important;max-height:none!important;gap:9px!important;scroll-snap-align:center!important;opacity:1!important;filter:none!important;transform:none!important;animation:none!important;transition:transform .42s cubic-bezier(.2,.75,.25,1),opacity .42s ease!important}
  .hero .hero-pack img{width:100%!important;height:calc(100% - 27px)!important;max-height:none!important;object-fit:contain!important;background:linear-gradient(145deg,#201b13,#0d0c0a)!important;border:1px solid #b99a5d5c!important;box-shadow:0 14px 28px #0007!important;padding:5px!important}
  .hero .hero-pack span{font-size:9px!important;letter-spacing:.09em!important;white-space:nowrap!important;color:#d2b777!important}
  .hero .hero-pack.is-mobile-active{transform:translateY(-5px) scale(1.035)!important;opacity:1!important}
  .hero .pouch-caption{display:block!important;position:static!important;text-align:center!important;padding:0 0 4px!important;margin-top:2px!important;font-size:8px!important;letter-spacing:.18em!important;color:#c8ad72!important}
  .hero .pouch-disclaimer{display:none!important}
  .hero .hero-copy{width:100%!important;padding:24px 20px 0!important;text-align:center!important}
  .hero .hero-copy .eyebrow{font-size:8px!important;letter-spacing:.19em!important;margin-bottom:11px!important}
  .hero .hero-copy h1{font-size:clamp(36px,10vw,46px)!important;line-height:1.02!important;margin:0 auto 12px!important;max-width:360px!important}
  .hero .hero-desc{font-size:13px!important;line-height:1.45!important;margin:0 auto 18px!important}
  .hero .hero-shop-cta{min-height:54px!important;min-width:0!important;width:min(100%,320px)!important;justify-content:space-between!important;padding:14px 18px!important;margin:0 auto!important}
  .hero .kk-arrow-glyph{width:30px!important;height:30px!important}
}
@media(max-width:380px){
 .hero .packaging-stage{height:270px!important;gap:11px!important;padding-inline:21vw!important;scroll-padding-inline:21vw!important}
 .hero .hero-pack{flex-basis:62vw!important;width:62vw!important;min-width:62vw!important}
 .hero .hero-pack span{font-size:8px!important}
}
@media(prefers-reduced-motion:reduce){.hero .packaging-stage{scroll-behavior:auto!important}.hero .hero-pack{transition:none!important}}


/* Seamless continuous hero product marquee — ticker-style, all screen sizes. */
.hero .packaging-stage{display:block!important;position:relative;overflow:hidden!important;width:100%;height:100%!important;padding:18px 0 24px!important;scroll-snap-type:none!important;white-space:normal!important;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.hero .hero-marquee-track{display:flex;align-items:center;gap:clamp(14px,2.1vw,30px);width:max-content;height:100%;animation:kk-hero-marquee 34s linear infinite;will-change:transform}
.hero .hero-pack{flex:0 0 clamp(112px,14vw,190px);width:clamp(112px,14vw,190px);height:100%;max-height:none;gap:10px;transform:none!important;opacity:1!important;animation:none!important}
.hero .hero-pack img{width:100%;height:calc(100% - 28px);object-fit:contain;padding:0;border:1px solid #c5a56830;background:transparent;box-shadow:none;transition:filter .35s ease,transform .35s ease}
.hero .hero-pack span{font-size:clamp(8px,.78vw,11px);letter-spacing:.1em;white-space:nowrap}
.hero .hero-pack:hover img,.hero .hero-pack:focus-visible img{filter:brightness(1.12);transform:translateY(-5px)}
.hero .packaging-stage.marquee-paused .hero-marquee-track{animation-play-state:paused}
@keyframes kk-hero-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:720px){.hero .pouch-hero{height:clamp(220px,60vw,300px)!important;min-height:0!important;padding:8px 0 2px!important;overflow:hidden!important}.hero .packaging-stage{padding:10px 0 18px!important}.hero .hero-marquee-track{gap:14px;animation-duration:26s}.hero .hero-pack{flex:0 0 clamp(118px,35vw,154px);width:clamp(118px,35vw,154px);gap:7px}.hero .hero-pack img{height:calc(100% - 22px);object-fit:contain}.hero .hero-pack span{font-size:8px;letter-spacing:.07em;white-space:nowrap}.hero .hero-copy{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.hero .hero-marquee-track{animation:none!important;transform:none!important}.hero .packaging-stage{overflow-x:auto!important;mask-image:none;-webkit-mask-image:none}.hero .hero-marquee-track{width:max-content}.hero .hero-pack{flex-basis:clamp(112px,14vw,190px)}}

/* Mobile-only hero marquee cleanup: use the clickable package photos themselves, not empty framed panels. */
@media (max-width:720px){
  .hero .pouch-hero{height:clamp(210px,58vw,270px)!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;background:transparent!important}
  .hero .packaging-stage{height:100%!important;padding:10px 0 12px!important;gap:0!important;background:transparent!important;border:0!important;mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)!important}
  .hero .hero-marquee-track{height:100%!important;align-items:center!important;gap:10px!important;animation-duration:22s!important}
  .hero .hero-pack{flex:0 0 37vw!important;width:37vw!important;min-width:37vw!important;height:100%!important;max-height:none!important;display:flex!important;justify-content:center!important;gap:5px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .hero .hero-pack img{display:block!important;width:100%!important;height:calc(100% - 20px)!important;max-height:none!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .hero .hero-pack span{display:block!important;font-size:8px!important;line-height:1.1!important;letter-spacing:.06em!important;white-space:nowrap!important;color:#c9ad72!important;text-align:center!important}
  .hero .pouch-caption{display:none!important}.hero .pouch-disclaimer{display:none!important}
}

/* V38: slightly snappier scroll reveals — still smooth, not abrupt. */
.js-motion .reveal-on-scroll{transition-duration:.64s!important;}
.js-motion .reveal-on-scroll.is-visible{transition-delay:var(--reveal-delay,0ms)!important;}
@media(max-width:720px){.js-motion .reveal-on-scroll{transition-duration:.58s!important}}


/* Mobile-only compact hero CTA; desktop remains untouched. */
@media (max-width: 720px){
 .hero .hero-shop-cta{width:auto!important;max-width:calc(100% - 48px)!important;min-height:0!important;padding:14px 18px!important;gap:12px!important;font-size:clamp(14px,3.8vw,16px)!important;line-height:1.2!important;border-radius:7px!important;margin:18px auto 0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
 .hero .hero-shop-cta .kk-arrow-glyph{font-size:24px!important;line-height:1!important;margin-left:4px!important;}
 .hero .hero-copy{text-align:center!important;}
}

/* Official Kokan Kulin logo */
.wordmark{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;line-height:0;gap:0}
.brand-logo-image{display:block;width:78px;height:64px;object-fit:contain;object-position:center;filter:drop-shadow(0 1px 5px #c7a96714)}
.footer-mark{justify-content:center}
.footer-logo-image{width:100px;height:80px}
@media(max-width:720px){.header .brand-logo-image{width:72px;height:60px}.footer-logo-image{width:88px;height:72px}}

/* V44: mobile-only centered brand logo; desktop header stays unchanged. */
@media (max-width:720px){
  .header{position:sticky!important;top:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;position:sticky!important;}
  .header .wordmark{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;z-index:2!important;max-width:calc(100% - 130px)!important;}
  .header .brand-logo-image{width:clamp(118px,38vw,150px)!important;height:66px!important;object-fit:contain!important;}
  .header .menu-toggle{margin-left:auto!important;position:relative!important;z-index:3!important;}
  .header .nav,.header .cart-link{display:none!important;}
}
