*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:DM Sans,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}body{background-color:#faf6f0;color:#261204;font-family:DM Sans,system-ui,sans-serif;overflow-x:hidden}::-moz-selection{background-color:#c8922a;color:#4e2105}::selection{background-color:#c8922a;color:#4e2105}h1{line-height:1.12;letter-spacing:-.02em}h1,h2{font-family:var(--font-serif);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}h2{line-height:1.16;letter-spacing:-.015em}h3{font-family:var(--font-serif);line-height:1.25;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}input,select,textarea{font-size:16px}@media (min-width:640px){input,select,textarea{font-size:.9375rem}}h1,h2,h3,h4,h5,h6,p,span{text-justify:auto}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.font-display{font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}.counter-val,.font-numeric,.metric-val,.stat-val{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-variant-numeric:tabular-nums lining-nums!important;font-feature-settings:"tnum" 1,"lnum" 1!important}.font-display,.font-display .counter-val,.font-display.counter-val{font-family:Cormorant Garamond,Georgia,serif!important}.glass-capsule{background:rgba(110,48,11,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(200,146,42,.35);box-shadow:0 12px 35px -8px rgba(78,33,5,.45)}.glass-card-dark{background:rgba(104,47,11,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(200,146,42,.25)}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(200 146 42/var(--tw-bg-opacity,1));padding:.875rem 1.5rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(78 33 5/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-gold:hover{--tw-translate-y:-0.125rem;--tw-bg-opacity:1;background-color:rgb(181 129 32/var(--tw-bg-opacity,1));--tw-shadow:0 0 30px rgba(212,155,53,.35);--tw-shadow-colored:0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:rgba(200,146,42,.35);--tw-shadow:var(--tw-shadow-colored)}.btn-gold:active,.btn-gold:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-gold:active{--tw-translate-y:0px}.btn-brand{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;border-radius:9999px;border-width:1px;border-color:rgba(163,83,26,.3);--tw-bg-opacity:1;background-color:rgb(140 70 20/var(--tw-bg-opacity,1));padding:.875rem 1.5rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-brand:hover{--tw-translate-y:-0.125rem;--tw-bg-opacity:1;background-color:rgb(140 70 20/var(--tw-bg-opacity,1));--tw-shadow:0 20px 40px -15px rgba(63,28,6,.25);--tw-shadow-colored:0 20px 40px -15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:#8c4614;--tw-shadow:var(--tw-shadow-colored)}.btn-brand:active,.btn-brand:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-brand:active{--tw-translate-y:0px}.btn-brand-dark{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;border-radius:9999px;border-width:1px;border-color:rgba(200,146,42,.3);--tw-bg-opacity:1;background-color:rgb(78 33 5/var(--tw-bg-opacity,1));padding:.875rem 1.5rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(250 246 240/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-brand-dark:hover{--tw-translate-y:-0.125rem;--tw-bg-opacity:1;background-color:rgb(104 47 11/var(--tw-bg-opacity,1))}.btn-brand-dark:active,.btn-brand-dark:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-brand-dark:active{--tw-translate-y:0px}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes floatSlow{0%{transform:translate(0) scale(1)}50%{transform:translate(14px,-16px) scale(1.05)}to{transform:translate(-10px,10px) scale(.96)}}@keyframes pulseGentle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.88}}@keyframes goldShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card-hover-gentle{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),border-color .35s ease,background-color .35s ease;will-change:transform,box-shadow}.card-hover-gentle:hover{transform:translateY(-6px);box-shadow:0 22px 44px -14px rgba(63,28,6,.22);border-color:rgba(212,155,53,.45)}.card-interactive{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),border-color .35s ease,background-color .35s ease;will-change:transform,box-shadow}.card-interactive:hover{transform:translateY(-7px);box-shadow:0 28px 56px -16px rgba(63,28,6,.2),0 0 0 1px rgba(212,155,53,.25);border-color:rgba(212,155,53,.55)}.spec-card-interactive{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .3s ease,background-color .3s ease;will-change:transform}.spec-card-interactive:hover{transform:translateY(-3px);box-shadow:0 10px 22px -6px rgba(90,45,12,.12);border-color:rgba(212,155,53,.5);background-color:#fff}.flag-card-interactive{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),border-color .35s ease,background-color .35s ease;will-change:transform,box-shadow}.flag-card-interactive:hover{transform:translateY(-8px);box-shadow:0 26px 50px -12px rgba(0,0,0,.45),0 0 24px 0 rgba(212,155,53,.15);border-color:rgba(212,155,53,.6);background-color:rgba(0,0,0,.28)}.card-shimmer-hover{position:relative;overflow:hidden}.card-shimmer-hover:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,155,53,.1) 40%,hsla(0,0%,100%,.15) 50%,rgba(212,155,53,.1) 60%,transparent);transform:skewX(-20deg);pointer-events:none;z-index:10}.card-shimmer-hover:hover:before{left:160%;transition:left .95s cubic-bezier(.16,1,.3,1)}.img-zoom-gentle{transition:transform .7s cubic-bezier(.16,1,.3,1);will-change:transform}.card-hover-gentle:hover .img-zoom-gentle,.card-interactive:hover .img-zoom-gentle,.group:hover .img-zoom-gentle{transform:scale(1.05)}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-8{left:2rem;right:2rem}.-bottom-24{bottom:-6rem}.-bottom-32{bottom:-8rem}.-bottom-6{bottom:-1.5rem}.-left-24{left:-6rem}.-left-32{left:-8rem}.-right-20{right:-5rem}.-right-24{right:-6rem}.-right-32{right:-8rem}.-right-4{right:-1rem}.-right-40{right:-10rem}.-top-12{top:-3rem}.-top-20{top:-5rem}.-top-24{top:-6rem}.-top-32{top:-8rem}.-top-40{top:-10rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-3\.5{left:.875rem}.left-4{left:1rem}.right-0{right:0}.right-1{right:.25rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-3\.5{top:.875rem}.top-4{top:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3\.5{height:.875rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[2px\]{height:2px}.h-\[400px\]{height:400px}.h-\[700px\]{height:700px}.h-\[950px\]{height:950px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[85vh\]{max-height:85vh}.max-h-full{max-height:100%}.min-h-\[340px\]{min-height:340px}.min-h-\[380px\]{min-height:380px}.min-h-\[520px\]{min-height:520px}.min-h-\[96px\]{min-height:96px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[700px\]{width:700px}.w-\[950px\]{width:950px}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-full{--tw-translate-x:100%}.translate-x-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-24{--tw-translate-y:6rem}.scale-105,.translate-y-24{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-14>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3.5rem*var(--tw-space-y-reverse))}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.875rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-brand\/10>:not([hidden])~:not([hidden]){border-color:rgba(140,70,20,.1)}.divide-brand\/15>:not([hidden])~:not([hidden]){border-color:rgba(140,70,20,.15)}.divide-cream-border>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(232 221 208/var(--tw-divide-opacity,1))}.divide-gold\/15>:not([hidden])~:not([hidden]){border-color:rgba(200,146,42,.15)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-r-xl{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.\!border-white\/30{border-color:hsla(0,0%,100%,.3)!important}.border-brand\/10{border-color:rgba(140,70,20,.1)}.border-brand\/15{border-color:rgba(140,70,20,.15)}.border-brand\/20{border-color:rgba(140,70,20,.2)}.border-brand\/25{border-color:rgba(140,70,20,.25)}.border-cream-border{--tw-border-opacity:1;border-color:rgb(232 221 208/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-emerald-500\/30{border-color:rgba(16,185,129,.3)}.border-emerald-500\/40{border-color:rgba(16,185,129,.4)}.border-gold{--tw-border-opacity:1;border-color:rgb(200 146 42/var(--tw-border-opacity,1))}.border-gold\/10{border-color:rgba(200,146,42,.1)}.border-gold\/15{border-color:rgba(200,146,42,.15)}.border-gold\/20{border-color:rgba(200,146,42,.2)}.border-gold\/25{border-color:rgba(200,146,42,.25)}.border-gold\/30{border-color:rgba(200,146,42,.3)}.border-gold\/35{border-color:rgba(200,146,42,.35)}.border-gold\/40{border-color:rgba(200,146,42,.4)}.border-gold\/45{border-color:rgba(200,146,42,.45)}.border-gold\/50{border-color:rgba(200,146,42,.5)}.border-gold\/60{border-color:rgba(200,146,42,.6)}.border-gold\/70{border-color:rgba(200,146,42,.7)}.border-gold\/90{border-color:rgba(200,146,42,.9)}.border-rose-500\/30{border-color:rgba(244,63,94,.3)}.border-rose-500\/40{border-color:rgba(244,63,94,.4)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-white\/60{border-color:hsla(0,0%,100%,.6)}.border-l-brand{--tw-border-opacity:1;border-left-color:rgb(140 70 20/var(--tw-border-opacity,1))}.\!bg-amber-400{--tw-bg-opacity:1!important;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))!important}.bg-\[\#0c1824\]{--tw-bg-opacity:1;background-color:rgb(12 24 36/var(--tw-bg-opacity,1))}.bg-\[\#E8F4FF\]{--tw-bg-opacity:1;background-color:rgb(232 244 255/var(--tw-bg-opacity,1))}.bg-\[\#EAF7F0\]{--tw-bg-opacity:1;background-color:rgb(234 247 240/var(--tw-bg-opacity,1))}.bg-\[\#EDFAF8\]{--tw-bg-opacity:1;background-color:rgb(237 250 248/var(--tw-bg-opacity,1))}.bg-\[\#F8EDF5\]{--tw-bg-opacity:1;background-color:rgb(248 237 245/var(--tw-bg-opacity,1))}.bg-\[\#FFF2E8\]{--tw-bg-opacity:1;background-color:rgb(255 242 232/var(--tw-bg-opacity,1))}.bg-\[\#FFF8E8\]{--tw-bg-opacity:1;background-color:rgb(255 248 232/var(--tw-bg-opacity,1))}.bg-\[\#fdfdfc\]{--tw-bg-opacity:1;background-color:rgb(253 253 252/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/10{background-color:rgba(0,0,0,.1)}.bg-black\/15{background-color:rgba(0,0,0,.15)}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-black\/25{background-color:rgba(0,0,0,.25)}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-black\/70{background-color:rgba(0,0,0,.7)}.bg-black\/75{background-color:rgba(0,0,0,.75)}.bg-brand{--tw-bg-opacity:1;background-color:rgb(140 70 20/var(--tw-bg-opacity,1))}.bg-brand-dark{--tw-bg-opacity:1;background-color:rgb(104 47 11/var(--tw-bg-opacity,1))}.bg-brand-dark\/30{background-color:rgba(104,47,11,.3)}.bg-brand-dark\/95{background-color:rgba(104,47,11,.95)}.bg-brand-deep{--tw-bg-opacity:1;background-color:rgb(78 33 5/var(--tw-bg-opacity,1))}.bg-brand-deep\/60{background-color:rgba(78,33,5,.6)}.bg-brand-deep\/70{background-color:rgba(78,33,5,.7)}.bg-brand-deep\/75{background-color:rgba(78,33,5,.75)}.bg-brand-deep\/80{background-color:rgba(78,33,5,.8)}.bg-brand-deep\/85{background-color:rgba(78,33,5,.85)}.bg-brand-deep\/95{background-color:rgba(78,33,5,.95)}.bg-brand-surface{--tw-bg-opacity:1;background-color:rgb(124 56 14/var(--tw-bg-opacity,1))}.bg-brand\/10{background-color:rgba(140,70,20,.1)}.bg-brand\/5{background-color:rgba(140,70,20,.05)}.bg-cream{--tw-bg-opacity:1;background-color:rgb(250 246 240/var(--tw-bg-opacity,1))}.bg-cream-subtle{--tw-bg-opacity:1;background-color:rgb(244 236 225/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500\/10{background-color:rgba(16,185,129,.1)}.bg-emerald-500\/20{background-color:rgba(16,185,129,.2)}.bg-gold{--tw-bg-opacity:1;background-color:rgb(200 146 42/var(--tw-bg-opacity,1))}.bg-gold\/10{background-color:rgba(200,146,42,.1)}.bg-gold\/15{background-color:rgba(200,146,42,.15)}.bg-gold\/20{background-color:rgba(200,146,42,.2)}.bg-gold\/90{background-color:rgba(200,146,42,.9)}.bg-rose-500\/10{background-color:rgba(244,63,94,.1)}.bg-rose-500\/20{background-color:rgba(244,63,94,.2)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-white\/\[0\.05\]{background-color:hsla(0,0%,100%,.05)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#F0EAE1\]{--tw-gradient-from:#f0eae1 var(--tw-gradient-from-position);--tw-gradient-to:hsla(36,33%,91%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#FAF6F0\]\/85{--tw-gradient-from:hsla(36,50%,96%,.85) var(--tw-gradient-from-position);--tw-gradient-to:hsla(36,50%,96%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand-deep{--tw-gradient-from:#4e2105 var(--tw-gradient-from-position);--tw-gradient-to:rgba(78,33,5,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gold{--tw-gradient-from:#c8922a var(--tw-gradient-from-position);--tw-gradient-to:rgba(200,146,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#FAF6F0\]\/65{--tw-gradient-to:hsla(36,50%,96%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(36,50%,96%,.65) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-amber-300{--tw-gradient-to:rgba(252,211,77,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fcd34d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-amber-50{--tw-gradient-to:rgba(255,251,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fffbeb var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-brand-deep\/60{--tw-gradient-to:rgba(78,33,5,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(78,33,5,.6) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-gold{--tw-gradient-to:rgba(200,146,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#c8922a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-gold\/60{--tw-gradient-to:rgba(200,146,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(200,146,42,.6) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#FAF6F0\]\/90{--tw-gradient-to:hsla(36,50%,96%,.9) var(--tw-gradient-to-position)}.to-amber-200{--tw-gradient-to:#fde68a var(--tw-gradient-to-position)}.to-brand{--tw-gradient-to:#8c4614 var(--tw-gradient-to-position)}.to-gold{--tw-gradient-to:#c8922a var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.object-top{-o-object-position:top;object-position:top}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.\!px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.\!px-7{padding-left:1.75rem!important;padding-right:1.75rem!important}.\!px-8{padding-left:2rem!important;padding-right:2rem!important}.\!py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}.\!py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.\!py-3\.5{padding-top:.875rem!important;padding-bottom:.875rem!important}.\!py-4{padding-top:1rem!important;padding-bottom:1rem!important}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-3\.5{padding-top:.875rem}.pt-32{padding-top:8rem}.pt-36{padding-top:9rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:Cormorant Garamond,Georgia,serif}.font-numeric{font-family:DM Sans,system-ui,-apple-system,sans-serif}.font-sans{font-family:DM Sans,system-ui,sans-serif}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-7xl{font-size:4.5rem;line-height:1}.text-\[13px\]{font-size:13px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-brand-deep{--tw-text-opacity:1!important;color:rgb(78 33 5/var(--tw-text-opacity,1))!important}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-\[\#2B6CB0\]{--tw-text-opacity:1;color:rgb(43 108 176/var(--tw-text-opacity,1))}.text-\[\#2F855A\]{--tw-text-opacity:1;color:rgb(47 133 90/var(--tw-text-opacity,1))}.text-\[\#319795\]{--tw-text-opacity:1;color:rgb(49 151 149/var(--tw-text-opacity,1))}.text-\[\#B83280\]{--tw-text-opacity:1;color:rgb(184 50 128/var(--tw-text-opacity,1))}.text-\[\#DD6B20\]{--tw-text-opacity:1;color:rgb(221 107 32/var(--tw-text-opacity,1))}.text-\[\#FAF6F0\]{--tw-text-opacity:1;color:rgb(250 246 240/var(--tw-text-opacity,1))}.text-amber-100{--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.text-amber-100\/70{color:hsla(48,96%,89%,.7)}.text-amber-100\/75{color:hsla(48,96%,89%,.75)}.text-amber-100\/80{color:hsla(48,96%,89%,.8)}.text-amber-100\/90{color:hsla(48,96%,89%,.9)}.text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.text-amber-200\/70{color:hsla(48,97%,77%,.7)}.text-amber-200\/80{color:hsla(48,97%,77%,.8)}.text-amber-200\/85{color:hsla(48,97%,77%,.85)}.text-amber-200\/90{color:hsla(48,97%,77%,.9)}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-brand{--tw-text-opacity:1;color:rgb(140 70 20/var(--tw-text-opacity,1))}.text-brand-dark{--tw-text-opacity:1;color:rgb(104 47 11/var(--tw-text-opacity,1))}.text-brand-deep{--tw-text-opacity:1;color:rgb(78 33 5/var(--tw-text-opacity,1))}.text-emerald-200{--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-gold{--tw-text-opacity:1;color:rgb(200 146 42/var(--tw-text-opacity,1))}.text-gold\/10{color:rgba(200,146,42,.1)}.text-gold\/40{color:rgba(200,146,42,.4)}.text-gold\/50{color:rgba(200,146,42,.5)}.text-gold\/70{color:rgba(200,146,42,.7)}.text-gold\/80{color:rgba(200,146,42,.8)}.text-ink{--tw-text-opacity:1;color:rgb(38 18 4/var(--tw-text-opacity,1))}.text-ink-body{--tw-text-opacity:1;color:rgb(85 54 32/var(--tw-text-opacity,1))}.text-ink-muted{--tw-text-opacity:1;color:rgb(128 94 70/var(--tw-text-opacity,1))}.text-rose-200{--tw-text-opacity:1;color:rgb(254 205 211/var(--tw-text-opacity,1))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-stone-300{--tw-text-opacity:1;color:rgb(214 211 209/var(--tw-text-opacity,1))}.text-stone-400{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/85{color:hsla(0,0%,100%,.85)}.text-white\/90{color:hsla(0,0%,100%,.9)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-amber-100\/60::-moz-placeholder{color:hsla(48,96%,89%,.6)}.placeholder-amber-100\/60::placeholder{color:hsla(48,96%,89%,.6)}.placeholder-amber-200\/50::-moz-placeholder{color:hsla(48,97%,77%,.5)}.placeholder-amber-200\/50::placeholder{color:hsla(48,97%,77%,.5)}.placeholder-ink-muted\/60::-moz-placeholder{color:rgba(128,94,70,.6)}.placeholder-ink-muted\/60::placeholder{color:rgba(128,94,70,.6)}.accent-\[\#D49B35\]{accent-color:#d49b35}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-brand{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-brand{--tw-shadow:0 20px 40px -15px rgba(63,28,6,.25);--tw-shadow-colored:0 20px 40px -15px var(--tw-shadow-color)}.shadow-gold-glow{--tw-shadow:0 0 30px rgba(212,155,53,.35);--tw-shadow-colored:0 0 30px var(--tw-shadow-color)}.shadow-gold-glow,.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-brand{--tw-shadow-color:#8c4614;--tw-shadow:var(--tw-shadow-colored)}.shadow-gold-glow{--tw-shadow-color:rgba(200,146,42,.35);--tw-shadow:var(--tw-shadow-colored)}.blur-2xl{--tw-blur:blur(40px)}.blur-2xl,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.blur-\[110px\]{--tw-blur:blur(110px)}.blur-\[110px\],.drop-shadow-2xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15))}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-75{transition-duration:75ms}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[image-rendering\:-webkit-optimize-contrast\]{image-rendering:-webkit-optimize-contrast}:root{--color-brown:#8c4614;--color-dark:#4e2105;--color-copper:#8c4614;--color-cream:#faf6f0;--color-cream2:#f0eae1;--color-bg:#faf6f0;--color-gold:#c8922a;--color-gold-hover:#b87d1e;--color-text:#261204;--color-muted:#5c4033;--border-light:rgba(140,70,20,.15);--shadow-sm:0 2px 8px rgba(140,70,20,.05);--shadow-md:0 8px 30px rgba(140,70,20,.08);--shadow-lg:0 16px 48px rgba(140,70,20,.15);--font-sans:"DM Sans",sans-serif;--font-serif:"Cormorant Garamond",serif;--transition-smooth:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}@keyframes spinUltraSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin-ultra-slow{animation:spinUltraSlow 65s linear infinite}@keyframes heroFadeDown{0%{opacity:0;transform:translateY(-34px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(46px)}to{opacity:1;transform:translateY(0)}}@keyframes heroCardPop{0%{opacity:0;transform:translateY(64px) scale(.88)}68%{opacity:1;transform:translateY(-8px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes goldTextFlow{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes ctaPulseGlow{0%,to{box-shadow:0 0 0 0 rgba(251,191,36,.45),0 10px 25px -5px rgba(245,158,11,.35)}50%{box-shadow:0 0 26px 6px rgba(251,191,36,.65),0 14px 30px -5px rgba(245,158,11,.5)}}.hero-anim-pill{animation:heroFadeDown .85s cubic-bezier(.16,1,.3,1) .1s both}.hero-anim-title{animation:heroFadeUp .95s cubic-bezier(.16,1,.3,1) .22s both}.hero-anim-desc{animation:heroFadeUp .95s cubic-bezier(.16,1,.3,1) .38s both}.hero-anim-actions{animation:heroFadeUp .9s cubic-bezier(.16,1,.3,1) .52s both}.hero-card-1{animation:heroCardPop .95s cubic-bezier(.16,1,.3,1) .62s both}.hero-card-2{animation:heroCardPop .95s cubic-bezier(.16,1,.3,1) .78s both}.hero-card-3{animation:heroCardPop .95s cubic-bezier(.16,1,.3,1) .94s both}.hero-card-4{animation:heroCardPop .95s cubic-bezier(.16,1,.3,1) 1.1s both}.shimmer-gold-text{color:#fef3c7;background:linear-gradient(100deg,#fef3c7,#fde68a 22%,#fff 45%,#f59e0b 68%,#fef3c7);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:goldTextFlow 7s linear infinite;display:inline-block}.animate-cta-pulse{animation:ctaPulseGlow 3.2s ease-in-out infinite}.marquee-section{align-items:stretch;border-top:1px solid rgba(140,70,20,.12);border-bottom:1px solid rgba(140,70,20,.12);overflow:hidden}.marquee-label,.marquee-section{display:flex;background:#f0eae1;position:relative}.marquee-label{align-items:center;padding:.85rem 1.75rem;border-right:1px solid rgba(140,70,20,.18);z-index:20;flex-shrink:0}@media (min-width:640px){.marquee-label{padding:1rem 2.5rem}}.marquee-label span{font-size:.75rem;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:#8c4614;white-space:nowrap}.marquee-wrap{flex:1;overflow:hidden;white-space:nowrap;padding:1.15rem 0;position:relative}.marquee-inner,.marquee-wrap{display:flex;align-items:center}.marquee-inner{flex-wrap:nowrap;width:-moz-max-content;width:max-content;flex-shrink:0;gap:5rem;animation:marquee 35s linear infinite}.marquee-section:hover .marquee-inner{animation-play-state:paused}.marquee-logo{height:clamp(28px,3.5vw,42px);width:auto;-o-object-fit:contain;object-fit:contain;flex-shrink:0;transition:transform .3s ease}.marquee-logo:hover{transform:scale(1.06)}.section-label{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold);font-weight:700;display:block;margin-bottom:.5rem}.section-headline{font-family:var(--font-serif);font-size:clamp(2.2rem,4.2vw,3.5rem);font-weight:600;line-height:1.15;color:var(--color-brown);margin-bottom:1.25rem}.section-body{font-size:1rem;line-height:1.75;color:#5c4033}.about-section{position:relative;overflow:hidden}.about-map-bg{position:absolute;top:-10%;right:-10%;width:70%;height:120%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1008 650"><path fill="%23f2efe9" d="M174.5,214.3c-2.8-1.5-6.5-1.5-9.3,0l-160,86.2c-2.8,1.5-4.6,4.5-4.6,7.7v172.5c0,3.2,1.8,6.1,4.6,7.7l160,86.2c2.8,1.5,6.5,1.5,9.3,0l160-86.2c2.8-1.5,4.6-4.5,4.6-7.7V308.2c0-3.2-1.8-6.1-4.6-7.7L174.5,214.3z"/></svg>');background-size:cover;background-position:50%;opacity:.6;z-index:0;pointer-events:none}.about-highlight-box{transition:all .3s ease}.about-list-item{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.about-list-item:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(78,33,5,.08)}.about-list-icon{transition:all .3s ease}.about-list-item:hover .about-list-icon{background:var(--color-brown);color:#fff;transform:scale(1.05)}.why-card{transition:var(--transition-smooth)}.why-card:hover{background:rgba(200,146,42,.08)}.flagship-image-wrapper{position:relative;margin:2rem 0;border-radius:12px;background:#fff;border:1px solid var(--border-light);box-shadow:0 10px 40px rgba(90,45,12,.05);display:flex;align-items:center;justify-content:center;overflow:hidden}.flagship-main-img{width:100%;max-height:380px;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:12px;transition:transform .5s ease}.flagship-image-wrapper:hover .flagship-main-img{transform:scale(1.04)}.flagship-floating-badge{position:absolute;top:16px;right:16px;background:var(--color-brown);color:#fff;padding:.5rem 1rem;border-radius:30px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 15px rgba(122,62,18,.3);z-index:5}.flagship-spec-card{background:#fff;padding:1.25rem 1.5rem;border-radius:12px;border:1px solid var(--border-light);box-shadow:0 4px 15px rgba(90,45,12,.03);transition:all .3s ease;display:grid;grid-template-columns:auto 1fr;-moz-column-gap:1.25rem;column-gap:1.25rem;row-gap:.25rem;align-items:start}.flagship-spec-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(90,45,12,.08);border-color:rgba(200,146,42,.4)}.flagship-spec-card .spec-icon{grid-row:1/span 2;grid-column:1;width:44px;height:44px;background:var(--color-cream);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-brown);transition:all .3s ease}.flagship-spec-card:hover .spec-icon{background:var(--color-brown);color:#fff}.flagship-spec-card .spec-name{grid-row:1;grid-column:2;font-family:var(--font-sans);font-size:1.05rem;font-weight:700;color:var(--color-brown)}.flagship-spec-card .spec-desc{grid-row:2;grid-column:2;font-family:var(--font-sans);font-size:.88rem;color:#5c4033;line-height:1.6}.process-step{display:grid;grid-template-columns:70px 1fr;gap:1.5rem;align-items:start;padding:1.75rem 0;border-bottom:1px solid rgba(140,70,20,.12)}.process-step:last-child{border-bottom:none}.step-num{font-family:var(--font-serif);font-size:2.8rem;font-weight:700;line-height:1;color:rgba(140,70,20,.18)}.story-visual{position:relative;padding:2.5rem;border-radius:12px;min-height:460px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#8c4614;box-shadow:0 16px 36px rgba(40,20,10,.15)}.story-bg-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.45;mix-blend-mode:luminosity;transition:var(--transition-smooth);z-index:1}.story-visual:hover .story-bg-img{opacity:.6;transform:scale(1.03)}.faq-item{border-bottom:1px solid rgba(140,70,20,.12)}.faq-q{display:flex;justify-content:space-between;align-items:center;padding:1.35rem 0;cursor:pointer;font-size:1rem;font-weight:600;color:var(--color-brown);transition:color .2s ease;font-family:var(--font-sans);-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-icon,.faq-q:hover{color:var(--color-gold)}.faq-icon{font-size:1.4rem;line-height:1;transition:transform .3s ease;flex-shrink:0;margin-left:1rem}.faq-a{overflow:hidden;max-height:0;transition:max-height .35s ease}.faq-a p{padding-bottom:1.25rem;font-size:.92rem;color:#5c4033;line-height:1.75}.faq-item.open .faq-icon{transform:rotate(45deg)}.reveal-left,.reveal-on-scroll,.reveal-right,.reveal-scale{will-change:transform,opacity}.is-revealed{opacity:1!important;transform:translate(0) scale(1)!important;transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.wa-widget-container{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.wa-trigger{width:60px;height:60px;border-radius:50%;background:#25d366;border:none;color:#fff;cursor:pointer;box-shadow:0 4px 20px rgba(37,211,102,.45);display:flex;align-items:center;justify-content:center;position:relative;transition:transform .3s ease,box-shadow .3s ease}.wa-trigger:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.55)}.wa-trigger svg{width:34px;height:34px}.wa-icon-pulse{position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(37,211,102,.6);opacity:0;animation:wa-pulse 2.2s ease-out infinite}@keyframes wa-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.5);opacity:0}}.wa-window{position:absolute;bottom:76px;right:0;width:360px;background:#ece5dd;border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,.22);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(16px) scale(.96);pointer-events:none;transition:opacity .28s ease,transform .28s cubic-bezier(.34,1.56,.64,1)}.wa-window.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.wa-header{background:#075e54;padding:.72rem .88rem;gap:.6rem;flex-shrink:0}.wa-back-btn,.wa-header{display:flex;align-items:center}.wa-back-btn{background:transparent;border:none;color:hsla(0,0%,100%,.85);cursor:pointer;padding:.2rem;border-radius:50%;transition:background .2s}.wa-back-btn:hover{background:hsla(0,0%,100%,.12)}.wa-back-btn svg{width:20px;height:20px}.wa-avatar-wrap{width:40px;height:40px;min-width:40px;border-radius:50%;position:relative;overflow:hidden;background:#ccc;border:2px solid hsla(0,0%,100%,.25)}.wa-avatar-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wa-online-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#25d366;border:2px solid #075e54}.wa-header-info{flex:1;min-width:0}.wa-header-info h4{color:#fff;font-family:inherit;font-size:.97rem;font-weight:600;margin:0 0 1px;line-height:1.2}.wa-header-info h4,.wa-header-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-header-info p{color:hsla(0,0%,100%,.72);font-size:.72rem;margin:0}.wa-header-actions{display:flex;align-items:center;gap:.15rem;margin-left:auto}#wa-close,.wa-hdr-btn{background:transparent;border:none;color:hsla(0,0%,100%,.85);cursor:pointer;padding:.3rem;display:flex;align-items:center;border-radius:50%;transition:background .2s}#wa-close:hover,.wa-hdr-btn:hover{background:hsla(0,0%,100%,.12)}#wa-close svg,.wa-hdr-btn svg{width:20px;height:20px}.wa-messages{flex:1;padding:.88rem;max-height:200px;overflow-y:auto;background-color:#ece5dd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='40' cy='40' r='1.5' fill='%23c9bbae' opacity='.35'/%3E%3C/svg%3E");display:flex;flex-direction:column;gap:.4rem}.wa-messages::-webkit-scrollbar{width:4px}.wa-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:2px}.wa-date-divider{display:flex;justify-content:center;margin:.4rem 0 .75rem}.wa-date-divider span{background:rgba(225,245,254,.92);color:#54656f;font-size:.68rem;font-weight:500;padding:.2rem .72rem;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.12);letter-spacing:.03em}.wa-bubble-row{display:flex}.wa-received{justify-content:flex-start}.wa-sent{justify-content:flex-end}.wa-bubble-in{background:#fff;color:#111b21;border-radius:0 8px 8px 8px;padding:.55rem .72rem .4rem;max-width:88%;font-size:.83rem;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.13);position:relative}.wa-bubble-in:before{content:"";position:absolute;top:0;left:-8px;width:0;height:0;border-top:8px solid #fff;border-left:8px solid transparent}.wa-bubble-in p{margin:0 0 3px;font-size:.83rem;color:#111b21}.wa-bubble-in p+p{margin-top:4px}.wa-bubble-in p:last-of-type{margin-bottom:0}.wa-time{display:block;text-align:right;font-size:.62rem;color:#8696a0;margin-top:3px}.wa-quick-replies{background:#f0f2f5;padding:.72rem .88rem .6rem;border-top:1px solid #d1d7db;flex-shrink:0}.wa-quick-label{font-size:.7rem;color:#8696a0;margin:0 0 .5rem;font-weight:500;letter-spacing:.02em}.wa-quick-grid{display:flex;flex-wrap:wrap;gap:.4rem}.wa-quick-btn{display:inline-flex;align-items:center;background:#fff;border:1.5px solid #25d366;color:#075e54;font-size:.75rem;font-weight:600;padding:.32rem .72rem;border-radius:18px;text-decoration:none;transition:background .2s,color .2s,transform .15s;white-space:nowrap}.wa-quick-btn:hover{background:#25d366;color:#fff;transform:translateY(-1px)}.wa-input-bar{display:flex;align-items:center;gap:.5rem;padding:.55rem .72rem;background:#f0f2f5;border-top:1px solid #d1d7db;flex-shrink:0}.wa-input-fake{flex:1;background:#fff;border:none;border-radius:24px;padding:.5rem 1rem;font-size:.82rem;color:#111b21;box-shadow:0 1px 2px rgba(0,0,0,.08);outline:none;transition:box-shadow .2s}.wa-input-fake::-moz-placeholder{color:#8696a0}.wa-input-fake::placeholder{color:#8696a0}.wa-input-fake:focus{box-shadow:0 2px 6px rgba(0,0,0,.15)}.wa-send-btn{width:40px;height:40px;min-width:40px;border-radius:50%;background:#25d366;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 2px 8px rgba(37,211,102,.35);transition:background .2s,transform .2s}.wa-send-btn:hover{background:#1ebe5d;transform:scale(1.08)}.wa-send-btn svg{width:18px;height:18px}@media (max-width:480px){.wa-widget-container{right:16px;bottom:16px}.wa-window{width:calc(100vw - 32px);max-width:360px;right:0;bottom:72px}}.selection\:bg-gold ::-moz-selection{--tw-bg-opacity:1;background-color:rgb(200 146 42/var(--tw-bg-opacity,1))}.selection\:bg-gold ::selection{--tw-bg-opacity:1;background-color:rgb(200 146 42/var(--tw-bg-opacity,1))}.selection\:text-brand-deep ::-moz-selection{--tw-text-opacity:1;color:rgb(78 33 5/var(--tw-text-opacity,1))}.selection\:text-brand-deep ::selection{--tw-text-opacity:1;color:rgb(78 33 5/var(--tw-text-opacity,1))}.selection\:bg-gold::-moz-selection{--tw-bg-opacity:1;background-color:rgb(200 146 42/var(--tw-bg-opacity,1))}.selection\:bg-gold::selection{--tw-bg-opacity:1;background-color:rgb(200 146 42/var(--tw-bg-opacity,1))}.selection\:text-brand-deep::-moz-selection{--tw-text-opacity:1;color:rgb(78 33 5/var(--tw-text-opacity,1))}.selection\:text-brand-deep::selection{--tw-text-opacity:1;color:rgb(78 33 5/var(--tw-text-opacity,1))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:\!border-gold:hover{--tw-border-opacity:1!important;border-color:rgb(200 146 42/var(--tw-border-opacity,1))!important}.hover\:border-gold:hover{--tw-border-opacity:1;border-color:rgb(200 146 42/var(--tw-border-opacity,1))}.hover\:border-gold\/40:hover{border-color:rgba(200,146,42,.4)}.hover\:border-gold\/50:hover{border-color:rgba(200,146,42,.5)}.hover\:border-gold\/60:hover{border-color:rgba(200,146,42,.6)}.hover\:border-white:hover{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.hover\:\!bg-amber-300:hover{--tw-bg-opacity:1!important;background-color:rgb(252 211 77/var(--tw-bg-opacity,1))!important}.hover\:bg-black\/30:hover{background-color:rgba(0,0,0,.3)}.hover\:bg-gold:hover{--tw-bg-opacity:1;background-color:rgb(200 146 42/var(--tw-bg-opacity,1))}.hover\:bg-gold\/25:hover{background-color:rgba(200,146,42,.25)}.hover\:bg-gold\/40:hover{background-color:rgba(200,146,42,.4)}.hover\:bg-gold\/60:hover{background-color:rgba(200,146,42,.6)}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:bg-white\/\[0\.1\]:hover{background-color:hsla(0,0%,100%,.1)}.hover\:text-brand:hover{--tw-text-opacity:1;color:rgb(140 70 20/var(--tw-text-opacity,1))}.hover\:text-brand-deep:hover{--tw-text-opacity:1;color:rgb(78 33 5/var(--tw-text-opacity,1))}.hover\:text-gold:hover{--tw-text-opacity:1;color:rgb(200 146 42/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.focus\:border-brand:focus{--tw-border-opacity:1;border-color:rgb(140 70 20/var(--tw-border-opacity,1))}.focus\:border-gold:focus{--tw-border-opacity:1;border-color:rgb(200 146 42/var(--tw-border-opacity,1))}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus\:bg-white\/15:focus{background-color:hsla(0,0%,100%,.15)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:translate-y-0:active{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:w-full{width:100%}.group\/back:hover .group-hover\/back\:-translate-x-1{--tw-translate-x:-0.25rem}.group\/back:hover .group-hover\/back\:-translate-x-1,.group\/btn:hover .group-hover\/btn\:-translate-x-0\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/btn:hover .group-hover\/btn\:-translate-x-0\.5{--tw-translate-x:-0.125rem}.group\/btn:hover .group-hover\/btn\:translate-x-0\.5{--tw-translate-x:0.125rem}.group\/btn:hover .group-hover\/btn\:translate-x-0\.5,.group\/btn:hover .group-hover\/btn\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/btn:hover .group-hover\/btn\:translate-x-1{--tw-translate-x:0.25rem}.group\/btn:hover .group-hover\/btn\:translate-x-1\.5{--tw-translate-x:0.375rem}.group:hover .group-hover\:-translate-y-1\.5,.group\/btn:hover .group-hover\/btn\:translate-x-1\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-y-1\.5{--tw-translate-y:-0.375rem}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem}.group:hover .group-hover\:translate-x-0\.5,.group:hover .group-hover\:translate-x-1\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1\.5{--tw-translate-x:0.375rem}.group\/slide:hover .group-hover\/slide\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02}.group:hover .group-hover\:scale-105,.group\/slide:hover .group-hover\/slide\:scale-\[1\.02\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-gold\/50{border-color:rgba(200,146,42,.5)}.group:hover .group-hover\:bg-white\/10{background-color:hsla(0,0%,100%,.1)}.group:hover .group-hover\:text-amber-50{--tw-text-opacity:1;color:rgb(255 251 235/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-brand{--tw-text-opacity:1;color:rgb(140 70 20/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-gold{--tw-text-opacity:1;color:rgb(200 146 42/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-gold\/20{color:rgba(200,146,42,.2)}.group:hover .group-hover\:opacity-100,.group\/img:hover .group-hover\/img\:opacity-100,.group\/slide:hover .group-hover\/slide\:opacity-100{opacity:1}.group:hover .group-hover\:shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:shadow-gold-glow\/20{--tw-shadow-color:rgba(200,146,42,.2);--tw-shadow:var(--tw-shadow-colored)}@media (min-width:640px){.sm\:inset-x-14{left:3.5rem;right:3.5rem}.sm\:left-6{left:1.5rem}.sm\:right-6{right:1.5rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:inline{display:inline}.sm\:h-10{height:2.5rem}.sm\:h-11{height:2.75rem}.sm\:h-14{height:3.5rem}.sm\:h-6{height:1.5rem}.sm\:h-72{height:18rem}.sm\:h-\[500px\]{height:500px}.sm\:min-h-\[104px\]{min-height:104px}.sm\:min-h-\[440px\]{min-height:440px}.sm\:min-h-\[560px\]{min-height:560px}.sm\:w-16{width:4rem}.sm\:w-28{width:7rem}.sm\:w-6{width:1.5rem}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-12{gap:3rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.sm\:p-10{padding:2.5rem}.sm\:p-12{padding:3rem}.sm\:p-14{padding:3.5rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:p-9{padding:2.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:py-28{padding-top:7rem;padding-bottom:7rem}.sm\:py-32{padding-top:8rem;padding-bottom:8rem}.sm\:pb-24{padding-bottom:6rem}.sm\:pb-28{padding-bottom:7rem}.sm\:pl-8{padding-left:2rem}.sm\:pt-20{padding-top:5rem}.sm\:pt-40{padding-top:10rem}.sm\:pt-44{padding-top:11rem}.sm\:pt-5{padding-top:1.25rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-\[13px\]{font-size:13px}.sm\:text-\[15px\]{font-size:15px}.sm\:text-\[26px\]{font-size:26px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:h-11{height:2.75rem}.md\:h-16{height:4rem}.md\:h-80{height:20rem}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:self-auto{align-self:auto}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-28{top:7rem}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:h-\[580px\]{height:580px}.lg\:min-h-\[480px\]{min-height:480px}.lg\:min-h-\[600px\]{min-height:600px}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:items-start{align-items:flex-start}.lg\:gap-12{gap:3rem}.lg\:gap-16{gap:4rem}.lg\:gap-20{gap:5rem}.lg\:gap-5{gap:1.25rem}.lg\:p-10{padding:2.5rem}.lg\:p-5{padding:1.25rem}.lg\:p-8{padding:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-\[22px\]{font-size:22px}.lg\:text-\[32px\]{font-size:32px}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:text-6xl{font-size:3.75rem;line-height:1}}


/* ==========================================================================
   BIG BANG EXIM — UNIFIED BRAND DESIGN SYSTEM & UNIFONT ARCHITECTURE
   Enforces consistent luxury typography, fluid sizing, and cohesive brand tokens
   across all pages of the website.
   ========================================================================== */

:root {
  /* ==========================================================================
     1. STRICT TWO-TYPOGRAPHY SYSTEM
     ========================================================================== */
  /* Primary Font: Cormorant Garamond (Combined Upright + Italic Gold Accent) */
  --font-primary: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-serif: var(--font-primary);
  --font-display: var(--font-primary);

  /* Secondary Font: DM Sans (Clean Modern Sans for Body, UI, and Eyebrows) */
  --font-secondary: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-sans: var(--font-secondary);
  --font-body: var(--font-secondary);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* ==========================================================================
     2. STRICT 5-TIER RESPONSIVE FLUID TYPOGRAPHY SCALE (All Viewports)
     Calibrated from 360px mobile up to 1600px+ 4K displays via fluid clamp():
     Tier 1 (Hero Title - H1):        clamp(1.875rem, 1.4rem + 1.8vw, 2.75rem)   [30px - 44px]
     Tier 2 (Section Headline - H2):  clamp(1.375rem, 1.15rem + 1.1vw, 2rem)     [22px - 32px]
     Tier 3 (Card Title / Subhead):   clamp(1.2rem, 1.05rem + 0.6vw, 1.45rem)    [19.2px - 23.2px]
     Tier 4 (Body Text & Paragraphs): 14px (0.875rem universal standard)
     Tier 5 (Eyebrows & Badges):      clamp(0.6875rem, 0.65rem + 0.1vw, 0.75rem) [11px - 12px]
     ========================================================================== */
  --brand-size-hero: clamp(2rem, 1.6rem + 2vw, 3.25rem);
  --brand-size-section: clamp(1.85rem, 1.45rem + 1.8vw, 2.85rem);
  --brand-size-card: clamp(1.2rem, 1.05rem + 0.6vw, 1.45rem);
  --brand-size-body: 0.875rem; /* 14px universal standard */
  --brand-size-eyebrow: clamp(0.6875rem, 0.65rem + 0.1vw, 0.75rem);

  /* Remap legacy tokens to the strict responsive system */
  --brand-text-hero: var(--brand-size-hero);
  --brand-text-h1: var(--brand-size-hero);
  --brand-text-h2: var(--brand-size-section);
  --brand-text-h3: var(--brand-size-card);
  --brand-text-h4: var(--brand-size-card);
  --brand-text-lead: 0.875rem;
  --brand-text-body: 0.875rem;
  --brand-text-sm: 0.875rem;
  --brand-text-xs: var(--brand-size-eyebrow);

  /* --- Brand Color Identity: Primary Brand (#8c4614) & Pure Cream (#faf6f0) --- */
  --color-brand-deep: #8c4614;     /* Replaced dark brown with Primary Brand color */
  --color-brand-dark: #8c4614;     /* Replaced with Primary Brand color */
  --color-brand: #8c4614;          /* Core Brand Copper/Amber (Hero Background) */
  --color-brand-surface: #8c4614;
  --color-gold: #c8922a;           /* Heritage Export Gold */
  --color-gold-hover: #b87d1e;
  --color-gold-light: #fef3c7;
  --color-gold-glow: #f59e0b;
  --color-cream: #faf6f0;          /* Pure Popped Makhana Cream */
  --color-cream-subtle: #f4ece1;
  --color-cream-border: #e8ddd0;
  --color-ink: #261204;            /* High-Contrast Reading Ink */
  --color-ink-body: #553620;       /* Balanced Body Text */
  --color-ink-muted: #805e46;      /* Secondary Subdued Ink */

  /* --- Brand Shadows & Elevations --- */
  --brand-shadow-gold: 0 4px 16px -2px rgba(180, 83, 9, 0.25);
  --brand-shadow-card: 0 16px 40px -12px rgba(140, 70, 20, 0.18);
  --brand-shadow-hover: 0 24px 50px -12px rgba(140, 70, 20, 0.28);
}

/* --------------------------------------------------------------------------
   1. GLOBAL ENFORCEMENT OF THE 2 TYPOGRAPHIES & 4 SIZES
   -------------------------------------------------------------------------- */
html {
  font-family: var(--font-secondary);
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  background-color: var(--color-cream);
  color: var(--color-ink-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-secondary);
  color: var(--color-ink-body);
  font-size: var(--brand-size-body);
  line-height: 1.6;
}

/* Primary Font for all Headings (Cormorant Garamond, 600 weight) */
h1, h2, h3, h4, h5, h6,
.font-display {
  font-family: var(--font-primary) !important;
  font-weight: 600 !important;
  line-height: 1.2;
  letter-spacing: -0.015em;
  font-feature-settings: "lnum" 1, "tnum" 1;
}

/* Default heading color on light surfaces when no utility color is specified */
:where(h1, h2, h3, h4, h5, h6, .font-display) {
  color: var(--color-brand);
}

/* --- Size 1: Hero & Main Page Titles (30px - 40px) --- */
h1, .brand-hero-title, .hero-headline {
  font-family: var(--font-primary) !important;
  font-size: var(--brand-size-hero) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
  font-weight: 600 !important;
}

/* --- Size 2: Section Titles (22px - 28px) --- */
h2, .brand-section-title {
  font-family: var(--font-primary) !important;
  font-size: var(--brand-size-section) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
  font-weight: 600 !important;
}

/* --- Size 3: Card Titles & Subheads (17.5px - 20px) --- */
h3, h4, .brand-card-title, .why-card h3 {
  font-family: var(--font-primary) !important;
  font-size: var(--brand-size-card) !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
}

/* --- Size 4: Body Text & Paragraphs (Standard 14px) --- */
:where(p, li, td, th), .brand-body, .brand-lead {
  font-family: var(--font-secondary);
  font-size: 0.875rem; /* 14px universal standard */
  line-height: 1.625;
}

/* Strict 14px Body & Compact Items (ensures 14px computed in DevTools) */
.text-sm,
.text-sm :where(span, div, strong, a, p, li) {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

/* Default body text color on light surfaces (zero-specificity so utility classes win) */
:where(p, li, td, th, .brand-body) {
  color: var(--color-ink-body);
}

.bg-brand :where(p, li, td, th),
.bg-brand-dark :where(p, li, td, th),
.bg-brand-deep :where(p, li, td, th),
.text-white :where(p, li, td, th),
[class*="bg-brand"] :where(p, li, td, th) {
  color: inherit;
}

.bg-brand .text-gold,
.bg-brand-dark .text-gold,
.bg-brand-deep .text-gold,
[class*="bg-brand"] .text-gold {
  color: #FCD34D !important;
}

#packaging :where(li, td) {
  color: #FEF3C7 !important;
}
#packaging :where(th) {
  color: #FCD34D !important;
}

