/*
Theme Name: No Brainer — Premium Corporate Beverage Site
Author: No Brainer Private Limited
Description: Responsive, motion-led WordPress theme for No Brainer Private Limited.
Version: 5.5.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: no-brainer
*/
:root{--ink:#171713;--paper:#f7f3e9;--paper-2:#fffdf8;--white:#fff;--gold:#b47a20;--orange:#ef7810;--pistachio:#667a3d;--pistachio-dark:#3f5128;--pistachio-soft:#e7eadb;--muted:#68665d;--line:rgba(23,23,19,.12);--dark:#2b3026;--dark-2:#353d2c;--dark-text:#f5f2e8;--max:1240px;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:.69rem;font-weight:900;color:var(--gold)}.display{font-size:clamp(3.4rem,8vw,7.6rem);line-height:.87;letter-spacing:-.065em;margin:0}.display em,.section-title em{font-style:normal;color:var(--orange)}.section-title{font-size:clamp(2.5rem,5.3vw,6rem);line-height:.94;letter-spacing:-.055em;margin:0}.lead{font-size:clamp(1.05rem,1.65vw,1.35rem);color:var(--muted);max-width:62ch}.spacious{padding-block:clamp(130px,15vw,220px)}.compact-section{padding-block:90px}.breath-section{padding-block:80px 125px}.pistachio-section{background-color:var(--pistachio-dark);background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.08) 1px,transparent 1px);background-position:0 0,13px 13px;background-size:26px 26px;color:var(--dark-text)}.pistachio-section .lead{color:#d4d9c9}.pistachio-section .eyebrow{color:#d5dcbb}.dark-soft{background:var(--dark);color:var(--dark-text)}.dark-soft .lead{color:#c7cbbf}.centered-note{text-align:center;max-width:900px;margin-inline:auto}.text-link{display:inline-flex;gap:12px;align-items:center;margin-top:22px;font-weight:900;letter-spacing:.02em;border-bottom:1px solid currentColor;padding-bottom:7px}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(4px,-4px)}.text-link.light{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border-radius:999px;border:1px solid var(--ink);font-weight:850;font-size:.84rem;transition:transform .2s,background .25s,color .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(20,20,15,.1)}.btn-solid{background:var(--ink);color:#fff}.btn-accent{border-color:var(--orange);color:var(--orange)}.btn-accent:hover{background:var(--orange);color:#fff}.nb-topbar{position:fixed;z-index:1000;left:0;right:0;top:0;transform:translateY(0);transition:transform .42s cubic-bezier(.2,.75,.2,1),background .35s,box-shadow .35s,border-color .35s;border-bottom:1px solid transparent}.nb-topbar.scrolled{background:rgba(61,78,39,.94);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(23,31,16,.2);border-color:rgba(255,255,255,.08);color:#fff}.nb-topbar.scrolled .brand-lockup img{filter:brightness(0) invert(1)}.nb-topbar.scrolled .nav-links a{color:#f8f7f1}.nb-topbar.scrolled .nav-links a:hover,.nb-topbar.scrolled .nav-links .current-menu-item>a{color:#dfe9bb}.nb-topbar.scrolled .menu-toggle span{background:#fff}.nb-topbar.is-hidden{transform:translateY(-105%)}.nb-nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand-lockup{width:175px;display:block}.brand-lockup img{width:100%;height:auto;filter:brightness(0)}.desktop-nav{margin-left:auto}.nav-links{display:flex;align-items:center;gap:25px;margin:0;padding:0;list-style:none}.nav-links>a,.nav-parent{font-size:.78rem;font-weight:850;letter-spacing:.025em}.nav-links>a:hover,.nav-parent:hover{color:var(--orange)}.nav-dropdown{position:relative;padding-block:30px}.nav-parent{display:flex;gap:6px;align-items:center}.nav-submenu{position:absolute;right:-20px;top:74px;width:290px;padding:10px;border:1px solid var(--line);border-radius:20px;background:rgba(255,253,248,.98);box-shadow:0 25px 70px rgba(20,20,15,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{opacity:1;visibility:visible;transform:none}.nav-submenu a{display:block;padding:13px 14px;border-radius:13px}.nav-submenu a:hover{background:var(--pistachio-soft)}.nav-submenu b{display:block;font-size:.82rem}.nav-submenu small{display:block;color:var(--muted);font-size:.68rem;margin-top:2px}.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:22px;height:1.5px;background:var(--ink);transition:.25s}.mobile-nav{display:none}.hero{position:relative;min-height:100svh;overflow:hidden}.hero-home{background:radial-gradient(circle at 74% 36%,rgba(180,122,32,.14),transparent 31%),var(--paper)}.hero-inner{min-height:100svh;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:30px;padding-top:80px}.hero-copy{position:relative;z-index:2;max-width:720px}.hero-sub{font-size:clamp(1.05rem,1.7vw,1.35rem);max-width:58ch;color:var(--muted);margin:32px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-art{position:relative;min-height:680px;display:grid;place-items:center}.hero-orbit{position:absolute;width:66%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(180,122,32,.24);box-shadow:0 0 0 35px rgba(180,122,32,.025),0 0 0 70px rgba(180,122,32,.018)}.hero-orbit:after{content:"";position:absolute;inset:10%;border-radius:50%;border:1px dashed rgba(180,122,32,.22);animation:spin 28s linear infinite}.hero-mascot{position:relative;width:min(88%,620px);filter:drop-shadow(0 35px 35px rgba(0,0,0,.14));transform:translateY(var(--parallax2,0));transition:transform .1s linear}.floating-note{position:absolute;right:4%;bottom:15%;padding:17px 19px;border:1px solid rgba(23,23,19,.16);background:rgba(251,250,246,.8);backdrop-filter:blur(12px);font-size:.68rem;letter-spacing:.14em;line-height:1.45;transform:rotate(3deg);box-shadow:0 20px 50px rgba(30,25,15,.08)}.floating-note strong{color:var(--orange)}.hero-grid-lines{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(rgba(23,23,19,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,19,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,transparent,black 22%,black 78%,transparent)}.signal-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.signal{min-height:150px;padding:35px 28px;display:flex;flex-direction:column;justify-content:center;gap:7px;border-right:1px solid var(--line)}.signal:last-child{border-right:0}.signal b{font-size:2.7rem;line-height:1;letter-spacing:-.05em}.signal span{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,170px);align-items:center}.copy{max-width:650px}.copy .lead+.lead{margin-top:24px}.mascot-stage{display:grid;place-items:center;min-height:550px}.mascot-stage img{width:min(90%,560px);filter:drop-shadow(0 25px 35px rgba(0,0,0,.12));transform:translateY(var(--parallax3,0))}.section-intro{max-width:780px;margin-bottom:70px}.products-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:25px 4px 45px;cursor:grab;scrollbar-width:none}.products-track::-webkit-scrollbar{display:none}.products-track:active{cursor:grabbing}.product-card{flex:0 0 min(72vw,540px);scroll-snap-align:start;border:1px solid rgba(255,255,255,.14);background:rgba(38,47,31,.9);border-radius:30px;overflow:hidden;transition:transform .35s,box-shadow .35s}.product-card:hover{transform:translateY(-6px);box-shadow:0 25px 70px rgba(0,0,0,.22)}.product-visual{height:500px;display:grid;place-items:center;overflow:hidden;position:relative}.product-visual:after{content:"";position:absolute;inset:auto 10% 7% 10%;height:9%;border-radius:50%;background:rgba(20,30,10,.12);filter:blur(22px)}.water-tone{background:linear-gradient(145deg,#f3ecde,#e0d0b2)}.brown{background:linear-gradient(145deg,#5a3927,#8d5b39)}.green{background:linear-gradient(145deg,#dfe7c9,#f3f1df)}.pink{background:linear-gradient(145deg,#f4d8d8,#f2b4bd)}.functional-index{background:linear-gradient(145deg,#e8ecdd,#f7f4e8)}.can-cutout{width:auto;height:auto;max-height:88%;max-width:70%;object-fit:contain;filter:drop-shadow(0 25px 28px rgba(0,0,0,.18));transition:transform .5s cubic-bezier(.2,.7,.2,1);position:relative;z-index:2}.product-card:hover .can-cutout{transform:translateY(-8px) rotate(-1deg)}.water-can{max-height:92%}.product-info{padding:34px 34px 40px}.product-name{font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1;margin:12px 0}.product-meta{color:#d0d5c8;max-width:50ch}.carousel-controls{display:flex;justify-content:flex-end;gap:10px}.circle-btn{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;cursor:pointer;transition:.25s}.circle-btn:hover{background:#fff;color:var(--ink)}.scroll-lab{height:230vh;position:relative;background:linear-gradient(180deg,#eef0e7 0%,#dce3d0 50%,#cfd9bf 100%);overflow:hidden}.scroll-lab-sticky{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:50px}.scroll-lab-copy{padding-left:max(32px,calc((100vw - var(--max))/2));padding-right:30px}.scroll-stage{height:100%;position:relative;display:grid;place-items:center;overflow:hidden}.water-surface{position:absolute;inset:54% -10% -20% -10%;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.7),transparent 40%),repeating-radial-gradient(ellipse at 50% 0%,rgba(74,99,55,.18) 0 1px,transparent 2px 20px);border-top:2px solid rgba(255,255,255,.6);transform:perspective(500px) rotateX(50deg);transform-origin:top}.scroll-can{position:absolute;width:min(260px,28vw);max-height:70vh;object-fit:contain;filter:drop-shadow(0 35px 25px rgba(38,48,29,.25));z-index:4;top:15%;transform:translate3d(0,var(--scroll-can-y,0),0) rotate(var(--scroll-can-r,-3deg)) scale(var(--scroll-can-s,1));will-change:transform}.scroll-shadow{position:absolute;bottom:18%;width:240px;height:30px;border-radius:50%;background:rgba(32,49,22,.2);filter:blur(22px);opacity:.3;transform:scaleX(var(--shadow-s,1));z-index:2}.splash{position:absolute;bottom:24%;width:60px;height:180px;border-radius:50%;border:2px solid rgba(255,255,255,.55);filter:blur(.2px);opacity:var(--splash-o,0);transform:scaleY(var(--splash-s,.2)) rotate(var(--splash-r,0));z-index:3}.splash-a{left:38%;}.splash-b{right:30%;width:45px;height:120px}.mission-visual{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(60px,11vw,180px);align-items:start}.mission-copy{max-width:700px}.mission-facts{display:grid;grid-template-columns:1fr 1fr;gap:55px 45px;padding-top:25px}.fact{border-top:1px solid var(--line);padding-top:20px}.fact b{display:block;font-size:1.2rem}.fact span{display:block;color:var(--muted);font-size:.92rem;margin-top:8px}.manifesto{background:radial-gradient(circle at 75% 45%,rgba(239,120,16,.15),transparent 28%),var(--dark);color:#fff}.manifesto h2{font-size:clamp(3rem,8vw,8.5rem);line-height:.85;letter-spacing:-.06em;margin:25px 0}.manifesto h2 span{color:var(--orange)}.manifesto-sub{color:#c9cec0;font-size:1.05rem}.product-page .product-hero{min-height:100svh;padding-top:90px;display:grid;align-items:center;overflow:hidden}.product-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.product-copy{max-width:720px}.product-hero-art{min-height:680px;display:grid;place-items:center;position:relative}.product-shadow{position:absolute;bottom:13%;width:45%;height:7%;background:rgba(0,0,0,.15);filter:blur(25px);border-radius:50%}.product-main-cutout{max-height:690px;max-width:78%;filter:drop-shadow(0 40px 38px rgba(0,0,0,.18));transform:translateY(var(--product-parallax,0)) rotate(-1deg);will-change:transform}.triple-cans{display:flex;align-items:flex-end;justify-content:center;width:100%;min-height:610px}.triple-cans .can-cutout{max-width:35%;max-height:560px;margin-inline:-18px}.triple-cans .center-can{transform:translateY(-55px);z-index:2}.detail-grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(60px,10vw,160px);align-items:start}.detail-list{list-style:none;margin:0;padding:0}.detail-list li{padding:25px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.detail-list b{font-size:1.1rem}.detail-list span{color:var(--muted);max-width:54ch}.visual-detail{padding-top:30px}.visual-detail-inner{min-height:520px;display:grid;place-items:center}.water-can-large,.product-secondary-cutout{max-height:650px}.flavour-grid,.product-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-index-grid{grid-template-columns:1fr 1fr}.flavour-card,.index-card{border-radius:28px;overflow:hidden;border:1px solid var(--line);background:var(--paper-2);transition:transform .3s,box-shadow .3s}.flavour-card:hover,.index-card:hover{transform:translateY(-6px);box-shadow:0 25px 70px rgba(20,20,15,.09)}.flavour-card{padding:30px;min-height:600px;display:flex;flex-direction:column;justify-content:space-between}.flavour-card .can-cutout{align-self:center;max-height:440px}.flavour-card h3{font-size:2rem;line-height:1;margin:0}.flavour-card p{color:var(--muted)}.index-card{display:grid;grid-template-rows:500px auto;padding-bottom:35px}.index-art{display:grid;place-items:center;overflow:hidden}.index-card>div:last-child{padding:30px}.index-card h2{font-size:clamp(1.7rem,3vw,2.8rem);line-height:.98;margin:10px 0}.index-card p{color:var(--muted)}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,10vw,160px);max-width:1050px}.editorial-grid h2,.legal-section h2{font-size:1.45rem;line-height:1.1;margin-top:0}.editorial-grid p,.legal-section p{color:var(--muted);font-size:1.03rem}.mission-large{max-width:900px;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.025em}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:120px}.principle{border-top:1px solid var(--line);padding-top:22px}.principle span{color:var(--gold);font-weight:900}.principle h3{font-size:1.35rem}.principle p{color:var(--muted)}.legal-sections{max-width:920px}.legal-section{padding:34px 0;border-top:1px solid var(--line)}.policy-note{margin-top:55px;padding:24px 26px;border:1px solid rgba(63,81,40,.22);background:var(--pistachio-soft);border-radius:18px;color:#45522f;font-size:.92rem}.prose-page{padding-top:55px}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:clamp(60px,10vw,150px);align-items:start}.contact-list{margin-top:45px}.contact-item{padding:20px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.contact-item small{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:var(--gold);font-weight:800}.contact-item strong{font-size:1rem}.contact-card{background:var(--paper-2);padding:45px;border:1px solid var(--line);border-radius:28px;box-shadow:0 25px 70px rgba(20,20,15,.08)}.contact-card h2{font-size:2rem;margin:.4em 0 1.2em}.field{margin-bottom:25px}.field label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.field input,.field textarea{width:100%;border:0;border-bottom:1px solid var(--line);padding:14px 0;background:transparent;outline:none}.field textarea{min-height:130px;resize:vertical}.form-note{font-size:.72rem;color:#777;margin-top:15px}.site-footer{background:var(--dark-2);color:#f5f2e8;padding:95px 0 28px}.footer-top{display:grid;grid-template-columns:1.35fr .65fr .75fr;gap:70px;padding-bottom:75px}.footer-brand{min-width:0}.footer-logo{width:290px;max-height:190px;object-fit:contain;object-position:left center;margin-bottom:24px}.footer-copy{color:#c4c9bb;max-width:48ch}.footer-col h4{margin:0 0 20px;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:#aab09e}.footer-col a{display:block;margin:11px 0;color:#eeece3;font-size:.9rem}.footer-col a:hover{color:#dce7bd}.socials{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:25px}.social-label{width:100%;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:#aab09e;margin-bottom:4px}.social{width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;color:#fff;transition:.25s}.social svg{width:20px;height:20px;display:block}.social:hover{transform:translateY(-3px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.45)}.footer-bottom{padding-top:25px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;color:#aab09e;font-size:.73rem}.nb-ripple{position:fixed;pointer-events:none;z-index:9999;width:18px;height:18px;border:1px solid rgba(180,122,32,.62);border-radius:50%;transform:translate(-50%,-50%) scale(.3);opacity:0;animation:nbRipple .95s ease-out forwards}.nb-ripple:after,.nb-ripple:before{content:"";position:absolute;inset:-10px;border:1px solid rgba(180,122,32,.3);border-radius:50%}.nb-ripple:before{inset:-21px;opacity:.5}@keyframes nbRipple{0%{opacity:.78;transform:translate(-50%,-50%) scale(.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(5.4)}}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(32px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
.hero-subtitle{font-size:clamp(1.35rem,2.5vw,2.25rem);line-height:1.08;letter-spacing:-.035em;max-width:22ch;margin:22px 0 0}.hero-origin{font-weight:900;letter-spacing:.02em;color:var(--gold);margin-top:22px}.statement{font-size:clamp(1.8rem,3.2vw,3.5rem);line-height:1.08;letter-spacing:-.04em;margin:35px auto;max-width:25ch}.statement span{font-size:.55em;color:var(--muted);letter-spacing:.08em}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.process-steps b{padding:26px 20px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.04)}.image-placeholder{min-height:100%;display:grid;place-items:center;text-align:center;padding:35px;border:1px dashed rgba(23,23,19,.2);background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(231,234,219,.7));color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.pistachio-section .image-placeholder{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.035);color:#d4d9c9}.prose-page blockquote{margin:55px 0;padding:28px 0 28px 30px;border-left:3px solid var(--orange);font-size:clamp(1.35rem,2.2vw,2.2rem);line-height:1.2;font-weight:800}.prose-page ul,.prose-page ol{padding-left:1.3rem}.prose-page li{margin:.65rem 0}
.page-hero{max-width:900px;padding-top:55px;margin-bottom:100px}
@media(max-width:1000px){.process-steps{grid-template-columns:1fr 1fr}.hero-subtitle{max-width:30ch}.container{width:min(var(--max),calc(100% - 40px))}.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-nav{display:block;max-height:0;overflow:hidden;transition:max-height .4s}.mobile-nav.open{max-height:900px}.mobile-nav-inner{margin:0 20px 20px;background:rgba(255,253,248,.98);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 20px 60px rgba(20,20,15,.12)}.mobile-links{display:flex;flex-direction:column;gap:2px}.mobile-links>a,.mobile-links .nav-parent{display:block;padding:12px 5px;font-weight:850}.mobile-links .nav-dropdown{padding:0}.mobile-links .nav-parent span{display:none}.mobile-links .nav-submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;width:auto;padding:0 0 10px 12px}.mobile-links .nav-submenu a{padding:8px 5px}.hero-inner,.product-hero-grid,.split,.mission-visual,.contact-grid,.detail-grid{grid-template-columns:1fr}.hero-art{order:-1;min-height:570px}.hero-copy{padding-bottom:70px}.mascot-stage{min-height:450px}.product-hero-art{min-height:550px;order:-1}.product-copy{padding-bottom:50px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.flavour-grid{grid-template-columns:1fr 1fr}.product-index-grid{grid-template-columns:1fr 1fr}.principles{grid-template-columns:1fr}.triple-cans .can-cutout{max-height:480px}.scroll-lab-sticky{grid-template-columns:1fr}.scroll-lab-copy{padding:70px 32px 0;align-self:start}.scroll-stage{height:65vh;align-self:end}.scroll-can{width:190px}.scroll-lab{height:220vh}}
@media(max-width:600px){.process-steps{grid-template-columns:1fr}.hero-subtitle{font-size:1.45rem}.container{width:calc(100% - 28px)}.nb-nav{min-height:74px}.brand-lockup{width:145px}.display{font-size:clamp(3rem,16vw,5.2rem)}.section-title{font-size:clamp(2.35rem,12vw,4.2rem)}.spacious{padding-block:95px}.breath-section{padding-block:55px 85px}.hero-inner{padding-top:40px}.hero-art{min-height:430px}.hero-mascot{width:95%}.floating-note{right:1%;bottom:8%;font-size:.58rem}.hero-sub{margin:25px 0}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.signal-row{grid-template-columns:1fr}.signal{border-right:0;border-bottom:1px solid var(--line);min-height:115px;padding:25px 10px}.signal:last-child{border-bottom:0}.section-intro{margin-bottom:45px}.products-track{gap:15px}.product-card{flex-basis:88vw;border-radius:22px}.product-visual{height:420px}.product-info{padding:26px}.mission-facts{grid-template-columns:1fr;gap:25px}.manifesto h2{font-size:clamp(3.3rem,15vw,6rem)}.footer-top{grid-template-columns:1fr;gap:45px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.footer-logo{width:230px}.contact-card{padding:28px}.product-hero{min-height:auto!important;padding-block:120px 90px!important}.product-hero-art{min-height:420px}.product-main-cutout{max-height:450px;max-width:86%}.triple-cans{min-height:400px}.triple-cans .can-cutout{max-height:350px;margin-inline:-12px}.triple-cans .center-can{transform:translateY(-30px)}.flavour-grid,.product-index-grid,.editorial-grid{grid-template-columns:1fr}.flavour-card{min-height:520px}.index-card{grid-template-rows:360px}.page-hero{margin-bottom:65px}.principles{margin-top:70px}.social{width:38px;height:38px}.scroll-lab-copy{padding:50px 20px 0}.scroll-stage{height:58vh}.scroll-can{width:165px}.water-surface{inset:58% -30% -20% -30%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.nb-topbar{transition:none}.hero-orbit:after{animation:none}.hero-mascot,.mascot-stage img,.product-main-cutout,.scroll-can{transform:none!important}.nb-ripple{display:none}.scroll-lab{height:100svh}.scroll-lab-sticky{position:relative}}
.nb-content-visual{min-height:100%;width:100%;display:grid;place-items:center;text-align:center;padding:35px}.index-card .nb-content-visual{min-height:500px}.product-hero .nb-content-visual{min-height:560px;width:min(100%,620px);margin:auto}.visual-detail-inner .nb-content-visual{min-height:520px;border-radius:28px}.flavour-card .nb-content-visual{min-height:440px;border:0;background:transparent}.career-manifesto{padding-top:30px}.career-manifesto .editorial-grid{max-width:none}.nb-dynamic-page .page-hero + .product-index-grid{margin-top:30px}.nb-dynamic-page .page-hero .lead + .lead{margin-top:22px}
@media(max-width:1000px){.product-hero .nb-content-visual{min-height:500px}.index-card .nb-content-visual{min-height:360px}}
@media(max-width:600px){.product-hero .nb-content-visual{min-height:390px}.index-card .nb-content-visual{min-height:300px}.flavour-card .nb-content-visual{min-height:350px}.visual-detail-inner .nb-content-visual{min-height:360px}}

/* v3.4 premium interaction refinements */
.brand-logo-set{position:relative;display:block;width:100%;height:auto;aspect-ratio:3.12/1}.brand-logo-set .brand-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transition:opacity .42s ease,transform .42s cubic-bezier(.2,.7,.2,1)}
.brand-logo-inactive{opacity:1;transform:translateY(0);filter:none!important}.brand-logo-scrolled{opacity:0;transform:translateY(-4px);filter:none!important}.nb-topbar.scrolled .brand-logo-inactive{opacity:0;transform:translateY(4px)}.nb-topbar.scrolled .brand-logo-scrolled{opacity:1;transform:translateY(0)}
.nb-topbar:not(.scrolled){background:transparent!important;box-shadow:none;border-color:transparent;color:var(--ink)}
.nb-topbar:not(.scrolled) .nav-links>a,.nb-topbar:not(.scrolled) .nav-parent{color:var(--ink)}
.nb-topbar:not(.scrolled) .nav-links>a:hover,.nb-topbar:not(.scrolled) .nav-parent:hover{color:var(--pistachio-dark)}
.nav-dropdown{position:relative;padding-block:30px}.nav-parent{position:relative;padding:10px 13px;border-radius:999px;overflow:hidden;isolation:isolate;transition:color .3s ease,background .3s ease,transform .3s ease}.nav-parent:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(102,122,61,.95),rgba(126,145,76,.95));transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.nav-parent:hover:before,.nav-parent:focus-visible:before,.nav-dropdown:hover>.nav-parent:before{transform:scaleX(1)}.nav-parent:hover,.nav-parent:focus-visible,.nav-dropdown:hover>.nav-parent{color:#fff!important}.nav-parent span{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:3px;border:1px solid currentColor;border-radius:50%;font-size:0;transition:transform .4s cubic-bezier(.2,.7,.2,1),background .3s ease,color .3s ease,border-color .3s ease}.nav-parent span:after{content:"";width:6px;height:6px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .3s ease}.nav-dropdown:hover .nav-parent span,.nav-parent:focus-visible span{transform:rotate(180deg);background:rgba(255,255,255,.15)}
.nav-submenu{position:absolute;right:-20px;top:78px;width:310px;padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(38,49,29,.97);box-shadow:0 25px 70px rgba(20,25,12,.22);opacity:0;visibility:hidden;transform:translateY(8px) scale(.985);transition:opacity .24s ease,visibility .24s ease,transform .28s cubic-bezier(.2,.7,.2,1);overflow:hidden}.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{opacity:1;visibility:visible;transform:none}
.nav-submenu a{position:relative;display:block;padding:14px 15px;border-radius:14px;color:#f7f5ed;overflow:hidden;isolation:isolate;transition:color .3s ease,transform .3s ease}.nav-submenu a:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--pistachio),#7f914c);transform:scaleX(0);transform-origin:left center;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.nav-submenu a:hover,.nav-submenu a:focus-visible{color:#fff;transform:translateX(3px)}.nav-submenu a:hover:before,.nav-submenu a:focus-visible:before{transform:scaleX(1)}.nav-submenu b{display:block;font-size:.82rem}.nav-submenu small{display:block;color:#cbd2bd;font-size:.68rem;margin-top:2px;transition:color .3s}.nav-submenu a:hover small,.nav-submenu a:focus-visible small{color:#eef1e6}
.nb-topbar.scrolled .nav-submenu{background:rgba(47,60,35,.98);border-color:rgba(255,255,255,.15)}
.mission-flow{position:relative;height:240vh;background:radial-gradient(circle at 15% 20%,rgba(102,122,61,.10),transparent 32%),var(--paper)}.mission-flow-sticky{position:sticky;top:0;height:100svh;min-height:680px;display:flex;align-items:center;overflow:hidden}.mission-flow-shell{position:relative;width:min(var(--max),calc(100% - 64px));height:100%;display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:center;gap:50px}.mission-heading{position:relative;z-index:3;text-align:left;max-width:620px}.mission-heading .lead{margin-inline:0}.mission-spindle{position:relative;height:min(650px,78vh);min-height:520px;display:grid;place-items:center;perspective:1400px;transform-style:preserve-3d}.mission-axis{position:absolute;top:4%;bottom:4%;left:50%;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(180,122,32,.42),rgba(102,122,61,.48),transparent);box-shadow:0 0 30px rgba(102,122,61,.12)}.mission-axis:before,.mission-axis:after{content:"";position:absolute;left:50%;width:12px;height:12px;border-radius:50%;background:var(--pistachio);box-shadow:0 0 0 7px rgba(102,122,61,.10);transform:translateX(-50%)}.mission-axis:before{top:0}.mission-axis:after{bottom:0}
.mission-flow-card{position:absolute;left:50%;top:50%;width:min(520px,78%);padding:34px 38px;border:1px solid rgba(23,23,19,.13);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(231,234,219,.42));backdrop-filter:blur(18px);box-shadow:0 26px 70px rgba(34,38,24,.08);transform:translate(-50%,-50%);transition:opacity .12s linear,filter .12s linear,transform .12s linear,box-shadow .35s,border-color .35s;will-change:transform,opacity,filter}.mission-flow-card:hover{box-shadow:0 34px 90px rgba(34,38,24,.15);border-color:rgba(102,122,61,.32)}.mission-flow-card span,.approach-copy>span{display:block;color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.15em;margin-bottom:15px}.mission-flow-card b{display:block;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.15;max-width:28ch}.mission-flow-card small{display:block;color:var(--muted);margin-top:12px;max-width:44ch}.mission-flow-card-final{background:linear-gradient(135deg,rgba(63,81,40,.96),rgba(82,100,53,.92));color:#f5f2e8;border-color:rgba(255,255,255,.16)}.mission-flow-card-final small{color:#d4d9c9}.mission-flow-card-final span{color:#d5dcbb}
.approach-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px;max-width:1160px}.approach-card{grid-column:span 2;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:rgba(255,253,248,.72);box-shadow:0 20px 55px rgba(20,20,15,.055);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}.approach-card:nth-child(4){grid-column:2 / span 2}.approach-card:nth-child(5){grid-column:4 / span 2}.approach-card:hover{transform:translateY(-8px);box-shadow:0 34px 85px rgba(20,20,15,.12);border-color:rgba(102,122,61,.3)}.approach-visual{height:280px;min-height:280px;border:0;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(231,234,219,.72),rgba(255,253,248,.86));transition:transform .6s cubic-bezier(.2,.7,.2,1)}.approach-card:hover .approach-visual{transform:scale(1.025)}.approach-copy{padding:30px 32px 34px}.approach-copy h3{font-size:clamp(1.5rem,2.6vw,2.25rem);margin:0 0 10px}.approach-copy p{color:var(--muted);max-width:48ch;margin:0}
.index-card,.flavour-card,.product-card,.contact-card,.principle{will-change:transform}.principle{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.principle:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(20,20,15,.07);border-color:rgba(102,122,61,.28)}.social-instagram svg{fill:none}.social-instagram svg *{stroke:currentColor}.social-youtube svg path:last-child{fill:#fff!important}.social:hover svg{transform:scale(1.06);transition:transform .25s ease}
@media(max-width:1000px){.mission-flow{height:auto;min-height:0}.mission-flow-sticky{position:relative;height:auto;min-height:0;padding-block:120px}.mission-flow-shell{grid-template-columns:1fr;gap:30px}.mission-heading{text-align:center;max-width:900px;margin-inline:auto}.mission-heading .lead{margin-inline:auto}.mission-spindle{height:640px;min-height:0}.approach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-card,.approach-card:nth-child(4),.approach-card:nth-child(5){grid-column:auto}}
@media(max-width:600px){.brand-lockup{width:145px}.nav-parent span{display:none}.mission-flow-sticky{padding-block:90px}.mission-spindle{height:570px}.mission-flow-card{width:90%;padding:26px 24px;border-radius:22px}.approach-grid{grid-template-columns:1fr;gap:18px}.approach-visual{height:230px;min-height:230px}.approach-copy{padding:25px 24px 28px}}
@media(prefers-reduced-motion:reduce){.brand-logo-set .brand-logo,.nav-parent:before,.nav-submenu a:before,.mission-flow-card,.approach-card,.approach-visual{transition:none!important}.mission-flow{height:auto}.mission-flow-sticky{position:relative;height:auto;padding-block:120px}.mission-flow-card{position:relative;left:auto;top:auto;transform:none!important;opacity:1!important;filter:none!important;margin:12px auto}.mission-spindle{height:auto}.mission-axis{display:none}}

/* v3.5 — glass navigation, tactile fill, responsive mission spindle and FAQ */
.nav-submenu{
  width:320px;
  padding:10px;
  top:78px;
  background:rgba(255,253,248,.76);
  border:1px solid rgba(63,81,40,.18);
  box-shadow:0 28px 80px rgba(35,45,24,.16),inset 0 1px 0 rgba(255,255,255,.75);
  backdrop-filter:blur(22px) saturate(120%);
  -webkit-backdrop-filter:blur(22px) saturate(120%);
}
.nav-submenu a{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:var(--ink);
  transition:color .55s ease,transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease;
}
.nav-submenu a:before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 12% 50%,rgba(255,255,255,.55) 0 2px,transparent 3px),
    radial-gradient(circle at 30% 35%,rgba(255,255,255,.34) 0 1.5px,transparent 3px),
    radial-gradient(circle at 67% 62%,rgba(255,255,255,.4) 0 2px,transparent 3px),
    linear-gradient(90deg,rgba(102,122,61,.12),rgba(126,145,76,.2));
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .58s cubic-bezier(.2,.8,.2,1);
}
.nav-submenu a:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-8%;
  top:-18px;
  width:34%;
  height:24px;
  border-radius:50%;
  border-top:2px solid rgba(255,255,255,.78);
  box-shadow:0 7px 0 -4px rgba(255,255,255,.32),0 0 16px rgba(255,255,255,.28);
  transform:translateX(-140%) scaleX(1.2);
  opacity:0;
}
.nav-submenu a:hover:before,.nav-submenu a:focus-visible:before{transform:scaleX(1)}
.nav-submenu a:hover:after,.nav-submenu a:focus-visible:after{
  opacity:1;
  animation:nbMenuWave .9s ease-out forwards;
}
.nav-submenu a:hover,.nav-submenu a:focus-visible{
  color:var(--pistachio-dark);
  transform:translateX(3px);
  box-shadow:inset 0 0 0 1px rgba(102,122,61,.12);
}
.nav-submenu b{color:var(--pistachio-dark);transition:color .45s ease}
.nav-submenu a:hover b,.nav-submenu a:focus-visible b{color:var(--pistachio-dark)}
.nav-submenu small{color:var(--muted);transition:color .45s ease}
.nav-submenu a:hover small,.nav-submenu a:focus-visible small{color:#59634a}
.nb-topbar.scrolled .nav-submenu{background:rgba(255,253,248,.78);border-color:rgba(63,81,40,.18)}
.nb-topbar.scrolled .nav-submenu a{color:var(--ink)}
.nb-topbar.scrolled .nav-submenu b{color:var(--pistachio-dark)}
@keyframes nbMenuWave{0%{transform:translateX(-140%) scaleX(1.15);opacity:0}25%{opacity:1}100%{transform:translateX(430%) scaleX(1.65);opacity:0}}

/* The mission section stays scroll-driven on tablets and phones instead of collapsing into an overlapping stack. */
.mission-flow-card{transition:box-shadow .35s ease,border-color .35s ease;}
.mission-flow-card.is-focus{box-shadow:0 34px 95px rgba(34,38,24,.16);border-color:rgba(102,122,61,.38)}
@media(max-width:1000px){
  .mission-flow{height:220vh;min-height:0}
  .mission-flow-sticky{position:sticky;top:0;height:100svh;min-height:620px;padding:0;overflow:hidden;display:block}
  .mission-flow-shell{width:min(var(--max),calc(100% - 40px));height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(175px,31%) minmax(0,69%);gap:0;align-items:stretch}
  .mission-heading{align-self:end;padding-bottom:12px;text-align:center;max-width:760px}
  .mission-spindle{height:100%;min-height:0;align-self:stretch;perspective:1050px}
  .mission-axis{top:7%;bottom:7%}
  .mission-flow-card{width:min(620px,86%);padding:28px 30px;border-radius:24px}
  .mission-flow-card b{font-size:clamp(1.05rem,2.6vw,1.42rem)}
  .mission-flow-card small{font-size:.84rem}
}
@media(max-width:600px){
  .mission-flow{height:232vh}
  .mission-flow-sticky{min-height:580px}
  .mission-flow-shell{width:calc(100% - 28px);grid-template-rows:minmax(175px,32%) minmax(0,68%)}
  .mission-heading{padding-bottom:4px}
  .mission-heading .eyebrow{font-size:.58rem}
  .mission-heading .section-title{font-size:clamp(2.15rem,10.5vw,3.35rem)}
  .mission-heading .lead{font-size:.92rem;line-height:1.45;max-width:40ch}
  .mission-spindle{height:100%;perspective:850px}
  .mission-axis{top:5%;bottom:5%;opacity:.65}
  .mission-flow-card{width:91%;padding:24px 22px;border-radius:21px}
  .mission-flow-card span{margin-bottom:10px;font-size:.61rem}
  .mission-flow-card b{font-size:1.06rem;line-height:1.18}
  .mission-flow-card small{font-size:.78rem;line-height:1.5;margin-top:9px}
}

/* Responsive safety net for content-heavy sections and interactive cards. */
.editorial-grid,.detail-grid,.contact-grid,.product-hero-grid{min-width:0}
.editorial-grid>*,.detail-grid>*,.contact-grid>*,.product-hero-grid>*{min-width:0}
.index-card,.flavour-card,.approach-card,.principle,.contact-card{transition:transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s ease,border-color .42s ease,background .42s ease}
.index-card:hover,.flavour-card:hover,.contact-card:hover{transform:translateY(-7px);box-shadow:0 28px 75px rgba(20,20,15,.11);border-color:rgba(102,122,61,.25)}

/* FAQ */
.nb-faq-page{background:var(--paper)}
.faq-hero{padding-top:clamp(150px,16vw,230px);padding-bottom:clamp(95px,10vw,145px);background:radial-gradient(circle at 80% 20%,rgba(102,122,61,.12),transparent 32%),var(--paper)}
.faq-hero-inner{max-width:1020px}
.faq-hero .lead{margin-top:30px;max-width:70ch}
.faq-context{max-width:72ch;color:var(--muted);font-size:.94rem;margin-top:24px}
.faq-section{background:linear-gradient(180deg,rgba(231,234,219,.32),rgba(247,243,233,0))}
.faq-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(50px,9vw,135px);align-items:start}
.faq-intro{position:sticky;top:120px}
.faq-list{display:grid;gap:13px}
.faq-item{border:1px solid rgba(63,81,40,.14);border-radius:22px;background:rgba(255,253,248,.72);backdrop-filter:blur(12px);box-shadow:0 12px 38px rgba(30,35,22,.045);overflow:hidden;transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease}
.faq-item:hover{border-color:rgba(102,122,61,.32);box-shadow:0 20px 55px rgba(30,35,22,.08);transform:translateY(-2px)}
.faq-item[open]{border-color:rgba(102,122,61,.34);box-shadow:0 24px 65px rgba(30,35,22,.09)}
.faq-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:42px 1fr 28px;gap:15px;align-items:center;padding:22px 22px;min-height:78px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary>span{font-size:.67rem;font-weight:900;letter-spacing:.13em;color:var(--gold)}
.faq-item summary b{font-size:clamp(.96rem,1.4vw,1.08rem);line-height:1.3;color:var(--pistachio-dark)}
.faq-item summary i{position:relative;width:24px;height:24px;border:1px solid rgba(102,122,61,.35);border-radius:50%;transition:transform .35s ease,background .35s ease}
.faq-item summary i:before,.faq-item summary i:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:1.5px;background:var(--pistachio-dark);transform:translate(-50%,-50%);transition:transform .35s ease}
.faq-item summary i:after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item[open] summary i{background:var(--pistachio-soft);transform:rotate(180deg)}
.faq-item[open] summary i:after{transform:translate(-50%,-50%) rotate(0)}
.faq-answer{padding:0 65px 25px 79px}
.faq-answer p{margin:0;color:var(--muted);font-size:.98rem;line-height:1.75}
.faq-cta{background:radial-gradient(circle at 50% 0,rgba(180,122,32,.11),transparent 36%),var(--paper)}
.faq-actions{justify-content:center;margin-top:30px}

