/* Phone layout, preserving the desktop composition and original artwork. */
@media(max-width:980px){
  header{height:72px;padding:0 16px;grid-template-columns:minmax(0,1fr) auto}
  header>.brandmark{grid-column:1;min-width:0;gap:9px}
  header .brandmark img{width:44px;height:44px}
  header .brandmark>span{font-size:21px}
  .header-actions{grid-column:2}
  #menu-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;line-height:1}
  #menu-button svg{width:20px;height:20px}
  #mobile-nav{top:72px;max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;padding:12px 20px 20px;box-shadow:0 12px 20px #25361412}
  #mobile-nav>a{font-size:16px;min-height:48px;padding:12px 0;border-bottom:1px solid var(--line)}
  #mobile-nav a[aria-current=page]{font-weight:700}
  .mobile-search{margin-top:20px}
  .mobile-search label{display:block;font-size:14px;margin-bottom:8px}
  .mobile-search input{width:100%;min-height:48px;font-size:16px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--cream)}
  .mobile-search .button{width:100%;justify-content:center;margin-top:10px;min-height:48px;font-size:16px}
}
@media(max-width:767px){
  html{scroll-padding-top:88px}
  .announcement{padding:7px 12px;min-height:32px;font-size:12px}
  .announcement a{font-size:12px}
  .header-search{display:none}
  .section,.story-preview,.film-section{width:calc(100% - 32px);padding:32px 0}
  .bilona-hero{width:calc(100% - 32px);margin:20px auto 0}
  /* Crop only the empty outer texture; keep all five stages visible. */
  .bilona-banner-link{width:100%;aspect-ratio:2.25;border-radius:16px;border-width:2px;overflow:hidden}
  .bilona-banner-link img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
  .bilona-banner-caption{font-size:12px;line-height:1.6;margin:0;gap:8px}
  .bilona-banner-caption span:first-child{font-size:14px}
  .bilona-banner-caption a{display:inline-flex;align-items:center;min-height:44px;padding-inline:5px}
  #home-collection{padding-top:30px}
  #home-collection .section-heading{text-align:left;margin-bottom:18px}
  #home-collection .section-heading h2{font-size:28px;margin-bottom:8px;letter-spacing:-.035em}
  #home-collection .section-heading p{font-size:14px;margin:0}
  .home-category-tabs,.filters{justify-content:flex-start;flex-wrap:nowrap;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;padding:4px 1px 12px;margin:0 0 18px;scrollbar-width:thin;scrollbar-color:#a2ae80 transparent}
  .home-category-tabs button,.filters button{flex:0 0 auto;white-space:nowrap;min-height:46px;font-size:14px;gap:7px;padding:4px 14px 4px 5px}
  .category-icon{width:34px;height:34px}
  .category-icon img,.category-icon svg{width:28px;height:28px}
  .product-grid,.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}
  .product-photo{border-radius:14px;aspect-ratio:1}
  .product-card-copy{padding-top:10px;gap:6px}
  .product-card h3{font-size:19px;line-height:1.3;letter-spacing:-.025em;overflow-wrap:break-word}
  .product-card-copy>.card-pack-fixed{font-size:14px;line-height:1.5;margin:0;min-height:24px}
  .card-price{font-size:21px;line-height:1.3}
  .card-pack select{font-size:16px;min-height:44px;padding:8px 10px;width:100%;max-width:none}
  .collection-note{font-size:12px;line-height:1.65;margin-top:20px}
  .shop-toolbar{display:block}
  .sort-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:12px;margin-bottom:18px}
  .sort-label select{font-size:16px;min-height:44px;max-width:65%}
  .page-intro{padding:32px 20px}
  .page-intro h1{font-size:38px;line-height:1.15;margin-bottom:16px}
  .page-intro>p{font-size:16px;line-height:1.65}
  .breadcrumbs{padding:14px 16px;font-size:12px;line-height:1.6}
  .product-reference-layout{width:100%;padding:0;gap:0}
  .product-gallery{padding:16px;gap:12px}
  .gallery-stage>img{height:min(76vw,340px);aspect-ratio:auto;object-fit:contain;background:#fffdf3}
  .gallery-thumbs{gap:10px}
  .gallery-thumbs button{flex-basis:56px;width:56px;min-height:56px}
  .gallery-thumbs:has(button:only-child){display:none}
  .gallery-navigation:has(button:first-child:disabled):has(button:last-child:disabled){display:none}
  .gallery-stage>span,.product-gallery .gallery-notice{font-size:12px;line-height:1.5}
  .product-reference-layout .detail-copy{padding:24px 20px 32px}
  .product-reference-layout h1{font-size:30px}
  .product-reference-layout .detail-subtitle{font-size:16px;margin-bottom:12px}
  .product-reference-layout .price{font-size:34px}
  .product-reference-layout .micro{font-size:13px;line-height:1.6;margin-bottom:18px}
  .detail-copy>p,.product-information p{font-size:16px;line-height:1.7}
  .product-call{width:100%;min-height:50px;justify-content:center;font-size:16px;margin:8px 0 16px}
  .pack-tiles{gap:10px;margin:18px 0}
  .pack-tiles label>span{min-height:76px}
  .pack-tiles legend{font-size:13px}
  .pack-tiles small{font-size:14px}
  .product-information summary,.faqs summary{min-height:48px;font-size:16px;line-height:1.5}
  .story-preview{gap:20px}
  .story-preview figure{height:auto;aspect-ratio:1.15}
  .story-preview figure img{height:100%;object-fit:cover}
  .story-preview h2,.story-note h2,.contact-grid h2{font-size:28px;line-height:1.2}
  .story-preview p,.story-note p,.contact-grid p,.prose p{font-size:16px;line-height:1.75}
  .story-note{padding:28px 20px;gap:24px}
  .story-note>img{max-width:100%;width:100%;height:280px;object-fit:cover}
  .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
  .contact-grid{gap:32px}
  .contact-grid .button,.contact-grid .outline-button{width:100%;justify-content:center;min-height:48px;font-size:16px;padding:12px}
  .policy-layout{padding:24px 20px 40px}
  .prose{padding:28px 20px 40px}
  footer.illustrated-footer{padding:32px 0 26px;background-color:#fff8e9;background-image:radial-gradient(ellipse at 50% 100%,#f7d2a8 0,#fff0dc 38%,#fffaec 76%);background-size:100% 100%;background-repeat:no-repeat;min-height:0;isolation:isolate}
  footer.illustrated-footer::before{content:"";position:absolute;inset:auto 0 0;height:calc(100vw * .666667);background:url('/assets/optimized/kaithli-landscape-mobile.1688073122e7-1536.webp') center bottom/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 35%);z-index:-1;pointer-events:none}
  .footer-landscape-content{display:flex;flex-direction:column;gap:22px;padding:0 20px;min-height:0}
  .footer-brand,.footer-community,.footer-contact{width:100%;padding:0;text-align:center}
  .footer-brand .brandmark{flex-direction:row;justify-content:center;align-items:center;gap:12px}
  .footer-brand .brandmark img{width:56px;height:56px}
  .footer-brand .brandmark>span{font-size:24px}
  .footer-brand>p{text-align:center;font-size:15px!important;margin:12px 0 0}
  .footer-community h2{max-width:none;font-size:24px;text-align:center;margin:0 0 12px}
  .footer-community p{font-size:15px;line-height:1.7}
  .footer-community .button{width:100%;min-height:48px;font-size:16px}
  .footer-disclosures{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;text-align:left}
  .footer-disclosures details{border-bottom:1px solid var(--line);padding:0}
  .footer-disclosures summary{min-height:48px;display:flex;align-items:center;font-size:14px;padding-right:16px}
  .footer-disclosures summary::after{top:8px}
  .footer-disclosures a{font-size:15px!important;padding:12px 0;min-height:44px}
  .footer-contact{margin-top:20px}
  .footer-contact h3{font-size:20px;margin-bottom:8px}
  .footer-contact p{font-size:15px!important;margin-bottom:8px}
  .footer-contact a{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:16px!important;margin:0}
  .footer-landscape-bottom{margin:28px 16px 0;padding:18px 12px calc(100vw * .28);gap:8px;text-align:center;justify-content:center;background:transparent;border:0;font-size:12px;line-height:1.6}
  .footer-landscape-bottom a{font-size:12px!important;min-height:44px;display:inline-flex;align-items:center}
  .footer-landscape-bottom>span{flex-basis:100%}
  .footer-landscape-bottom>span:first-child{flex-basis:auto}
}
@media(max-width:359px){
  header{padding-inline:12px}
  header .brandmark>span{font-size:19px}
  #menu-button{gap:5px;padding:8px;font-size:13px}
  .product-card h3{font-size:17px}
  .footer-disclosures summary{font-size:13px}
  .product-grid,.home-grid{gap:24px 10px}
}