/* --- Size 4-Meta: Eyebrows, Labels & Badges (12px Uppercase) --- */
.hero-eyebrow,
.section-label,
[data-hero-pill],
.brand-badge {
  font-family: var(--font-secondary) !important;
  font-size: var(--brand-size-eyebrow) !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

/* Primary Combined Font: Italic Accent with Gold Color */
h1 em, h2 em, h3 em, h4 em,
.brand-hero-title em,
.hero-headline em,
.font-display em,
.brand-section-title em {
  font-family: var(--font-primary) !important;
  font-style: italic !important;
  font-weight: 600 !important;
  color: var(--color-gold) !important;
}

/* Hero Eyebrow */
.hero-eyebrow {
  color: var(--color-gold);
  margin-bottom: 0.5rem;
}

.hero-eyebrow::before,
.hero-eyebrow::after {
  display: none !important;
}

/* Tabular Numerics for Data / Stats (DM Sans) */
.font-numeric, .counter-val, .metric-val, .stat-val {
  font-family: var(--font-secondary) !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

/* --------------------------------------------------------------------------
   2. TAMING OVERSIZED ELEMENTS & EXCESSIVE SPACING GLOBALLY
   -------------------------------------------------------------------------- */
/* Normalize oversized Tailwind heading utility classes */
h2.text-6xl, h2.text-5xl, h2.text-4xl, h2.text-3xl {
  font-size: var(--brand-size-section) !important;
}

h3.text-5xl, h3.text-4xl {
  font-size: var(--brand-size-section) !important;
}

h3.text-3xl, h3.text-2xl, h3.text-xl,
h4.text-3xl, h4.text-2xl, h4.text-xl {
  font-size: var(--brand-size-card) !important;
}

/* Normalize oversized section vertical padding (compact & balanced) */
section:not(#hero):not(.search-hero-section) {
  padding-top: clamp(2.75rem, 4.5vw, 4rem) !important;
  padding-bottom: clamp(2.75rem, 4.5vw, 4rem) !important;
}

.py-20, .py-24, .py-28, .py-32 {
  padding-top: clamp(2.75rem, 4.5vw, 4rem) !important;
  padding-bottom: clamp(2.75rem, 4.5vw, 4rem) !important;
}

/* Normalize Hero padding so it does not dominate the entire screen */
#hero:not(.search-hero-section) {
  padding-top: clamp(6.5rem, 8.5vw, 7.5rem) !important;
  padding-bottom: clamp(3rem, 4vw, 4rem) !important;
}

.search-hero-section,
section#hero.search-hero-section {
  padding-top: clamp(9.5rem, 14vw, 12.5rem) !important;
  padding-bottom: clamp(4rem, 6vw, 5.5rem) !important;
}