@media(max-width:1000px){
  .faq-grid{grid-template-columns:1fr;gap:55px}
  .faq-intro{position:relative;top:auto;text-align:center;max-width:760px;margin-inline:auto}
  .faq-intro .lead{margin-inline:auto}
}
@media(max-width:600px){
  .faq-hero{padding-top:125px}
  .faq-hero .section-title{font-size:clamp(2.35rem,11vw,4rem)}
  .faq-item{border-radius:18px}
  .faq-item summary{grid-template-columns:30px 1fr 25px;gap:10px;padding:18px 16px}
  .faq-item summary b{font-size:.92rem}
  .faq-answer{padding:0 48px 21px 56px}
  .faq-answer p{font-size:.9rem;line-height:1.68}
}

/* YouTube: explicit white play triangle so it remains visible on every footer state. */
.social-youtube svg path:first-child{fill:currentColor!important}
.social-youtube svg path:last-child{fill:#fff!important;opacity:1!important}

@media(prefers-reduced-motion:reduce){
  .nav-submenu a:after{animation:none!important}
  .faq-item,.faq-item summary i{transition:none!important}
}


/* v3.6 — faster mission travel, 1vh header retract, mobile product submenu control and footer refinements */
.nav-parent-row{display:flex;align-items:center;gap:4px}
.nav-parent-row .nav-parent{flex:1}
.nav-submenu-toggle{display:none;border:1px solid currentColor;background:transparent;color:inherit;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;flex:0 0 34px}
.nav-submenu-toggle span{display:block;width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .3s ease}
.nav-dropdown.is-open>.nav-parent-row .nav-submenu-toggle{background:rgba(102,122,61,.10)}
.nav-dropdown.is-open>.nav-parent-row .nav-submenu-toggle span{transform:rotate(225deg) translate(-1px,-1px)}
.social-youtube svg rect{fill:currentColor!important}
.social-youtube svg polygon{fill:#fff!important;stroke:none!important}
@media(max-width:1000px){
  .mobile-links .nav-parent-row{width:100%}
  .mobile-links .nav-parent-row .nav-parent{padding:12px 5px}
  .mobile-links .nav-submenu-toggle{display:flex}
  .mobile-links .nav-dropdown .nav-submenu{max-height:0;overflow:hidden;opacity:0;visibility:hidden;padding:0 0 0 12px;transition:max-height .55s cubic-bezier(.2,.8,.2,1),opacity .35s ease,padding .55s ease}
  .mobile-links .nav-dropdown.is-open .nav-submenu{max-height:520px;opacity:1;visibility:visible;padding:0 0 10px 12px}
  .mobile-links .nav-dropdown:hover .nav-submenu,.mobile-links .nav-dropdown:focus-within .nav-submenu{opacity:0;visibility:hidden;transform:none}
  .mobile-links .nav-dropdown.is-open:hover .nav-submenu,.mobile-links .nav-dropdown.is-open:focus-within .nav-submenu{opacity:1;visibility:visible}
  .footer-top{grid-template-columns:1fr 1fr;gap:45px}
  .footer-brand{grid-column:1/-1;text-align:center}
  .footer-logo{margin-inline:auto;object-position:center}
  .footer-copy{margin-inline:auto}
  .socials{justify-content:center;flex-wrap:nowrap;gap:5px}
  .social-label{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .social{width:34px;height:34px;flex:0 0 34px}
  .social svg{width:17px;height:17px}
  .footer-bottom{justify-content:center;text-align:center}
}
@media(max-width:600px){
  .footer-top{grid-template-columns:1fr 1fr;gap:30px 18px}
  .footer-brand{grid-column:1/-1}
  .footer-logo{width:230px}
  .footer-copy{max-width:40ch}
  .socials{gap:4px;margin-top:22px}
  .social{width:31px;height:31px;flex-basis:31px}
  .social svg{width:15px;height:15px}
  .footer-col h4{font-size:.64rem;margin-bottom:14px}
  .footer-col a{font-size:.78rem;margin:8px 0}
  .footer-bottom{font-size:.68rem;line-height:1.5}
}


/* v3.7 final polish */
/* Progressive enhancement: legal/content pages remain readable even if JS is blocked or delayed. */
.reveal{opacity:1;transform:none}
.nb-motion-ready .reveal{opacity:0;transform:translateY(32px)}
.nb-motion-ready .reveal.is-visible{opacity:1;transform:none}
.prose-page .reveal{opacity:1!important;transform:none!important}

/* Product submenu: pale glass panel, slower liquid fill on entry, existing faster retraction on exit. */
.nav-submenu,
.nb-topbar.scrolled .nav-submenu{background:rgba(255,253,248,.70)!important;border-color:rgba(63,81,40,.16)!important;box-shadow:0 28px 80px rgba(35,45,24,.13),inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
.nav-submenu b{color:var(--pistachio-dark)!important}
.nav-submenu small{color:var(--muted)!important}
.nav-submenu a{color:var(--ink)!important}
.nav-submenu a:before{transition:transform .92s cubic-bezier(.18,.82,.22,1)!important;background:radial-gradient(circle at 18% 44%,rgba(255,255,255,.72) 0 2px,transparent 3px),radial-gradient(circle at 42% 64%,rgba(255,255,255,.46) 0 1.5px,transparent 3px),radial-gradient(circle at 73% 38%,rgba(255,255,255,.58) 0 2px,transparent 3px),linear-gradient(90deg,rgba(102,122,61,.18),rgba(126,145,76,.30))!important}
.nav-submenu a:after{animation-duration:1.18s!important;border-top-color:rgba(102,122,61,.34);box-shadow:0 7px 0 -4px rgba(255,255,255,.52),0 0 16px rgba(102,122,61,.18)}
.nav-submenu a:hover,.nav-submenu a:focus-visible{color:var(--pistachio-dark)!important}
.nav-submenu a:hover b,.nav-submenu a:focus-visible b{color:var(--pistachio-dark)!important}
.nav-submenu a:hover small,.nav-submenu a:focus-visible small{color:#59634a!important}

/* FAQ: soft animated opening/closing and pistachio active question. */
.faq-answer{height:auto;overflow:hidden;opacity:1;transition:height .55s cubic-bezier(.22,.78,.2,1),opacity .35s ease;padding-top:0}
.faq-item[open] summary{background:var(--pistachio);color:#fff;transition:background .4s ease,color .4s ease}
.faq-item[open] summary b,.faq-item[open] summary>span{color:#fff!important}
.faq-item[open] summary i{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.10)}
.faq-item[open] summary i:before,.faq-item[open] summary i:after{background:#fff}
.faq-item summary{transition:background .4s ease,color .4s ease}

/* Section 03: tactile jelly / gel hover. Works on hover-capable devices and provides a press state elsewhere. */
.process-steps b{position:relative;isolation:isolate;overflow:hidden;transform-origin:center;transition:transform .52s cubic-bezier(.16,1.45,.3,1),box-shadow .45s ease,background .45s ease,border-color .45s ease}
.process-steps b:before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(circle at 28% 35%,rgba(255,255,255,.48),transparent 20%),radial-gradient(circle at 72% 70%,rgba(255,255,255,.28),transparent 18%),linear-gradient(135deg,rgba(255,255,255,.20),rgba(102,122,61,.20));border-radius:45% 55% 52% 48%;transform:scale(.45);opacity:0;transition:transform .7s cubic-bezier(.16,1.4,.3,1),opacity .4s ease}
.process-steps b:hover,.process-steps b:focus-visible{transform:translateY(-7px) scale(1.035,1.055) rotate(-.35deg);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.38);box-shadow:0 22px 50px rgba(25,35,15,.14),inset 0 1px 0 rgba(255,255,255,.32)}
.process-steps b:hover:before,.process-steps b:focus-visible:before{transform:scale(1.15);opacity:1;animation:nbJelly 1.25s ease-in-out infinite alternate}
@keyframes nbJelly{0%{border-radius:45% 55% 52% 48%;transform:scale(1.08,1.02) rotate(-1deg)}100%{border-radius:58% 42% 45% 55%;transform:scale(.98,1.08) rotate(1deg)}}

/* Section 06 geometric visual language. */
.belief-principles{position:relative;grid-template-columns:repeat(4,1fr)!important;gap:22px!important}
.belief-principle{position:relative;min-height:190px;padding:34px 24px 28px!important;border:1px solid rgba(23,23,19,.10)!important;border-top:0!important;border-radius:24px;background:rgba(255,253,248,.48);overflow:hidden}
.belief-principle:before{content:"";position:absolute;right:-18px;top:-18px;width:100px;height:100px;border:1px solid rgba(102,122,61,.20);border-radius:50%;box-shadow:0 0 0 14px rgba(102,122,61,.05),0 0 0 29px rgba(180,122,32,.045);transform:rotate(22deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.belief-principle:after{content:"";position:absolute;left:20px;bottom:18px;width:58px;height:2px;background:linear-gradient(90deg,var(--gold),var(--pistachio));box-shadow:0 8px 0 rgba(102,122,61,.12),0 -8px 0 rgba(180,122,32,.10);transition:width .55s ease}
.belief-principle:hover:before{transform:rotate(140deg) scale(1.12)}
.belief-principle:hover:after{width:105px}
.belief-icon{width:54px;height:54px;margin:0 auto 22px;position:relative;border:1px solid rgba(102,122,61,.28);border-radius:50%;display:grid;place-items:center}
.belief-icon:before,.belief-icon:after{content:"";position:absolute;inset:11px;border:1px solid rgba(180,122,32,.55);transform:rotate(45deg)}
.belief-icon:after{inset:16px;border-radius:50%;transform:none;border-color:rgba(102,122,61,.38)}
.belief-principle:nth-child(2) .belief-icon:before{transform:rotate(0);border-radius:50%}
.belief-principle:nth-child(3) .belief-icon:before{border-radius:0;transform:rotate(45deg)}
.belief-principle:nth-child(4) .belief-icon:before{border-radius:50% 0 50% 0;transform:rotate(45deg)}

/* Desktop footer copyright is centered as requested. */
.footer-bottom{justify-content:center!important;text-align:center!important}

/* Mobile navigation typography is uniform. */
.mobile-links>a,.mobile-links .nav-parent{font-size:.96rem!important;line-height:1.25!important;font-weight:850!important;letter-spacing:.01em}
.mobile-links .nav-submenu a{font-size:.86rem!important;line-height:1.3!important}
.mobile-links .nav-submenu b{font-size:.86rem!important}
.mobile-links .nav-submenu small{font-size:.70rem!important}

/* Robust YouTube mark: use a simple CSS/SVG-independent play triangle if SVG rendering is altered by an optimizer. */
.social-youtube{position:relative}
.social-youtube svg{overflow:visible}
.social-youtube svg rect{fill:currentColor!important;stroke:none!important}
.social-youtube svg polygon{fill:#fff!important;stroke:#fff!important;stroke-width:.2!important;opacity:1!important}
.social-youtube:after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #fff;transform:translate(-38%,-50%);pointer-events:none;filter:drop-shadow(0 0 1px rgba(0,0,0,.18))}

@media(max-width:1000px){
 .belief-principles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mission-flow{height:220vh!important}
 .mission-spindle{will-change:contents}
}
@media(max-width:600px){
 .belief-principles{grid-template-columns:1fr!important;gap:14px!important}
 .belief-principle{min-height:165px;padding:28px 20px 24px!important}
 .belief-icon{margin-bottom:16px}
 .footer-bottom{justify-content:center!important;text-align:center!important;align-items:center!important}
 .social-youtube:after{border-top-width:4px;border-bottom-width:4px;border-left-width:6px}
}
@media(prefers-reduced-motion:reduce){
 .nb-motion-ready .reveal{opacity:1;transform:none}
 .faq-answer{transition:none!important}
 .process-steps b,.process-steps b:before,.belief-principle:before,.belief-principle:after{transition:none!important;animation:none!important}
}


/* v3.8 final polish */
/* YouTube: CSS fallback mark guarantees the play button remains visible even when SVG optimizers alter inline paths. */
.social-youtube svg{display:none!important}
.social-youtube:before{content:"";position:absolute;inset:0;border-radius:5px;background:currentColor}
.social-youtube:after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #fff;transform:translate(-38%,-50%);pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.14))}
.social-youtube{position:relative;display:inline-grid;place-items:center;color:inherit}
/* Section 06: make the geometric visual language substantially more prominent. */
.belief-principles{gap:28px!important}
.belief-principle{min-height:235px!important;padding:42px 28px 32px!important;background:rgba(255,253,248,.66)!important;box-shadow:0 18px 50px rgba(30,35,22,.08),inset 0 1px 0 rgba(255,255,255,.75)!important}
.belief-icon{width:78px!important;height:78px!important;border-width:2px!important;margin-bottom:27px!important;box-shadow:0 0 0 10px rgba(102,122,61,.045),0 0 0 20px rgba(180,122,32,.035)!important}
.belief-icon:before{inset:15px!important;border-width:2px!important}
.belief-icon:after{inset:22px!important;border-width:2px!important}
.belief-principle b{display:block;font-size:clamp(1.05rem,1.55vw,1.28rem);line-height:1.2}
/* FAQ answer: eliminate competing height/auto transitions. */
.faq-answer{height:0;opacity:0;overflow:hidden;transition:height .62s cubic-bezier(.2,.78,.2,1),opacity .34s ease!important;will-change:height,opacity}
.faq-item[open] .faq-answer{opacity:1}
@media(max-width:1000px){.belief-principles{gap:18px!important}.belief-principle{min-height:205px!important;padding:34px 22px 28px!important}.belief-icon{width:68px!important;height:68px!important;margin-bottom:21px!important}}
@media(max-width:600px){.belief-principles{gap:14px!important}.belief-principle{min-height:185px!important;padding:30px 20px 25px!important}.belief-icon{width:62px!important;height:62px!important;margin-bottom:18px!important}.belief-icon:before{inset:13px!important}.belief-icon:after{inset:18px!important}.social-youtube:after{border-top-width:5px;border-bottom-width:5px;border-left-width:8px}}


/* v3.9 precision polish */
.statement-single-line{white-space:nowrap;font-size:clamp(1.55rem,3.2vw,3rem);letter-spacing:-.025em}
.principles-flow{display:flex;align-items:stretch;justify-content:center;gap:0;margin:clamp(28px,5vw,58px) auto;max-width:1120px}
.flow-node{position:relative;flex:1;min-height:142px;padding:28px 24px 25px;border:1px solid rgba(73,107,58,.16);border-radius:22px;background:rgba(255,255,255,.56);box-shadow:0 18px 45px rgba(37,42,36,.055),inset 0 1px 0 rgba(255,255,255,.8);display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:left;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s ease,background .6s ease,border-color .6s ease}
.flow-node:hover{transform:translateY(-8px) scale(1.025);background:rgba(255,255,255,.84);border-color:rgba(73,107,58,.32);box-shadow:0 28px 65px rgba(37,42,36,.10),inset 0 1px 0 rgba(255,255,255,.95)}
.flow-node span{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--pistachio)}
.flow-node b{font-size:clamp(.98rem,1.45vw,1.18rem);line-height:1.25}
.principles-flow>i{flex:0 0 54px;align-self:center;height:2px;position:relative;background:linear-gradient(90deg,rgba(73,107,58,.18),rgba(232,117,0,.55),rgba(73,107,58,.18))}
.principles-flow>i:after{content:"";position:absolute;right:-1px;top:50%;width:8px;height:8px;border-top:2px solid var(--orange);border-right:2px solid var(--orange);transform:translateY(-50%) rotate(45deg)}
.faq-answer{box-sizing:border-box;overflow:hidden}
.faq-item.is-animating summary{pointer-events:none}
.faq-item[open] summary{background:var(--pistachio);color:#fff}
.faq-item[open] summary b,.faq-item[open] summary span{color:#fff!important}
.faq-item[open] summary i:after{border-color:#fff!important;transform:rotate(225deg)}
.social-youtube svg{display:block!important;width:100%;height:100%;overflow:visible}
.social-youtube svg rect{fill:currentColor!important}
.social-youtube svg path{fill:#fff!important;stroke:none!important}
.social-youtube:before,.social-youtube:after{display:none!important}
.privacy-policy .reveal,.privacy-policy .legal-section,.privacy-policy .page-hero{opacity:1!important;transform:none!important}
@media(max-width:1000px){
 .statement-single-line{white-space:normal}
 .principles-flow{display:grid;grid-template-columns:1fr;gap:12px}
 .principles-flow>i{width:2px;height:26px;flex:none;justify-self:center;background:linear-gradient(180deg,rgba(73,107,58,.15),rgba(232,117,0,.55),rgba(73,107,58,.15))}
 .principles-flow>i:after{right:auto;top:auto;bottom:-1px;left:50%;width:8px;height:8px;transform:translateX(-50%) rotate(135deg)}
 .flow-node{min-height:118px}
}
@media(max-width:600px){
 .statement-single-line{font-size:1.35rem}
 .flow-node{padding:22px 20px;min-height:105px;border-radius:18px}
 .faq-item summary{font-size:1rem!important}
}

/* v4.0 social icon pack: bundled SVG image marks avoid inline-SVG/CSS conflicts. */
.social{position:relative;overflow:hidden}
.social img{display:block!important;width:20px!important;height:20px!important;object-fit:contain;opacity:1!important;filter:none!important;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.social:hover img{transform:scale(1.09)}
.social-youtube:before,.social-youtube:after{display:none!important;content:none!important}
@media(max-width:600px){.social img{width:16px!important;height:16px!important}}
/* Privacy is intentionally visible without reveal animation or client-side dependencies. */
body.privacy-policy .prose-page, body.privacy-policy .legal-sections, body.privacy-policy .legal-section, body.privacy-policy .page-hero{opacity:1!important;visibility:visible!important;transform:none!important;display:block!important}

/* v4.1 — precision alignment, corporate copy polish and responsive visual hierarchy */
.center-single-line{display:block;width:100%;max-width:1240px;margin-inline:auto;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.tricolour-text{font-size:clamp(1.25rem,2.3vw,2.15rem);font-weight:900;letter-spacing:-.02em;text-align:center}
.tricolour-text span{color:#E87500}.tricolour-text strong{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)}.tricolour-text em{color:#496B3A;font-style:normal}
.about-tricolour{font-size:clamp(2.4rem,5vw,5.6rem);line-height:.98;font-weight:900;letter-spacing:-.045em;margin-top:35px;text-shadow:0 4px 18px rgba(0,0,0,.45)}
.about-tricolour span{display:block}.about-tricolour span:nth-child(1){color:#E87500}.about-tricolour span:nth-child(2){color:#fff}.about-tricolour span:nth-child(3){color:#496B3A}
.innovation-title{max-width:1200px}.innovation-intro-flow{max-width:1160px;margin-inline:auto}.innovation-intro-flow .lead{max-width:1050px;margin-inline:auto;text-align:center}
.career-team-card,.career-look-card{position:relative;overflow:hidden}.career-icon,.career-look-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 0 22px;border:1px solid rgba(102,122,61,.30);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(221,230,210,.45));color:var(--pistachio);font-size:1.55rem;box-shadow:0 12px 30px rgba(30,35,22,.07);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,background .5s ease}.career-team-card:hover .career-icon,.career-look-card:hover .career-look-icon{transform:translateY(-5px) rotate(-4deg) scale(1.06);box-shadow:0 18px 40px rgba(30,35,22,.12);background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(221,230,210,.72))}.career-look-icon{width:64px;height:64px;border-radius:50%;font-size:.72rem;font-weight:900;letter-spacing:.1em}
.animated-principles>div{position:relative;overflow:hidden;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease}.animated-principles>div:before{content:"";position:absolute;left:12%;right:12%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent);transform:scaleX(.15);transition:transform .55s ease}.animated-principles>div:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(30,35,22,.10)}.animated-principles>div:hover:before{transform:scaleX(1)}.animated-principles i{display:block;font-style:normal;font-size:.62rem;letter-spacing:.14em;color:var(--gold);margin-bottom:10px}
@media(min-width:1101px){.center-single-line{white-space:nowrap}.innovation-title{white-space:nowrap}.innovation-intro-flow .lead{white-space:normal}.about-company-line,.about-equation,.about-philosophy-line{white-space:nowrap}}
@media(max-width:1100px){.innovation-title{font-size:clamp(2.5rem,6vw,4.8rem)}}
@media(max-width:600px){.center-single-line{white-space:normal;overflow-wrap:anywhere}.tricolour-text{line-height:1.2}.about-tricolour{font-size:clamp(2.4rem,14vw,4.5rem)}.career-icon,.career-look-icon{margin-inline:auto;margin-bottom:17px}.career-team-card{text-align:center}.innovation-intro-flow .lead{text-align:center}.innovation-title{text-align:center}.animated-principles>div{padding-top:25px}}

/* v4.2 — precision fixes / responsive overflow guard */
.hero-orange{color:var(--orange)!important}

/* Long centered copy must wrap instead of forcing horizontal overflow. */
.center-single-line{width:min(100%,1240px)!important;max-width:1240px!important;white-space:normal!important;overflow-wrap:break-word;word-break:normal;text-align:center!important;margin-inline:auto!important}
.centered-note{width:min(100%,1240px);max-width:1240px;margin-inline:auto}

/* Section 05: four principles remain a clean single row on desktop, with responsive fallback. */
.animated-principles{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px!important;align-items:stretch}
.animated-principles>div{min-width:0;text-align:center;padding:30px 18px 26px!important;border:1px solid rgba(102,122,61,.18);border-radius:22px;background:rgba(255,255,255,.58)}
.animated-principles>div b{display:block;white-space:nowrap;font-size:clamp(.96rem,1.35vw,1.2rem)}

/* Section 06: make the geometric marks unmistakably visible against pistachio. */
.belief-icon{border-color:rgba(255,255,255,.86)!important;background:rgba(255,255,255,.08);box-shadow:0 0 0 10px rgba(255,255,255,.05),0 0 30px rgba(239,120,16,.16)!important}
.belief-icon:before{border-color:var(--orange)!important;box-shadow:0 0 14px rgba(239,120,16,.24)}
.belief-icon:after{border-color:#fff!important}
.belief-principle b{color:#fff!important}

/* Functional beverage formulation direction: all detail text is readable in white. */
.pistachio-section .detail-list b,.pistachio-section .detail-list span{color:#fff!important}
.pistachio-section .detail-list li{border-color:rgba(255,255,255,.22)}

/* Functional beverage supporting copy: centered and comfortably wrapped. */
.detail-grid .detail-copy .lead{max-width:62ch}
.product-page .detail-copy{text-align:center}
.product-page .detail-copy .lead{margin-inline:auto}
.product-page .detail-list{text-align:left}

/* Flavour pages: requested supporting description + development note alignment. */
.flavour-description,.development-note{width:min(100%,900px);margin-inline:auto;text-align:center}
.pistachio-section .centered-note .lead{text-align:center;margin-inline:auto}

/* About: large tricolour statement, generous vertical rhythm, reduced shadow. */
.about-tricolour{font-size:clamp(3.6rem,8vw,8.4rem)!important;line-height:1.08!important;text-shadow:0 2px 9px rgba(0,0,0,.225)!important;margin-top:42px!important;margin-bottom:20px!important}
.about-tricolour span{margin-block:.08em}
.about-philosophy-line{max-width:1240px!important}

/* Innovation: no desktop nowrap; use the available width cleanly. */
.innovation-title{max-width:1240px!important;width:100%;white-space:normal!important;text-wrap:balance}
.innovation-intro-flow{width:min(100%,1240px)!important;max-width:1240px!important;margin-inline:auto!important}
.innovation-intro-flow .lead{max-width:1050px!important;margin-inline:auto!important;text-align:center!important;white-space:normal!important}
.page-hero > .lead:last-child{text-align:center;margin-inline:auto}

/* Career — modern, larger visual marks instead of dated text glyphs. */
.career-team-card,.career-look-card{text-align:left}
.career-icon{width:92px!important;height:92px!important;border-radius:26px!important;position:relative!important;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(214,225,196,.55))!important;border:1px solid rgba(102,122,61,.30)!important;box-shadow:0 18px 42px rgba(30,35,22,.11)!important}
.career-icon:before,.career-icon:after{content:"";position:absolute}
.career-icon-rd:before{width:42px;height:42px;border:3px solid var(--pistachio);border-radius:50%;left:23px;top:23px}
.career-icon-rd:after{width:20px;height:3px;background:var(--orange);left:36px;top:43px;transform:rotate(45deg);box-shadow:0 -10px 0 rgba(102,122,61,.5),0 10px 0 rgba(102,122,61,.5)}
.career-icon-brand:before{width:42px;height:42px;border:3px solid var(--orange);left:25px;top:25px;transform:rotate(45deg);border-radius:9px}
.career-icon-brand:after{width:12px;height:12px;border:3px solid var(--pistachio);border-radius:50%;left:40px;top:40px}
.career-icon-growth:before{left:23px;bottom:24px;width:48px;height:38px;border-left:3px solid var(--pistachio);border-bottom:3px solid var(--pistachio);clip-path:polygon(0 100%,0 80%,30% 80%,30% 55%,58% 55%,58% 28%,100% 28%,100% 100%)}
.career-icon-growth:after{width:30px;height:30px;border-top:4px solid var(--orange);border-right:4px solid var(--orange);transform:rotate(45deg);right:18px;top:20px}
.career-icon-ops:before{inset:25px;border:3px solid var(--pistachio);border-radius:50%;box-shadow:0 0 0 9px rgba(102,122,61,.08)}
.career-icon-ops:after{width:20px;height:20px;background:var(--orange);border-radius:5px;left:36px;top:36px;transform:rotate(45deg)}
.career-icon-business:before{width:48px;height:34px;border:3px solid var(--pistachio);border-radius:6px;left:22px;top:37px}
.career-icon-business:after{width:18px;height:10px;border:3px solid var(--orange);border-bottom:0;border-radius:7px 7px 0 0;left:37px;top:25px}
.career-icon-tech:before{inset:23px;border:3px solid var(--pistachio);border-radius:18px 5px 18px 5px;transform:rotate(45deg)}
.career-icon-tech:after{width:24px;height:3px;background:var(--orange);left:34px;top:44px;transform:rotate(-45deg)}
.career-team-card:hover .career-icon{transform:translateY(-7px) scale(1.04)!important}

/* What We Look For — image/visual holder above each title; numbering removed. */
.career-look-card{display:flex;flex-direction:column;align-items:flex-start}
.career-look-icon{width:150px!important;height:105px!important;border-radius:24px!important;margin:0 0 25px!important;border:1px solid rgba(102,122,61,.22)!important;background:linear-gradient(135deg,rgba(231,234,219,.9),rgba(255,253,248,.9))!important;position:relative;overflow:hidden!important}
.career-look-icon:before,.career-look-icon:after{content:"";position:absolute}
.career-look-1:before{width:54px;height:54px;border:3px solid var(--pistachio);border-radius:50%;left:47px;top:25px}
.career-look-1:after{width:72px;height:2px;background:var(--orange);left:39px;top:52px;box-shadow:0 -12px 0 rgba(102,122,61,.25),0 12px 0 rgba(102,122,61,.25)}
.career-look-2:before{width:70px;height:45px;border:3px solid var(--pistachio);left:40px;top:30px;transform:skewY(-18deg)}
.career-look-2:after{width:30px;height:30px;border-top:4px solid var(--orange);border-right:4px solid var(--orange);transform:rotate(45deg);right:30px;top:28px}
.career-look-3:before{width:60px;height:60px;border:3px solid var(--orange);border-radius:50%;left:45px;top:22px;box-shadow:inset 0 0 0 9px rgba(102,122,61,.12)}
.career-look-3:after{width:24px;height:24px;background:var(--pistachio);border-radius:50%;left:63px;top:40px}
.career-look-card h3{margin-top:0}

.inline-email{font-weight:900;color:#111!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* Contact map: Elementor-like responsive live Google Maps preview. */
.contact-map{margin-top:28px;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:var(--paper-2);box-shadow:0 18px 55px rgba(20,20,15,.08)}
.contact-map iframe{display:block;width:100%;height:360px;border:0}

/* Footer brand statement: Indian tricolour + deliberate line break before supporting copy. */
.footer-copy{max-width:52ch!important;color:#d2d6cb!important;line-height:1.65}
.footer-copy .footer-india{display:block;font-weight:900;font-size:1.08em;line-height:1.25;margin-bottom:10px}
.footer-copy .footer-india .orange{color:var(--orange)}
.footer-copy .footer-india .white{color:#fff}
.footer-copy .footer-india .green{color:var(--pistachio)}
.footer-copy .footer-support{display:block}

/* Products — both narrative paragraphs centered within their section. */
#the-no-brainer-difference .lead{text-align:center;margin-inline:auto}
.grievance-minimal{max-width:920px}

@media(max-width:1100px){
 .animated-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
 .animated-principles>div b{white-space:normal}
 .career-team-card,.career-look-card{text-align:center;align-items:center}
 .about-tricolour{font-size:clamp(3.1rem,9vw,6.5rem)!important}
}
@media(max-width:600px){
 .animated-principles{grid-template-columns:1fr}
 .animated-principles>div{padding:25px 16px 22px!important}
 .belief-principle{min-height:190px!important}
 .about-tricolour{font-size:clamp(2.7rem,15vw,5rem)!important;line-height:1.12!important}
 .career-icon{width:82px!important;height:82px!important}
 .career-look-icon{width:min(150px,100%)!important;height:96px!important}
 .contact-map iframe{height:300px}
}

/* v4.2 — final page-specific alignment corrections */
.flavour-chocolate-coffee .hero-sub{color:#fff!important}
.functional-protein-fit .section-title{white-space:nowrap}
.functional-protein-fit .lead{max-width:1100px!important;margin-inline:auto!important;text-align:center!important}
.pistachio-section .career-team-card p{color:#d4d9c9!important}

@media(max-width:900px){
 .functional-protein-fit .section-title{white-space:normal}
}

/* v4.3 — precision alignment, icon refresh and final polish */
.hero-orange{color:var(--orange)!important}
/* Keep long homepage narrative inside the visual viewport. */
#change .lead,#why-functional .lead,#why-functional .center-single-line{width:min(100%,900px);max-width:900px;margin-inline:auto;text-align:center;white-space:normal;overflow-wrap:anywhere}
#why-functional .principles{width:100%;margin-inline:auto}
#why-functional .animated-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
#why-functional .animated-principles>div{min-width:0}
#why-functional .animated-principles>div b{white-space:normal}
/* Section 06 — stronger, contemporary icon language. */
.belief-icon{width:104px!important;height:104px!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:28px!important;display:grid!important;place-items:center!important;position:relative!important;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025))!important;box-shadow:0 18px 38px rgba(0,0,0,.14)!important;overflow:hidden}
.belief-icon:before,.belief-icon:after,.belief-icon span:before,.belief-icon span:after{content:"";position:absolute}
.belief-icon-balance:before{width:52px;height:4px;background:var(--orange);border-radius:99px;top:49px;left:26px}
.belief-icon-balance:after{width:4px;height:48px;background:#fff;border-radius:99px;top:27px;left:50px}
.belief-icon-balance span:before,.belief-icon-balance span:after{width:27px;height:16px;border:3px solid var(--pistachio-soft);border-top:0;border-radius:0 0 18px 18px;top:34px}
.belief-icon-balance span:before{left:15px}.belief-icon-balance span:after{right:15px}
.belief-icon-lightning:before{width:27px;height:58px;background:var(--orange);clip-path:polygon(55% 0,100% 0,62% 40%,88% 40%,25% 100%,40% 54%,12% 54%);filter:drop-shadow(0 0 9px rgba(239,120,16,.35))}
.belief-icon-lightning:after{inset:13px;border:1px solid rgba(255,255,255,.16);border-radius:22px}
.belief-icon-function:before{width:56px;height:56px;border:4px solid #fff;border-radius:50%}
.belief-icon-function:after{width:26px;height:26px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 8px rgba(239,120,16,.15)}
.belief-icon-cool:before{width:52px;height:52px;border:4px solid var(--pistachio-soft);border-radius:50% 50% 12px 50%;transform:rotate(-45deg)}
.belief-icon-cool:after{width:13px;height:13px;border-radius:50%;background:var(--orange);left:46px;top:45px;box-shadow:24px 0 0 #fff}
/* Section 08 — center the five-card composition as a whole. */
.approach-grid{margin-inline:auto!important;justify-items:stretch}
.approach-card{min-width:0}
@media(min-width:901px){.approach-grid{width:min(100%,1120px)!important;margin-inline:auto!important}}
/* About equation: one line whenever the viewport can support it. */
.about-equation{width:100%;max-width:none!important;text-align:center!important;white-space:nowrap!important;font-size:clamp(1.35rem,3.1vw,3.45rem)!important;letter-spacing:-.045em}
.about-tricolour{font-size:clamp(1.8rem,4vw,4.2rem)!important;line-height:1.18!important;text-align:center!important}
/* Innovation: only the top heading remains left-oriented; body copy is centered in each div. */
.innovation-intro-flow,.innovation-intro-flow .lead{margin-inline:auto!important;text-align:center!important}
.innovation-intro-flow{display:block!important}
.page-hero > .lead:last-child{text-align:center!important;margin-inline:auto!important}
body .page-hero .innovation-title{text-align:left!important}
body .page-hero + .editorial-grid > .reveal{text-align:center!important}
body .page-hero + .editorial-grid > .reveal ul{padding-left:0;list-style-position:inside}
/* Career — center every component inside its own grid cell. */
.career-team-card,.career-look-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;margin-inline:auto!important}
.career-team-card .career-icon,.career-look-card .career-look-icon{margin-inline:auto!important;flex:0 0 auto}
.career-team-card p,.career-look-card p{margin-inline:auto!important}
/* Contact map: shorter, glass-framed, zoomed into the selected location. */
.contact-map{height:270px!important;margin-top:22px!important;padding:8px!important;border-radius:26px!important;border:1px solid rgba(255,255,255,.52)!important;background:linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,255,255,.10))!important;box-shadow:0 20px 55px rgba(18,24,14,.16),inset 0 1px 0 rgba(255,255,255,.65),inset 0 0 0 1px rgba(102,122,61,.18)!important;backdrop-filter:blur(12px)}
.contact-map iframe{height:100%!important;border-radius:18px!important}
.grievance-copy,.grievance-minimal p,.grievance-intro{max-width:850px;margin-inline:auto;text-align:center}
.grievance-minimal .inline-email{font-weight:900;color:#111!important}
.page-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
/* Footer: no background/highlight behind the white middle flag text. */
.footer-copy .footer-india .white{background:transparent!important;background-color:transparent!important;padding:0!important;border:0!important;box-shadow:none!important}
@media(max-width:1100px){
 #why-functional .animated-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
 .about-equation{font-size:clamp(1.15rem,3.5vw,2.5rem)!important}
}
@media(max-width:700px){
 #why-functional .animated-principles{grid-template-columns:1fr}
 .about-equation{white-space:normal!important;line-height:1.15!important}
 .about-tricolour{font-size:clamp(1.7rem,8vw,3rem)!important}
 .contact-map{height:235px!important}
 .career-icon{width:96px!important;height:96px!important}
}


/* v4.4 — final four requested corrections */
/* Section 06: reliable inline SVG vector artwork — no external icon font/assets. */
.belief-icon-svg{display:grid!important;place-items:center!important}
.belief-icon-svg svg{width:70px;height:70px;display:block;overflow:visible;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.belief-icon-svg svg .accent{stroke:var(--orange);stroke-width:5}
.belief-icon-svg svg .accent-fill{fill:var(--orange);stroke:var(--orange)}
.belief-principle:hover .belief-icon-svg svg{transform:scale(1.06);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
/* Eliminate any inherited highlight/background treatment from the footer's white flag word. */
.footer-copy .footer-india .white{background:none!important;background-image:none!important;color:#fff!important;padding:0!important;border:0!important;box-shadow:none!important;text-shadow:none!important}
/* Career application copy aligns exactly with the centered heading block above it. */
.career-email-copy{width:min(100%,900px)!important;max-width:900px!important;margin-inline:auto!important;text-align:center!important}
/* About page: center the page content except the deliberately editorial opening and closing blocks. */
.about-page .page-hero > .lead.center-single-line,
.about-page .page-hero > .lead:not(.about-company-line),
.about-page .page-hero > .statement,
.about-page .editorial-grid > .reveal,
.about-page .editorial-grid > .reveal p,
.about-page .editorial-grid > .reveal ul,
.about-page .editorial-grid > .reveal h2,
.about-page .editorial-grid > .reveal h3{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.about-page .editorial-grid > .reveal ul{padding-left:0;list-style-position:inside}
.about-page .about-company-line{margin-inline:auto!important;text-align:center!important}
.about-page .about-equation{margin-inline:auto!important;text-align:center!important;white-space:nowrap!important}
.about-page .about-tricolour{text-align:center!important;margin-inline:auto!important}
/* Preserve the user's requested editorial alignment for the opening and final philosophy blocks. */
.about-page .page-hero > h1,
.about-page .compact-section .section-title,
.about-page .compact-section .about-philosophy-line{text-align:left!important}
@media(max-width:700px){
 .belief-icon-svg svg{width:62px;height:62px}
 .about-page .about-equation{white-space:normal!important}
 .about-page .page-hero > h1,.about-page .compact-section .section-title,.about-page .compact-section .about-philosophy-line{text-align:center!important}
}

/* v4.5 — precision alignment corrections */
/* Footer flag word: the global .green product-surface class must never leak into the footer. */
.site-footer .footer-copy .footer-india .green{background:none!important;background-image:none!important;color:var(--pistachio)!important;padding:0!important;border:0!important;box-shadow:none!important;text-shadow:none!important}

/* About: center the actual layout containers, while preserving the requested editorial text exceptions. */
.about-page .prose-page{width:min(var(--max),calc(100% - 64px))!important;margin-inline:auto!important}
.about-page .page-hero{width:min(100%,1000px)!important;margin-left:auto!important;margin-right:auto!important}
.about-page .editorial-grid{width:min(100%,1050px)!important;margin-left:auto!important;margin-right:auto!important}
.about-page .compact-section .centered-note{width:min(100%,900px)!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:600px){.about-page .prose-page{width:calc(100% - 28px)!important}.about-page .page-hero,.about-page .editorial-grid{width:100%!important}}

/* Innovation: center each content block on the page; only the top heading remains left-aligned. */
.nb-dynamic-page .page-hero:has(.innovation-title){width:min(100%,1050px)!important;margin-left:auto!important;margin-right:auto!important}
.nb-dynamic-page .page-hero:has(.innovation-title) .innovation-intro-flow,
.nb-dynamic-page .page-hero:has(.innovation-title) > .lead:last-child{width:min(100%,900px)!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.nb-dynamic-page .page-hero:has(.innovation-title) .innovation-title{text-align:left!important}
.nb-dynamic-page .page-hero:has(.innovation-title) + .editorial-grid{width:min(100%,1050px)!important;margin-left:auto!important;margin-right:auto!important}
.nb-dynamic-page .page-hero:has(.innovation-title) + .editorial-grid > .reveal{width:100%;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.nb-dynamic-page .page-hero:has(.innovation-title) + .editorial-grid ul{padding-left:0!important;list-style-position:inside!important}
.nb-dynamic-page .page-hero:has(.innovation-title) + .editorial-grid p,
.nb-dynamic-page .page-hero:has(.innovation-title) + .editorial-grid ul,
.nb-dynamic-page .page-hero:has(.innovation-title) + .editorial-grid h2{margin-left:auto!important;margin-right:auto!important}
.nb-dynamic-page .page-hero:has(.innovation-title) + .editorial-grid + .compact-section .centered-note{width:min(100%,900px)!important;margin-inline:auto!important}
@media(max-width:700px){
 .nb-dynamic-page .page-hero:has(.innovation-title){width:100%!important}
 .nb-dynamic-page .page-hero:has(.innovation-title) .innovation-title{text-align:center!important}
 .nb-dynamic-page .page-hero:has(.innovation-title) + .editorial-grid{width:100%!important}
}


/* v4.6 — restore original editorial positioning and header scroll-direction behavior */
.about-page .page-hero{width:100%!important;max-width:900px!important;margin-left:0!important;margin-right:0!important}
.about-page .page-hero > .lead.about-company-line{margin-left:0!important;margin-right:0!important;text-align:left!important}
.about-page .page-hero > .lead:not(.about-company-line){margin-left:0!important;margin-right:0!important;text-align:left!important}
.about-page .about-equation{margin-left:0!important;margin-right:0!important;text-align:center!important}
.about-page .equation-orange{color:var(--orange)!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important}
.nb-dynamic-page .page-hero:has(.innovation-title){width:100%!important;max-width:900px!important;margin-left:0!important;margin-right:0!important}
.nb-dynamic-page .page-hero:has(.innovation-title) .innovation-title{text-align:left!important}
.nb-dynamic-page .page-hero:has(.innovation-title) .innovation-intro-flow{width:100%!important;max-width:900px!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
.nb-dynamic-page .page-hero:has(.innovation-title) .innovation-intro-flow .lead{max-width:900px!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
.nb-dynamic-page .page-hero:has(.innovation-title) > .lead:last-child{width:100%!important;max-width:900px!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
@media(max-width:700px){
 .about-page .page-hero,.nb-dynamic-page .page-hero:has(.innovation-title){width:100%!important;max-width:none!important;margin-inline:auto!important}
 .about-page .page-hero > .lead.about-company-line,.about-page .page-hero > .lead:not(.about-company-line){margin-inline:auto!important;text-align:center!important}
 .nb-dynamic-page .page-hero:has(.innovation-title) .innovation-intro-flow,.nb-dynamic-page .page-hero:has(.innovation-title) .innovation-intro-flow .lead,.nb-dynamic-page .page-hero:has(.innovation-title) > .lead:last-child{margin-inline:auto!important;text-align:center!important}
}


/* v4.7 — exact equation sizing/centering + definitive scroll-state header */
.about-page .about-equation{
 width:calc(100vw - 64px)!important;
 max-width:1240px!important;
 margin-left:0!important;
 margin-right:0!important;
 transform:none!important;
 text-align:center!important;
 white-space:nowrap!important;
 font-size:clamp(1.35rem,3.1vw,3.45rem)!important;
 line-height:1.1!important;
 letter-spacing:-.045em!important;
}
.about-page .about-equation .equation-orange{
 color:var(--orange)!important;
 font-size:1em!important;
 line-height:inherit!important;
 letter-spacing:inherit!important;
 font-weight:inherit!important;
 font-family:inherit!important;
}
/* Scrolled header uses the site's primary pistachio, white navigation, and the supplied secondary logo. */
.nb-topbar.scrolled{
 background:rgba(102,122,61,.96)!important;
 color:#fff!important;
}
.nb-topbar.scrolled .nav-links>a,
.nb-topbar.scrolled .nav-parent{
 color:#fff!important;
}
.nb-topbar.scrolled .nav-links>a:hover,
.nb-topbar.scrolled .nav-links .current-menu-item>a,
.nb-topbar.scrolled .nav-parent:hover{
 color:#fff!important;
}
.nb-topbar .brand-logo-scrolled{filter:none!important}
.nb-topbar.scrolled .brand-logo-scrolled{opacity:1!important;filter:none!important}
.nb-topbar.scrolled .brand-logo-inactive{opacity:0!important}
.nb-topbar.is-hidden{transform:translate3d(0,-110%,0)!important;pointer-events:none}
@media(max-width:700px){
 .about-page .about-equation{
  width:calc(100vw - 28px)!important;
  max-width:none!important;
  white-space:normal!important;
  margin-left:0!important;
  transform:none!important;
  font-size:clamp(1.15rem,3.5vw,2.5rem)!important;
  line-height:1.15!important;
 }
}


/* v4.8 — precise scrolled-header color, vertical centering, and one-viewport reveal window */
.nb-topbar.scrolled{
 background:var(--pistachio-dark)!important;
 color:#fff!important;
}
.nb-nav{
 min-height:100px!important;
 padding-block:10px!important;
 align-items:center!important;
}
.nb-nav .brand-lockup,
.nb-nav .desktop-nav,
.nb-nav .nav-links,
.nb-nav .nav-parent,
.nb-nav .menu-toggle{
 align-items:center;
}
.nb-nav .brand-lockup{margin-block:0!important;}
.nb-nav .desktop-nav{display:flex;align-items:center;}
.nb-nav .nav-links{height:100%;}
.nb-nav .nav-dropdown{padding-block:0!important;display:flex;align-items:center;}
.nb-nav .nav-parent{min-height:44px;}
@media(max-width:900px){
 .nb-nav{min-height:82px!important;padding-block:8px!important;}
}


/* v4.9 — extra top breathing room for the header contents */
.nb-nav{
 min-height:108px!important;
 padding:18px 0 10px!important;
 align-items:center!important;
}
@media(max-width:900px){
 .nb-nav{
  min-height:88px!important;
  padding:14px 0 8px!important;
 }
}


/* v4.9 — lower header contents for true visual vertical centering */
.nb-topbar .nb-nav{
 padding-top:22px!important;
 padding-bottom:0!important;
 align-items:center!important;
}
@media(max-width:900px){
 .nb-topbar .nb-nav{
  padding-top:16px!important;
  padding-bottom:0!important;
 }
}


/* v5.1 — supplied logo states, responsive header stabilization, equal nav rhythm, and innovation list alignment */
/* The supplied inactive logo already contains the correct pistachio artwork; never recolor it. */
.nb-topbar .brand-logo-inactive{filter:none!important;}
.nb-topbar .brand-logo-scrolled{filter:none!important;}
.nb-topbar.scrolled .brand-logo-inactive{opacity:0!important;}
.nb-topbar.scrolled .brand-logo-scrolled{opacity:1!important;}
/* Both logo files share the same intrinsic canvas and therefore occupy precisely the same box. */
.brand-logo-set{position:relative;display:block;width:100%;height:auto;aspect-ratio:1774 / 567;}
.brand-logo-set .brand-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .28s ease;}
.brand-logo-set .brand-logo-inactive{opacity:1;}
.brand-logo-set .brand-logo-scrolled{opacity:0;}
/* Keep the desktop menu rhythm uniform without changing its left/right anchor positions. */
.desktop-nav{margin-left:auto;}
.desktop-nav .nav-links{display:flex;align-items:center;gap:25px;}
.desktop-nav .nav-links> a,
.desktop-nav .nav-links>.nav-dropdown{flex:0 0 auto;}
.desktop-nav .nav-dropdown{padding-block:0!important;}
.desktop-nav .nav-parent-row{display:flex;align-items:center;}
/* Tablet/mobile header: a stable two-column top row, with the menu panel positioned beneath it. */
@media(max-width:1000px){
 .nb-topbar{overflow:visible;}
 .nb-nav{
  width:calc(100% - 40px)!important;
  min-height:88px!important;
  padding:16px 0 10px!important;
  gap:16px!important;
 }
 .nb-nav .brand-lockup{width:clamp(142px,31vw,175px)!important;flex:0 1 auto;}
 .nb-nav .menu-toggle{display:flex!important;flex:0 0 44px;margin-left:auto;}
 .mobile-nav{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:100%!important;
  display:block!important;
  max-height:0!important;
  overflow:hidden!important;
  transition:max-height .42s cubic-bezier(.2,.8,.2,1)!important;
 }
 .mobile-nav.open{max-height:calc(100svh - 70px)!important;overflow:auto!important;}
 .mobile-nav-inner{
  width:calc(100% - 40px)!important;
  margin:10px 20px 20px!important;
  padding:18px 20px!important;
 }
 .mobile-links{gap:0!important;}
 .mobile-links>a,.mobile-links .nav-parent{padding:13px 5px!important;}
 .mobile-links .nav-parent-row{display:flex;align-items:center;width:100%;}
 .mobile-links .nav-parent-row .nav-parent{flex:1;}
 .mobile-links .nav-submenu-toggle{flex:0 0 34px;}
}
@media(max-width:600px){
 .nb-nav{width:calc(100% - 28px)!important;min-height:78px!important;padding:13px 0 8px!important;}
 .nb-nav .brand-lockup{width:145px!important;}
 .mobile-nav-inner{width:calc(100% - 28px)!important;margin:8px 14px 14px!important;border-radius:20px;padding:16px 18px!important;}
}
/* Innovation lists: the list block is centered beneath its copy, but every item/bullet shares one left edge. */
.nb-dynamic-page .page-hero:has(.innovation-title) + .editorial-grid ul{
 width:max-content!important;
 max-width:100%!important;
 margin-left:auto!important;
 margin-right:auto!important;
 padding-left:1.35em!important;
 padding-right:0!important;
 list-style-position:outside!important;
 text-align:left!important;
}
.nb-dynamic-page .page-hero:has(.innovation-title) + .editorial-grid ul li{text-align:left!important;}
@media(max-width:700px){
 .nb-dynamic-page .page-hero:has(.innovation-title) + .editorial-grid ul{
  width:max-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:1.35em!important;
  text-align:left!important;
 }
}


/* v5.3 — final responsive header correction */
@media(max-width:1000px){
 .nb-topbar .desktop-nav{display:none!important;}
 .nb-topbar .menu-toggle{display:flex!important;}
 .nb-topbar .nb-nav{
  width:min(var(--max),calc(100% - 40px))!important;
  margin-inline:auto!important;
  min-height:88px!important;
  padding:16px 0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
 }
 .nb-topbar .brand-lockup{
  width:clamp(142px,31vw,175px)!important;
  flex:0 1 auto!important;
  margin:0!important;
 }
 .nb-topbar .menu-toggle{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  margin:0 0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
 }
 .nb-topbar .mobile-nav{
  display:block!important;
  left:0!important;
  right:0!important;
  top:100%!important;
 }
}
@media(max-width:600px){
 .nb-topbar .nb-nav{
  width:calc(100% - 28px)!important;
  min-height:78px!important;
  padding:13px 0 8px!important;
 }
 .nb-topbar .brand-lockup{width:145px!important;}
 .nb-topbar .menu-toggle{width:42px!important;height:42px!important;flex-basis:42px!important;}
 .nb-topbar .mobile-nav-inner{
  width:calc(100% - 28px)!important;
  margin:8px 14px 14px!important;
  padding:16px 18px!important;
 }
}

/* v5.5 — supplied product-image integration */
.site-image{display:block;max-width:100%;height:auto}
.hero-image-wrap{position:relative;width:min(100%,620px);margin-inline:auto;z-index:1;overflow:hidden;border-radius:30px;box-shadow:0 30px 90px rgba(20,20,15,.13)}
.hero-image{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.index-art{aspect-ratio:4/5;min-height:0;height:auto;background:transparent;display:block}
.index-art .index-image{width:100%;height:100%;object-fit:cover}
.nb-content-visual{padding:0;min-height:0!important;border:0;background:transparent;overflow:hidden}
.nb-image-slot{width:100%;display:block}
.nb-image-slot--portrait{aspect-ratio:4/5}
.nb-image-slot--detail{aspect-ratio:auto;border-radius:28px}
.product-slot-image{display:block;width:100%;height:100%;object-fit:cover}
.nb-image-slot--detail .product-slot-image{height:auto;object-fit:contain}
.product-hero .nb-image-slot--portrait{width:min(100%,620px);margin-inline:auto;border-radius:30px}
.index-card .nb-image-slot--portrait{border-radius:0}
.flavour-card .nb-image-slot--portrait{aspect-ratio:4/5;border-radius:18px}
.approach-visual{aspect-ratio:1/1;height:auto;min-height:0;padding:0;overflow:hidden}
.approach-image{width:100%;height:100%;object-fit:cover}
@media(max-width:1000px){
 .hero-image-wrap{width:min(100%,560px)}
 .approach-visual{aspect-ratio:1/1;height:auto;min-height:0}
}
@media(max-width:600px){
 .hero-image-wrap{width:100%;border-radius:22px}
 .index-art{aspect-ratio:4/5}
 .product-hero .nb-image-slot--portrait{border-radius:22px}
 .nb-image-slot--detail{border-radius:20px}
 .flavour-card .nb-image-slot--portrait{border-radius:16px}
}

/* v5.6 — integrated-image layout fixes and image optimisation */
.hero-art .floating-note{
  z-index:6;
  pointer-events:none;
}

/* Keep the complete 4:5 artwork inside its card instead of allowing it to
   enlarge past the media row and sit underneath the copy. */
.index-card{
  grid-template-rows:auto auto!important;
}
.index-art{
  width:100%;
  height:auto!important;
  aspect-ratio:4/5!important;
  min-height:0!important;
  overflow:hidden!important;
}
.index-art .index-image{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
}
.index-card .nb-image-slot--portrait{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:4/5!important;
  overflow:hidden!important;
  display:block!important;
}
.index-card .nb-image-slot--portrait .product-slot-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

/* Functional-beverage flavour cards: slightly tighter, cleaner media treatment. */
.flavour-card{
  padding:24px!important;
}
.flavour-card .nb-image-slot--portrait{
  border-radius:14px!important;
}

@media(max-width:600px){
  .flavour-card{padding:21px!important;}
  .flavour-card .nb-image-slot--portrait{border-radius:13px!important;}
}

/* v5.7 — mobile layout and navigation refinements */
@media(max-width:1000px){
  /* Keep mobile Products submenu readable after the header switches to pistachio. */
  .nb-topbar.scrolled .mobile-links .nav-submenu,
  .nb-topbar.scrolled .mobile-links .nav-submenu a,
  .nb-topbar.scrolled .mobile-links .nav-submenu b{
    color:var(--ink)!important;
  }
  .nb-topbar.scrolled .mobile-links .nav-submenu small{
    color:var(--muted)!important;
  }
}

@media(max-width:600px){
  /* Keep the hero artwork clear of the fixed mobile header. */
  .hero-home .hero-inner{
    padding-top:105px!important;
  }

  /* The supplied 20:9 detail artworks should not sit inside a tall, padded
     mobile section. Let the artwork define the section height. */
  .visual-detail{
    padding-block:24px!important;
  }
  .visual-detail-inner{
    width:100%!important;
  }
  .visual-detail-inner .nb-image-slot--detail{
    min-height:0!important;
    border-radius:16px!important;
  }

  /* Section 05: keep all four principle cards on one mobile row. */
  #why-functional .animated-principles{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:48px!important;
  }
  #why-functional .animated-principles>div{
    min-width:0!important;
    padding:18px 5px 16px!important;
    border-radius:14px!important;
  }
  #why-functional .animated-principles>div i{
    font-size:.62rem!important;
    letter-spacing:.04em!important;
  }
  #why-functional .animated-principles>div b{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    font-size:.67rem!important;
    line-height:1.12!important;
  }

  /* Section 06: keep the four belief cards on one mobile row as requested. */
  .belief-principles{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .belief-principle{
    min-width:0!important;
    min-height:150px!important;
    padding:16px 5px 15px!important;
    border-radius:14px!important;
  }
  .belief-icon{
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
    margin-bottom:11px!important;
    box-shadow:0 0 0 5px rgba(255,255,255,.05),0 0 18px rgba(239,120,16,.12)!important;
  }
  .belief-icon-svg svg{
    width:31px!important;
    height:31px!important;
    stroke-width:5!important;
  }
  .belief-principle b{
    font-size:.64rem!important;
    line-height:1.12!important;
    overflow-wrap:anywhere!important;
  }

  /* Section 03: six process cards in two rows of three. */
  .process-steps{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:40px!important;
  }
  .process-steps b{
    min-width:0!important;
    padding:17px 7px!important;
    border-radius:13px!important;
    font-size:.68rem!important;
    line-height:1.18!important;
    overflow-wrap:anywhere!important;
  }
}

/* v5.8 — mobile dropdown contrast, product-hero image geometry, and homepage mobile flow */
/* Mobile Products submenu: always keep all submenu copy dark against the light glass panel,
   including while the fixed header is in its pistachio-green scrolled state. */
@media(max-width:1000px){
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-submenu,
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-submenu a,
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-submenu b,
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-submenu small{
    color:var(--ink)!important;
  }
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-submenu b{font-weight:850!important;}
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-submenu small{color:var(--muted)!important;}
}

/* Product hero artwork on the four coloured flavour/water pages.
   Desktop: the artwork is pinned to the right edge of the content container and
   receives equal vertical breathing room, rather than floating in the middle. */
@media(min-width:1001px){
  .product-hero.water-tone,
  .product-hero.flavour-chocolate-coffee,
  .product-hero.flavour-minty-lemon,
  .product-hero.flavour-strawberry-plush{
    min-height:0!important;
    padding-block:32px!important;
    overflow:hidden!important;
  }
  .product-hero.water-tone .product-hero-grid,
  .product-hero.flavour-chocolate-coffee .product-hero-grid,
  .product-hero.flavour-minty-lemon .product-hero-grid,
  .product-hero.flavour-strawberry-plush .product-hero-grid{
    align-items:stretch!important;
  }
  .product-hero.water-tone .product-hero-art,
  .product-hero.flavour-chocolate-coffee .product-hero-art,
  .product-hero.flavour-minty-lemon .product-hero-art,
  .product-hero.flavour-strawberry-plush .product-hero-art{
    min-height:620px!important;
    justify-self:end!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  .product-hero.water-tone .product-hero-art .nb-image-slot--portrait,
  .product-hero.flavour-chocolate-coffee .product-hero-art .nb-image-slot--portrait,
  .product-hero.flavour-minty-lemon .product-hero-art .nb-image-slot--portrait,
  .product-hero.flavour-strawberry-plush .product-hero-art .nb-image-slot--portrait{
    width:auto!important;
    height:620px!important;
    max-width:100%!important;
    aspect-ratio:4/5!important;
    margin:0!important;
    flex:0 1 auto!important;
    overflow:hidden!important;
    display:block!important;
  }
  .product-hero.water-tone .product-hero-art .product-slot-image,
  .product-hero.flavour-chocolate-coffee .product-hero-art .product-slot-image,
  .product-hero.flavour-minty-lemon .product-hero-art .product-slot-image,
  .product-hero.flavour-strawberry-plush .product-hero-art .product-slot-image{
    width:auto!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
  }
}

/* Mobile: keep the fixed header clear of the artwork, but remove the excessive
   whitespace above the image and below the action buttons. */
@media(max-width:600px){
  .product-hero.water-tone,
  .product-hero.flavour-chocolate-coffee,
  .product-hero.flavour-minty-lemon,
  .product-hero.flavour-strawberry-plush{
    padding-top:84px!important;
    padding-bottom:18px!important;
  }
  .product-hero.water-tone .product-hero-art,
  .product-hero.flavour-chocolate-coffee .product-hero-art,
  .product-hero.flavour-minty-lemon .product-hero-art,
  .product-hero.flavour-strawberry-plush .product-hero-art{
    min-height:0!important;
    height:auto!important;
    width:100%!important;
    justify-content:center!important;
    align-items:flex-start!important;
  }
  .product-hero.water-tone .product-hero-art .nb-image-slot--portrait,
  .product-hero.flavour-chocolate-coffee .product-hero-art .nb-image-slot--portrait,
  .product-hero.flavour-minty-lemon .product-hero-art .nb-image-slot--portrait,
  .product-hero.flavour-strawberry-plush .product-hero-art .nb-image-slot--portrait{
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/5!important;
    margin:0!important;
    border-radius:18px!important;
  }
  .product-hero.water-tone .product-hero-art .product-slot-image,
  .product-hero.flavour-chocolate-coffee .product-hero-art .product-slot-image,
  .product-hero.flavour-minty-lemon .product-hero-art .product-slot-image,
  .product-hero.flavour-strawberry-plush .product-hero-art .product-slot-image{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .product-hero.water-tone .product-copy,
  .product-hero.flavour-chocolate-coffee .product-copy,
  .product-hero.flavour-minty-lemon .product-copy,
  .product-hero.flavour-strawberry-plush .product-copy{
    padding-bottom:6px!important;
  }
  .product-hero.water-tone .hero-actions,
  .product-hero.flavour-chocolate-coffee .hero-actions,
  .product-hero.flavour-minty-lemon .hero-actions,
  .product-hero.flavour-strawberry-plush .hero-actions{
    margin-bottom:0!important;
  }
}

/* Homepage Section 02: all four philosophy cards in one mobile row. */
#change .flow-node span{
  font-size:1.25rem!important;
  line-height:1!important;
  text-align:center!important;
  display:block!important;
}
@media(max-width:600px){
  #change .principles-flow{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    align-items:stretch!important;
  }
  #change .principles-flow>i{display:none!important;}
  #change .flow-node{
    min-width:0!important;
    min-height:130px!important;
    padding:17px 7px!important;
    border-radius:15px!important;
    text-align:center!important;
    gap:10px!important;
  }
  #change .flow-node span{
    font-size:1.3rem!important;
  }
  #change .flow-node b{
    font-size:.66rem!important;
    line-height:1.18!important;
    overflow-wrap:anywhere!important;
  }
}

/* v5.9 — mobile header contrast and tighter product-page hero framing */
@media(max-width:1000px){
  /* The mobile menu sits on a light glass panel. Keep every primary item dark
     even when the fixed header itself is pistachio-green. */
  .nb-topbar.scrolled .mobile-nav .mobile-links>a,
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-parent,
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-parent-row .nav-parent,
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-submenu,
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-submenu a,
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-submenu b{
    color:var(--ink)!important;
  }
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-submenu small{
    color:var(--muted)!important;
  }
}

/* Desktop product hero artwork: pin the complete 4:5 artwork to the right
   edge of its coloured container. The section's 32px vertical inset therefore
   becomes the same visual breathing room above and below. */
@media(min-width:1001px){
  .product-page .product-hero.water-tone,
  .product-page .product-hero.flavour-chocolate-coffee,
  .product-page .product-hero.flavour-minty-lemon,
  .product-page .product-hero.flavour-strawberry-plush{
    padding-block:32px!important;
  }
  .product-page .product-hero.water-tone .product-hero-art,
  .product-page .product-hero.flavour-chocolate-coffee .product-hero-art,
  .product-page .product-hero.flavour-minty-lemon .product-hero-art,
  .product-page .product-hero.flavour-strawberry-plush .product-hero-art{
    min-height:0!important;
    align-self:stretch!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  .product-page .product-hero.water-tone .product-hero-art .nb-image-slot--portrait,
  .product-page .product-hero.flavour-chocolate-coffee .product-hero-art .nb-image-slot--portrait,
  .product-page .product-hero.flavour-minty-lemon .product-hero-art .nb-image-slot--portrait,
  .product-page .product-hero.flavour-strawberry-plush .product-hero-art .nb-image-slot--portrait{
    width:auto!important;
    height:min(620px,calc(100svh - 64px))!important;
    max-width:100%!important;
    aspect-ratio:4/5!important;
    margin:0 0 0 auto!important;
    flex:0 0 auto!important;
  }
  .product-page .product-hero.water-tone .product-hero-art .product-slot-image,
  .product-page .product-hero.flavour-chocolate-coffee .product-hero-art .product-slot-image,
  .product-page .product-hero.flavour-minty-lemon .product-hero-art .product-slot-image,
  .product-page .product-hero.flavour-strawberry-plush .product-hero-art .product-slot-image{
    width:auto!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
  }
}

/* Mobile product pages: reduce the large top/bottom breathing room while
   retaining enough clearance for the fixed header. */
@media(max-width:600px){
  .product-page .product-hero.water-tone,
  .product-page .product-hero.flavour-chocolate-coffee,
  .product-page .product-hero.flavour-minty-lemon,
  .product-page .product-hero.flavour-strawberry-plush{
    padding-top:62px!important;
    padding-bottom:8px!important;
  }
  .product-page .product-hero.water-tone .product-hero-art,
  .product-page .product-hero.flavour-chocolate-coffee .product-hero-art,
  .product-page .product-hero.flavour-minty-lemon .product-hero-art,
  .product-page .product-hero.flavour-strawberry-plush .product-hero-art{
    min-height:0!important;
  }
  .product-page .product-hero.water-tone .product-hero-art .nb-image-slot--portrait,
  .product-page .product-hero.flavour-chocolate-coffee .product-hero-art .nb-image-slot--portrait,
  .product-page .product-hero.flavour-minty-lemon .product-hero-art .nb-image-slot--portrait,
  .product-page .product-hero.flavour-strawberry-plush .product-hero-art .nb-image-slot--portrait{
    margin:0 auto!important;
  }
  .product-page .product-hero.water-tone .product-copy,
  .product-page .product-hero.flavour-chocolate-coffee .product-copy,
  .product-page .product-hero.flavour-minty-lemon .product-copy,
  .product-page .product-hero.flavour-strawberry-plush .product-copy{
    padding-bottom:0!important;
  }
  .product-page .product-hero.water-tone .hero-actions,
  .product-page .product-hero.flavour-chocolate-coffee .hero-actions,
  .product-page .product-hero.flavour-minty-lemon .hero-actions,
  .product-page .product-hero.flavour-strawberry-plush .hero-actions{
    margin-bottom:0!important;
  }
}


/* v6.0 — bulletproof mobile navigation contrast. The mobile menu is a light
   glass panel and must never inherit the white text used by the green desktop
   scrolled header. Apply the color at the mobile-nav boundary with !important
   so later/inherited header rules cannot override it. */
@media(max-width:1000px){
  .nb-topbar .mobile-nav,
  .nb-topbar .mobile-nav .mobile-links,
  .nb-topbar .mobile-nav .mobile-links > a,
  .nb-topbar .mobile-nav .mobile-links .nav-parent-row,
  .nb-topbar .mobile-nav .mobile-links .nav-parent-row .nav-parent,
  .nb-topbar .mobile-nav .mobile-links .nav-dropdown,
  .nb-topbar .mobile-nav .mobile-links .nav-submenu,
  .nb-topbar .mobile-nav .mobile-links .nav-submenu a,
  .nb-topbar .mobile-nav .mobile-links .nav-submenu b{
    color:var(--ink)!important;
  }
  .nb-topbar .mobile-nav .mobile-links .nav-submenu small{
    color:var(--muted)!important;
  }
  .nb-topbar .mobile-nav .mobile-links .nav-submenu-toggle{
    color:var(--ink)!important;
    border-color:rgba(23,23,19,.28)!important;
  }
  .nb-topbar .mobile-nav .mobile-links .nav-submenu-toggle span{
    border-color:var(--ink)!important;
  }
  .nb-topbar.scrolled .mobile-nav .mobile-links > a,
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-parent,
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-submenu a,
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-submenu b{
    color:var(--ink)!important;
  }
  .nb-topbar.scrolled .mobile-nav .mobile-links .nav-submenu small{
    color:var(--muted)!important;
  }
}

/* v6.1 — definitive mobile navigation isolation and homepage card typography */
@media(max-width:1000px){
  /* The mobile menu is an independent light surface. It must not inherit the
     white navigation treatment used by the pistachio desktop/scrolled header. */
  #mobileNav,
  #mobileNav .mobile-nav-inner,
  #mobileNav .mobile-links,
  #mobileNav .mobile-links > a,
  #mobileNav .mobile-links .nav-parent-row,
  #mobileNav .mobile-links .nav-parent,
  #mobileNav .mobile-links .nav-dropdown,
  #mobileNav .mobile-links .nav-submenu,
  #mobileNav .mobile-links .nav-submenu a,
  #mobileNav .mobile-links .nav-submenu b{
    color:#171713!important;
  }
  #mobileNav .mobile-nav-inner{
    background:#fffdf8!important;
    opacity:1!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    position:relative!important;
    z-index:1002!important;
  }
  #mobileNav .mobile-links > a,
  #mobileNav .mobile-links .nav-parent,
  #mobileNav .mobile-links .nav-submenu a,
  #mobileNav .mobile-links .nav-submenu b{
    -webkit-text-fill-color:#171713!important;
  }
  #mobileNav .mobile-links .nav-submenu small{
    color:#68665d!important;
    -webkit-text-fill-color:#68665d!important;
  }
  #mobileNav .mobile-links .nav-submenu-toggle{
    color:#171713!important;
    border-color:rgba(23,23,19,.28)!important;
  }
  #mobileNav .mobile-links .nav-submenu-toggle span{
    border-color:#171713!important;
  }
  .nb-topbar.scrolled #mobileNav,
  .nb-topbar.scrolled #mobileNav .mobile-links,
  .nb-topbar.scrolled #mobileNav .mobile-links > a,
  .nb-topbar.scrolled #mobileNav .mobile-links .nav-parent,
  .nb-topbar.scrolled #mobileNav .mobile-links .nav-submenu,
  .nb-topbar.scrolled #mobileNav .mobile-links .nav-submenu a,
  .nb-topbar.scrolled #mobileNav .mobile-links .nav-submenu b{
    color:#171713!important;
  }
  .nb-topbar.scrolled #mobileNav .mobile-links .nav-submenu small{color:#68665d!important;}

  /* Section 02: four philosophy cards stay on one row even on narrow phones. */
  #change .principles-flow{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-width:none!important;
    align-items:stretch!important;
  }
  #change .principles-flow > i{display:none!important;}
  #change .flow-node{
    min-width:0!important;
    min-height:118px!important;
    padding:16px 5px!important;
    text-align:center!important;
    gap:8px!important;
    border-radius:13px!important;
  }
  #change .flow-node span{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    font-size:clamp(1.55rem,6vw,2.15rem)!important;
    line-height:.95!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
  }
  #change .flow-node b{
    display:block!important;
    text-align:center!important;
    font-size:clamp(.55rem,1.8vw,.72rem)!important;
    line-height:1.15!important;
    overflow-wrap:anywhere!important;
  }
}

/* Section 05: make the four numbers visually dominant and centered with their text
   at every breakpoint. */
.animated-principles > div{
  text-align:center!important;
}
.animated-principles > div i{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-style:normal!important;
  font-size:clamp(1.8rem,3.4vw,3.1rem)!important;
  line-height:.95!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
  color:var(--gold)!important;
  margin:0 0 14px!important;
}
.animated-principles > div b{
  display:block!important;
  text-align:center!important;
}
@media(max-width:1000px){
  .animated-principles > div i{
    font-size:clamp(1.7rem,5vw,2.35rem)!important;
    margin-bottom:11px!important;
  }
}

/* v6.1 asset cache bust */