/* WaF! R14 — freeze-dry process, one step at a time: tabs advance on their own,
   each step plays its own scene and explanation. Resting state of every scene = the explained end state. */
.page-waf .freeze-jump{margin-top:22px;font-size:12px;gap:22px;color:#262ec8;border-bottom:2px solid #343cff}
.freeze-section{padding-block:110px 40px;scroll-margin-top:95px}
.freeze-section .section-heading h2{font-size:clamp(30px,3vw,44px);line-height:1.3;letter-spacing:-.05em}
.freeze-section .section-heading>.eyebrow{color:#343cff}
.page-waf .gallery-grid article>button.space-cover>img{object-position:center 60%}

.fd{--fd-step:6.5s;--ink:#20303b;--fd-blue:#343cff;--fd-peri:#97aaff;--coffee:#5a3b24;--crema:#b8885a;border:1px solid var(--line);background:#fbfaf6}
.fd-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}
.fd-tab{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"i n" "i e";column-gap:12px;align-items:baseline;text-align:left;padding:20px 20px 22px;font:inherit;color:#7a8580;background:transparent;border:0;border-right:1px solid var(--line);cursor:pointer;transition:background .3s,color .3s}
.fd-tab:last-child{border-right:0}
.fd-tab:hover{background:#f1f0ea;color:var(--ink)}
.fd-tab:focus-visible{outline:2px solid var(--fd-blue);outline-offset:-2px}
.fd-tab-index{grid-area:i;font-size:11px;font-weight:700;letter-spacing:.06em}
.fd-tab-name{grid-area:n;font-size:17px;white-space:nowrap;font-weight:700;letter-spacing:-.03em}
.fd-tab-en{grid-area:e;font-size:9px;letter-spacing:.1em;margin-top:4px}
.fd-tab-bar{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent;overflow:hidden}
.fd-tab-bar i{display:block;height:100%;background:var(--fd-blue);transform-origin:left;transform:scaleX(0)}
.fd-tab[aria-selected="true"]{color:var(--ink);background:#fff}
.fd-tab[aria-selected="true"] .fd-tab-index{color:var(--fd-blue)}
.fd-tab[aria-selected="true"] .fd-tab-bar i{transform:scaleX(1)}
.fd.is-auto .fd-tab[aria-selected="true"] .fd-tab-bar i{animation:fd-progress var(--fd-step) linear both}
@keyframes fd-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.fd-panel{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:44px;padding:36px 40px 34px;min-height:420px}
.fd-panel[hidden]{display:none}
.fd-panel:focus-visible{outline:2px solid var(--fd-blue);outline-offset:-4px}
.fd-scene{margin:0;background:#f3f2ec;background-image:radial-gradient(#d9dbd2 1px,transparent 1.2px);background-size:16px 16px;border:1px solid #e3e4dc;min-width:0}
.fd-scene svg{display:block;width:100%;height:auto;overflow:visible}
.fd-copy{min-width:0}
.fd-kicker{font-size:10px;letter-spacing:.1em;color:var(--fd-blue);font-weight:700}
.fd-copy h3{font-size:clamp(22px,2.1vw,29px);line-height:1.38;letter-spacing:-.045em;margin:14px 0 16px;color:var(--ink)}
.fd-copy>p:not(.fd-kicker){font-size:13.5px;line-height:1.9;color:var(--muted)}
.fd-points{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:0;border-top:1px solid var(--line)}
.fd-points li{position:relative;font-size:13px;padding:10px 0 10px 20px;border-bottom:1px solid var(--line);color:#30403a}
.fd-points li:before{content:'';position:absolute;left:2px;top:50%;width:8px;height:1.5px;background:var(--fd-blue)}
.fd-state{display:flex;gap:10px;margin:18px 0 0}
.fd-state>div{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);background:#fff}
.fd-state dt{font-size:10px;color:#86908b}
.fd-state dd{margin:0;font-size:12px;font-weight:700;color:var(--ink)}
.fd-state dd.is-cold{color:#4f62c7}
.fd-state dd.is-vacuum{color:#fff;background:var(--fd-blue);padding:2px 8px;margin:-2px -4px}

.fd-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 40px;border-top:1px solid var(--line)}
.fd-auto{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:11px;color:#4f606b;background:transparent;border:0;padding:6px 0;cursor:pointer}
.fd-auto:hover{color:var(--ink)}.fd-auto:focus-visible{outline:2px solid var(--fd-blue);outline-offset:3px}
.fd-auto-icon{font-size:11px;min-width:11px;text-align:center}
.fd-hint{font-size:11px;color:#8a948f;margin:0}

/* ---------- Shared SVG parts ---------- */
.fd-scene .s-stroke{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.fd-scene .s-stroke-thick{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linejoin:round}
.fd-scene .s-handle{fill:none;stroke:var(--ink);stroke-width:8;stroke-linecap:round}
.fd-scene .s-ink{fill:var(--ink)}.fd-scene .s-ink-soft{fill:#4a5a64}
.fd-scene .s-coffee{fill:var(--coffee)}.fd-scene .s-crema{fill:var(--crema)}.fd-scene .s-coffee-soft{fill:#7a573a}
.fd-scene .s-side{fill:#3f2a1a;stroke:var(--ink);stroke-width:1.2}
.fd-scene .s-accent{fill:none;stroke:var(--fd-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fd-scene .s-leader{fill:none;stroke:#8d978f;stroke-width:1;stroke-dasharray:3 3}
.fd-scene .s-dot{fill:var(--fd-blue)}
.fd-scene .s-label{font-size:15px;font-weight:700;fill:var(--ink);letter-spacing:-.02em}
.fd-scene .s-label-muted{fill:#6c7772;font-weight:500}
.fd-scene .s-sub{font-size:11px;fill:#7d8782;letter-spacing:.08em}
.fd-scene .s-center{text-anchor:middle}
.fd-scene .s-light{fill:#fff}.fd-scene .s-light-sub{fill:#c4cbd0}
.fd-scene .s-accent-text{fill:var(--fd-blue)}.fd-scene .s-cold-text{fill:#4f62c7}
.fd-scene .s-bean{fill:#6b4529}.fd-scene .s-bean-line{fill:none;stroke:#2c1a0e;stroke-width:1.4}
.fd-scene .s-cold-line{fill:none;stroke:var(--fd-peri);stroke-width:2;stroke-linecap:round;stroke-dasharray:6 6}
.fd-scene .s-crystal{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round}
.fd-scene .s-lens{fill:none;stroke:var(--ink);stroke-width:2}
.fd-scene .s-ice{fill:#dfe5ff;stroke:#fff;stroke-width:1.5;opacity:.92}
.fd-scene .s-gauge{fill:#fff;stroke:var(--ink);stroke-width:1.6}
.fd-scene .s-gauge-arc{fill:none;stroke:#c9ccc2;stroke-width:4}
.fd-scene .s-box-solid{fill:var(--ink)}
.fd-scene .s-box-skip{fill:none;stroke:#b5bab2;stroke-width:1.2;stroke-dasharray:5 4}
.fd-scene .s-box-gas{fill:#eceeff;stroke:var(--fd-peri);stroke-width:1.4}
.fd-scene .s-strike{stroke:#9aa29b;stroke-width:1.4}
.fd-scene .s-chip{fill:var(--fd-blue)}.fd-scene .s-chip-text{font-size:12px;font-weight:700;fill:#fff}
.fd-scene .s-water{fill:#e6ebf7}.fd-scene .s-water-line{stroke:#9fb0d9;stroke-width:1.2}

/* ---------- Scene states at rest (end of explanation) ---------- */
.s1-stream{fill:#4a2f1c}
.s2-bulb{fill:var(--fd-peri)}
.s2-mercury{fill:var(--fd-peri);transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.22)}
.s2-frost{fill:#dfe5ff;opacity:.88}
.s2-frost-solid{fill:#cfd7f5}
.s2-crystals{opacity:1}
.s2-grains circle{fill:#4a2f1c}
.s3-needle{fill:none;stroke:var(--fd-blue);stroke-width:2.4;stroke-linecap:round;transform-origin:252px 104px;transform:rotate(-58deg)}
.s3-pores circle{fill:#7d8bc9}
.s3-vapor circle{fill:var(--fd-peri);opacity:0}
.s3-arc{fill:none;stroke:var(--fd-blue);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0}
.s3-arc-head{fill:none;stroke:var(--fd-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.s5-pores circle{fill:#f3efe6}
.s5-tint{fill:var(--coffee);opacity:.55}
.s5-swirl{fill:var(--coffee);opacity:.35}
.s5-bubbles circle{fill:#fff;opacity:0}
.s5-cube{opacity:.85}

/* ---------- Motion: plays each time a step is shown ---------- */
html:not(.reduce-motion) .fd-panel:not([hidden]) .fd-copy>*{animation:fd-copy-in .7s cubic-bezier(.2,.7,.2,1) both}
html:not(.reduce-motion) .fd-panel:not([hidden]) .fd-copy>:nth-child(2){animation-delay:.08s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .fd-copy>:nth-child(3){animation-delay:.16s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .fd-copy>:nth-child(4){animation-delay:.24s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .fd-copy>:nth-child(5){animation-delay:.32s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .fd-points li{animation:fd-point 4.8s ease both}
html:not(.reduce-motion) .fd-panel:not([hidden]) .fd-points li:nth-child(1){animation-delay:.6s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .fd-points li:nth-child(2){animation-delay:2s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .fd-points li:nth-child(3){animation-delay:3.4s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s-callout{animation:fd-fade .6s ease both}
html:not(.reduce-motion) .fd-panel:not([hidden]) .c1{animation-delay:.6s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .c2{animation-delay:2s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .c3{animation-delay:3.4s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .c4{animation-delay:2.4s}
@keyframes fd-copy-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes fd-point{0%{opacity:0;transform:translateX(-6px)}8%{opacity:1;transform:none;background:transparent}14%{background:#eef0ff}40%,100%{background:transparent;opacity:1;transform:none}}
@keyframes fd-fade{from{opacity:0}to{opacity:1}}

/* 01 extraction */
html:not(.reduce-motion) .fd-panel:not([hidden]) .s1-beans{animation:s1-beans 2.4s ease-in-out infinite}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s1-feed{animation:s1-feed 1.2s linear infinite}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s1-press{animation:s1-press 1.1s ease-in-out infinite}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s1-stream{transform-box:fill-box;transform-origin:50% 0;animation:s1-stream 6s ease both .5s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s1-stream-b{animation-delay:.65s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s1-fill{animation:s1-fill 4.6s cubic-bezier(.3,.1,.3,1) both .9s}
@keyframes s1-beans{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
@keyframes s1-feed{to{stroke-dashoffset:-12}}
@keyframes s1-press{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes s1-stream{0%{transform:scaleY(0)}12%{transform:scaleY(1)}80%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:.25}}
@keyframes s1-fill{from{transform:translateY(64px)}to{transform:translateY(0)}}

/* 02 freezing */
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-mercury{animation:s2-mercury 3.6s cubic-bezier(.5,0,.3,1) both .3s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-bulb{animation:s2-bulb 3.6s ease both .3s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-air{animation:s2-air 1.4s linear infinite}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-frost{animation:s2-frost 3.4s ease both 1.2s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-crystals path{transform-box:fill-box;transform-origin:center;animation:s2-crystal .9s cubic-bezier(.2,.8,.2,1.2) both}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-crystals path:nth-child(1){animation-delay:1.8s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-crystals path:nth-child(2){animation-delay:2.1s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-crystals path:nth-child(3){animation-delay:2.4s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-crystals path:nth-child(4){animation-delay:2.7s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-crystals path:nth-child(5){animation-delay:3s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-crystals path:nth-child(6){animation-delay:3.3s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-lens{animation:fd-fade .8s ease both 2.6s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-hex path{transform-box:fill-box;transform-origin:center;animation:s2-crystal 1s ease both}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-hex path:nth-child(1){animation-delay:3s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-hex path:nth-child(2){animation-delay:3.25s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-hex path:nth-child(3){animation-delay:3.5s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-hex path:nth-child(4){animation-delay:3.75s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s2-hex path:nth-child(5){animation-delay:4s}
@keyframes s2-mercury{from{transform:scaleY(.86);fill:#d9824f}to{transform:scaleY(.22);fill:#97aaff}}
@keyframes s2-bulb{from{fill:#d9824f}to{fill:#97aaff}}
@keyframes s2-air{to{transform:translateY(12px)}}
@keyframes s2-frost{from{opacity:0}to{opacity:.88}}
@keyframes s2-crystal{from{opacity:0;transform:scale(0) rotate(-40deg)}to{opacity:1;transform:none}}

/* 03 sublimation */
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-needle{animation:s3-needle 2.2s cubic-bezier(.4,0,.2,1) both .3s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-vapor circle{animation:s3-vapor 2.8s ease-out infinite}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-vapor circle:nth-child(1){animation-delay:1.6s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-vapor circle:nth-child(2){animation-delay:1.95s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-vapor circle:nth-child(3){animation-delay:2.3s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-vapor circle:nth-child(4){animation-delay:2.65s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-vapor circle:nth-child(5){animation-delay:3s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-vapor circle:nth-child(6){animation-delay:3.35s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-vapor circle:nth-child(7){animation-delay:3.7s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-vapor circle:nth-child(8){animation-delay:4.05s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-pores circle{animation:fd-fade .8s ease both}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-pores circle:nth-child(1){animation-delay:2.6s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-pores circle:nth-child(2){animation-delay:3s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-pores circle:nth-child(3){animation-delay:3.4s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-pores circle:nth-child(4){animation-delay:3.8s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-pores circle:nth-child(5){animation-delay:4.2s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-pores circle:nth-child(6){animation-delay:4.6s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-arc{animation:s3-arc 1.6s cubic-bezier(.5,0,.2,1) both 1.4s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-arc-head{animation:fd-fade .3s ease both 2.9s}
@keyframes s3-needle{from{transform:rotate(58deg)}to{transform:rotate(-58deg)}}
@keyframes s3-vapor{0%{opacity:0;transform:translateY(0)}15%{opacity:.95}100%{opacity:0;transform:translateY(-196px)}}
@keyframes s3-arc{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}

/* 05 packaging + dissolve */
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-pores circle{animation:s5-pore 2.6s ease-in-out infinite}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-pores circle:nth-child(3n){animation-delay:.9s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-pores circle:nth-child(3n+1){animation-delay:1.7s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-cube{animation:s5-cube 5.6s cubic-bezier(.4,0,.2,1) both .2s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-swirl{transform-box:fill-box;transform-origin:50% 50%;animation:s5-swirl 4.4s ease-out both 1.4s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-tint{animation:s5-tint 4.4s ease both 1.6s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-bubbles circle{animation:s5-bubble 1.6s ease-out infinite 1.4s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-bubbles circle:nth-child(2){animation-delay:1.8s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-bubbles circle:nth-child(3){animation-delay:2.2s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-bubbles circle:nth-child(4){animation-delay:2.6s}
@keyframes s5-pore{0%,100%{fill:#f3efe6}50%{fill:#c8d3f7}}
@keyframes s5-cube{0%{transform:translateY(-210px);opacity:1}22%{transform:translateY(0);opacity:1}30%{transform:translateY(-3px)}36%{transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:0}}
@keyframes s5-swirl{from{opacity:0;transform:scale(.1)}to{opacity:.35;transform:scale(1)}}
@keyframes s5-tint{from{opacity:0}to{opacity:.55}}
@keyframes s5-bubble{0%{opacity:0;transform:translateY(0)}20%{opacity:.9}100%{opacity:0;transform:translateY(-110px)}}

/* Motion off: the resting (end) state shows; vapor and bubbles appear as still dots. */
.reduce-motion .fd *{animation:none!important}
.reduce-motion .s3-vapor circle{opacity:.7}
.reduce-motion .s3-vapor circle:nth-child(odd){transform:translateY(-60px)}
.reduce-motion .s3-vapor circle:nth-child(even){transform:translateY(-120px)}
@media(prefers-reduced-motion:reduce){.s3-vapor circle{opacity:.7}}

/* ---------- Foot ---------- */
.freeze-foot{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:34px}
.freeze-foot>p{font-size:14px;line-height:1.9;color:var(--muted)}
.freeze-video-link{display:flex;align-items:center;gap:16px;padding:14px 22px 14px 14px;background:#343cff;color:#fff;font:inherit;text-align:left;cursor:pointer;flex-shrink:0;transition:transform .2s,box-shadow .2s}
.freeze-video-link:hover{transform:translateY(-2px);box-shadow:0 7px 20px #343cff33}
.freeze-video-link strong{display:block;font-size:15px;letter-spacing:-.02em}
.freeze-video-link small{display:block;font-size:11px;color:#e8e9ff;margin-top:3px}
.freeze-video-play{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffffff26;font-size:12px}
.freeze-caption{font-size:10px;color:#8a948f;margin-top:22px}

@media(max-width:1100px){
  .fd-tab{padding:16px 12px 18px;column-gap:8px}.fd-tab-name{font-size:14px}.fd-tab-en{font-size:8px;letter-spacing:.04em}
  .fd-panel{grid-template-columns:1fr 1fr;gap:28px;padding:28px 26px;min-height:0}
  .fd-controls{padding:12px 26px}
  .fd-copy h3 br{display:none}
}
@media(max-width:760px){
  .freeze-section{padding-block:70px 20px}
  .freeze-section .section-heading h2{font-size:30px}
  .fd-tab{grid-template-columns:1fr;grid-template-areas:"i" "n";padding:12px 3px 14px;row-gap:4px;text-align:center}
  .fd-tab-index{font-size:9px}.fd-tab-name{font-size:11.5px;letter-spacing:-.05em;white-space:normal;word-break:keep-all;line-height:1.3}.fd-tab-en{display:none}
  .fd-panel{grid-template-columns:1fr;gap:20px;padding:18px 16px 22px}
  .fd-copy h3{font-size:22px;margin:10px 0 12px}
  .fd-copy>p:not(.fd-kicker){font-size:12.5px}
  .fd-points li{font-size:12px;padding:9px 0 9px 18px}
  .fd-state{flex-wrap:wrap}
  .fd-controls{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 16px 12px}
  .freeze-foot{flex-direction:column;align-items:stretch;gap:20px;margin-top:26px}
  .freeze-foot>p{font-size:12px}
  .freeze-video-link strong{font-size:14px}
  .freeze-caption{font-size:9px}
}
.fd-scene .s-small{font-size:13px}

/* ---------- R14 additions: mold, heated shelf, secondary drying, packaging ---------- */
.fd-scene .s-mold{fill:#e9e7df;stroke:#8d978f;stroke-width:1.2}
.fd-scene .s-mold-top{fill:#d9d7cd;stroke:#8d978f;stroke-width:1.2}
.fd-scene .s-shelf{fill:none;stroke:var(--ink);stroke-width:2}
.fd-scene .s-heat{fill:none;stroke:#d9824f;stroke-width:2;stroke-linecap:round}
.fd-scene .s-heat-text{fill:#b5602f}
.fd-scene .s-pouch{fill:#dfe2e6;stroke:var(--ink);stroke-width:1.6}
.fd-scene .s-seal{fill:#c3c8cf}
.s4-holes circle{fill:#efe9dc}
.s4-bound circle{fill:var(--fd-blue);opacity:0}
.s4-bulb{fill:#d9824f}
.s4-mercury{fill:#d9824f;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.86)}
.s4-moist{fill:#97aaff;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.1)}
.s5-n2 circle{fill:var(--fd-blue);opacity:0}
.s5-gas circle{fill:var(--fd-peri);opacity:.8}
.s5-bars{opacity:1}
.s3-heat{opacity:1}
/* 03 heat shimmer */
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-heat path{animation:s3-heat 1.4s ease-in-out infinite}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s3-heat path:nth-child(even){animation-delay:.5s}
@keyframes s3-heat{0%,100%{opacity:.35;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}
/* 04 secondary drying */
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-mercury{animation:s4-mercury 3.4s cubic-bezier(.5,0,.3,1) both .4s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-bulb{animation:s4-bulb 3.4s ease both .4s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-moist{animation:s4-moist 4.4s cubic-bezier(.4,0,.2,1) both .8s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-bound circle{opacity:.95;animation:s4-detach 2.2s ease-in both}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-bound circle:nth-child(1){animation-delay:1.2s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-bound circle:nth-child(2){animation-delay:1.5s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-bound circle:nth-child(3){animation-delay:1.8s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-bound circle:nth-child(4){animation-delay:2.1s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-bound circle:nth-child(5){animation-delay:2.4s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-bound circle:nth-child(6){animation-delay:2.7s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-bound circle:nth-child(7){animation-delay:3s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-bound circle:nth-child(8){animation-delay:3.3s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-bound circle:nth-child(9){animation-delay:3.6s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-bound circle:nth-child(10){animation-delay:3.9s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-bound circle:nth-child(11){animation-delay:4.2s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s4-bound circle:nth-child(12){animation-delay:4.5s}
@keyframes s4-mercury{from{transform:scaleY(.18);fill:#97aaff}to{transform:scaleY(.86);fill:#d9824f}}
@keyframes s4-bulb{from{fill:#97aaff}to{fill:#d9824f}}
@keyframes s4-moist{from{transform:scaleY(.5)}to{transform:scaleY(.1)}}
@keyframes s4-detach{0%{opacity:.95;transform:translate(0,0)}25%{opacity:.95}100%{opacity:0;transform:translate(10px,-34px)}}
/* 05 packaging */
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-n2 circle{animation:s5-n2 1.6s ease-in infinite}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-n2 circle:nth-child(2){animation-delay:.4s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-n2 circle:nth-child(3){animation-delay:.8s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-n2 circle:nth-child(4){animation-delay:1.2s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-gas circle{animation:s5-gas 3s ease-in-out infinite}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-gas circle:nth-child(odd){animation-delay:1.1s}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-bars rect:first-child{animation:s5-bar-top 3.6s ease both}
html:not(.reduce-motion) .fd-panel:not([hidden]) .s5-bars rect:last-child{animation:s5-bar-bot 3.6s ease both}
@keyframes s5-n2{0%{opacity:0;transform:translateY(0)}20%{opacity:.9}100%{opacity:0;transform:translateY(70px)}}
@keyframes s5-gas{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-6px)}}
@keyframes s5-bar-top{0%,50%{transform:translateY(-16px)}70%,100%{transform:translateY(0)}}
@keyframes s5-bar-bot{0%,50%{transform:translateY(16px)}70%,100%{transform:translateY(0)}}
.reduce-motion .s4-bound circle{opacity:.6}