.pt-32, .pt-36, .pt-40 {
  padding-top: clamp(6rem, 7.5vw, 7.25rem) !important;
}
.pb-20, .pb-24, .pb-28 {
  padding-bottom: clamp(2.75rem, 4vw, 3.75rem) !important;
}

/* Normalize oversized layout gaps */
.gap-12, .gap-16, .gap-20 {
  gap: clamp(1.5rem, 2.5vw, 2.5rem) !important;
}

/* Normalize oversized cards and feature list icons */
.about-list-item, .why-card {
  padding: 1.25rem 1.5rem !important;
}

.about-list-icon {
  width: 2.75rem !important;
  height: 2.75rem !important;
}

.about-list-icon svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.brand-lead {
  font-family: var(--font-body) !important;
  font-size: var(--brand-text-lead) !important;
  line-height: 1.65 !important;
}

.brand-body {
  font-family: var(--font-body) !important;
  font-size: var(--brand-text-body) !important;
  line-height: 1.65 !important;
}

.brand-body-sm {
  font-family: var(--font-body) !important;
  font-size: var(--brand-text-sm) !important;
  line-height: 1.55 !important;
}

.brand-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-body) !important;
  font-size: var(--brand-text-xs) !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 0.375rem 1rem;
  border-radius: 9999px;
  background-color: rgba(200, 146, 42, 0.12);
  border: 1px solid rgba(200, 146, 42, 0.3);
  color: var(--color-gold);
}

.brand-stat-num {
  font-family: var(--font-secondary) !important;
  font-size: clamp(1.5rem, 2.5vw, 2.25rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  letter-spacing: -0.01em;
}

/* --------------------------------------------------------------------------
   3. LUXURY BRAND ACCENTS & FINISHING TOUCHES
   -------------------------------------------------------------------------- */
/* Signature Shimmering Gold Text */
.brand-gold-text {
  color: var(--color-gold-light);
  background: linear-gradient(105deg, #fef3c7 0%, #fde68a 25%, #ffffff 50%, #f59e0b 75%, #fef3c7 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: goldTextFlow 7s linear infinite;
  display: inline-block;
}

/* Brand Text Selection */
::selection {
  background-color: var(--color-gold);
  color: #ffffff;
}
::-moz-selection {
  background-color: var(--color-gold);
  color: #ffffff;
}

/* Luxury Custom Scrollbar */
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
::-webkit-scrollbar-track {
  background: var(--color-cream);
}
::-webkit-scrollbar-thumb {
  background: rgba(140, 70, 20, 0.35);
  border-radius: 9999px;
  border: 2px solid var(--color-cream);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-gold);
}

/* Executive Card Styling */
.brand-card {
  background: #ffffff;
  border: 1px solid var(--color-cream-border);
  border-radius: 1.25rem;
  box-shadow: var(--brand-shadow-card);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;
}
.brand-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--brand-shadow-hover);
  border-color: rgba(200, 146, 42, 0.45);
}

/* Dark Glassmorphic Card */
.brand-card-dark {
  background: rgba(140, 70, 20, 0.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(200, 146, 42, 0.25);
  border-radius: 1.25rem;
  box-shadow: 0 16px 40px -10px rgba(0, 0, 0, 0.4);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;
}
.brand-card-dark:hover {
  transform: translateY(-5px);
  border-color: rgba(200, 146, 42, 0.55);
}

/* Gold Accent Border & Divider */
.brand-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(200, 146, 42, 0.45) 50%, transparent);
  border: none;
  margin: 2.5rem 0;
}

/* ==========================================================================
   4. PRIMARY BRAND & CREAM COLOR UNIFICATION
   Mandate: The hero section background (#8c4614) is the Brand's Primary color.
   All dark brown elements, cards, and sections are replaced with this primary brand colour.
   ========================================================================== */
.bg-brand-deep,
.bg-brand-dark,
.bg-brand-surface,
.brand-card-dark,
[class*="bg-brand-deep"],
[class*="bg-brand-dark"],
[class*="bg-brand-surface"] {
  background-color: var(--color-brand) !important;
}

