/* American Essentials homepage styles */
.ae-home{--navy:#0a2342;--blue:#14437a;--blue2:#1d5ea8;--gold:#4f86c6;--gold2:#ffffff;--cream:#f3f7fc;--ink:#0d1b2e;
  --serif:'Playfair Display',Georgia,serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  position:relative;display:block;float:none;flex:none!important;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;overflow-x:clip;font-family:var(--sans);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
.ae-home *,.ae-home *::before,.ae-home *::after{box-sizing:border-box}
.ae-home h1,.ae-home h2,.ae-home h3,.ae-home p{margin:0}
.ae-home img,.ae-home svg,.ae-home video{max-width:100%}
.ae-home a{text-decoration:none}
.ae-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.ae-section{padding:clamp(70px,9vw,130px) 0}
.ae-eyebrow{letter-spacing:.28em;text-transform:uppercase;font-size:.78rem;font-weight:600;color:var(--gold)}
.ae-band .ae-eyebrow,.ae-cta .ae-eyebrow{color:#a9cbf0}
.ae-h2{font-family:var(--serif);font-weight:800;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.1;color:var(--navy)}
.ae-center{text-align:center}
.ae-btn{display:inline-block;padding:15px 30px;border-radius:999px;font-weight:600;font-size:.95rem;background:var(--blue);color:#fff;transition:transform .25s,box-shadow .25s,background .25s;border:2px solid var(--blue)}
.ae-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(10,35,66,.35);background:var(--navy);border-color:var(--navy);color:#fff}
.ae-btn--gold{background:#fff;border-color:#fff;color:var(--navy)}
.ae-btn--gold:hover{background:#dbe9f9;border-color:#dbe9f9;color:var(--navy)}
.ae-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.ae-btn--ghost:hover{background:#fff;color:var(--navy);border-color:#fff}

/* scroll progress bar */
.ae-bar{position:fixed;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,#1d5ea8,#8fb8e8);transform-origin:0 50%;transform:scaleX(0);z-index:99999;pointer-events:none}

/* reveal system: content is fully visible by default; hidden only when JS is running */
.ae-js [data-reveal]{opacity:0;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.1,1);transition-delay:var(--d,0s)}
.ae-js [data-reveal="up"]{transform:translateY(46px)}
.ae-js [data-reveal="left"]{transform:translateX(-60px)}
.ae-js [data-reveal="right"]{transform:translateX(60px)}
.ae-js [data-reveal="zoom"]{transform:scale(.86)}
.ae-js [data-reveal].is-in{opacity:1;transform:none}
.ae-js .ae-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.ae-js .ae-w>span{display:inline-block;transform:translateY(112%);transition:transform 1s cubic-bezier(.2,.7,.1,1);transition-delay:calc(var(--i)*.13s + .15s)}
.ae-js .ae-split.is-in .ae-w>span{transform:none}

/* ---------- HERO ---------- */
.ae-hero{position:relative;min-height:92vh;display:flex;align-items:center;padding:clamp(60px,7vw,100px) 0 clamp(50px,6vw,80px);background:radial-gradient(circle at 12% 20%,#eaf2fc 0,rgba(234,242,252,0) 46%),linear-gradient(180deg,#f3f7fc 0%,#fff 100%);--pl:0px;--pr:0px;overflow:clip}
.ae-hero__grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(30px,5vw,80px);align-items:center;width:100%}
.ae-hero__eyebrow{display:flex;align-items:center;gap:12px;font-family:'Montserrat',var(--sans);font-weight:600;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#1d5ea8;margin-bottom:22px}
.ae-hero__eyebrow::before{content:"";width:22px;height:2px;background:#1d5ea8;display:block}
.ae-hl{font-family:'Montserrat',var(--sans);font-weight:800;font-size:clamp(2.7rem,6.1vw,5.6rem);line-height:1.02;letter-spacing:-.025em;color:#0f2237;margin:0 0 26px}
.ae-hl__l{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.ae-hl__l>span{display:inline-block;position:relative}
.ae-hl__l--blue{color:#1d5ea8}
.ae-swoosh{position:absolute;left:-2%;bottom:-.06em;width:104%;height:.2em;overflow:visible}
.ae-swoosh path{fill:none;stroke:#8fc0f2;stroke-width:7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.ae-hero__p{font-family:'Montserrat',var(--sans);font-weight:400;font-size:clamp(1rem,1.38vw,1.22rem);line-height:1.7;color:#4a5b70;max-width:640px;margin-bottom:30px}
.ae-hero__cta{display:flex;flex-wrap:wrap;gap:14px}
.ae-btn--blue{background:#1d5ea8;border-color:#1d5ea8;color:#fff;font-family:'Montserrat',var(--sans);display:inline-flex;align-items:center;gap:10px}
.ae-btn--blue:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.ae-btn--blue span{transition:transform .25s}
.ae-btn--blue:hover span{transform:translateX(5px)}
.ae-btn--line{background:#fff;border-color:#0f2237;color:#0f2237;font-family:'Montserrat',var(--sans)}
.ae-btn--line:hover{background:#0f2237;border-color:#0f2237;color:#fff}
.ae-hero__stats{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 32px;font-family:'Montserrat',var(--sans);font-weight:500;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#4a6a8e}
.ae-hero__stats li{display:flex;align-items:center;gap:9px}
.ae-hero__stats li::before{content:"";width:6px;height:6px;border-radius:50%;background:#1d5ea8}
.ae-hero__visual{justify-self:center;width:100%;max-width:470px}
.ae-hg{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border-radius:26px;background:#eef4fb;box-shadow:0 34px 70px rgba(15,34,55,.16)}
.ae-hg__col{display:grid;gap:8px;align-content:start;will-change:transform}
.ae-hg__col--l{transform:translateY(var(--pl))}
.ae-hg__col--r{transform:translateY(var(--pr))}
.ae-hg__tile{aspect-ratio:201/167;border:3px solid #1d5ea8;border-radius:18px;overflow:hidden;background:#fff}
.ae-hg__tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.1,1)}
.ae-hg__tile:hover img{transform:scale(1.1)}
.ae-hero__cue{display:flex;align-items:center;gap:14px;margin-top:32px;font-family:'Montserrat',var(--sans);font-weight:500;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#4a6a8e}
.ae-hero__cue i{position:relative;width:22px;height:34px;border:2px solid #1d5ea8;border-radius:13px;flex:none}
.ae-hero__cue i::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;background:#1d5ea8;border-radius:2px;animation:aeCue 1.7s infinite}
@keyframes aeCue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@keyframes aeSpin{to{transform:rotate(360deg)}}
/* hero entrance: everything is visible by default, the animation only runs when JS is on */
.ae-js .ae-hl__l>span{transform:translateY(112%);transition:transform 1s cubic-bezier(.2,.7,.1,1)}
.ae-js .ae-hl__l:nth-child(2)>span{transition-delay:.12s}
.ae-js .ae-hl__l:nth-child(3)>span{transition-delay:.24s}
.ae-js .ae-hero.is-in .ae-hl__l>span{transform:none}
.ae-js .ae-hero .ae-swoosh path{stroke-dashoffset:1;transition:stroke-dashoffset 1.1s ease .9s}
.ae-js .ae-hero.is-in .ae-swoosh path{stroke-dashoffset:0}
.ae-js .ae-hg__tile{opacity:0;transform:translateY(36px) scale(.9) rotate(-2deg);transition:opacity .7s ease,transform .9s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i)*.1s + .3s)}
.ae-js .ae-hero.is-in .ae-hg__tile{opacity:1;transform:none}
@media(max-width:900px){
  .ae-hero{min-height:0}
  .ae-hero__grid{grid-template-columns:1fr}
  .ae-hero__visual{max-width:440px}
  .ae-hero__cue{display:none}
  .ae-hg__col--l,.ae-hg__col--r{transform:none}
}

/* ticker */
.ae-ticker{background:var(--navy);color:#fff;overflow:hidden;white-space:nowrap;padding:14px 0;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem}
.ae-ticker__track{display:inline-flex;animation:aeMarq 28s linear infinite}
.ae-ticker__track span{padding:0 28px}
@keyframes aeMarq{to{transform:translateX(-50%)}}

/* ---------- GHEE SCROLL STORY (multi-scene) ---------- */
.ae-gs{--jw:min(34vh,320px);--shx:26vw;--jyb:0vh;--a:0;--x:0;--js:1;--jr:0;--gl:.5;position:relative;background:radial-gradient(circle at 50% 40%,#123c6b 0,#061428 72%);color:#fff;overflow:clip}
.ae-gs__sticky{position:relative;display:grid;gap:70px;padding:110px 6vw}
.ae-gs__bg,.ae-gs__nav,.ae-gs__hint{display:none}
.ae-sc{position:relative}
.ae-gs .ae-eyebrow{color:#8fb8e8}
.ae-gs h2,.ae-gs h3,.ae-gs h4{font-family:var(--serif);color:#fff}
.ae-gs h2{font-weight:800;font-size:clamp(2.2rem,4.6vw,4rem);line-height:1.05;margin:8px 0 16px}
.ae-gs__lead{font-size:1.08rem;color:#d7e5f6;max-width:520px;margin-bottom:22px}
.ae-big{font-family:var(--serif);font-weight:800;text-transform:uppercase;line-height:.84;color:#fff;text-align:center;font-size:clamp(3.6rem,15vw,16rem);letter-spacing:-.01em}
.ae-big span{display:block}
.ae-big--b{font-size:clamp(3.2rem,12vw,13rem)}
.ae-facts{display:grid;gap:0;max-width:470px;border:2px solid rgba(255,255,255,.85)}
.ae-facts div{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:16px;padding:14px 18px;border-top:2px solid rgba(255,255,255,.25)}
.ae-facts div:first-child{border-top:0}
.ae-facts b{font-family:var(--serif);font-size:1.7rem;line-height:1.05;color:#fff}
.ae-facts span{font-size:.9rem;color:#cfe0f5}
.ae-cap h3{font-weight:800;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.15;margin:6px 0 10px}
.ae-cap p{color:#d7e5f6;font-size:.98rem}
.ae-cap h4{font-weight:800;font-size:1.15rem;margin-bottom:10px;letter-spacing:.04em;text-transform:uppercase}
.ae-cap ul{margin:0;padding:0;list-style:none}
.ae-cap li{padding:8px 0;border-top:1px solid rgba(255,255,255,.28);font-size:.98rem;color:#e6effa}
.ae-splat{position:relative;width:min(300px,80vw);aspect-ratio:1;margin:0 auto}
.ae-splat svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ae-splat__t{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22%}
.ae-splat__t h4{font-weight:800;font-size:clamp(.85rem,1.15vw,1.1rem);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;color:inherit}
.ae-splat__t p{font-size:clamp(.7rem,.9vw,.86rem);line-height:1.4}
.ae-gs__ctr{text-align:center;max-width:680px;margin:0 auto 26px}
.ae-gs__ctr p:last-child{color:#d7e5f6;font-size:1.04rem}
.ae-line{background:#f1f4f8;border-radius:26px;padding:14px;box-shadow:0 34px 70px rgba(0,0,0,.45);max-width:1100px;margin:0 auto}
.ae-line img{display:block;width:100%;height:auto;border-radius:16px}
.ae-award2{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:clamp(24px,4vw,60px);align-items:center;max-width:960px;margin:0 auto}
.ae-award2__img{border-radius:22px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.5);border:6px solid #fff}
.ae-award2__img img{display:block;width:100%;height:auto}
.ae-gs__jar{position:relative;width:min(520px,100%);margin:0 auto}
.ae-gs__jar svg{display:block;width:100%;height:auto;overflow:visible}
@media(max-width:820px){.ae-award2{grid-template-columns:1fr;text-align:center}.ae-award2__img{max-width:300px;margin:0 auto}.ae-gs__lead{margin-left:auto;margin-right:auto}}

/* story mode: the section becomes one tall scroll, the stage stays pinned */
.ae-gs.is-story{height:900vh;display:block}
.ae-gs.is-story .ae-gs__sticky{position:sticky;top:0;height:100vh;padding:0;display:block;overflow:hidden}
.ae-gs.is-story .ae-gs__bg,.ae-gs.is-story .ae-gs__nav{display:block}
.ae-gs.is-story .ae-gs__bg{position:absolute;inset:0;pointer-events:none}
.ae-gs__glow{position:absolute;left:50%;top:50%;width:82vmin;height:82vmin;margin:-41vmin 0 0 -41vmin;border-radius:50%;background:radial-gradient(circle,rgba(246,196,69,.5),rgba(246,196,69,0) 65%);opacity:var(--gl,.5);transform:translateX(calc(var(--a)*var(--shx)))}
.ae-gs__dust{position:absolute;inset:0}
.ae-gs__dust i{position:absolute;bottom:-10px;width:6px;height:6px;border-radius:50%;background:#ffe08a;opacity:0;animation:aeRise linear infinite}
@keyframes aeRise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.7}100%{transform:translateY(-110vh) scale(1.2);opacity:0}}
.ae-gs.is-story .ae-sc{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity}
.ae-gs.is-story .ae-sc--big{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ae-gs.is-story .ae-sc--4{z-index:2}
.ae-gs.is-story .ae-sc--text{z-index:4}
.ae-gs.is-story .ae-gs__hint{display:block;position:absolute;bottom:6vh;left:0;right:0;text-align:center;letter-spacing:.3em;text-transform:uppercase;font-size:.72rem;color:#cfe0f5}
.ae-gs.is-story .ae-gs__jar{position:absolute;left:50%;top:50%;width:calc(var(--jw)*2.5385);max-width:none;margin:0;z-index:3;pointer-events:none;will-change:transform,opacity;
  transform-origin:50% 63.8%;
  transform:translate(calc(-50% + var(--a)*var(--shx)),calc(-63.8% + var(--jyb) + var(--x)*30vh)) scale(calc(var(--js)*(1 - var(--x)*.4))) rotate(calc(var(--jr)*1deg));
  opacity:calc(1 - var(--x)*1.5)}
.ae-gs.is-story .ae-gs__left{position:absolute;left:6vw;top:50%;transform:translateY(-50%);width:min(520px,42vw)}
.ae-gs.is-story .ae-cap{position:absolute;top:50%;transform:translateY(-50%)}
.ae-gs.is-story .ae-cap--l{left:5vw;width:min(340px,25vw)}
.ae-gs.is-story .ae-cap--r{right:5vw;width:min(290px,21vw)}
.ae-gs.is-story .ae-splat{position:absolute;margin:0;transform:scale(calc(.62 + var(--o,0)*.38)) rotate(calc((1 - var(--o,0))*-14deg))}
.ae-gs.is-story .ae-splat--a{left:5vw;top:8vh;width:clamp(230px,25vw,380px)}
.ae-gs.is-story .ae-splat--b{left:13vw;bottom:5vh;width:clamp(210px,22vw,330px)}
.ae-gs.is-story .ae-splat--c{right:5vw;top:20vh;width:clamp(250px,29vw,430px)}
.ae-gs.is-story .ae-gs__ctr{position:absolute;left:0;right:0;top:9vh;margin:0 auto;padding:0 24px}
.ae-gs.is-story .ae-line{position:absolute;left:50%;top:50%;width:min(92vw,1100px);margin:0;transform:translate(-50%,-26%) translateX(calc((.5 - var(--k,0))*140px)) scale(calc(.94 + var(--k,0)*.08))}
.ae-gs.is-story .ae-award2{position:absolute;left:50%;top:50%;width:min(980px,90vw);transform:translate(-50%,-50%)}
.ae-gs.is-story .ae-gs__nav{position:absolute;right:2.2vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:6}
.ae-gs__nav i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.3);transition:all .35s}
.ae-gs__nav i.is-on{background:#fff;transform:scale(1.5)}
@media(max-width:820px){
  .ae-gs{--jw:min(40vw,190px);--shx:0vw;--jyb:-14vh}
  .ae-gs.is-story .ae-gs__left{left:6vw;right:6vw;width:auto;top:auto;bottom:4vh;transform:none;text-align:center}
  .ae-gs.is-story .ae-gs__left h2{font-size:1.9rem;margin:4px 0 8px}
  .ae-gs.is-story .ae-gs__lead{font-size:.92rem;margin:0 auto 12px}
  .ae-gs.is-story .ae-facts{max-width:none;display:flex}
  .ae-gs.is-story .ae-facts div{display:block;flex:1;padding:8px;border-top:0;border-left:2px solid rgba(255,255,255,.25);text-align:center}
  .ae-gs.is-story .ae-facts div:first-child{border-left:0}
  .ae-gs.is-story .ae-facts b{font-size:1.05rem}
  .ae-gs.is-story .ae-facts span{font-size:.68rem}
  .ae-gs.is-story .ae-cap--l{left:6vw;right:6vw;width:auto;top:auto;bottom:4vh;transform:none;text-align:center}
  .ae-gs.is-story .ae-cap--r{display:none}
  .ae-gs.is-story .ae-splat--a{left:2vw;top:5vh;width:52vw}
  .ae-gs.is-story .ae-splat--c{right:2vw;top:30vh;width:54vw}
  .ae-gs.is-story .ae-splat--b{left:4vw;bottom:2vh;width:50vw}
  .ae-gs.is-story .ae-line{width:96vw;transform:translate(-50%,-18%) translateX(calc((.5 - var(--k,0))*60px))}
  .ae-gs.is-story .ae-gs__ctr{top:7vh}
  .ae-gs.is-story .ae-gs__ctr h2{font-size:1.8rem}
  .ae-gs.is-story .ae-award2{grid-template-columns:1fr;gap:16px;text-align:center}
  .ae-gs.is-story .ae-award2__img{max-width:170px}
  .ae-gs.is-story .ae-award2 h2{font-size:1.5rem}
  .ae-gs.is-story .ae-award2 .ae-gs__lead{font-size:.82rem}
  .ae-gs.is-story .ae-gs__nav{right:8px}
}


/* ---------- FLAVOR WHEEL ---------- */
.ae-fw{background:#f3f6fb;color:#0f2237;position:relative;overflow:clip}
.ae-fw__sticky{padding:clamp(60px,8vw,110px) 0}
.ae-fw__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"wheel head" "wheel cards";column-gap:clamp(30px,5vw,80px);row-gap:20px;align-items:center}
.ae-fw__head{grid-area:head;align-self:end}
.ae-fw__wheelbox{grid-area:wheel;justify-self:center;width:100%;max-width:600px}
.ae-fw__cards{grid-area:cards;align-self:start}
.ae-fw__eyebrow{display:flex;align-items:center;gap:12px;font-family:'Montserrat',var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#1d5ea8;margin-bottom:14px}
.ae-fw__eyebrow::before{content:"";width:22px;height:2px;background:#1d5ea8;display:block}
.ae-fw h2{font-family:'Montserrat',var(--sans);font-weight:800;font-size:clamp(2.2rem,min(4.6vw,7.2vh),4.3rem);line-height:1.02;letter-spacing:-.025em;color:#0f2237;margin:0 0 14px}
.ae-fw__lead{font-family:'Montserrat',var(--sans);font-size:clamp(.92rem,1.2vw,1.08rem);line-height:1.65;color:#566479;max-width:520px}
.ae-fw__svg{display:block;width:100%;height:auto;max-height:86vh}
.fw-seg path{fill:var(--t);transition:fill .5s ease}
.fw-seg.is-active path{fill:#1d5ea8}
.fw-lab__t{font-family:'Montserrat',var(--sans);font-weight:700;font-size:21px;letter-spacing:2.4px;fill:#0f2237;transition:fill .5s ease}
.fw-seg.is-active .fw-lab__t{fill:#fff}
.fw-c1{font-family:'Montserrat',var(--sans);font-weight:500;font-size:15px;letter-spacing:4px;fill:#566479}
.fw-c2{font-family:'Montserrat',var(--sans);font-weight:800;font-size:58px;fill:#0f2237}
.fw-c3{font-family:'Montserrat',var(--sans);font-weight:500;font-size:15px;letter-spacing:4px;fill:#566479}
.fw-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 26px 54px rgba(15,34,55,.14);border:1px solid #e3e9f1;margin-bottom:18px}
.fw-card__img{position:relative;height:clamp(110px,16vh,170px);overflow:hidden}
.fw-card__img img{display:block;width:100%;height:100%;object-fit:cover}
.fw-card__img em{position:absolute;left:14px;top:14px;height:25px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;background:#fff;color:#1d5ea8;font:600 .62rem 'Montserrat',var(--sans);letter-spacing:.14em;text-transform:uppercase;font-style:normal;white-space:nowrap}
.fw-card__body{padding:18px 24px 20px}
.fw-card__body h3{font-family:'Montserrat',var(--sans);font-weight:800;font-size:clamp(1.4rem,min(2.3vw,3.6vh),2.1rem);letter-spacing:-.02em;color:#0f2237;margin:0 0 10px}
.fw-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.fw-card__grid span{display:block;font-family:'Montserrat',var(--sans);font-weight:600;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#1d5ea8;margin-bottom:3px}
.fw-card__grid p{font-family:'Montserrat',var(--sans);font-size:.86rem;line-height:1.55;color:#14243a}
/* story mode */
.ae-fw.is-story{height:600vh}
.ae-fw.is-story .ae-fw__sticky{position:sticky;top:0;height:100vh;padding:0;display:flex;align-items:center;overflow:hidden}
.ae-fw.is-story .ae-fw__grid{width:100%}
.ae-fw.is-story .ae-fw__cards{display:grid}
.ae-fw.is-story .fw-card{grid-area:1/1;margin:0;opacity:0;transform:translateY(22px);visibility:hidden;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.1,1),visibility 0s linear .5s}
.ae-fw.is-story .fw-card.is-on{opacity:1;transform:none;visibility:visible;transition-delay:0s}
@media(max-height:780px){
  .fw-card__body{padding:14px 20px 16px}
  .fw-card__grid p{font-size:.8rem;line-height:1.45}
  .fw-card__img{height:clamp(90px,14vh,130px)}
  .ae-fw__lead{font-size:.88rem}
}
@media(max-width:860px){
  .ae-fw__grid{grid-template-columns:1fr;grid-template-areas:"head" "wheel" "cards";row-gap:10px}
  .ae-fw__head{text-align:center;align-self:auto}
  .ae-fw__eyebrow{justify-content:center}
  .ae-fw__lead{display:none}
  .ae-fw h2{font-size:clamp(1.7rem,7vw,2.3rem);margin-bottom:0}
  .ae-fw__wheelbox{max-width:min(62vw,36vh)}
  .ae-fw__svg{max-height:none}
  .fw-card__img{height:78px}
  .fw-card__body{padding:10px 14px 12px}
  .fw-card__body h3{font-size:1.1rem;margin-bottom:6px}
  .fw-card__grid{gap:6px 14px}
  .fw-card__grid span{font-size:.5rem}
  .fw-card__grid p{font-size:.66rem;line-height:1.35}
  .fw-card__img em{left:10px;top:10px;height:20px;font-size:.5rem;padding:0 10px;min-width:0!important}
}

/* ---------- STATS ---------- */
.ae-stats{background:var(--navy);color:#fff;padding:70px 0}
.ae-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.ae-stat b{display:block;font-family:var(--serif);font-size:clamp(2.2rem,5vw,4rem);color:#fff;line-height:1.1}
.ae-stat span{font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:#cfe0f0}

/* ---------- ABOUT ---------- */
.ae-about{background:var(--cream)}
.ae-about__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;margin-top:46px}
.ae-about__tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ae-tile{aspect-ratio:1/1;border-radius:22px;border:4px solid var(--blue2);display:flex;align-items:flex-end;padding:16px;color:#fff;font-weight:700;font-family:var(--serif);font-size:1.1rem;
  background:var(--img,none) center/cover,linear-gradient(135deg,var(--c1),var(--c2));transition:transform .5s cubic-bezier(.2,.7,.1,1)}
.ae-tile:nth-child(even){transform:translateY(28px)}
.ae-tile:hover{transform:scale(1.04) rotate(-1deg)}
.ae-about p{margin-bottom:16px;font-size:1.04rem}
.ae-about b{color:var(--blue)}

/* ---------- PROCESS CARDS ---------- */
.ae-process__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:50px;perspective:1000px}
.ae-card{background:linear-gradient(160deg,var(--blue2),var(--navy));color:#fff;border-radius:22px;padding:34px 22px;text-align:center;box-shadow:0 16px 30px rgba(10,35,66,.25);transition:transform .25s ease,box-shadow .3s;transform-style:preserve-3d}
.ae-card:hover{box-shadow:0 26px 48px rgba(15,47,79,.38)}
.ae-ico{width:54px;height:54px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.ae-card h3{font-family:var(--serif);font-size:1.22rem;font-weight:600;line-height:1.25}

/* ---------- BRANDS ---------- */
.ae-brands{background:#eef4fb}
.ae-brands__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
.ae-brand{position:relative;min-height:430px;border-radius:26px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;color:#fff;
  background:linear-gradient(160deg,var(--c1),var(--c2));transition:transform .5s cubic-bezier(.2,.7,.1,1),box-shadow .5s}
.ae-brand:hover{transform:translateY(-10px);box-shadow:0 30px 50px rgba(15,47,79,.3)}
.ae-brand__media{position:absolute;inset:0}
.ae-brand::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.72))}
.ae-brand>*:not(.ae-brand__media){position:relative;z-index:2}
.ae-brand h3{font-family:var(--serif);font-size:2rem;font-weight:800}
.ae-brand p{font-size:.98rem;color:#eef3f8;margin:8px 0 16px}
.ae-brand a{color:#fff;font-weight:700}




/* ---------- BRAND LOGO PLATES ---------- */
.ae-brand__logo{margin-bottom:auto;background:#fff;border-radius:20px;height:150px;display:grid;place-items:center;padding:18px 24px;box-shadow:0 14px 30px rgba(0,0,0,.28)}
.ae-brand__logo svg,.ae-brand__logo img{display:block;width:100%;height:100%;max-width:100%;max-height:112px;object-fit:contain}
.ae-brand h3{margin-top:30px}
.ae-minis{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.ae-minis span{font-size:.72rem;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:3px 10px;color:#fff;background:rgba(255,255,255,.08)}

/* ---------- AIR FILTER SECTION ---------- */
.ae-air{background:linear-gradient(180deg,#061428,#0a2342);color:#fff;overflow:clip}
.ae-air .ae-h2{color:#fff}
.ae-air__head{max-width:780px;margin:0 auto}
.ae-air__stage{--clean:1;position:relative;max-width:1000px;margin:52px auto 0;aspect-ratio:16/9;border-radius:28px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.16)}
.ae-air__stage svg{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none}
.ae-air__dirty{position:absolute;left:0;top:0;bottom:0;width:38%;background:linear-gradient(90deg,#5f544b,#6b6258 55%,#5d636d)}
.ae-air__bg{position:absolute;left:38%;top:0;width:62%;height:100%;object-fit:cover;object-position:50% 42%;max-width:none;filter:saturate(calc(.8 + var(--clean)*.3)) brightness(calc(.96 + var(--clean)*.06))}
.ae-air__fresh{position:absolute;left:38%;top:0;right:0;bottom:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.34),transparent 60%);opacity:calc(.3 + var(--clean)*.7)}
.ae-air__haze{position:absolute;left:38%;top:0;right:0;bottom:0;z-index:1;pointer-events:none;opacity:calc(1 - var(--clean));background:linear-gradient(90deg,rgba(112,100,88,.62),rgba(112,100,88,.4));-webkit-backdrop-filter:blur(3px) grayscale(.35);backdrop-filter:blur(3px) grayscale(.35)}
.ae-air__stage svg{z-index:2}
.ae-air .dirtlayer{opacity:calc(1 - var(--clean)*.7)}
.ae-air .cleanlayer{opacity:calc(.5 + var(--clean)*.5)}
@media(max-width:700px){.ae-air__stage{aspect-ratio:4/3}}
.ae-air__lbl{position:absolute;bottom:16px;z-index:4;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:6px 14px;border-radius:999px;background:rgba(6,20,40,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ae-air__lbl--l{left:16px;color:#ffb59e}.ae-air__lbl--r{right:16px;color:#bff3d8}
.ae-aqi{position:absolute;top:16px;left:16px;z-index:4;background:rgba(6,20,40,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;padding:9px 16px 9px 14px;border-radius:14px;border-left:4px solid var(--aqi,#8ff0c0);transition:border-color .4s}
.ae-aqi small{display:block;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#cfe0f5}
.ae-aqi b{display:flex;align-items:baseline;gap:8px;font-family:var(--serif);font-size:1.9rem;line-height:1.1}
.ae-aqi em{font-style:normal;font-family:var(--sans);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--aqi,#8ff0c0)}
.ae-air__row{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:clamp(24px,4vw,60px);align-items:center;max-width:1000px;margin:56px auto 0}
.ae-air__photo{background:#fff;border-radius:24px;padding:12px;box-shadow:0 24px 50px rgba(0,0,0,.4)}
.ae-air__photo img{display:block;width:100%;height:auto;border-radius:16px}
.ae-air__row h3{font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,2rem);font-weight:800;line-height:1.2;margin-bottom:14px}
.ae-air__row p{color:#cfe0f5;margin-bottom:18px;font-size:1.02rem}
.ae-air__row .ae-btn{margin-top:8px}
.ae-js .ae-air__stage *{animation-play-state:paused}
.ae-js .ae-air.is-live .ae-air__stage *{animation-play-state:running}
.ae-air__stage svg [class]{transform-box:fill-box;transform-origin:center}
.ae-air__stage svg .dirtlayer,.ae-air__stage svg .cleanlayer{transform:none}
.ae-air .dp{animation:aeDirt var(--t,5s) linear infinite;animation-delay:var(--dl,0s)}
@keyframes aeDirt{0%{opacity:0;transform:translate(0,0) scale(1)}12%{opacity:1}80%{opacity:1;transform:translate(var(--dx),var(--dy)) scale(1)}100%{opacity:0;transform:translate(calc(var(--dx) + 6px),var(--dy)) scale(.3)}}
.ae-air .wisp{animation:aeWisp 7s ease-in-out infinite}
@keyframes aeWisp{0%{opacity:0;transform:translateX(0)}20%{opacity:.5}80%{opacity:.4;transform:translateX(210px)}100%{opacity:0;transform:translateX(250px)}}
.ae-air .haze{animation:aeHaze 6s ease-in-out infinite;opacity:.3}
@keyframes aeHaze{0%,100%{opacity:.22;transform:scale(1)}50%{opacity:.46;transform:scale(1.1)}}
.ae-air .fglow{animation:aeGlowPulse 2.4s ease-in-out infinite;opacity:.15}
@keyframes aeGlowPulse{0%,100%{opacity:.1}50%{opacity:.5}}
.ae-air .st{animation:aeStuck 3.6s ease-in-out infinite;opacity:0}
@keyframes aeStuck{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:.9;transform:scale(1)}}
.ae-air .cl{stroke-dasharray:34 22;animation:aeFlow 2.6s linear infinite}
@keyframes aeFlow{to{stroke-dashoffset:-112}}
.ae-air .lf{animation:aeLeaf 6.5s ease-in-out infinite;opacity:0}
@keyframes aeLeaf{0%{opacity:0;transform:translate(0,0) rotate(0)}15%{opacity:1}85%{opacity:1;transform:translate(300px,-18px) rotate(40deg)}100%{opacity:0;transform:translate(330px,-22px) rotate(50deg)}}
.ae-air .sp{animation:aeTwinkle 2.8s ease-in-out infinite;opacity:0}
@keyframes aeTwinkle{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(25deg)}}

@media(max-width:820px){
  .ae-air__row{grid-template-columns:1fr}
  .ae-air__photo{max-width:360px;margin:0 auto}
}
@media(max-width:520px){.ae-aqi b{font-size:1.4rem}.ae-air__lbl{font-size:.6rem;padding:4px 9px}}


/* ---------- TRUEGLEAM SKINCARE (editorial) ---------- */
.ae-tg{background:#fff;color:#0f2237;overflow:clip;font-family:'Montserrat',var(--sans)}
.ae-tg__top{position:relative;display:grid;grid-template-columns:31fr 38fr 31fr;min-height:clamp(420px,58vw,860px);--tp:.5}
.ae-tg__panel{position:relative;overflow:hidden;z-index:1}
.ae-tg__panel--l{background:#c7dcf2}
.ae-tg__panel--r{background:#e2edfa}
.ae-tg__ph{position:absolute;inset:-8% -6%;background-size:cover;background-position:center;mix-blend-mode:multiply;transform:translateY(calc((.5 - var(--tp))*80px)) scale(1.05)}
.ae-tg__center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8% 4% 14%;background:#fff}
.ae-tg__head{font-family:'Montserrat',var(--sans);font-weight:300;font-size:clamp(1.9rem,4.1vw,4rem);line-height:1.04;letter-spacing:-.02em;color:#0f2237;margin:0}
.ae-tg__head .ln{display:block}
.ae-tg__head em{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:600;color:#1d5ea8;letter-spacing:0}
.ae-tg__small{position:absolute;left:9%;right:9%;bottom:6%;font-size:clamp(.62rem,.85vw,.82rem);line-height:1.55;color:#3d4f66}
.ae-tg__prod{position:absolute;background-repeat:no-repeat;background-position:center;background-size:contain;mix-blend-mode:multiply;pointer-events:none;
  transform:translateY(calc((.5 - var(--tp))*var(--pv,50px))) rotate(var(--pr,0deg))}
.ae-tg__prod--l{left:-9%;top:34%;width:clamp(120px,24%,260px);aspect-ratio:690/530;--pr:-7deg;--pv:90px}
.ae-tg__prod--r{right:-8%;top:14%;width:clamp(100px,20%,220px);aspect-ratio:1/1;--pr:9deg;--pv:-70px}
.ae-js .ae-tg__head .w{display:inline-block;opacity:0;transform:translateY(46px);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.7,.1,1);transition-delay:calc(var(--i)*.1s)}
.ae-js .ae-tg__head.is-in .w{opacity:1;transform:none}
.ae-tg__stmt{position:relative;background:#fff}
.ae-tg__stick{padding:clamp(60px,8vw,110px) 24px}
.ae-tg__stage{--dp:1;--fill:1;--form:0;--fall:0;--pud:1;--rip:0;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:clamp(12px,2.4vw,34px)}
.ae-tg__col p{font-family:'Montserrat',var(--sans);font-weight:300;font-size:clamp(1.3rem,3vw,2.9rem);line-height:1.32;letter-spacing:-.015em;color:#0f2237;margin:0;
  opacity:clamp(0,calc((var(--dp) - var(--a))*7),1);transform:translateY(calc((1 - clamp(0,calc((var(--dp) - var(--a))*7),1))*26px))}
.ae-tg__col--l{text-align:right}
.ae-tg__col--r{text-align:left}
.ae-tg__col em,.ae-tg__flow em{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:600;color:#1d5ea8;letter-spacing:0}
.ae-tg__flow{display:none}
.ae-tgd{display:flex;justify-content:center}
.ae-tgd__svg{display:block;height:min(80vh,640px);width:auto;overflow:visible}
.tgd-liq{transform-origin:0 472px;transform:scaleY(var(--fill))}
.tgd-liq{transform-box:view-box}
.tgd-bub{animation:tgBub 3.4s ease-in infinite;opacity:0}
@keyframes tgBub{0%{opacity:0;transform:translateY(0)}20%{opacity:.9}100%{opacity:0;transform:translateY(-120px)}}
.tgd-drop{transform-box:view-box;transform-origin:75px 532px;transform:translateY(calc(var(--fall)*62px)) scale(var(--form));opacity:calc(1 - var(--fall)*var(--fall)*.0 )}
.tgd-pud{transform-box:fill-box;transform-origin:50% 100%;transform:scale(var(--pud));opacity:var(--pud)}
.tgd-ring{transform-box:fill-box;transform-origin:center;transform:scale(calc(.4 + var(--rip)*1.5));opacity:calc((1 - var(--rip))*var(--rip)*3.4)}
.ae-tg__range{background:#fff;padding:clamp(40px,6vw,80px) 24px clamp(70px,8vw,110px);text-align:center}
.ae-tg__rl{font-weight:600;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#1d5ea8;margin-bottom:26px}
.ae-tg__rg{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(8px,2vw,28px)}
.ae-tg__rc{display:block;color:#0f2237}
.ae-tg__rc i{display:block;aspect-ratio:1/1;background-size:contain;background-repeat:no-repeat;background-position:center;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.ae-tg__rc:hover i{transform:scale(1.12) rotate(-2deg)}
.ae-tg__rc span{display:block;margin-top:6px;font-weight:500;font-size:.82rem;line-height:1.3}
/* story mode for the dropper statement */
.ae-tg__stmt.is-story{height:280vh}
.ae-tg__stmt.is-story .ae-tg__stick{position:sticky;top:0;height:100vh;padding:0 24px;display:flex;align-items:center;overflow:hidden}
.ae-tg__stmt.is-story .ae-tg__stage{width:100%}
@media(max-width:820px){
  .ae-tg__top{grid-template-columns:1fr 1fr;grid-template-areas:"c c" "l r";min-height:0}
  .ae-tg__center{grid-area:c;padding:56px 6% 90px}
  .ae-tg__panel--l{grid-area:l;aspect-ratio:1/1.1}
  .ae-tg__panel--r{grid-area:r;aspect-ratio:1/1.1}
  .ae-tg__prod--l{left:-4%;top:44%}
  .ae-tg__prod--r{right:-3%;top:6%}
  .ae-tg__head{font-size:clamp(1.9rem,8vw,2.8rem)}
  .ae-tg__stage{grid-template-columns:1fr;row-gap:14px;justify-items:center}
  .ae-tg__col{display:none}
  .ae-tgd{order:1}
  .ae-tg__flow{display:block;order:2;text-align:center;font-weight:300;font-size:clamp(1.25rem,5.4vw,1.8rem);line-height:1.4;max-width:30ch;margin:0 auto;opacity:clamp(0,calc(var(--dp)*5),1)}
  .ae-tgd__svg{height:min(44vh,400px)}
  .ae-tg__rg{grid-template-columns:repeat(3,1fr)}
}

/* ---------- TRUEGLEAM PEPTIDE EYE GEL (scroll story, GSAP) ----------
   Layout: one pinned stage; the jar is the only moving object —
   lid seals → hero → three ingredients → into the palm → down into its card in the range. */
.tg{
  --tg-bg:#F7F9FD;        /* clean clinical white, cool */
  --tg-glow:#E2EAFA;      /* soft blue glow behind the jar */
  --tg-ink:#0B1A36;       /* deep navy */
  --tg-muted:#56627A;
  --tg-blue:#1E55D0;      /* Peptide Eye Gel label blue */
  --tg-word:#DCE5F7;      /* the big TRUE GLEAM */
  --tg-line:#DCE3EF;
  --tg-card:#FFFFFF;
  --tg-sale:#C9372A;
  --tg-sale-bg:#FCEBE8;
  --tg-font:"Outfit", "Avenir Next", "Avenir", "Helvetica Neue", Arial, sans-serif;
  position:relative; display:block; width:100%; isolation:isolate; color-scheme:light;
  background:var(--tg-bg); color:var(--tg-ink);
  font-family:var(--tg-font); font-weight:400; font-size:16px; line-height:1.5;
  overflow-x:clip; -webkit-font-smoothing:antialiased;
}
.tg *, .tg *::before, .tg *::after, .tg-flyer, .tg-flyer *{box-sizing:border-box}
.tg img{display:block; max-width:100%; height:auto; border:0; box-shadow:none}
.tg h2,.tg h3,.tg p,.tg ul,.tg figure{margin:0; padding:0}
.tg ul{list-style:none}
.tg .tg-eyebrow{font:600 13px/1.2 var(--tg-font); letter-spacing:.2em; text-transform:uppercase; color:var(--tg-blue)}
.tg-price{display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; font-variant-numeric:tabular-nums}
.tg-price b{font-weight:600; font-size:26px; letter-spacing:-.01em}
.tg-price s{color:var(--tg-muted); font-size:16px}
.tg-pill{display:inline-block; font:600 12px/1 var(--tg-font); letter-spacing:.04em; color:var(--tg-sale); background:var(--tg-sale-bg); padding:6px 10px; border-radius:999px}

/* the jar: body (with its clear threaded rim) + lid, stacked */
.tg-jarpart{position:absolute; inset:0; display:block; background:center / 100% 100% no-repeat}
.tg-jar-body{background-image:var(--tg-img-body)}
.tg-jar-lid{background-image:var(--tg-img-lid)}

/* ---------- stage ---------- */
.tg-stage{position:relative; width:100%}
.tg-glow{position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(42% 46% at 50% 54%, var(--tg-glow) 0%, rgba(226,234,250,.55) 45%, rgba(247,249,253,0) 100%)}
.tg-word{position:absolute; left:0; right:0; top:53%; margin-top:-.8em; display:grid; justify-items:center; z-index:0;
  font:800 clamp(110px, 19vw, 330px)/.8 var(--tg-font); letter-spacing:-.045em; color:var(--tg-word); will-change:transform,opacity;
  white-space:nowrap; pointer-events:none; user-select:none}
.tg-word span{display:block; will-change:transform}
/* soft halo + hairline ring behind the jar */
.tg-ring{position:absolute; z-index:1; left:50%; top:54%; width:clamp(300px, 40vw, 660px); aspect-ratio:1; border-radius:50%;
  margin-left:calc(clamp(300px, 40vw, 660px) / -2); margin-top:calc(clamp(300px, 40vw, 660px) / -2);
  border:1px solid rgba(30,85,208,.16);
  background:radial-gradient(circle, rgba(255,255,255,.85) 0%, rgba(232,239,252,.6) 46%, rgba(232,239,252,0) 70%);
  pointer-events:none; will-change:transform,opacity}
/* floating gel droplets */
.tg-bubbles{position:absolute; inset:0; z-index:1; pointer-events:none}
.tg-drop{position:absolute; width:var(--d); aspect-ratio:1; margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2); border-radius:50%; pointer-events:none;
  background:radial-gradient(circle at 34% 30%, #fff 0 9%, rgba(255,255,255,.6) 20%, rgba(214,226,250,.4) 52%, rgba(146,176,234,.5) 100%);
  box-shadow:inset -3px -5px 10px rgba(30,85,208,.18), inset 2px 3px 6px rgba(255,255,255,.85), 0 12px 22px rgba(11,26,54,.08);
  animation:tgBob 6s ease-in-out infinite; will-change:transform; z-index:1}
/* bubbles spread over the whole background (left/top/size), sparse on purpose */
.tg-drop.d1{--d:46px; left:7%;  top:18%}
.tg-drop.d2{--d:22px; left:22%; top:82%; animation-delay:-1.4s}
.tg-drop.d3{--d:34px; left:31%; top:9%;  animation-delay:-3.1s}
.tg-drop.d4{--d:62px; left:88%; top:74%; animation-delay:-2.2s}
.tg-drop.d5{--d:26px; left:72%; top:12%; animation-delay:-4.3s}
.tg-drop.d6{--d:18px; left:94%; top:30%; animation-delay:-.8s}
.tg-drop.d7{--d:38px; left:48%; top:91%; animation-delay:-3.7s}
.tg-drop.d8{--d:16px; left:4%;  top:58%; animation-delay:-2.6s}
@keyframes tgBob{50%{translate:0 -10px}}
.tg-jar{position:absolute; z-index:5; left:50%; top:54%;
  width:clamp(240px, 28vw, 450px); aspect-ratio:763/650;
  margin-left:calc(clamp(240px, 28vw, 450px) / -2); margin-top:calc(clamp(240px, 28vw, 450px) * -0.426);
  will-change:transform}
.tg-lid{position:absolute; inset:0; display:block; z-index:2; will-change:transform}
.tg-lid .tg-jarpart{will-change:transform}
.tg-jar-shadow{position:absolute; left:6%; width:88%; top:88%; height:16%; border-radius:50%; z-index:-1;
  background:radial-gradient(closest-side, rgba(11,26,54,.30), rgba(11,26,54,.10) 55%, rgba(11,26,54,0)); pointer-events:none}
.tg-scene{position:relative; width:100%; min-height:100vh; min-height:100svh}

/* hero */
.tg-hero-copy{position:absolute; z-index:6; left:max(24px, 6vw); top:50%; transform:translateY(-50%);
  width:min(26vw, 400px); display:grid; gap:18px}
.tg-hero-copy h2{font:600 clamp(44px, 5vw, 80px)/.98 var(--tg-font); letter-spacing:-.03em; text-wrap:balance}
.tg-hero-copy p{color:var(--tg-muted); font-size:17px; max-width:32ch}
.tg-hero-spec{position:absolute; z-index:6; right:max(24px, 6vw); top:50%; transform:translateY(-50%);
  display:grid; gap:22px; text-align:right; font:500 12px/1.3 var(--tg-font); letter-spacing:.16em; text-transform:uppercase; color:var(--tg-muted)}
.tg-hero-spec strong{display:block; font:600 40px/1 var(--tg-font); letter-spacing:-.02em; text-transform:none; color:var(--tg-ink); margin-bottom:4px}
.tg-cue{position:absolute; z-index:6; left:50%; bottom:26px; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:10px;
  font:500 11px/1 var(--tg-font); letter-spacing:.26em; text-transform:uppercase; color:var(--tg-muted)}
.tg-cue i{display:block; width:1.5px; height:34px; background:linear-gradient(var(--tg-blue), transparent)}

/* ingredients: the jar is the hero; three smaller ingredients sit on an arc around its lower half */
.tg-scene--ing{
  --J:clamp(240px, min(31vw, 46vh), 480px);              /* jar width */
  --C:clamp(80px, calc(var(--J) * .26), 118px);          /* ingredient circle */
  --cy:44%;                                               /* jar centre */
  --rx:calc(var(--J) * 1.02);
  --ry:calc(var(--J) * .426 + 22px + var(--C) / 2);
  --s:.866; --c:.5;                                       /* side items at 60° on the arc */
  --iw:230px;
}
.tg-ing-head{position:absolute; left:0; right:0; top:clamp(24px, 6vh, 60px); display:grid; gap:8px; text-align:center; z-index:6}
.tg-ing-head h2{font:600 clamp(28px, 2.8vw, 44px)/1.08 var(--tg-font); letter-spacing:-.02em}
.tg-anchor-ing{position:absolute; left:50%; top:var(--cy); width:var(--J); aspect-ratio:763/650;
  margin-left:calc(var(--J) / -2); margin-top:calc(var(--J) * -.426); pointer-events:none}
.tg-arc{position:absolute; z-index:1; left:calc(50% - var(--rx)); top:calc(var(--cy) - var(--ry)); width:calc(var(--rx) * 2); height:calc(var(--ry) * 2);
  border:1.5px dashed #C3D2EE; border-radius:50%; clip-path:inset(50% 0 0 0); pointer-events:none}
.tg-ing{position:absolute; z-index:6; width:var(--iw); margin-left:calc(var(--iw) / -2); margin-top:calc(var(--C) / -2);
  display:grid; justify-items:center; text-align:center; gap:6px}
.tg-ing:nth-child(1){left:calc(50% - var(--rx) * var(--s)); top:calc(var(--cy) + var(--ry) * var(--c))}
.tg-ing:nth-child(2){left:50%; top:calc(var(--cy) + var(--ry))}
.tg-ing:nth-child(3){left:calc(50% + var(--rx) * var(--s)); top:calc(var(--cy) + var(--ry) * var(--c))}
.tg-ing figure{width:var(--C); aspect-ratio:1; border-radius:50%; background:#fff; padding:5px;
  box-shadow:0 0 0 1.5px var(--tg-glow), 0 14px 30px rgba(11,26,54,.09)}
.tg-ing figure img{width:100%; height:100%; border-radius:50%}
.tg-ing h3{font:600 clamp(17px, 1.35vw, 21px)/1.15 var(--tg-font); letter-spacing:-.01em; margin-top:6px}
.tg-ing small{font:600 10.5px/1.3 var(--tg-font); letter-spacing:.16em; text-transform:uppercase; color:var(--tg-blue)}
.tg-ing p{color:var(--tg-muted); font-size:14px; line-height:1.45; max-width:26ch}

/* hand */
.tg-circle{position:absolute; z-index:1; right:7vw; top:50%; width:min(44vw, 74vh); aspect-ratio:1; border-radius:50%;
  background:radial-gradient(circle at 40% 35%, #EEF3FD, var(--tg-glow) 70%); margin-top:calc(min(44vw, 74vh) * -0.47)}
.tg-hand{position:absolute; z-index:4; right:0; top:52%; width:min(58vw, 980px); will-change:transform}
.tg-hand img{width:100%}
.tg-anchor-hand{position:absolute; left:27.5%; top:-14.5%; width:31%; aspect-ratio:763/650; pointer-events:none}
.tg-palm-shadow{position:absolute; left:28%; top:24.5%; width:30%; height:9%; border-radius:50%;
  background:radial-gradient(closest-side, rgba(90,52,30,.42), rgba(90,52,30,0)); filter:blur(3px); opacity:0; pointer-events:none}
.tg-sr{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
/* benefits: four photo rows in a zig-zag beside the hand (photo left, then right, alternating) */
.tg-ben{position:absolute; z-index:6; left:max(24px, 4.5vw); top:50%; transform:translateY(-50%); width:min(39vw, 600px)}
.tg-ben ul{display:grid; gap:clamp(18px, 3.6vh, 34px)}
.tg-ben{--ph:clamp(84px, min(8.6vw, 14.5vh), 128px)}
.tg-ben li{display:grid; grid-template-columns:var(--ph) minmax(0, 1fr); gap:22px; align-items:center; max-width:92%}
.tg-ben li:nth-child(odd){margin-left:12%}
.tg-ben li:nth-child(even){grid-template-columns:minmax(0, 1fr) var(--ph)}
.tg-ben li:nth-child(even) img{order:2}
.tg-ben li img{width:var(--ph); height:var(--ph); border-radius:50%; object-fit:cover; border:3px solid #fff;
  box-shadow:0 0 0 1.5px var(--tg-glow), 0 12px 26px rgba(11,26,54,.12)}
.tg-ben h3{font:600 clamp(18px, 1.5vw, 22px)/1.2 var(--tg-font); letter-spacing:-.01em}
.tg-ben li p{font-size:15px; line-height:1.45; color:var(--tg-muted); margin-top:4px; max-width:34ch}

/* load-in (runs once; fill 'backwards' hands control back to the scroll animation) */
@keyframes tgRise{from{opacity:0; transform:translateY(22px)}}
@keyframes tgFade{from{opacity:0}}
.tg-anim .tg-hero-copy > *{animation:tgRise .8s cubic-bezier(.2,.7,.2,1) backwards}
.tg-anim .tg-hero-copy > :nth-child(2){animation-delay:.08s}
.tg-anim .tg-hero-copy > :nth-child(3){animation-delay:.16s}
.tg-anim .tg-hero-copy > :nth-child(4){animation-delay:.24s}
.tg-anim .tg-hero-spec{animation:tgFade 1s .3s backwards}
.tg-anim .tg-jar-body, .tg-anim .tg-jar-shadow{animation:tgFade .9s ease-out backwards}
.tg-anim .tg-word, .tg-anim .tg-ring, .tg-anim .tg-drop{animation:tgFade 1.4s ease-out backwards}

/* animated mode: scenes layered inside one pinned screen */
.tg-anim .tg-stage{height:calc(100vh - var(--ae-top, 0px)); height:calc(100svh - var(--ae-top, 0px)); overflow:hidden}
.tg-anim .tg-scene{position:absolute; inset:0; min-height:0}

/* still mode (no JS / reduced motion): a readable stacked page */
.tg:not(.tg-anim) .tg-cue{display:none}
.tg:not(.tg-anim) .tg-jar{top:54vh; top:54svh}
.tg:not(.tg-anim) .tg-scene--ing{min-height:auto; padding:150px max(20px, 5vw) 64px}
.tg:not(.tg-anim) .tg-anchor-ing, .tg:not(.tg-anim) .tg-arc{display:none}
.tg:not(.tg-anim) .tg-ing-list{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px}
.tg:not(.tg-anim) .tg-ing{position:static; width:auto; margin:0}
.tg:not(.tg-anim) .tg-scene--hand{min-height:680px}

/* ---------- the range ---------- */
.tg-shop{position:relative; z-index:2; max-width:1440px; margin:0 auto; display:grid; gap:32px;
  padding-block:clamp(72px, 9vw, 130px); padding-left:max(24px, 5vw); padding-right:max(24px, 5vw)}
.tg-shop-head{display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:12px 32px; padding-bottom:22px; border-bottom:1px solid var(--tg-line)}
.tg-shop-head div{display:grid; gap:10px}
.tg-shop-head h2{font:600 clamp(32px, 3.4vw, 52px)/1.05 var(--tg-font); letter-spacing:-.025em; text-wrap:balance}
.tg-shop-head p{color:var(--tg-muted); max-width:40ch}
.tg-grid{display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:clamp(14px, 1.6vw, 24px)}
.tg-card{position:relative; display:grid; grid-template-rows:auto 1fr; background:var(--tg-card); border-radius:22px; overflow:hidden;
  box-shadow:0 0 0 1px var(--tg-line), 0 10px 30px rgba(11,26,54,.05); transition:box-shadow .3s, transform .3s}
.tg-card:hover{transform:translateY(-4px); box-shadow:0 0 0 1px var(--tg-line), 0 22px 44px rgba(11,26,54,.10)}
.tg-card--here{box-shadow:0 0 0 2px var(--tg-blue), 0 22px 50px rgba(30,85,208,.16)}
.tg-card--here:hover{box-shadow:0 0 0 2px var(--tg-blue), 0 26px 56px rgba(30,85,208,.2)}
.tg-card figure{position:relative; aspect-ratio:1; background:#fff; overflow:hidden}
.tg-card figure img{width:100%; height:100%; object-fit:cover; transition:transform .6s}
.tg-card:hover figure img{transform:scale(1.04)}
.tg-card .tg-pill{position:absolute; left:14px; top:14px; z-index:1}
.tg-here{position:absolute; right:14px; top:14px; z-index:1; font:600 11px/1 var(--tg-font); letter-spacing:.12em; text-transform:uppercase; color:#fff; background:var(--tg-blue); padding:6px 10px; border-radius:999px}
.tg-card-body{display:grid; gap:8px; align-content:start; padding:18px 18px 20px; border-top:1px solid var(--tg-line)}
.tg-card h3{font:600 20px/1.2 var(--tg-font); letter-spacing:-.01em}
.tg-card .tg-keys{font:500 12px/1.45 var(--tg-font); letter-spacing:.02em; color:var(--tg-blue)}
.tg-card .tg-desc{font-size:14px; color:var(--tg-muted)}
.tg-card .tg-price{margin-top:6px}
.tg-card .tg-price b{font-size:20px}
.tg-card .tg-price s{font-size:14px}

.tg-flyer{position:fixed; left:0; top:0; z-index:90; aspect-ratio:763/650; pointer-events:none; visibility:hidden;
  will-change:transform,width}

/* smooth scrolling helper (same rules as the Pure Ghee block) */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* ---------- smaller screens ---------- */
@media (max-width: 1180px){
  .tg-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .tg-card--here{order:-1; grid-column:1 / -1; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); grid-template-rows:none}
  .tg-card--here .tg-card-body{border-top:0; border-left:1px solid var(--tg-line); align-content:center; padding:28px}
  .tg-card--here h3{font-size:28px}
}
@media (max-width: 860px) and (min-width: 761px){
  .tg-hero-copy{width:min(30vw, 400px)}
}
@media (max-width: 760px), (max-width: 1100px) and (orientation: portrait){
  .tg-word{font-size:27vw; top:37%}
  .tg-ring{top:38%; width:86vw; margin-left:-43vw; margin-top:-43vw}
  .tg-drop.d1{--d:30px; left:9%;  top:12%}
  .tg-drop.d2{--d:16px; left:8%;  top:64%}
  .tg-drop.d3{--d:22px; left:38%; top:5%}
  .tg-drop.d4{--d:38px; left:90%; top:56%}
  .tg-drop.d5{--d:20px; left:86%; top:9%}
  .tg-drop.d6{--d:14px; left:94%; top:34%}
  .tg-drop.d7{--d:24px; left:56%; top:95%}
  .tg-drop.d8{--d:12px; left:4%;  top:40%}
  .tg-jar, .tg:not(.tg-anim) .tg-jar{width:60vw; top:38%; margin-left:-30vw; margin-top:calc(60vw * -0.426)}
  .tg:not(.tg-anim) .tg-jar{top:38vh; top:38svh}
  .tg-glow{background:radial-gradient(70% 40% at 50% 38%, var(--tg-glow) 0%, rgba(247,249,253,0) 100%)}
  .tg-hero-copy{left:20px; right:20px; width:auto; top:auto; bottom:5%; transform:none; text-align:center; justify-items:center; gap:12px}
  .tg-hero-copy h2{font-size:clamp(40px, 12vw, 56px)}
  .tg-hero-copy p{font-size:15px}
  .tg-hero-copy .tg-price{justify-content:center}
  .tg-hero-spec, .tg-cue{display:none}
  .tg-scene--ing{--J:min(52vw, 30vh); --C:clamp(62px, 9vw, 96px); --cy:38%; --s:.82; --c:.57; --rx:40vw; --ry:calc(var(--J) * .426 + 18px + var(--C) / 2); --iw:31vw}
  .tg-ing-head{top:4%}
  .tg-ing-head h2{font-size:26px}
  .tg-ing{gap:3px}
  .tg-ing figure{padding:3px}
  .tg-ing h3{font-size:13.5px; margin-top:4px}
  .tg-ing small{font-size:9px; letter-spacing:.1em}
  .tg-ing p{font-size:12px; line-height:1.35}
  .tg-circle{right:-14vw; top:auto; bottom:-6%; width:96vw; margin-top:0}
  .tg-hand{top:auto; bottom:10%; width:104vw; right:-4vw}
  .tg-ben{left:20px; right:20px; width:auto; top:4%; transform:none; --ph:min(68px, 8.5vh)}
  .tg-ben ul{gap:12px}
  .tg-ben li{gap:12px; max-width:92%}
  .tg-ben li:nth-child(odd){margin-left:6%}
  .tg-ben h3{font-size:16px}
  .tg-ben li p{font-size:12.5px; line-height:1.35; margin-top:2px}
  .tg-shop{padding-left:20px; padding-right:20px}
  .tg-grid{gap:12px}

  .tg-card--here h3{font-size:24px}
  .tg-card-body{padding:14px}
  .tg-card h3{font-size:17px}
  .tg-card .tg-desc{display:none}
  .tg-card--here .tg-desc{display:block}
}
@media (max-width: 560px){
  .tg-card--here{grid-template-columns:1fr}
  .tg-card--here .tg-card-body{border-left:0; border-top:1px solid var(--tg-line); padding:18px}
}
@media (max-height: 520px) and (orientation: landscape){
  .tg-jar{width:200px; margin-left:-100px; margin-top:-85px}
  .tg-cue{display:none}
  .tg-hero-copy{width:min(30vw, 300px)}
  .tg-hero-copy h2{font-size:36px}
  .tg-hero-copy p{font-size:14px}
  .tg-hero-spec strong{font-size:28px}
  .tg-scene--ing{--J:min(26vw, 38vh); --C:58px; --ry:calc(var(--J) * .426 + 14px + var(--C) / 2)}
  .tg-ing-head h2{font-size:22px}
  .tg-ing small, .tg-ing p{display:none}
  .tg-ben{--ph:48px}
  .tg-ben ul{gap:8px}
  .tg-ben li{gap:10px}
  .tg-ben li p{display:none}
}
@media (max-height: 680px) and (min-width: 761px){
  .tg-ing p{display:none}
}

/* ---------- theme-proof: WordPress themes style ul/li/h2/h3/p inside page content (margins, bullets,
   fonts, position). These id-level rules keep the story's own layout no matter what the theme sets. ---------- */
#true-gleam-story ul{margin:0; padding:0; list-style:none}
#true-gleam-story li{list-style:none; padding:0; margin:0; border:0; background:none}
#true-gleam-story li::before, #true-gleam-story li::after{content:none; display:none}
#true-gleam-story li::marker{content:""}
#true-gleam-story h2, #true-gleam-story h3{font-family:var(--tg-font); color:var(--tg-ink); text-transform:none; margin:0; padding:0; border:0; background:none}
#true-gleam-story p{margin:0; padding:0}
#true-gleam-story .tg-ing{position:absolute; margin:calc(var(--C) / -2) 0 0 calc(var(--iw) / -2)}
#true-gleam-story .tg-ben li{position:relative}
#true-gleam-story .tg-ben li:nth-child(odd){margin-left:12%}
#true-gleam-story .tg-ben li p{margin-top:4px}
#true-gleam-story .tg-card{position:relative}
#true-gleam-story:not(.tg-anim) .tg-ing{position:static; margin:0}
@media (max-width: 760px), (max-width: 1100px) and (orientation: portrait){
  #true-gleam-story .tg-ben li:nth-child(odd){margin-left:6%}
  #true-gleam-story .tg-ben li p{margin-top:2px}
}

/* ---------- SOURCING BAND ---------- */
.ae-band{position:relative;overflow:hidden;color:#fff;text-align:center;background:#061428}
.ae-band__media{position:absolute;inset:-10% 0;will-change:transform;background:radial-gradient(circle at 70% 30%,#1d5ea8 0,transparent 50%),radial-gradient(circle at 20% 80%,#14437a 0,transparent 45%),#061428}
.ae-band::before{content:"";position:absolute;inset:0;background:rgba(5,16,34,.62);z-index:1}
.ae-band .ae-wrap{position:relative;z-index:2}
.ae-band .ae-h2{color:#fff}
.ae-band p.ae-sub{max-width:720px;margin:16px auto 0;color:#dbe8f5;font-size:1.08rem}
.ae-route{width:100%;max-width:1120px;margin:40px auto 0;display:block}
.ae-route .rt{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.ae-route .road{fill:none;stroke:rgba(255,255,255,.55);stroke-width:2;stroke-dasharray:6 7}
.ae-route .movers *{fill:#fff;stroke:none}
.ae-js .ae-route .movers{opacity:0;transition:opacity 1s ease 1.6s}
.ae-js .ae-route.is-in .movers{opacity:1}
.ae-js .ae-route .rt{stroke-dashoffset:1;transition:stroke-dashoffset 2.2s ease}
.ae-js .ae-route.is-in .rt{stroke-dashoffset:0}
.ae-route .land{fill:rgba(255,255,255,.12);stroke:rgba(255,255,255,.26);stroke-width:.6;stroke-linejoin:round}
.ae-route .hi{fill:rgba(143,184,232,.55);stroke:#fff;stroke-width:.9;stroke-linejoin:round}
.ae-js .ae-route .land{opacity:0;transition:opacity 1.2s ease}
.ae-js .ae-route.is-in .land{opacity:1}
.ae-js .ae-route .hi{opacity:0;transition:opacity 1s ease;transition-delay:calc(var(--hd,0s) + 1s)}
.ae-js .ae-route.is-in .hi{opacity:1}
.ae-route .dot{fill:#fff}
.ae-route .pulse{fill:none;stroke:#fff;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:aePulse 2.4s ease-out infinite}
@keyframes aePulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.ae-route text{fill:#fff;font:600 15px var(--sans);letter-spacing:.06em}


/* ---------- PRODUCT SHOWCASE: WOODEN PANTRY ---------- */
.ae-showcase{background:var(--cream);overflow:clip}
.ae-showcase__grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(30px,5vw,80px);align-items:center}
.ae-showcase__text{max-width:520px}
.ae-pill{display:inline-flex;align-items:center;gap:8px;background:#e3ebf5;color:var(--navy);font-weight:600;font-size:.82rem;padding:8px 20px;border-radius:999px}
.ae-pill i{width:5px;height:5px;border-radius:50%;background:var(--navy);display:inline-block}
.ae-showcase__hint{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:.88rem;color:#566479}
.ae-showcase__hint span{flex:none;width:34px;height:34px;border-radius:50%;border:2px solid #1d5ea8;position:relative}
.ae-showcase__hint span::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#1d5ea8;animation:aeHint 1.8s ease-out infinite}
@keyframes aeHint{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.6);opacity:0}}
.ae-pw{position:relative;width:100%;max-width:600px;justify-self:end;padding:18px;border-radius:14px;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.07) 0 2px,transparent 2px 11px),linear-gradient(90deg,#4b2f18 0%,#6e4a2a 18%,#5a391d 55%,#3d2512 100%);
  box-shadow:0 40px 80px rgba(60,35,10,.42),inset 0 0 0 2px rgba(255,255,255,.07)}
.ae-pw__in{position:relative;perspective:1500px;border-radius:6px;padding:40px 14px 8px;
  background:radial-gradient(ellipse at 50% 28%,rgba(255,190,110,.26) 0,transparent 62%),repeating-linear-gradient(90deg,rgba(0,0,0,.42) 0 2px,transparent 2px 78px),linear-gradient(180deg,#36220f,#1f1209);
  box-shadow:inset 0 0 64px rgba(0,0,0,.8)}
.ae-shelf{position:relative;margin-bottom:22px}
.ae-shelf:last-child{margin-bottom:6px}
.ae-shelf__row{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-around;padding:0 2%;min-height:100px}
.ae-shelf__board{position:relative;z-index:1;height:20px;margin:0 -14px;border-radius:2px;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 1px,transparent 1px 17px),linear-gradient(180deg,#e4bd82 0,#cc9d62 36%,#8c5c2c 37%,#5a381b 100%);
  box-shadow:0 16px 18px -8px rgba(0,0,0,.8);transition:transform .9s cubic-bezier(.2,.7,.1,1),opacity .9s}
.ae-pi{position:relative;flex:none;width:var(--w);margin-bottom:-4px;transform:rotate(var(--r,0deg));transform-origin:50% 100%;cursor:pointer;outline:none;
  transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .35s}
.ae-pi__in{display:block}
.ae-pi svg,.ae-pi img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 6px rgba(0,0,0,.55));transition:filter .4s}
.ae-pi::after{content:attr(data-name);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%,8px);background:#fbf1dc;color:#3a2410;font:600 .62rem var(--sans);padding:4px 10px;border-radius:999px;opacity:0;white-space:nowrap;transition:opacity .25s,transform .25s;pointer-events:none}
.ae-pi:hover,.ae-pi:focus-visible,.ae-pi.is-on{transform:rotate(0deg) translateY(-8px) scale(1.42);z-index:40}
.ae-pi:hover svg,.ae-pi:focus-visible svg,.ae-pi.is-on svg,.ae-pi:hover img,.ae-pi:focus-visible img,.ae-pi.is-on img{filter:drop-shadow(0 20px 18px rgba(0,0,0,.65))}
.ae-pi:hover::after,.ae-pi:focus-visible::after,.ae-pi.is-on::after{opacity:1;transform:translate(-50%,0)}
@media(hover:hover){.ae-shelves:hover .ae-pi:not(:hover){opacity:.62}}
.ae-shelves.has-on .ae-pi:not(.is-on){opacity:.62}
.ae-js .ae-shelves:not(.is-in) .ae-pi{opacity:0}
.ae-js .ae-shelves:not(.is-in) .ae-shelf__board{transform:scaleX(.15);opacity:0}
.ae-shelves.is-in .ae-pi{animation:aeDrop .95s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--i)*.07s + .35s)}
@keyframes aeDrop{from{opacity:0;transform:translateY(-90px) rotate(calc(var(--r)*6)) scale(.85)}to{opacity:1;transform:rotate(var(--r))}}
/* when a real cupboard photo is supplied, the shelves sit on the photo's own shelves */
.ae-pw.has-cup{padding:0;background:none;box-shadow:none;border-radius:0}
.ae-pw.has-cup .ae-pw__in{padding:0;border-radius:0;box-shadow:none;aspect-ratio:var(--cupar,3/4);background:var(--cup) center/100% 100% no-repeat}
.ae-pw.has-cup .ae-shelves{position:absolute;inset:0}
.ae-pw.has-cup .ae-shelf{position:absolute;left:var(--cl,6%);right:var(--cr,6%);top:var(--st,50%);margin:0;transform:translateY(-100%)}
.ae-pw.has-cup .ae-shelf__board{display:none}
.ae-pw.has-cup .ae-shelf__row{min-height:0}
@media(max-width:900px){
  .ae-showcase__grid{grid-template-columns:1fr}
  .ae-showcase__text{max-width:none}
  .ae-pw{justify-self:center;max-width:560px}
}
@media(max-width:560px){
  .ae-pw{padding:12px}
  .ae-pw__in{padding:34px 8px 6px}
  .ae-shelf__row{overflow-x:auto;justify-content:flex-start;gap:12px;padding:52px 10px 0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .ae-shelf__row::-webkit-scrollbar{display:none}
  .ae-pi{width:calc(var(--w)*2.5);scroll-snap-align:center}
  .ae-pi:hover,.ae-pi:focus-visible,.ae-pi.is-on{transform:rotate(0deg) translateY(-4px) scale(1.22)}
  .ae-shelf__board{margin:0 -8px}
}

/* ---------- CATEGORIES ---------- */
.ae-cats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:50px}
.ae-cat{display:block;color:var(--navy)}
.ae-cat__img{display:block;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:var(--img,none) center/cover,linear-gradient(135deg,var(--c1),var(--c2));transition:transform .5s cubic-bezier(.2,.7,.1,1),box-shadow .5s}
.ae-cat:hover .ae-cat__img{transform:scale(1.05) translateY(-6px);box-shadow:0 24px 40px rgba(15,47,79,.28)}
.ae-cat__name{display:block;margin-top:14px;text-align:center;font-family:var(--serif);font-weight:800;font-size:1.05rem}

/* ---------- CUSTOMERS ---------- */
.ae-cust{background:var(--cream);overflow:hidden}
.ae-cust__track{display:flex;width:max-content;animation:aeMarq 32s linear infinite;margin-top:44px}
.ae-cust:hover .ae-cust__track{animation-play-state:paused}
.ae-cust__track span{padding:0 44px;font-family:var(--serif);font-weight:800;font-size:clamp(1.6rem,3vw,2.4rem);color:#9aa8b8;transition:color .3s;white-space:nowrap}
.ae-cust__track span:hover{color:var(--navy)}

/* ---------- CTA ---------- */
.ae-cta{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;text-align:center}
.ae-cta .ae-h2{color:#fff}
.ae-cta p{max-width:620px;margin:16px auto 30px;color:#dbe8f5}

/* ---------- RESPONSIVE ---------- */
@media(max-width:980px){
  .ae-stats__grid,.ae-process__grid,.ae-cats__grid{grid-template-columns:repeat(2,1fr)}
  .ae-brands__grid{grid-template-columns:minmax(0,520px);justify-content:center}
  .ae-about__grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .ae-stats__grid,.ae-process__grid,.ae-cats__grid{grid-template-columns:1fr 1fr;gap:14px}
  .ae-card{padding:26px 12px}.ae-card h3{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
  .ae-home:not(.ae-motion-on) *{animation:none!important;transition:none!important}
}
.ae-motionbtn{position:fixed;left:16px;bottom:16px;z-index:100000;background:#0a2342;color:#fff;border:2px solid #fff;border-radius:999px;padding:10px 18px;font:600 .8rem 'Inter',system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35)}

/* block-editor page: stop the theme's block spacing and width rules from touching the sections */
.ae-home>*{max-width:none!important;margin-top:0!important;margin-bottom:0!important}
.ae-home.wp-block-group{padding:0!important}

/* ===== Flavor Nation Pure Ghee scroll story (1.1.0) ===== */
/* AE Pure Ghee: Flavor Nation scroll story. Colors and fonts follow the American Essentials homepage. */
/* Layout: one pinned stage. Jar, lid, spoon and drip are photo cut-outs on a "rig" that the scroll moves like a camera. */
.fn-ghee{
  --fng-ink:#0a2342; --fng-muted:#3f5675; --fng-amber:#1d5ea8; --fng-line:rgba(10,35,66,.16);
  --fng-stroke:rgba(29,94,168,.24); --fng-card:rgba(255,255,255,.86); --fng-gold:#14437a; --fng-gold-ink:#ffffff; --fng-blue:#1d5ea8;
  --fng-display:"Playfair Display",Georgia,serif;
  --fng-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fng-rig-h:min(76vh,760px,47vw);
  position:relative;width:100%;isolation:isolate;overflow:hidden;
  color:var(--fng-ink);font-family:var(--fng-body);font-size:16px;line-height:1.55;color-scheme:light;
  background:#eef4fb;
}
.fn-ghee *{box-sizing:border-box}
.fn-ghee img,.ae-home .fn-ghee img{max-width:none;border:0;box-shadow:none}

/* ---------- stage ---------- */
.fn-ghee__stage{position:relative;padding-block:56px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;max-width:1280px;margin:0 auto}
.fng-bg{position:absolute;inset:0;z-index:-2;pointer-events:none}
.fng-bg--light{background:radial-gradient(64% 70% at 50% 46%,#ffffff 0%,#eef4fb 44%,#cfe0f5 100%)}
.fng-bg--dark{opacity:0;background:radial-gradient(52% 60% at 42% 40%,#123c6b 0%,#0a2342 46%,#061428 100%)}
.fng-dust,.fng-word,.fng-hint,.fng-track,.fng-spoon,.fng-shine,.fng-splash,.fng-mouthglow{display:none}

/* rig: the jar and everything attached to it */
.fng-rig{position:relative;height:var(--fng-rig-h);aspect-ratio:644/1042;max-width:100%;margin:0 auto}
.fng-intro,.fng-float{position:absolute;inset:0}
.fng-jar{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}
.fng-floor{position:absolute;left:6%;width:88%;top:95%;height:7%;z-index:0;
  background:radial-gradient(closest-side,rgba(6,20,40,.38),rgba(6,20,40,0));filter:blur(4px)}
.fng-shine{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:soft-light;
  background:linear-gradient(104deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%) no-repeat;background-size:320% 100%;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.fng-mouthglow{position:absolute;left:4.5%;width:90%;top:-18%;height:38%;z-index:3;pointer-events:none;opacity:0;mix-blend-mode:screen}
.fng-mouthglow::before{content:"";position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,216,96,.95),rgba(255,176,34,.38) 48%,rgba(255,160,20,0));animation:fngBreathe 3.2s ease-in-out infinite}
.fng-splash{position:absolute;left:37%;width:25%;top:-4%;height:9%;z-index:4;pointer-events:none;opacity:0;
  background:radial-gradient(closest-side,rgba(255,236,150,1),rgba(255,190,40,.55) 45%,rgba(255,170,30,0))}
.fng-lid{position:absolute;left:7.5%;top:-24.68%;width:84%;height:30.25%;z-index:5;transform-origin:50% 100%;transform:scaleY(.2)}
.fng-lid-bob,.fng-lid img{width:100%;height:100%;display:block}
.fng-spoon{position:absolute;left:32.1%;top:-82.5%;width:147.4%;height:77.83%;z-index:6;transform-origin:11.8% 86.3%}
.fng-spoon-sway{position:absolute;inset:0;transform-origin:11.8% 86.3%}
.fng-spoon-img{position:absolute;inset:0;width:100%;height:100%}
.fng-drop{position:absolute;left:8.22%;top:85.94%;width:7.06%;height:14.06%;transform-origin:50% 0}
.fng-drop--b{opacity:0}

/* big background word */
.fng-word{position:absolute;left:50%;top:50%;z-index:-1;pointer-events:none;white-space:nowrap;
  font:800 clamp(150px,28vw,440px)/.8 var(--fng-display);letter-spacing:-.02em;color:transparent;
  -webkit-text-stroke:1.5px var(--fng-stroke);transform:translate(-50%,-50%)}

/* ---------- copy ---------- */
.fng-left,.fng-right{min-width:0;position:relative;z-index:8}
.fng-right{display:grid;gap:32px}
.fn-ghee .fng-eyebrow{margin:0 0 12px;font:600 12px/1.2 var(--fng-body);letter-spacing:.18em;text-transform:uppercase;color:var(--fng-amber)}
.fn-ghee .fng-title{margin:0;font:800 clamp(60px,8vw,128px)/.9 var(--fng-display);letter-spacing:-.02em;color:var(--fng-ink);text-wrap:balance}
.fn-ghee .fng-title em{font-style:normal;color:var(--fng-blue)}
.fn-ghee .fng-panel h3{margin:0;font:700 clamp(30px,3.1vw,46px)/1.08 var(--fng-display);letter-spacing:-.01em;color:var(--fng-ink);text-wrap:balance}
.fn-ghee .fng-panel p:not(.fng-eyebrow){margin:16px 0 0;max-width:34ch;font-size:17px;color:var(--fng-muted)}
.fng-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em;margin-bottom:-.06em}
.fng-w>span{display:inline-block}
.fng-facts{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.fng-facts li{display:grid;gap:2px;border-top:1px solid var(--fng-line);padding-top:10px}
.fng-facts b{font:700 30px/1.05 var(--fng-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--fng-ink)}
.fng-facts span{font-size:13px;letter-spacing:.04em;color:var(--fng-muted)}
.fng-steps{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px;counter-reset:fngs}
.fng-steps li{counter-increment:fngs;display:grid;grid-template-columns:32px 1fr;gap:2px 12px;padding-top:12px;border-top:1px solid var(--fng-line);font-size:15px;color:var(--fng-muted)}
.fng-steps li::before{content:counter(fngs);grid-row:span 2;width:28px;height:28px;border-radius:50%;background:var(--fng-gold);color:var(--fng-gold-ink);font:700 13px/28px var(--fng-body);text-align:center}
.fng-steps b{font:700 18px/1.2 var(--fng-display);color:var(--fng-ink)}
.fng-cta{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:13px 22px;border-radius:999px;
  background:var(--fng-gold);color:var(--fng-gold-ink)!important;text-decoration:none!important;font:600 15px/1 var(--fng-body)}
.fng-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(6,20,40,.5)}
.fng-cta{transition:transform .25s,box-shadow .25s}
.fng-cta::after{content:"→";transition:transform .25s}
.fng-cta:hover::after{transform:translateX(4px)}
.fng-cta:focus-visible{outline:3px solid var(--fng-ink);outline-offset:3px}

/* ---------- animated mode (added by the script) ---------- */
.fn-ghee.is-animated .fn-ghee__stage{display:block;height:100vh;height:100svh;max-width:none;padding:0;overflow:hidden}
.fn-ghee.is-animated .fng-dust{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.fn-ghee.is-animated .fng-dust--back{z-index:-1}
.fn-ghee.is-animated .fng-dust--front{z-index:7}
.fn-ghee.is-animated .fng-word,.fn-ghee.is-animated .fng-spoon,.fn-ghee.is-animated .fng-shine,
.fn-ghee.is-animated .fng-splash,.fn-ghee.is-animated .fng-mouthglow{display:block}
.fn-ghee.is-animated .fng-shine{animation:fngSweep 5.5s cubic-bezier(.45,0,.2,1) 1.2s infinite}
.fn-ghee.is-animated .fng-rig{position:absolute;left:50%;top:52%;margin:0;z-index:2}
.fn-ghee.is-animated .fng-left{position:absolute;left:max(28px,5vw);top:50%;width:min(31vw,440px);transform:translateY(-50%)}
.fn-ghee.is-animated .fng-right{position:absolute;right:max(28px,5vw);top:50%;width:min(29vw,390px);transform:translate(var(--fng-colx,0px),-50%);display:grid;gap:0;align-items:center}
.fn-ghee.is-animated .fng-right>*{grid-area:1/1}
.fn-ghee.is-animated .fng-track{display:flex;position:absolute;left:max(28px,5vw);bottom:28px;z-index:8;gap:22px;list-style:none;margin:0;padding:0}
.fng-track li{position:relative;padding-top:12px;font:600 11px/1 var(--fng-body);letter-spacing:.14em;text-transform:uppercase;color:var(--fng-muted);opacity:.55;transition:opacity .3s}
.fng-track li::before{content:"";position:absolute;left:0;top:0;width:36px;height:2px;background:var(--fng-line)}
.fng-track li.is-on{opacity:1;color:var(--fng-ink)}
.fng-track li.is-on::before{background:var(--fng-gold)}
.fn-ghee.is-animated .fng-hint{display:flex;position:absolute;left:50%;bottom:22px;z-index:8;transform:translateX(-50%);flex-direction:column;align-items:center;gap:8px;
  font:600 11px/1 var(--fng-body);letter-spacing:.22em;text-transform:uppercase;color:var(--fng-muted)}
.fng-hint::after{content:"";width:1.5px;height:30px;background:linear-gradient(var(--fng-muted),transparent);animation:fngDrip 1.8s ease-in-out infinite}

@keyframes fngSweep{0%{background-position:120% 0}55%,100%{background-position:-20% 0}}
@keyframes fngBreathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}
@keyframes fngDrip{0%{transform:scaleY(.2);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(.2);transform-origin:bottom;opacity:0}}

/* ---------- phones ---------- */
@media (max-width:820px){
  .fn-ghee{--fng-rig-h:min(46vh,430px)}
  .fn-ghee__stage{grid-template-columns:1fr;text-align:left;padding-block:36px}
  .fng-left{order:-2;text-align:center}
  .fng-rig{order:-1}
  .fn-ghee .fng-title{font-size:clamp(52px,15vw,84px)}
  .fn-ghee .fng-panel p:not(.fng-eyebrow){font-size:15.5px;margin-top:10px}
  .fn-ghee .fng-panel h3{font-size:clamp(24px,6.6vw,32px)}
  .fn-ghee.is-animated .fng-rig{top:57%}
  .fn-ghee.is-animated .fng-left{left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 28px);width:auto;transform:none;text-align:center;
    padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .fn-ghee.is-animated .fng-left .fng-panel p:not(.fng-eyebrow){margin-inline:auto}
  .fn-ghee.is-animated .fng-right{left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));top:auto;bottom:max(12px,env(safe-area-inset-bottom,0px));
    width:auto;transform:none}
  .fn-ghee.is-animated .fng-right .fng-panel{background:var(--fng-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:16px 18px 18px}
  .fn-ghee.is-animated .fng-facts{display:none}
  .fn-ghee.is-animated .fng-steps{margin-top:12px;gap:8px}
  .fn-ghee.is-animated .fng-steps li{padding-top:8px}
  .fn-ghee.is-animated .fng-cta{margin-top:14px;padding:11px 18px}
  .fn-ghee.is-animated .fng-track,.fn-ghee.is-animated .fng-hint{display:none}
}
@media (prefers-reduced-motion:reduce){.fng-hint::after,.fng-mouthglow::before{animation:none}}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
/* static view (editor preview, reduced motion): let the backgrounds fill the whole section */
.fn-ghee:not(.is-animated) .fn-ghee__stage{position:static}

/* scene 2: five private-label steps */
.fng-p2 .fng-steps{gap:10px;margin-top:16px}
.fng-p2 .fng-steps li{padding-top:10px;font-size:14px;line-height:1.45}
.fng-p2 .fng-steps b{font-size:17px}
/* scene 3: the Store Brands honorable mention */
.fn-ghee .fng-award .fng-eyebrow{display:inline-flex;align-items:center;gap:10px}
.fn-ghee .fng-award .fng-eyebrow::before{content:"";width:26px;height:26px;flex:none;border-radius:50%;
  background:radial-gradient(circle at 50% 42%,#fff3c4 0 22%,#f2c14e 23% 58%,#c9902a 59% 100%);box-shadow:0 0 0 2px rgba(242,193,78,.35)}
/* phones and tablets: every step keeps its description, set compact so the card stays short */
@media (max-width:820px){
  .fn-ghee.is-animated .fng-right .fng-p2{padding:14px 16px 14px}
  .fn-ghee.is-animated .fng-p2 .fng-eyebrow{margin-bottom:6px}
  .fn-ghee.is-animated .fng-p2 h3{font-size:clamp(21px,5.6vw,28px)}
  .fn-ghee.is-animated .fng-p2 .fng-steps{gap:6px;margin-top:10px}
  .fn-ghee.is-animated .fng-p2 .fng-steps li{grid-template-columns:24px 1fr;gap:1px 10px;padding-top:7px;font-size:13px;line-height:1.38}
  .fn-ghee.is-animated .fng-p2 .fng-steps li::before{width:22px;height:22px;font-size:11px;line-height:22px;grid-row:span 2}
  .fn-ghee.is-animated .fng-p2 .fng-steps b{font-size:15px}
}

/* 1.1.1: the ghee story fills the whole screen even when the theme limits block width */
.fng-bleed{position:relative;display:block;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;margin-top:0!important;margin-bottom:0!important;padding:0!important}
.fng-bleed>.fn-ghee,.fng-bleed>.pin-spacer{max-width:none!important;margin-left:0!important;margin-right:0!important}
/* keep the homepage fonts and heading sizes even if the theme styles headings (1.1.3) */
.ae-home .fn-ghee{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.ae-home .fn-ghee p,.ae-home .fn-ghee li,.ae-home .fn-ghee .fng-cta,.ae-home .fn-ghee .fng-eyebrow,.ae-home .fn-ghee .fng-facts span,
.ae-home .fn-ghee .fng-steps span,.ae-home .fn-ghee .fng-track li,.ae-home .fn-ghee .fng-hint{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important}
.ae-home .fn-ghee .fng-title,.ae-home .fn-ghee .fng-panel h3,.ae-home .fn-ghee .fng-facts b,.ae-home .fn-ghee .fng-steps b{font-family:"Playfair Display",Georgia,serif!important;text-transform:none!important}
.ae-home .fn-ghee .fng-w,.ae-home .fn-ghee .fng-w>span{font:inherit!important;color:inherit;letter-spacing:inherit}
.ae-home .fn-ghee h2.fng-title{font-size:clamp(54px,6.6vw,112px)!important;line-height:.92!important;font-weight:800!important;letter-spacing:-.02em!important;margin:0!important}
.ae-home .fn-ghee .fng-panel h3{font-size:clamp(28px,2.7vw,42px)!important;line-height:1.08!important;font-weight:700!important;letter-spacing:-.01em!important;margin:0!important}
@media (max-width:820px){
  .ae-home .fn-ghee h2.fng-title{font-size:clamp(44px,12vw,72px)!important}
  .ae-home .fn-ghee .fng-panel h3{font-size:clamp(22px,6vw,30px)!important}
  .ae-home .fn-ghee.is-animated .fng-p2 h3{font-size:clamp(20px,5.4vw,26px)!important}
}

/* 1.1.2: every section full width. Some themes put the group's blocks inside an inner container
   that WordPress or the theme limits to the content width; open it up so each section spans the screen */
.ae-home .wp-block-group__inner-container,
.ae-home .is-layout-constrained,
.ae-home .is-layout-flow{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
.ae-home>*,
.ae-home .wp-block-group__inner-container>*,
.ae-home .is-layout-constrained>*,
.ae-home .is-layout-flow>*{max-width:none!important;margin-left:0!important;margin-right:0!important;margin-top:0!important;margin-bottom:0!important}
.ae-home .fng-bleed{width:100%!important;max-width:none!important}

/* 1.1.3: no outlined GHEE letters behind the jar */
.fn-ghee .fng-word{display:none!important}
/* 1.1.3: pinned scenes sit below a fixed/sticky site header (its height is measured into --ae-top) and fit the space left */
.fn-ghee{--fng-rig-h:min(calc((100vh - var(--ae-top,0px))*.68),680px,42vw)}
.fn-ghee.is-animated .fn-ghee__stage{height:calc(100vh - var(--ae-top,0px))!important}
@supports (height:100svh){.fn-ghee.is-animated .fn-ghee__stage{height:calc(100svh - var(--ae-top,0px))!important}}
@media (max-width:820px){.fn-ghee{--fng-rig-h:min(calc((100svh - var(--ae-top,0px))*.42),400px)}}
.ae-fw.is-story .ae-fw__sticky,.ae-tg__stmt.is-story .ae-tg__stick,.ae-gs.is-story .ae-gs__sticky{top:var(--ae-top,0px)!important;height:calc(100vh - var(--ae-top,0px))!important}