/* Kept outside page sections so the chat link follows the viewport on every route. */
.whatsapp-float{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:2px solid #fffdf4;border-radius:50%;background:#168747;color:white;box-shadow:0 4px 18px #163b2930;isolation:isolate;transition:background .2s,transform .2s}
.whatsapp-float::before{content:"";position:absolute;inset:-2px;border:2px solid #25a85b;border-radius:inherit;z-index:-1;pointer-events:none;animation:whatsapp-pulse 3s ease-out infinite}
.whatsapp-float svg{flex:none}
.whatsapp-float:hover{background:#116b38;transform:translateY(-2px)}
.whatsapp-float:focus-visible{outline:3px solid #3e4e28;outline-offset:6px}
.whatsapp-hint{position:absolute;right:calc(100% + 12px);white-space:nowrap;padding:7px 12px;border-radius:6px;background:#263e31;color:#fffdf4;font-size:13px;line-height:1.5;opacity:0;visibility:hidden;transition:opacity .2s}
.whatsapp-float:hover .whatsapp-hint,.whatsapp-float:focus-visible .whatsapp-hint{opacity:1;visibility:visible}
@keyframes whatsapp-pulse{0%{transform:scale(1);opacity:.55}65%,100%{transform:scale(1.48);opacity:0}}
@media(max-width:767px){.whatsapp-float{width:54px;height:54px;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}.whatsapp-float svg{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float::before{animation:none}.whatsapp-float{transition:none}.whatsapp-float:hover{transform:none}}

.contact-location{grid-column:1/-1;border-top:1px solid var(--line);padding-top:32px}
.contact-location address{font-style:normal;font-size:18px;line-height:1.7;max-width:42ch;margin-bottom:24px}
.location-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px}
.location-actions .button,.footer-contact .footer-directions{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px}
.footer-address{font-style:normal;font-size:13px;line-height:1.7;max-width:30ch;margin:20px 0 14px}
.footer-contact .footer-directions{background:#61723f;color:white!important;padding:10px 18px;border:1px solid #61723f;border-radius:6px;margin:0;font-size:14px!important}
.footer-contact .footer-directions:hover{background:#45552c}
@media(max-width:767px){.footer-address{margin:18px auto 14px;font-size:14px}.footer-contact .footer-directions{width:auto}.contact-location address{font-size:16px}.location-actions{align-items:stretch;flex-direction:column;gap:8px}.location-actions .text-link{justify-content:center}}
/* Original Kaithli presentation: owner artwork and a custom typographic process guide. */
.category-icon.category-letter{display:inline-flex;align-items:center;justify-content:center;flex:none;border:1px solid currentColor;border-radius:50%;font:600 13px Georgia,serif;letter-spacing:.02em;width:34px;height:34px;background:transparent}
.ghee-journey{background:#f5efdf;padding:64px 0;margin:34px 0}
.journey-layout{grid-template-columns:44% minmax(0,1fr);gap:7%;align-items:start;max-width:1280px}
.journey-intro{max-width:none;margin:0;position:sticky;top:120px}
.journey-intro h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,3.3vw,48px);color:#572d28}
.journey-intro p{background:none;padding:0;color:#5b6048}
.journey-guide-image{width:100%;height:auto;aspect-ratio:3;object-fit:contain;border-radius:10px;margin:0 0 26px}
.journey-steps{gap:0}
.journey-steps::before{display:none}
.journey-steps li{grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start;padding:20px 0;border-top:1px solid #c6b88e}
.journey-marker{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #a9955d;border-radius:50%;background:#fffaec;color:#672b29;font:20px Georgia,serif}
.journey-steps article{display:block;border:0;border-radius:0;padding:0;min-height:0;background:transparent}
.journey-steps article:hover{background:transparent}
.journey-steps h3{font-family:Georgia,serif;font-weight:400;font-size:24px;color:#572d28}
.journey-steps article p{font-size:15px;color:#5b6048}
footer.illustrated-footer{background-position:center bottom;background-size:100% auto;padding:48px 5% clamp(110px,12vw,230px);background-color:#fffaec}
.footer-landscape-content{grid-template-columns:24% 39% 29%;gap:4%;min-height:0;max-width:1320px;margin:auto}
.footer-brand{padding:0}
.footer-brand .brandmark{flex-direction:row;align-items:center}
.footer-brand .brandmark>span{font-size:22px}
.footer-brand>p{max-width:26ch;font-size:14px!important;margin-top:16px}
.footer-community h2{font-family:Georgia,serif;font-weight:400;color:#572d28;font-size:29px}
.footer-landscape-bottom{max-width:1120px;margin:32px auto 0;padding:16px 0;border-color:#b5a16c;color:#4b3c29;font-size:12px}
@media(max-width:900px) and (min-width:768px){.footer-landscape-content{grid-template-columns:1fr 1fr;gap:28px}.footer-community{grid-column:1/-1;grid-row:2}.footer-brand .brandmark{justify-content:flex-start}}
@media(max-width:767px){
 .bilona-banner-link{aspect-ratio:2.25}.bilona-banner-link img{object-fit:cover}
 .ghee-journey{padding:36px 0;margin:24px 0}.journey-layout{display:block;width:auto;margin:0 20px}.journey-intro{position:static;margin-bottom:24px}.journey-intro h2{font-size:32px}.journey-guide-image{margin-bottom:22px}.journey-steps li{gap:14px;padding:18px 0}.journey-steps h3{font-size:22px}.journey-steps article p{font-size:14px}
 footer.illustrated-footer{padding:32px 0 22px;background-size:100% 100%;background-image:radial-gradient(ellipse at 50% 100%,#f3dfb4 0,#fff3df 35%,#fffaec 75%)}
 .footer-landscape-content{display:flex;gap:22px;padding:0 20px}.footer-brand .brandmark{justify-content:center}.footer-brand>p{max-width:none}.footer-community h2{font-size:28px}.footer-landscape-bottom{margin:22px 16px 0;padding:18px 8px calc(100vw * .36);border:0;font-size:12px}
 .category-icon.category-letter{width:30px;height:30px;font-size:12px}
}

.announcement{display:flex;align-items:center;gap:12px;padding:0 12px;background:#285235;color:#fff7df;min-height:40px;overflow:hidden}
.announcement-window{min-width:0;flex:1;overflow:hidden}
.announcement-track{display:flex;width:max-content;animation:announcement-scroll 28s linear infinite}
.announcement-group{display:flex;align-items:center;justify-content:space-around;gap:64px;min-width:calc(100vw - 76px);padding-right:64px;white-space:nowrap}
.announcement .announcement-group span{float:none;font-size:15px;letter-spacing:.015em;margin:0;display:inline-flex;gap:64px;align-items:center}
.announcement-group i{font-style:normal;color:#dfc57d;font-size:12px}
.announcement:hover .announcement-track,.announcement:focus-within .announcement-track,.announcement:active .announcement-track{animation-play-state:paused}
@keyframes announcement-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.announcement-track{animation:none;width:100%}.announcement-group{min-width:100%;padding:0;justify-content:center}.announcement-group:nth-child(2),.announcement-group span:not(:first-child),.announcement-group i{display:none}}

/* Full-width artwork and a small, complete product collection. */
.bilona-hero{width:100%;max-width:none;margin:0}
.bilona-banner-link{width:100%;border:0;border-radius:0;aspect-ratio:3;overflow:hidden}
.bilona-banner-link img{width:100%;height:100%;object-fit:contain}
.bilona-banner-caption{padding:10px 5%;margin:0;gap:8px;align-items:center}
#home-collection .section-heading{justify-content:center;text-align:center;margin-bottom:28px}
#home-collection .section-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,4vw,48px);color:#572d28}
@media(max-width:767px){.bilona-banner-link{aspect-ratio:3}.bilona-banner-caption{font-size:10px;padding:10px 16px;align-items:flex-start}}

/* Original heritage artwork and Bilona timeline. */
.bilona-journey{background:#faf6e9;padding:100px 5%;margin:32px 0;color:#344734;border-top:1px solid #e9e0c9;border-bottom:1px solid #e9e0c9;scroll-margin-top:110px}
.bilona-journey-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.3fr);gap:clamp(48px,7vw,110px);align-items:start}
.bilona-introduction{position:sticky;top:130px;padding:28px 0 24px}
.bilona-kicker{font-size:10px;font-weight:700;letter-spacing:.19em;color:#826b3d;margin:0 0 28px;line-height:1.6}
.bilona-introduction h2{font:400 clamp(40px,4.2vw,62px)/1.08 Georgia,serif;letter-spacing:-.045em;margin:0;color:#344734}
.bilona-introduction h2 em{display:inline-block;font-weight:400;color:#8b6137;margin-top:5px}
.bilona-rule{width:64px;height:1px;background:#ae9259;margin:32px 0}
.bilona-hindi{font-family:"Kohinoor Devanagari","Nirmala UI",sans-serif;font-size:20px;line-height:1.8;color:#69543b;margin:0 0 18px}
.bilona-intro-copy{font-size:14px;line-height:1.85;color:#646b5a;max-width:31ch;margin:0 0 34px}
.bilona-link{display:inline-flex;align-items:center;gap:26px;border-bottom:1px solid #958057;padding:0 0 8px;font-size:13px;color:#344734}
.bilona-link span{font-size:20px;line-height:1}
.bilona-link:hover{color:#80582d;border-color:currentColor}
.bilona-timeline{list-style:none;margin:0;padding:0;display:grid;gap:18px;position:relative}
.bilona-timeline::before{content:"";position:absolute;left:25px;top:64px;bottom:64px;border-left:1px dashed #c2b187}
.bilona-step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:22px;align-items:center;position:relative;min-width:0}
.bilona-step-number{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#6e512e;background:#f5ecd7;border:1px solid #c8b17a;font:400 21px/1 Georgia,serif;box-shadow:0 0 0 8px #faf6e9}
.bilona-step-content{background:#fffdf5;border:1px solid #ddd1b4;border-radius:24px;padding:27px 32px;min-height:136px;box-shadow:0 4px 16px #6f542504}
.bilona-step-content h3{font:400 clamp(22px,2vw,28px)/1.2 Georgia,serif;letter-spacing:-.025em;color:#344734;margin:0 0 10px}
.bilona-step-content p{font-size:14px;line-height:1.75;color:#626750;margin:0;max-width:54ch}
@media(min-width:768px) and (max-width:1050px){.bilona-journey{padding:70px 4%}.bilona-journey-inner{gap:36px;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}.bilona-introduction h2{font-size:42px}.bilona-step{gap:14px}.bilona-step-content{padding:24px}.bilona-hindi{font-size:17px}}
@media(max-width:767px){.bilona-journey{padding:48px 20px 52px;margin:24px 0;scroll-margin-top:95px}.bilona-journey-inner{grid-template-columns:1fr;gap:34px}.bilona-introduction{position:static;padding:0}.bilona-kicker{font-size:9px;letter-spacing:.16em;margin-bottom:20px}.bilona-introduction h2{font-size:clamp(38px,10.5vw,56px);line-height:1.08}.bilona-rule{margin:24px 0;width:50px}.bilona-hindi{font-size:17px;margin-bottom:12px}.bilona-intro-copy{font-size:13px;max-width:36ch;margin-bottom:22px}.bilona-link{font-size:12px}.bilona-timeline{gap:16px}.bilona-timeline::before{left:18px;top:64px;bottom:64px}.bilona-step{grid-template-columns:38px minmax(0,1fr);gap:12px}.bilona-step-number{width:38px;height:38px;font-size:17px;box-shadow:0 0 0 5px #faf6e9}.bilona-step-content{padding:22px 20px;border-radius:20px;min-height:0}.bilona-step-content h3{font-size:23px;line-height:1.18;margin-bottom:9px}.bilona-step-content p{font-size:13px;line-height:1.7}}

.bilona-introduction{position:static;padding:16px 0 0}
.bilona-introduction h2{font-size:clamp(40px,3.6vw,54px)}
.bilona-hindi{margin:24px 0 0}
.bilona-heritage-art{margin:26px -12px 24px;isolation:isolate}
.bilona-heritage-art img{width:100%;height:auto;object-fit:contain}
@media(max-width:767px){.bilona-introduction{padding:0}.bilona-introduction h2{font-size:clamp(38px,10.5vw,52px)}.bilona-hindi{margin:20px 0 0}.bilona-heritage-art{max-width:480px;margin:22px auto 20px}.bilona-journey-inner{gap:30px}}

/* Live typography sits inside the transparent, original illustrated frame. */
.bilona-journey{padding:64px 3%}
.bilona-journey-inner{max-width:1440px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,64px);align-items:center}
.bilona-introduction{position:relative;top:auto;aspect-ratio:1122/1402;padding:0;min-width:0}
.bilona-heritage-art{position:absolute;inset:0;margin:0;max-width:none;z-index:0}
.bilona-heritage-art img{height:100%;width:100%;object-fit:contain}
.bilona-art-copy{position:absolute;top:24%;left:19%;width:77%;z-index:1;text-align:center}
.bilona-introduction h2{font-size:clamp(30px,3.3vw,50px);line-height:1.08;letter-spacing:-.04em}
.bilona-hindi{font-size:clamp(13px,1.25vw,18px);line-height:1.7;margin:20px 0 0}
@media(min-width:768px) and (max-width:1050px){.bilona-journey-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.bilona-introduction h2{font-size:clamp(25px,3.2vw,34px)}.bilona-hindi{font-size:12px;margin-top:12px}.bilona-step-content{padding:20px}.bilona-step{gap:12px;grid-template-columns:42px minmax(0,1fr)}.bilona-step-number{width:42px;height:42px}.bilona-timeline::before{left:20px}}
@media(max-width:767px){.bilona-journey{padding:24px 0 40px}.bilona-journey-inner{grid-template-columns:1fr;gap:28px}.bilona-introduction{width:100%;max-width:560px;margin:0 auto}.bilona-art-copy{top:24%;left:19%;width:77%}.bilona-introduction h2{font-size:clamp(28px,7.9vw,44px)}.bilona-hindi{font-size:clamp(12px,3.1vw,16px);margin-top:14px;line-height:1.7}.bilona-timeline{margin:0 20px}}

/* Catalogue and navigation polish. */
.instagram-icon{display:inline-block;flex:none;width:20px;height:20px;vertical-align:middle}
a:has(>.instagram-icon){display:inline-flex;align-items:center;gap:10px}
.story-preview figure{overflow:hidden;border-radius:18px}
.story-preview figure img{transition:transform .55s ease}
@media(hover:hover){.story-preview figure:hover img{transform:scale(1.07)}}
@media(prefers-reduced-motion:reduce){.story-preview figure img{transition:none}}
.product-card .product-photo{aspect-ratio:4/5}
.product-card .product-photo img{object-fit:cover;object-position:center;height:100%}
.product-gallery:has(img[alt*="ghee" i]) .gallery-stage{aspect-ratio:4/5}
.gallery-stage img{object-fit:contain}
.faq-section h2{font-family:inherit;font-weight:750}
.faq-section .faqs summary{font-weight:700}
.footer-contact a[href^="tel:"],.contact-grid a[href^="tel:"],.footer-address,.contact-location address{font-weight:700}
.footer-contact a[href^="tel:"],.footer-address,.contact-location address{color:#263e31}
@media(max-width:767px){.bilona-hero .bilona-banner-link{aspect-ratio:3}.bilona-hero .bilona-banner-link img{object-fit:contain;object-position:center}}
.faq-section{max-width:1320px;margin:0 auto;gap:8%;padding-top:70px;padding-bottom:80px}
.faq-section h2{font-size:clamp(34px,3.8vw,52px);line-height:1.1}
.faq-section .faqs summary{color:#344734;font-size:17px;padding-top:20px;padding-bottom:20px}
.faq-section .faqs p{color:#626750;font-size:15px;line-height:1.8;padding-bottom:8px}
@media(max-width:980px){
 #menu-button{width:46px;height:46px;min-height:46px;padding:0;border:0;border-radius:50%;background:#344734;color:#fff7df;position:relative;box-shadow:none}
 #menu-button>svg{display:none}
 #menu-button::before,#menu-button::after{content:"";position:absolute;width:18px;height:1.5px;background:currentColor;left:14px;top:19px;transition:transform .2s,top .2s}
 #menu-button::after{top:25px;width:14px}
 #menu-button[aria-expanded="true"]::before{top:22px;transform:rotate(45deg)}
 #menu-button[aria-expanded="true"]::after{top:22px;width:18px;transform:rotate(-45deg)}
 #mobile-nav{border-radius:0 0 20px 20px;border-bottom:1px solid #dfd5bf;box-shadow:0 12px 24px #30452c12}
 #mobile-nav>a{font-family:Georgia,serif;font-size:25px;padding:14px 0;color:#344734}
}
@media(max-width:767px){.bilona-banner-link{aspect-ratio:2.7}.bilona-banner-link img{object-fit:cover;object-position:52% center}.bilona-banner-caption{justify-content:center;padding:0 16px}.faq-section{padding-top:35px;padding-bottom:45px;gap:24px}.faq-section h2{font-size:36px}.faq-section .faqs summary{font-size:16px}.faq-section .faqs p{font-size:14px}}

/* Footer copy lives in the open sky of the original rural artwork. */
footer.illustrated-footer{position:relative;isolation:isolate;overflow:hidden;display:block;background:#fbf5e7;background-image:none;padding:100px 6% 290px;color:#59452d;min-height:960px}
footer.illustrated-footer::before{display:none}
footer.illustrated-footer>.footer-scene{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:-1;pointer-events:none}
.footer-landscape-content{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-areas:"brand community contact" "brand products information";gap:34px 54px;max-width:1240px;min-height:0;margin:auto;padding:0}
.footer-brand{grid-area:brand;text-align:left;padding-top:12px}
.footer-community{grid-area:community;text-align:left}
.footer-contact{grid-area:contact;text-align:left;margin:0}
.footer-links{grid-area:products;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.footer-information{grid-area:information}
footer.illustrated-footer .footer-brand>.footer-tagline{font-family:"Kohinoor Devanagari","Nirmala UI",sans-serif;font-size:clamp(28px,2.8vw,40px)!important;line-height:1.65;font-weight:500;max-width:15ch;margin-top:32px;text-align:left;color:#344734}
.footer-community h2,.footer-contact h3,.footer-links h3{font:400 25px/1.2 Georgia,serif;color:#5a3f27;margin:0 0 14px;letter-spacing:-.02em}
.footer-community p,.footer-contact p{font-size:14px!important;line-height:1.7;margin:0 0 12px}
.footer-contact>a:not(.button){display:block;font-size:17px!important;min-height:44px;margin:0;line-height:44px}
.footer-address{font-size:13px;line-height:1.75;font-style:normal;max-width:29ch;margin:12px 0 18px}
footer .footer-directions{display:inline-flex;min-height:44px;justify-content:space-between;gap:20px;font-size:13px!important;border-radius:6px;padding:10px 17px;width:auto}
footer .footer-links a{display:block;font-size:14px!important;line-height:1.5;padding:7px 0;min-height:35px;margin:0}
footer .instagram-link{font-size:16px!important;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.footer-landscape-bottom{max-width:1240px;margin:36px auto 0;display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap;font-size:12px;padding:16px 0;border:0;background:none;color:#59452d}
@media(min-width:768px) and (max-width:1100px){.footer-landscape-content{gap:32px 28px;grid-template-columns:1fr 1fr;grid-template-areas:"brand community" "contact products" "contact information"}.footer-community{grid-column:auto;grid-row:auto}footer.illustrated-footer{padding:70px 5% 350px}.footer-brand .brandmark{justify-content:flex-start}}
@media(max-width:767px){
 footer.illustrated-footer{padding:62px 22px 360px;min-height:0}
 .footer-landscape-content{grid-template-columns:1fr 1fr;grid-template-areas:"brand brand" "community community" "contact contact" "products information";gap:30px 20px;padding:0}
 .footer-brand,.footer-community,.footer-contact{width:auto;text-align:left;padding:0;margin:0}
 .footer-brand .brandmark{justify-content:flex-start;flex-direction:row}
 footer.illustrated-footer .footer-brand>.footer-tagline{font-size:30px!important;max-width:none;margin:26px 0 0;line-height:1.65}
 .footer-community h2,.footer-contact h3,.footer-links h3{text-align:left;font-size:25px;max-width:none;margin-bottom:12px}
 .footer-community p{text-align:left;font-size:14px}
 .footer-address{max-width:32ch;font-size:14px}
 .footer-contact>a:not(.button){justify-content:flex-start}
 footer .footer-links a{font-size:13px!important;min-height:40px;padding:9px 0}
 .footer-landscape-bottom{justify-content:flex-start;text-align:left;margin:26px 0 0;padding:0;gap:4px 18px;font-size:11px}
 .footer-landscape-bottom>span{flex-basis:auto}
 .footer-landscape-bottom>span:last-child{flex-basis:100%}
 footer .footer-landscape-bottom a{min-height:44px;font-size:11px!important}
}

.footer-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}
@media(max-width:767px){footer.illustrated-footer{padding-bottom:500px}.footer-scene img{object-position:center bottom}}