.from-brand-deep {
  --tw-gradient-from: var(--color-brand) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(140, 70, 20, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.via-brand-deep\/60 {
  --tw-gradient-to: rgba(140, 70, 20, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgba(140, 70, 20, 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.to-brand-deep {
  --tw-gradient-to: var(--color-brand) var(--tw-gradient-to-position) !important;
}

.glass-capsule {
  background: rgba(140, 70, 20, 0.94) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(200, 146, 42, 0.35) !important;
  box-shadow: 0 12px 35px -8px rgba(140, 70, 20, 0.45) !important;
}

.glass-card-dark {
  background: rgba(140, 70, 20, 0.94) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(200, 146, 42, 0.25) !important;
}

.btn-brand-dark {
  background-color: var(--color-brand) !important;
}
.btn-brand-dark:hover {
  background-color: #a3531a !important;
}

/* ==========================================================================
   5. HERO SECTIONS, FOOTER & DARK BRAND CONTRAST ENFORCEMENT
   Mandate: Headings on dark/hero sections MUST be pure crisp white (#ffffff)
   with gold italic accents.
   Descriptions, paragraphs, and list items MUST be luminous warm cream
   (rgba(254, 243, 199, 0.95) / #faf6f0).
   Footer links and text MUST be luminous cream with gold/white on hover.
   Text MUST NEVER blend with the primary brand background (#8c4614).
   ========================================================================== */
#hero,
[id="hero"],
.hero-section {
  color: #ffffff !important;
}

#hero h1,
#hero h2,
#hero h3,
#hero .brand-hero-title,
#hero .hero-headline,
#hero .font-display:not(em),
[id="hero"] h1,
[id="hero"] h2,
[id="hero"] h3,
[id="hero"] .brand-hero-title,
[id="hero"] .hero-headline,
[id="hero"] .font-display:not(em) {
  color: #ffffff !important;
}

#hero em,
#hero .font-display em,
[id="hero"] em,
[id="hero"] .font-display em {
  color: #c8922a !important; /* Gold italic accent */
}

#hero p,
#hero .brand-lead,
#hero .hero-anim-desc,
[id="hero"] p,
[id="hero"] .brand-lead,
[id="hero"] .hero-anim-desc {
  color: rgba(254, 243, 199, 0.95) !important; /* Luminous warm cream */
}

#hero .hero-eyebrow,
#hero [data-hero-pill],
[id="hero"] .hero-eyebrow,
[id="hero"] [data-hero-pill] {
  color: #c8922a !important;
}

/* Hero Metric Cards (index.php, gallery.php) */
#hero [data-hero-metrics] .brand-card-title,
[id="hero"] [data-hero-metrics] .brand-card-title {
  color: #ffffff !important;
}
#hero [data-hero-metrics] [class*="text-amber"],
[id="hero"] [data-hero-metrics] [class*="text-amber"] {
  color: rgba(254, 243, 199, 0.9) !important;
}

/* Global Footer Luxury Brand Brown Styling with Luminous Cream Typography */
footer,
footer.bg-brand,
footer.bg-brand-deep,
footer.footer-brand,
.footer-brand {
  background-color: #4e2105 !important; /* Earlier luxury dark chocolate brown (bg-brand-deep) */
  color: #faf6f0 !important;
  border-top: 1px solid rgba(200, 146, 42, 0.25) !important;
}

footer h2,
footer h3,
footer h4 {
  color: #c8922a !important; /* Luxury Gold headings */
}

footer p {
  color: rgba(254, 243, 199, 0.95) !important; /* Luminous warm cream */
}

footer ul,
footer ul li {
  color: rgba(254, 243, 199, 0.95) !important;
}

footer ul li a,
footer a {
  color: rgba(254, 243, 199, 0.95) !important;
  transition: color 0.2s ease;
}

footer ul li a:hover,
footer a:hover {
  color: #ffffff !important; /* Pure white on hover */
}

footer a.hover\:text-white:hover {
  color: #ffffff !important;
}

footer .text-gold {
  color: #c8922a !important;
}

footer .text-white {
  color: #ffffff !important;
}

/* Prevent any accidental brown/dark colors inside the footer */
footer .text-brand {
  color: #c8922a !important;
}

footer .text-ink,
footer .text-ink-body,
footer .text-ink-muted {
  color: rgba(254, 243, 199, 0.95) !important;
}

footer [class*="text-amber"] {
  color: rgba(254, 243, 199, 0.95) !important;
}

footer .border-b {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Dark Brand Components Contrast */
.bg-brand.text-white h1,
.bg-brand.text-white h2,
.bg-brand.text-white h3:not(.b2b-buyer-card *):not(.market-region-card *),
.bg-brand.text-white .font-display:not(em):not(.b2b-buyer-card *):not(.market-region-card *),
[id="suta-inspector"] h2,
.bg-brand[id="awards"] h2,
[id="awards"].bg-brand h2,
[id="packaging"] h2,
[id="founder-award"] h2,
[id="tedx-slider"] h2,
[id="tedx-slider"] h3 {
  color: #ffffff !important;
}

[id="awards"].bg-white h2,
#awards.bg-white h2 {
  color: #4e2105 !important;
}

.bg-brand.text-white p:not(.market-region-card *):not(.b2b-buyer-card *),
.bg-brand p:not(.market-region-card *):not(.b2b-buyer-card *),
[id="suta-inspector"] p,
[id="packaging"] p,
[id="founder-award"] p,
[id="tedx-slider"] p {
  color: rgba(254, 243, 199, 0.92) !important;
}

/* Ensure crystal-clear readability for light/cream award sections and evaluation cards */
#awards p.text-ink-body,
#awards .text-ink-body,
#evaluation-criteria p,
.bg-cream-subtle p,
.bg-cream-subtle .text-ink-body {
  color: #4a2e18 !important; /* Deep rich legible espresso with optimal contrast on white and cream */
}

/* ==========================================================================
   6. STRICT IMAGE BORDER ERADICATION (Universal & Permanent Rule)
   Mandate: Remove borders from all images and image containers across this website.
   Never add borders to images, picture wrappers, slides, stages, or lightbox media.
   ========================================================================== */
img,
picture,
figure,
video,
iframe,
#lightbox-img,
#fha-stage-container,
#fha-stage-container *,
#tedx-stage-container,
#tedx-stage-container *,
#tedx-video-player-wrap,
.fb-blog-card [class*="aspect-"],
[class*="thumbnail-btn-"],
.aspect-square:has(> img),
.aspect-video:has(> img),
[class*="aspect-"]:has(> img),
div:has(> img.aspect-square),
div:has(> img.object-cover),
div:has(> img.object-contain),
div:has(> img.story-bg-img),
div:has(> img[class*="aspect-"]),
div:has(> #lightbox-img) {
  border: none !important;
  border-width: 0px !important;
  border-color: transparent !important;
  outline: none !important;
}

/* ==========================================================================
   7. 2026 DYNAMIC NAVBAR: TRANSPARENT AT TOP -> CREAM GLASSMORPHISM ON SCROLL
   Visual Spec:
   - At top: Full-width transparent navbar, crisp white logo & links, white search icon,
     white outlined rectangular CONTACT button.
   - When scrolled (> 30px): Frosted cream glassmorphism background (#faf6f0 with blur),
     brand brown logo (#8c4614), brand brown links & search icon, brand brown
     outlined rectangular CONTACT button.
   ========================================================================== */
#site-header {
  background-color: transparent !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
  transition: background-color 0.4s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

#site-header .nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  height: 64px;
  min-height: 64px;
  max-height: 64px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition: padding 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease;
}

@media (min-width: 640px) {
  #site-header .nav-container {
    height: 68px;
    min-height: 68px;
    max-height: 68px;
  }
}

@media (min-width: 768px) {
  #site-header .nav-container {
    height: 72px;
    min-height: 72px;
    max-height: 72px;
  }
}

@media (min-width: 1024px) {
  #site-header .nav-container {
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
  }
}

/* Nav Menu Flex & Responsive Gaps (Refined 9 Menus Spacing) */
#site-header .nav-menu {
  display: none;
  align-items: center;
}

@media (min-width: 1024px) {
  #site-header .nav-container {
    gap: 0.85rem;
  }
  #site-header .nav-menu {
    display: flex;
    margin-left: auto; /* Shift entire menu bar towards search icon */
    gap: 0.85rem; /* ~14px compact gap on laptops */
  }
  #site-header .nav-link {
    font-size: 14.5px !important;
    padding: 0.35rem 0.15rem !important;
  }
  #site-header .nav-mobile-btn {
    display: none !important;
  }
  #site-header .btn-sample-nav {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  #site-header .nav-container {
    gap: 1.05rem;
  }
  #site-header .nav-menu {
    gap: 1.05rem; /* ~17px harmonious spacing */
  }
  #site-header .nav-link {
    font-size: 14.5px !important;
  }
}

@media (min-width: 1366px) {
  #site-header .nav-container {
    gap: 1.25rem;
  }
  #site-header .nav-menu {
    gap: 1.25rem; /* ~20px balanced gap */
  }
  #site-header .nav-link {
    font-size: 15px !important;
  }
}

@media (min-width: 1536px) {
  #site-header .nav-container {
    gap: 1.45rem;
  }
  #site-header .nav-menu {
    gap: 1.45rem; /* ~23px elegant luxury spacing */
  }
  #site-header .nav-link {
    font-size: 15px !important;
  }
}

@media (max-width: 1023px) {
  #site-header .nav-menu {
    display: none !important;
  }
  #site-header .btn-sample-nav {
    display: none !important;
  }
  #site-header .nav-mobile-btn {
    display: inline-flex !important;
  }
}

/* Brand Logos (Cross-fade between white & brown - Mathematically Calibrated 1:1 Identical Visual Scale) */
#site-header .nav-logo-white {
  display: block;
  height: 42px;
  width: auto;
  max-width: none;
  object-fit: contain;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

#site-header .nav-logo-dark {
  position: absolute;
  top: 50%;
  left: 0;
  height: 39px;
  width: auto;
  max-width: none;
  object-fit: contain;
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (min-width: 640px) {
  #site-header .nav-logo-white {
    height: 46px;
  }
  #site-header .nav-logo-dark {
    height: 43px;
  }
}

@media (min-width: 768px) {
  #site-header .nav-logo-white {
    height: 50px;
  }
  #site-header .nav-logo-dark {
    height: 47px;
  }
}

@media (min-width: 1024px) {
  #site-header .nav-logo-white {
    height: 56px;
  }
  #site-header .nav-logo-dark {
    height: 53px;
  }
}

@media (min-width: 1366px) {
  #site-header .nav-logo-white {
    height: 58px;
  }
  #site-header .nav-logo-dark {
    height: 55px;
  }
}

/* Nav Links: Top Unscrolled State (Pure White) - Proper Case & Normal Weight */
#site-header .nav-link {
  color: rgba(255, 255, 255, 0.92);
  font-family: var(--font-secondary, "DM Sans", sans-serif) !important;
  text-transform: none !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  padding: 0.4rem 0.25rem;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  transition: color 0.25s ease, opacity 0.25s ease;
  position: relative;
}

#site-header .nav-link:hover {
  color: #c8922a; /* Luxury Gold */
}

#site-header .nav-link.is-active {
  color: #ffffff;
  font-weight: 500 !important;
}
#site-header .nav-link.is-active::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 2px;
  right: 2px;
  height: 2px;
  background-color: #c8922a;
  border-radius: 9999px;
}

/* Nav Actions Container */
#site-header .nav-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* Request Sample Button (Luxury Gold) */
#site-header .btn-sample-nav {
  white-space: nowrap;
  flex-shrink: 0;
}

/* Mobile Toggle: Top Unscrolled State (Pure White) */
#site-header .nav-mobile-btn {
  color: #ffffff;
  background: transparent;
  transition: color 0.25s ease;
}
#site-header .nav-mobile-btn:hover {
  color: #c8922a;
}

/* ==========================================================================
   SCROLLED STATE: FROSTED CREAM GLASSMORPHISM (#faf6f0 / 94% + Blur)
   ========================================================================== */
#site-header.header-scrolled {
  background-color: rgba(250, 246, 240, 0.94) !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(232, 221, 208, 0.92) !important;
  box-shadow: 0 4px 20px -2px rgba(90, 45, 12, 0.08) !important;
}

#site-header.header-scrolled .nav-container {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

@media (min-width: 1024px) {
  #site-header.header-scrolled .nav-container {
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
  }
}

/* Logo Cross-fade to Brown */
#site-header.header-scrolled .nav-logo-white {
  opacity: 0;
  pointer-events: none;
}

#site-header.header-scrolled .nav-logo-dark {
  opacity: 1;
  pointer-events: auto;
}

/* Links turn to Brand Brown (#8c4614) */
#site-header.header-scrolled .nav-link {
  color: #8c4614;
}

#site-header.header-scrolled .nav-link:hover {
  color: #c8922a;
}

#site-header.header-scrolled .nav-link.is-active {
  color: #8c4614;
  font-weight: 500 !important;
}
#site-header.header-scrolled .nav-link.is-active::after {
  background-color: #8c4614;
}

/* Mobile Drawer Links: Strict Proper Case & Normal Weight */
#mobile-drawer a {
  text-transform: none !important;
  font-family: var(--font-secondary, "DM Sans", sans-serif) !important;
  font-weight: 400 !important;
}

/* Mobile Toggle turns to Brand Brown (#8c4614) */
#site-header.header-scrolled .nav-mobile-btn {
  color: #8c4614;
}
#site-header.header-scrolled .nav-mobile-btn:hover {
  color: #c8922a;
}

/* ==========================================================================
   8. UNIFIED HERO YELLOW BUTTON DESIGN SYSTEM (Global Across Entire Website)
   - Resting: Bright Amber-Yellow (#fbbf24) with Deep Brand Brown Text (#4e2105)
   - Hover: Primary Brand Brown (#8c4614) with Pure White Font (#ffffff) & Gold Trim
   - Active: Deep Espresso Brown (#5c2808) with Pure White Font (#ffffff)
   ========================================================================== */

.btn-gold,
a.btn-gold,
button.btn-gold,
[class*="btn-gold"],
.fb-btn-gold {
  background-color: #fbbf24 !important;
  color: #4e2105 !important;
  font-weight: 700 !important;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px -1px rgba(180, 83, 9, 0.22), 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-gold:hover,
a.btn-gold:hover,
button.btn-gold:hover,
[class*="btn-gold"]:hover,
.fb-btn-gold:hover {
  background-color: #8c4614 !important;
  color: #ffffff !important;
  border-color: #c8922a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px -2px rgba(140, 70, 20, 0.35), 0 2px 6px -1px rgba(0, 0, 0, 0.08) !important;
}

.btn-gold:active,
a.btn-gold:active,
button.btn-gold:active,
[class*="btn-gold"]:active,
.fb-btn-gold:active {
  background-color: #5c2808 !important;
  color: #ffffff !important;
  border-color: #b87d1e !important;
  transform: translateY(0) !important;
  box-shadow: 0 2px 6px rgba(140, 70, 20, 0.25) !important;
}

/* Ensure SVG icons inside .btn-gold inherit deep brand dark brown, shifting to white on hover */
.btn-gold svg,
[class*="btn-gold"] svg,
.fb-btn-gold svg {
  color: #4e2105 !important;
  stroke: currentColor !important;
  transition: color 0.25s ease, stroke 0.25s ease !important;
}

.btn-gold:hover svg,
a.btn-gold:hover svg,
button.btn-gold:hover svg,
[class*="btn-gold"]:hover svg,
.fb-btn-gold:hover svg,
.btn-gold:active svg,
a.btn-gold:active svg,
button.btn-gold:active svg,
[class*="btn-gold"]:active svg,
.fb-btn-gold:active svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Clean, refined warm shadow utility class (replaces excessive fluorescent blur) */
.shadow-gold-glow {
  box-shadow: 0 3px 10px -2px rgba(180, 83, 9, 0.25), 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

/* Ensure pill border-radius across all gold action buttons */
.btn-gold,
a.btn-gold,
button.btn-gold,
[class*="btn-gold"],
.fb-btn-gold {
  border-radius: 9999px !important;
}

/* ==========================================================================
   GLOBAL BUTTON SYSTEM (.btn-brand, .btn-secondary, .btn-outline)
   Guarantees solid backgrounds, borders, high contrast, and tactile hover states
   ========================================================================== */

/* 1. Primary Brand Dark Button (.btn-brand) */
.btn-brand,
a.btn-brand,
button.btn-brand,
[class*="btn-brand"]:not([class*="btn-brand-dark"]) {
  background-color: #4e2105 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border: 1.5px solid #c8922a !important;
  border-radius: 9999px !important;
  box-shadow: 0 4px 14px -2px rgba(78, 33, 5, 0.3), 0 2px 4px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.btn-brand:hover,
a.btn-brand:hover,
button.btn-brand:hover {
  background-color: #7a3207 !important;
  color: #ffffff !important;
  border-color: #fbbf24 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px -2px rgba(122, 50, 7, 0.42), 0 2px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

.btn-brand:active,
a.btn-brand:active,
button.btn-brand:active {
  background-color: #3d1602 !important;
  color: #ffffff !important;
  transform: translateY(0) !important;
}

.btn-brand svg,
button.btn-brand svg,
a.btn-brand svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* 2. Secondary Button (.btn-secondary) - Crisp solid button on light/cream backgrounds */
.btn-secondary,
a.btn-secondary,
button.btn-secondary {
  background-color: #ffffff !important;
  color: #4e2105 !important;
  font-weight: 600 !important;
  border: 1.5px solid #c8922a !important;
  border-radius: 9999px !important;
  box-shadow: 0 2px 8px -1px rgba(78, 33, 5, 0.12), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.btn-secondary:hover,
a.btn-secondary:hover,
button.btn-secondary:hover {
  background-color: #4e2105 !important;
  color: #ffffff !important;
  border-color: #4e2105 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 18px -2px rgba(78, 33, 5, 0.25) !important;
}

.btn-secondary:active,
a.btn-secondary:active,
button.btn-secondary:active {
  background-color: #3a1602 !important;
  color: #ffffff !important;
  transform: translateY(0) !important;
}

.btn-secondary svg,
button.btn-secondary svg,
a.btn-secondary svg {
  color: currentColor !important;
  stroke: currentColor !important;
  transition: color 0.25s ease, stroke 0.25s ease !important;
}

.btn-secondary:hover svg,
button.btn-secondary:hover svg,
a.btn-secondary:hover svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* 3. Secondary Button on Dark Brand Backgrounds */
.bg-brand .btn-secondary,
[class*="bg-brand"] .btn-secondary,
.text-white .btn-secondary,
section.bg-brand .btn-secondary {
  background-color: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

.bg-brand .btn-secondary:hover,
[class*="bg-brand"] .btn-secondary:hover,
.text-white .btn-secondary:hover,
section.bg-brand .btn-secondary:hover {
  background-color: #c8922a !important;
  color: #4e2105 !important;
  border-color: #fbbf24 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.4) !important;
}

.bg-brand .btn-secondary:hover svg,
[class*="bg-brand"] .btn-secondary:hover svg,
.text-white .btn-secondary:hover svg,
section.bg-brand .btn-secondary:hover svg {
  color: #4e2105 !important;
  stroke: #4e2105 !important;
}

/* 4. Outline Button (.btn-outline) */
.btn-outline,
a.btn-outline,
button.btn-outline {
  background-color: transparent !important;
  color: #4e2105 !important;
  font-weight: 600 !important;
  border: 1.5px solid #c8922a !important;
  border-radius: 9999px !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.btn-outline:hover,
a.btn-outline:hover,
button.btn-outline:hover {
  background-color: #c8922a !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* ==========================================================================
/* ==========================================================================
   HERO TEXT HIGHLIGHT (Clean Bold Yellow)
   High-contrast radiant yellow text without wave or underline artifacts
   ========================================================================== */
.hero-highlight-wave,
.hero-highlight-yellow {
  color: #fde047 !important; /* Radiant vivid yellow */
  font-weight: 700 !important;
  display: inline !important;
  text-decoration: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

.hero-highlight-wave:hover,
.hero-highlight-yellow:hover {
  color: #ffffff !important;
  text-shadow: 0 0 12px rgba(253, 224, 71, 0.6);
}

/* Navbar button specific enforcement across transparent and scrolled states */
#site-header .btn-sample-nav,
#site-header.header-scrolled .btn-sample-nav {
  background-color: #fbbf24 !important;
  color: #4e2105 !important;
  font-weight: 700 !important;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px -1px rgba(180, 83, 9, 0.22), 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Dual Mode Switcher Button (Photos / Video) - Unified Global Hero Yellow Button Design */
.media-mode-btn-active,
button.media-mode-btn-active,
[id^="btn-mode-"].media-mode-btn-active {
  background-color: #fbbf24 !important;
  color: #4e2105 !important;
  font-weight: 700 !important;
  border: 1px solid transparent !important;
  box-shadow: 0 4px 14px 0 rgba(251, 191, 36, 0.45) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.media-mode-btn-active svg,
button.media-mode-btn-active svg,
[id^="btn-mode-"].media-mode-btn-active svg {
  color: #4e2105 !important;
  fill: currentColor !important;
}
.media-mode-btn-active span,
button.media-mode-btn-active span,
[id^="btn-mode-"].media-mode-btn-active span {
  color: #4e2105 !important;
  font-weight: 700 !important;
}

.media-mode-btn-inactive,
button.media-mode-btn-inactive,
[id^="btn-mode-"].media-mode-btn-inactive {
  background-color: transparent !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.media-mode-btn-inactive:hover,
button.media-mode-btn-inactive:hover,
[id^="btn-mode-"].media-mode-btn-inactive:hover {
  color: #fbbf24 !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.media-mode-btn-inactive svg,
button.media-mode-btn-inactive svg,
[id^="btn-mode-"].media-mode-btn-inactive svg {
  color: #fbbf24 !important;
  fill: currentColor !important;
}
.media-mode-btn-inactive span,
button.media-mode-btn-inactive span,
[id^="btn-mode-"].media-mode-btn-inactive span {
  color: #ffffff !important;
}

/* Slider Corner Lightbox Zoom Button - Global Hero Yellow Button Design */
.btn-slider-enlarge,
button.btn-slider-enlarge {
  background-color: #fbbf24 !important;
  color: #4e2105 !important;
  font-weight: 700 !important;
  border: 1px solid transparent !important;
  box-shadow: 0 4px 14px 0 rgba(251, 191, 36, 0.45) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.btn-slider-enlarge:hover,
button.btn-slider-enlarge:hover {
  background-color: #8c4614 !important;
  color: #ffffff !important;
  border-color: #c8922a !important;
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow: 0 8px 20px -2px rgba(140, 70, 20, 0.45), 0 2px 6px -1px rgba(0, 0, 0, 0.15) !important;
}
.btn-slider-enlarge svg,
button.btn-slider-enlarge svg {
  color: #4e2105 !important;
  stroke: #4e2105 !important;
  transition: color 0.25s ease, stroke 0.25s ease !important;
}
.btn-slider-enlarge:hover svg,
button.btn-slider-enlarge:hover svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}
.btn-slider-enlarge span,
button.btn-slider-enlarge span {
  color: inherit !important;
  font-weight: 700 !important;
}

#site-header .btn-sample-nav:hover,
#site-header.header-scrolled .btn-sample-nav:hover {
  background-color: #8c4614 !important;
  color: #ffffff !important;
  border-color: #c8922a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px -2px rgba(140, 70, 20, 0.35), 0 2px 6px -1px rgba(0, 0, 0, 0.08) !important;
}

#site-header .btn-sample-nav:hover svg,
#site-header.header-scrolled .btn-sample-nav:hover svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* ==========================================================================
   9. NAVBAR SEARCH BUTTON STYLING (Between Contact & Request Sample)
   Visual Spec:
   - Unscrolled (Top Transparent State): Pure White (#ffffff/90) with gold hover.
   - Scrolled (Cream Frosted Glassmorphism State): Brand Brown (#8c4614) with gold hover.
   ========================================================================== */
#site-header .nav-search-btn {
  color: rgba(255, 255, 255, 0.92) !important;
  background: transparent !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.35rem 0.25rem !important;
  cursor: pointer !important;
  transition: color 0.25s ease, transform 0.2s ease !important;
}

#site-header .nav-search-btn:hover {
  color: #c8922a !important;
  transform: scale(1.12) !important;
}

#site-header.header-scrolled .nav-search-btn {
  color: #8c4614 !important;
}

#site-header.header-scrolled .nav-search-btn:hover {
  color: #c8922a !important;
  transform: scale(1.12) !important;
}

/* ==========================================================================
   10. RESTORED COMBINED PRIMARY FONT & SIGNATURE TYPOGRAPHY SYSTEM
   Mandate:
   - Primary Heading Font: 'Cormorant Garamond' (serif)
   - Signature Combined Pairing: Roman Upright serif for main heading words,
     paired with Italic Gold serif (#c8922a) for emphasized words (em, .italic, .text-gold).
   - Strict enforcement across all headings (h1, h2, h3, h4, h5, h6, .font-display,
     .brand-hero-title, .hero-headline, .section-headline, .brand-section-title,
     .brand-card-title, .about-title) and all subpages.
   - Body font remains 'DM Sans' (sans-serif) for high legibility.
   ========================================================================== */
:root {
  --font-primary: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-secondary: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  --font-serif: var(--font-primary);
  --font-sans: var(--font-secondary);
  --font-display: var(--font-primary);
}

/* All Headings across entire website use Cormorant Garamond Roman */
h1, h2, h3, h4, h5, h6,
.font-display,
.brand-hero-title,
.hero-headline,
.section-headline,
.brand-section-title,
.about-title {
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
}

/* Combined Signature: Italic Gold Accent inside headings */
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em,
.brand-hero-title em,
.hero-headline em,
.section-headline em,
.brand-section-title em,
.about-title em,
.font-display em,
.font-display.italic,
.font-display .italic,
h1 .italic, h2 .italic, h3 .italic,
h1 .text-gold.italic, h2 .text-gold.italic, h3 .text-gold.italic,
.brand-hero-title .italic, .hero-headline .italic {
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
  font-style: italic !important;
  color: #c8922a !important;
}

/* Brand Metric Card Titles in Hero & Global Sections (e.g., Mithila Makhana, 5 Grades, Zero Supply Gaps, Export Ready) */
.brand-card-title,
[data-hero-metrics] .brand-card-title,
.brand-card-title .counter-val,
[data-hero-metrics] .brand-card-title .counter-val,
[data-hero-metrics] .counter-val {
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
  font-size: 23.2px !important;
  line-height: 1.25;
}
@media (min-width: 640px) {
  .brand-card-title,
  [data-hero-metrics] .brand-card-title,
  .brand-card-title .counter-val,
  [data-hero-metrics] .brand-card-title .counter-val,
  [data-hero-metrics] .counter-val {
    font-size: 23.2px !important;
  }
}

/* ==========================================================================
   11. LUXURY FULLSCREEN COMMAND SPOTLIGHT SEARCH
   ========================================================================== */
/* ==========================================================================
   2026 LUXURY SPOTLIGHT SEARCH OVERLAY (Dark Frosted Glass / Command-K)
   ========================================================================== */
.spotlight-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important; /* Centered in screen */
  padding: 1.5rem !important;
  overflow-y: auto !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s !important;
}

.spotlight-overlay.is-active {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Fullscreen Deep Frosted Dark Glass Backdrop */
.spotlight-backdrop {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(10, 5, 2, 0.88) !important;
  backdrop-filter: blur(28px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(150%) !important;
  cursor: pointer !important;
}

/* Top Right Close Button (Circular Cross Icon Only) */
.spotlight-close-btn {
  position: fixed !important;
  top: 1.5rem !important;
  right: 1.5rem !important;
  z-index: 10001 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 0 !important;
  border-radius: 9999px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.spotlight-close-btn:hover {
  background: rgba(200, 146, 42, 0.25) !important;
  border-color: #c8922a !important;
  color: #ffffff !important;
  transform: scale(1.08) !important;
}

/* Spotlight Container */
.spotlight-container {
  position: relative !important;
  z-index: 10000 !important;
  width: 100% !important;
  max-width: 720px !important;
  transform: translateY(-8px) scale(0.98) !important;
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.spotlight-overlay.is-active .spotlight-container {
  transform: translateY(0) scale(1) !important;
}

/* Spotlight Floating Glass Box (Soft luxury border, circular pill shape) */
.spotlight-box {
  background: rgba(22, 11, 5, 0.95) !important;
  backdrop-filter: blur(32px) !important;
  -webkit-backdrop-filter: blur(32px) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important; /* Soft luxury border */
  border-radius: 9999px !important;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(200, 146, 42, 0.08) !important;
  overflow: hidden !important;
  transition: border-radius 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.spotlight-box:focus-within {
  border-color: rgba(200, 146, 42, 0.5) !important; /* Refined gold border highlight */
  box-shadow: 0 30px 80px -15px rgba(0, 0, 0, 0.95), 0 0 0 3px rgba(200, 146, 42, 0.18) !important;
}

/* When results panel is visible, soften corners to an elegant rounded card */
.spotlight-box.has-results,
.spotlight-box:has(.spotlight-results-panel:not(.hidden)) {
  border-radius: 1.5rem !important;
}

/* Input Row */
.spotlight-input-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0.55rem 0.65rem 0.55rem 1.35rem !important;
}

.spotlight-search-icon {
  color: #fbbf24 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.spotlight-input {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 0.9375rem !important; /* Clean 15px */
  font-weight: 400 !important;
  color: #ffffff !important;
  line-height: 1.5 !important;
  padding: 0.4rem 0.25rem !important;
}

.spotlight-input::placeholder {
  color: rgba(254, 243, 199, 0.45) !important;
  font-size: 0.875rem !important; /* Reduced placeholder to 14px */
  font-weight: 300 !important;
}

.spotlight-clear-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  border: none !important;
  color: rgba(255, 255, 255, 0.6) !important;
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 9999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
}

.spotlight-clear-btn:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

.spotlight-submit-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  background-color: #fbbf24 !important;
  color: #4e2105 !important;
  font-weight: 700 !important;
  font-size: 0.775rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 0.6rem 1.25rem !important;
  border-radius: 9999px !important; /* Circular pill button */
  border: 1px solid transparent !important;
  cursor: pointer !important;
  box-shadow: 0 2px 6px -1px rgba(180, 83, 9, 0.25) !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
}

.spotlight-submit-btn:hover {
  background-color: #8c4614 !important;
  color: #ffffff !important;
  border-color: #c8922a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px -1px rgba(140, 70, 20, 0.35) !important;
}

.spotlight-submit-btn:hover svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Results Panel (Directly under input, inside the box) */
.spotlight-results-panel {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(15, 7, 3, 0.88) !important;
}

/* Enterprise Results Header */
.spotlight-results-header {
  padding: 0.85rem 1.25rem 0.65rem 1.25rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
  background: rgba(10, 5, 2, 0.6) !important;
}

.spotlight-filter-btn {
  padding: 0.3rem 0.8rem !important;
  font-size: 0.725rem !important;
  font-weight: 500 !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.spotlight-filter-btn:hover {
  background: rgba(200, 146, 42, 0.18) !important;
  border-color: rgba(200, 146, 42, 0.45) !important;
  color: #ffffff !important;
}

.spotlight-filter-btn.is-active {
  background: #fbbf24 !important;
  border-color: #fbbf24 !important;
  color: #4e2105 !important;
  font-weight: 700 !important;
}

/* Enterprise Result Card */
.spotlight-hit {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.85rem 1.15rem !important;
  border-radius: 0.85rem !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
  margin-bottom: 0.4rem !important;
  outline: none !important;
}

.spotlight-hit:hover,
.spotlight-hit.is-focused {
  background: rgba(200, 146, 42, 0.14) !important;
  border-color: rgba(200, 146, 42, 0.45) !important;
  transform: translateX(4px) !important;
}

.spotlight-hit-badge {
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 0.2rem 0.55rem !important;
  border-radius: 9999px !important;
  white-space: nowrap !important;
}

/* Keyword Highlighting */
.spotlight-mark {
  background: rgba(251, 191, 36, 0.25) !important;
  color: #fef08a !important;
  border-radius: 0.2rem !important;
  padding: 0.05rem 0.2rem !important;
  font-weight: 600 !important;
}

/* Suggestion Chips */
.spotlight-suggest-chip {
  padding: 0.35rem 0.85rem !important;
  font-size: 0.75rem !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(200, 146, 42, 0.3) !important;
  background: rgba(200, 146, 42, 0.1) !important;
  color: #fbbf24 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.spotlight-suggest-chip:hover {
  background: #fbbf24 !important;
  color: #4e2105 !important;
  border-color: #fbbf24 !important;
  transform: scale(1.05) !important;
}

/* Footer Shortcuts */
.spotlight-footer {
  padding: 0.65rem 1.25rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
  background: rgba(10, 5, 2, 0.75) !important;
  font-size: 0.72rem !important;
  color: rgba(255, 255, 255, 0.5) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Position & Sizing Utility Fallbacks */
.inset-y-0 {
  top: 0 !important;
  bottom: 0 !important;
}

.w-3 {
  width: 0.75rem !important;
}

.h-3 {
  height: 0.75rem !important;
}

/* ==========================================================================
   CONTACT FORM & RFQ PLACEHOLDER OPACITY REFINEMENT
   ========================================================================== */
#contact-form input::placeholder,
#contact-form textarea::placeholder {
  color: #7d6b5c !important;
  opacity: 0.45 !important;
  font-weight: 300 !important;
}

#contact-form input::-webkit-input-placeholder,
#contact-form textarea::-webkit-input-placeholder {
  color: #7d6b5c !important;
  opacity: 0.45 !important;
  font-weight: 300 !important;
}

#contact-form input::-moz-placeholder,
#contact-form textarea::-moz-placeholder {
  color: #7d6b5c !important;
  opacity: 0.45 !important;
  font-weight: 300 !important;
}

#contact-form input:-ms-input-placeholder,
#contact-form textarea:-ms-input-placeholder {
  color: #7d6b5c !important;
  opacity: 0.45 !important;
  font-weight: 300 !important;
}

/* Match the dropdown unselected/placeholder option state */
#contact-form select:invalid,
#contact-form select.placeholder-active {
  color: rgba(125, 107, 92, 0.45) !important;
}

#rfq-drawer-content input::placeholder,
#rfq-drawer-content textarea::placeholder {
  opacity: 0.45 !important;
}

/* ==========================================================================
   INTERACTIVE TOAST NOTIFICATION STYLING & ANIMATION
   ========================================================================== */
#toast-notification {
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s !important;
}

#toast-notification.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

#toast-notification.is-hidden {
  opacity: 0 !important;
  transform: translateY(6rem) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* ==========================================================================
   INDUSTRIES SECTORS — LAPTOP SCREEN CALIBRATION
   Headings: +2px (36px -> 38px)
   Narrative Descriptions: +1px (13px -> 14px)
   ========================================================================== */
@media (min-width: 1024px) {
  .sector-card-title,
  #importers .sector-card-title,
  #supermarkets .sector-card-title,
  #snack-manufacturers .sector-card-title,
  #importers h3,
  #supermarkets h3,
  #snack-manufacturers h3 {
    font-size: 38px !important;
    line-height: 1.18 !important;
  }

  .sector-card-desc,
  #importers .sector-card-desc,
  #supermarkets .sector-card-desc,
  #snack-manufacturers .sector-card-desc,
  #importers p.sector-card-desc,
  #supermarkets p.sector-card-desc,
  #snack-manufacturers p.sector-card-desc,
  #importers p.brand-body-sm,
  #supermarkets p.brand-body-sm,
  #snack-manufacturers p.brand-body-sm {
    font-size: 14px !important;
    line-height: 1.62 !important;
  }

  .partner-cta-desc,
  .lg\:text-sm {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
}

/* ==========================================================================
   HOME PAGE HERO HEADLINE CALIBRATION
   Elevate font size across mobile, tablet, laptop, and desktop
   ========================================================================== */
.home-hero-headline,
#hero h1.home-hero-headline,
#hero .home-hero-headline {
  font-size: clamp(2.25rem, 1.5rem + 2.5vw, 3.5rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.015em !important;
}

@media (min-width: 768px) {
  .home-hero-headline,
  #hero h1.home-hero-headline,
  #hero .home-hero-headline {
    font-size: 48px !important;
    line-height: 1.12 !important;
  }
}

@media (min-width: 1024px) {
  .home-hero-headline,
  #hero h1.home-hero-headline,
  #hero .home-hero-headline {
    font-size: 58px !important;
    line-height: 1.1 !important;
  }
}

@media (min-width: 1280px) {
  .home-hero-headline,
  #hero h1.home-hero-headline,
  #hero .home-hero-headline {
    font-size: 64px !important;
    line-height: 1.08 !important;
  }
}

/* ==========================================================================
   HOME PAGE HERO SUBHEADING CONTAINER
   Calibrated width for exact 2-line + 2-line layout
   ========================================================================== */
#hero [data-hero-desc],
.home-hero-desc {
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#hero [data-hero-desc] p {
  font-size: 14px !important;
  line-height: 1.625 !important;
}

/* ==========================================================================
   FEATURED IN MARQUEE BANNER — PERFECT EDITORIAL SCALE
   Sleek, balanced trust strip with crisp typography and logos
   ========================================================================== */
.marquee-section {
  min-height: 84px !important;
  background-color: #f4eee6 !important;
  border-top: 1px solid rgba(140, 70, 20, 0.16) !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

@media (min-width: 1024px) {
  .marquee-section {
    min-height: 94px !important;
  }
}

.marquee-label {
  padding: 1rem 1.6rem !important;
  border-right: 1px solid rgba(140, 70, 20, 0.18) !important;
  background-color: #eae1d2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (min-width: 640px) {
  .marquee-label {
    padding: 1.15rem 2rem !important;
  }
}

@media (min-width: 1024px) {
  .marquee-label {
    padding: 1.25rem 2.5rem !important;
  }
}

.marquee-label span {
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif !important;
  font-size: 0.8125rem !important; /* 13px crisp, bold, clear */
  letter-spacing: 0.2em !important;
  font-weight: 700 !important;
  color: #612c08 !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

.marquee-wrap {
  padding: 1.15rem 0 !important;
}

@media (min-width: 768px) {
  .marquee-wrap {
    padding: 1.25rem 0 !important;
  }
}

@media (min-width: 1024px) {
  .marquee-wrap {
    padding: 1.35rem 0 !important;
  }
}

.marquee-inner {
  gap: 5.5rem !important;
  animation: marquee 38s linear infinite !important;
}

.marquee-logo {
  height: clamp(38px, 3.2vw, 48px) !important;
  max-height: 50px !important;
  width: auto !important;
  object-fit: contain !important;
  opacity: 0.94;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.marquee-logo.marquee-logo-wires {
  height: clamp(44px, 3.8vw, 56px) !important;
  max-height: 58px !important;
}

.marquee-logo:hover {
  transform: scale(1.08) !important;
  opacity: 1 !important;
}

/* ==========================================================================
   HERO STAT METRICS COLUMNS (MATCHING ATTACHED IMAGE STYLE)
   Clean, unboxed horizontal spread with prominent gold numbers
   ========================================================================== */
#hero .hero-stat-number:not(.recog-stat-amber-card *):not(.events-stat-amber-card *),
#hero .hero-stat-number:not(.recog-stat-amber-card *):not(.events-stat-amber-card *) .counter-val,
#hero .hero-stat-number:not(.recog-stat-amber-card *):not(.events-stat-amber-card *) .hero-counter-val,
[data-hero-metrics]:not(.recog-stat-amber-card *):not(.events-stat-amber-card *) .hero-stat-number:not(.recog-stat-amber-card *):not(.events-stat-amber-card *),
[data-hero-metrics]:not(.recog-stat-amber-card *):not(.events-stat-amber-card *) .hero-stat-number:not(.recog-stat-amber-card *):not(.events-stat-amber-card *) .counter-val,
[data-hero-metrics]:not(.recog-stat-amber-card *):not(.events-stat-amber-card *) .hero-stat-number:not(.recog-stat-amber-card *):not(.events-stat-amber-card *) .hero-counter-val,
[data-hero-metrics]:not(.recog-stat-amber-card *):not(.events-stat-amber-card *) .hero-stat-number:not(.recog-stat-amber-card *):not(.events-stat-amber-card *) span {
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: #c8922a !important;
  letter-spacing: -0.015em !important;
  display: inline-block;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
  filter: none !important;
  text-shadow: none !important;
}

[data-hero-stat-card]:hover .hero-stat-number,
.hero-stat-number:hover {
  transform: none !important;
  filter: none !important;
  text-shadow: none !important;
}

@keyframes heroStatPop {
  0% { transform: scale(0.85); opacity: 0.5; filter: none; }
  60% { transform: scale(1.08); filter: none; }
  100% { transform: scale(1); opacity: 1; filter: none; }
}

.hero-stat-pop {
  animation: heroStatPop 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  filter: none !important;
  text-shadow: none !important;
}

@media (min-width: 640px) {
  #hero .hero-stat-number,
  #hero .hero-stat-number .counter-val,
  #hero .hero-stat-number .hero-counter-val,
  [data-hero-metrics] .hero-stat-number,
  [data-hero-metrics] .hero-stat-number .counter-val,
  [data-hero-metrics] .hero-stat-number .hero-counter-val,
  [data-hero-metrics] .hero-stat-number span {
    font-size: 26px !important;
  }
}

@media (min-width: 1024px) {
  #hero .hero-stat-number,
  #hero .hero-stat-number .counter-val,
  #hero .hero-stat-number .hero-counter-val,
  [data-hero-metrics] .hero-stat-number,
  [data-hero-metrics] .hero-stat-number .counter-val,
  [data-hero-metrics] .hero-stat-number .hero-counter-val,
  [data-hero-metrics] .hero-stat-number span {
    font-size: 28px !important; /* Calibrated reduced scale on laptops */
  }
}

@media (min-width: 1440px) {
  #hero .hero-stat-number,
  #hero .hero-stat-number .counter-val,
  #hero .hero-stat-number .hero-counter-val,
  [data-hero-metrics] .hero-stat-number,
  [data-hero-metrics] .hero-stat-number .counter-val,
  [data-hero-metrics] .hero-stat-number .hero-counter-val,
  [data-hero-metrics] .hero-stat-number span {
    font-size: 30px !important;
  }
}

/* ==========================================================================
   MATCHED HERO STAT METRIC TYPOGRAPHY & GENTLE ANIMATIONS (PRODUCTS PAGE)
   Exact match to index.php hero stat metrics: 24px (sm:26px, lg:28px, xl:30px)
   Applied to "~90% World Output" & "1 Suta = 3.175 mm"
   ========================================================================== */
.stat-size-hero,
.stat-size-hero .counter-val,
.stat-size-hero span:not(.stat-unit-subtle) {
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.015em !important;
}

.stat-size-hero {
  display: inline-block;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), filter 0.35s ease;
  will-change: transform, filter;
}

.stat-size-hero .stat-unit-subtle {
  font-size: 13px !important;
  font-weight: 400 !important;
}

@media (min-width: 640px) {
  .stat-size-hero,
  .stat-size-hero .counter-val,
  .stat-size-hero span:not(.stat-unit-subtle) {
    font-size: 26px !important;
  }
  .stat-size-hero .stat-unit-subtle {
    font-size: 14px !important;
  }
}

@media (min-width: 1024px) {
  .stat-size-hero,
  .stat-size-hero .counter-val,
  .stat-size-hero span:not(.stat-unit-subtle) {
    font-size: 28px !important;
  }
}

@media (min-width: 1440px) {
  .stat-size-hero,
  .stat-size-hero .counter-val,
  .stat-size-hero span:not(.stat-unit-subtle) {
    font-size: 30px !important;
  }
}

/* Gentle ambient breathing float animation */
@keyframes gentleStatFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}

.stat-gentle-anim {
  animation: gentleStatFloat 3.8s ease-in-out infinite;
}

.stat-size-hero:hover,
.card-interactive:hover .stat-size-hero,
.caliper-card:hover .stat-size-hero {
  animation-play-state: paused;
  transform: translateY(-2px) scale(1.04);
  filter: none !important;
}

/* ==========================================================================
   GENTLE ENTRANCE ANIMATION FOR SPECIFICATION MATRIX CARD
   Smooth upward glide + subtle scale settling with responsive shadow
   ========================================================================== */
.reveal-scale-gentle {
  will-change: transform, opacity, box-shadow;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease, border-color 0.35s ease;
}

.reveal-scale-gentle:hover {
  transform: translateY(-4px);
  box-shadow: 0 25px 50px -12px rgba(140, 70, 20, 0.12), 0 0 0 1px rgba(200, 146, 42, 0.25);
  border-color: rgba(200, 146, 42, 0.35);
}

#grade-matrix tbody tr:not(.bg-cream-subtle) {
  transition: background-color 0.2s ease;
}

#grade-matrix tbody tr:not(.bg-cream-subtle):hover {
  background-color: rgba(254, 243, 199, 0.35);
}

/* ==========================================================================
   GLOBAL TYPOGRAPHY STANDARD: SENTENCES & PARAGRAPHS = 14px
   Core Project Rule: Normally sentence/paragraphs text size should be 14px.
   Enforced across all sections on the Home page and throughout the site.
   ========================================================================== */
#hero [data-hero-desc] p,
#about p,
.about-section p,
#why p,
#flagship-product p,
#suta-inspector p,
#founder-story p,
#founder-story blockquote,
#process p,
#awards p,
#certifications p,
#markets p,
#story p,
#buyers p,
#logistics p,
#faq p,
#faq .faq-a p,
#cta-banner p,
.home-paragraph,
.brand-lead p,
.brand-body,
.brand-body-sm {
  font-size: 14px !important;
  line-height: 1.625 !important;
}

/* Hero stat labels and descriptions matching standard 14px sentence rule */
#hero .hero-stat-label,
[data-hero-metrics] .hero-stat-label {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #fbbf24 !important;
}

#hero .hero-stat-desc,
[data-hero-metrics] .hero-stat-desc {
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.6 !important;
  color: rgba(254, 243, 199, 0.92) !important;
}

/* ==========================================================================
   OUR PROCESS BACKGROUND WATERMARK & READABILITY ENHANCEMENTS
   ========================================================================== */
#process .process-bg-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 0.52 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

#process .process-bg-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(250, 246, 240, 0.70) 0%, rgba(250, 246, 240, 0.48) 50%, rgba(250, 246, 240, 0.72) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#process .step-num {
  font-family: var(--font-primary) !important;
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  color: #8C4614 !important;
  text-shadow: 0 1px 3px rgba(255, 255, 255, 0.95);
}

#process .process-step h3 {
  color: #5C2D0C !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.85);
}

#process .process-step p {
  color: #2D1A0E !important;
  font-weight: 400 !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.85);
}

#process .reveal-left h2,
#process .reveal-left p {
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.85);
}

/* ==========================================================================
   8-STAGE CIRCULAR PROCESS CYCLE INFOGRAPHIC
   ========================================================================== */
.process-slice-wedge {
  transform-origin: 300px 300px;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.3s ease;
  cursor: pointer;
}

.process-slice-wedge:hover .slice-path {
  filter: brightness(1.12);
}

.process-slice-wedge.active-slice {
  filter: drop-shadow(0 8px 18px rgba(200, 146, 42, 0.45));
}

#process-center-hub {
  transform-origin: 300px 300px;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  cursor: pointer;
}

#process-center-hub:hover {
  transform: scale(1.025);
}

.process-dot {
  cursor: pointer;
}

/* ==========================================================================
   WHO WE SERVE (#buyers) — BRAND BROWN THEME
   ========================================================================== */
#buyers {
  background-color: var(--color-brand) !important;
  color: #ffffff !important;
}

#buyers h2 {
  color: #ffffff !important;
}

#buyers p,
#buyers ul li {
  color: rgba(254, 243, 199, 0.92) !important;
}

/* ==========================================================================
   FOUNDER'S STORY (#founder-story) — CREAM THEME
   ========================================================================== */
#founder-story {
  background-color: var(--color-cream-subtle, #FAF6F0) !important;
  color: #4A2E18 !important;
}

#founder-story h2 {
  color: var(--color-brand, #8C4614) !important;
}

#founder-story blockquote {
  background: rgba(255, 255, 255, 0.75) !important;
  border-left: 3px solid #C8922A !important;
  border-top: 1px solid rgba(140, 70, 20, 0.12) !important;
  border-bottom: 1px solid rgba(140, 70, 20, 0.12) !important;
  border-right: 1px solid rgba(140, 70, 20, 0.12) !important;
}

#founder-story blockquote p,
#founder-story .founder-quote-text {
  color: #4E2105 !important;
  font-size: 1.125rem !important; /* 18px - sleek single-line desktop presentation */
  line-height: 1.45 !important;
}

@media (max-width: 639px) {
  #founder-story blockquote p,
  #founder-story .founder-quote-text {
    font-size: 1rem !important; /* 16px on mobile */
  }
}

/* ==========================================================================
   PACKAGING & LOGISTICS (#logistics) — BACKGROUND
   ========================================================================== */
#logistics {
  position: relative !important;
  overflow: hidden !important;
  background-color: var(--color-brand, #8C4614) !important;
  background-image: none !important;
  background-attachment: scroll !important;
}

#logistics .logistics-bg-img,
#logistics .logistics-bg-overlay {
  display: none !important;
}

/* ==========================================================================
   PACKAGING & LOGISTICS CARDS (#logistics) — B2B Swatch Palette Suite
   ========================================================================== */
#logistics .logistics-card {
  color: #ffffff !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 16px 36px -8px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 255, 255, 0.18) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease !important;
}

#logistics .logistics-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5), 0 0 20px rgba(206, 151, 48, 0.3) !important;
  border-color: rgba(254, 243, 199, 0.6) !important;
}

/* Card 1: Bulk Bag Packaging (Stage 06 Golden Ochre) */
#logistics-card-1 {
  background: linear-gradient(145deg, #CE9730 0%, #C68E29 50%, #BE8623 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.28) !important;
}

/* Card 2: Master Cartons (Stage 05 Warm Amber) */
#logistics-card-2 {
  background: linear-gradient(145deg, #C98622 0%, #C17E1E 50%, #B97719 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.26) !important;
}

/* Card 3: Export Logistics Support (Stage 04 Caramel Amber) */
#logistics-card-3 {
  background: linear-gradient(145deg, #BE6D1D 0%, #B5651A 50%, #AD5D16 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.24) !important;
}

/* Card 4: Supported Trade Terms (Stage 07 Warm Honey Amber) */
#logistics-card-4 {
  background: linear-gradient(145deg, #B3661C 0%, #AA5E17 50%, #A25613 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.24) !important;
}

/* Typography & Contrast inside Logistics Cards — Brand Font DM Sans for Body & Terms, Cormorant Garamond for Title */
#logistics .logistics-card-title,
#logistics-card-4 .logistics-card-title {
  font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

#logistics .logistics-card p,
#logistics .logistics-card ul,
#logistics .logistics-card li,
#logistics .logistics-card-desc,
#logistics-card-4 .logistics-term-desc,
#logistics-card-4 .logistics-terms-footer {
  font-family: var(--font-secondary, 'DM Sans', sans-serif) !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  line-height: 1.6 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

#logistics .logistics-term-code {
  font-family: var(--font-secondary, 'DM Sans', sans-serif) !important;
  font-size: 0.875rem !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

#logistics .logistics-term-desc {
  font-family: var(--font-secondary, 'DM Sans', sans-serif) !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

#logistics .logistics-term-desc em {
  color: #fef3c7 !important;
  font-style: italic !important;
  opacity: 0.95 !important;
}

/* ==========================================================================
   FLAGSHIP PRODUCT — OPTION 2: EXPLODED PRODUCT BLUEPRINT
   Center Product Hero with 3+3 Radial Callout Specifications
   ========================================================================== */
#flagship-product {
  position: relative !important;
  background-color: #FAF6F0 !important;
  background-image: linear-gradient(180deg, rgba(250, 246, 240, 0.90) 0%, rgba(250, 246, 240, 0.72) 28%, rgba(250, 246, 240, 0.42) 55%, rgba(250, 246, 240, 0.85) 100%),
                    url('images/origin_harvest.png') !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}


.blueprint-bg-glow {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 750px !important;
  height: 750px !important;
  max-width: 100vw !important;
  max-height: 100vw !important;
  background: radial-gradient(circle, rgba(200, 146, 42, 0.12) 0%, rgba(200, 146, 42, 0.03) 48%, rgba(250, 246, 240, 0) 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 3-Column Exploded Blueprint Grid */
.blueprint-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.5rem !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  z-index: 10 !important;
}

@media (min-width: 1024px) {
  .blueprint-grid {
    grid-template-columns: minmax(300px, 1fr) 360px minmax(300px, 1fr) !important;
    gap: 1.75rem !important;
  }
}

@media (min-width: 1280px) {
  .blueprint-grid {
    grid-template-columns: minmax(320px, 1fr) 400px minmax(320px, 1fr) !important;
    gap: 2.25rem !important;
  }
}

/* Blueprint Column Wrappers */
.blueprint-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

.blueprint-col-left {
  order: 2 !important;
}

.blueprint-col-center {
  order: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  padding: 1.75rem 0 !important;
}

.blueprint-col-right {
  order: 3 !important;
}

@media (min-width: 1024px) {
  .blueprint-col {
    gap: 1.35rem !important;
  }

  .blueprint-col-left {
    order: 1 !important;
  }

  .blueprint-col-center {
    order: 2 !important;
    padding: 0 !important;
  }

  .blueprint-col-right {
    order: 3 !important;
  }
}

/* Blueprint SVG Connector Canvas */
.blueprint-svg-canvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 15 !important;
}

@media (max-width: 1023px) {
  .blueprint-svg-canvas {
    display: none !important;
  }
}

.bp-line-group .bp-line {
  stroke: rgba(200, 146, 42, 0.45) !important;
  stroke-width: 1.5 !important;
  stroke-dasharray: 4 4 !important;
  fill: none !important;
  transition: all 0.3s ease !important;
}

.bp-line-group .bp-dot-card {
  fill: #C8922A !important;
  transition: all 0.3s ease !important;
}

.bp-line-group .bp-dot-orbit {
  fill: #8C4614 !important;
  stroke: #C8922A !important;
  stroke-width: 1.5 !important;
  transition: all 0.3s ease !important;
}

.bp-line-group .bp-ring-orbit {
  fill: none !important;
  stroke: rgba(200, 146, 42, 0.4) !important;
  stroke-width: 1 !important;
  stroke-dasharray: 2 2 !important;
  transition: all 0.3s ease !important;
}

/* Hover highlights on card link line */
.bp-line-group.is-active .bp-line {
  stroke: #8C4614 !important;
  stroke-width: 2.2 !important;
  stroke-dasharray: none !important;
  filter: drop-shadow(0 0 4px rgba(200, 146, 42, 0.6)) !important;
}

.bp-line-group.is-active .bp-dot-card {
  fill: #8C4614 !important;
  r: 5 !important;
}

.bp-line-group.is-active .bp-dot-orbit {
  fill: #C8922A !important;
  stroke: #8C4614 !important;
  r: 5.5 !important;
}

.bp-line-group.is-active .bp-ring-orbit {
  stroke: #C8922A !important;
  stroke-width: 1.5 !important;
  r: 10 !important;
}

/* Blueprint Spec Card */
.blueprint-card {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 1.15rem !important;
  border-radius: 1.125rem !important; /* 18px */
  padding: 1.25rem 1.35rem !important;
  box-shadow: 0 8px 24px -4px rgba(60, 25, 5, 0.22) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 10 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 6 Color Shades matching the 8-Stage Quality Cycle */
#blueprint-card-1 {
  background: linear-gradient(145deg, #7D3409 0%, #682A06 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}
#blueprint-card-2 {
  background: linear-gradient(145deg, #914210 0%, #7B350A 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}
#blueprint-card-3 {
  background: linear-gradient(145deg, #A65215 0%, #8E420D 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}
#blueprint-card-4 {
  background: linear-gradient(145deg, #BC661B 0%, #9F5212 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}
#blueprint-card-5 {
  background: linear-gradient(145deg, #BD7815 0%, #9C5E0B 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}
#blueprint-card-6 {
  background: linear-gradient(145deg, #B57918 0%, #96600C 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

.blueprint-card:hover {
  filter: brightness(1.08) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  box-shadow: 0 16px 36px -6px rgba(45, 18, 3, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.35) !important;
  transform: translateY(-3px) scale(1.01) !important;
}

/* Card Internal Typography & Readability */
#flagship-product .blueprint-card h3,
.blueprint-card h3 {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

#flagship-product .blueprint-card p,
#flagship-product .blueprint-card .text-ink-body,
#flagship-product .blueprint-card .text-white\/95,
.blueprint-card p,
.blueprint-card .text-ink-body,
.blueprint-card .text-white\/95 {
  color: #FFFDF8 !important;
  font-weight: 400 !important;
  font-size: 0.845rem !important;
  line-height: 1.625 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
  opacity: 1 !important;
}

/* Blueprint Icon Box */
.blueprint-icon-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.85rem !important; /* 46px */
  height: 2.85rem !important;
  border-radius: 0.85rem !important; /* 14px */
  background: rgba(255, 255, 255, 0.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  flex-shrink: 0 !important;
  transition: all 0.3s ease !important;
}

.blueprint-icon-box svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

.blueprint-card:hover .blueprint-icon-box {
  background: rgba(255, 255, 255, 0.28) !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  transform: scale(1.08) !important;
}

/* Micro Spec Pill */
.blueprint-spec-pill {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.2rem 0.55rem !important;
  font-size: 0.6875rem !important; /* 11px */
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  background: rgba(255, 255, 255, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 9999px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.3s ease !important;
}

.blueprint-card:hover .blueprint-spec-pill {
  background: #FFFFFF !important;
  color: #5a2406 !important;
  border-color: #FFFFFF !important;
  text-shadow: none !important;
}

/* Connector Dot Color Coordination */
#bp-line-1 .bp-dot-card { fill: #7D3409 !important; }
#bp-line-2 .bp-dot-card { fill: #914210 !important; }
#bp-line-3 .bp-dot-card { fill: #A65215 !important; }
#bp-line-4 .bp-dot-card { fill: #BC661B !important; }
#bp-line-5 .bp-dot-card { fill: #C88220 !important; }
#bp-line-6 .bp-dot-card { fill: #C8922A !important; }

#bp-line-1.is-active .bp-line { stroke: #7D3409 !important; }
#bp-line-2.is-active .bp-line { stroke: #914210 !important; }
#bp-line-3.is-active .bp-line { stroke: #A65215 !important; }
#bp-line-4.is-active .bp-line { stroke: #BC661B !important; }
#bp-line-5.is-active .bp-line { stroke: #C88220 !important; }
#bp-line-6.is-active .bp-line { stroke: #C8922A !important; }

#bp-line-1.is-active .bp-dot-card { fill: #7D3409 !important; }
#bp-line-2.is-active .bp-dot-card { fill: #914210 !important; }
#bp-line-3.is-active .bp-dot-card { fill: #A65215 !important; }
#bp-line-4.is-active .bp-dot-card { fill: #BC661B !important; }
#bp-line-5.is-active .bp-dot-card { fill: #C88220 !important; }
#bp-line-6.is-active .bp-dot-card { fill: #C8922A !important; }

/* Hero Center Disc & Orbit Rings */
.blueprint-hero-wrapper {
  position: relative !important;
  width: 290px !important;
  height: 290px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (min-width: 640px) {
  .blueprint-hero-wrapper {
    width: 320px !important;
    height: 320px !important;
  }
}

@media (min-width: 1024px) {
  .blueprint-hero-wrapper {
    width: 350px !important;
    height: 350px !important;
  }
}

@media (min-width: 1280px) {
  .blueprint-hero-wrapper {
    width: 390px !important;
    height: 390px !important;
  }
}

.blueprint-orbit-ring {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 9999px !important;
  pointer-events: none !important;
}

.blueprint-orbit-outer {
  width: 355px !important;
  height: 355px !important;
  border: 1.5px dashed rgba(200, 146, 42, 0.38) !important;
  transition: border-color 0.3s ease !important;
}

@media (min-width: 640px) {
  .blueprint-orbit-outer {
    width: 385px !important;
    height: 385px !important;
  }
}

@media (min-width: 1024px) {
  .blueprint-orbit-outer {
    width: 415px !important;
    height: 415px !important;
  }
}

@media (min-width: 1280px) {
  .blueprint-orbit-outer {
    width: 460px !important;
    height: 460px !important;
  }
}

.blueprint-orbit-inner {
  width: 320px !important;
  height: 320px !important;
  border: 1px solid rgba(200, 146, 42, 0.18) !important;
}

@media (min-width: 640px) {
  .blueprint-orbit-inner {
    width: 350px !important;
    height: 350px !important;
  }
}

@media (min-width: 1024px) {
  .blueprint-orbit-inner {
    width: 380px !important;
    height: 380px !important;
  }
}

@media (min-width: 1280px) {
  .blueprint-orbit-inner {
    width: 420px !important;
    height: 420px !important;
  }
}

.blueprint-hero-wrapper:hover ~ .blueprint-orbit-outer,
.blueprint-col-center:hover .blueprint-orbit-outer {
  border-color: rgba(200, 146, 42, 0.75) !important;
}

.blueprint-hero-disc {
  width: 100% !important;
  height: 100% !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
  border: 6px solid #ffffff !important;
  box-shadow: 0 25px 55px -12px rgba(78, 33, 5, 0.24), 0 0 0 1px rgba(200, 146, 42, 0.35) !important;
  position: relative !important;
  z-index: 10 !important;
  background: #ffffff !important;
}

.blueprint-hero-wrapper:hover .blueprint-hero-disc img {
  transform: scale(1.06) !important;
}

.blueprint-hero-disc img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.blueprint-disc-sheen {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 50%, rgba(78, 33, 5, 0.15) 100%) !important;
  border-radius: 9999px !important;
  pointer-events: none !important;
}

/* Floating Blueprint Tags */
.blueprint-floating-tag {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 20 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  padding: 0.4rem 0.85rem !important;
  border-radius: 9999px !important;
  font-size: 0.75rem !important; /* 12px */
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: 0 8px 20px -4px rgba(78, 33, 5, 0.2) !important;
}

.blueprint-floating-tag.top-tag {
  top: -12px !important;
  background: #8C4614 !important;
  color: #FFFBEB !important;
  border: 1px solid rgba(200, 146, 42, 0.45) !important;
}

.blueprint-floating-tag.bottom-tag {
  bottom: -12px !important;
  background: #ffffff !important;
  color: #8C4614 !important;
  border: 1px solid rgba(140, 70, 20, 0.18) !important;
}

/* ==========================================================================
   GLOBAL MARKETS (#markets) — WORLD MAP WATERMARK BACKGROUND
   ========================================================================== */
#markets {
  position: relative !important;
  overflow: hidden !important;
}

.markets-map-wrapper {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

.markets-map-img {
  width: 100% !important;
  max-width: 1350px !important;
  height: auto !important;
  max-height: 90% !important;
  object-fit: contain !important;
  object-position: center center !important;
  opacity: 0.13 !important; /* calibrated for crisp elegance and perfect readability */
  filter: drop-shadow(0 0 16px rgba(200, 146, 42, 0.25)) !important;
  transform: scale(1.04) !important;
}

@media (max-width: 768px) {
  .markets-map-img {
    max-width: 175% !important;
    width: 175% !important;
    opacity: 0.10 !important;
  }
}

.markets-map-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 50% 50%, rgba(140, 70, 20, 0) 45%, rgba(140, 70, 20, 0.6) 80%, #8C4614 100%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* ==========================================================================
   GLOBAL MARKETS CARDS (#markets) — Exact Match to B2B Buyer Cards (#buyers)
   4 Lightest Shades of 8-Stage Cycle: #D49D34, #CE8B25, #C47220, #B86B1E
   ========================================================================== */
#markets .market-region-card,
.market-region-card,
.eval-pillar-card,
.pkg-format-card,
.bento-amber-card,
.recog-stat-amber-card,
.events-stat-amber-card,
.grade-pair-amber-card {
  color: #ffffff !important;
  border-radius: 1rem !important;
  box-shadow: 0 14px 32px -8px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease !important;
  cursor: pointer;
}

/* 4 Exact Color Shades sampled directly from the 4 B2B Buyer Cards */
#markets #market-card-1,
#market-card-1,
#eval-pillar-1,
#pkg-format-1,
#bento-card-2,
#recog-stat-card-1,
#events-stat-card-1,
#grade-5 {
  background: linear-gradient(145deg, #CE9730 0%, #C68E29 50%, #BE8623 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.28) !important;
}

#markets #market-card-2,
#market-card-2,
#eval-pillar-2,
#pkg-format-2,
#bento-card-3,
#recog-stat-card-2,
#events-stat-card-2,
#grade-4 {
  background: linear-gradient(145deg, #C98622 0%, #C17E1E 50%, #B97719 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.26) !important;
}

#markets #market-card-3,
#market-card-3,
#eval-pillar-3,
#pkg-format-3,
#bento-card-4,
#recog-stat-card-3,
#events-stat-card-3 {
  background: linear-gradient(145deg, #BE6D1D 0%, #B5651A 50%, #AD5D16 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.24) !important;
}

#markets #market-card-4,
#market-card-4,
#eval-pillar-4,
#recog-stat-card-4,
#events-stat-card-4 {
  background: linear-gradient(145deg, #B3661C 0%, #AA5E17 50%, #A25613 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.24) !important;
}

/* Hover State: Lift & Ambient Glow */
#markets .market-region-card:hover,
.market-region-card:hover,
.eval-pillar-card:hover,
.pkg-format-card:hover,
.bento-amber-card:hover,
.recog-stat-amber-card:hover,
.events-stat-amber-card:hover,
.grade-pair-amber-card:hover {
  transform: translateY(-5px) scale(1.02) !important;
  box-shadow: 0 20px 42px -8px rgba(0, 0, 0, 0.55), 0 0 24px rgba(212, 157, 52, 0.38) !important;
  border-color: rgba(254, 243, 199, 0.7) !important;
}

/* Animated Shimmer Stripe on Hover */
.market-region-card::before,
.eval-pillar-card::before,
.pkg-format-card::before,
.bento-amber-card::before,
.recog-stat-amber-card::before,
.events-stat-amber-card::before,
.grade-pair-amber-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -120% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.38), transparent) !important;
  transform: skewX(-20deg) !important;
  transition: left 0.75s ease-in-out !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

.market-region-card:hover::before,
.eval-pillar-card:hover::before,
.pkg-format-card:hover::before,
.bento-amber-card:hover::before,
.recog-stat-amber-card:hover::before,
.events-stat-amber-card:hover::before,
.grade-pair-amber-card:hover::before {
  left: 140% !important;
}


/* Packaging Format Card Specific Styles */
.pkg-format-card .pkg-format-title {
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35) !important;
}

.pkg-format-card:hover .pkg-format-title {
  color: #fef3c7 !important;
}

.pkg-format-card .pkg-format-desc {
  color: #ffffff !important;
  opacity: 0.95 !important;
  line-height: 1.6 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Evaluation Pillar Specific Typography & Contrast */
.eval-pillar-card,
.eval-pillar-card *,
.eval-pillar-card .eval-pillar-num,
.eval-pillar-card .eval-pillar-title,
.eval-pillar-card .eval-pillar-desc,
.eval-pillar-card h4,
.eval-pillar-card p,
.eval-pillar-card div {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

.eval-pillar-card .eval-pillar-num {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
}

.eval-pillar-card .eval-pillar-title,
.eval-pillar-card h4 {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

.eval-pillar-card .eval-pillar-desc,
.eval-pillar-card p {
  color: #ffffff !important;
  opacity: 1 !important;
  line-height: 1.6 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

.eval-pillar-card:hover .eval-pillar-title,
.eval-pillar-card:hover h4 {
  color: #ffffff !important;
}

/* Bento Amber Cards Text Color Overrides */
.bento-amber-card,
.bento-amber-card *,
.bento-amber-card span,
.bento-amber-card p,
.bento-amber-card div,
.bento-amber-card strong,
.recog-stat-amber-card,
.recog-stat-amber-card *,
.recog-stat-amber-card span,
.recog-stat-amber-card div,
.recog-stat-amber-card .hero-stat-number,
.recog-stat-amber-card .counter-val,
.events-stat-amber-card,
.events-stat-amber-card *,
.events-stat-amber-card span,
.events-stat-amber-card div,
.events-stat-amber-card .brand-card-title,
.grade-pair-amber-card,
.grade-pair-amber-card *,
.grade-pair-amber-card h3,
.grade-pair-amber-card p,
.grade-pair-amber-card span,
.grade-pair-amber-card div {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Flag Container styling */
#markets .market-flag-box,
.market-flag-box {
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.35s ease, box-shadow 0.35s ease !important;
}

#markets .market-region-card:hover .market-flag-box,
.market-region-card:hover .market-flag-box {
  background: rgba(255, 255, 255, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 8px 20px -3px rgba(0, 0, 0, 0.32) !important;
}

/* Card Headings */
#markets .market-card-title,
.market-card-title,
#markets .market-region-card h4 {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
  line-height: 1.25 !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0.75rem !important;
  transition: color 0.3s ease !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

#markets .market-region-card:hover .market-card-title,
#markets .market-region-card:hover h4 {
  color: #fef3c7 !important;
}

/* Card Body Description */
#markets .market-card-desc,
.market-card-desc,
#markets .market-region-card p {
  color: #ffffff !important;
  font-size: 0.875rem !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/* ==========================================================================
   PHYSICAL SCALE CALIBRATION SIMULATOR CARD (#suta-inspector)
   Warm Golden Honey Swatch (#E0A42F) matching B2B & Market Cards
   ========================================================================== */
#suta-inspector #suta-scale-card,
#suta-scale-card,
.suta-scale-simulator-card {
  background: #fbbf24 !important;
  background-color: #fbbf24 !important;
  border: 2px solid rgba(255, 255, 255, 0.45) !important;
  box-shadow: 0 20px 45px -8px rgba(0, 0, 0, 0.6), 0 0 35px rgba(251, 191, 36, 0.4) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease !important;
}

#suta-inspector #suta-scale-card:hover,
#suta-scale-card:hover,
.suta-scale-simulator-card:hover {
  transform: translateY(-4px) scale(1.02) !important;
  box-shadow: 0 26px 50px -10px rgba(0, 0, 0, 0.65), 0 0 40px rgba(251, 191, 36, 0.55) !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

/* Eyebrow Label */
#suta-inspector .suta-scale-eyebrow,
.suta-scale-eyebrow {
  color: #4e2105 !important;
  letter-spacing: 0.15em !important;
  font-weight: 800 !important;
  opacity: 0.95 !important;
}

/* Dashed Measurement Ring */
#suta-inspector .suta-scale-ring,
.suta-scale-ring {
  border-color: rgba(78, 33, 5, 0.4) !important;
  border-width: 1.5px !important;
}

/* Dynamic Kernel Circle Styling & Inner Text */
#suta-visual-circle {
  background: radial-gradient(circle at 35% 35%, #ffffff 0%, #fffbf0 60%, #fef3c7 100%) !important;
  box-shadow: 0 12px 28px -4px rgba(78, 33, 5, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.95) !important;
  border: 1.5px solid rgba(78, 33, 5, 0.15) !important;
}

#suta-visual-circle span {
  color: #4e2105 !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
}

/* Size Badge (e.g. 22.2 mm (7 Suta)) */
#suta-inspector #suta-grade-mm,
#suta-grade-mm,
.suta-scale-mm-badge {
  background: #4e2105 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 9999px !important;
  padding: 0.45rem 1.35rem !important;
  box-shadow: 0 6px 18px -2px rgba(0, 0, 0, 0.45) !important;
  letter-spacing: 0.05em !important;
  transition: all 0.3s ease !important;
}

/* ==========================================================================
   PRODUCT CALIBRATION SCALE (8 SIZES GRADUATED COMPARISON)
   ========================================================================== */
@media (min-width: 1024px) {
  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1280px) {
  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
}

.caliper-kernel-circle {
  border-radius: 9999px !important;
  display: block !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Base circle sizes (Mobile & Tablet) */
.scale-circle-1 { width: 38px !important; height: 38px !important; }
.scale-circle-2 { width: 44px !important; height: 44px !important; }
.scale-circle-3 { width: 50px !important; height: 50px !important; }
.scale-circle-4 { width: 58px !important; height: 58px !important; }
.scale-circle-5 { width: 66px !important; height: 66px !important; }
.scale-circle-6 { width: 74px !important; height: 74px !important; }
.scale-circle-7 { width: 82px !important; height: 82px !important; }
.scale-circle-8 { width: 92px !important; height: 92px !important; }

/* Desktop & Laptop Screen Consistency (Guarantees exact mathematical centering in 8-col grid) */
@media (min-width: 1024px) {
  .scale-circle-1 { width: 36px !important; height: 36px !important; }
  .scale-circle-2 { width: 42px !important; height: 42px !important; }
  .scale-circle-3 { width: 48px !important; height: 48px !important; }
  .scale-circle-4 { width: 56px !important; height: 56px !important; }
  .scale-circle-5 { width: 64px !important; height: 64px !important; }
  .scale-circle-6 { width: 72px !important; height: 72px !important; }
  .scale-circle-7 { width: 80px !important; height: 80px !important; }
  .scale-circle-8 { width: 90px !important; height: 90px !important; }
}

.caliper-kernel-glow {
  box-shadow: 0 0 25px -4px rgba(200, 146, 42, 0.55), inset 0 0 10px rgba(200, 146, 42, 0.25) !important;
}

.caliper-card-tag {
  font-size: 9.5px !important;
  line-height: 1.25 !important;
  font-family: var(--font-numeric, "DM Sans", system-ui, sans-serif) !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

/* Commendation & Founder Award Quotation Styling (Semi-bold editorial serif) */
.founder-quote-text {
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
  font-weight: 600 !important;
  font-style: italic !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  letter-spacing: 0.01em !important;
}

@media (min-width: 640px) {
  .founder-quote-text {
    font-size: 19px !important;
  }
}

/* Spokesperson Commendation Quote (-1px reduction, light editorial serif) */
.spokesperson-quote-text {
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  letter-spacing: 0.01em !important;
}

@media (min-width: 640px) {
  .spokesperson-quote-text {
    font-size: 17px !important;
  }
}

@media (min-width: 1024px) {
  .spokesperson-quote-text {
    font-size: 19px !important;
  }
}

/* Compact Verified Signatory Badge */
.signatory-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  padding: 3px 9px !important;
  border-radius: 9999px !important;
  background-color: #ecfdf5 !important;
  color: #047857 !important;
  border: 1px solid #a7f3d0 !important;
  white-space: nowrap !important;
  letter-spacing: 0.015em !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

/* Corporate Livewire Showcase Image */
.clw-award-box {
  width: 100% !important;
  max-width: 390px !important;
  margin: 0 auto !important;
}

.clw-award-box div,
.clw-award-box .rounded-2xl {
  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.clw-award-img {
  width: 100% !important;
  max-width: 390px !important;
  max-height: 480px !important;
  height: auto !important;
  object-fit: contain !important;
  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
  transition: none !important;
}

.clw-award-box:hover .clw-award-img,
.clw-award-img:hover {
  transform: none !important;
  filter: none !important;
}

/* ==========================================================================
   FOUNDER AWARD SECTION (#founder-award) — Exact Match to #logistics Fixed Parallax
   ========================================================================== */
#founder-award {
  position: relative !important;
  overflow: hidden !important;
  background-color: #381602 !important;
  background-image: linear-gradient(180deg, rgba(56, 22, 2, 0.72) 0%, rgba(56, 22, 2, 0.45) 45%, rgba(40, 16, 1, 0.82) 100%),
                    url('images/founder-award-badge.jpg') !important;
  background-size: cover !important;
  background-position: center 25% !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

#founder-award::before,
#founder-award::after {
  display: none !important;
}

@media (max-width: 768px) {
  #founder-award {
    background-attachment: scroll !important;
  }
}

/* ==========================================================================
   Responsive Grid Column Spans (Tailwind Utility Polyfill)
   ========================================================================== */
@media (min-width: 768px) {
  .md\:col-span-1 { grid-column: span 1 / span 1 !important; }
  .md\:col-span-2 { grid-column: span 2 / span 2 !important; }
  .md\:col-span-3 { grid-column: span 3 / span 3 !important; }
  .md\:col-span-4 { grid-column: span 4 / span 4 !important; }
  .md\:col-span-5 { grid-column: span 5 / span 5 !important; }
  .md\:col-span-6 { grid-column: span 6 / span 6 !important; }
  .md\:col-span-7 { grid-column: span 7 / span 7 !important; }
  .md\:col-span-8 { grid-column: span 8 / span 8 !important; }
  .md\:col-span-9 { grid-column: span 9 / span 9 !important; }
  .md\:col-span-10 { grid-column: span 10 / span 10 !important; }
  .md\:col-span-11 { grid-column: span 11 / span 11 !important; }
  .md\:col-span-12 { grid-column: span 12 / span 12 !important; }
}

@media (min-width: 1024px) {
  .lg\:col-span-1 { grid-column: span 1 / span 1 !important; }
  .lg\:col-span-2 { grid-column: span 2 / span 2 !important; }
  .lg\:col-span-3 { grid-column: span 3 / span 3 !important; }
  .lg\:col-span-4 { grid-column: span 4 / span 4 !important; }
  .lg\:col-span-5 { grid-column: span 5 / span 5 !important; }
  .lg\:col-span-6 { grid-column: span 6 / span 6 !important; }
  .lg\:col-span-7 { grid-column: span 7 / span 7 !important; }
  .lg\:col-span-8 { grid-column: span 8 / span 8 !important; }
  .lg\:col-span-9 { grid-column: span 9 / span 9 !important; }
  .lg\:col-span-10 { grid-column: span 10 / span 10 !important; }
  .lg\:col-span-11 { grid-column: span 11 / span 11 !important; }
  .lg\:col-span-12 { grid-column: span 12 / span 12 !important; }
}

/* ==========================================================================
   B2B BUYER CARDS (#buyers) — Lightest Shades of 8-Stage Quality Cycle Wheel
   Stages 04, 05, 06 & Lightest Gold Amber (#C8922A, #C88220, #BC661B, #AF651B)
   ========================================================================== */
#buyers .b2b-buyer-card,
.b2b-buyer-card {
  color: #ffffff !important;
  border-radius: 1.25rem !important;
  padding: 2rem !important;
  box-shadow: 0 16px 36px -8px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.18) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, filter 0.3s ease !important;
  cursor: default;
}

/* 4 Lightest Color Shades from the Quality Cycle Wheel (Stages 06, 05, 04, 07) */
#b2b-card-1 {
  background: linear-gradient(145deg, #D49D34 0%, #B8801F 100%) !important; /* Stage 06: Packaging (Lightest Warm Gold) */
  border: 1.5px solid rgba(255, 255, 255, 0.28) !important;
}

#b2b-card-2 {
  background: linear-gradient(145deg, #CE8B25 0%, #B37116 100%) !important; /* Stage 05: Quality Inspection (Light Amber) */
  border: 1.5px solid rgba(255, 255, 255, 0.26) !important;
}

#b2b-card-3 {
  background: linear-gradient(145deg, #C47220 0%, #A65713 100%) !important; /* Stage 04: Moisture Profiling (Light Warm Caramel) */
  border: 1.5px solid rgba(255, 255, 255, 0.24) !important;
}

#b2b-card-4 {
  background: linear-gradient(145deg, #B86B1E 0%, #9B5010 100%) !important; /* Stage 07: Port Export (Warm Honey Amber) */
  border: 1.5px solid rgba(255, 255, 255, 0.24) !important;
}

/* Hover State: Floating Lift, Ambient Warm Glow & Border Highlighting */
#buyers .b2b-buyer-card:hover,
.b2b-buyer-card:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 24px 48px -10px rgba(0, 0, 0, 0.58), 0 0 28px rgba(212, 157, 52, 0.4) !important;
  border-color: rgba(254, 243, 199, 0.7) !important;
}

/* Animated Shimmer Stripe on Hover */
.b2b-buyer-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -120% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.38), transparent) !important;
  transform: skewX(-20deg) !important;
  transition: left 0.75s ease-in-out !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

.b2b-buyer-card:hover::before {
  left: 140% !important;
}

/* Card Icon Container with Soft Background & Hover Invert */
#buyers .b2b-buyer-icon-box,
.b2b-buyer-icon-box {
  width: 3.25rem !important;
  height: 3.25rem !important;
  border-radius: 0.875rem !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 1.25rem !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.35s ease, color 0.35s ease, box-shadow 0.35s ease !important;
}

#buyers .b2b-buyer-card:hover .b2b-buyer-icon-box,
.b2b-buyer-card:hover .b2b-buyer-icon-box {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #7D3409 !important;
  transform: scale(1.12) rotate(4deg) !important;
  box-shadow: 0 8px 18px -3px rgba(0, 0, 0, 0.35) !important;
}

.b2b-buyer-icon-box svg {
  width: 1.75rem !important;
  height: 1.75rem !important;
  stroke: currentColor !important;
}

/* Typography Inside Quality Cycle Cards — Clear Warm Ivory & White Hierarchy */
#buyers .b2b-buyer-card h3,
#buyers .b2b-buyer-card .font-display,
.bg-brand.text-white #buyers .b2b-buyer-card h3,
.bg-brand.text-white #buyers .b2b-buyer-card .font-display,
.bg-brand.text-white .b2b-buyer-card h3,
.bg-brand.text-white .b2b-buyer-card .font-display,
.b2b-buyer-card h3,
.b2b-buyer-card .font-display {
  background: rgba(0, 0, 0, 0.22) !important;
  background-color: rgba(0, 0, 0, 0.22) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  font-family: var(--font-primary) !important;
  font-size: 1.32rem !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  text-align: center !important;
  border-radius: 0.625rem !important;
  padding: 0.75rem 0.85rem !important;
  min-height: 4.75rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0.25rem !important;
  margin-bottom: 1.25rem !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease !important;
}

#buyers .b2b-buyer-card:hover h3,
.b2b-buyer-card:hover h3 {
  background-color: rgba(0, 0, 0, 0.32) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #fef3c7 !important;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

#buyers .b2b-buyer-card ul,
.b2b-buyer-card ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#buyers .b2b-buyer-card li,
#buyers .b2b-buyer-card li span,
.bg-brand.text-white #buyers .b2b-buyer-card li,
.bg-brand.text-white #buyers .b2b-buyer-card li span,
.b2b-buyer-card li,
.b2b-buyer-card li span {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  color: #ffffff !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

#buyers .b2b-buyer-card li span:not(.b2b-buyer-arrow),
.b2b-buyer-card li span:not(.b2b-buyer-arrow) {
  display: inline !important;
  color: #ffffff !important;
}

#buyers .b2b-buyer-card .b2b-buyer-arrow,
.b2b-buyer-card .b2b-buyer-arrow {
  color: #fef3c7 !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  display: inline-block !important;
  transition: transform 0.25s ease !important;
}

.b2b-buyer-card:hover .b2b-buyer-arrow {
  transform: translateX(4px) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   UNIFIED EYEBROW TYPOGRAPHY SYSTEM (Consistent Across Entire Site)
   ========================================================================== */
#about .about-eyebrow,
#about span.uppercase.tracking-widest,
#about span.tracking-\[0\.2em\],
#process .process-eyebrow,
#process span.uppercase.tracking-widest,
#process span.tracking-\[0\.2em\],
.hero-eyebrow,
.section-label {
  font-size: 0.75rem !important; /* 12px standard text-xs */
  letter-spacing: 0.18em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin-bottom: 0.5rem !important;
  display: inline-block !important;
}

#about h2,
#flagship-product h2,
#process h2 {
  font-size: clamp(2.35rem, 1.85rem + 2.2vw, 3.75rem) !important; /* ~38px on mobile up to ~60px on desktop */
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
}

/* Flagship Product Pill Badge */
#flagship-product .flagship-pill-badge,
#flagship-product .rounded-full.uppercase {
  font-size: 0.75rem !important; /* 12px standard text-xs */
  letter-spacing: 0.16em !important;
  font-weight: 700 !important;
  padding: 0.45rem 1.1rem !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-color: rgba(140, 70, 20, 0.22) !important;
  box-shadow: 0 4px 14px -2px rgba(78, 33, 5, 0.08) !important;
}

#flagship-product .flagship-pill-badge span:first-child,
#flagship-product .rounded-full.uppercase span:first-child {
  width: 0.5rem !important;
  height: 0.5rem !important;
}

/* ==========================================================================
   OUR STORY SECTION (#about) — Background Scenery & Contrast Enhancements
   ========================================================================== */
#about,
.about-section {
  position: relative !important;
  background-color: #FAF6F0 !important;
  background-image: linear-gradient(180deg, rgba(250, 246, 240, 0.88) 0%, rgba(250, 246, 240, 0.74) 45%, rgba(250, 246, 240, 0.88) 100%),
                    url('images/origin_harvest.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  border-top: none !important;
}

/* Hide background geometric SVG shape */
.about-map-bg,
#about .about-map-bg {
  display: none !important;
}

/* 50% Left / 50% Right Column Split for #about */
@media (min-width: 1024px) {
  #about .about-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* Balanced 50% / 50% split */
    gap: 3.5rem !important;
  }
  #about .about-grid > div:first-child {
    grid-column: 1 / 2 !important;
  }
  #about .about-grid > div:last-child {
    grid-column: 2 / 3 !important;
  }
}

#about h2 {
  color: #381602 !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.95), 0 0 12px rgba(255, 255, 255, 0.95) !important;
}

#about h2 span.italic {
  color: #b45309 !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.95), 0 0 12px rgba(255, 255, 255, 0.95) !important;
}

#about .story-text,
#about .lg\:col-span-1:first-child p.text-ink-body {
  color: #240c01 !important;
  font-weight: 400 !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.95), 0 0 10px #ffffff !important;
}

#about .about-highlight-box {
  background: rgba(244, 236, 225, 0.94) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-color: rgba(140, 70, 20, 0.20) !important;
  box-shadow: 0 8px 24px -4px rgba(78, 33, 5, 0.08) !important;
}

/* Interactive Expanding Accordion in #about (Using 4 Warm Gold/Amber Palette Cards) */
.story-accordion-item {
  color: #ffffff !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 14px 32px -8px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease !important;
}

#story-accordion-1 {
  background: linear-gradient(145deg, #CE9730 0%, #C68E29 50%, #BE8623 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.28) !important;
}

#story-accordion-2 {
  background: linear-gradient(145deg, #C98622 0%, #C17E1E 50%, #B97719 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.26) !important;
}

#story-accordion-3 {
  background: linear-gradient(145deg, #BE6D1D 0%, #B5651A 50%, #AD5D16 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.24) !important;
}

#story-accordion-4 {
  background: linear-gradient(145deg, #B3661C 0%, #AA5E17 50%, #A25613 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.24) !important;
}

.story-accordion-item:hover {
  transform: translateY(-4px) scale(1.01) !important;
  box-shadow: 0 20px 42px -8px rgba(0, 0, 0, 0.52), 0 0 24px rgba(212, 157, 52, 0.35) !important;
  border-color: rgba(254, 243, 199, 0.6) !important;
}

.story-accordion-item.is-active {
  transform: translateY(-3px) !important;
  box-shadow: 0 22px 46px -8px rgba(0, 0, 0, 0.55), 0 0 26px rgba(212, 157, 52, 0.38) !important;
  border-color: rgba(254, 243, 199, 0.75) !important;
}

.story-acc-title {
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35) !important;
}

.story-accordion-item.is-active .story-acc-title {
  color: #fef3c7 !important;
}

/* Our Process Spotlight Card Icon & Wheel Center Icon: Pure White */
#active-step-icon-box {
  color: #ffffff !important;
}
#active-step-icon {
  color: #ffffff !important;
  stroke: #ffffff !important;
}
#active-step-icon * {
  stroke: #ffffff !important;
}
#hub-svg-icon {
  stroke: #ffffff !important;
  color: #ffffff !important;
}
#hub-svg-icon * {
  stroke: #ffffff !important;
}

.story-acc-desc,
.story-accordion-item p,
.story-accordion-item .story-acc-desc {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

.story-acc-badge {
  background: rgba(255, 255, 255, 0.20) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  font-family: inherit;
  font-weight: 700;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.story-accordion-item.is-active .story-acc-badge {
  background: #ffffff !important;
  color: #8c4614 !important;
  border-color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28) !important;
  text-shadow: none !important;
}

.story-acc-indicator {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  transition: all 0.3s ease;
}

.story-accordion-item:hover .story-acc-indicator {
  background: rgba(255, 255, 255, 0.26) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.story-accordion-item.is-active .story-acc-indicator {
  background: #ffffff !important;
  color: #8c4614 !important;
  border-color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

.story-accordion-item.is-active .story-acc-indicator svg {
  transform: rotate(180deg) !important;
}

.story-acc-collapse {
  transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
}

.story-accordion-item:not(.is-active) .story-acc-collapse {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}

/* ==========================================================================
   PARTNERSHIP INTRODUCTORY CURTAIN BANNER (#partnership-curtain)
   Design: Fullscreen India & UAE Flag Handshake Artwork with Smooth Slide-Up
   ========================================================================== */
html.curtain-active,
body.curtain-active {
  overflow: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
}

#partnership-curtain {
  position: fixed;
  inset: 0;
  z-index: 999999;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  min-height: 100vh;
  background-color: #7b380f;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  transition: transform 0.85s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.65s ease;
  transform: translateY(0);
  will-change: transform;
  user-select: none;
}

#partnership-curtain.curtain-lifted {
  transform: translateY(-100%) !important;
  pointer-events: none !important;
}

/* Fullscreen Background Handshake Artwork */
.curtain-handshake-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.curtain-handshake-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
  display: block;
}

/* Ambient Subtle Vignette Overlay at top and bottom to ensure 100% crisp text readability */
.curtain-vignette-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 0) 40%, rgba(60, 24, 7, 0.4) 75%, rgba(40, 14, 4, 0.8) 100%),
              linear-gradient(to bottom, rgba(50, 18, 5, 0.85) 0%, rgba(50, 18, 5, 0.4) 15%, transparent 30%),
              linear-gradient(to top, rgba(50, 18, 5, 0.95) 0%, rgba(50, 18, 5, 0.5) 20%, transparent 45%);
  pointer-events: none;
}

/* Top Content Container: Tagline at Top */
.curtain-top-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 900px;
  padding: 2.25rem 1.5rem 0 1.5rem;
}

@media (min-width: 640px) {
  .curtain-top-content {
    padding-top: 2.75rem;
  }
}

/* Bottom Content Container */
.curtain-bottom-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 900px;
  padding: 0 1.5rem 2rem 1.5rem;
  gap: 1.15rem;
}

@media (min-width: 640px) {
  .curtain-bottom-content {
    padding-bottom: 2.5rem;
    gap: 1.35rem;
  }
}

/* Tagline in Single Line in Clean White Typography */
.curtain-tagline-wrap {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.curtain-tagline-single {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 0.95rem;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #ffffff !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8), 0 1px 3px rgba(0, 0, 0, 0.9);
}

@media (min-width: 640px) {
  .curtain-tagline-single {
    font-size: 1.15rem;
    gap: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .curtain-tagline-single {
    font-size: 1.3rem;
    gap: 0.85rem;
  }
}

.curtain-tagline-single span {
  color: #ffffff !important;
}

.curtain-tagline-single span.italic {
  font-style: italic;
}

.curtain-tagline-sep {
  color: rgba(255, 255, 255, 0.85) !important;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.9rem;
  font-weight: 300;
}

/* BBE Logo between Tagline and Scroll Down */
.curtain-logo-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.95;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.curtain-logo {
  height: 34px;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.6));
}

@media (min-width: 640px) {
  .curtain-logo {
    height: 42px;
  }
}

@media (min-width: 1024px) {
  .curtain-logo {
    height: 48px;
  }
}

.curtain-logo-wrap:hover {
  opacity: 1;
  transform: scale(1.03);
}

/* Scroll Down with Moving Arrow — Matching 2nd Image */
.curtain-scroll-down {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  cursor: pointer;
  padding: 0.5rem 1.5rem;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.curtain-scroll-down:hover {
  transform: translateY(3px);
}

.curtain-scroll-label {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #d4a373;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.8);
}

@media (min-width: 640px) {
  .curtain-scroll-label {
    font-size: 0.72rem;
  }
}

/* Moving Downward Arrow */
.curtain-moving-arrows {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.curtain-moving-arrows svg {
  width: 16px;
  height: 16px;
  color: #d4a373;
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.8));
  animation: moveArrowDown 1.8s ease-in-out infinite;
}

@keyframes moveArrowDown {
  0%, 100% {
    transform: translateY(0);
    opacity: 0.45;
  }
  50% {
    transform: translateY(7px);
    opacity: 1;
  }
}



/* ==========================================================================
   PIPELINE STATIONS - EXACT REFERENCE ROUND BADGES & DOTTED LINE
   ========================================================================== */
.pipeline-step-badge {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  border-radius: 50% !important;
  background-color: #8C4614 !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  box-shadow: 0 8px 22px -3px rgba(92, 45, 12, 0.45) !important;
  border: none !important;
  outline: none !important;
  margin: 0 auto 0.85rem auto !important;
  position: relative !important;
  z-index: 10 !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.pipeline-station-node:hover .pipeline-step-badge {
  transform: scale(1.1) !important;
  box-shadow: 0 14px 28px -4px rgba(92, 45, 12, 0.55), 0 0 20px rgba(200, 146, 42, 0.4) !important;
}

.pipeline-step-stalk {
  width: 2px !important;
  height: 48px !important;
  background-color: #C8922A !important;
  margin: 10px auto 0 auto !important;
  position: relative !important;
}

.pipeline-step-stalk::after {
  content: '' !important;
  position: absolute !important;
  bottom: -6px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background-color: #8C4614 !important;
  border: 2px solid #FAF7F2 !important;
  box-shadow: 0 0 0 2px #C8922A !important;
}

/* ==========================================================================
   HERO MAKHANA KERNEL BACKGROUND MERGE
   Seamless integration of user-provided high-definition makhana kernel
   ========================================================================== */
.hero-makhana-kernel-wrap {
  animation: heroMakhanaFloat 14s ease-in-out infinite alternate;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.45));
  opacity: 0.20 !important;
}

.hero-makhana-kernel-accent {
  animation: heroMakhanaFloatSlow 18s ease-in-out infinite alternate-reverse;
  filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.35));
  opacity: 0.10 !important;
}

@keyframes heroMakhanaFloat {
  0% {
    transform: translateY(-50%) rotate(0deg) scale(1);
  }
  50% {
    transform: translateY(-52%) rotate(2.5deg) scale(1.02);
  }
  100% {
    transform: translateY(-48%) rotate(-2deg) scale(0.99);
  }
}

@keyframes heroMakhanaFloatSlow {
  0% {
    transform: rotate(-45deg) scale(0.9) translateY(0);
  }
  100% {
    transform: rotate(-42deg) scale(0.95) translateY(-14px);
  }
}

.bg-radial-vignette-hero {
  background: radial-gradient(circle at 50% 50%, rgba(140, 70, 20, 0.4) 0%, rgba(140, 70, 20, 0.75) 55%, #8c4614 100%);
}


/* Horizontal Dashed Connecting Line threading directly between badges 1 to 5 */
.pipeline-numbers-connector-line {
  position: absolute;
  top: 28px;
  left: 10%;
  right: 10%;
  height: 0;
  border-top: 2.5px dashed #C8922A;
  z-index: 1;
  pointer-events: none;
  opacity: 0.85;
}

/* ==========================================================================
   PIPELINE STEP POPUP CARDS & SHIP ARROWS
   ========================================================================== */

/* ==========================================================================
   PIPELINE STEP CONNECTING ARROWS & ANIMATIONS
   ========================================================================== */

/* Positioning between badges 1-2, 2-3, 3-4, 4-5 on desktop */
.pipeline-stage-arrow {
  position: absolute;
  top: 14px;
  right: -38px;
  width: 52px;
  height: 28px;
  z-index: 10;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1280px) {
  .pipeline-stage-arrow {
    right: -46px;
    width: 62px;
  }
}

/* Mobile & Tablet Arrow layout (< 1024px) */
@media (max-width: 1023px) {
  .pipeline-stage-arrow {
    position: static;
    margin: 0.75rem auto;
    width: 32px;
    height: 40px;
    transform: rotate(90deg);
  }
}

.pipeline-arrow-svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  filter: drop-shadow(0 2px 4px rgba(140, 70, 20, 0.25));
}

/* Pulsing light beam forward towards the next number */
.arrow-pulse {
  stroke-dasharray: 8 20;
  animation: arrowPulseFlow 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes arrowPulseFlow {
  0% {
    stroke-dashoffset: 28;
    opacity: 0.1;
  }
  40% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: -28;
    opacity: 0;
  }
}

/* Forward jumping/advancing chevrons */
.arrow-chevron {
  animation: chevronAdvance 1.4s ease-in-out infinite;
}

.arrow-chevron-1 {
  animation-delay: 0s;
}

.arrow-chevron-2 {
  animation-delay: 0.22s;
}

@keyframes chevronAdvance {
  0% {
    transform: translateX(0);
    opacity: 0.35;
  }
  50% {
    transform: translateX(4px);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 0.35;
  }
}

/* Hovering a station highlights the arrow pointing towards the next step */
.pipeline-station-node:hover .pipeline-stage-arrow .arrow-beam {
  stroke: #B45309;
}
.pipeline-station-node:hover .pipeline-stage-arrow .arrow-chevron {
  stroke: #8C4614;
}

/* Pipeline Station Node Relative for Popup */
.pipeline-station-node {
  position: relative !important;
}

/* Hover Popup Card on Heading/Station */
.pipeline-popup-card {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(12px) scale(0.95);
  width: 260px;
  max-width: calc(100vw - 32px);
  padding: 1.25rem 1.4rem;
  border-radius: 1.25rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 50;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s ease;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.2);
}

/* Little pointer triangle on top of popup card */
.pipeline-popup-card::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent rgba(206, 151, 48, 0.95) transparent;
}

#pipe-card-1::after { border-bottom-color: #CE9730; }
#pipe-card-2::after { border-bottom-color: #C98622; }
#pipe-card-3::after { border-bottom-color: #BE6D1D; }
#pipe-card-4::after { border-bottom-color: #B3661C; }
#pipe-card-5::after { border-bottom-color: #A65215; }

/* Pipeline Station Card in-place hover appearance */
.pipeline-step-card {
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px) scale(0.96);
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease;
}

/* Show card when heading / station node is hovered or focused or active (for mobile taps) */
.pipeline-station-node:hover .pipeline-step-card,
.pipeline-station-node:focus-within .pipeline-step-card,
.pipeline-station-node.is-active .pipeline-step-card {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

/* Mobile & Touch Support: Always visible on touch screens or when tapped */
@media (max-width: 767px) {
  .pipeline-step-card {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    margin-top: 0.75rem !important;
  }
}

/* Show on hover */
.pipeline-station-node:hover .pipeline-popup-card,
.pipeline-station-node:focus-within .pipeline-popup-card,
.pipeline-station-node.is-active .pipeline-popup-card {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(4px) scale(1);
}

/* 5 Card Color Schemes with crisp white text */
#pipe-card-1 {
  background: linear-gradient(145deg, #CE9730 0%, #C68E29 50%, #BE8623 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.28) !important;
}

#pipe-card-2 {
  background: linear-gradient(145deg, #C98622 0%, #C17E1E 50%, #B97719 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.26) !important;
}

#pipe-card-3 {
  background: linear-gradient(145deg, #BE6D1D 0%, #B5651A 50%, #AD5D16 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.24) !important;
}

#pipe-card-4 {
  background: linear-gradient(145deg, #B3661C 0%, #AA5E17 50%, #A25613 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.24) !important;
}

#pipe-card-5 {
  background: linear-gradient(145deg, #A65215 0%, #9C4B12 50%, #8C400E 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.24) !important;
}

.pipeline-popup-card,
.pipeline-popup-card *,
.pipeline-popup-card p,
.pipeline-popup-card span,
.pipeline-popup-card strong,
.pipeline-popup-card div,
.pipeline-step-card,
.pipeline-step-card *,
.pipeline-step-card p,
.pipeline-step-card span,
.pipeline-step-card strong,
.pipeline-step-card div {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}