/* Layout: full-bleed bands; each section makes one move at life size; no cards; one lime moment per screen. The brand's own world, single theme by design. */
:root {
  --ink: #0A2A2A;
  --teal: #144444;
  --lime: #A4CD3A;
  --lime-hi: #B8DB55;
  --paper: #FFFFFF;
  --mist: #F1F5F2;
  --bg-alt: #F5F5F7;
  --text: #1D1D1F;
  --muted: #56635F;
  --line: rgba(20, 68, 68, 0.14);
  --white-80: rgba(255, 255, 255, 0.82);
  --font: "Work Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --t-hero: clamp(34px, 9.3vw, 92px);
  --t-h2: clamp(34px, 9vw, 68px);
  --t-big: clamp(44px, 12.4vw, 132px);
  --t-giant: clamp(170px, 50vw, 380px);
  --t-lead: clamp(18px, 4.6vw, 23px);
  --pad-y: clamp(76px, 16vw, 152px);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html.locked { overflow: hidden; }
body { background: var(--paper); color: var(--text); font: 400 17px/1.5 var(--font); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, p, figure, blockquote, ol, ul, dl, dd { margin: 0; }
ol, ul { padding: 0; list-style: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
a { color: inherit; }
img, video { display: block; max-width: 100%; }
:focus-visible { outline: 3px solid var(--lime); outline-offset: 3px; border-radius: 6px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wrap {
  width: 100%;
  max-width: 1296px;
  margin-inline: auto;
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
}
@media (min-width: 760px) {
  .wrap { padding-left: max(48px, env(safe-area-inset-left, 0px)); padding-right: max(48px, env(safe-area-inset-right, 0px)); }
}
.eyebrow { font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }
.dot { color: var(--lime); }
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: 0 28px; border-radius: 100px;
  font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none;
  transition: background 0.2s;
}
.btn-lime { background: var(--lime); color: var(--teal); }
.btn-lime:hover { background: var(--lime-hi); }
.door {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 20px;
  border: 1.5px solid currentColor; border-radius: 100px; font-size: 15px; font-weight: 600;
}
.sup { display: inline-grid; place-items: center; min-width: 26px; min-height: 26px; margin-left: 2px; font-size: 11px; font-weight: 700; vertical-align: super; text-decoration: underline; }
.film-toggle {
  position: absolute; z-index: 3; width: 44px; height: 44px; border-radius: 50%;
  display: grid; place-items: center; color: #fff; background: rgba(10, 42, 42, 0.45);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.film-toggle .i-play { display: none; }
.film-toggle[data-paused="true"] .i-play { display: block; }
.film-toggle[data-paused="true"] .i-pause { display: none; }

/* Nav: clear over the film, white once the page moves. */
.nav { position: fixed; inset: 0 0 auto; z-index: 20; padding-top: env(safe-area-inset-top, 0px); transition: background 0.3s, box-shadow 0.3s; }
.nav-in { display: flex; align-items: center; justify-content: space-between; height: 60px; }
.nav-logo { display: flex; align-items: center; min-height: 44px; }
.nav-logo img { height: 25px; width: auto; }
.logo-dark { display: none; }
.nav[data-solid="true"] { background: rgba(255, 255, 255, 0.92); -webkit-backdrop-filter: saturate(1.4) blur(14px); backdrop-filter: saturate(1.4) blur(14px); box-shadow: 0 1px 0 var(--line); }
.nav[data-solid="true"] .logo-light { display: none; }
.nav[data-solid="true"] .logo-dark { display: block; }
.nav-right { display: flex; align-items: center; gap: 8px; }
.nav-chat { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; color: #fff; }
.nav[data-solid="true"] .nav-chat { color: var(--teal); }
.nav-notes { min-height: 40px; padding: 0 16px; border-radius: 100px; font-size: 13px; font-weight: 600; color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55); }
.nav[data-solid="true"] .nav-notes { color: var(--teal); box-shadow: inset 0 0 0 1px var(--line); }
.nav-cta { display: none; }
@media (min-width: 760px) { .nav-cta { display: inline-flex; min-height: 40px; padding: 0 20px; font-size: 12px; } }

/* The pinned bar: one button for the whole page on phones. Sections with their own button mark themselves data-hide-bar. */
.bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 30;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding-top: 10px; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px));
  background: rgba(255, 255, 255, 0.95); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  box-shadow: 0 -1px 0 var(--line), 0 -10px 30px rgba(10, 42, 42, 0.08);
  transition: transform 0.35s var(--ease);
}
.bar[data-hidden="true"] { transform: translateY(110%); }
.bar-text { display: grid; line-height: 1.2; min-width: 0; }
.bar-text strong { font-size: 15px; color: var(--teal); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bar-text span { font-size: 13px; color: var(--muted); }
.bar .btn { min-height: 48px; padding: 0 20px; font-size: 12px; flex: none; }
@media (min-width: 760px) { .bar { display: none; } }

/* Section 2 marker, kept for any section still being built elsewhere. */
.marker { background: var(--mist); padding-block: 18px; font-size: 14px; color: var(--muted); }
.marker b { color: var(--teal); }

/* Layer 2: one sheet, filled from the template a section names. A sheet on phones, a side panel on desktop. */
.sheet { position: fixed; inset: 0; z-index: 50; }
.sheet-backdrop { position: absolute; inset: 0; background: rgba(10, 42, 42, 0.5); animation: fade 0.25s both; }
.sheet-panel {
  position: absolute; left: 0; right: 0; bottom: 0; max-height: 88svh; overflow: auto; overscroll-behavior: contain;
  background: #fff; color: var(--text); border-radius: 24px 24px 0 0;
  padding-top: 18px; padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px));
  padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px));
  animation: up 0.35s var(--ease) both;
}
@media (min-width: 760px) {
  .sheet-panel { left: auto; top: 0; width: min(480px, 100vw); max-height: none; border-radius: 24px 0 0 24px; padding: 32px 36px; animation-name: in; }
}
@media (max-width: 759px) { .sheet[data-wide="true"] .sheet-panel { max-height: 94svh; } }
@media (min-width: 760px) { .sheet[data-wide="true"] .sheet-panel { width: min(920px, 100vw); } }
@keyframes up { from { transform: translateY(100%); } }
@keyframes in { from { transform: translateX(100%); } }
@keyframes fade { from { opacity: 0; } }
/* Pinned at the top right without a float, so the body keeps the panel's full width. */
.sheet-close { position: sticky; top: 0; z-index: 3; display: grid; place-items: center; width: 44px; height: 44px; margin-left: auto; margin-bottom: -44px; border-radius: 50%; background: var(--mist); color: var(--teal); }
.sheet-body { display: grid; gap: 28px; }
.sheet-body > section { display: grid; gap: 12px; }
.sheet-body h3 { font-size: 26px; font-weight: 600; letter-spacing: -0.025em; line-height: 1.1; color: var(--teal); padding-right: 52px; }
.sheet-body h4 { font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }
.sheet-body p, .sheet-body li { font-size: 16px; line-height: 1.5; }
.sheet-body a { color: var(--teal); text-underline-offset: 3px; }
.small { font-size: 13.5px !important; color: var(--muted); }
.points li { display: grid; gap: 2px; padding-block: 10px; border-bottom: 1px solid var(--line); }
.points li:last-child { border-bottom: 0; }
.points b { color: var(--teal); }
.notes-list { display: grid; gap: 14px; }
.notes-list li { display: grid; gap: 4px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.notes-list li:last-child { border-bottom: 0; }
.notes-list b { color: var(--teal); font-size: 16px; }
.notes-list span { font-size: 15px; line-height: 1.45; }
.flag { display: inline-block; padding: 1px 8px; border-radius: 100px; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; background: #FFF3D6; color: #6B4A05; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

#unit-hero{
  --cf-deep: #0a2a2a;
  --cf-lime: #a4cd3a;
  --cf-ink: #144444;
  --cf-muted: #637272;
  --cf-line: #e8e8e8;
  --pm-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --font: "Work Sans", ui-sans-serif, system-ui, sans-serif;
}
:where(#unit-hero) *,:where(#unit-hero) *::before,:where(#unit-hero) *::after{
  box-sizing: border-box;
}
#unit-hero{
  margin: 0;
  background: #fff;
  color: var(--cf-ink);
  font: 400 16px/1.5 var(--font);
  -webkit-font-smoothing: antialiased;
}
:where(#unit-hero) h1,:where(#unit-hero) h2,:where(#unit-hero) p,:where(#unit-hero) ul{
  margin: 0;
}
:where(#unit-hero) p{
  text-wrap: pretty;
}
:where(#unit-hero) ul{
  padding: 0;
  list-style: none;
}
:where(#unit-hero) .cf-nav{
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 64px;
  padding: 0 20px;
  border-bottom: 1px solid transparent;
  color: #fff;
  transition:
    background-color 0.5s var(--pm-ease),
    border-color 0.5s var(--pm-ease);
}
:where(#unit-hero) .cf-nav[data-top="false"]{
  border-bottom-color: var(--cf-line);
  background: rgb(255 255 255 / 96%);
  color: var(--cf-ink);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
:where(#unit-hero) .cf-logo img{
  display: block;
  width: 118px;
  height: 32px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
:where(#unit-hero) .cf-nav[data-top="false"] .cf-logo img{
  filter: brightness(0) saturate(100%) invert(20%) sepia(22%) saturate(1000%)
    hue-rotate(132deg) brightness(90%) contrast(95%);
}
:where(#unit-hero) .cf-nav nav,:where(#unit-hero) .cf-nav-order{
  display: none;
}
:where(#unit-hero) .cf-menu{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-right: -10px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
}
:where(#unit-hero) .cf-menu svg{
  width: 23px;
  height: 23px;
}
:where(#unit-hero) .cf-hero{
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  margin-top: -64px;
  background: var(--cf-deep);
  color: #fff;
}
:where(#unit-hero) .cf-hero-media{
  position: relative;
  flex: none;
  height: calc(64px + 62.5vw);
  overflow: hidden;
}
:where(#unit-hero) .cf-hero-media::before,:where(#unit-hero) .cf-hero-media::after{
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
:where(#unit-hero) .cf-hero-media::before{
  inset: 0 0 auto;
  height: 110px;
  background: linear-gradient(rgb(5 24 24 / 55%), transparent);
}
:where(#unit-hero) .cf-hero-media::after{
  inset: auto 0 0;
  height: 28%;
  background: linear-gradient(transparent, var(--cf-deep));
}
:where(#unit-hero) .pm-film{
  position: absolute;
  inset: 0;
  margin: 0;
  background: var(--cf-deep);
}
:where(#unit-hero) .pm-film video{
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 60% center;
}
:where(#unit-hero) .cf-hero-shade{
  display: none;
}
:where(#unit-hero) .cf-hero-copy{
  position: relative;
  z-index: 2;
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 6px 0 26px;
}
:where(#unit-hero) .cf-community{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  margin-bottom: 8px;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  font: 400 12px/18px var(--font);
}
:where(#unit-hero) .cf-community svg{
  width: 14px;
  height: 14px;
  color: var(--cf-lime);
}
:where(#unit-hero) .cf-hero h1{
  max-width: 770px;
  font-size: clamp(36px, 10vw, 52px);
  font-weight: 500;
  line-height: 1.045;
  letter-spacing: -0.06em;
}
:where(#unit-hero) .cf-hero h1 br{
  display: none;
}
:where(#unit-hero) .cf-hero h1 span{
  display: block;
}
:where(#unit-hero) .cf-hero-lede{
  margin-top: 14px;
  color: #f0f3f3;
  font-size: 16px;
  line-height: 1.5;
}
:where(#unit-hero) .cf-hero-lede strong{
  color: #fff;
  font-weight: 600;
}
:where(#unit-hero) .cf-hero-actions{
  margin-top: 16px;
}
:where(#unit-hero) .cf-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 214px;
  min-height: 54px;
  padding: 16px 26px;
  border: 1px solid transparent;
  border-radius: 100px;
  background: var(--cf-lime);
  color: var(--cf-deep);
  font: 700 13px/19.5px var(--font);
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
}
:where(#unit-hero) .cf-hero-actions > p{
  margin-top: 8px;
  color: #e4eaea;
  font-size: 12px;
  line-height: 18px;
}
:where(#unit-hero) .cf-hero-base{
  position: relative;
  z-index: 2;
  border-top: 1px solid rgb(255 255 255 / 20%);
  background: rgb(5 24 24 / 30%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
:where(#unit-hero) .cf-hero-facts{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 20px;
  color: #fff;
  font: 500 13px/1.4 var(--font);
}
:where(#unit-hero) .cf-hero-facts li{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 8px;
  border-right: 1px solid rgb(255 255 255 / 16%);
  text-align: center;
}
:where(#unit-hero) .cf-hero-facts li:nth-child(2n){
  border-right: 0;
}
:where(#unit-hero) .cf-hero-facts li:nth-child(-n + 2){
  border-bottom: 1px solid rgb(255 255 255 / 16%);
}
:where(#unit-hero) .pm-film-toggle{
  position: absolute;
  z-index: 3;
  right: 20px;
  bottom: 14px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgb(255 255 255 / 55%);
  border-radius: 50%;
  background: rgb(5 24 24 / 72%);
  color: #fff;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  cursor: pointer;
}
:where(#unit-hero) .pm-film-toggle svg{
  width: 14px;
  height: 14px;
}
:where(#unit-hero) .pm-film-toggle .i-play,:where(#unit-hero) .pm-film-toggle[data-playing="false"] .i-pause{
  display: none;
}
:where(#unit-hero) .pm-film-toggle[data-playing="false"] .i-play{
  display: block;
}
:where(#unit-hero) .cf-order-bar{
  display: none;
}
@media (max-width: 700px) {:where(#unit-hero) .cf-order-bar{
    position: fixed;
    inset: auto 0 0;
    z-index: 29;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px max(20px, env(safe-area-inset-right, 0px)) max(10px, env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-left, 0px));
    border-top: 1px solid var(--cf-line);
    background: rgb(255 255 255 / 97%);
    box-shadow: 0 -8px 24px rgb(20 68 68 / 10%);
    color: var(--cf-ink);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    transform: translateY(110%);
    visibility: hidden;
    transition:
      transform 0.28s ease,
      visibility 0s linear 0.28s;
  }
:where(#unit-hero) .cf-order-bar[data-on="true"]{
    transform: none;
    visibility: visible;
    transition: transform 0.28s ease;
  }
:where(#unit-hero) .cf-order-bar p{
    display: grid;
    min-width: 0;
    line-height: 1.3;
  }
:where(#unit-hero) .cf-order-bar strong{
    font-size: 15px;
    font-weight: 650;
  }
:where(#unit-hero) .cf-order-bar p > span{
    color: var(--cf-muted);
    font-size: 12.5px;
  }
:where(#unit-hero) .cf-order-bar .cf-button{
    flex: none;
    min-width: 0;
    min-height: 46px;
    padding: 12px 18px;
  }}
@media (max-width: 400px) {:where(#unit-hero) .cf-order-extra{
    display: none;
  }}
@media (min-width: 701px) {:where(#unit-hero) .cf-nav{
    gap: 24px;
    height: 76px;
    padding: 0 max(48px, calc((100% - 1200px) / 2));
  }
:where(#unit-hero) .cf-logo img{
    width: 156px;
    height: 40px;
  }
:where(#unit-hero) .cf-nav-order{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 13px 21px;
    border-radius: 50px;
    box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / 70%);
    color: #fff;
    font: 700 13px/19.5px var(--font);
    letter-spacing: 0.06em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
  }
:where(#unit-hero) .cf-nav[data-top="false"] .cf-nav-order{
    background: var(--cf-ink);
    box-shadow: none;
  }
:where(#unit-hero) .cf-hero{
    display: grid;
    grid-template-rows: 1fr auto;
    min-height: min(100svh, 1080px);
    margin-top: -76px;
  }
:where(#unit-hero) .cf-hero-media{
    position: absolute;
    inset: 0;
    height: auto;
  }
:where(#unit-hero) .cf-hero-media::before,:where(#unit-hero) .cf-hero-media::after{
    display: none;
  }
:where(#unit-hero) .pm-film video{
    object-position: 67% center;
  }
:where(#unit-hero) .cf-hero-shade{
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    pointer-events: none;
    background:
      linear-gradient(180deg, rgb(5 24 24 / 66%) 0, transparent 150px),
      linear-gradient(90deg, rgb(5 24 24 / 88%) 0%, rgb(5 24 24 / 70%) 30%, rgb(5 24 24 / 8%) 64%, transparent 80%),
      linear-gradient(0deg, rgb(5 24 24 / 55%), transparent 22%);
  }
:where(#unit-hero) .cf-hero-copy{
    align-self: center;
    width: min(1200px, calc(100% - 96px));
    padding: 124px 0 56px;
  }
:where(#unit-hero) .cf-community{
    margin-bottom: 19px;
    font-size: 14px;
    line-height: 21px;
  }
:where(#unit-hero) .cf-hero h1{
    font-size: clamp(46px, 5.15vw, 76px);
    line-height: 1.035;
  }
:where(#unit-hero) .cf-hero h1 br{
    display: inline;
  }
:where(#unit-hero) .cf-hero h1 span{
    display: inline;
  }
:where(#unit-hero) .cf-hero-lede{
    max-width: 520px;
    margin-top: 25px;
    font-size: 18px;
    line-height: 1.55;
  }
:where(#unit-hero) .cf-hero-actions{
    margin-top: 28px;
  }
:where(#unit-hero) .cf-hero-actions > p{
    margin-top: 12px;
    font-size: 13px;
    line-height: 19.5px;
  }
:where(#unit-hero) .cf-hero-facts{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: min(1200px, calc(100% - 96px));
    margin: 0 auto;
    font-size: 14px;
  }
:where(#unit-hero) .cf-hero-facts li{
    min-height: 72px;
    padding: 16px;
    border-right: 1px solid rgb(255 255 255 / 16%);
  }
:where(#unit-hero) .cf-hero-facts li:nth-child(-n + 2){
    border-bottom: 0;
  }
:where(#unit-hero) .cf-hero-facts li:nth-child(2n){
    border-right: 1px solid rgb(255 255 255 / 16%);
  }
:where(#unit-hero) .cf-hero-facts li:last-child{
    border-right: 0;
  }
:where(#unit-hero) .pm-film-toggle{
    right: max(48px, calc(50% - 600px));
    bottom: 100px;
  }}
@media (min-width: 701px) and (max-width: 991px) {:where(#unit-hero) .cf-nav nav{
    display: none;
  }}
@media (min-width: 992px) {:where(#unit-hero) .cf-nav nav{
    display: flex;
    gap: 30px;
    font-size: 14px;
    line-height: 21px;
  }
:where(#unit-hero) .cf-nav nav a{
    padding: 12px 0;
    color: inherit;
    text-decoration: none;
  }
:where(#unit-hero) .cf-menu{
    display: none;
  }}
@media (prefers-reduced-motion: no-preference) {#unit-hero.js:not(.ready) :is(.cf-hero-copy > *, .cf-hero-base){
    opacity: 0;
  }
#unit-hero.ready .cf-hero-copy > *{
    animation: hero-pm-rise 1.2s var(--pm-ease) both;
  }
#unit-hero.ready .cf-hero-copy > :nth-child(2){
    animation-delay: 0.1s;
  }
#unit-hero.ready .cf-hero-copy > :nth-child(3){
    animation-delay: 0.22s;
  }
#unit-hero.ready .cf-hero-copy > :nth-child(4){
    animation-delay: 0.34s;
  }
#unit-hero.ready .pm-film video{
    animation: hero-pm-settle 2.8s var(--pm-ease) both;
  }
#unit-hero.ready .cf-hero-base{
    animation: hero-pm-fade 1.4s 0.5s var(--pm-ease) both;
  }}
@media (prefers-reduced-motion: reduce) {:where(#unit-hero) *,:where(#unit-hero) *::before,:where(#unit-hero) *::after{
    animation: none !important;
    transition: none !important;
  }}
@keyframes hero-pm-rise {
  from {
    opacity: 0;
    transform: translateY(26px);
  }
}
@keyframes hero-pm-settle {
  from {
    transform: scale(1.06);
  }
}
@keyframes hero-pm-fade {
  from {
    opacity: 0;
  }
}
:where(#unit-hero) .next{
  min-height: 90svh;
  padding: 48px 20px 160px;
  color: var(--cf-ink);
}
:where(#unit-hero) .next h2{
  font-size: 32.76px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.05em;
}
:where(#unit-hero) .next p{
  margin-top: 12px;
  color: var(--cf-muted);
  font-size: 13px;
}
@media (min-width: 701px) {:where(#unit-hero) .next{
    padding: 64px max(48px, calc((100% - 1200px) / 2)) 200px;
  }
:where(#unit-hero) .next h2{
    font-size: 58px;
  }}
:where(#unit-hero) .cf-hero-facts{ font-size: 14px; }
#unit-hero.js:not(.ready) :is(.cf-hero-copy > *, .cf-hero-base){ opacity: 1; }
#unit-hero.ready .cf-hero-copy > *,#unit-hero.ready .cf-hero-base,#unit-hero.ready .pm-film video{ animation: none; }
:where(#unit-hero) .cf-button:focus-visible,:where(#unit-hero) .cf-community:focus-visible,:where(#unit-hero) .pm-film-toggle:focus-visible{
  outline: 3px solid #fff; outline-offset: 4px;
}
@media (max-width:700px) {:where(#unit-hero) .cf-hero-lede span{ display: block; }}
@media (max-width:700px) {#unit-hero[data-button="pill"] .cf-hero-actions .cf-button,#unit-hero[data-button="rounded"] .cf-hero-actions .cf-button{
    display:flex; width:100%; min-width:0;
  }
#unit-hero[data-button="rounded"] .cf-hero-actions .cf-button{ border-radius:14px; }
#unit-hero[data-button="wide"] .cf-hero-actions .cf-button{
    display:flex; width:88%; min-width:0;
  }}
#unit-hero[data-points="quiet"] .cf-hero-base{
  background:transparent; border-top-color:rgb(255 255 255 / 12%);
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
#unit-hero[data-points="quiet"] .cf-hero-facts{ padding:13px 0; gap:12px 18px; }
#unit-hero[data-points="quiet"] .cf-hero-facts li{
  min-height:24px; padding:0; border:0; justify-content:flex-start; gap:9px; text-align:left;
}
#unit-hero[data-points="split"] .cf-hero-base{
  background:transparent; border-top-color:rgb(255 255 255 / 12%);
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
#unit-hero[data-points="split"] .cf-hero-facts{ grid-template-columns:repeat(3,minmax(0,1fr)); }
#unit-hero[data-points="split"] .cf-hero-facts li{
  min-height:64px; padding:12px 6px; border:0; font-size:13px; line-height:1.4;
}
:where(#unit-hero) .cf-hero-actions .cf-reassurance{
  color:#e4eaea; margin-top:9px; font-size:12px; line-height:18px;
}
@media (min-width:701px) {#unit-hero[data-points="quiet"] .cf-hero-facts{ gap:20px; padding:22px 0; }
#unit-hero[data-points="split"] .cf-hero-facts li{ min-height:72px; font-size:14px; }}
#unit-hero[data-points="quiet"] .cf-hero-facts{ gap: 10px 16px; padding: 18px 0 12px; }
#unit-hero[data-points="quiet"] .cf-hero-facts li{ display:block; min-height:40px; line-height:1.45; text-wrap:balance; }
:where(#unit-hero) .cf-claim-mark{ color:inherit; text-decoration:none; vertical-align:super; font-size:10px; margin-left:1px; }
:where(#unit-hero) .cf-claim-mark:focus-visible,:where(#unit-hero) .cf-research-note a:focus-visible{ outline:2px solid var(--cf-lime); outline-offset:4px; }
:where(#unit-hero) .cf-research-note{ max-width:1200px; margin:0 20px; padding:0 0 20px; font-size:12px; line-height:1.5; color:#b9c8c8; scroll-margin-top:80px; }
:where(#unit-hero) .cf-research-note a{ color:inherit; text-underline-offset:3px; }
@media(min-width:701px) {:where(#unit-hero) .cf-research-note{ margin:0 auto; padding:0 48px 18px; }
#unit-hero[data-points="quiet"] .cf-hero-facts li{ min-height:24px; }}
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;450;500;550;600&display=swap");
#unit-nutrition{color-scheme:light;--ink:#144444;--muted:#59706a;--line:#dce5dd;--lime:#b4d748;--paper:#fff;--soft:#f4f6ee;--dark:#143f3e;font-family:"Work Sans",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
:where(#unit-nutrition) *{box-sizing:border-box}
#unit-nutrition{margin:0}
:where(#unit-nutrition) button,:where(#unit-nutrition) a,:where(#unit-nutrition) summary{-webkit-tap-highlight-color:transparent}
:where(#unit-nutrition) button,:where(#unit-nutrition) select{font:inherit}
:where(#unit-nutrition) a{color:inherit;text-underline-offset:4px}
:where(#unit-nutrition) button,:where(#unit-nutrition) summary{cursor:pointer}
:where(#unit-nutrition) button:focus-visible,:where(#unit-nutrition) a:focus-visible,:where(#unit-nutrition) summary:focus-visible{outline:3px solid #86aa27;outline-offset:5px}
:where(#unit-nutrition) h1,:where(#unit-nutrition) h2,:where(#unit-nutrition) h3,:where(#unit-nutrition) p,:where(#unit-nutrition) figure{margin:0}
:where(#unit-nutrition) button{color:inherit}
:where(#unit-nutrition) ::selection{background:#dceda1;color:var(--ink)}
:where(#unit-nutrition) .review-line{font-size:12px;padding:12px 20px;background:#f4f6ee;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
:where(#unit-nutrition) .review-line a{font-weight:500}
:where(#unit-nutrition) .embedded .review-line{display:none}
:where(#unit-nutrition) .nutrition{max-width:1120px;margin:auto}
:where(#unit-nutrition) .product{padding:39px 25px 0}
:where(#unit-nutrition) .eyebrow{font-size:10px;font-weight:550;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
:where(#unit-nutrition) .product .eyebrow{color:var(--muted);margin-bottom:13px}
:where(#unit-nutrition) h1{font-size:clamp(35px,9.5vw,43px);font-weight:500;line-height:1.04;letter-spacing:-.065em}
:where(#unit-nutrition) h1 span{display:block}
:where(#unit-nutrition) .intro{font-size:16px;line-height:1.52;letter-spacing:-.025em;margin-top:16px;max-width:420px}
:where(#unit-nutrition) .packshot{height:235px;position:relative;margin:17px -25px 0;overflow:hidden;isolation:isolate}
:where(#unit-nutrition) .box{position:absolute;width:64%;height:auto;left:9%;top:1%;filter:drop-shadow(0 8px 12px #153e3911)}
:where(#unit-nutrition) .hand{position:absolute;width:58%;height:auto;right:-4%;top:32%;z-index:1}
:where(#unit-nutrition) .ingredients{font-size:11px;line-height:1.6;color:var(--muted);text-align:center;max-width:380px;margin:0 auto}
:where(#unit-nutrition) .portion{padding:18px 0 21px;margin-top:19px;border-top:1px solid var(--line)}
:where(#unit-nutrition) .portion strong{display:block;font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.035em}
:where(#unit-nutrition) .portion p{font-size:12px;line-height:1.55;margin-top:6px;color:var(--muted)}
:where(#unit-nutrition) .proof{padding:23px 25px;background:var(--dark);color:white}
:where(#unit-nutrition) .proof .eyebrow{color:#d2e1ce}
:where(#unit-nutrition) .stat{display:flex;gap:10px;align-items:baseline;margin:13px 0 4px}
:where(#unit-nutrition) .up-to{font-size:15px;font-weight:450}
:where(#unit-nutrition) .big-number{color:var(--lime);font-size:96px;font-weight:500;letter-spacing:-.08em;line-height:.95}
:where(#unit-nutrition) .big-number .times{font-size:.64em;letter-spacing:-.06em}
:where(#unit-nutrition) .proof-copy{font-size:21px;line-height:1.25;letter-spacing:-.035em;font-weight:450;max-width:350px}
:where(#unit-nutrition) .proof-compare{font-size:12px;color:#d2e1ce;line-height:1.5;margin-top:9px}
:where(#unit-nutrition) .source-link{display:inline-flex;align-items:center;gap:11px;font-size:11px;line-height:1.5;margin-top:16px;min-height:28px;color:#e4eddf}
:where(#unit-nutrition) .source-link span{color:var(--lime);font-size:17px}
:where(#unit-nutrition) .weight{margin-top:16px;border-top:1px solid #ffffff36;padding-top:15px}
:where(#unit-nutrition) .weight-title{font-size:10px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#d2e1ce}
:where(#unit-nutrition) .equation{display:grid;grid-template-columns:1fr 32px 1.1fr;gap:10px;align-items:center;margin-top:12px}
:where(#unit-nutrition) .quantity{font-size:40px;line-height:1;letter-spacing:-.065em;font-weight:450;white-space:nowrap}
:where(#unit-nutrition) .quantity small{font-size:20px;letter-spacing:-.03em}
:where(#unit-nutrition) .q-label{font-size:11px;line-height:1.4;margin-top:6px;color:#d2e1ce}
:where(#unit-nutrition) .eq-symbol{font-size:27px;color:var(--lime);text-align:center}
:where(#unit-nutrition) .weight-caption{font-size:11px;line-height:1.5;color:#d2e1ce;max-width:440px;margin-top:13px}
:where(#unit-nutrition) .claim-note{font-size:11px;line-height:1.6;color:#c9dac9;border-top:1px solid #ffffff36;padding-top:14px;margin-top:18px}
:where(#unit-nutrition) .explore{padding:6px 25px 0}
:where(#unit-nutrition) details{border-bottom:1px solid var(--line)}
:where(#unit-nutrition) summary{list-style:none;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:17px;padding:19px 0}
:where(#unit-nutrition) summary::-webkit-details-marker{display:none}
:where(#unit-nutrition) .row-title{display:block;font-size:18px;font-weight:500;letter-spacing:-.035em;line-height:1.25}
:where(#unit-nutrition) .row-intro{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:5px}
:where(#unit-nutrition) .plus{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--lime);font-size:21px;line-height:1;font-weight:400}
:where(#unit-nutrition) .plus::before{content:"+"}
:where(#unit-nutrition) details[open] .plus::before{content:"−"}
:where(#unit-nutrition) .answer{padding:0 0 22px;font-size:14px;line-height:1.65;color:#355b53;max-width:660px}
:where(#unit-nutrition) .answer p+p{margin-top:11px}
:where(#unit-nutrition) .answer a{font-size:12px}
:where(#unit-nutrition) .answer .source-pair{display:flex;gap:14px;flex-wrap:wrap;margin-top:13px}
:where(#unit-nutrition) .six{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:12px 0;gap:0 16px}
:where(#unit-nutrition) .six li{font-size:13px;border-bottom:1px solid var(--line);padding:8px 0}
:where(#unit-nutrition) .use-note{font-size:12px;color:var(--muted);margin-top:12px}
:where(#unit-nutrition) .research{scroll-margin-top:22px}
:where(#unit-nutrition) .research summary .row-title{font-size:14px}
:where(#unit-nutrition) .research summary .row-intro{font-size:11px}
:where(#unit-nutrition) .research .plus{background:var(--soft)}
:where(#unit-nutrition) .closing{padding:23px 25px 30px;font-size:17px;line-height:1.35;font-weight:500;letter-spacing:-.035em}
:where(#unit-nutrition) .research-flag{font-size:10px;font-weight:400;color:var(--muted);line-height:1.6;margin-top:11px;letter-spacing:0}
@media(min-width:700px){:where(#unit-nutrition) .product{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;align-items:center;padding:65px 60px 24px}
:where(#unit-nutrition) .product-copy{grid-column:1;grid-row:1}
:where(#unit-nutrition) h1{font-size:clamp(43px,4.5vw,62px)}
:where(#unit-nutrition) .intro{font-size:18px}
:where(#unit-nutrition) .product-visual{grid-column:2;grid-row:1/3}
:where(#unit-nutrition) .packshot{height:335px;margin:-10px -20px 0}
:where(#unit-nutrition) .box{width:67%;left:6%;top:0}
:where(#unit-nutrition) .hand{width:60%;top:35%;right:-3%}
:where(#unit-nutrition) .portion{grid-column:1;margin-top:25px;padding-bottom:0}
:where(#unit-nutrition) .proof{padding:38px 60px;display:grid;grid-template-columns:1fr 1fr;column-gap:65px}
:where(#unit-nutrition) .weight{border:0;border-left:1px solid #ffffff36;padding:0 0 0 50px;margin:0;align-self:center}
:where(#unit-nutrition) .quantity{font-size:54px}
:where(#unit-nutrition) .claim-note{grid-column:1/-1}
:where(#unit-nutrition) .explore{padding:8px 60px 0}
:where(#unit-nutrition) .closing{padding:25px 60px 42px}
:where(#unit-nutrition) .row-title{font-size:20px}
:where(#unit-nutrition) .row-intro{font-size:13px}}
@media(max-width:359px){:where(#unit-nutrition) .product{padding:30px 20px 0}
:where(#unit-nutrition) .packshot{height:239px;margin-left:-20px;margin-right:-20px}
:where(#unit-nutrition) .proof{padding:23px 20px}
:where(#unit-nutrition) .explore{padding-left:20px;padding-right:20px}
:where(#unit-nutrition) .closing{padding-left:20px;padding-right:20px}
:where(#unit-nutrition) h1{font-size:35px}
:where(#unit-nutrition) .intro{font-size:15px}
:where(#unit-nutrition) .row-title{font-size:16px}
:where(#unit-nutrition) .row-intro{font-size:11px}
:where(#unit-nutrition) .quantity{font-size:36px}
:where(#unit-nutrition) .big-number{font-size:96px}}
@media(prefers-reduced-motion:reduce){:where(#unit-nutrition) *,:where(#unit-nutrition) *::before,:where(#unit-nutrition) *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
:where(#unit-nutrition) .integrated{padding:29px 24px 22px;overflow:hidden}
:where(#unit-nutrition) .integrated>.eyebrow{color:var(--muted);letter-spacing:.13em}
:where(#unit-nutrition) .header-canvas{position:relative;min-height:292px;margin:13px -24px 0;isolation:isolate}
:where(#unit-nutrition) .headline{position:relative;z-index:2;padding-left:24px;width:54%}
:where(#unit-nutrition) .headline h1{font-size:inherit;line-height:1;font-weight:500;letter-spacing:0}
:where(#unit-nutrition) .headline h1 span{display:block}
:where(#unit-nutrition) .up{font-size:20px;line-height:1.2;font-weight:450;letter-spacing:-.03em}
:where(#unit-nutrition) .hero-number{font-size:clamp(109px,32vw,132px);line-height:.99;letter-spacing:-.085em;font-weight:500;margin:1px 0 0 -5px}
:where(#unit-nutrition) .headline h1 .hero-times{display:inline;font-size:.7em;letter-spacing:-.065em}
:where(#unit-nutrition) .hero-claim{font-size:19px;line-height:1.24;letter-spacing:-.035em;max-width:172px;margin-top:13px;font-weight:450}
:where(#unit-nutrition) .comparison-context{font-size:11px;line-height:1.5;color:var(--muted);margin-top:12px;max-width:167px}
:where(#unit-nutrition) .hero-product{position:absolute;inset:0;z-index:1;pointer-events:none}
:where(#unit-nutrition) .hero-box{position:absolute;width:45%;max-width:245px;height:auto;right:-1.5%;top:91px;filter:drop-shadow(0 10px 13px #173e3415)}
:where(#unit-nutrition) .product-halo{position:absolute;right:-18%;top:156px;width:72%;height:138px;background:#f3f6e9;border-radius:50%;z-index:-1}
:where(#unit-nutrition) .source-row{display:flex;align-items:baseline;gap:10px;justify-content:space-between;flex-wrap:wrap;padding-top:13px;border-top:1px solid var(--line)}
:where(#unit-nutrition) .source-row a{font-size:12px;font-weight:500;line-height:1.5;min-height:26px;display:inline-flex;align-items:center;gap:11px}
:where(#unit-nutrition) .source-row>span{font-size:10px;line-height:1.5;color:var(--muted)}
:where(#unit-nutrition) .scope{font-size:10px;line-height:1.6;color:var(--muted);margin-top:6px;max-width:560px}
:where(#unit-nutrition) .daily{position:relative;display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;align-items:center;min-height:142px;margin:24px 0 0;border-radius:10px;background:#f2f5e9;isolation:isolate}
:where(#unit-nutrition) .daily-image{position:relative;height:142px}
:where(#unit-nutrition) .daily-image img{position:absolute;width:184px;height:auto;max-width:none;left:-85px;top:4px;transform:scaleX(-1) rotate(-4deg);filter:drop-shadow(0 4px 5px #1b392610)}
:where(#unit-nutrition) .daily-copy{padding:18px 14px 18px 0;position:relative;z-index:1}
:where(#unit-nutrition) .daily strong{display:block;font-size:21px;line-height:1.13;font-weight:500;letter-spacing:-.045em}
:where(#unit-nutrition) .daily p{font-size:12px;line-height:1.5;color:#4d695c;margin-top:9px}
:where(#unit-nutrition) .daily .amount{font-weight:550}
:where(#unit-nutrition) .integrated>.ingredients{font-size:10px;line-height:1.7;margin-top:14px;max-width:320px}
:where(#unit-nutrition) .perspective{padding:28px 24px 26px;background:#163f3e;color:#fff}
:where(#unit-nutrition) .perspective>.eyebrow{color:#c6d6c7;font-size:9px;letter-spacing:.12em}
:where(#unit-nutrition) .perspective h2{font-size:25px;line-height:1.2;font-weight:450;letter-spacing:-.05em;margin-top:9px}
:where(#unit-nutrition) .botanical-comparison,:where(#unit-nutrition) .measured-comparison{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:8px;margin-top:11px}
:where(#unit-nutrition) .specimen,:where(#unit-nutrition) .grid-specimen{text-align:center}
:where(#unit-nutrition) .drawing{height:128px;display:flex;align-items:flex-end;justify-content:center}
:where(#unit-nutrition) .drawing img{width:100%;max-width:168px;height:128px;object-fit:contain}
:where(#unit-nutrition) .young .drawing img{max-width:138px;height:114px}
:where(#unit-nutrition) .measure{font-size:51px;font-weight:450;letter-spacing:-.07em;line-height:1.08;white-space:nowrap;margin-top:5px}
:where(#unit-nutrition) .measure span{font-size:22px;letter-spacing:-.045em}
:where(#unit-nutrition) .specimen-label{font-size:12px;line-height:1.45;color:#dfebde;margin-top:5px}
:where(#unit-nutrition) .comparison-mark{align-self:center;transform:translateY(-12px);font-size:27px;color:#b4d748;text-align:center}
:where(#unit-nutrition) .graphic-caption{font-size:11px;line-height:1.55;color:#e0ebda;margin-top:24px;padding-top:14px;border-top:1px solid #ffffff29}
:where(#unit-nutrition) .graphic-scope{font-size:10px;line-height:1.55;color:#c4d7ca;margin-top:7px;max-width:480px}
:where(#unit-nutrition) .explore{padding-top:3px;padding-bottom:18px}
:where(#unit-nutrition) .row-title,:where(#unit-nutrition) .research summary .row-title{font-size:17px}
:where(#unit-nutrition) .research summary .row-intro{font-size:12px}
:where(#unit-nutrition) .research summary .plus{background:#f1f5e7}
:where(#unit-nutrition) .explore summary{min-height:81px}
:where(#unit-nutrition) .measured-comparison{margin-top:25px}
:where(#unit-nutrition) .ounce-field{height:110px;display:grid;align-content:center;justify-content:center;gap:4px;grid-template-columns:repeat(8,11px)}
:where(#unit-nutrition) .ounce{display:block;width:11px;height:11px;border-radius:2px;background:#c3d5cc}
:where(#unit-nutrition) .one{grid-template-columns:11px}
:where(#unit-nutrition) .one .ounce{background:#b4d748}
:where(#unit-nutrition) .measured .measure{margin-top:14px}
:where(#unit-nutrition) .legend{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#dce7d9;margin-top:22px}
:where(#unit-nutrition) .legend>span{width:8px;height:8px;border-radius:1px;background:#c3d5cc}
:where(#unit-nutrition) .measured .graphic-caption{margin-top:19px}
@media(max-width:359px){:where(#unit-nutrition) .integrated{padding-left:20px;padding-right:20px}
:where(#unit-nutrition) .header-canvas{margin-left:-20px;margin-right:-20px;min-height:280px}
:where(#unit-nutrition) .headline{padding-left:20px;width:53%}
:where(#unit-nutrition) .hero-number{font-size:106px}
:where(#unit-nutrition) .hero-claim{font-size:18px;max-width:141px}
:where(#unit-nutrition) .comparison-context{font-size:10px;max-width:140px;margin-top:10px}
:where(#unit-nutrition) .hero-box{width:45%;right:-2%;top:99px}
:where(#unit-nutrition) .product-halo{height:125px;top:147px}
:where(#unit-nutrition) .source-row{gap:2px 9px}
:where(#unit-nutrition) .source-row>span{font-size:9px}
:where(#unit-nutrition) .daily{grid-template-columns:83px minmax(0,1fr);gap:8px;margin-top:22px}
:where(#unit-nutrition) .daily-image img{width:166px;left:-84px;top:12px}
:where(#unit-nutrition) .daily strong{font-size:20px}
:where(#unit-nutrition) .daily-copy{padding-right:12px}
:where(#unit-nutrition) .daily p{font-size:11px}
:where(#unit-nutrition) .perspective{padding-left:20px;padding-right:20px}
:where(#unit-nutrition) .perspective h2{font-size:23px}
:where(#unit-nutrition) .drawing{height:114px}
:where(#unit-nutrition) .drawing img{height:111px}
:where(#unit-nutrition) .young .drawing img{height:100px}
:where(#unit-nutrition) .measure{font-size:44px}
:where(#unit-nutrition) .measure span{font-size:20px}
:where(#unit-nutrition) .specimen-label{font-size:11px}
:where(#unit-nutrition) .ounce-field{grid-template-columns:repeat(8,9px);gap:3px}
:where(#unit-nutrition) .ounce{width:9px;height:9px}
:where(#unit-nutrition) .one{grid-template-columns:9px}}
@media(min-width:700px){:where(#unit-nutrition) .integrated{padding:46px 60px 30px}
:where(#unit-nutrition) .header-canvas{min-height:390px;margin:17px -15px 0}
:where(#unit-nutrition) .headline{padding-left:15px;width:52%}
:where(#unit-nutrition) .up{font-size:25px}
:where(#unit-nutrition) .hero-number{font-size:clamp(160px,19vw,204px)}
:where(#unit-nutrition) .hero-claim{font-size:25px;max-width:300px;line-height:1.2;margin-top:16px}
:where(#unit-nutrition) .comparison-context{font-size:13px;max-width:290px;margin-top:14px}
:where(#unit-nutrition) .hero-box{width:40%;max-width:355px;right:3%;top:55px}
:where(#unit-nutrition) .product-halo{width:56%;height:245px;right:-7%;top:120px}
:where(#unit-nutrition) .source-row,:where(#unit-nutrition) .scope{max-width:850px}
:where(#unit-nutrition) .scope{font-size:11px}
:where(#unit-nutrition) .daily{grid-template-columns:180px minmax(0,1fr);min-height:170px;max-width:720px;margin:26px auto 0}
:where(#unit-nutrition) .daily-image{height:170px}
:where(#unit-nutrition) .daily-image img{width:252px;left:-79px;top:-4px}
:where(#unit-nutrition) .daily-copy{padding:24px 30px 24px 0}
:where(#unit-nutrition) .daily strong{font-size:29px;line-height:1.1}
:where(#unit-nutrition) .daily strong br{display:none}
:where(#unit-nutrition) .daily p{font-size:15px;max-width:390px}
:where(#unit-nutrition) .integrated>.ingredients{max-width:none;font-size:11px}
:where(#unit-nutrition) .perspective{padding:34px 60px 30px}
:where(#unit-nutrition) .perspective h2{font-size:31px}
:where(#unit-nutrition) .botanical-comparison,:where(#unit-nutrition) .measured-comparison{max-width:600px;margin:12px auto 0;gap:35px;grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr)}
:where(#unit-nutrition) .drawing{height:170px}
:where(#unit-nutrition) .drawing img{height:170px;max-width:220px}
:where(#unit-nutrition) .young .drawing img{max-width:175px;height:145px}
:where(#unit-nutrition) .measure{font-size:65px}
:where(#unit-nutrition) .measure span{font-size:27px}
:where(#unit-nutrition) .specimen-label{font-size:14px}
:where(#unit-nutrition) .graphic-caption,:where(#unit-nutrition) .graphic-scope{max-width:600px;margin-left:auto;margin-right:auto}
:where(#unit-nutrition) .graphic-caption{font-size:12px}
:where(#unit-nutrition) .graphic-scope{font-size:11px}
:where(#unit-nutrition) .perspective>.eyebrow,:where(#unit-nutrition) .perspective h2{text-align:center}
:where(#unit-nutrition) .ounce-field{height:155px;grid-template-columns:repeat(8,15px);gap:5px}
:where(#unit-nutrition) .ounce{width:15px;height:15px}
:where(#unit-nutrition) .one{grid-template-columns:15px}
:where(#unit-nutrition) .measured .measure{margin-top:19px}
:where(#unit-nutrition) .measured-comparison{margin-top:26px}
:where(#unit-nutrition) .legend{font-size:11px}
:where(#unit-nutrition) .row-title,:where(#unit-nutrition) .research summary .row-title{font-size:20px}}
@media(min-width:500px) and (max-width:699px){:where(#unit-nutrition) .header-canvas{min-height:325px}}
:where(#unit-nutrition) [hidden]{display:none!important}
:where(#unit-nutrition) .meal-gallery{margin:18px 0 0}
:where(#unit-nutrition) .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 11px;list-style:none;padding:0;margin:0}
:where(#unit-nutrition) .gallery li{min-width:0}
:where(#unit-nutrition) .gallery-card{border:0;padding:0;display:block;width:100%;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer}
:where(#unit-nutrition) .gallery-photo{display:block;position:relative;isolation:isolate;aspect-ratio:1.07;overflow:hidden;border-radius:8px;background:var(--soft)}
:where(#unit-nutrition) .gallery-photo>img{display:block;width:100%;height:100%;object-fit:cover}
:where(#unit-nutrition) .gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:12px;font-weight:500;line-height:1.25;letter-spacing:-.035em;padding-top:8px;min-height:24px;white-space:nowrap}
:where(#unit-nutrition) .gallery-caption>span{font-size:11px;color:var(--muted);font-weight:400}
:where(#unit-nutrition) .gallery-play{position:absolute;inset:0;display:grid;place-items:center;background:#102d2a22}
:where(#unit-nutrition) .gallery-play svg{width:35px;height:35px;padding:9px;border-radius:50%;background:#fffffff2;box-shadow:0 2px 8px #0002}
:where(#unit-nutrition) .film-context{position:absolute;bottom:5px;left:5px;right:5px;text-align:center;font-size:9px;font-weight:500;background:#fffffff0;border-radius:3px;padding:3px 1px;line-height:1.2}
:where(#unit-nutrition) .gallery-card:focus-visible{outline:3px solid var(--ink);outline-offset:5px;border-radius:5px}
:where(#unit-nutrition) .gallery-card:hover .gallery-photo>img{transform:scale(1.025)}
:where(#unit-nutrition) .gallery-photo>img{transition:transform .2s ease}
:where(#unit-nutrition) .modal-open{overflow:hidden}
:where(#unit-nutrition) .meal-dialog{border:0;padding:0;width:min(460px,calc(100% - 24px));max-width:100%;height:auto;max-height:92dvh;margin:auto;border-radius:16px;overflow:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);font-family:inherit}
:where(#unit-nutrition) .meal-dialog::backdrop{background:#102d2a90}
:where(#unit-nutrition) .dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:1}
:where(#unit-nutrition) .dialog-top p{font-size:12px;color:var(--muted)}
:where(#unit-nutrition) .meal-dialog .close{min-width:44px;min-height:44px;border:0;background:var(--soft);border-radius:50%;font:inherit;font-size:26px;line-height:1;cursor:pointer}
:where(#unit-nutrition) .dialog-image{aspect-ratio:1.25;background:var(--soft);width:100%}
:where(#unit-nutrition) .dialog-image img{display:block;width:100%;height:100%;object-fit:cover}
:where(#unit-nutrition) .dialog-copy{padding:20px}
:where(#unit-nutrition) .dialog-copy h2{font-size:29px;line-height:1.08;letter-spacing:-.045em;font-weight:550}
:where(#unit-nutrition) .dialog-tip{font-size:16px;line-height:1.5;margin-top:10px}
:where(#unit-nutrition) .dialog-film{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#102d2a}
:where(#unit-nutrition) .detail-watch{display:flex;align-items:center;gap:6px;min-height:44px;margin-top:14px;padding:8px 12px;border:1px solid var(--line);background:var(--soft);border-radius:6px;font-size:12px;cursor:pointer}
:where(#unit-nutrition) .detail-watch svg{width:18px;height:18px}
:where(#unit-nutrition) .dialog-nav{padding:0 20px 20px;display:flex;align-items:center;gap:8px;justify-content:space-between}
:where(#unit-nutrition) .dialog-nav button{background:transparent;border:1px solid var(--line);border-radius:5px;min-height:44px;padding:8px 11px;font-size:12px;cursor:pointer}
:where(#unit-nutrition) .dialog-count{margin:auto;font-size:11px;color:var(--muted)}
:where(#unit-nutrition) #detail-status{font-size:12px;line-height:1.5;color:var(--muted)}
@media(max-width:340px){:where(#unit-nutrition) .gallery{gap:15px 8px}
:where(#unit-nutrition) .gallery-caption{font-size:11px;letter-spacing:-.04em}
:where(#unit-nutrition) .gallery-caption>span{display:none}
:where(#unit-nutrition) .film-context{font-size:8px}
:where(#unit-nutrition) .gallery-play svg{width:30px;height:30px;padding:8px}}
@media(min-width:700px){:where(#unit-nutrition) .meal-gallery{max-width:720px;margin:25px auto 0}
:where(#unit-nutrition) .gallery{gap:22px 18px}
:where(#unit-nutrition) .gallery-caption{font-size:15px;padding-top:11px}
:where(#unit-nutrition) .gallery-photo{border-radius:11px}
:where(#unit-nutrition) .gallery-play svg{width:44px;height:44px;padding:12px}
:where(#unit-nutrition) .film-context{font-size:12px;left:10px;right:10px;bottom:10px;padding:5px}}
@media(prefers-reduced-motion:reduce){:where(#unit-nutrition) .gallery-photo>img{transition:none}}
:where(#unit-nutrition) .vegetable-gap{margin:16px 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
:where(#unit-nutrition) .gap-line{font-size:18px;line-height:1.35;font-weight:450;letter-spacing:-.035em;max-width:530px}
:where(#unit-nutrition) .gap-line strong{font-weight:550;background:#eaf1d6;padding:1px 5px 2px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
:where(#unit-nutrition) .context-marker{font-size:9px;line-height:1;vertical-align:super;margin-left:3px;text-decoration:none;letter-spacing:0;position:relative}
:where(#unit-nutrition) .context-marker::after{content:"";position:absolute;inset:-12px}
:where(#unit-nutrition) .gap-explanation{font-size:12px;line-height:1.55;color:var(--muted);margin-top:11px;max-width:560px}
:where(#unit-nutrition) .gap-source{display:inline-flex;gap:8px;align-items:center;min-height:24px;font-size:9px;line-height:1.5;color:var(--muted);margin-top:7px;text-decoration-color:#b5c6b8}
:where(#unit-nutrition) .gap-source span{font-size:12px}
:where(#unit-nutrition) .nutrition-benefits{margin-top:18px;padding:15px 0 0;border-top:1px solid var(--line)}
:where(#unit-nutrition) .benefits-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
:where(#unit-nutrition) .benefits-heading h2{font-size:19px;line-height:1.25;letter-spacing:-.04em;font-weight:500}
:where(#unit-nutrition) .benefits-heading>a{font-size:10px;line-height:1.5;white-space:nowrap}
:where(#unit-nutrition) .benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}
:where(#unit-nutrition) .benefit-grid>div{min-width:0}
:where(#unit-nutrition) .benefit-grid h3{font-size:12px;line-height:1.35;font-weight:550;letter-spacing:-.025em;min-height:0}
:where(#unit-nutrition) .benefit-grid p{font-size:11px;line-height:1.5;color:var(--muted);margin-top:5px;max-width:180px}
:where(#unit-nutrition) .benefits-note{font-size:9px;line-height:1.5;color:var(--muted);margin-top:10px}
:where(#unit-nutrition) .nutrition-context{scroll-margin-top:22px}
:where(#unit-nutrition) .nutrition-context summary .row-title{font-size:17px}
:where(#unit-nutrition) .nutrition-context .plus{background:#f1f5e7}
:where(#unit-nutrition) .nutrient-evidence{padding-left:19px;margin:12px 0}
:where(#unit-nutrition) .nutrient-evidence li+li{margin-top:9px}
:where(#unit-nutrition) .nutrient-evidence strong{font-weight:550}
:where(#unit-nutrition) .nutrition-benefits+.daily{margin-top:20px}
@media(max-width:359px){:where(#unit-nutrition) .gap-line{font-size:17px}
:where(#unit-nutrition) .gap-explanation{font-size:11px}
:where(#unit-nutrition) .gap-source{font-size:8px}
:where(#unit-nutrition) .benefit-grid{gap:9px}
:where(#unit-nutrition) .benefit-grid h3{font-size:11px;min-height:30px}
:where(#unit-nutrition) .benefit-grid p{font-size:10px}
:where(#unit-nutrition) .benefits-heading h2{font-size:18px}
:where(#unit-nutrition) .nutrition-context summary .row-title{font-size:16px}}
@media(min-width:700px){:where(#unit-nutrition) .vegetable-gap{margin-top:20px;padding-bottom:22px;margin-bottom:25px}
:where(#unit-nutrition) .gap-line{font-size:24px;max-width:800px}
:where(#unit-nutrition) .gap-explanation{font-size:14px;max-width:680px}
:where(#unit-nutrition) .gap-source{font-size:11px;min-height:30px}
:where(#unit-nutrition) .nutrition-benefits{max-width:850px;margin-top:25px;padding-top:21px}
:where(#unit-nutrition) .benefits-heading h2{font-size:23px}
:where(#unit-nutrition) .benefits-heading>a{font-size:12px}
:where(#unit-nutrition) .benefit-grid{gap:35px;margin-top:19px}
:where(#unit-nutrition) .benefit-grid h3{font-size:16px;min-height:0}
:where(#unit-nutrition) .benefit-grid p{font-size:13px;max-width:220px}
:where(#unit-nutrition) .benefits-note{font-size:10px;margin-top:15px}
:where(#unit-nutrition) .nutrition-benefits+.daily{margin-top:25px}
:where(#unit-nutrition) .nutrition-context summary .row-title{font-size:20px}}
:where(#unit-nutrition) .portions{overflow:hidden}
:where(#unit-nutrition) .portion-basis{font-size:11px;line-height:1.5;color:#dce8d8;margin-top:9px}
:where(#unit-nutrition) .portion-illustration{max-width:600px;margin:18px auto 0}
:where(#unit-nutrition) .portion-illustration img{display:block;width:100%;height:auto}
:where(#unit-nutrition) .portion-amounts{position:relative;display:grid;grid-template-columns:1fr 2fr;max-width:600px;margin:8px auto 0;align-items:start;text-align:center}
:where(#unit-nutrition) .portion-amounts>div{min-width:0}
:where(#unit-nutrition) .portion-amounts .measure{font-size:47px;margin-top:0}
:where(#unit-nutrition) .portion-amounts .measure span{font-size:21px}
:where(#unit-nutrition) .portion-amounts .specimen-label{font-size:11px;line-height:1.4;margin-top:6px}
:where(#unit-nutrition) .portion-arrow{position:absolute;left:32%;top:16px;color:var(--lime);font-size:23px;line-height:1}
:where(#unit-nutrition) .portion-scale{font-size:9px;line-height:1.5;color:#d1e0d3;margin:20px auto 0;padding-top:13px;border-top:1px solid #ffffff29;max-width:600px}
:where(#unit-nutrition) .portions .graphic-scope{font-size:10px;max-width:600px;margin-top:6px}
@media(max-width:359px){:where(#unit-nutrition) .portion-amounts .measure{font-size:42px}
:where(#unit-nutrition) .portion-amounts .measure span{font-size:19px}
:where(#unit-nutrition) .portion-amounts .specimen-label{font-size:10px}
:where(#unit-nutrition) .portion-arrow{font-size:20px;top:15px}
:where(#unit-nutrition) .portion-illustration{margin-top:17px}}
@media(min-width:700px){:where(#unit-nutrition) .portion-basis{text-align:center;font-size:13px;margin-top:11px}
:where(#unit-nutrition) .portion-illustration{margin-top:23px}
:where(#unit-nutrition) .portion-amounts{margin-top:13px}
:where(#unit-nutrition) .portion-amounts .measure{font-size:62px}
:where(#unit-nutrition) .portion-amounts .measure span{font-size:26px}
:where(#unit-nutrition) .portion-amounts .specimen-label{font-size:14px}
:where(#unit-nutrition) .portion-arrow{font-size:30px;top:21px}
:where(#unit-nutrition) .portion-scale{font-size:10px;margin-top:24px;padding-top:15px}
:where(#unit-nutrition) .portions .graphic-scope{font-size:11px}}
:where(#unit-nutrition) .simple-pile .portion-illustration{margin-top:25px}
:where(#unit-nutrition) .simple-pile .portion-amounts{margin-top:17px}
:where(#unit-nutrition) .simple-pile .portion-arrow{font-size:13px;top:22px;font-weight:500;letter-spacing:0}
:where(#unit-nutrition) .simple-pile .specimen-label{min-height:16px}
:where(#unit-nutrition) .pile-research{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:10px;color:#edf2d9;margin-top:6px;text-underline-offset:4px}
:where(#unit-nutrition) .comparison-only{background:#1d4140}
:where(#unit-nutrition) .comparison-only .simple-pile{max-width:1120px;margin:0 auto}
:where(#unit-nutrition) .focus-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:12px 24px;background:white;color:#144444;font-size:11px;line-height:1.5}
:where(#unit-nutrition) .focus-links a{display:flex;align-items:center;min-height:44px}
:where(#unit-nutrition) .embedded .focus-links{display:none}
@media(min-width:700px){:where(#unit-nutrition) .simple-pile .portion-arrow{top:29px;font-size:16px}
:where(#unit-nutrition) .pile-research{font-size:11px;min-height:40px}
:where(#unit-nutrition) .simple-pile .portion-illustration{margin-top:30px}}
:where(#unit-nutrition) .hybrid-stage{position:relative;aspect-ratio:1024/572;overflow:hidden;background:#1d4140}
:where(#unit-nutrition) .hybrid-stage .hybrid-pile{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 37%,#000 42%);mask-image:linear-gradient(90deg,transparent 0%,transparent 37%,#000 42%)}
:where(#unit-nutrition) .hybrid-handful{position:absolute;left:10.5%;top:71%;width:24.6%;aspect-ratio:430/250;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 94%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 8%,#000 93%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 94%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 8%,#000 93%,transparent 100%);mask-composite:intersect}
:where(#unit-nutrition) .hybrid-stage .hybrid-handful img{position:absolute;display:block;width:238.139535%;height:auto;max-width:none;left:0;top:-84%}
:where(#unit-nutrition) .hybrid-handful{-webkit-mask-image:none;mask-image:none;clip-path:polygon(13.26% 70.00%,15.12% 61.60%,22.33% 56.40%,25.81% 44.00%,29.77% 39.20%,32.56% 25.20%,36.98% 15.20%,41.63% 15.60%,45.12% 12.00%,50.93% 17.60%,53.49% 16.00%,57.67% 24.00%,61.63% 23.20%,66.05% 30.80%,71.40% 30.40%,76.28% 38.40%,78.37% 47.60%,84.88% 53.20%,87.91% 61.60%,92.09% 66.80%,91.16% 73.60%,86.51% 76.40%,81.40% 82.40%,71.86% 81.60%,67.21% 86.00%,60.47% 83.60%,53.95% 84.00%,48.37% 80.80%,41.86% 82.00%,35.58% 79.60%,29.30% 79.60%,25.35% 74.80%,21.16% 76.40%,18.14% 71.60%)}
:where(#unit-nutrition) .hybrid-stage{background-image:url(/versions/nutrition/original-handful-2026-10-28/assets/bigger-pile.png);background-size:100% 200%;background-position:left top;background-repeat:no-repeat}
#unit-nutrition{--ink:#183e37;--muted:#60716b;--line:#dde5dd;--soft:#f5f6f2}
#unit-nutrition.product-story .nutrition{max-width:1440px}
#unit-nutrition.product-story .integrated{max-width:1160px;margin:auto;padding:48px 24px 54px;overflow:visible}
#unit-nutrition.product-story .integrated>.eyebrow{font-size:12px;letter-spacing:.1em;color:var(--ink)}
#unit-nutrition.product-story .vegetable-gap{margin:22px 0 0;padding:0 0 22px;border-bottom:1px solid var(--line)}
#unit-nutrition.product-story .gap-line{font-size:18px;max-width:610px;line-height:1.4;letter-spacing:-.025em}
#unit-nutrition.product-story .gap-line strong{background:transparent;padding:0;font-weight:600}
#unit-nutrition.product-story .gap-explanation{font-size:13px;line-height:1.55;max-width:560px;margin-top:11px}
#unit-nutrition.product-story .gap-source{font-size:10px;min-height:30px;margin-top:5px}
#unit-nutrition.product-story .header-canvas{display:grid;grid-template-columns:1fr 1.12fr;gap:12px;align-items:center;min-height:0;margin:32px 0 24px;isolation:isolate}
#unit-nutrition.product-story .headline{padding:0;width:auto;z-index:1}
#unit-nutrition.product-story .up{font-size:20px;letter-spacing:-.04em;line-height:1.2}
#unit-nutrition.product-story .hero-number{font-size:clamp(104px,29vw,128px);font-weight:550;line-height:.94;margin:7px 0 0 -5px;letter-spacing:-.09em}
#unit-nutrition.product-story .hero-claim{font-size:20px;line-height:1.22;font-weight:500;max-width:165px;margin-top:20px;letter-spacing:-.04em}
#unit-nutrition.product-story .comparison-context{font-size:12px;line-height:1.5;max-width:175px;margin-top:15px}
#unit-nutrition.product-story .hero-product{position:relative;inset:auto;min-width:0;z-index:0;align-self:center}
#unit-nutrition.product-story .hero-box{position:relative;inset:auto;width:116%;height:auto;max-width:none;margin-left:-8%;filter:drop-shadow(0 18px 16px #173e341a)}
#unit-nutrition.product-story .product-halo{display:none}
#unit-nutrition.product-story .source-row{padding-top:18px;gap:8px 16px;max-width:none}
#unit-nutrition.product-story .source-row a{font-size:12px;min-height:36px}
#unit-nutrition.product-story .source-row>span{font-size:10px}
#unit-nutrition.product-story .scope{font-size:11px;line-height:1.6;max-width:660px;margin-top:6px}
#unit-nutrition.product-story .nutrition-benefits{border:0;max-width:none;margin:58px 0 0;padding:0}
#unit-nutrition.product-story .benefits-heading{align-items:center;gap:20px}
#unit-nutrition.product-story .benefits-heading h2{font-size:32px;line-height:1.08;font-weight:550;letter-spacing:-.055em;max-width:270px}
#unit-nutrition.product-story .benefits-heading>a{font-size:11px;min-height:44px;display:flex;align-items:center}
#unit-nutrition.product-story .benefit-grid{grid-template-columns:1fr;gap:12px;margin-top:25px}
#unit-nutrition.product-story .benefit-grid>div{background:#f4f6ef;border-radius:22px;padding:22px 24px}
#unit-nutrition.product-story .benefit-grid h3{font-size:22px;line-height:1.1;letter-spacing:-.04em;font-weight:550}
#unit-nutrition.product-story .benefit-grid p{max-width:none;font-size:15px;line-height:1.45;margin-top:9px}
#unit-nutrition.product-story .benefits-note{font-size:11px;line-height:1.6;margin-top:15px}
#unit-nutrition.product-story .daily{max-width:none;grid-template-columns:31% minmax(0,1fr);gap:10px;min-height:235px;margin:50px 0 0;background:#f2f5e9;border-radius:28px;overflow:hidden}
#unit-nutrition.product-story .daily-image{height:235px}
#unit-nutrition.product-story .daily-image img{width:265px;max-width:none;left:-150px;top:18px;transform:scaleX(-1) rotate(-4deg)}
#unit-nutrition.product-story .daily-copy{padding:30px 20px 30px 0}
#unit-nutrition.product-story .daily strong{font-size:33px;line-height:1.05;font-weight:550;letter-spacing:-.055em;max-width:230px}
#unit-nutrition.product-story .daily p{font-size:14px;line-height:1.55;margin-top:16px;max-width:290px}
#unit-nutrition.product-story .meal-gallery{max-width:none;margin:42px -24px 0}
:where(#unit-nutrition) .gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:0 24px;margin-bottom:22px}
:where(#unit-nutrition) .gallery-heading h2{font-size:31px;line-height:1.08;letter-spacing:-.05em;font-weight:550}
#unit-nutrition.product-story .gallery{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:24px;scrollbar-width:none;padding:0 24px 16px;margin:0;overscroll-behavior-x:contain}
#unit-nutrition.product-story .gallery::-webkit-scrollbar{display:none}
#unit-nutrition.product-story .gallery>li{flex:0 0 73%;scroll-snap-align:start;min-width:0}
#unit-nutrition.product-story .gallery-photo{aspect-ratio:1;border-radius:24px}
#unit-nutrition.product-story .gallery-caption{font-size:17px;line-height:1.35;padding-top:14px;min-height:38px;letter-spacing:-.035em}
#unit-nutrition.product-story .gallery-caption>span{font-size:16px}
#unit-nutrition.product-story .gallery-play svg{width:50px;height:50px;padding:15px}
#unit-nutrition.product-story .film-context{font-size:12px;left:12px;right:12px;bottom:12px;padding:6px;border-radius:7px}
:where(#unit-nutrition) .gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:4px 24px 0}
:where(#unit-nutrition) .gallery-controls p{font-size:12px;line-height:1.5;color:var(--muted)}
:where(#unit-nutrition) .gallery-controls>div{display:flex;gap:9px}
:where(#unit-nutrition) .gallery-controls button{border:0;background:#edf0e7;border-radius:50%;min-width:44px;min-height:44px;font:inherit;font-size:20px;line-height:1;cursor:pointer}
:where(#unit-nutrition) .gallery-controls button:disabled{opacity:.35;cursor:default}
#unit-nutrition.product-story .integrated>.ingredients{font-size:11px;line-height:1.8;max-width:500px;margin-top:25px}
#unit-nutrition.product-story .perspective{background:#1d4140;padding:56px 24px 44px}
#unit-nutrition.product-story .perspective>.eyebrow{text-align:center;font-size:11px;letter-spacing:.1em}
#unit-nutrition.product-story .perspective h2{text-align:center;font-size:38px;line-height:1.07;max-width:650px;margin:16px auto 0;letter-spacing:-.055em;font-weight:550}
#unit-nutrition.product-story .portion-illustration{max-width:900px;margin-top:34px}
#unit-nutrition.product-story .portion-amounts{max-width:900px;margin-top:24px}
#unit-nutrition.product-story .portion-amounts .measure{font-size:59px;line-height:1;letter-spacing:-.075em}
#unit-nutrition.product-story .portion-amounts .measure span{font-size:24px}
#unit-nutrition.product-story .portion-amounts .specimen-label{font-size:12px;margin-top:12px}
#unit-nutrition.product-story .portion-arrow{top:20px;font-size:14px}
#unit-nutrition.product-story .portion-scale{max-width:900px;font-size:11px;line-height:1.6;margin-top:32px;padding-top:20px}
#unit-nutrition.product-story .portions .graphic-scope{max-width:900px;font-size:11px;line-height:1.6;margin-top:8px}
#unit-nutrition.product-story .pile-research{max-width:900px;display:flex;width:auto;margin-left:auto;margin-right:auto;font-size:12px;min-height:44px;margin-top:9px}
#unit-nutrition.product-story .explore{padding:30px 24px 48px;max-width:1120px;margin:auto}
#unit-nutrition.product-story .explore summary{min-height:96px}
#unit-nutrition.product-story .row-title,#unit-nutrition.product-story .research summary .row-title{font-size:20px;letter-spacing:-.035em}
#unit-nutrition.product-story .row-intro,#unit-nutrition.product-story .research summary .row-intro{font-size:12px;line-height:1.5;margin-top:6px}
#unit-nutrition.product-story .explore .plus{background:#edf1e7}
@media(max-width:359px){#unit-nutrition.product-story .integrated{padding-left:20px;padding-right:20px}
#unit-nutrition.product-story .gap-line{font-size:16px}
#unit-nutrition.product-story .header-canvas{gap:8px}
#unit-nutrition.product-story .hero-number{font-size:92px}
#unit-nutrition.product-story .hero-claim{font-size:18px}
#unit-nutrition.product-story .comparison-context{font-size:11px}
#unit-nutrition.product-story .benefits-heading h2{font-size:29px}
#unit-nutrition.product-story .daily strong{font-size:29px}
#unit-nutrition.product-story .daily-image img{width:230px;left:-143px;top:22px}
#unit-nutrition.product-story .daily-copy{padding-right:15px}
#unit-nutrition.product-story .daily p{font-size:13px}
#unit-nutrition.product-story .meal-gallery{margin-left:-20px;margin-right:-20px}
:where(#unit-nutrition) .gallery-heading,:where(#unit-nutrition) .gallery-controls{padding-left:20px;padding-right:20px}
#unit-nutrition.product-story .gallery{padding-left:20px;padding-right:20px;scroll-padding:20px}
#unit-nutrition.product-story .perspective{padding-left:20px;padding-right:20px}
#unit-nutrition.product-story .perspective h2{font-size:33px}}
@media(min-width:700px){#unit-nutrition.product-story .integrated{padding:64px 60px 72px}
#unit-nutrition.product-story .vegetable-gap{margin-top:24px;padding-bottom:28px}
#unit-nutrition.product-story .gap-line{font-size:23px}
#unit-nutrition.product-story .gap-explanation{font-size:15px}
#unit-nutrition.product-story .gap-source{font-size:11px}
#unit-nutrition.product-story .header-canvas{grid-template-columns:1fr 1.1fr;gap:50px;margin:54px 0 46px}
#unit-nutrition.product-story .up{font-size:28px}
#unit-nutrition.product-story .hero-number{font-size:clamp(172px,19vw,238px)}
#unit-nutrition.product-story .hero-claim{font-size:34px;max-width:390px;line-height:1.15;margin-top:29px}
#unit-nutrition.product-story .comparison-context{font-size:16px;max-width:380px;margin-top:22px}
#unit-nutrition.product-story .hero-box{width:111%;margin-left:-4%;max-width:560px}
#unit-nutrition.product-story .source-row a{font-size:14px}
#unit-nutrition.product-story .source-row>span{font-size:12px}
#unit-nutrition.product-story .scope{font-size:12px}
#unit-nutrition.product-story .nutrition-benefits{margin-top:85px}
#unit-nutrition.product-story .benefits-heading h2{font-size:45px;max-width:none}
#unit-nutrition.product-story .benefits-heading>a{font-size:13px}
#unit-nutrition.product-story .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
#unit-nutrition.product-story .benefit-grid>div{padding:30px 25px;min-height:170px;border-radius:26px}
#unit-nutrition.product-story .benefit-grid h3{font-size:24px}
#unit-nutrition.product-story .benefit-grid p{font-size:16px;line-height:1.5}
#unit-nutrition.product-story .benefits-note{font-size:12px}
#unit-nutrition.product-story .daily{grid-template-columns:32% 1fr;min-height:300px;margin-top:65px;border-radius:32px}
#unit-nutrition.product-story .daily-image{height:300px}
#unit-nutrition.product-story .daily-image img{width:465px;left:-180px;top:-12px}
#unit-nutrition.product-story .daily-copy{padding:45px 45px 45px 0}
#unit-nutrition.product-story .daily strong{font-size:58px;max-width:570px}
#unit-nutrition.product-story .daily p{font-size:19px;max-width:530px;margin-top:22px}
#unit-nutrition.product-story .meal-gallery{margin:66px -60px 0}
:where(#unit-nutrition) .gallery-heading{padding:0 60px;margin-bottom:30px}
:where(#unit-nutrition) .gallery-heading h2{font-size:45px}
#unit-nutrition.product-story .gallery{gap:24px;padding:0 60px 20px;scroll-padding:60px}
#unit-nutrition.product-story .gallery>li{flex-basis:37%}
#unit-nutrition.product-story .gallery-photo{border-radius:28px}
#unit-nutrition.product-story .gallery-caption{font-size:21px;padding-top:17px}
:where(#unit-nutrition) .gallery-controls{padding:8px 60px 0}
:where(#unit-nutrition) .gallery-controls p{font-size:14px}
#unit-nutrition.product-story .integrated>.ingredients{font-size:12px;margin-top:32px;max-width:none}
#unit-nutrition.product-story .perspective{padding:82px 60px 68px}
#unit-nutrition.product-story .perspective h2{font-size:62px;max-width:900px;margin-top:20px}
#unit-nutrition.product-story .perspective>.eyebrow{font-size:13px}
#unit-nutrition.product-story .portion-illustration{margin-top:48px}
#unit-nutrition.product-story .portion-amounts .measure{font-size:83px}
#unit-nutrition.product-story .portion-amounts .measure span{font-size:32px}
#unit-nutrition.product-story .portion-amounts .specimen-label{font-size:16px}
#unit-nutrition.product-story .portion-arrow{top:29px;font-size:17px}
#unit-nutrition.product-story .portion-scale,#unit-nutrition.product-story .portions .graphic-scope{font-size:12px}
#unit-nutrition.product-story .pile-research{font-size:14px}
#unit-nutrition.product-story .explore{padding:48px 60px 70px}
#unit-nutrition.product-story .explore summary{min-height:108px}
#unit-nutrition.product-story .row-title,#unit-nutrition.product-story .research summary .row-title{font-size:24px}
#unit-nutrition.product-story .row-intro,#unit-nutrition.product-story .research summary .row-intro{font-size:14px}}
@media(prefers-reduced-motion:reduce){#unit-nutrition.product-story .gallery{scroll-behavior:auto}}
#unit-nutrition.sales-story .selling-hero{padding:30px 24px 30px}
#unit-nutrition.sales-story .selling-hero>.eyebrow{font-size:11px;letter-spacing:.09em}
#unit-nutrition.sales-story .vegetable-gap{border:0;margin:14px 0 0;padding:0}
#unit-nutrition.sales-story .gap-line{font-size:14px;line-height:1.45;letter-spacing:-.02em;max-width:360px;color:#60716b}
#unit-nutrition.sales-story .gap-line strong{font-weight:550;color:var(--ink)}
#unit-nutrition.sales-story .header-canvas{grid-template-columns:1fr 1.05fr;gap:8px;margin:29px 0 22px;min-height:260px}
#unit-nutrition.sales-story .up{font-size:19px}
#unit-nutrition.sales-story .hero-number{font-size:clamp(80px,28vw,112px);line-height:.94;margin-top:7px}
#unit-nutrition.sales-story .hero-claim{font-size:20px;line-height:1.22;margin-top:21px;max-width:175px}
#unit-nutrition.sales-story .comparison-context{font-size:12px;max-width:170px;margin-top:15px}
#unit-nutrition.sales-story .hero-box{width:106%;margin-left:-4%;filter:drop-shadow(0 13px 13px #173e3414)}
#unit-nutrition.sales-story .source-row{padding-top:16px;gap:8px 15px}
#unit-nutrition.sales-story .source-row a{font-size:11px;min-height:30px}
#unit-nutrition.sales-story .source-row>span{font-size:9px}
#unit-nutrition.sales-story .scope{font-size:10.5px;line-height:1.6;margin-top:6px}
:where(#unit-nutrition) .jump-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;padding:11px 18px;border-radius:999px;background:#eaf0df;color:var(--ink);font-size:12px;font-weight:500;line-height:1.3;text-decoration:none;margin-top:23px}
:where(#unit-nutrition) .jump-link span{font-size:18px;font-weight:400}
#unit-nutrition.sales-story #daily-ritual{scroll-margin-top:25px}
#unit-nutrition.sales-story .perspective{max-width:1120px;margin:0 auto;padding:33px 24px 28px}
#unit-nutrition.sales-story .perspective>.eyebrow{font-size:10px;letter-spacing:.09em}
#unit-nutrition.sales-story .perspective h2{font-size:36px;line-height:1.06;max-width:320px;margin-top:13px}
#unit-nutrition.sales-story .portion-illustration{margin-top:18px;max-width:840px}
#unit-nutrition.sales-story .portion-amounts{max-width:840px;margin-top:10px}
#unit-nutrition.sales-story .portion-amounts .measure{font-size:51px}
#unit-nutrition.sales-story .portion-amounts .measure span{font-size:22px}
#unit-nutrition.sales-story .portion-amounts .specimen-label{font-size:11px;margin-top:8px}
#unit-nutrition.sales-story .portion-arrow{font-size:13px;top:18px}
#unit-nutrition.sales-story .portions .graphic-scope{max-width:840px;border-top:1px solid #ffffff29;padding-top:16px;margin-top:23px;font-size:10.5px;line-height:1.6}
#unit-nutrition.sales-story .perspective .pile-research{width:100%;max-width:840px;margin-left:auto;margin-right:auto;font-size:11px;min-height:36px;margin-top:8px}
#unit-nutrition.sales-story .usage-chapter{padding:38px 24px 0}
#unit-nutrition.sales-story .daily{grid-template-columns:33% minmax(0,1fr);gap:12px;min-height:210px;margin:0;background:transparent;border-radius:0;overflow:visible;align-items:center}
#unit-nutrition.sales-story .daily-image{height:210px;overflow:visible}
#unit-nutrition.sales-story .daily-image img{width:275px;left:-155px;top:0;transform:scaleX(-1) rotate(-4deg)}
#unit-nutrition.sales-story .daily-copy{padding:0}
#unit-nutrition.sales-story .daily h2{font-size:35px;line-height:1.02;font-weight:550;letter-spacing:-.055em;margin:0;max-width:300px}
#unit-nutrition.sales-story .daily .ritual-line{font-size:17px;line-height:1.35;letter-spacing:-.025em;margin-top:18px;color:var(--ink)}
#unit-nutrition.sales-story .daily .daily-dose{font-size:12px;line-height:1.5;color:var(--muted);margin-top:13px}
#unit-nutrition.sales-story .meal-gallery{margin-top:22px}
#unit-nutrition.sales-story .gallery{gap:15px}
#unit-nutrition.sales-story .gallery>li{flex-basis:74%}
#unit-nutrition.sales-story .gallery-photo{border-radius:22px}
#unit-nutrition.sales-story .gallery-caption{font-size:17px}
#unit-nutrition.sales-story .gallery-controls{padding-top:0}
#unit-nutrition.sales-story .gallery-controls p{font-size:11px}
#unit-nutrition.sales-story .usage-chapter>.ingredients{font-size:10.5px;line-height:1.8;max-width:290px;margin:23px auto 0}
:where(#unit-nutrition) .inside-link{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;width:max-content;max-width:100%;margin:4px auto 0;font-size:12px;color:var(--ink);text-underline-offset:4px}
#unit-nutrition.sales-story .benefits-chapter{padding:34px 24px 0}
#unit-nutrition.sales-story .nutrition-benefits{margin:0;padding-top:28px;border-top:1px solid var(--line)}
#unit-nutrition.sales-story .benefits-heading h2{font-size:27px;line-height:1.1;max-width:220px;letter-spacing:-.045em}
#unit-nutrition.sales-story .benefits-heading>a{font-size:10px}
#unit-nutrition.sales-story .benefit-grid{display:block;margin-top:20px}
#unit-nutrition.sales-story .benefit-grid>div{display:grid;grid-template-columns:44% minmax(0,1fr);gap:10px;align-items:baseline;border-radius:0;background:transparent;padding:15px 0;border-bottom:1px solid var(--line);min-height:0}
#unit-nutrition.sales-story .benefit-grid h3{font-size:15px;line-height:1.35;letter-spacing:-.025em;min-height:0}
#unit-nutrition.sales-story .benefit-grid p{font-size:12px;line-height:1.5;margin:0;max-width:none}
#unit-nutrition.sales-story .benefits-note{font-size:10px;line-height:1.6;margin-top:13px}
#unit-nutrition.sales-story .explore{padding-top:16px;padding-bottom:34px}
#unit-nutrition.sales-story .explore summary{min-height:88px}
#unit-nutrition.sales-story .row-title,#unit-nutrition.sales-story .research summary .row-title{font-size:18px}
#unit-nutrition.sales-story .row-intro,#unit-nutrition.sales-story .research summary .row-intro{font-size:11px}
@media(max-width:359px){#unit-nutrition.sales-story .selling-hero,#unit-nutrition.sales-story .usage-chapter,#unit-nutrition.sales-story .benefits-chapter{padding-left:20px;padding-right:20px}
#unit-nutrition.sales-story .gap-line{font-size:13px}
#unit-nutrition.sales-story .header-canvas{gap:4px;min-height:240px;margin-top:24px}
#unit-nutrition.sales-story .hero-claim{font-size:17px;max-width:145px}
#unit-nutrition.sales-story .comparison-context{font-size:10.5px;max-width:140px}
#unit-nutrition.sales-story .source-row{gap:5px 9px}
#unit-nutrition.sales-story .source-row a{font-size:10px}
#unit-nutrition.sales-story .source-row>span{font-size:8px}
#unit-nutrition.sales-story .scope{font-size:10px}
#unit-nutrition.sales-story .perspective{padding-left:20px;padding-right:20px}
#unit-nutrition.sales-story .perspective h2{font-size:31px}
#unit-nutrition.sales-story .daily{grid-template-columns:29% minmax(0,1fr);gap:12px;min-height:200px}
#unit-nutrition.sales-story .daily-image{height:200px}
#unit-nutrition.sales-story .daily-image img{width:242px;left:-152px;top:7px}
#unit-nutrition.sales-story .daily h2{font-size:30px}
#unit-nutrition.sales-story .daily .ritual-line{font-size:15px}
#unit-nutrition.sales-story .benefits-heading h2{font-size:24px}
#unit-nutrition.sales-story .benefit-grid h3{font-size:13px}
#unit-nutrition.sales-story .benefit-grid p{font-size:11px}}
@media(min-width:700px){#unit-nutrition.sales-story .selling-hero{padding:48px 60px 45px}
#unit-nutrition.sales-story .selling-hero>.eyebrow{font-size:12px}
#unit-nutrition.sales-story .gap-line{font-size:17px;max-width:none}
#unit-nutrition.sales-story .header-canvas{grid-template-columns:1fr 1.06fr;gap:35px;margin:31px 0 28px;min-height:0}
#unit-nutrition.sales-story .up{font-size:26px}
#unit-nutrition.sales-story .hero-number{font-size:clamp(145px,17vw,210px)}
#unit-nutrition.sales-story .hero-claim{font-size:32px;max-width:400px;margin-top:27px}
#unit-nutrition.sales-story .comparison-context{font-size:15px;max-width:380px;margin-top:20px}
#unit-nutrition.sales-story .hero-box{width:107%;max-width:530px;margin-left:-3%}
#unit-nutrition.sales-story .source-row a{font-size:13px}
#unit-nutrition.sales-story .source-row>span{font-size:11px}
#unit-nutrition.sales-story .scope{font-size:11px;max-width:700px}
:where(#unit-nutrition) .jump-link{font-size:13px;margin-top:21px;padding-left:20px;padding-right:20px}
#unit-nutrition.sales-story .perspective{padding:45px 60px 35px;border-radius:32px}
#unit-nutrition.sales-story .perspective>.eyebrow{font-size:11px}
#unit-nutrition.sales-story .perspective h2{font-size:53px;max-width:none;margin-top:17px}
#unit-nutrition.sales-story .portion-illustration{margin-top:20px}
#unit-nutrition.sales-story .portion-amounts{margin-top:6px}
#unit-nutrition.sales-story .portion-amounts .measure{font-size:70px}
#unit-nutrition.sales-story .portion-amounts .measure span{font-size:29px}
#unit-nutrition.sales-story .portion-amounts .specimen-label{font-size:14px}
#unit-nutrition.sales-story .portion-arrow{font-size:15px;top:25px}
#unit-nutrition.sales-story .portions .graphic-scope{font-size:11px;margin-top:24px;padding-top:18px}
#unit-nutrition.sales-story .pile-research{font-size:12px;min-height:40px;margin-top:6px}
#unit-nutrition.sales-story .usage-chapter{padding:54px 60px 0}
#unit-nutrition.sales-story .daily{grid-template-columns:30% 1fr;gap:45px;min-height:270px}
#unit-nutrition.sales-story .daily-image{height:270px}
#unit-nutrition.sales-story .daily-image img{width:430px;left:-176px;top:-10px}
#unit-nutrition.sales-story .daily-copy{padding:0}
#unit-nutrition.sales-story .daily h2{font-size:58px;max-width:600px}
#unit-nutrition.sales-story .daily h2 br{display:none}
#unit-nutrition.sales-story .daily .ritual-line{font-size:24px;margin-top:20px;max-width:none}
#unit-nutrition.sales-story .daily .ritual-line br{display:none}
#unit-nutrition.sales-story .daily .daily-dose{font-size:14px;margin-top:12px}
#unit-nutrition.sales-story .meal-gallery{margin-top:35px}
#unit-nutrition.sales-story .gallery{gap:22px}
#unit-nutrition.sales-story .gallery>li{flex-basis:32%}
#unit-nutrition.sales-story .gallery-photo{border-radius:25px}
#unit-nutrition.sales-story .gallery-caption{font-size:19px}
#unit-nutrition.sales-story .gallery-controls p{font-size:12px}
#unit-nutrition.sales-story .usage-chapter>.ingredients{font-size:11px;max-width:none;margin-top:23px}
:where(#unit-nutrition) .inside-link{font-size:13px}
#unit-nutrition.sales-story .benefits-chapter{padding:40px 60px 0}
#unit-nutrition.sales-story .nutrition-benefits{padding-top:32px}
#unit-nutrition.sales-story .benefits-heading h2{font-size:33px;max-width:none}
#unit-nutrition.sales-story .benefits-heading>a{font-size:12px}
#unit-nutrition.sales-story .benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:25px}
#unit-nutrition.sales-story .benefit-grid>div{display:block;padding:0 22px 0 0;border-bottom:0;border-right:1px solid var(--line)}
#unit-nutrition.sales-story .benefit-grid>div:last-child{border:0}
#unit-nutrition.sales-story .benefit-grid h3{font-size:19px}
#unit-nutrition.sales-story .benefit-grid p{font-size:14px;margin-top:9px;max-width:260px}
#unit-nutrition.sales-story .benefits-note{font-size:11px;margin-top:24px}
#unit-nutrition.sales-story .explore{padding-top:20px;padding-bottom:44px}
#unit-nutrition.sales-story .explore summary{min-height:96px}
#unit-nutrition.sales-story .row-title,#unit-nutrition.sales-story .research summary .row-title{font-size:21px}
#unit-nutrition.sales-story .row-intro,#unit-nutrition.sales-story .research summary .row-intro{font-size:12px}}
#unit-nutrition.product-flow{background:#fff}
#unit-nutrition.product-flow .selling-hero{padding:30px 24px 26px}
#unit-nutrition.product-flow .selling-hero>.eyebrow{font-size:12px;text-transform:none;letter-spacing:-.015em;font-weight:550}
#unit-nutrition.product-flow .vegetable-gap{margin-top:11px}
#unit-nutrition.product-flow .gap-line{font-size:13px;line-height:1.45;max-width:360px}
:where(#unit-nutrition) .hero-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;align-items:center;position:relative;margin:24px 0 0}
:where(#unit-nutrition) .hero-stage h1{margin:0}
:where(#unit-nutrition) .hero-title{min-width:0}
#unit-nutrition.product-flow .hero-times{display:inline;font-size:.65em;letter-spacing:-.06em}
#unit-nutrition.product-flow .up{font-size:19px;letter-spacing:-.04em}
#unit-nutrition.product-flow .hero-number{display:block;white-space:nowrap;font-size:clamp(106px,32vw,136px);font-weight:550;letter-spacing:-.095em;line-height:.95;margin:8px 0 0 -5px}
#unit-nutrition.product-flow .hero-product{margin:0;min-width:0}
#unit-nutrition.product-flow .hero-box{width:105%;max-width:none;margin-left:-2%;filter:drop-shadow(0 13px 17px #183e3710)}
#unit-nutrition.product-flow .hero-claim{grid-column:1/-1;font-size:27px;line-height:1.12;max-width:none;font-weight:500;letter-spacing:-.055em;margin:23px 0 0}
#unit-nutrition.product-flow .comparison-context{font-size:12px;line-height:1.45;max-width:none;margin:12px 0 0}
#unit-nutrition.product-flow .scope{font-size:10px;line-height:1.55;max-width:560px;margin:20px 0 0;color:#66756e}
:where(#unit-nutrition) .study-link{display:inline-flex;align-items:center;gap:13px;font-size:11px;min-height:36px;color:var(--ink);text-underline-offset:4px;margin-top:3px}
#unit-nutrition.product-flow .perspective{padding:24px 24px 22px;background:#1d4140;max-width:1120px;border-radius:0}
#unit-nutrition.product-flow .perspective h2{font-size:15px;line-height:1.35;font-weight:450;letter-spacing:-.025em;text-align:left;margin:0;max-width:none;color:#e7eee6}
:where(#unit-nutrition) .portion-canvas{position:relative;max-width:840px;margin:14px auto 0}
#unit-nutrition.product-flow .portion-illustration{margin:0;max-width:none}
#unit-nutrition.product-flow .portion-amounts{position:absolute;top:0;left:0;right:0;width:100%;max-width:none;margin:0;pointer-events:none}
#unit-nutrition.product-flow .portion-amounts .measure{font-size:38px;line-height:1;letter-spacing:-.07em}
#unit-nutrition.product-flow .portion-amounts .measure span{font-size:18px}
#unit-nutrition.product-flow .portion-amounts .specimen-label{font-size:9px;line-height:1.25;margin-top:5px}
#unit-nutrition.product-flow .portion-arrow{top:14px;font-size:11px}
#unit-nutrition.product-flow .portions .graphic-scope{font-size:10px;line-height:1.5;border:0;margin-top:13px;padding:0;max-width:840px;color:#c5d6ca}
#unit-nutrition.product-flow .usage-chapter{padding:32px 24px 0}
#unit-nutrition.product-flow .daily{grid-template-columns:27% minmax(0,1fr);gap:14px;min-height:150px;align-items:center}
#unit-nutrition.product-flow .daily-image{height:150px}
#unit-nutrition.product-flow .daily-image img{width:230px;left:-144px;top:2px}
#unit-nutrition.product-flow .daily h2{font-size:31px;line-height:1.05;max-width:280px}
#unit-nutrition.product-flow .daily .daily-dose{font-size:12px;margin-top:9px}
#unit-nutrition.product-flow .daily .ritual-line{font-size:15px;line-height:1.35;letter-spacing:-.025em;margin-top:8px}
#unit-nutrition.product-flow .meal-gallery{margin:22px 0 0;max-width:none}
:where(#unit-nutrition) .meal-feature{min-width:0}
:where(#unit-nutrition) .feature-photo{display:block;position:relative;aspect-ratio:1.18;width:100%;padding:0;border:0;border-radius:22px;overflow:hidden;cursor:pointer;background:#edf1e5;color:var(--ink)}
:where(#unit-nutrition) .feature-photo>img{display:block;width:100%;height:100%;object-fit:cover}
:where(#unit-nutrition) .feature-action{position:absolute;right:13px;bottom:13px;display:flex;align-items:center;gap:17px;background:#fffffff0;color:#183e37;font-size:12px;line-height:1;padding:13px 15px;border-radius:999px;font-weight:500}
:where(#unit-nutrition) .feature-copy{padding:15px 0 0;min-height:65px}
:where(#unit-nutrition) .feature-copy h3{font-size:20px;line-height:1.15;font-weight:500;letter-spacing:-.04em}
:where(#unit-nutrition) .feature-copy p{font-size:13px;line-height:1.5;color:var(--muted);margin-top:6px;max-width:600px}
:where(#unit-nutrition) .meal-picker-label{font-size:11px;line-height:1.5;color:var(--muted);margin:16px 0 10px}
#unit-nutrition.product-flow .gallery{padding:3px 2px 8px;margin:0 -2px;gap:9px;scroll-padding:2px;scroll-snap-type:x proximity}
#unit-nutrition.product-flow .gallery>li{flex:0 0 61px}
#unit-nutrition.product-flow .gallery-card{position:relative;border-radius:12px;display:block;padding:0 0 4px;background:transparent}
#unit-nutrition.product-flow .gallery-photo{width:61px;aspect-ratio:1;border-radius:11px}
#unit-nutrition.product-flow .gallery-card[aria-pressed=true] .gallery-photo{outline:2px solid #204a40;outline-offset:2px}
#unit-nutrition.product-flow .gallery-card[aria-pressed=false]{opacity:.68}
#unit-nutrition.product-flow .gallery-card:hover{opacity:1}
#unit-nutrition.product-flow .gallery-caption{font-size:9px;line-height:1.3;letter-spacing:-.025em;padding-top:8px;min-height:20px;justify-content:center}
#unit-nutrition.product-flow .gallery-caption>span,#unit-nutrition.product-flow .film-context{display:none}
#unit-nutrition.product-flow .gallery-play svg{width:27px;height:27px;padding:8px}
#unit-nutrition.product-flow .usage-chapter>.ingredients{font-size:10px;line-height:1.65;max-width:300px;margin:19px auto 0;color:var(--muted)}
#unit-nutrition.product-flow .benefits-chapter{padding:27px 24px 0}
#unit-nutrition.product-flow .nutrition-benefits{padding-top:25px}
#unit-nutrition.product-flow .benefits-heading h2{font-size:25px;line-height:1.1;max-width:230px}
#unit-nutrition.product-flow .benefit-grid{margin-top:17px}
#unit-nutrition.product-flow .benefit-grid>div{display:block;border:0;padding:10px 0}
#unit-nutrition.product-flow .benefit-grid h3{display:inline;font-size:14px;line-height:1.5;letter-spacing:-.025em;margin-right:7px}
#unit-nutrition.product-flow .benefit-grid h3::after{content:"."}
#unit-nutrition.product-flow .benefit-grid p{display:inline;font-size:12px;line-height:1.5}
#unit-nutrition.product-flow .benefits-note{font-size:10px;margin-top:10px}
#unit-nutrition.product-flow .explore{padding:18px 24px 25px}
#unit-nutrition.product-flow .explore summary{min-height:66px}
#unit-nutrition.product-flow .row-title,#unit-nutrition.product-flow .research summary .row-title{font-size:16px}
#unit-nutrition.product-flow .explore .row-intro{display:none}
#unit-nutrition.product-flow button:focus-visible,#unit-nutrition.product-flow a:focus-visible{outline:2px solid #7d963e;outline-offset:4px}
@media(max-width:359px){#unit-nutrition.product-flow .selling-hero,#unit-nutrition.product-flow .perspective,#unit-nutrition.product-flow .usage-chapter,#unit-nutrition.product-flow .benefits-chapter,#unit-nutrition.product-flow .explore{padding-left:20px;padding-right:20px}
#unit-nutrition.product-flow .gap-line{font-size:12px}
#unit-nutrition.product-flow .hero-number{font-size:96px}
#unit-nutrition.product-flow .up{font-size:17px}
:where(#unit-nutrition) .hero-stage{margin-top:20px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
#unit-nutrition.product-flow .hero-box{width:108%;margin-left:-5%}
#unit-nutrition.product-flow .hero-claim{font-size:23px;margin-top:20px}
#unit-nutrition.product-flow .daily{grid-template-columns:24% minmax(0,1fr);gap:11px;min-height:144px}
#unit-nutrition.product-flow .daily-image{height:144px}
#unit-nutrition.product-flow .daily-image img{width:209px;left:-139px;top:8px}
#unit-nutrition.product-flow .daily h2{font-size:28px}
#unit-nutrition.product-flow .daily .ritual-line{font-size:13px}
#unit-nutrition.product-flow .portion-amounts .measure{font-size:33px}
#unit-nutrition.product-flow .portion-amounts .specimen-label{font-size:8px}
#unit-nutrition.product-flow .portion-arrow{top:11px}
:where(#unit-nutrition) .feature-copy p{font-size:12px}
#unit-nutrition.product-flow .benefits-heading h2{font-size:23px;max-width:200px}
#unit-nutrition.product-flow .benefit-grid h3{font-size:13px}
#unit-nutrition.product-flow .benefit-grid p{font-size:11px}}
@media(min-width:700px){#unit-nutrition.product-flow .selling-hero{padding:42px 60px 36px}
#unit-nutrition.product-flow .selling-hero>.eyebrow{font-size:15px}
#unit-nutrition.product-flow .gap-line{font-size:16px;max-width:none}
:where(#unit-nutrition) .hero-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0 35px;margin-top:32px}
#unit-nutrition.product-flow .hero-title{align-self:center}
#unit-nutrition.product-flow .up{font-size:28px}
#unit-nutrition.product-flow .hero-number{font-size:clamp(170px,23vw,280px);line-height:.93;margin-top:13px}
#unit-nutrition.product-flow .hero-box{width:104%;max-width:530px;margin-left:-2%}
#unit-nutrition.product-flow .hero-claim{font-size:clamp(32px,3.4vw,47px);max-width:900px;margin:28px 0 0;letter-spacing:-.055em}
#unit-nutrition.product-flow .hero-claim br{display:none}
#unit-nutrition.product-flow .comparison-context{font-size:15px;margin-top:15px}
#unit-nutrition.product-flow .scope{font-size:11px;margin-top:22px;max-width:none}
:where(#unit-nutrition) .study-link{font-size:12px;margin-top:2px}
#unit-nutrition.product-flow .perspective{padding:27px 40px 25px;border-radius:28px}
#unit-nutrition.product-flow .perspective h2{font-size:18px;max-width:840px;margin:auto}
:where(#unit-nutrition) .portion-canvas{margin-top:15px;max-width:780px}
#unit-nutrition.product-flow .portion-amounts .measure{font-size:67px}
#unit-nutrition.product-flow .portion-amounts .measure span{font-size:27px}
#unit-nutrition.product-flow .portion-amounts .specimen-label{font-size:13px;margin-top:8px}
#unit-nutrition.product-flow .portion-arrow{font-size:14px;top:25px}
#unit-nutrition.product-flow .portions .graphic-scope{font-size:11px;max-width:840px;margin-top:17px}
#unit-nutrition.product-flow .usage-chapter{padding:43px 60px 0}
#unit-nutrition.product-flow .daily{grid-template-columns:22% 1fr;gap:32px;min-height:180px}
#unit-nutrition.product-flow .daily-image{height:180px}
#unit-nutrition.product-flow .daily-image img{width:330px;left:-168px;top:-9px}
#unit-nutrition.product-flow .daily h2{font-size:49px;max-width:650px}
#unit-nutrition.product-flow .daily .daily-dose{font-size:13px;margin-top:12px}
#unit-nutrition.product-flow .daily .ritual-line{font-size:22px;margin-top:9px}
#unit-nutrition.product-flow .meal-gallery{margin:26px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:0 30px;align-items:start}
:where(#unit-nutrition) .meal-feature{grid-column:1;grid-row:1/4}
:where(#unit-nutrition) .feature-photo{aspect-ratio:1.55;border-radius:25px}
:where(#unit-nutrition) .feature-action{font-size:13px;right:17px;bottom:17px;padding:15px 19px}
:where(#unit-nutrition) .feature-copy{padding-top:17px;min-height:73px}
:where(#unit-nutrition) .feature-copy h3{font-size:25px}
:where(#unit-nutrition) .feature-copy p{font-size:15px;margin-top:8px}
:where(#unit-nutrition) .meal-picker-label{grid-column:2;grid-row:1;margin:3px 0 13px;font-size:12px}
#unit-nutrition.product-flow .gallery{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 13px;overflow:visible;padding:3px;margin:0;scroll-snap-type:none}
#unit-nutrition.product-flow .gallery>li{min-width:0}
#unit-nutrition.product-flow .gallery-photo{width:100%;border-radius:12px}
#unit-nutrition.product-flow .gallery-caption{font-size:10px;padding-top:7px}
#unit-nutrition.product-flow .usage-chapter>.ingredients{font-size:11px;max-width:none;margin-top:21px}
#unit-nutrition.product-flow .benefits-chapter{padding:30px 60px 0}
#unit-nutrition.product-flow .nutrition-benefits{padding-top:25px}
#unit-nutrition.product-flow .benefits-heading h2{font-size:29px;max-width:none}
#unit-nutrition.product-flow .benefit-grid{margin-top:21px;gap:27px}
#unit-nutrition.product-flow .benefit-grid>div{padding:0 18px 0 0}
#unit-nutrition.product-flow .benefit-grid h3{display:block;font-size:18px;margin-right:0}
#unit-nutrition.product-flow .benefit-grid h3::after{content:none}
#unit-nutrition.product-flow .benefit-grid p{display:block;font-size:13px;margin-top:7px}
#unit-nutrition.product-flow .benefits-note{font-size:10px;margin-top:18px}
#unit-nutrition.product-flow .explore{padding:17px 60px 28px}
#unit-nutrition.product-flow .explore summary{min-height:72px}
#unit-nutrition.product-flow .row-title,#unit-nutrition.product-flow .research summary .row-title{font-size:18px}}
#unit-nutrition.gallery-flow .perspective{padding:36px 24px 29px;max-width:none;background:#1d4140}
#unit-nutrition.gallery-flow .perspective h2{font-size:39px;font-weight:500;line-height:1.02;letter-spacing:-.055em;text-align:center;color:#f7f8ef;margin:0 auto;max-width:700px}
#unit-nutrition.gallery-flow .perspective h2>span{color:#c7db8d}
#unit-nutrition.gallery-flow .portion-canvas{margin:23px auto 0;max-width:900px}
#unit-nutrition.gallery-flow .hybrid-stage{width:106%;max-width:none;margin-left:-3%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 5%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 5%,#000 92%,transparent);mask-composite:intersect}
#unit-nutrition.gallery-flow .portion-amounts{position:relative;inset:auto;max-width:900px;width:100%;margin:14px auto 0;grid-template-columns:42% 58%;align-items:start}
#unit-nutrition.gallery-flow .portion-amounts .measure{font-size:58px;line-height:1;letter-spacing:-.075em;font-weight:450}
#unit-nutrition.gallery-flow .portion-amounts .measure span{font-size:23px}
#unit-nutrition.gallery-flow .portion-amounts .specimen-label{font-size:11px;line-height:1.35;margin-top:8px;color:#e3ecdf}
#unit-nutrition.gallery-flow .portion-arrow{left:43%;top:15px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;line-height:1;color:#c7db8d;font-size:17px;font-weight:500}
#unit-nutrition.gallery-flow .portion-arrow small{display:block;font-size:10px;line-height:1.3;font-weight:400;letter-spacing:0;color:#d8e3d0}
#unit-nutrition.gallery-flow .portions .graphic-scope{font-size:10px;line-height:1.6;border-top:1px solid #ffffff20;padding-top:17px;margin:23px auto 0;max-width:900px}
#unit-nutrition.gallery-flow .usage-chapter{padding-top:28px}
#unit-nutrition.gallery-flow .meal-gallery{display:block;margin:13px -24px 0;max-width:none}
#unit-nutrition.gallery-flow .gallery{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:24px;padding:0 24px 9px;margin:0;scrollbar-width:none;overscroll-behavior-x:contain}
#unit-nutrition.gallery-flow .gallery>li{flex:0 0 65%;min-width:0;scroll-snap-align:start}
#unit-nutrition.gallery-flow .gallery-card{padding:0;border-radius:0;opacity:1}
#unit-nutrition.gallery-flow .gallery-photo{width:100%;aspect-ratio:1;border-radius:19px}
#unit-nutrition.gallery-flow .gallery-caption{display:flex;justify-content:space-between;font-size:15px;line-height:1.35;letter-spacing:-.025em;padding-top:12px;min-height:35px}
#unit-nutrition.gallery-flow .gallery-caption>span{display:inline;font-size:15px}
#unit-nutrition.gallery-flow .gallery-play svg{width:43px;height:43px;padding:13px}
#unit-nutrition.gallery-flow .film-context{display:block;font-size:10px;bottom:10px;left:10px;right:10px;padding:5px}
#unit-nutrition.gallery-flow .gallery-controls{display:flex;justify-content:flex-end;gap:8px;align-items:center;padding:3px 24px 0}
#unit-nutrition.gallery-flow .gallery-controls button{min-width:44px;min-height:44px;width:44px;height:44px;font-size:18px}
#unit-nutrition.gallery-flow .usage-chapter>.ingredients{margin:19px auto 0;font-size:10px;max-width:300px}
#unit-nutrition.gallery-flow .benefits-chapter{padding-top:27px}
#unit-nutrition.gallery-flow .benefits-heading h2{font-size:29px;line-height:1.08;max-width:240px;letter-spacing:-.045em}
:where(#unit-nutrition) .benefits-intro{font-size:13px;line-height:1.55;max-width:590px;color:var(--muted);margin-top:14px}
#unit-nutrition.gallery-flow .benefit-grid{margin-top:13px}
#unit-nutrition.gallery-flow .benefits-note{margin-top:11px}
@media(max-width:359px){#unit-nutrition.gallery-flow .perspective{padding-left:20px;padding-right:20px;padding-top:30px}
#unit-nutrition.gallery-flow .perspective h2{font-size:35px}
#unit-nutrition.gallery-flow .portion-canvas{margin-top:18px}
#unit-nutrition.gallery-flow .portion-amounts .measure{font-size:49px}
#unit-nutrition.gallery-flow .portion-amounts .measure span{font-size:21px}
#unit-nutrition.gallery-flow .portion-amounts .specimen-label{font-size:10px}
#unit-nutrition.gallery-flow .portion-arrow{top:12px;font-size:15px}
#unit-nutrition.gallery-flow .portion-arrow small{font-size:9px}
#unit-nutrition.gallery-flow .meal-gallery{margin-left:-20px;margin-right:-20px}
#unit-nutrition.gallery-flow .gallery{padding-left:20px;padding-right:20px;scroll-padding:20px}
#unit-nutrition.gallery-flow .gallery-controls{padding-left:20px;padding-right:20px}
#unit-nutrition.gallery-flow .gallery-caption{font-size:14px}
#unit-nutrition.gallery-flow .benefits-heading h2{font-size:26px;max-width:210px}
:where(#unit-nutrition) .benefits-intro{font-size:12px}}
@media(min-width:700px){#unit-nutrition.gallery-flow .perspective{padding:48px 60px 37px;border-radius:0}
#unit-nutrition.gallery-flow .perspective h2{font-size:58px;line-height:1.02;max-width:1000px}
#unit-nutrition.gallery-flow .perspective h2 br{display:none}
#unit-nutrition.gallery-flow .portion-canvas{margin-top:28px;max-width:820px}
#unit-nutrition.gallery-flow .portion-amounts{max-width:820px;margin-top:10px}
#unit-nutrition.gallery-flow .portion-amounts .measure{font-size:76px}
#unit-nutrition.gallery-flow .portion-amounts .measure span{font-size:29px}
#unit-nutrition.gallery-flow .portion-amounts .specimen-label{font-size:14px;margin-top:10px}
#unit-nutrition.gallery-flow .portion-arrow{font-size:22px;top:23px}
#unit-nutrition.gallery-flow .portion-arrow small{font-size:11px}
#unit-nutrition.gallery-flow .portions .graphic-scope{max-width:900px;font-size:11px;margin-top:29px;padding-top:20px}
#unit-nutrition.gallery-flow .usage-chapter{padding-top:35px}
#unit-nutrition.gallery-flow .meal-gallery{display:block;margin:16px -60px 0}
#unit-nutrition.gallery-flow .gallery{display:flex;grid-template-columns:none;gap:22px;overflow-x:auto;padding:0 60px 14px;scroll-padding:60px;margin:0;scroll-snap-type:x mandatory}
#unit-nutrition.gallery-flow .gallery>li{flex-basis:31%}
#unit-nutrition.gallery-flow .gallery-photo{border-radius:23px}
#unit-nutrition.gallery-flow .gallery-caption{font-size:18px;min-height:39px;padding-top:15px}
#unit-nutrition.gallery-flow .gallery-controls{padding:0 60px}
#unit-nutrition.gallery-flow .usage-chapter>.ingredients{font-size:11px;max-width:none;margin-top:22px}
#unit-nutrition.gallery-flow .benefits-chapter{padding-top:30px}
#unit-nutrition.gallery-flow .benefits-heading h2{font-size:35px;max-width:none}
:where(#unit-nutrition) .benefits-intro{font-size:14px;margin-top:15px}
#unit-nutrition.gallery-flow .benefit-grid{margin-top:22px}}
#unit-nutrition.recipe-play .perspective{width:calc(100% - 48px);max-width:760px;padding:17px 17px 16px;border-radius:21px;margin:0 auto}
#unit-nutrition.recipe-play .perspective h2{font-size:13px;font-weight:450;line-height:1.4;letter-spacing:-.02em;text-align:left;max-width:460px;color:#e4ecdf}
#unit-nutrition.recipe-play .portion-canvas{max-width:420px;margin:7px auto 0}
#unit-nutrition.recipe-play .portion-amounts{position:absolute;inset:0 0 auto;max-width:420px;width:100%;margin:0;grid-template-columns:42% 58%}
#unit-nutrition.recipe-play .portion-amounts .measure{font-size:31px;line-height:1}
#unit-nutrition.recipe-play .portion-amounts .measure span{font-size:16px}
#unit-nutrition.recipe-play .portion-amounts .specimen-label{font-size:9px;margin-top:4px}
#unit-nutrition.recipe-play .portion-arrow{top:10px;font-size:12px}
#unit-nutrition.recipe-play .portion-arrow small{font-size:9px}
#unit-nutrition.recipe-play .portions .graphic-scope{border:0;max-width:460px;margin:9px auto 0;padding:0;font-size:10px;line-height:1.5}
#unit-nutrition.recipe-play .usage-chapter{padding-top:25px}
#unit-nutrition.recipe-play .recipe-gallery{margin-top:13px}
#unit-nutrition.recipe-play .recipe-gallery .gallery{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:42%;gap:13px 12px;align-items:start;padding-bottom:8px;scroll-snap-type:x proximity}
#unit-nutrition.recipe-play .recipe-gallery .gallery>li{min-width:0;scroll-snap-align:start}
#unit-nutrition.recipe-play .recipe-gallery .gallery-photo{aspect-ratio:1.2;border-radius:14px;position:relative}
#unit-nutrition.recipe-play .recipe-gallery .gallery-caption{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;padding-right:13px;font-size:11px;line-height:1.3;letter-spacing:-.025em;padding-top:8px;min-height:37px;gap:5px;align-items:start}
#unit-nutrition.recipe-play .recipe-gallery .gallery-caption>span{position:absolute;right:0;top:8px;font-size:12px}
#unit-nutrition.recipe-play .recipe-gallery .gallery-card{color:var(--ink);text-decoration:none}
#unit-nutrition.recipe-play .recipe-gallery .gallery-photo img{object-position:center}
:where(#unit-nutrition) .picked-recipe .gallery-photo{outline:2px solid #a4cd3a;outline-offset:3px}
:where(#unit-nutrition) .picked-label{position:absolute;top:8px;left:8px;background:#f4f8e7;color:#144444;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:500;line-height:1}
:where(#unit-nutrition) .recipe-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 24px 0}
:where(#unit-nutrition) .recipe-choose{display:flex;align-items:center;gap:7px;min-width:0}
:where(#unit-nutrition) .category-control{display:block;min-width:0}
:where(#unit-nutrition) .category-control select{width:130px;max-width:100%;min-height:44px;border:1px solid #dde5d5;border-radius:999px;background:#f3f6ea;color:#144444;font:inherit;font-size:11px;letter-spacing:-.015em;padding:0 10px;cursor:pointer}
:where(#unit-nutrition) .shuffle-recipe{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:50%;background:#144444;color:#f3f8e8;cursor:pointer}
:where(#unit-nutrition) .shuffle-recipe svg{display:block;width:23px;height:23px}
#unit-nutrition.recipe-play .recipe-toolbar .gallery-controls{padding:0;gap:6px}
#unit-nutrition.recipe-play .recipe-toolbar .gallery-controls button{background:#edf1e5}
:where(#unit-nutrition) .recipe-status{font-size:10px;line-height:1.45;letter-spacing:-.01em;min-height:29px;color:var(--muted);padding:11px 24px 0}
:where(#unit-nutrition) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#unit-nutrition.recipe-play .usage-chapter>.ingredients{margin-top:16px}
@media(max-width:359px){#unit-nutrition.recipe-play .perspective{width:calc(100% - 40px);padding:15px}
#unit-nutrition.recipe-play .portion-amounts .measure{font-size:28px}
#unit-nutrition.recipe-play .portion-amounts .measure span{font-size:14px}
#unit-nutrition.recipe-play .portion-amounts .specimen-label{font-size:8px}
#unit-nutrition.recipe-play .portion-arrow{top:8px;font-size:10px}
#unit-nutrition.recipe-play .portion-arrow small{font-size:8px}
#unit-nutrition.recipe-play .perspective h2{font-size:12px}
#unit-nutrition.recipe-play .portions .graphic-scope{font-size:9px}
:where(#unit-nutrition) .recipe-toolbar{padding-left:20px;padding-right:20px;gap:6px}
:where(#unit-nutrition) .recipe-choose{gap:5px}
:where(#unit-nutrition) .category-control select{width:108px;font-size:10px;padding-left:8px;padding-right:4px}
#unit-nutrition.recipe-play .recipe-toolbar .gallery-controls{gap:4px}
:where(#unit-nutrition) .recipe-status{padding-left:20px;padding-right:20px;font-size:9px}
#unit-nutrition.recipe-play .recipe-gallery .gallery-caption{font-size:10px;min-height:34px}}
@media(min-width:700px){#unit-nutrition.recipe-play .perspective{width:calc(100% - 120px);max-width:760px;padding:20px 28px 18px;border-radius:23px}
#unit-nutrition.recipe-play .perspective h2{font-size:14px;text-align:center}
#unit-nutrition.recipe-play .portion-canvas{margin-top:7px;max-width:420px}
#unit-nutrition.recipe-play .portion-amounts .measure{font-size:38px}
#unit-nutrition.recipe-play .portion-amounts .measure span{font-size:18px}
#unit-nutrition.recipe-play .portion-amounts .specimen-label{font-size:10px;margin-top:5px}
#unit-nutrition.recipe-play .portion-arrow{font-size:14px;top:12px}
#unit-nutrition.recipe-play .portion-arrow small{font-size:8px}
#unit-nutrition.recipe-play .portions .graphic-scope{font-size:10px;max-width:600px;margin-top:10px}
#unit-nutrition.recipe-play .usage-chapter{padding-top:30px}
#unit-nutrition.recipe-play .recipe-gallery .gallery{grid-template-rows:1fr;grid-auto-columns:17%;gap:17px;display:grid}
#unit-nutrition.recipe-play .recipe-gallery .gallery-photo{border-radius:16px}
#unit-nutrition.recipe-play .recipe-gallery .gallery-caption{font-size:13px;min-height:42px;padding-top:10px}
#unit-nutrition.recipe-play .recipe-gallery .gallery-caption>span{font-size:13px}
:where(#unit-nutrition) .recipe-toolbar{padding:8px 60px 0;gap:14px}
:where(#unit-nutrition) .recipe-choose{gap:9px}
:where(#unit-nutrition) .category-control select{width:166px;font-size:12px;padding-left:14px}
:where(#unit-nutrition) .recipe-status{padding-left:60px;padding-right:60px;font-size:11px;min-height:28px}
#unit-nutrition.recipe-play .usage-chapter>.ingredients{margin-top:17px}}
@font-face {font-family:"Work Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url("/versions/freshness-codex/media/work-sans.woff2") format("woff2");}
#unit-freshness{
  --deep: #0a2a2a;
  --ink: #144444;
  --lime: #a4cd3a;
  --paper: #ffffff;
  --line: #e8e8e8;
  --muted: #637272;
  --nav-h: 76px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  color-scheme: light;
}
@media (max-width: 700px) {#unit-freshness{
    --nav-h: 64px;
  }}
:where(#unit-freshness) *,:where(#unit-freshness) *::before,:where(#unit-freshness) *::after{
  box-sizing: border-box;
}
#unit-freshness{
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scrollbar-width: none;
}
#unit-freshness::-webkit-scrollbar{ display: none; }
#unit-freshness{
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Work Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
:where(#unit-freshness) img,:where(#unit-freshness) video{
  display: block;
  max-width: 100%;
}
:where(#unit-freshness) button{
  font: inherit;
  color: inherit;
}
:where(#unit-freshness) .sr{
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
:where(#unit-freshness) .nav{
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  height: var(--nav-h);
  padding: 0 max(32px, calc((100% - 1200px) / 2));
  border-bottom: 1px solid rgb(20 68 68 / 7%);
  background: rgb(255 255 255 / 94%);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
:where(#unit-freshness) .nav-logo{
  width: 156px;
  height: 38px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(20%) sepia(26%) saturate(718%) hue-rotate(106deg);
}
:where(#unit-freshness) .nav-links{
  display: flex;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
}
:where(#unit-freshness) .nav-menu{
  display: none;
}
:where(#unit-freshness) .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 24px;
  border-radius: 100px;
  background: var(--lime);
  color: var(--deep);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
:where(#unit-freshness) .btn-dark{
  background: var(--ink);
  color: #fff;
}
:where(#unit-freshness) .ctx{
  display: grid;
  place-items: center;
  min-height: 72vh;
  background: var(--paper);
  color: #9aa6a6;
  font-size: 13px;
  letter-spacing: 0.02em;
}
:where(#unit-freshness) .ctx p{
  margin: 0;
}
:where(#unit-freshness) .ctx-below{
  min-height: 100vh;
  align-items: start;
  padding-top: 64px;
}
:where(#unit-freshness) .orderbar{
  display: none;
}
@media (max-width: 700px) {:where(#unit-freshness) .nav{
    padding-inline: 20px;
  }
:where(#unit-freshness) .nav-logo{
    width: 124px;
    height: 32px;
  }
:where(#unit-freshness) .nav-links,:where(#unit-freshness) .nav-btn{
    display: none;
  }
:where(#unit-freshness) .nav-menu{
    display: block;
    width: 28px;
    height: 28px;
    margin-right: -2px;
  }
:where(#unit-freshness) .orderbar{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 29;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px max(20px, env(safe-area-inset-right, 0px)) max(10px, env(safe-area-inset-bottom, 0px))
      max(20px, env(safe-area-inset-left, 0px));
    border-top: 1px solid var(--line);
    background: rgb(255 255 255 / 97%);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: 0 -8px 24px rgb(20 68 68 / 10%);
    color: var(--ink);
  }
:where(#unit-freshness) .orderbar p{
    display: grid;
    min-width: 0;
    margin: 0;
    line-height: 1.3;
  }
:where(#unit-freshness) .orderbar strong{
    font-size: 15px;
    font-weight: 650;
  }
:where(#unit-freshness) .orderbar p > span{
    color: var(--muted);
    font-size: 12.5px;
  }
:where(#unit-freshness) .orderbar .btn{
    flex: none;
    padding-inline: 18px;
  }}
@media (max-width: 400px) {:where(#unit-freshness) .orderbar .extra{
    display: none;
  }}
:where(#unit-freshness) .fx{
  position: relative;
  padding: clamp(56px, 6vw, 88px) 0 clamp(48px, 5.5vw, 80px);
  background: var(--deep);
  color: #fff;
}
:where(#unit-freshness) .fx-inner{
  width: min(1200px, calc(100% - 96px));
  margin-inline: auto;
}
:where(#unit-freshness) .fx h2{
  max-width: 860px;
  margin: 0;
  color: #fff;
  font-size: clamp(36px, 4.2vw, 58px);
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 1.04;
  text-wrap: balance;
}
:where(#unit-freshness) .fx-keep{
  white-space: nowrap;
}
:where(#unit-freshness) .fx-ul{
  position: relative;
  display: inline-block;
}
:where(#unit-freshness) .fx-scribble{
  position: absolute;
  bottom: -0.26em;
  left: -3%;
  width: 106%;
  height: 0.42em;
  overflow: visible;
  pointer-events: none;
}
:where(#unit-freshness) .fx-scribble path{
  fill: none;
  stroke: var(--lime);
  stroke-width: 8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:where(#unit-freshness) .fx-scribble path + path{
  stroke-width: 5;
  opacity: 0.9;
}
:where(#unit-freshness) .fx-ref{
  position: relative;
  display: inline-block;
  margin-left: 1px;
  padding: 0 2px;
  border: 0;
  background: none;
  font-size: 0.62em;
  font-weight: 600;
  line-height: 1;
  vertical-align: 0.6em;
  cursor: pointer;
}
:where(#unit-freshness) .fx-ref::after{
  content: "";
  position: absolute;
  inset: -16px -14px;
}
:where(#unit-freshness) .fx-ref:hover{
  text-decoration: underline;
  text-underline-offset: 2px;
}
:where(#unit-freshness) .fx-source{
  max-width: 96ch;
  margin: 18px 0 0;
  color: #aebfb9;
  font-size: 13px;
  line-height: 1.55;
}
:where(#unit-freshness) .fx-source p{
  margin: 0;
}
:where(#unit-freshness) .fx-source a{
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
:where(#unit-freshness) .fx :is(a, button):focus-visible{
  outline: 3px solid var(--lime);
  outline-offset: 3px;
  border-radius: 6px;
}
:where(#unit-freshness) .shelf{
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(180deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 0%) 24%),
    linear-gradient(180deg, #3b4544, #262f2e 55%, #19201f);
}
:where(#unit-freshness) .ph{
  position: absolute;
  top: 46%;
  left: 50%;
  z-index: 2;
  display: grid;
  gap: 3px;
  width: max-content;
  max-width: calc(100% - 28px);
  margin: 0;
  padding: 10px 14px;
  transform: translate(-50%, -50%);
  border: 1px dashed rgb(255 255 255 / 40%);
  border-radius: 14px;
  color: rgb(255 255 255 / 78%);
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
}
:where(#unit-freshness) .ph b{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
:where(#unit-freshness) .film{
  position: absolute;
  inset: 0;
  z-index: -2;
  margin: 0;
  background: #173a2c;
}
:where(#unit-freshness) .film video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where(#unit-freshness) .film-toggle{
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid rgb(255 255 255 / 55%);
  border-radius: 50%;
  background: rgb(10 42 42 / 55%);
  color: #fff;
  cursor: pointer;
}
:where(#unit-freshness) .film-toggle::after{
  content: "";
  position: absolute;
  inset: -5px;
}
:where(#unit-freshness) .film-toggle svg{
  width: 13px;
  height: 13px;
  fill: currentColor;
}
:where(#unit-freshness) .film-toggle .i-play{
  display: none;
}
:where(#unit-freshness) .film-toggle[data-playing="false"] .i-play{
  display: block;
}
:where(#unit-freshness) .film-toggle[data-playing="false"] .i-pause{
  display: none;
}
@media (max-width: 700px) {:where(#unit-freshness) .fx{
    padding: 40px 0 36px;
  }
:where(#unit-freshness) .fx-inner{
    width: calc(100% - 40px);
  }
:where(#unit-freshness) .fx h2{
    font-size: clamp(30px, 8.4vw, 36px);
  }}
#unit-freshness.fx-noanim *,#unit-freshness.fx-noanim *::before,#unit-freshness.fx-noanim *::after,:where(#unit-freshness) [data-rm] *,:where(#unit-freshness) [data-rm] *::before,:where(#unit-freshness) [data-rm] *::after{
  transition: none !important;
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {:where(#unit-freshness) *,:where(#unit-freshness) *::before,:where(#unit-freshness) *::after{
    transition: none !important;
    animation: none !important;
  }}
@property --lvl {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 25%;
}
:where(#unit-freshness) .d-pair{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto minmax(24px, 1fr) auto auto;
  column-gap: 14px;
  min-height: clamp(420px, 33vw, 470px);
  margin-top: clamp(28px, 3vw, 40px);
}
:where(#unit-freshness) .d-card{
  position: relative;
  isolation: isolate;
  display: grid;
  grid-row: 1 / -1;
  grid-template-rows: subgrid;
  min-width: 0;
  padding: clamp(22px, 2.8vw, 40px);
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 10%);
  border-radius: 24px;
}
:where(#unit-freshness) .d-store{
  background: linear-gradient(180deg, #37413f 0%, #252e2d 55%, #1b2221 100%);
}
:where(#unit-freshness) .d-ours{
  background: #173a2c;
}
:where(#unit-freshness) .d-ours picture{
  position: absolute;
  inset: 0;
  z-index: -2;
}
:where(#unit-freshness) .d-photo{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 58%;
}
:where(#unit-freshness) .d-ours::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgb(10 42 42 / 92%) 0%, rgb(10 42 42 / 66%) 22%, rgb(10 42 42 / 0%) 40%),
    linear-gradient(0deg, rgb(10 42 42 / 100%) 0%, rgb(10 42 42 / 97%) 30%, rgb(10 42 42 / 72%) 48%, rgb(10 42 42 / 0%) 70%);
}
:where(#unit-freshness) .d-ours .d-route li{
  text-shadow: 0 1px 10px rgb(10 42 42 / 85%);
}
:where(#unit-freshness) .d-hours{
  text-shadow: 0 2px 28px rgb(10 42 42 / 55%);
}
:where(#unit-freshness) .d-head h3{
  display: inline;
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: 1.3;
}
:where(#unit-freshness) .d-head p{
  display: inline;
  margin: 0 0 0 6px;
  color: rgb(255 255 255 / 86%);
  font-size: 15px;
  line-height: 1.3;
}
:where(#unit-freshness) .ul{
  position: relative;
  display: inline-block;
}
:where(#unit-freshness) .ul svg{
  position: absolute;
  bottom: -0.3em;
  left: -0.04em;
  width: calc(100% + 0.06em);
  height: 0.3em;
  overflow: visible;
  pointer-events: none;
}
:where(#unit-freshness) .ul path{
  fill: none;
  stroke: var(--lime);
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
:where(#unit-freshness) .ul path:first-child{
  stroke-width: 0.13em;
}
:where(#unit-freshness) .ul path + path{
  stroke-width: 0.09em;
  opacity: 0.9;
}
:where(#unit-freshness) .d-route{
  --n: 5;
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-self: start;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}
:where(#unit-freshness) .d-route li{
  display: grid;
  justify-items: center;
  gap: 9px;
  color: rgb(255 255 255 / 74%);
  font-size: 12.5px;
  line-height: 1.2;
  text-align: center;
}
:where(#unit-freshness) .d-route::before{
  content: "";
  position: absolute;
  top: 3px;
  left: 10%;
  width: calc((var(--n) - 1) * 20%);
  height: 6px;
}
:where(#unit-freshness) .d-store .d-route::before{
  background: linear-gradient(90deg, var(--lime), #9cb964 30%, #7b9187 65%, #5f6e69);
  clip-path: polygon(0 0, 100% 25%, 100% 75%, 0 100%);
}
:where(#unit-freshness) .d-ours .d-route::before{
  border-radius: 3px;
  background: var(--lime);
}
:where(#unit-freshness) .d-dot{
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--lime) calc(100% - var(--i) * 22%), #7d8b86);
  box-shadow: 0 0 0 3px rgb(20 30 30 / 90%);
}
:where(#unit-freshness) .d-ours .d-dot{
  background: var(--lime);
  box-shadow: 0 0 0 3px rgb(10 42 42 / 90%);
}
:where(#unit-freshness) .d-ours .d-route li{
  color: #fff;
  font-weight: 600;
}
:where(#unit-freshness) .d-big{
  align-self: end;
  justify-self: start;
  margin: 0 0 clamp(12px, 1.3vw, 18px);
  padding-right: 0.05em;
  font-size: clamp(88px, 10.4vw, 150px);
  font-weight: 650;
  letter-spacing: -0.05em;
  line-height: 0.82;
}
:where(#unit-freshness) .d-fill{
  margin-left: -0.03em;
}
:where(#unit-freshness) .d-hours{
  margin-left: -0.075em;
}
:where(#unit-freshness) .d-line{
  text-wrap: pretty;
}
:where(#unit-freshness) .d-line .fx-ref{
  margin-left: 0;
  padding: 0 1px;
}
:where(#unit-freshness) .d-fill{
  --lvl: 25%;
  background-image: linear-gradient(to top, var(--lime) var(--lvl), rgb(255 255 255 / 55%) var(--lvl));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
:where(#unit-freshness) .d-fill{
  position: relative;
}
:where(#unit-freshness) .d-level{
  position: absolute;
  right: -0.15em;
  bottom: calc(var(--lvl) * 0.82 + 0.02em);
  display: flex;
  align-items: center;
  gap: 8px;
  transform: translate(100%, 50%);
  color: var(--lime);
  -webkit-text-fill-color: var(--lime);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
}
:where(#unit-freshness) .d-level::before{
  content: "";
  width: 28px;
  height: 1.5px;
  background: var(--lime);
}
:where(#unit-freshness) .d-hours{
  color: var(--lime);
}
:where(#unit-freshness) .d-line{
  max-width: 30ch;
  margin: 0;
  color: #fff;
  font-size: clamp(16px, 1.5vw, 21px);
  font-weight: 500;
  letter-spacing: -0.015em;
  line-height: 1.3;
}
:where(#unit-freshness) .d-fill{
  transition: --lvl 0.9s cubic-bezier(0.33, 0, 0.2, 1);
}
:where(#unit-freshness) .d-route::before{
  transform-origin: center left;
  transition: transform 0.85s cubic-bezier(0.45, 0, 0.25, 1);
}
:where(#unit-freshness) .d-ours .d-route::before{
  transition-duration: 0.25s;
  transition-timing-function: var(--ease-out);
}
:where(#unit-freshness) .d-route li > span:last-child,:where(#unit-freshness) .d-dot{
  transition:
    opacity 0.16s ease-out calc(var(--i) * 0.19s),
    background-color 0.16s ease-out calc(var(--i) * 0.19s);
}
:where(#unit-freshness) .d-ours .d-route li > span:last-child,:where(#unit-freshness) .d-ours .d-dot{
  transition-delay: calc(var(--i) * 0.22s);
}
:where(#unit-freshness) .d-level{
  transition: opacity 0.2s ease-out 0.7s;
}
:where(#unit-freshness) .d-pair[data-state="ready"] .d-fill{
  --lvl: 100%;
}
:where(#unit-freshness) .d-pair[data-state="ready"] .d-route::before{
  transform: scaleX(0);
}
:where(#unit-freshness) .d-pair[data-state="ready"] .d-route li > span:last-child{
  opacity: 0.3;
}
:where(#unit-freshness) .d-pair[data-state="ready"] .d-dot{
  background-color: #34504b;
}
:where(#unit-freshness) .d-pair[data-state="ready"] .d-level{
  opacity: 0;
}
:where(#unit-freshness) .door{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  margin-top: clamp(18px, 2.2vw, 28px);
  padding: 0 16px 0 20px;
  border: 1.5px solid rgb(255 255 255 / 50%);
  border-radius: 100px;
  background: transparent;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}
:where(#unit-freshness) .door:hover{
  background: #fff;
  color: var(--deep);
}
:where(#unit-freshness) .more{
  width: 100%;
  max-width: 100%;
  height: 92vh;
  max-height: 92vh;
  margin: auto 0 0;
  padding: 0;
  border: 0;
  border-radius: 24px 24px 0 0;
  background: #fff;
  color: var(--ink);
  overflow: hidden;
}
:where(#unit-freshness) .more[open]{
  display: flex;
  flex-direction: column;
  animation: freshness-more-up 0.32s var(--ease-out);
}
@keyframes freshness-more-up {
  from {
    transform: translateY(48px);
    opacity: 0;
  }
}
@keyframes freshness-more-in {
  from {
    transform: translateX(48px);
    opacity: 0;
  }
}
:where(#unit-freshness) .more::backdrop{
  background: rgb(10 42 42 / 45%);
}
:where(#unit-freshness) .more-grab{
  flex: none;
  width: 36px;
  height: 5px;
  margin: 8px auto 0;
  border-radius: 5px;
  background: var(--line);
}
:where(#unit-freshness) .more-head{
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 20px 6px;
}
:where(#unit-freshness) .more-head h3{
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
:where(#unit-freshness) .more-close{
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-right: -10px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--ink);
  cursor: pointer;
}
:where(#unit-freshness) .more-body{
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 4px 20px 32px;
}
:where(#unit-freshness) .more-section + .more-section{
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}
:where(#unit-freshness) .more-label{
  margin: 0 0 10px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
:where(#unit-freshness) .more-list{
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
:where(#unit-freshness) .more-list li{
  font-size: 15px;
  line-height: 1.45;
}
:where(#unit-freshness) .more-list strong{
  display: block;
  margin-bottom: 2px;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
:where(#unit-freshness) .more-p{
  margin: 0;
  font-size: 17px;
  line-height: 1.4;
}
:where(#unit-freshness) .more-note{
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
:where(#unit-freshness) .more-note a{
  color: var(--ink);
}
:where(#unit-freshness) .more :is(a, button):focus-visible{
  outline: 2px solid var(--ink);
  outline-offset: 3px;
}
.more-still #unit-freshness::after{
  content: "";
  position: fixed;
  inset: 0;
  z-index: 40;
  background: rgb(10 42 42 / 45%);
}
#unit-freshness.more-still .more[open]{
  position: fixed;
  inset: auto 0 0 0;
  z-index: 50;
  animation: none;
}
@media (min-width: 701px) {:where(#unit-freshness) .more{
    width: 480px;
    max-width: 480px;
    height: 100vh;
    max-height: 100vh;
    margin: 0 0 0 auto;
    border-radius: 24px 0 0 24px;
  }
:where(#unit-freshness) .more[open]{
    animation-name: freshness-more-in;
  }
#unit-freshness.more-still .more[open]{
    inset: 0 0 0 auto;
  }
:where(#unit-freshness) .more-grab{
    display: none;
  }
:where(#unit-freshness) .more-head{
    padding: 28px 32px 10px;
  }
:where(#unit-freshness) .more-body{
    padding: 4px 32px 40px;
  }}
:where(#unit-freshness) .d-head{ grid-row: 1; }
:where(#unit-freshness) .d-route{ grid-row: 2; }
:where(#unit-freshness) .d-spacer{ grid-row: 3; }
:where(#unit-freshness) .d-big{ grid-row: 4; }
:where(#unit-freshness) .d-line{ grid-row: 5; }
:where(#unit-freshness) .d-pair[data-align="top"]{
  grid-template-rows: auto auto auto auto minmax(20px, 1fr);
  min-height: clamp(400px, 30vw, 440px);
}
:where(#unit-freshness) .d-pair[data-align="top"] .d-big{
  grid-row: 2;
  align-self: start;
  margin-top: clamp(22px, 2.6vw, 34px);
}
:where(#unit-freshness) .d-pair[data-align="top"] .d-line{ grid-row: 3; }
:where(#unit-freshness) .d-pair[data-align="top"] .d-route{
  grid-row: 4;
  margin-top: clamp(22px, 2.6vw, 34px);
}
:where(#unit-freshness) .d-pair[data-align="top"] .d-spacer{ grid-row: 5; }
:where(#unit-freshness) .d-fill{
  background-image: linear-gradient(to top, var(--lime) var(--lvl), rgb(255 255 255 / 78%) var(--lvl));
}
:where(#unit-freshness) .d-pair[data-case="caps"] .d-hours{
  margin-left: -0.06em;
  text-transform: uppercase;
}
:where(#unit-freshness) .d-store{
  background: #1b2221;
}
:where(#unit-freshness) .d-store picture{
  position: absolute;
  inset: 0;
  z-index: -2;
}
:where(#unit-freshness) .d-store .d-photo{
  object-position: 40% 50%;
  filter: saturate(0.75);
}
:where(#unit-freshness) .d-store::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgb(22 30 29 / 90%) 0%, rgb(22 30 29 / 74%) 40%, rgb(22 30 29 / 80%) 72%, rgb(22 30 29 / 92%) 100%);
}
:where(#unit-freshness) .d-ours .d-photo{
  object-position: 50% 40%;
}
:where(#unit-freshness) .d-pair[data-align="top"] .d-ours::after{
  background:
    radial-gradient(60% 30% at 18% 77%, rgb(10 42 42 / 90%) 0%, rgb(10 42 42 / 62%) 55%, rgb(10 42 42 / 0%) 100%),
    linear-gradient(180deg, rgb(10 42 42 / 94%) 0%, rgb(10 42 42 / 88%) 54%, rgb(10 42 42 / 45%) 74%, rgb(10 42 42 / 0%) 92%);
}
:where(#unit-freshness) .d-card[data-sheet]{
  cursor: pointer;
}
:where(#unit-freshness) .d-more{
  position: absolute;
  top: clamp(14px, 2vw, 22px);
  right: clamp(14px, 2vw, 22px);
  z-index: 2;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgb(255 255 255 / 50%);
  border-radius: 50%;
  background: rgb(10 42 42 / 40%);
  color: #fff;
  cursor: pointer;
}
:where(#unit-freshness) .d-more::after{
  content: "";
  position: absolute;
  inset: -6px;
}
:where(#unit-freshness) .d-more:hover{
  background: #fff;
  color: var(--deep);
}
:where(#unit-freshness) .d-head{
  padding-right: 40px;
}
:where(#unit-freshness) .f-waste{
  max-width: 44ch;
  margin: clamp(18px, 2.2vw, 28px) 0 0;
  color: rgb(255 255 255 / 86%);
  font-size: clamp(15px, 1.4vw, 19px);
  line-height: 1.42;
}
:where(#unit-freshness) .f-waste strong{
  color: #fff;
  font-weight: 650;
}
:where(#unit-freshness) .f-waste .fx-ref{
  margin: 0 2px 0 0;
  padding: 0 1px;
}
:where(#unit-freshness) .bars{
  display: grid;
  gap: 10px;
  margin: 2px 0 16px;
}
:where(#unit-freshness) .bars p{
  display: grid;
  grid-template-columns: 6.6em minmax(0, 1fr) 3em;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-size: 13px;
}
:where(#unit-freshness) .bars span{
  color: var(--muted);
}
:where(#unit-freshness) .bars i{
  height: 10px;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--lime) var(--w), #e9eeec var(--w));
}
:where(#unit-freshness) .bars b{
  color: var(--ink);
  font-weight: 650;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
:where(#unit-freshness) .cite{
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.5;
}
:where(#unit-freshness) .cite a{
  color: var(--ink);
}
:where(#unit-freshness) .more-sub{
  margin: 6px 0 0;
  font-size: 15px;
  line-height: 1.45;
}
:where(#unit-freshness) .stat-pair{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
:where(#unit-freshness) .stat-pair p{
  display: grid;
  gap: 2px;
  margin: 0;
}
:where(#unit-freshness) .stat-pair b{
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1;
}
:where(#unit-freshness) .stat-pair span{
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}
@media (max-width: 700px) {:where(#unit-freshness) .d-pair{
    column-gap: 8px;
    min-height: 0;
    margin-top: 22px;
  }
:where(#unit-freshness) .d-card{
    padding: 14px 12px 14px 14px;
    border-radius: 18px;
  }
:where(#unit-freshness) .d-head h3,:where(#unit-freshness) .d-head p{
    display: block;
    font-size: 13px;
  }
:where(#unit-freshness) .d-head p{
    margin: 2px 0 0;
  }
:where(#unit-freshness) .d-route{
    display: flex;
    flex-direction: column;
    margin-top: 14px;
  }
:where(#unit-freshness) .d-route li{
    display: flex;
    align-items: center;
    justify-items: start;
    gap: 10px;
    height: 23px;
    font-size: 13px;
    text-align: left;
  }
:where(#unit-freshness) .d-route::before{
    top: 11.5px;
    left: 3px;
    width: 6px;
    height: calc((var(--n) - 1) * 23px);
    transform-origin: top center;
  }
:where(#unit-freshness) .d-pair[data-state="ready"] .d-route::before{
    transform: scaleY(0);
  }
:where(#unit-freshness) .d-level{
    right: auto;
    bottom: 0.02em;
    left: 100%;
    display: block;
    width: 2.5em;
    margin-left: 4px;
    transform: none;
    font-size: 11px;
    line-height: 1.08;
    white-space: normal;
  }
:where(#unit-freshness) .d-level::before{
    display: none;
  }
:where(#unit-freshness) .d-store .d-route::before{
    background: linear-gradient(180deg, var(--lime), #9cb964 30%, #7b9187 65%, #5f6e69);
    clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
  }
:where(#unit-freshness) .d-dot{
    flex: none;
  }
:where(#unit-freshness) .d-big{
    margin-bottom: 10px;
    font-size: 13.4vw;
  }
:where(#unit-freshness) .d-pair[data-align="top"]{
    min-height: 0;
  }
:where(#unit-freshness) .d-pair[data-align="top"] .d-big{
    margin-top: 16px;
  }
:where(#unit-freshness) .d-pair[data-align="top"] .d-route{
    margin-top: 16px;
  }
:where(#unit-freshness) .d-more{
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
  }
:where(#unit-freshness) .d-head{
    padding-right: 26px;
  }
:where(#unit-freshness) .d-pair[data-align="top"] .d-ours::after{
    background:
      linear-gradient(180deg, rgb(10 42 42 / 95%) 0%, rgb(10 42 42 / 92%) 66%, rgb(10 42 42 / 45%) 82%, rgb(10 42 42 / 0%) 96%);
  }
:where(#unit-freshness) .d-line{
    font-size: 15px;
    line-height: 1.28;
  }
:where(#unit-freshness) .d-ours::after{
    background:
      linear-gradient(180deg, rgb(10 42 42 / 94%) 0%, rgb(10 42 42 / 90%) 31%, rgb(10 42 42 / 0%) 45%),
      linear-gradient(0deg, rgb(10 42 42 / 100%) 0%, rgb(10 42 42 / 96%) 30%, rgb(10 42 42 / 60%) 44%, rgb(10 42 42 / 0%) 58%);
  }}
:where(#unit-freshness) .d-floor{
  display: none;
  margin: 0;
  overflow: hidden;
}
:where(#unit-freshness) .d-floor img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where(#unit-freshness) .d-store .d-floor img{
  object-position: 20% 50%;
}
:where(#unit-freshness) .d-pair[data-floor]{
  grid-template-rows: auto auto auto auto minmax(12px, 1fr) auto;
  min-height: 0;
}
:where(#unit-freshness) .d-pair[data-floor] .d-card > picture,:where(#unit-freshness) .d-pair[data-floor] .d-card::after{
  display: none;
}
:where(#unit-freshness) .d-pair[data-floor] .d-store{
  background: #1f2827;
}
:where(#unit-freshness) .d-pair[data-floor] .d-ours{
  background: #0f3631;
}
:where(#unit-freshness) .d-pair[data-floor] :is(.d-route li, .d-hours){
  text-shadow: none;
}
:where(#unit-freshness) .d-pair[data-floor] .d-floor{
  display: block;
  grid-row: 6;
  height: clamp(80px, 6.6vw, 96px);
  margin: 0 calc(-1 * clamp(22px, 2.8vw, 40px)) calc(-1 * clamp(22px, 2.8vw, 40px));
}
:where(#unit-freshness) .d-pair[data-lean] .d-head p,:where(#unit-freshness) .d-pair[data-lean] .x-20{
  display: none;
}
:where(#unit-freshness) .d-pair[data-soft] .d-photo{
  filter: blur(1.5px) saturate(0.85);
  transform: scale(1.04);
}
:where(#unit-freshness) .d-pair[data-soft] .d-store::after{
  background: linear-gradient(180deg, rgb(22 30 29 / 88%) 0%, rgb(22 30 29 / 62%) 46%, rgb(22 30 29 / 68%) 74%, rgb(22 30 29 / 86%) 100%);
}
@media (max-width: 700px) {:where(#unit-freshness) .d-pair[data-floor] .d-floor{
    height: 60px;
    margin: 0 -12px -14px -14px;
  }
:where(#unit-freshness) .d-pair[data-tight] .d-route li{
    height: 18px;
    font-size: 12px;
  }
:where(#unit-freshness) .d-pair[data-tight] .d-route::before{
    top: 9px;
    height: calc((var(--n) - 1) * 18px);
  }}
:where(#unit-freshness) .d-more{
  width: 44px;
  height: 44px;
  top: calc(clamp(14px, 2vw, 22px) - 6px);
  right: calc(clamp(14px, 2vw, 22px) - 6px);
  border: 0;
  background: transparent;
}
:where(#unit-freshness) .d-more::before{
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px solid rgb(255 255 255 / 42%);
  border-radius: 50%;
  background: rgb(10 42 42 / 58%);
}
:where(#unit-freshness) .d-more::after{ display: none; }
:where(#unit-freshness) .d-more svg{ position: relative; }
:where(#unit-freshness) .d-more:hover{ background: transparent; color: #fff; }
:where(#unit-freshness) .d-more:hover::before{ border-color: #fff; background: var(--ink); }
:where(#unit-freshness) .fx .d-more:focus-visible{
  outline-offset: -4px;
  border-radius: 50%;
}
:where(#unit-freshness) .fx-ref{ scroll-margin: 16px; }
:where(#unit-freshness) .fx-ref::after{
  inset: auto;
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
}
:where(#unit-freshness) .more-body{ scrollbar-gutter: stable; }
:where(#unit-freshness) .d-card::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgb(10 42 42 / 24%) 0%, rgb(10 42 42 / 24%) 85%, rgb(10 42 42 / 0%) 100%);
}
:where(#unit-freshness) [data-proof="background"] .fx :is(h2, h3, .d-line, .d-big, .d-route li > span:last-child, .f-waste, .d-more){ visibility: hidden; }
:where(#unit-freshness) :is([data-refinement="01-type"], [data-refinement="05-best"]) .d-big{
  font-size: clamp(88px, 10vw, 144px);
  font-weight: 600;
  letter-spacing: -0.045em;
  text-shadow: none;
}
:where(#unit-freshness) :is([data-refinement="01-type"], [data-refinement="05-best"]) .d-fill{
  margin-left: -0.03544em;
  
  background-image: linear-gradient(to top, var(--lime) calc(var(--lvl) * .8292683 + .0565em), rgb(255 255 255 / 82%) calc(var(--lvl) * .8292683 + .0565em));
}
:where(#unit-freshness) :is([data-refinement="01-type"], [data-refinement="05-best"]) .d-hours{ margin-left: -0.08596em; }
:where(#unit-freshness) :is([data-refinement="01-type"], [data-refinement="05-best"]) .d-line{
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.36;
}
:where(#unit-freshness) :is([data-refinement="01-type"], [data-refinement="05-best"]) .d-level{ font-weight: 600; }
:where(#unit-freshness) :is([data-refinement="02-race"], [data-refinement="05-best"]) .d-dot{
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 2px rgb(10 42 42 / 88%);
}
:where(#unit-freshness) :is([data-refinement="02-race"], [data-refinement="05-best"]) .d-route::before{
  top: 4px;
  height: 2px;
  clip-path: none;
}
:where(#unit-freshness) :is([data-refinement="02-race"], [data-refinement="05-best"]) .d-route li{
  gap: 10px;
  color: rgb(255 255 255 / 85%);
  font-size: 13px;
}
:where(#unit-freshness) :is([data-refinement="02-race"], [data-refinement="05-best"]) .d-ours .d-route li{
  color: #fff;
  font-weight: 500;
}
:where(#unit-freshness) :is([data-refinement="03-photo"], [data-refinement="05-best"]) .d-pair .d-photo{
  filter: none;
  transform: none;
}
:where(#unit-freshness) :is([data-refinement="03-photo"], [data-refinement="05-best"]) .d-store .d-photo{ object-position: 35% 50%; }
:where(#unit-freshness) :is([data-refinement="03-photo"], [data-refinement="05-best"]) .d-pair .d-store::after{
  background: linear-gradient(180deg, rgb(10 42 42 / 94%) 0%, rgb(10 42 42 / 84%) 54%, rgb(10 42 42 / 72%) 76%, rgb(10 42 42 / 60%) 100%);
}
:where(#unit-freshness) :is([data-refinement="03-photo"], [data-refinement="05-best"]) .d-ours .d-photo{ object-position: 55% 45%; }
:where(#unit-freshness) :is([data-refinement="03-photo"], [data-refinement="05-best"]) .d-pair[data-align="top"] .d-ours::after{
  background: linear-gradient(180deg, rgb(10 42 42 / 97%) 0%, rgb(10 42 42 / 92%) 44%, rgb(10 42 42 / 78%) 70%, rgb(10 42 42 / 18%) 100%);
}
:where(#unit-freshness) :is([data-refinement="04-waste"], [data-refinement="05-best"]) .f-waste{
  max-width: 76ch;
  margin-top: 24px;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.005em;
  color: rgb(255 255 255 / 86%);
  text-wrap: pretty;
}
:where(#unit-freshness) :is([data-refinement="04-waste"], [data-refinement="05-best"]) .f-waste strong{ font-weight: 600; }
:where(#unit-freshness) :is([data-refinement="04-waste"], [data-refinement="05-best"]) .waste-second{ display: block; }
@media (max-width: 700px) {:where(#unit-freshness) .d-more{ top: 2px; right: 2px; }
:where(#unit-freshness) .d-more::before{ inset: 8px; }
:where(#unit-freshness) :is([data-refinement="01-type"], [data-refinement="05-best"]) .d-big{ font-size: 13.1vw; }
:where(#unit-freshness) :is([data-refinement="01-type"], [data-refinement="05-best"]) .d-line{
    font-size: 14.5px;
    line-height: 1.34;
  }
:where(#unit-freshness) :is([data-refinement="01-type"], [data-refinement="05-best"]) .d-pair[data-align="top"] .d-big{ margin-top: 16px; }
:where(#unit-freshness) :is([data-refinement="02-race"], [data-refinement="05-best"]) .d-pair .d-route li{
    height: 20px;
    gap: 11px;
    font-size: 12px;
  }
:where(#unit-freshness) :is([data-refinement="02-race"], [data-refinement="05-best"]) .d-dot{ width: 8px; height: 8px; }
:where(#unit-freshness) :is([data-refinement="02-race"], [data-refinement="05-best"]) .d-pair .d-route::before{
    top: 10px;
    left: 3px;
    width: 2px;
    height: calc((var(--n) - 1) * 20px);
  }
:where(#unit-freshness) :is([data-refinement="03-photo"], [data-refinement="05-best"]) .d-pair .d-store::after{
    background: linear-gradient(180deg, rgb(10 42 42 / 94%) 0%, rgb(10 42 42 / 84%) 54%, rgb(10 42 42 / 74%) 76%, rgb(10 42 42 / 60%) 100%);
  }
:where(#unit-freshness) :is([data-refinement="03-photo"], [data-refinement="05-best"]) .d-pair[data-align="top"] .d-ours::after{
    background: linear-gradient(180deg, rgb(10 42 42 / 97%) 0%, rgb(10 42 42 / 94%) 54%, rgb(10 42 42 / 84%) 74%, rgb(10 42 42 / 20%) 100%);
  }
:where(#unit-freshness) :is([data-refinement="04-waste"], [data-refinement="05-best"]) .f-waste{
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.45;
  }
:where(#unit-freshness) :is([data-refinement="04-waste"], [data-refinement="05-best"]) .waste-second{ margin-top: 4px; }}
@media (max-width: 700px) and (max-height: 720px) {:where(#unit-freshness) .fx{ padding: 16px 0 24px; }
:where(#unit-freshness) .fx h2{ font-size: 30px; }
:where(#unit-freshness) .d-pair{ margin-top: 20px; }
:where(#unit-freshness) .d-pair[data-align="top"]{ grid-template-rows: auto auto auto auto minmax(8px, 1fr); }
#unit-freshness[data-refinement] .d-pair[data-align="top"] .d-big{ margin-top: 12px; }
#unit-freshness[data-refinement] .d-pair[data-align="top"] .d-route{ margin-top: 12px; }
:where(#unit-freshness) .f-waste,:where(#unit-freshness) :is([data-refinement="04-waste"], [data-refinement="05-best"]) .f-waste{
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.45;
  }
:where(#unit-freshness) :is([data-refinement="04-waste"], [data-refinement="05-best"]) .waste-second{
    display: inline;
    margin-top: 0;
  }}
:where(#unit-freshness) #freshness .d-pair[data-align="top"]{
  grid-template-rows: auto auto auto minmax(24px, 1fr);
  min-height: clamp(270px, 23vw, 330px);
}
:where(#unit-freshness) #freshness .d-pair .d-spacer{ grid-row: 4; }
:where(#unit-freshness) #freshness .d-pair .d-big{ margin-top: 24px; margin-bottom: 14px; }
:where(#unit-freshness) #freshness .d-fill{ margin-left: -0.04388em; }
:where(#unit-freshness) #freshness .d-retained{ margin-left: -0.05138em; }
:where(#unit-freshness) #freshness .d-line{ max-width: 28ch; }
:where(#unit-freshness) .proposal-tag{
  display: block;
  margin-top: 6px;
  color: #d4dfda;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3;
}
:where(#unit-freshness) .delivery-comparison{ margin-top: 24px; }
:where(#unit-freshness) .journey-grid,:where(#unit-freshness) .distance-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 14px;
  padding: 0;
}
:where(#unit-freshness) .journey-cell{ padding-inline: 40px; }
:where(#unit-freshness) .distance-grid > .comparison-value{ padding-inline: 40px; }
:where(#unit-freshness) .comparison-label{
  grid-column: 1 / -1;
  margin: 0 0 10px 40px;
  color: #b7c7c2;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.02em;
}
:where(#unit-freshness) .comparison-value{
  margin: 0;
  color: #fff;
  font-size: 23px;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
:where(#unit-freshness) .journey-ours .comparison-value,:where(#unit-freshness) .comparison-local{ color: var(--lime); }
:where(#unit-freshness) .distance-grid{
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgb(255 255 255 / 12%);
}
:where(#unit-freshness) .delivery-comparison .fx-ref{ font-size: 10px; }
:where(#unit-freshness) #freshness .delivery-comparison .d-route{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 14px 0 0;
}
:where(#unit-freshness) #freshness .delivery-comparison .d-route li{
  display: grid;
  justify-items: center;
  align-items: start;
  gap: 8px;
  height: auto;
  color: #c6d2ce;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
}
:where(#unit-freshness) #freshness .delivery-comparison .d-dot{
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 2px var(--deep);
}
:where(#unit-freshness) #freshness .delivery-comparison .d-route::before{
  top: 4px;
  left: 10%;
  width: calc((var(--n) - 1) * 20%);
  height: 2px;
  clip-path: none;
  transform-origin: center left;
  background: linear-gradient(90deg, var(--lime), #6c8981);
}
:where(#unit-freshness) #freshness .journey-ours .d-route::before,:where(#unit-freshness) #freshness .journey-ours .d-dot{ background: var(--lime); }
:where(#unit-freshness) #freshness .journey-ours .d-route::before{
  border-radius: 2px;
  transition-duration: .25s;
  transition-timing-function: var(--ease-out);
}
:where(#unit-freshness) #freshness .journey-ours .d-route li{ color: #fff; font-weight: 500; }
:where(#unit-freshness) .percent-visual:has(.d-pair[data-state="ready"]) .delivery-comparison .d-route::before{ transform: scaleX(0); }
:where(#unit-freshness) .percent-visual:has(.d-pair[data-state="ready"]) .delivery-comparison .d-dot{ background-color: #34504b; }
:where(#unit-freshness) .percent-visual:has(.d-pair[data-state="ready"]) .delivery-comparison .d-route li > span:last-child{ opacity: .3; }
:where(#unit-freshness) .percent-visual .journey-ours .d-dot,:where(#unit-freshness) .percent-visual .journey-ours .d-route li > span:last-child{ transition-delay: calc(var(--i) * .22s); }
:where(#unit-freshness) #freshness .d-pair .d-store::after{
  background: linear-gradient(180deg, rgb(10 42 42 / 94%) 0%, rgb(10 42 42 / 90%) 68%, rgb(10 42 42 / 65%) 100%);
}
:where(#unit-freshness) #freshness .d-pair[data-align="top"] .d-ours::after{
  background: linear-gradient(180deg, rgb(10 42 42 / 97%) 0%, rgb(10 42 42 / 94%) 66%, rgb(10 42 42 / 40%) 100%);
}
@media (min-width: 701px) {:where(#unit-freshness) #freshness.fx{ padding-top: 56px; }
:where(#unit-freshness) #freshness .d-pair[data-align="top"]{ min-height: 290px; }
:where(#unit-freshness) #freshness .d-pair .d-card{ padding: 32px; }
:where(#unit-freshness) .journey-cell,:where(#unit-freshness) .distance-grid > .comparison-value{ padding-inline: 32px; }
:where(#unit-freshness) .comparison-label{ margin-left: 32px; }
:where(#unit-freshness) .delivery-comparison{ margin-top: 20px; }
:where(#unit-freshness) .distance-grid{ margin-top: 16px; padding-top: 12px; }
:where(#unit-freshness) #freshness .f-waste{ margin-top: 20px; }}
@media (max-width: 700px) {:where(#unit-freshness) #freshness .d-pair[data-align="top"]{
    min-height: 210px;
    grid-template-rows: auto auto auto minmax(12px, 1fr);
  }
:where(#unit-freshness) #freshness .d-pair .d-big{ margin-top: 16px; margin-bottom: 10px; }
:where(#unit-freshness) #freshness .d-pair .d-line{ font-size: 14px; line-height: 1.3; }
:where(#unit-freshness) .proposal-tag{ margin-top: 4px; font-size: 10.5px; line-height: 1.25; }
:where(#unit-freshness) .delivery-comparison{ margin-top: 16px; }
:where(#unit-freshness) .journey-grid,:where(#unit-freshness) .distance-grid{ column-gap: 8px; padding-inline: 0; }
:where(#unit-freshness) .journey-cell{ padding-inline: 14px; }
:where(#unit-freshness) .distance-grid > .comparison-value{ padding-inline: 14px; }
:where(#unit-freshness) .comparison-label{ margin-left: 14px; }
:where(#unit-freshness) .comparison-label{ margin-bottom: 6px; font-size: 10.5px; line-height: 1.2; }
:where(#unit-freshness) .comparison-value{ font-size: 16px; line-height: 1.2; letter-spacing: -0.025em; }
:where(#unit-freshness) #freshness .delivery-comparison .d-route{ margin-top: 10px; }
:where(#unit-freshness) #freshness .delivery-comparison .d-route li{ gap: 0; }
:where(#unit-freshness) #freshness .delivery-comparison .d-route li > span:last-child{ display: none; }
:where(#unit-freshness) #freshness .delivery-comparison .d-dot{ width: 8px; height: 8px; }
:where(#unit-freshness) #freshness .delivery-comparison .d-route::before{ top: 3px; }
:where(#unit-freshness) .distance-grid{ margin-top: 14px; padding-top: 12px; }
:where(#unit-freshness) .distance-grid .comparison-value{ font-size: 14px; }
:where(#unit-freshness) .delivery-comparison .fx-ref{ font-size: 9px; }
:where(#unit-freshness) #freshness .f-waste{ margin-top: 18px; }}
@media (max-width: 700px) and (max-height: 720px) {:where(#unit-freshness) #freshness .d-pair[data-align="top"]{ min-height: 190px; grid-template-rows: auto auto auto minmax(8px, 1fr); margin-top: 18px; }
:where(#unit-freshness) #freshness .d-pair .d-big{ margin-top: 12px; margin-bottom: 8px; }
:where(#unit-freshness) #freshness .d-pair .d-card{ padding-block: 12px; }
:where(#unit-freshness) .delivery-comparison{ margin-top: 12px; }
:where(#unit-freshness) .comparison-label{ margin-bottom: 4px; }
:where(#unit-freshness) #freshness .delivery-comparison .d-route{ margin-top: 8px; }
:where(#unit-freshness) .distance-grid{ margin-top: 10px; padding-top: 10px; }
:where(#unit-freshness) #freshness .f-waste{ margin-top: 12px; }}
:where(#unit-freshness) [data-proof="background"] .comparison-label,:where(#unit-freshness) [data-proof="background"] .comparison-value{ visibility: hidden; }
:where(#unit-freshness) #freshness.fx{ padding-block: 48px 44px; }
:where(#unit-freshness) #freshness .d-pair[data-align="top"]{
  margin-top: 32px;
  min-height: 240px;
  column-gap: 16px;
  grid-template-rows: auto auto auto minmax(16px, 1fr);
}
:where(#unit-freshness) #freshness .d-pair .d-card{
  padding: 22px;
  border-color: rgb(255 255 255 / 10%);
  border-radius: 20px;
}
:where(#unit-freshness) #freshness .d-head{ padding-right: 24px; }
:where(#unit-freshness) #freshness .d-head h3{ font-size: 13px; font-weight: 500; letter-spacing: 0; }
:where(#unit-freshness) #freshness .d-more{ top: 6px; right: 6px; color: #c8d5ce; }
:where(#unit-freshness) #freshness .d-more::before{ display: none; }
:where(#unit-freshness) #freshness .d-more svg{ width: 13px; height: 13px; }
:where(#unit-freshness) #freshness .d-more:focus-visible{ border-radius: 8px; }
:where(#unit-freshness) #freshness .d-pair .d-big{
  font-size: clamp(60px, 8vw, 100px);
  font-weight: 550;
  letter-spacing: -.045em;
  line-height: .9;
  margin-top: 24px;
  margin-bottom: 14px;
}
:where(#unit-freshness) #freshness .d-fill{
  margin-left: -.04388em;
  background-image: linear-gradient(to top, var(--lime) calc(var(--lvl) * .8292683 + .0565em), #e2e8e5 calc(var(--lvl) * .8292683 + .0565em));
  transition: none;
}
:where(#unit-freshness) #freshness .d-retained{ margin-left: -.05138em; }
:where(#unit-freshness) #freshness .d-pair .d-line{
  font-size: 16px;
  line-height: 1.45;
  letter-spacing: -.01em;
  color: #dbe5e0;
}
:where(#unit-freshness) #freshness .proposal-tag{ font-size: 11px; color: #c6d2cd; margin-top: 6px; }
:where(#unit-freshness) #freshness .d-card::before{ background: none; }
:where(#unit-freshness) #freshness .d-pair .d-store::after{
  background: linear-gradient(180deg, #102b28f5 0%, #102b28ee 65%, #102b28b3 100%);
}
:where(#unit-freshness) #freshness .d-pair[data-align="top"] .d-ours::after{
  background: linear-gradient(180deg, #102b28fa 0%, #102b28f0 62%, #102b2899 100%);
}
:where(#unit-freshness) #freshness .delivery-comparison{ margin-top: 28px; }
:where(#unit-freshness) #freshness .journey-grid,:where(#unit-freshness) #freshness .distance-grid{ column-gap: 16px; }
:where(#unit-freshness) #freshness .journey-cell,:where(#unit-freshness) #freshness .distance-grid > .comparison-value{ padding-inline: 22px; }
:where(#unit-freshness) #freshness .comparison-label{ margin: 0 0 10px 22px; font-size: 11px; line-height: 1.3; color: #b7c7c2; letter-spacing: .025em; }
:where(#unit-freshness) #freshness .comparison-value{ font-size: 21px; font-weight: 450; line-height: 1.3; letter-spacing: -.025em; }
:where(#unit-freshness) #freshness .delivery-comparison .d-route{ margin-top: 12px; }
:where(#unit-freshness) #freshness .delivery-comparison .d-dot{ width: 6px; height: 6px; box-shadow: none; }
:where(#unit-freshness) #freshness .delivery-comparison .d-route::before{ top: 2.25px; height: 1.5px; }
:where(#unit-freshness) #freshness .delivery-comparison .d-route li{ font-size: 11px; }
:where(#unit-freshness) #freshness .distance-grid{ margin-top: 24px; padding-top: 20px; border-top-color: rgb(255 255 255 / 9%); }
:where(#unit-freshness) #freshness .bottom-points{
  display: grid;
  gap: 16px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgb(255 255 255 / 9%);
  max-width: 760px;
}
:where(#unit-freshness) #freshness .bottom-point{ margin: 0; font-size: 15px; line-height: 1.5; letter-spacing: -.015em; color: #b7c7c2; }
:where(#unit-freshness) #freshness .bottom-point .point-context{ display: block; }
:where(#unit-freshness) #freshness .bottom-point .point-result{ display: block; color: #e5ebe8; }
:where(#unit-freshness) #freshness .bottom-point strong{ font-weight: 500; color: #fff; }
:where(#unit-freshness) #freshness .bottom-point .fx-ref{ font-size: 9px; }
@media (max-width: 700px) {:where(#unit-freshness) #freshness.fx{ padding-block: 32px 32px; }
:where(#unit-freshness) #freshness .fx-inner{ width: calc(100% - 40px); }
:where(#unit-freshness) #freshness h2{ font-size: clamp(28px, 8vw, 32px); line-height: 1.08; letter-spacing: -.045em; }
:where(#unit-freshness) #freshness .ul svg{ bottom: -.28em; }
:where(#unit-freshness) #freshness .d-pair[data-align="top"]{ margin-top: 28px; min-height: 190px; column-gap: 12px; grid-template-rows: auto auto auto minmax(12px, 1fr); }
:where(#unit-freshness) #freshness .d-pair .d-card{ padding: 16px 14px; border-radius: 16px; }
:where(#unit-freshness) #freshness .d-head h3{ font-size: 11.5px; line-height: 1.3; }
:where(#unit-freshness) #freshness .d-head{ padding-right: 20px; }
:where(#unit-freshness) #freshness .d-more{ top: 1px; right: 0; }
:where(#unit-freshness) #freshness .d-pair .d-big{ font-size: clamp(45px, 12.8vw, 54px); margin-top: 18px; margin-bottom: 12px; }
:where(#unit-freshness) #freshness .d-pair .d-line{ font-size: 13px; line-height: 1.4; }
:where(#unit-freshness) #freshness .proposal-tag{ font-size: 10.5px; line-height: 1.35; margin-top: 5px; }
:where(#unit-freshness) #freshness .delivery-comparison{ margin-top: 24px; }
:where(#unit-freshness) #freshness .journey-grid,:where(#unit-freshness) #freshness .distance-grid{ column-gap: 12px; }
:where(#unit-freshness) #freshness .journey-cell,:where(#unit-freshness) #freshness .distance-grid > .comparison-value{ padding-inline: 14px; }
:where(#unit-freshness) #freshness .comparison-label{ margin-left: 14px; margin-bottom: 7px; font-size: 10.5px; }
:where(#unit-freshness) #freshness .comparison-value{ font-size: 16px; }
:where(#unit-freshness) #freshness .delivery-comparison .d-route{ margin-top: 11px; }
:where(#unit-freshness) #freshness .delivery-comparison .d-route li{ height: auto; }
:where(#unit-freshness) #freshness .distance-grid{ margin-top: 20px; padding-top: 16px; }
:where(#unit-freshness) #freshness .distance-grid .comparison-value{ font-size: 14px; }
:where(#unit-freshness) #freshness .bottom-points{ margin-top: 24px; padding-top: 20px; gap: 14px; }
:where(#unit-freshness) #freshness .bottom-point{ font-size: 14px; line-height: 1.5; }}
@media (max-width: 700px) and (max-height: 720px) {:where(#unit-freshness) #freshness.fx{ padding-block: 20px 28px; }
:where(#unit-freshness) #freshness h2{ font-size: clamp(27px, 7.4vw, 29px); }
:where(#unit-freshness) #freshness .d-pair[data-align="top"]{ margin-top: 24px; min-height: 176px; }
:where(#unit-freshness) #freshness .d-pair .d-big{ margin-top: 14px; margin-bottom: 10px; }
:where(#unit-freshness) #freshness .d-pair .d-card{ padding-block: 14px; }
:where(#unit-freshness) #freshness .delivery-comparison{ margin-top: 20px; }
:where(#unit-freshness) #freshness .distance-grid{ margin-top: 16px; padding-top: 14px; }
:where(#unit-freshness) #freshness .bottom-points{ margin-top: 20px; padding-top: 16px; gap: 10px; }}
@media (max-width: 700px) and (max-height: 720px) {:where(#unit-freshness) #freshness.fx{ padding-top: 16px; }
:where(#unit-freshness) #freshness h2{ font-size: 27px; }
:where(#unit-freshness) #freshness .delivery-comparison{ margin-top: 16px; }
:where(#unit-freshness) #freshness .distance-grid{ margin-top: 14px; padding-top: 12px; }
:where(#unit-freshness) #freshness .bottom-points{ margin-top: 16px; padding-top: 12px; gap: 8px; }
:where(#unit-freshness) #freshness .bottom-point{ font-size: 13px; line-height: 1.4; }}
:where(#unit-freshness) #freshness .d-pair .d-card{ border-color: rgb(255 255 255 / 12%); }
:where(#unit-freshness) #freshness .d-pair .d-store .d-photo{ object-position: 24% 50%; filter: saturate(.45); }
:where(#unit-freshness) #freshness .d-pair .d-ours .d-photo{ object-position: 50% 72%; }
:where(#unit-freshness) #freshness .d-pair .d-store::after{
  background: linear-gradient(180deg, #102b28fa 0%, #102b28f5 44%, #102b28d9 62%, #102b2866 100%);
}
:where(#unit-freshness) #freshness .d-pair[data-align="top"] .d-ours::after{
  background: linear-gradient(180deg, #102b28fa 0%, #102b28f7 48%, #102b28e8 66%, #102b284d 100%);
}
:where(#unit-freshness) #freshness .d-pair[data-align="top"]{ min-height: 218px; }
:where(#unit-freshness) [data-image-study="quiet"] #freshness .d-store picture{ display: none; }
:where(#unit-freshness) [data-image-study="quiet"] #freshness .d-store{ background: #193330; }
:where(#unit-freshness) [data-image-study="quiet"] #freshness .d-store::after{ background: none; }
:where(#unit-freshness) [data-image-study="quiet"] #freshness .d-store{ border-color: rgb(255 255 255 / 7%); }
:where(#unit-freshness) [data-image-study="quiet"] #freshness .d-ours{ border-color: rgb(164 205 58 / 20%); }
:where(#unit-freshness) [data-image-study="quiet"] #freshness .d-pair[data-align="top"] .d-ours::after{
  background: linear-gradient(180deg, #102b28fc 0%, #102b28f7 48%, #102b28e8 70%, #102b280d 100%);
}
:where(#unit-freshness) [data-image-study="floor"] #freshness .d-pair[data-align="top"]{
  grid-template-rows: auto auto auto minmax(16px, 1fr) 56px;
}
:where(#unit-freshness) [data-image-study="floor"] #freshness .d-card{ background: #193330; }
:where(#unit-freshness) [data-image-study="floor"] #freshness .d-card > picture,:where(#unit-freshness) [data-image-study="floor"] #freshness .d-card::after{ display: none; }
:where(#unit-freshness) [data-image-study="floor"] #freshness .d-floor{
  display: block;
  grid-row: 5;
  height: 56px;
  margin: 0 -22px -22px;
  mask-image: linear-gradient(transparent, black 18px);
}
:where(#unit-freshness) [data-image-study="floor"] #freshness .d-store .d-floor img{ object-position: 15% 58%; filter: saturate(.45) brightness(.7); }
:where(#unit-freshness) [data-image-study="floor"] #freshness .d-ours .d-floor img{ object-position: 50% 70%; }
@media (max-width: 700px) {:where(#unit-freshness) #freshness .d-pair[data-align="top"]{ min-height: 218px; }
:where(#unit-freshness) [data-image-study="floor"] #freshness .d-floor{ margin: 0 -14px -16px; }}
@media (max-width: 700px) and (max-height: 720px) {:where(#unit-freshness) #freshness .d-pair[data-align="top"]{ min-height: 176px; }
:where(#unit-freshness) [data-image-study="floor"] #freshness .d-pair[data-align="top"]{ grid-template-rows: auto auto auto minmax(0, 1fr) 24px; }
:where(#unit-freshness) [data-image-study="floor"] #freshness .d-floor{ height: 24px; margin-bottom: -14px; mask-image: linear-gradient(transparent, black 8px); }}
:where(#unit-freshness) #freshness .d-pair[data-align="top"]{
  min-height: 234px;
  grid-template-rows: auto auto auto minmax(70px, 1fr);
  margin-top: 30px;
}
:where(#unit-freshness) #freshness .d-pair .d-card{ border: 0; border-radius: 16px; }
:where(#unit-freshness) #freshness .d-pair .d-store{ background: #193330; }
:where(#unit-freshness) #freshness .d-pair .d-ours{ background: #102b28; }
:where(#unit-freshness) #freshness .d-head{ padding-right: 0; }
:where(#unit-freshness) #freshness .d-head h3{ display: flex; align-items: center; min-height: 16px; }
:where(#unit-freshness) #freshness .d-pair .card-open{
  position: relative;
  top: auto;
  right: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  min-width: 44px;
  height: 44px;
  margin-block: -14px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #e5ebe8;
  font-size: inherit;
  font-weight: 500;
  letter-spacing: inherit;
  text-align: left;
}
:where(#unit-freshness) #freshness .card-open:hover{ color: #fff; text-decoration: underline; text-underline-offset: 4px; }
:where(#unit-freshness) #freshness .card-open:focus-visible{ outline-offset: -3px; border-radius: 4px; }
:where(#unit-freshness) #freshness .d-pair .d-big{ margin-top: 24px; }
:where(#unit-freshness) #freshness .proposal-tag{
  position: absolute;
  top: 38px;
  left: 22px;
  margin: 0;
  font-size: 10px;
  line-height: 1.2;
  color: #c6d2cd;
}
:where(#unit-freshness) #freshness .d-pair .d-ours picture{
  inset: auto 0 0;
  height: 55%;
  overflow: hidden;
  mask-image: linear-gradient(transparent, black 24px);
}
:where(#unit-freshness) #freshness .d-pair .d-ours .d-photo{
  width: 100%;
  height: 180%;
  object-fit: cover;
  object-position: 50% 0%;
}
:where(#unit-freshness) [data-image-study="quiet"] #freshness .d-pair[data-align="top"] .d-ours::after{
  background: linear-gradient(180deg, #102b28fc 0%, #102b28f5 46%, #102b28e8 62%, #102b2800 82%);
}
:where(#unit-freshness) #freshness .delivery-comparison .journey-store .d-route::before{
  background: linear-gradient(90deg, var(--lime), #69837b 18%, #69837b);
}
:where(#unit-freshness) #freshness .delivery-comparison .journey-store .d-dot{ background: #69837b; }
:where(#unit-freshness) #freshness .delivery-comparison .journey-store li:first-child .d-dot{ background: var(--lime); }
:where(#unit-freshness) #freshness .delivery-comparison .d-dot{ width: 5px; height: 5px; }
:where(#unit-freshness) #freshness .delivery-comparison .d-route::before{ top: 1.75px; }
:where(#unit-freshness) #freshness .distance-grid{ border: 0; margin-top: 22px; padding-top: 0; }
:where(#unit-freshness) #freshness .bottom-points{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto auto;
  column-gap: 24px;
  row-gap: 0;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgb(255 255 255 / 12%);
}
:where(#unit-freshness) #freshness .bottom-point{
  display: grid;
  grid-row: 1 / -1;
  grid-template-rows: subgrid;
  min-width: 0;
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: -.015em;
}
:where(#unit-freshness) #freshness .point-context{ grid-row: 1; color: #bdcbc5; }
:where(#unit-freshness) #freshness .bottom-point .point-result{
  grid-row: 2;
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin-top: 12px;
  color: #fff;
}
:where(#unit-freshness) #freshness .point-qualifier{ font-size: 12px; font-weight: 400; color: #bdcbc5; }
:where(#unit-freshness) #freshness .point-stat{ font-size: 30px; font-weight: 550; letter-spacing: -.04em; line-height: 1.05; white-space: nowrap; }
:where(#unit-freshness) #freshness .keep-point .point-stat{ color: var(--lime); }
:where(#unit-freshness) #freshness .point-unit{ grid-row: 3; display: block; margin-top: 5px; color: #d5dfda; font-size: 14px; }
:where(#unit-freshness) [data-proof="background"] .bottom-points,:where(#unit-freshness) [data-proof="background"] .card-open{ visibility: hidden; }
@media (max-width: 700px) {:where(#unit-freshness) #freshness .d-pair[data-align="top"]{ min-height: 234px; margin-top: 30px; }
:where(#unit-freshness) #freshness .d-pair .d-big{ margin-top: 24px; }
:where(#unit-freshness) #freshness .proposal-tag{ top: 34px; left: 14px; font-size: 10px; }
:where(#unit-freshness) #freshness .distance-grid{ margin-top: 22px; padding-top: 0; }
:where(#unit-freshness) #freshness .bottom-points{ column-gap: 22px; margin-top: 26px; padding-top: 22px; }
:where(#unit-freshness) #freshness .bottom-point{ font-size: 12.5px; line-height: 1.45; }
:where(#unit-freshness) #freshness .bottom-point .point-result{ margin-top: 11px; gap: 4px; }
:where(#unit-freshness) #freshness .point-stat{ font-size: 26px; }
:where(#unit-freshness) #freshness .point-qualifier{ font-size: 11px; }
:where(#unit-freshness) #freshness .point-unit{ margin-top: 4px; font-size: 13px; }}
@media (max-width: 700px) and (max-height: 720px) {:where(#unit-freshness) #freshness .d-pair[data-align="top"]{ min-height: 188px; margin-top: 24px; grid-template-rows: auto auto auto minmax(24px, 1fr); }
:where(#unit-freshness) #freshness .d-pair .d-big{ margin-top: 22px; margin-bottom: 10px; }
:where(#unit-freshness) #freshness .proposal-tag{ top: 31px; font-size: 9.5px; }
:where(#unit-freshness) #freshness .d-pair .d-ours picture{ height: 52%; }
:where(#unit-freshness) #freshness .distance-grid{ margin-top: 17px; padding-top: 0; }
:where(#unit-freshness) #freshness .bottom-points{ margin-top: 17px; padding-top: 14px; }
:where(#unit-freshness) #freshness .bottom-point{ font-size: 12px; line-height: 1.4; }
:where(#unit-freshness) #freshness .bottom-point .point-result{ margin-top: 8px; }
:where(#unit-freshness) #freshness .point-stat{ font-size: 24px; }
:where(#unit-freshness) #freshness .point-unit{ font-size: 12px; margin-top: 3px; }}
@media (max-width: 700px) and (max-height: 720px) {:where(#unit-freshness) #freshness.fx{ padding-top: 12px; }
:where(#unit-freshness) #freshness .delivery-comparison{ margin-top: 12px; }
:where(#unit-freshness) #freshness .distance-grid{ margin-top: 14px; }
:where(#unit-freshness) #freshness .bottom-points{ margin-top: 14px; padding-top: 12px; }
:where(#unit-freshness) [data-image-study="quiet"] #freshness .d-pair[data-align="top"] .d-ours::after{
    background: linear-gradient(180deg, #102b28fc 0%, #102b28f5 72%, #102b28e8 84%, #102b2800 100%);
  }}
:where(#unit-freshness) #freshness .d-pair .d-store picture{
  display: block;
  inset: auto 0 0;
  height: 55%;
  overflow: hidden;
  mask-image: linear-gradient(transparent, black 24px);
}
:where(#unit-freshness) #freshness .d-pair .d-store .d-photo{
  width: 100%;
  height: 140%;
  object-fit: cover;
  object-position: 38% 30%;
  filter: saturate(.6) brightness(.92);
}
:where(#unit-freshness) #freshness .d-pair .d-store::after{
  background: linear-gradient(180deg, #193330fc 0%, #193330f5 46%, #193330e8 64%, #1933300d 87%);
}
:where(#unit-freshness) #freshness .d-pair .d-store{ background: #193330; }
:where(#unit-freshness) #freshness .bottom-points{ column-gap: 24px; }
:where(#unit-freshness) #freshness .point-context{ text-wrap: pretty; }
@media (max-width: 700px) {:where(#unit-freshness) #freshness .bottom-points{ column-gap: 22px; }}
@media (max-width: 700px) and (max-height: 720px) {:where(#unit-freshness) #freshness .d-pair .d-store picture{ height: 52%; }
:where(#unit-freshness) #freshness .d-pair .d-store::after{
    background: linear-gradient(180deg, #193330fc 0%, #193330f5 72%, #193330e8 84%, #1933300d 100%);
  }}
:where(#unit-freshness) #freshness .bottom-points{
  grid-template-rows: auto auto auto;
  column-gap: 16px;
  row-gap: 0;
  margin-top: 30px;
  padding-top: 26px;
  border-top: 1px solid rgb(255 255 255 / 12%);
}
:where(#unit-freshness) #freshness .bottom-point{
  grid-template-rows: subgrid;
  padding-inline: 22px;
  min-width: 0;
}
:where(#unit-freshness) #freshness .bottom-point .point-qualifier{
  grid-row: 1;
  color: #c5d1cc;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}
:where(#unit-freshness) #freshness .bottom-point .point-stat{
  grid-row: 2;
  display: block;
  margin: 6px 0 0;
  font-size: 42px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.055em;
  color: #f2f5f2;
}
:where(#unit-freshness) #freshness .keep-point .point-stat{ color: var(--lime); }
:where(#unit-freshness) #freshness .point-caption{
  grid-row: 3;
  display: block;
  margin-top: 14px;
  color: #c5d1cc;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -.015em;
}
:where(#unit-freshness) #freshness .point-caption .fx-ref{ margin-left: 1px; }
@media (max-width: 700px) {:where(#unit-freshness) #freshness .bottom-points{ column-gap: 12px; margin-top: 26px; padding-top: 21px; }
:where(#unit-freshness) #freshness .bottom-point{ padding-inline: 14px; }
:where(#unit-freshness) #freshness .bottom-point .point-qualifier{ font-size: 11px; }
:where(#unit-freshness) #freshness .bottom-point .point-stat{ font-size: clamp(27px, 9vw, 35px); margin-top: 5px; }
:where(#unit-freshness) #freshness .point-caption{ margin-top: 10px; font-size: 12px; line-height: 1.45; }}
@media (max-width: 700px) and (max-height: 720px) {:where(#unit-freshness) #freshness .bottom-points{ margin-top: 14px; padding-top: 12px; }
:where(#unit-freshness) #freshness .bottom-point .point-qualifier{ font-size: 10.5px; }
:where(#unit-freshness) #freshness .bottom-point .point-stat{ font-size: clamp(27px, 8vw, 30px); margin-top: 4px; }
:where(#unit-freshness) #freshness .point-caption{ margin-top: 8px; font-size: 11.5px; line-height: 1.35; }}
:where(#unit-freshness) #freshness .stops-journey{ margin-top: 28px; }
:where(#unit-freshness) #freshness .stops-defs{ position:absolute; width:0; height:0; overflow:hidden; }
:where(#unit-freshness) #freshness .stop-columns{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto auto auto; column-gap:16px; }
:where(#unit-freshness) #freshness .stop-column{ display:grid; grid-row:1/-1; grid-template-rows:subgrid; min-width:0; padding-inline:22px; --stop-color:#a0b3aa; }
:where(#unit-freshness) #freshness .stop-ours{ --stop-color:var(--lime); }
:where(#unit-freshness) #freshness .stop-list{
  grid-row:1; position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:start;
  list-style:none; padding:0; margin:0; color:var(--stop-color); isolation:isolate;
}
:where(#unit-freshness) #freshness .stop-list::before{ content:""; position:absolute; left:12.5%; right:12.5%; top:11px; height:1px; background:currentColor; opacity:.5; z-index:-1; }
:where(#unit-freshness) #freshness .stop-list-ours{ grid-template-columns:repeat(2,minmax(0,1fr)); }
:where(#unit-freshness) #freshness .stop-list-ours::before{ left:25%; right:25%; opacity:.7; }
:where(#unit-freshness) #freshness .stop-stage{ margin:0; padding:0; min-width:0; text-align:center; }
:where(#unit-freshness) #freshness .stop-icon{ display:block; width:22px; height:22px; margin:0 auto; background:var(--deep); padding:1px; }
:where(#unit-freshness) #freshness .stop-name{ position:relative; left:50%; width:max-content; transform:translateX(-50%); display:block; margin-top:5px; color:#c5d1cc; font-size:11px; line-height:1.2; letter-spacing:-.02em; white-space:nowrap; }
:where(#unit-freshness) #freshness .stop-icon,:where(#unit-freshness) #freshness .truck-icon{ fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
:where(#unit-freshness) #freshness .stop-list .stop-leg{ position:absolute; left:25%; top:11px; transform:translate(-50%,-50%); width:17px; height:14px; background:var(--deep); margin:0; padding:0 1px; }
:where(#unit-freshness) #freshness .truck-icon{ display:block; width:15px; height:14px; stroke-width:1.6; }
:where(#unit-freshness) #freshness .stop-sr{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
:where(#unit-freshness) #freshness .stop-time{ grid-row:2; margin:17px 0 0; font-size:24px; line-height:1.25; font-weight:450; letter-spacing:-.035em; }
:where(#unit-freshness) #freshness .stop-ours .stop-time{ color:var(--lime); }
:where(#unit-freshness) #freshness .stop-distance{ grid-row:3; margin:7px 0 0; color:#c5d1cc; font-size:14px; line-height:1.4; letter-spacing:-.015em; }
@media(max-width:700px) {:where(#unit-freshness) #freshness.fx{ min-height:calc(100svh - 131px); }
:where(#unit-freshness) #freshness .stops-journey{ margin-top:24px; }
:where(#unit-freshness) #freshness .stop-columns{ column-gap:12px; }
:where(#unit-freshness) #freshness .stop-column{ padding-inline:14px; }
:where(#unit-freshness) #freshness .stop-name{ font-size:clamp(9px,2.5vw,10px); }
:where(#unit-freshness) #freshness .stop-time{ margin-top:14px; font-size:18px; }
:where(#unit-freshness) #freshness .stop-distance{ margin-top:5px; font-size:12px; }}
@media(max-width:700px) and (max-height:720px) {:where(#unit-freshness) #freshness .stops-journey{ margin-top:14px; }
:where(#unit-freshness) #freshness .stop-time{ margin-top:12px; font-size:17px; }
:where(#unit-freshness) #freshness .stop-distance{ font-size:11.5px; }}
@media(max-width:350px) {:where(#unit-freshness) #freshness .stop-list-store{ margin-inline:-8px; }
:where(#unit-freshness) #freshness .stop-list-store .stop-leg{ background:transparent; }
:where(#unit-freshness) #freshness .stop-list-store .truck-icon{ visibility:hidden; }
:where(#unit-freshness) #freshness .stop-time{ font-size:15.5px; }}
:where(#unit-freshness) #freshness .stop-list{ margin-inline:-22px; }
:where(#unit-freshness) #freshness .stop-list .stop-leg{ background:transparent; pointer-events:none; }
:where(#unit-freshness) #freshness .stop-button{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  width:100%; min-height:62px; margin:0; padding:4px 0; border:0; border-radius:8px;
  background:transparent; color:var(--stop-color); cursor:pointer; font-family:inherit;
}
:where(#unit-freshness) #freshness .stop-button .stop-icon{ width:30px; height:30px; margin:0; stroke-width:1.5; }
:where(#unit-freshness) #freshness .stop-button .stop-name{
  position:static; left:auto; transform:none; margin:0; width:max-content;
  font-size:12px; line-height:1.2; text-decoration:underline dotted rgb(197 209 204 / 55%); text-underline-offset:3px;
}
:where(#unit-freshness) #freshness .stop-list::before{ top:21px; }
:where(#unit-freshness) #freshness .stop-button:hover,:where(#unit-freshness) #freshness .stop-button[aria-expanded=true]{ background:rgb(255 255 255 / 5%); }
:where(#unit-freshness) #freshness .stop-button:hover .stop-name,:where(#unit-freshness) #freshness .stop-button[aria-expanded=true] .stop-name{ color:#f1f5f2; }
:where(#unit-freshness) #freshness .stop-button:focus-visible{ outline:2px solid var(--lime); outline-offset:1px; }
:where(#unit-freshness) #freshness .stop-time{ margin-top:12px; }
:where(#unit-freshness) #freshness .stop-detail[hidden],:where(#unit-freshness) #freshness .stop-detail-close[hidden],:where(#unit-freshness) #freshness .stop-detail-note[hidden]{ display:none !important; }
:where(#unit-freshness) #freshness .stop-detail{
  position:fixed; z-index:60; width:min(300px,calc(100vw - 24px)); padding:17px 18px 16px;
  border:1px solid #47675b; border-radius:12px; background:#183a34; color:#e5ebe8;
  box-shadow:0 12px 36px rgb(0 0 0 / 25%); text-align:left; letter-spacing:0;
}
:where(#unit-freshness) #freshness .stop-detail::after{
  content:""; position:absolute; bottom:-5px; left:calc(var(--caret-left,50%) - 4px);
  width:8px; height:8px; background:#183a34; border-right:1px solid #47675b; border-bottom:1px solid #47675b; transform:rotate(45deg);
}
:where(#unit-freshness) #freshness .stop-detail[data-placement=below]::after{ top:-5px; bottom:auto; transform:rotate(225deg); }
:where(#unit-freshness) #freshness .stop-detail-kicker{ margin:0 30px 7px 0; color:#aac0b5; font-size:10.5px; line-height:1.3; }
:where(#unit-freshness) #freshness .stop-detail h4{ margin:0 30px 8px 0; font-size:18px; font-weight:500; line-height:1.2; letter-spacing:-.025em; color:#f2f5f2; }
:where(#unit-freshness) #freshness .stop-detail-body{ margin:0; color:#d5e1da; font-size:13px; line-height:1.5; }
:where(#unit-freshness) #freshness .stop-detail-note{ margin:10px 0 0; color:#aac0b5; font-size:10.5px; line-height:1.3; }
:where(#unit-freshness) #freshness .stop-detail-close{ position:absolute; top:3px; right:3px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:8px; background:transparent; color:#e5ebe8; cursor:pointer; }
:where(#unit-freshness) #freshness .stop-detail-close svg{ fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; }
:where(#unit-freshness) #freshness .stop-detail-close:hover{ background:rgb(255 255 255 / 6%); }
@media(max-width:700px) {:where(#unit-freshness) #freshness .stop-list{ margin-inline:-14px; }
:where(#unit-freshness) #freshness .stop-button{ min-height:52px; padding:4px 0; gap:5px; }
:where(#unit-freshness) #freshness .stop-button .stop-icon{ width:26px; height:26px; }
:where(#unit-freshness) #freshness .stop-button .stop-name{ font-size:clamp(9.2px,2.75vw,11px); }
:where(#unit-freshness) #freshness .stop-list::before{ top:17px; }
:where(#unit-freshness) #freshness .stop-time{ margin-top:10px; }}
@media(max-width:700px) and (max-height:720px) {:where(#unit-freshness) #freshness .stops-journey{ margin-top:10px; }
:where(#unit-freshness) #freshness .stop-button{ min-height:48px; padding:3px 0; gap:4px; }
:where(#unit-freshness) #freshness .stop-button .stop-icon{ width:24px; height:24px; }
:where(#unit-freshness) #freshness .stop-list::before{ top:15px; }
:where(#unit-freshness) #freshness .stop-time{ margin-top:8px; }
:where(#unit-freshness) #freshness .stop-distance{ margin-top:4px; }}
:where(#unit-freshness) #freshness .fridge-points{ margin-top:24px; padding-top:20px; }
:where(#unit-freshness) #freshness .fridge-points .point-caption{ margin-top:7px; }
:where(#unit-freshness) #freshness .range-proposal{ color:#a9bdb3; font-size:9.5px; white-space:nowrap; }
:where(#unit-freshness) #freshness .waste-close{ margin:14px 22px 0; padding-top:0; text-align:center; }
:where(#unit-freshness) #freshness .waste-amount{ display:block; color:#e5ebe8; font-size:23px; line-height:1.2; font-weight:400; letter-spacing:-.025em; }
:where(#unit-freshness) #freshness .waste-amount strong{ color:#f2f5f2; font-weight:550; letter-spacing:-.04em; }
:where(#unit-freshness) #freshness .waste-caption{ display:block; margin-top:4px; font-size:12px; line-height:1.4; color:#aebfb6; }
:where(#unit-freshness) #freshness .waste-caption .fx-ref{ margin-left:1px; }
@media(max-width:700px) {:where(#unit-freshness) #freshness .d-pair[data-align=top]{ margin-top:24px; }
:where(#unit-freshness) #freshness .stops-journey{ margin-top:20px; }
:where(#unit-freshness) #freshness .fridge-points{ margin-top:18px; padding-top:14px; }
:where(#unit-freshness) #freshness .fridge-points .point-stat{ font-size:clamp(27px,8.6vw,35px); }
:where(#unit-freshness) #freshness .waste-close{ margin:12px 14px 0; padding-top:0; }
:where(#unit-freshness) #freshness .waste-amount{ font-size:20px; }
:where(#unit-freshness) #freshness .waste-caption{ font-size:11.5px; }}
@media(max-width:700px) and (max-height:720px) {:where(#unit-freshness) #freshness.fx{ padding-top:10px; }
:where(#unit-freshness) #freshness .d-pair[data-align=top]{ margin-top:14px; }
:where(#unit-freshness) #freshness .fridge-points{ margin-top:8px; padding-top:6px; }
:where(#unit-freshness) #freshness .stops-journey{ margin-top:6px; }
:where(#unit-freshness) #freshness .fridge-points .point-stat{ font-size:clamp(26px,7.5vw,28px); margin-top:4px; }
:where(#unit-freshness) #freshness .fridge-points .point-caption{ margin-top:4px; }
:where(#unit-freshness) #freshness .waste-close{ margin-top:7px; padding-top:0; }
:where(#unit-freshness) #freshness .waste-amount{ font-size:20px; }
:where(#unit-freshness) #freshness .waste-caption{ margin-top:3px; font-size:11px; }}
:where(#unit-freshness) #freshness #fx-title{ max-width:none; text-wrap:initial; }
:where(#unit-freshness) #freshness .shelf-phrase{ white-space:nowrap; }
:where(#unit-freshness) #freshness .harvest-phrase{ display:inline-flex; align-items:baseline; gap:.23em; margin-left:.23em; white-space:nowrap; }
:where(#unit-freshness) #freshness .not-equal{ color:var(--lime); font-weight:400; letter-spacing:0; }
@media(max-width:700px) {:where(#unit-freshness) #freshness .shelf-phrase{ display:block; }
:where(#unit-freshness) #freshness .harvest-phrase{ display:flex; margin-left:0; gap:.24em; }}
:where(#unit-freshness) #freshness .fx-inner{ max-width:1040px; }
:where(#unit-freshness) #freshness #fx-title{ font-size:clamp(32px,3.5vw,50px); line-height:1.12; letter-spacing:-.045em; font-weight:500; }
:where(#unit-freshness) #freshness .shelf-phrase{ color:#c2d1c9; font-size:.82em; font-weight:400; }
:where(#unit-freshness) #freshness .harvest-phrase{ color:#f0f4f0; gap:.22em; }
:where(#unit-freshness) #freshness .not-equal{ font-size:.88em; position:relative; top:-.015em; }
:where(#unit-freshness) #freshness .d-pair[data-align=top]{ column-gap:1px; min-height:300px; margin-top:30px; border-radius:18px; overflow:hidden; background:#345149; }
:where(#unit-freshness) #freshness .d-pair .d-card{ border-radius:0; padding-inline:24px; }
:where(#unit-freshness) #freshness .proposal-tag{ left:24px; }
:where(#unit-freshness) #freshness .stop-columns,:where(#unit-freshness) #freshness .fridge-points{ column-gap:1px; }
:where(#unit-freshness) #freshness .stop-column,:where(#unit-freshness) #freshness .bottom-point{ padding-inline:24px; }
:where(#unit-freshness) #freshness .stop-list{ margin-inline:-24px; }
:where(#unit-freshness) #freshness .stops-journey{ margin-top:26px; }
:where(#unit-freshness) #freshness .stop-time{ font-size:22px; line-height:1.25; margin-top:12px; }
:where(#unit-freshness) #freshness .stop-distance{ color:#aebfb6; margin-top:7px; }
:where(#unit-freshness) #freshness .fridge-points{ max-width:none; margin-top:28px; padding-top:0; border-top:0; }
:where(#unit-freshness) #freshness .bottom-point .point-stat{ font-size:38px; margin-top:5px; letter-spacing:-.05em; }
:where(#unit-freshness) #freshness .bottom-point .point-qualifier{ color:#acbfb5; }
:where(#unit-freshness) #freshness .fridge-points .point-caption{ margin-top:7px; color:#b7c8be; }
:where(#unit-freshness) #freshness .waste-close{ margin:24px 24px 0; padding-top:19px; border-top:1px solid rgb(211 227 216 / 13%); }
:where(#unit-freshness) #freshness .waste-amount{ color:#cbd9d1; font-size:22px; letter-spacing:-.025em; }
:where(#unit-freshness) #freshness .waste-amount strong{ color:#eef3ee; font-weight:550; }
:where(#unit-freshness) #freshness .waste-caption{ color:#9fb4a8; margin-top:5px; }
@media(max-width:700px) {:where(#unit-freshness) #freshness.fx{ padding-block:30px; }
:where(#unit-freshness) #freshness .fx-inner{ width:calc(100% - 40px); }
:where(#unit-freshness) #freshness #fx-title{ font-size:clamp(27px,7.7vw,32px); line-height:1.12; }
:where(#unit-freshness) #freshness .shelf-phrase{ line-height:1.1; }
:where(#unit-freshness) #freshness .harvest-phrase{ margin-top:3px; gap:.22em; }
:where(#unit-freshness) #freshness .d-pair[data-align=top]{ min-height:250px; margin-top:26px; border-radius:17px; }
:where(#unit-freshness) #freshness .d-pair .d-card{ padding:16px; }
:where(#unit-freshness) #freshness .d-pair .d-big{ font-size:clamp(46px,13.3vw,54px); margin-top:24px; margin-bottom:14px; }
:where(#unit-freshness) #freshness .d-pair .d-line{ font-size:13px; line-height:1.4; }
:where(#unit-freshness) #freshness .proposal-tag{ top:34px; left:16px; font-size:9.5px; }
:where(#unit-freshness) #freshness .stop-column,:where(#unit-freshness) #freshness .bottom-point{ padding-inline:16px; }
:where(#unit-freshness) #freshness .stop-list{ margin-inline:-16px; }
:where(#unit-freshness) #freshness .stops-journey{ margin-top:24px; }
:where(#unit-freshness) #freshness .stop-time{ font-size:17px; margin-top:11px; }
:where(#unit-freshness) #freshness .stop-distance{ font-size:11.5px; line-height:1.4; }
:where(#unit-freshness) #freshness .fridge-points{ margin-top:24px; padding-top:0; }
:where(#unit-freshness) #freshness .bottom-point .point-stat{ font-size:clamp(27px,7.8vw,31px); margin-top:5px; }
:where(#unit-freshness) #freshness .bottom-point .point-qualifier{ font-size:10.5px; }
:where(#unit-freshness) #freshness .fridge-points .point-caption{ font-size:11.5px; line-height:1.4; }
:where(#unit-freshness) #freshness .waste-close{ margin:20px 16px 0; padding-top:16px; }
:where(#unit-freshness) #freshness .waste-amount{ font-size:20px; }
:where(#unit-freshness) #freshness .waste-caption{ font-size:11px; margin-top:4px; }}
@media(max-width:700px) and (max-height:720px) {:where(#unit-freshness) #freshness.fx{ padding-block:10px 28px; }
:where(#unit-freshness) #freshness #fx-title{ font-size:26px; }
:where(#unit-freshness) #freshness .d-pair[data-align=top]{ min-height:176px; margin-top:16px; }
:where(#unit-freshness) #freshness .d-pair .d-card{ padding:14px; }
:where(#unit-freshness) #freshness .d-pair .d-big{ font-size:clamp(44px,12.8vw,49px); margin-top:21px; margin-bottom:9px; }
:where(#unit-freshness) #freshness .d-pair .d-line{ font-size:12px; line-height:1.35; }
:where(#unit-freshness) #freshness .proposal-tag{ top:31px; left:14px; font-size:9px; }
:where(#unit-freshness) #freshness .stop-column,:where(#unit-freshness) #freshness .bottom-point{ padding-inline:14px; }
:where(#unit-freshness) #freshness .stop-list{ margin-inline:-14px; }
:where(#unit-freshness) #freshness .stops-journey{ margin-top:10px; }
:where(#unit-freshness) #freshness .stop-time{ font-size:16.5px; margin-top:8px; }
:where(#unit-freshness) #freshness .stop-distance{ margin-top:4px; }
:where(#unit-freshness) #freshness .fridge-points{ margin-top:14px; }
:where(#unit-freshness) #freshness .bottom-point .point-stat{ font-size:27px; margin-top:4px; }
:where(#unit-freshness) #freshness .fridge-points .point-caption{ margin-top:4px; font-size:11.5px; }
:where(#unit-freshness) #freshness .waste-close{ margin:10px 14px 0; padding-top:8px; }
:where(#unit-freshness) #freshness .waste-amount{ font-size:19px; }
:where(#unit-freshness) #freshness .waste-caption{ font-size:10.5px; margin-top:3px; }}
@media(max-width:350px) {:where(#unit-freshness) #freshness .stop-time{ font-size:15.5px; white-space:nowrap; }
:where(#unit-freshness) #freshness .stop-store .stop-distance{ font-size:10.5px; white-space:nowrap; }}
:where(#unit-freshness) #freshness .shelf-phrase{ color:#c8d5cd; letter-spacing:-.025em; }
:where(#unit-freshness) #freshness .harvest-phrase{ gap:.24em; letter-spacing:-.04em; }
:where(#unit-freshness) #freshness .not-equal{ font-size:.84em; top:-.025em; }
:where(#unit-freshness) #freshness .d-pair[data-align=top]{
  background:linear-gradient(180deg,#2c493f,#203e34 60%,#102b28);
  outline:1px solid rgb(213 231 219 / 7%); outline-offset:-1px;
}
:where(#unit-freshness) #freshness .d-pair .d-store picture{ height:58%; mask-image:linear-gradient(transparent,black 42px); }
:where(#unit-freshness) #freshness .d-pair .d-ours picture{ height:61%; mask-image:linear-gradient(transparent,black 44px); }
:where(#unit-freshness) #freshness .d-big .figure-unit{ font-size:.62em; font-weight:450; letter-spacing:-.035em; margin-left:.02em; }
:where(#unit-freshness) #freshness .d-fill .figure-unit{ color:#e2e8e5; -webkit-text-fill-color:#e2e8e5; }
:where(#unit-freshness) #freshness .stop-button .stop-icon{ stroke-width:1.3; }
:where(#unit-freshness) #freshness .stop-list::before{ opacity:.34; }
:where(#unit-freshness) #freshness .stop-list-ours::before{ opacity:.5; }
:where(#unit-freshness) #freshness .stop-button .stop-name{ text-decoration-color:rgb(197 209 204 / 30%); text-decoration-thickness:1px; text-underline-offset:3px; }
:where(#unit-freshness) #freshness .stop-button:hover .stop-name,:where(#unit-freshness) #freshness .stop-button[aria-expanded=true] .stop-name{ text-decoration-color:currentColor; }
:where(#unit-freshness) #freshness .waste-close{ border-top-color:rgb(211 227 216 / 10%); }
:where(#unit-freshness) #freshness .waste-amount{ letter-spacing:-.02em; }
:where(#unit-freshness) #freshness .waste-amount strong{ font-weight:600; }
@media(max-width:700px) {:where(#unit-freshness) #freshness .d-pair[data-align=top]{ margin-top:24px; }
:where(#unit-freshness) #freshness .d-pair .d-big{ font-size:clamp(50px,14vw,58px); }
:where(#unit-freshness) #freshness .fridge-points{ margin-top:26px; }
:where(#unit-freshness) #freshness .bottom-point .point-stat{ margin-top:6px; }
:where(#unit-freshness) #freshness .fridge-points .point-caption{ margin-top:8px; }
:where(#unit-freshness) #freshness .waste-close{ padding-top:18px; }}
@media(max-width:700px) and (max-height:720px) {:where(#unit-freshness) #freshness .d-pair[data-align=top]{ margin-top:16px; }
:where(#unit-freshness) #freshness .d-pair .d-big{ font-size:clamp(46px,13.8vw,52px); }
:where(#unit-freshness) #freshness .d-pair .d-store picture,:where(#unit-freshness) #freshness .d-pair .d-ours picture{ height:56%; mask-image:linear-gradient(transparent,black 30px); }
:where(#unit-freshness) #freshness .fridge-points{ margin-top:14px; }
:where(#unit-freshness) #freshness .bottom-point .point-stat{ margin-top:4px; }
:where(#unit-freshness) #freshness .fridge-points .point-caption{ margin-top:4px; }
:where(#unit-freshness) #freshness .waste-close{ padding-top:8px; }}
:where(#unit-freshness) #freshness .stop-list{ --route-y:21px; }
:where(#unit-freshness) #freshness .stop-list::before,:where(#unit-freshness) #freshness .stop-list::after{
  top:calc(var(--route-y) - 1.5px); height:3px; border-radius:3px;
}
:where(#unit-freshness) #freshness .stop-list-store::before{
  background:linear-gradient(90deg,var(--lime) 0%,#9eae6b 34%,#7e9580 67%,#526e5e 100%); opacity:1;
}
:where(#unit-freshness) #freshness .stop-list-ours::before{ background:var(--lime); opacity:.9; }
:where(#unit-freshness) #freshness .stop-list::after{ content:""; position:absolute; left:12.5%; right:12.5%; z-index:-1; pointer-events:none; background:var(--lime); transform-origin:left; opacity:0; }
:where(#unit-freshness) #freshness .stop-list-ours::after{ left:25%; right:25%; }
:where(#unit-freshness) #freshness [data-stop=store-farm]{ --arrival-color:var(--lime); --fade-delay:0ms; }
:where(#unit-freshness) #freshness [data-stop=store-storage]{ --arrival-color:#9eae6b; --fade-delay:350ms; }
:where(#unit-freshness) #freshness [data-stop=store-store]{ --arrival-color:#7e9580; --fade-delay:850ms; }
:where(#unit-freshness) #freshness [data-stop=store-home]{ --arrival-color:#657d6d; --fade-delay:1350ms; }
:where(#unit-freshness) #freshness .stop-store .stop-icon{ color:var(--arrival-color); }
:where(#unit-freshness) #freshness .stop-ours .stop-icon{ color:var(--lime); }
:where(#unit-freshness) #freshness .d-fill{ transition:--lvl 2.1s cubic-bezier(.33,0,.2,1); }
:where(#unit-freshness) #freshness .percent-visual:has(.d-pair[data-state=ready]) .stop-store .stop-icon{ color:var(--lime); }
:where(#unit-freshness) #freshness .percent-visual:has(.d-pair[data-state=ready]) .stop-list::before{ background:var(--lime); }
:where(#unit-freshness) #freshness .percent-visual:has(.d-pair[data-state=done]) .stop-store .stop-icon{ animation:freshness-stop-nutrient-fade 750ms ease-out var(--fade-delay) both; }
:where(#unit-freshness) #freshness .percent-visual:has(.d-pair[data-state=done]) .stop-list-store::after{ animation:freshness-grocery-trace 2.1s ease-in-out both; }
:where(#unit-freshness) #freshness .percent-visual:has(.d-pair[data-state=done]) .stop-list-ours::after{ animation:freshness-direct-trace 550ms ease-out both; }
@keyframes freshness-stop-nutrient-fade { from { color:var(--lime); } to { color:var(--arrival-color); } }
@keyframes freshness-grocery-trace {
  0% { transform:scaleX(0); opacity:1; }
  35% { transform:scaleX(.38); opacity:.8; }
  70% { transform:scaleX(.75); opacity:.45; }
  100% { transform:scaleX(1); opacity:0; }
}
@keyframes freshness-direct-trace { from { transform:scaleX(0); opacity:1; } to { transform:scaleX(1); opacity:0; } }
@media(max-width:700px) {:where(#unit-freshness) #freshness .stop-list{ --route-y:17px; }}
@media(max-width:350px) {:where(#unit-freshness) #freshness .stop-list{ --route-y:18px; }}
@media(max-width:700px) and (max-height:720px) {:where(#unit-freshness) #freshness .stop-list{ --route-y:16px; }}
:where(#unit-freshness) #freshness .d-fill{ transition:--lvl 4.8s linear; }
:where(#unit-freshness) #freshness .stop-store [data-stop=store-storage]{ --fade-delay:950ms; }
:where(#unit-freshness) #freshness .stop-store [data-stop=store-store]{ --fade-delay:2350ms; }
:where(#unit-freshness) #freshness .stop-store [data-stop=store-home]{ --fade-delay:3750ms; }
:where(#unit-freshness) #freshness .percent-visual:has(.d-pair[data-state=done]) .stop-store .stop-icon{ animation:freshness-stop21-fade 850ms ease-out var(--fade-delay) both; }
:where(#unit-freshness) #freshness .percent-visual:has(.d-pair[data-state=done]) .stop-list-store::after{ animation:freshness-store21-trace 4.8s ease-in-out both; }
:where(#unit-freshness) #freshness .percent-visual:has(.d-pair[data-state=done]) .stop-list-ours::after{ animation:freshness-direct21-trace 850ms ease-out both; }
@keyframes freshness-stop21-fade { from { color:var(--lime); } to { color:var(--arrival-color); } }
@keyframes freshness-store21-trace {
  0%,14% { transform:scaleX(0); opacity:1; }
  24%,40% { transform:scaleX(.333333); opacity:.92; }
  50%,66% { transform:scaleX(.666667); opacity:.68; }
  78%,92% { transform:scaleX(1); opacity:.3; }
  100% { transform:scaleX(1); opacity:0; }
}
@keyframes freshness-direct21-trace { from { transform:scaleX(0); opacity:1; } to { transform:scaleX(1); opacity:0; } }
:where(#unit-freshness) #freshness .shelf-phrase{ font-size:.72em; letter-spacing:-.015em; color:#b8c9bf; }
:where(#unit-freshness) #freshness .harvest-phrase{ gap:.22em; }
:where(#unit-freshness) #freshness .not-equal{ font-size:.76em; font-weight:350; top:-.02em; }
:where(#unit-freshness) #freshness .d-pair[data-align=top]{ min-height:320px; border-radius:20px; outline-color:rgb(213 231 219 / 4.5%); }
:where(#unit-freshness) #freshness .d-pair .d-big{ font-weight:500; }
:where(#unit-freshness) #freshness .d-big .figure-unit{ font-size:.54em; font-weight:400; }
:where(#unit-freshness) #freshness .d-head h3{ font-weight:500; }
:where(#unit-freshness) #freshness .stop-list::before,:where(#unit-freshness) #freshness .stop-list::after{ top:calc(var(--route-y) - 1px); height:2px; }
:where(#unit-freshness) #freshness .stop-button .stop-icon{ width:28px; height:28px; stroke-width:1.25; }
:where(#unit-freshness) #freshness .stop-button .stop-name{ text-decoration-color:rgb(197 209 204 / 22%); }
:where(#unit-freshness) #freshness .waste-close{ border-top-color:rgb(211 227 216 / 8%); }
:where(#unit-freshness) #freshness .waste-amount{ font-size:18px; }
:where(#unit-freshness) #freshness .waste-amount strong{ font-size:24px; font-weight:550; }
@media(max-width:700px) {:where(#unit-freshness) #freshness .shelf-phrase{ line-height:1.1; }
:where(#unit-freshness) #freshness .harvest-phrase{ margin-top:6px; }
:where(#unit-freshness) #freshness .d-pair[data-align=top]{ min-height:250px; margin-top:22px; border-radius:18px; }
:where(#unit-freshness) #freshness .d-head h3{ font-size:12px; }
:where(#unit-freshness) #freshness .d-pair .d-big{ font-size:clamp(50px,14.8vw,60px); }
:where(#unit-freshness) #freshness .d-pair .d-line{ line-height:1.45; }
:where(#unit-freshness) #freshness .stop-button .stop-icon{ width:24px; height:24px; }
:where(#unit-freshness) #freshness .stops-journey{ margin-top:22px; }
:where(#unit-freshness) #freshness .waste-close{ margin-top:22px; }
:where(#unit-freshness) #freshness .waste-amount{ font-size:17px; }
:where(#unit-freshness) #freshness .waste-amount strong{ font-size:22px; }}
@media(max-width:700px) and (max-height:720px) {:where(#unit-freshness) #freshness #fx-title{ font-size:25.5px; }
:where(#unit-freshness) #freshness .d-pair[data-align=top]{ min-height:176px; margin-top:16px; }
:where(#unit-freshness) #freshness .d-pair .d-big{ font-size:clamp(46px,13.8vw,52px); }
:where(#unit-freshness) #freshness .d-pair .d-line{ line-height:1.4; }
:where(#unit-freshness) #freshness .stop-button .stop-icon{ width:22px; height:22px; }
:where(#unit-freshness) #freshness .stops-journey{ margin-top:10px; }
:where(#unit-freshness) #freshness .waste-close{ margin-top:10px; }
:where(#unit-freshness) #freshness .waste-amount strong{ font-size:20px; }}
:where(#unit-freshness) #freshness.fx{ min-height:0; padding-block:64px; }
:where(#unit-freshness) #freshness .d-pair[data-align=top]{ margin-top:40px; }
:where(#unit-freshness) #freshness .stops-journey{ margin-top:38px; }
:where(#unit-freshness) #freshness .fridge-points{ margin-top:44px; }
:where(#unit-freshness) #freshness .stop-ours .stop-time{ color:#dbe5e0; }
:where(#unit-freshness) #freshness .facts-close{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:1px; margin:44px 0 0; padding-top:34px; border-top:1px solid rgb(211 227 216 / 9%); }
:where(#unit-freshness) #freshness .context-point{ margin:0; min-width:0; padding-inline:24px; }
:where(#unit-freshness) #freshness .context-qualifier{ display:block; color:#afc1b6; font-size:12px; line-height:1.4; }
:where(#unit-freshness) #freshness .context-stat{ display:block; margin-top:8px; color:#edf3ee; font-size:44px; line-height:1.1; font-weight:500; letter-spacing:-.05em; white-space:nowrap; }
:where(#unit-freshness) #freshness .context-caption{ display:block; max-width:28ch; margin-top:14px; color:#c0cec5; font-size:15px; line-height:1.55; }
:where(#unit-freshness) #freshness .context-caption .fx-ref{ margin-left:1px; }
:where(#unit-freshness) [data-context=off] #freshness .intake-context{ display:none; }
:where(#unit-freshness) [data-context=off] #freshness .facts-close{ grid-template-columns:minmax(0,1fr); text-align:center; }
:where(#unit-freshness) [data-context=off] #freshness .waste-context{ justify-self:center; width:100%; max-width:420px; }
:where(#unit-freshness) [data-context=off] #freshness .context-caption{ max-width:none; }
@media(max-width:700px) {:where(#unit-freshness) #freshness.fx{ min-height:0; padding-block:44px 48px; }
:where(#unit-freshness) #freshness .fx-inner{ width:calc(100% - 40px); }
:where(#unit-freshness) #freshness #fx-title{ font-size:clamp(28px,8vw,34px); line-height:1.15; }
:where(#unit-freshness) #freshness .harvest-phrase{ margin-top:8px; }
:where(#unit-freshness) #freshness .d-pair[data-align=top]{ min-height:300px; margin-top:36px; border-radius:20px; }
:where(#unit-freshness) #freshness .d-pair .d-card{ padding:20px 18px; }
:where(#unit-freshness) #freshness .d-head h3{ font-size:13px; line-height:1.3; }
:where(#unit-freshness) #freshness .proposal-tag{ top:39px; left:18px; font-size:10px; }
:where(#unit-freshness) #freshness .d-pair .d-big{ font-size:clamp(50px,14.5vw,60px); margin-top:26px; margin-bottom:16px; }
:where(#unit-freshness) #freshness .d-pair .d-line{ font-size:14px; line-height:1.5; }
:where(#unit-freshness) #freshness .d-pair .d-store picture{ height:58%; mask-image:linear-gradient(transparent,black 42px); }
:where(#unit-freshness) #freshness .d-pair .d-ours picture{ height:61%; mask-image:linear-gradient(transparent,black 44px); }
:where(#unit-freshness) #freshness .d-pair .d-store::after{ background:linear-gradient(180deg,#193330fc 0%,#193330f5 46%,#193330e8 64%,#1933300d 87%); }
:where(#unit-freshness) [data-image-study=quiet] #freshness .d-pair[data-align=top] .d-ours::after{ background:linear-gradient(180deg,#102b28fc 0%,#102b28f5 46%,#102b28e8 62%,#102b2800 82%); }
:where(#unit-freshness) #freshness .stop-columns,:where(#unit-freshness) #freshness .fridge-points{ column-gap:1px; }
:where(#unit-freshness) #freshness .stop-column,:where(#unit-freshness) #freshness .bottom-point{ padding-inline:18px; }
:where(#unit-freshness) #freshness .stop-list{ margin-inline:-18px; --route-y:20px; }
:where(#unit-freshness) #freshness .stops-journey{ margin-top:32px; }
:where(#unit-freshness) #freshness .stop-button{ min-height:58px; padding:4px 0; gap:6px; }
:where(#unit-freshness) #freshness .stop-button .stop-icon{ width:26px; height:26px; }
:where(#unit-freshness) #freshness .stop-button .stop-name{ font-size:clamp(9.2px,2.65vw,10.7px); }
:where(#unit-freshness) #freshness .stop-time{ font-size:18px; margin-top:16px; line-height:1.3; white-space:normal; }
:where(#unit-freshness) #freshness .stop-distance{ font-size:13px; margin-top:8px; line-height:1.5; white-space:normal; }
:where(#unit-freshness) #freshness .stop-store .stop-distance{ font-size:13px; white-space:normal; }
:where(#unit-freshness) #freshness .fridge-points{ margin-top:40px; padding-top:0; border:0; }
:where(#unit-freshness) #freshness .bottom-point .point-qualifier{ font-size:12px; line-height:1.4; }
:where(#unit-freshness) #freshness .bottom-point .point-stat{ font-size:clamp(26px,8.2vw,34px); margin-top:8px; }
:where(#unit-freshness) #freshness .fridge-points .point-caption{ font-size:13px; line-height:1.5; margin-top:10px; }
:where(#unit-freshness) #freshness .facts-close{ margin-top:46px; padding-top:30px; }
:where(#unit-freshness) #freshness .context-point{ padding-inline:18px; }
:where(#unit-freshness) #freshness .context-qualifier{ font-size:11.5px; }
:where(#unit-freshness) #freshness .context-stat{ font-size:clamp(28px,9vw,37px); }
:where(#unit-freshness) #freshness .context-caption{ margin-top:12px; font-size:13.5px; line-height:1.5; }}
@media(max-width:350px) {:where(#unit-freshness) #freshness .stop-list{ --route-y:20.5px; }
:where(#unit-freshness) #freshness .stop-time{ font-size:16px; white-space:nowrap; }
:where(#unit-freshness) #freshness .stop-store .stop-distance{ font-size:11px; white-space:nowrap; }}
:where(#unit-freshness) #freshness .stop-button .stop-name{ text-decoration:none; }
:where(#unit-freshness) #freshness .stop-button:is(:hover,:focus-visible,[aria-expanded=true]) .stop-name{ text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
#unit-freshness[data-design=apple28] #freshness.fx{
  --deep:#102a28;
  background:var(--deep);
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  padding-block:76px 80px;
  min-height:0;
}
#unit-freshness[data-design=apple28] #freshness .fx-inner{ max-width:960px; }
#unit-freshness[data-design=apple28] #freshness #fx-title{
  font-size:54px; line-height:1.08; font-weight:600; letter-spacing:-.045em;
}
#unit-freshness[data-design=apple28] #freshness .shelf-phrase{
  font-size:.68em; line-height:1.2; font-weight:400; color:#b2c0ba; letter-spacing:-.025em;
}
#unit-freshness[data-design=apple28] #freshness .harvest-phrase{ gap:.18em; margin-top:10px; }
#unit-freshness[data-design=apple28] #freshness .not-equal{ color:#b2c0ba; font-size:.74em; font-weight:400; }
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top]{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:auto 260px auto auto;
  column-gap:36px; row-gap:0; margin-top:48px; min-height:0;
  background:none; outline:0; border:0; border-radius:0; box-shadow:none; overflow:visible;
}
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top] .d-card{
  display:grid; grid-row:1/-1; grid-template-rows:subgrid;
  min-width:0; padding:0; border:0; border-radius:0;
  background:none; outline:0; box-shadow:none; overflow:visible; isolation:auto;
}
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top] .d-card::after{ content:none; }
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top] .d-card > picture{
  grid-row:2; position:relative; inset:auto; z-index:0;
  display:block; width:100%; height:100%; overflow:hidden; border-radius:14px;
  margin:0; mask-image:none; -webkit-mask-image:none; opacity:1;
}
#unit-freshness[data-design=apple28] #freshness .d-pair .d-photo{
  display:block; width:100%; height:100%; object-fit:cover;
  object-position:50% 52%; filter:none; opacity:1; transform:none;
}
#unit-freshness[data-design=apple28] #freshness .d-pair .d-head{
  grid-row:1; padding:0 0 15px; margin:0; align-self:start;
}
#unit-freshness[data-design=apple28] #freshness .d-head h3{
  font-family:inherit; font-size:16px; font-weight:500; line-height:1.3; letter-spacing:-.015em;
}
#unit-freshness[data-design=apple28] #freshness .d-more.card-open{ color:#edf2ee; }
#unit-freshness[data-design=apple28] #freshness .d-pair .d-big{
  grid-row:3; font-size:76px; font-weight:500; line-height:1.04;
  letter-spacing:-.055em; margin:24px 0 12px; padding:0; text-shadow:none;
}
#unit-freshness[data-design=apple28] #freshness .d-big .figure-unit{ font-size:.48em; font-weight:400; letter-spacing:-.04em; }
#unit-freshness[data-design=apple28] #freshness .d-pair .d-line{
  grid-row:4; align-self:start; max-width:26ch; margin:0; padding:0;
  color:#b9c8c0; font-size:17px; line-height:1.48; letter-spacing:-.015em;
}
#unit-freshness[data-design=apple28] #freshness .proposal-tag{
  position:static; display:block; margin-top:10px; font-size:12px; line-height:1.4;
  font-weight:400; color:#adbbb4; letter-spacing:0;
}
#unit-freshness[data-design=apple28] #freshness .d-spacer,#unit-freshness[data-design=apple28] #freshness .d-floor{ display:none; }
#unit-freshness[data-design=apple28] #freshness .stops-journey{ margin-top:52px; }
#unit-freshness[data-design=apple28] #freshness .stop-columns,#unit-freshness[data-design=apple28] #freshness .fridge-points,#unit-freshness[data-design=apple28] #freshness .facts-close{ column-gap:36px; }
#unit-freshness[data-design=apple28] #freshness .stop-column,#unit-freshness[data-design=apple28] #freshness .bottom-point,#unit-freshness[data-design=apple28] #freshness .context-point{ padding-inline:0; }
#unit-freshness[data-design=apple28] #freshness .stop-time{
  grid-row:1; font-size:26px; line-height:1.25; font-weight:500; margin:0;
  color:#edf2ee; letter-spacing:-.03em; white-space:normal;
}
#unit-freshness[data-design=apple28] #freshness .stop-distance{
  grid-row:2; margin:8px 0 0; color:#b0c0b7;
  font-size:15px; line-height:1.45; letter-spacing:-.015em; white-space:normal;
}
#unit-freshness[data-design=apple28] #freshness .stop-list{
  grid-row:3; margin:20px -7px 0; --route-y:20px;
}
#unit-freshness[data-design=apple28] #freshness .stop-button{ min-height:58px; padding:5px 0; gap:7px; }
#unit-freshness[data-design=apple28] #freshness .stop-button .stop-icon{ width:26px; height:26px; stroke-width:1.2; }
#unit-freshness[data-design=apple28] #freshness .stop-button .stop-name{
  font-size:12px; color:#b7c7bd; letter-spacing:-.02em; text-decoration:none;
}
#unit-freshness[data-design=apple28] #freshness .stop-list::before,#unit-freshness[data-design=apple28] #freshness .stop-list::after{ height:1.5px; top:calc(var(--route-y) - .75px); }
#unit-freshness[data-design=apple28] #freshness .stop-button:is(:hover,:focus-visible,[aria-expanded=true]) .stop-name{
  color:#f3f5f2; text-decoration:underline; text-underline-offset:4px;
}
#unit-freshness[data-design=apple28] #freshness .fridge-points{ margin-top:44px; padding-top:0; border:0; }
#unit-freshness[data-design=apple28] #freshness .point-qualifier,#unit-freshness[data-design=apple28] #freshness .context-qualifier{ color:#b0c0b7; font-size:13px; line-height:1.4; }
#unit-freshness[data-design=apple28] #freshness .bottom-point .point-stat{
  font-size:44px; line-height:1.1; font-weight:500; letter-spacing:-.045em; margin-top:9px;
}
#unit-freshness[data-design=apple28] #freshness .fridge-points .point-caption{ font-size:15px; line-height:1.4; margin-top:10px; color:#b9c8c0; }
#unit-freshness[data-design=apple28] #freshness .facts-close{
  margin-top:52px; padding-top:36px; border-top:1px solid rgb(221 233 225 / 12%);
}
#unit-freshness[data-design=apple28] #freshness .context-stat{ margin-top:9px; font-size:48px; font-weight:500; letter-spacing:-.045em; }
#unit-freshness[data-design=apple28] #freshness .context-caption{
  color:#b9c8c0; margin-top:14px; font-size:16px; line-height:1.5; letter-spacing:-.01em;
}
#unit-freshness[data-design=apple28] #freshness .fx-ref{ color:#c4d1c9; font-size:9px; font-weight:500; }
@media(max-width:700px) {#unit-freshness[data-design=apple28] #freshness.fx{ padding-block:44px 52px; }
#unit-freshness[data-design=apple28] #freshness .fx-inner{ width:calc(100% - 40px); }
#unit-freshness[data-design=apple28] #freshness #fx-title{ font-size:clamp(28px,8.4vw,34px); line-height:1.1; }
#unit-freshness[data-design=apple28] #freshness .harvest-phrase{ margin-top:8px; }
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top]{
    grid-template-rows:auto 166px auto auto; column-gap:20px; margin-top:32px;
  }
#unit-freshness[data-design=apple28] #freshness .d-head h3{ font-size:13px; }
#unit-freshness[data-design=apple28] #freshness .d-pair .d-head{ padding-bottom:13px; }
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top] .d-card > picture{ border-radius:10px; }
#unit-freshness[data-design=apple28] #freshness .d-pair .d-big{ font-size:clamp(50px,15vw,60px); margin:21px 0 9px; }
#unit-freshness[data-design=apple28] #freshness .d-pair .d-line{ font-size:13px; line-height:1.5; }
#unit-freshness[data-design=apple28] #freshness .proposal-tag{ font-size:10.5px; margin-top:8px; }
#unit-freshness[data-design=apple28] #freshness .stops-journey{ margin-top:36px; }
#unit-freshness[data-design=apple28] #freshness .stop-columns,#unit-freshness[data-design=apple28] #freshness .fridge-points,#unit-freshness[data-design=apple28] #freshness .facts-close{ column-gap:20px; }
#unit-freshness[data-design=apple28] #freshness .stop-time{ font-size:19px; }
#unit-freshness[data-design=apple28] #freshness .stop-distance{ font-size:12px; margin-top:7px; }
#unit-freshness[data-design=apple28] #freshness .stop-list{ margin:17px -7px 0; --route-y:18px; }
#unit-freshness[data-design=apple28] #freshness .stop-button{ min-height:56px; padding:5px 0; gap:7px; }
#unit-freshness[data-design=apple28] #freshness .stop-button .stop-icon{ width:24px; height:24px; }
#unit-freshness[data-design=apple28] #freshness .stop-button .stop-name{ font-size:10px; }
#unit-freshness[data-design=apple28] #freshness .fridge-points{ margin-top:32px; }
#unit-freshness[data-design=apple28] #freshness .point-qualifier,#unit-freshness[data-design=apple28] #freshness .context-qualifier{ font-size:11.5px; }
#unit-freshness[data-design=apple28] #freshness .bottom-point .point-stat{ font-size:clamp(29px,8.8vw,36px); margin-top:8px; }
#unit-freshness[data-design=apple28] #freshness .fridge-points .point-caption{ font-size:13px; margin-top:8px; }
#unit-freshness[data-design=apple28] #freshness .facts-close{ margin-top:40px; padding-top:28px; }
#unit-freshness[data-design=apple28] #freshness .context-stat{ font-size:clamp(33px,10.4vw,42px); margin-top:8px; }
#unit-freshness[data-design=apple28] #freshness .context-caption{ font-size:13px; line-height:1.5; margin-top:12px; }}
@media(max-width:350px) {#unit-freshness[data-design=apple28] #freshness .fx-inner{ width:calc(100% - 32px); }
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top]{ grid-template-rows:auto 145px auto auto; column-gap:16px; }
#unit-freshness[data-design=apple28] #freshness .stop-columns,#unit-freshness[data-design=apple28] #freshness .fridge-points,#unit-freshness[data-design=apple28] #freshness .facts-close{ column-gap:16px; }
#unit-freshness[data-design=apple28] #freshness .stop-time{ font-size:17px; }
#unit-freshness[data-design=apple28] #freshness .d-pair .d-line{ font-size:12.5px; }}
#unit-freshness[data-design=apple28] #freshness .fx-inner{ width:100%; max-width:1000px; }
#unit-freshness[data-design=apple28] #freshness #fx-title{
  margin:0 24px; text-align:center; font-size:56px; line-height:1.06;
}
#unit-freshness[data-design=apple28] #freshness .shelf-phrase{ display:block; font-size:.62em; font-weight:400; }
#unit-freshness[data-design=apple28] #freshness .harvest-phrase{ display:flex; justify-content:center; margin-left:0; }
#unit-freshness[data-design=apple28] #freshness .not-equal{ font-size:.66em; }
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top]{
  grid-template-rows:56px 344px auto; column-gap:2px; margin-top:44px;
}
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top] .d-card{
  position:relative; isolation:isolate; grid-template-rows:subgrid;
}
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top] .d-card>picture{
  grid-row:1/3; border-radius:0; position:relative; z-index:0;
}
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top] .d-store>picture{ border-radius:22px 0 0 22px; }
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top] .d-ours>picture{ border-radius:0 22px 22px 0; }
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top] .d-card::after{
  content:""; position:absolute; inset:0 0 auto; height:400px; z-index:1;
  pointer-events:none; border-radius:inherit;
  background:linear-gradient(180deg,#061d1bd4 0%,#061d1b20 29%,#061d1b10 42%,#061d1bd9 69%,#061d1bf5 100%);
}
#unit-freshness[data-design=apple28] #freshness .d-pair .d-photo{ object-position:50% 48%; }
#unit-freshness[data-design=apple28] #freshness .d-pair .d-head{
  grid-row:1; z-index:2; padding:24px 32px 0; align-self:start;
}
#unit-freshness[data-design=apple28] #freshness .d-head h3{ font-size:16px; color:white; }
#unit-freshness[data-design=apple28] #freshness .d-more.card-open{ color:#f3f6f2; }
#unit-freshness[data-design=apple28] #freshness .d-pair .d-big{
  grid-row:2; align-self:end; z-index:2; margin:0 32px 28px;
  font-size:100px; font-weight:500; letter-spacing:-.065em; line-height:1;
}
#unit-freshness[data-design=apple28] #freshness .d-pair .d-line{
  grid-row:3; padding:22px 32px 0; max-width:none; font-size:17px; line-height:1.5;
}
#unit-freshness[data-design=apple28] #freshness .proposal-tag{ margin-top:8px; }
#unit-freshness[data-design=apple28] #freshness .stops-journey{ margin:42px 0 0; }
#unit-freshness[data-design=apple28] #freshness .stop-columns,#unit-freshness[data-design=apple28] #freshness .fridge-points{ column-gap:2px; }
#unit-freshness[data-design=apple28] #freshness .stop-column,#unit-freshness[data-design=apple28] #freshness .bottom-point{ padding-inline:32px; }
#unit-freshness[data-design=apple28] #freshness .stop-list{ grid-row:1; margin:0 -7px; }
#unit-freshness[data-design=apple28] #freshness .stop-time{ grid-row:2; margin-top:17px; font-size:25px; }
#unit-freshness[data-design=apple28] #freshness .stop-distance{ grid-row:3; font-size:14px; }
#unit-freshness[data-design=apple28] #freshness .fridge-points{ margin-top:40px; }
#unit-freshness[data-design=apple28] #freshness .bottom-point .point-stat{ font-size:44px; }
#unit-freshness[data-design=apple28] #freshness .facts-close{
  display:grid; grid-template-columns:minmax(0,1fr); gap:28px;
  margin:48px 32px 0; padding-top:36px;
}
#unit-freshness[data-design=apple28] #freshness .context-point{
  display:grid; grid-template-columns:190px minmax(0,1fr);
  grid-template-rows:auto auto; column-gap:32px; align-items:start;
  padding:0; margin:0;
}
#unit-freshness[data-design=apple28] #freshness .context-qualifier{ grid-column:1; grid-row:1; }
#unit-freshness[data-design=apple28] #freshness .context-stat{ grid-column:1; grid-row:2; font-size:48px; margin:7px 0 0; }
#unit-freshness[data-design=apple28] #freshness .context-caption{
  grid-column:2; grid-row:1/3; align-self:center; margin:0;
  max-width:45ch; font-size:18px; line-height:1.5;
}
#unit-freshness[data-design=apple28] #freshness .context-caption br{ display:none; }
#unit-freshness[data-design=apple28] #freshness .waste-context .context-caption br::after{ content:" "; }
@media(max-width:700px) {#unit-freshness[data-design=apple28] #freshness.fx{ padding-block:44px 52px; }
#unit-freshness[data-design=apple28] #freshness .fx-inner{ width:100%; }
#unit-freshness[data-design=apple28] #freshness #fx-title{ margin-inline:20px; font-size:clamp(29px,8.8vw,36px); }
#unit-freshness[data-design=apple28] #freshness .harvest-phrase{ margin-top:10px; gap:.16em; }
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top]{
    grid-template-rows:52px 240px auto; margin-top:34px; column-gap:2px;
  }
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top] .d-card>picture{ border-radius:0; }
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top] .d-card::after{ height:292px; border-radius:0; }
#unit-freshness[data-design=apple28] #freshness .d-pair .d-head{ padding:20px 20px 0; }
#unit-freshness[data-design=apple28] #freshness .d-head h3{ font-size:13px; }
#unit-freshness[data-design=apple28] #freshness .d-pair .d-big{ margin:0 20px 22px; font-size:clamp(59px,18.5vw,76px); }
#unit-freshness[data-design=apple28] #freshness .d-pair .d-line{ padding:18px 20px 0; font-size:13px; line-height:1.5; }
#unit-freshness[data-design=apple28] #freshness .proposal-tag{ font-size:10.5px; }
#unit-freshness[data-design=apple28] #freshness .stops-journey{ margin-top:32px; }
#unit-freshness[data-design=apple28] #freshness .stop-columns,#unit-freshness[data-design=apple28] #freshness .fridge-points{ column-gap:2px; }
#unit-freshness[data-design=apple28] #freshness .stop-column,#unit-freshness[data-design=apple28] #freshness .bottom-point{ padding-inline:20px; }
#unit-freshness[data-design=apple28] #freshness .stop-list{ margin:0 -7px; }
#unit-freshness[data-design=apple28] #freshness .stop-time{ font-size:18px; margin-top:14px; }
#unit-freshness[data-design=apple28] #freshness .stop-distance{ font-size:12px; margin-top:7px; }
#unit-freshness[data-design=apple28] #freshness .fridge-points{ margin-top:32px; }
#unit-freshness[data-design=apple28] #freshness .bottom-point .point-stat{ font-size:clamp(28px,8.7vw,35px); }
#unit-freshness[data-design=apple28] #freshness .facts-close{ margin:40px 20px 0; padding-top:28px; gap:26px; }
#unit-freshness[data-design=apple28] #freshness .context-point{ grid-template-columns:128px minmax(0,1fr); column-gap:22px; }
#unit-freshness[data-design=apple28] #freshness .context-stat{ font-size:clamp(33px,9.2vw,37px); margin-top:6px; }
#unit-freshness[data-design=apple28] #freshness .context-qualifier{ font-size:11px; }
#unit-freshness[data-design=apple28] #freshness .context-caption{ font-size:14px; line-height:1.45; }}
@media(max-width:350px) {#unit-freshness[data-design=apple28] #freshness .d-pair .d-head{ padding-inline:16px; }
#unit-freshness[data-design=apple28] #freshness .d-pair .d-big{ margin-inline:16px; }
#unit-freshness[data-design=apple28] #freshness .d-pair .d-line,#unit-freshness[data-design=apple28] #freshness .stop-column,#unit-freshness[data-design=apple28] #freshness .bottom-point{ padding-inline:16px; }
#unit-freshness[data-design=apple28] #freshness .stop-time{ font-size:16.5px; }
#unit-freshness[data-design=apple28] #freshness .facts-close{ margin-inline:16px; }
#unit-freshness[data-design=apple28] #freshness .context-point{ grid-template-columns:112px minmax(0,1fr); column-gap:18px; }
#unit-freshness[data-design=apple28] #freshness .context-caption{ font-size:13.5px; }}
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top] .d-card{ grid-template-columns:minmax(0,1fr); }
#unit-freshness[data-design=apple28] #freshness .d-pair[data-align=top] .d-card>picture,#unit-freshness[data-design=apple28] #freshness .d-pair .d-head,#unit-freshness[data-design=apple28] #freshness .d-pair .d-big,#unit-freshness[data-design=apple28] #freshness .d-pair .d-line{ grid-column:1; }
#unit-freshness[data-design=apple28] #freshness .stops-journey{
  width:calc(100% - 64px); max-width:672px; margin:48px auto 0;
}
#unit-freshness[data-design=apple28] #freshness .stop-columns{
  display:flex; flex-direction:column; gap:30px;
}
#unit-freshness[data-design=apple28] #freshness .stop-column{
  display:grid; grid-row:auto; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:auto auto; padding:0; min-width:0;
}
#unit-freshness[data-design=apple28] #freshness .stop-time{
  grid-column:1; grid-row:1; margin:0; font-size:25px; line-height:1.3;
  align-self:center; letter-spacing:-.025em;
}
#unit-freshness[data-design=apple28] #freshness .stop-distance{
  grid-column:2; grid-row:1; margin:0; text-align:right; align-self:center;
  font-size:14px; line-height:1.4; white-space:normal;
}
#unit-freshness[data-design=apple28] #freshness .stop-list{
  grid-column:1/-1; grid-row:2; width:calc(100% + 18px);
  margin:14px -9px 0; --route-y:25px;
}
#unit-freshness[data-design=apple28] #freshness .stop-list-ours{ width:calc(50% + 9px); }
#unit-freshness[data-design=apple28] #freshness .stop-button{
  min-height:72px; padding:6px 0; gap:8px; border-radius:10px;
}
#unit-freshness[data-design=apple28] #freshness .stop-button .stop-icon{ width:32px; height:32px; stroke-width:1.3; }
#unit-freshness[data-design=apple28] #freshness .stop-button .stop-name{ font-size:13px; font-weight:400; }
#unit-freshness[data-design=apple28] #freshness .stop-list::before,#unit-freshness[data-design=apple28] #freshness .stop-list::after{ top:calc(var(--route-y) - .75px); height:1.5px; }
#unit-freshness[data-design=apple28] #freshness .fridge-points{ width:calc(100% - 64px); max-width:672px; margin:36px auto 0; column-gap:32px; }
#unit-freshness[data-design=apple28] #freshness .bottom-point{ padding:0; }
#unit-freshness[data-design=apple28] #freshness .bottom-point.grocery-point .point-stat{ color:#c3cfc8; }
#unit-freshness[data-design=apple28] #freshness .bottom-point.keep-point .point-stat{ font-weight:550; }
#unit-freshness[data-design=apple28] #freshness .facts-close{
  display:block; width:calc(100% - 64px); max-width:672px;
  margin:44px auto 0; padding-top:34px;
}
#unit-freshness[data-design=apple28] #freshness .context-point{
  display:block; margin:0; padding:0; color:#b9c8c0;
  font-size:24px; line-height:1.55; letter-spacing:-.02em;
}
#unit-freshness[data-design=apple28] #freshness .context-point + .context-point{ margin-top:28px; }
#unit-freshness[data-design=apple28] #freshness .context-stat{
  display:inline; margin:0; color:#f1f4f0; font-size:44px;
  line-height:1.1; font-weight:550; letter-spacing:-.055em; white-space:nowrap;
}
#unit-freshness[data-design=apple28] #freshness .context-caption{
  display:inline; margin:0; max-width:none; color:inherit;
  font-size:inherit; line-height:inherit; letter-spacing:inherit;
}
#unit-freshness[data-design=apple28] #freshness .waste-context .context-qualifier{
  display:inline; color:inherit; font-size:inherit; font-weight:400;
}
#unit-freshness[data-design=apple28] #freshness .intake-context{ position:relative; padding-bottom:26px; }
#unit-freshness[data-design=apple28] #freshness .intake-context .context-qualifier{
  display:block; position:absolute; left:0; bottom:0;
  color:#aebdb5; font-size:12px; line-height:1.4; letter-spacing:0;
}
@media(max-width:700px) {#unit-freshness[data-design=apple28] #freshness .stops-journey{ width:calc(100% - 40px); margin-top:34px; }
#unit-freshness[data-design=apple28] #freshness .stop-columns{ gap:24px; }
#unit-freshness[data-design=apple28] #freshness .stop-time{ font-size:20px; }
#unit-freshness[data-design=apple28] #freshness .stop-distance{ font-size:12px; }
#unit-freshness[data-design=apple28] #freshness .stop-list{ margin-top:12px; }
#unit-freshness[data-design=apple28] #freshness .stop-button .stop-name{ font-size:11.5px; }
#unit-freshness[data-design=apple28] #freshness .fridge-points{ width:calc(100% - 40px); column-gap:20px; margin-top:30px; }
#unit-freshness[data-design=apple28] #freshness .facts-close{ width:calc(100% - 40px); margin-top:36px; padding-top:28px; }
#unit-freshness[data-design=apple28] #freshness .context-point{ font-size:18px; line-height:1.55; }
#unit-freshness[data-design=apple28] #freshness .context-stat{ font-size:36px; }
#unit-freshness[data-design=apple28] #freshness .context-point + .context-point{ margin-top:24px; }
#unit-freshness[data-design=apple28] #freshness .intake-context{ padding-bottom:23px; }
#unit-freshness[data-design=apple28] #freshness .intake-context .context-qualifier{ font-size:11px; }}
@media(max-width:350px) {#unit-freshness[data-design=apple28] #freshness .stops-journey,#unit-freshness[data-design=apple28] #freshness .fridge-points,#unit-freshness[data-design=apple28] #freshness .facts-close{ width:calc(100% - 32px); }
#unit-freshness[data-design=apple28] #freshness .stop-time{ font-size:18px; }
#unit-freshness[data-design=apple28] #freshness .context-point{ font-size:17px; }
#unit-freshness[data-design=apple28] #freshness .context-stat{ font-size:33px; }}
#unit-freshness[data-design=apple28] #freshness .fridge-brand{ display:block; margin:0 0 8px; color:#d5dfd8; font-size:14px; font-weight:500; line-height:1.3; }
#unit-freshness[data-design=apple28] #freshness .context-stat{ margin-inline:.08em .14em; }
#unit-freshness[data-design=apple28] #freshness .intake-context .context-stat{ margin-left:0; }
@media(max-width:700px) {#unit-freshness[data-design=apple28] #freshness .fridge-brand{ margin-bottom:7px; font-size:12px; }}
#unit-freshness[data-design=apple28] #freshness .fridge-points{ grid-template-rows:repeat(4,auto); }
#unit-freshness[data-design=apple28] #freshness .bottom-point{ grid-template-columns:minmax(0,1fr); }
#unit-freshness[data-design=apple28] #freshness .fridge-brand{ grid-row:1; grid-column:1; }
#unit-freshness[data-design=apple28] #freshness .bottom-point .point-qualifier{ grid-row:2; grid-column:1; }
#unit-freshness[data-design=apple28] #freshness .bottom-point .point-stat{ grid-row:3; grid-column:1; }
#unit-freshness[data-design=apple28] #freshness .bottom-point .point-caption{ grid-row:4; grid-column:1; }
#unit-freshness[data-design=apple28] #freshness .stops-journey{ width:100%; max-width:none; margin:32px 0 0; }
#unit-freshness[data-design=apple28] #freshness .stop-columns{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:auto auto 210px; column-gap:2px; row-gap:0;
}
#unit-freshness[data-design=apple28] #freshness .stop-column{
  display:grid; grid-row:1/-1; grid-template-columns:minmax(0,1fr);
  grid-template-rows:subgrid; padding-inline:32px;
}
#unit-freshness[data-design=apple28] #freshness .stop-time{
  grid-column:1; grid-row:1; margin:0; text-align:left; font-size:25px;
}
#unit-freshness[data-design=apple28] #freshness .stop-distance{
  grid-column:1; grid-row:2; margin:8px 0 0; text-align:left;
  font-size:14px; line-height:1.5;
}
#unit-freshness[data-design=apple28] #freshness .stop-list{
  grid-column:1; grid-row:3; display:grid;
  grid-template-columns:minmax(0,1fr); grid-template-rows:repeat(4,48px);
  width:100%; height:192px; margin:18px 0 0;
}
#unit-freshness[data-design=apple28] #freshness .stop-list-ours .stop-stage:first-child{ grid-row:1; }
#unit-freshness[data-design=apple28] #freshness .stop-list-ours .stop-stage:last-child{ grid-row:4; }
#unit-freshness[data-design=apple28] #freshness .stop-button{
  display:flex; flex-direction:row; justify-content:flex-start; align-items:center;
  width:100%; min-height:48px; height:48px; padding:8px 0; gap:11px;
}
#unit-freshness[data-design=apple28] #freshness .stop-button .stop-icon{ width:28px; height:28px; flex:0 0 28px; }
#unit-freshness[data-design=apple28] #freshness .stop-button .stop-name{ font-size:13px; text-align:left; }
#unit-freshness[data-design=apple28] #freshness .stop-list::before,#unit-freshness[data-design=apple28] #freshness .stop-list::after{
  left:13.25px; right:auto; top:24px; bottom:24px;
  width:1.5px; height:calc(100% - 48px); transform-origin:top;
}
#unit-freshness[data-design=apple28] #freshness .stop-list-store::before{
  background:linear-gradient(180deg,var(--lime),#9eae6b 34%,#7e9580 67%,#526e5e);
}
#unit-freshness[data-design=apple28] #freshness .percent-visual:has(.d-pair[data-state=ready]) .stop-list::before{ background:var(--lime); }
#unit-freshness[data-design=apple28] #freshness .percent-visual:has(.d-pair[data-state=done]) .stop-list-store::after{ animation:freshness-store28-trace 4.8s ease-in-out both; }
#unit-freshness[data-design=apple28] #freshness .percent-visual:has(.d-pair[data-state=done]) .stop-list-ours::after{ animation:freshness-direct28-trace 850ms ease-out both; }
@keyframes freshness-store28-trace {
  0%,14% { transform:scaleY(0); opacity:1; }
  24%,40% { transform:scaleY(.333333); opacity:.92; }
  50%,66% { transform:scaleY(.666667); opacity:.68; }
  78%,92% { transform:scaleY(1); opacity:.3; }
  100% { transform:scaleY(1); opacity:0; }
}
@keyframes freshness-direct28-trace { from { transform:scaleY(0); opacity:1; } to { transform:scaleY(1); opacity:0; } }
#unit-freshness[data-design=apple28] #freshness .fridge-points{
  width:100%; max-width:none; margin:28px 0 0; column-gap:2px;
  grid-template-rows:repeat(3,auto);
}
#unit-freshness[data-design=apple28] #freshness .bottom-point{ padding-inline:32px; }
#unit-freshness[data-design=apple28] #freshness .bottom-point .point-qualifier{ grid-row:1; }
#unit-freshness[data-design=apple28] #freshness .bottom-point .point-stat{ grid-row:2; align-self:last baseline; line-height:1.1; }
#unit-freshness[data-design=apple28] #freshness .bottom-point .point-caption{ grid-row:3; }
#unit-freshness[data-design=apple28] #freshness .grocery-point .point-stat{ font-size:38px; font-weight:400; }
#unit-freshness[data-design=apple28] #freshness .keep-point .point-stat{ font-size:48px; font-weight:600; }
#unit-freshness[data-design=apple28] #freshness .comparison-actions{ margin:18px 32px 0; }
#unit-freshness[data-design=apple28] #freshness .details-toggle{
  display:inline-flex; align-items:center; gap:8px; min-height:44px;
  padding:0; border:0; background:transparent; color:#d5dfd8;
  font-family:inherit; font-size:14px; font-weight:500; cursor:pointer;
}
#unit-freshness[data-design=apple28] #freshness .details-toggle svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; }
#unit-freshness[data-design=apple28] #freshness .details-toggle:hover{ color:white; }
#unit-freshness[data-design=apple28] #freshness .details-toggle:focus-visible{ outline:2px solid var(--lime); outline-offset:5px; border-radius:3px; }
#unit-freshness[data-design=apple28] #freshness .facts-close{ margin-top:28px; padding-top:28px; }
#unit-freshness[data-design=apple28] #freshness .context-point{ font-size:24px; line-height:1.5; }
#unit-freshness[data-design=apple28] #freshness .context-stat{
  font-size:inherit; line-height:inherit; font-weight:650; letter-spacing:inherit; margin:0;
}
#unit-freshness[data-design=apple28] #freshness .context-point + .context-point{ margin-top:22px; }
#unit-freshness[data-design=apple28] #freshness .intake-context{ padding-bottom:23px; }
#unit-freshness[data-design=apple28] #sheet-details .explain-item{ border-top:1px solid rgb(20 68 68 / 14%); }
#unit-freshness[data-design=apple28] #sheet-details .explain-item:last-child{ border-bottom:1px solid rgb(20 68 68 / 14%); }
#unit-freshness[data-design=apple28] #sheet-details .explain-item>summary{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  min-height:58px; padding:14px 0; list-style:none; cursor:pointer;
  font-family:inherit; font-size:17px; font-weight:500; letter-spacing:-.02em;
}
#unit-freshness[data-design=apple28] #sheet-details .explain-item>summary::-webkit-details-marker{ display:none; }
#unit-freshness[data-design=apple28] #sheet-details .explain-item>summary::after{ content:"+"; font-size:25px; font-weight:300; }
#unit-freshness[data-design=apple28] #sheet-details .explain-item[open]>summary::after{ content:"−"; }
#unit-freshness[data-design=apple28] #sheet-details .explain-item>summary:focus-visible{ outline:2px solid var(--ink); outline-offset:3px; border-radius:3px; }
#unit-freshness[data-design=apple28] #sheet-details .explain-copy{ padding-bottom:20px; }
#unit-freshness[data-design=apple28] #sheet-details .explain-copy .more-section{ margin-top:18px; }
#unit-freshness[data-design=apple28] #sheet-details .explain-copy .more-section:first-child{ margin-top:0; }
@media(max-width:700px) {#unit-freshness[data-design=apple28] #freshness .stop-column,#unit-freshness[data-design=apple28] #freshness .bottom-point{ padding-inline:20px; }
#unit-freshness[data-design=apple28] #freshness .stop-time{ font-size:19px; }
#unit-freshness[data-design=apple28] #freshness .stop-distance{ font-size:12px; }
#unit-freshness[data-design=apple28] #freshness .stop-button .stop-name{ font-size:12px; }
#unit-freshness[data-design=apple28] #freshness .grocery-point .point-stat{ font-size:clamp(26px,8.2vw,32px); }
#unit-freshness[data-design=apple28] #freshness .keep-point .point-stat{ font-size:clamp(30px,9.7vw,38px); }
#unit-freshness[data-design=apple28] #freshness .comparison-actions{ margin:16px 20px 0; }
#unit-freshness[data-design=apple28] #freshness .details-toggle{ font-size:13px; }
#unit-freshness[data-design=apple28] #freshness .facts-close{ margin-top:24px; padding-top:24px; }
#unit-freshness[data-design=apple28] #freshness .context-point{ font-size:20px; line-height:1.5; }}
@media(max-width:350px) {#unit-freshness[data-design=apple28] #freshness .stop-column,#unit-freshness[data-design=apple28] #freshness .bottom-point{ padding-inline:16px; }
#unit-freshness[data-design=apple28] #freshness .stop-time{ font-size:16.5px; }
#unit-freshness[data-design=apple28] #freshness .stop-button{ gap:8px; }
#unit-freshness[data-design=apple28] #freshness .stop-button .stop-name{ font-size:11.5px; }
#unit-freshness[data-design=apple28] #freshness .comparison-actions{ margin-inline:16px; }
#unit-freshness[data-design=apple28] #freshness .context-point{ font-size:19px; }}
#unit-freshness[data-design=apple28] #sheet-details{ height:auto; max-height:92vh; }
#unit-freshness[data-design=apple28] #sheet-details .more-body{ flex:0 1 auto; min-height:0; }
@media(min-width:701px) {#unit-freshness[data-design=apple28] #sheet-details{ height:100vh; max-height:100vh; }
#unit-freshness[data-design=apple28] #sheet-details .more-body{ flex:1; }}
@media(max-width:700px) {#unit-freshness[data-design=apple28] #sheet-details{ top:auto; bottom:0; height:auto; }}
#unit-farm{
  --brand-dark: #144444;
  --brand-deep: #0a2a2a;
  --accent: #a4cd3a;
  --accent-hover: #b8db55;
  --bg: #fafafa;
  --bg-alt: #f5f5f7;
  --surface: #ffffff;
  --border: #e8e8e8;
  --text: #1d1d1f;
  --text-tertiary: #6e6e73;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  
  --ease-moment: cubic-bezier(0.33, 1, 0.68, 1);
  --gutter: 16px;
  --head-h: 62px;
  --bar-h: 68px;
  --font: "Work Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme: light;
}
:where(#unit-farm) *,:where(#unit-farm) *::before,:where(#unit-farm) *::after{
  box-sizing: border-box;
}
#unit-farm{
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: var(--head-h);
}
#unit-farm{
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  padding-bottom: calc(var(--bar-h) + env(safe-area-inset-bottom, 0px));
}
:where(#unit-farm) img,:where(#unit-farm) video{
  display: block;
  max-width: 100%;
}
:where(#unit-farm) button{
  font: inherit;
  color: inherit;
}
:where(#unit-farm) :focus-visible{
  outline: 2px solid var(--brand-dark);
  outline-offset: 3px;
}
:where(#unit-farm) .icon{
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
}
:where(#unit-farm) .wrap{
  width: min(1200px, 100% - 2 * var(--gutter));
  margin-inline: auto;
}
:where(#unit-farm) .site-head{
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--head-h);
  padding-inline: max(var(--gutter), env(safe-area-inset-left, 0px));
  background: rgb(255 255 255 / 94%);
  border-bottom: 1px solid var(--border);
  backdrop-filter: saturate(1.4) blur(12px);
}
:where(#unit-farm) .site-head .brand img{
  width: 118px;
  height: auto;
}
:where(#unit-farm) .site-head .site-nav,:where(#unit-farm) .site-head .site-cta{
  display: none;
}
:where(#unit-farm) .menu{
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-right: -10px;
  border: 0;
  background: none;
  color: var(--brand-dark);
}
:where(#unit-farm) .menu .icon{
  width: 24px;
  height: 24px;
}
:where(#unit-farm) .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 22px;
  border: 0;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
:where(#unit-farm) .btn-primary{
  background: var(--accent);
  color: var(--brand-dark);
}
:where(#unit-farm) .btn-primary:hover{
  background: var(--accent-hover);
}
:where(#unit-farm) .btn-secondary{
  background: var(--brand-dark);
  color: #fff;
}
:where(#unit-farm) .order-bar{
  position: fixed;
  inset: auto 0 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: var(--bar-h);
  padding: 10px var(--gutter) calc(10px + env(safe-area-inset-bottom, 0px));
  background: #fff;
  border-top: 1px solid var(--border);
  box-shadow: 0 -10px 30px -22px rgb(10 42 42 / 40%);
}
:where(#unit-farm) .order-bar strong{
  display: block;
  color: var(--brand-dark);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
}
:where(#unit-farm) .order-bar span{
  color: var(--text-tertiary);
  font-size: 13px;
}
:where(#unit-farm) .order-bar .btn{
  min-height: 48px;
  padding-inline: 24px;
}
:where(#unit-farm) .next-stub{
  padding: 28px var(--gutter) 40px;
  border-top: 1px solid var(--border);
  background: var(--surface);
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
:where(#unit-farm) .next-stub .wrap{
  width: min(1200px, 100%);
}
:where(#unit-farm) .farm{
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  padding-block: 32px;
  background: var(--surface);
  color: var(--brand-dark);
}
:where(#unit-farm) .farm::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.025;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/versions/farm/looping-letter-clean-2026-10-27/%23n)'/%3E%3C/svg%3E");
  pointer-events: none;
}
:where(#unit-farm) .farm-title{
  margin: 0;
  max-width: 20ch;
  color: var(--brand-dark);
  font-size: clamp(30px, 8.6vw, 36px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
:where(#unit-farm) .film{
  position: relative;
  margin: 0;
  overflow: hidden;
  isolation: isolate;
  background: var(--brand-deep);
}
:where(#unit-farm) .film video,:where(#unit-farm) .film > img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where(#unit-farm) .film-shade{
  position: absolute;
  inset: auto 0 0;
  z-index: 1;
  height: 58%;
  background: linear-gradient(
    to top,
    rgb(5 24 24 / 86%),
    rgb(5 24 24 / 52%) 46%,
    rgb(5 24 24 / 0%)
  );
  pointer-events: none;
}
:where(#unit-farm) .film-caption{
  position: absolute;
  inset: auto 20px 76px;
  z-index: 2;
  margin: 0;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
:where(#unit-farm) .film-caption.swap{
  animation: farm-caption-in 420ms var(--ease) both;
}
@keyframes farm-caption-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
}
:where(#unit-farm) .chapters{
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0 20px 14px;
  list-style: none;
}
:where(#unit-farm) .chapters button{
  display: grid;
  justify-items: start;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  padding: 10px 0 6px;
  border: 0;
  background: none;
  color: #fff;
  text-align: left;
  cursor: pointer;
  opacity: 0.66;
  transition: opacity 0.4s var(--ease);
}
:where(#unit-farm) .chapters li[data-active="true"] button{
  opacity: 1;
}
@media (hover: hover) {:where(#unit-farm) .chapters button:hover{
    opacity: 1;
  }}
:where(#unit-farm) .chapters strong{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
:where(#unit-farm) .chapters .detail{
  display: none;
}
:where(#unit-farm) .track{
  position: relative;
  display: block;
  width: 100%;
  height: 2px;
  overflow: hidden;
  border-radius: 2px;
  background: rgb(255 255 255 / 30%);
}
:where(#unit-farm) .track > span{
  position: absolute;
  inset: 0;
  background: var(--accent);
  transform-origin: left center;
  transform: scaleX(clamp(0, calc((var(--t, 0) - var(--s)) / var(--d)), 1));
}
:where(#unit-farm) .film-toggle,:where(#unit-farm) .film-close{
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgb(255 255 255 / 45%);
  border-radius: 50%;
  background: rgb(5 24 24 / 50%);
  color: #fff;
  backdrop-filter: blur(8px);
  cursor: pointer;
}
:where(#unit-farm) .film-toggle .i-play,:where(#unit-farm) .film[data-playing="true"] .film-toggle .i-pause{
  display: block;
}
:where(#unit-farm) .film-toggle .i-pause,:where(#unit-farm) .film[data-playing="true"] .film-toggle .i-play{
  display: none;
}
:where(#unit-farm) .film :focus-visible{
  outline-color: var(--accent);
}
:where(#unit-farm) .farm-a .film{
  margin-top: 20px;
  aspect-ratio: 4 / 5;
  border-radius: 20px;
}
:where(#unit-farm) .founder-line{
  margin: 18px 0 0;
}
:where(#unit-farm) .founder-line blockquote{
  margin: 0;
  color: var(--brand-dark);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
:where(#unit-farm) .founder-line figcaption{
  margin-top: 6px;
  color: var(--text-tertiary);
  font-size: 13px;
}
:where(#unit-farm) .farm-b{
  padding-bottom: 0;
}
:where(#unit-farm) .b-frame{
  width: 100%;
  margin-top: 20px;
  aspect-ratio: 4 / 5;
}
:where(#unit-farm) .farm-b .b-frame{
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}
:where(#unit-farm) .b-frame > img{
  object-position: 50% 30%;
  transition: opacity 0.5s var(--ease);
}
:where(#unit-farm) .b-frame video{
  opacity: 0;
  transition: opacity 0.5s var(--ease);
}
:where(#unit-farm) .b-frame .film-shade{
  height: 62%;
}
:where(#unit-farm) .b-quote{
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  display: grid;
  justify-items: start;
  padding: 0 20px 22px;
  color: #fff;
  transition: opacity 0.4s var(--ease);
}
:where(#unit-farm) .b-quote blockquote{
  margin: 0;
  max-width: 14ch;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
:where(#unit-farm) .b-quote .byline{
  margin-top: 10px;
  color: rgb(255 255 255 / 84%);
  font-size: 13px;
}
:where(#unit-farm) .b-watch{
  margin-top: 18px;
  padding: 0 18px 0 14px;
  border: 1px solid rgb(255 255 255 / 55%);
  background: rgb(255 255 255 / 14%);
  color: #fff;
  backdrop-filter: blur(10px);
}
:where(#unit-farm) .b-watch:hover{
  background: rgb(255 255 255 / 24%);
}
:where(#unit-farm) .b-watch .dur{
  font-weight: 500;
  letter-spacing: 0.02em;
  opacity: 0.8;
}
:where(#unit-farm) .b-frame .film-caption,:where(#unit-farm) .b-frame .chapters,:where(#unit-farm) .b-frame .film-close{
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.4s var(--ease),
    visibility 0s linear 0.4s;
}
:where(#unit-farm) .b-frame.is-playing > img,:where(#unit-farm) .b-frame.is-playing .b-quote{
  opacity: 0;
  pointer-events: none;
}
:where(#unit-farm) .b-frame.is-playing video,:where(#unit-farm) .b-frame.is-playing .film-caption,:where(#unit-farm) .b-frame.is-playing .chapters,:where(#unit-farm) .b-frame.is-playing .film-close{
  opacity: 1;
  visibility: visible;
  transition:
    opacity 0.5s var(--ease),
    visibility 0s;
}
#unit-farm.js-motion .b-frame[data-moment]{
  clip-path: inset(0 var(--gutter) round 20px);
}
#unit-farm.js-motion .b-frame[data-moment].is-in{
  clip-path: inset(0 0 round 0);
  transition: clip-path 850ms var(--ease-moment);
}
:where(#unit-farm) .b-side .b-watch{
  display: none;
}
:where(#unit-farm) .farm-c{
  padding-top: 0;
}
:where(#unit-farm) .c-photo{
  position: relative;
  margin: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: var(--brand-deep);
}
:where(#unit-farm) .c-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: var(--origin, 50% 50%);
}
#unit-farm.js-motion .c-photo[data-moment] img{
  transform: scale(1.22);
}
#unit-farm.js-motion .c-photo[data-moment].is-in img{
  transform: none;
  transition: transform 950ms var(--ease-moment);
}
:where(#unit-farm) .c-copy{
  width: min(1200px, 100% - 2 * var(--gutter));
  margin-inline: auto;
  padding-top: 24px;
}
:where(#unit-farm) .c-line{
  margin: 12px 0 0;
  max-width: 36ch;
  color: var(--text-tertiary);
  font-size: 15px;
  line-height: 1.45;
  text-wrap: balance;
}
#unit-farm.rm .b-frame[data-moment],#unit-farm.rm .b-frame[data-moment].is-in{
  clip-path: none;
  transition: none;
}
#unit-farm.rm .c-photo[data-moment] img,#unit-farm.rm .c-photo[data-moment].is-in img{
  transform: none;
  transition: none;
}
#unit-farm.rm .film-caption.swap{
  animation: none;
}
#unit-farm.rm .b-frame *,#unit-farm.rm .chapters button{
  transition: none !important;
}
@media (min-width: 768px) {#unit-farm{
    --gutter: 32px;
  }
:where(#unit-farm) .farm-title{
    font-size: 42px;
  }}
@media (min-width: 992px) {#unit-farm{
    --head-h: 72px;
  }
#unit-farm{
    padding-bottom: 0;
  }
:where(#unit-farm) .order-bar,:where(#unit-farm) .menu{
    display: none;
  }
:where(#unit-farm) .site-head{
    padding-inline: max(48px, calc(50% - 600px));
  }
:where(#unit-farm) .site-head .brand img{
    width: 136px;
  }
:where(#unit-farm) .site-head .site-nav{
    display: flex;
    gap: 36px;
  }
:where(#unit-farm) .site-nav a{
    color: var(--brand-dark);
    font-size: 14px;
    text-decoration: none;
  }
:where(#unit-farm) .site-head .site-cta{
    display: inline-flex;
  }
:where(#unit-farm) .farm{
    padding-block: 56px;
  }
:where(#unit-farm) .farm-title{
    max-width: none;
  }
:where(#unit-farm) .farm-a .film{
    margin-top: 28px;
    aspect-ratio: 21 / 10;
    border-radius: 24px;
  }
:where(#unit-farm) .farm-a .film-caption{
    display: none;
  }
:where(#unit-farm) .farm-a .chapters{
    gap: 40px;
    padding: 0 40px 28px;
  }
:where(#unit-farm) .farm-a .chapters button{
    gap: 6px;
  }
:where(#unit-farm) .farm-a .chapters .track{
    margin-bottom: 8px;
  }
:where(#unit-farm) .farm-a .chapters strong{
    font-size: 20px;
  }
:where(#unit-farm) .farm-a .chapters .detail{
    display: block;
    color: rgb(255 255 255 / 90%);
    font-size: 14px;
  }
:where(#unit-farm) .film-toggle,:where(#unit-farm) .film-close{
    top: 20px;
    right: 20px;
  }
:where(#unit-farm) .founder-line{
    display: flex;
    align-items: baseline;
    gap: 16px;
    margin-top: 24px;
  }
:where(#unit-farm) .founder-line figcaption{
    margin: 0;
  }
:where(#unit-farm) .farm-b{
    padding-bottom: 56px;
  }
:where(#unit-farm) .b-grid{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 520px;
    gap: 64px;
  }
:where(#unit-farm) .b-side{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-block: 4px;
  }
:where(#unit-farm) .b-side .b-watch{
    display: inline-flex;
    padding: 0 22px 0 18px;
    border: 1.5px solid var(--brand-dark);
    background: transparent;
    color: var(--brand-dark);
    backdrop-filter: none;
  }
:where(#unit-farm) .b-side .b-watch:hover{
    background: rgb(20 68 68 / 6%);
  }
:where(#unit-farm) .b-frame .b-watch{
    display: none;
  }
:where(#unit-farm) .farm-b .b-frame{
    width: 100%;
    margin: 0;
    border-radius: 24px;
  }
#unit-farm.js-motion .b-frame[data-moment]{
    clip-path: inset(7% 9% round 24px);
  }
#unit-farm.js-motion .b-frame[data-moment].is-in,#unit-farm.rm .b-frame[data-moment]{
    clip-path: inset(0 round 24px);
  }
:where(#unit-farm) .b-quote{
    padding: 0 36px 34px;
  }
:where(#unit-farm) .b-quote blockquote{
    font-size: 34px;
  }
:where(#unit-farm) .b-frame .film-caption{
    inset: auto 28px 84px;
  }
:where(#unit-farm) .b-frame .chapters{
    padding: 0 28px 18px;
  }
:where(#unit-farm) .farm-c{
    padding-top: 56px;
  }
:where(#unit-farm) .c-grid{
    display: grid;
    grid-template-columns: 560px minmax(0, 1fr);
    align-items: end;
    gap: 64px;
    width: min(1200px, 100% - 2 * var(--gutter));
    margin-inline: auto;
  }
:where(#unit-farm) .c-photo{
    border-radius: 24px;
  }
:where(#unit-farm) .c-copy{
    width: auto;
    margin: 0;
    padding: 0 0 8px;
  }
:where(#unit-farm) .c-line{
    margin-top: 16px;
    font-size: 17px;
  }}
:where(#unit-farm) .opening-still{position:absolute;inset:0;pointer-events:none}
:where(#unit-farm) .opening-still img{width:100%;height:100%;object-fit:cover}
:where(#unit-farm) .opening-still[hidden]{display:none}
:where(#unit-farm) .founder-letter{margin-top:36px;padding-top:30px;border-top:1px solid #e1e7dc}
:where(#unit-farm) .letter-label{margin:0 0 14px;color:#586b60;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}
:where(#unit-farm) .letter-intro h3{margin:0 0 22px;max-width:20ch;color:#144444;font-size:28px;font-weight:500;line-height:1.13;letter-spacing:-.035em;text-wrap:balance}
:where(#unit-farm) .letter-body{max-width:610px;color:#384b43;font-size:16px;line-height:1.65}
:where(#unit-farm) .letter-body>p{margin:0 0 16px}
:where(#unit-farm) .letter-body>p:last-of-type{margin-bottom:0}
:where(#unit-farm) .letter-signoff{display:flex;align-items:center;gap:14px;margin-top:24px}
:where(#unit-farm) .letter-signoff img{width:56px;height:68px;object-fit:cover;object-position:50% 25%;border-radius:9px}
:where(#unit-farm) .letter-name{margin:0 0 3px;color:#144444;font-size:22px;font-weight:500;line-height:1.1;letter-spacing:-.025em}
:where(#unit-farm) .letter-role{margin:0;color:#647369;font-size:12px;line-height:1.4}
:where(#unit-farm) .next-stub{background:#f7f8f3;letter-spacing:.08em}
:where(#unit-farm) .film .film-caption.swap{animation:none}
:where(#unit-farm) .film.has-error .opening-still{display:block}
@media(min-width:768px){:where(#unit-farm) .founder-letter{margin-top:48px;padding-top:40px}
:where(#unit-farm) .letter-body{font-size:17px}}
@media(min-width:992px){:where(#unit-farm) .opening-still img{object-position:50% 62%}
:where(#unit-farm) .founder-letter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:72px;margin-top:48px;padding-block:40px 8px}
:where(#unit-farm) .letter-intro h3{max-width:18ch;font-size:36px;margin:0}
:where(#unit-farm) .letter-label{margin-bottom:18px}
:where(#unit-farm) .letter-body>p{margin-bottom:18px}}
:where(#unit-farm) .letter-signoff{margin-top:20px}
@media(max-width:360px){:where(#unit-farm) .order-bar .btn{padding-inline:16px;font-size:12px}}
#unit-members{
  --brand-dark: #144444;
  --brand-deep: #0a2a2a;
  --accent: #a4cd3a;
  --bg: #fafafa;
  --bg-alt: #f5f5f7;
  --surface: #ffffff;
  --border: #e8e8e8;
  --text: #1d1d1f;
  --text-2: #86868b;
  --text-3: #6e6e73;
  --font: "Work Sans", system-ui, -apple-system, sans-serif;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  color-scheme: light;
}
:where(#unit-members) *{ box-sizing: border-box; }
#unit-members{ -webkit-text-size-adjust: 100%; }
#unit-members{
  margin: 0;
  font-family: var(--font);
  font-size: 15px;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}
:where(#unit-members) img,:where(#unit-members) video{ display: block; max-width: 100%; }
:where(#unit-members) button{
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
:where(#unit-members) :focus-visible{ outline: 2px solid var(--brand-dark); outline-offset: 3px; border-radius: 6px; }
:where(#unit-members) .sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
:where(#unit-members) .wrap{
  max-width: 1240px;
  margin: 0 auto;
  padding-left: max(20px, env(safe-area-inset-left, 0px));
  padding-right: max(20px, env(safe-area-inset-right, 0px));
}
:where(#unit-members) .icon{ width: 1em; height: 1em; flex: none; stroke: currentColor; stroke-width: 1.5; fill: none; stroke-linecap: round; stroke-linejoin: round; }
:where(#unit-members) .nav{
  position: sticky;
  top: 0;
  z-index: 30;
  height: 64px;
  background: rgb(255 255 255 / 96%);
  border-bottom: 1px solid rgb(0 0 0 / 6%);
  backdrop-filter: saturate(1.4) blur(12px);
}
:where(#unit-members) .nav .wrap{ height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
:where(#unit-members) .nav-logo img{ width: 124px; height: 32px; object-fit: contain; }
:where(#unit-members) .nav-links,:where(#unit-members) .nav-cta{ display: none; }
:where(#unit-members) .nav-menu{ display: grid; place-items: center; width: 44px; height: 44px; margin-right: -10px; color: var(--brand-dark); font-size: 26px; }
@media (min-width: 992px) {:where(#unit-members) .nav-logo img{ width: 156px; height: 38px; }
:where(#unit-members) .nav-menu{ display: none; }
:where(#unit-members) .nav-links{ display: flex; align-items: center; gap: 36px; font-size: 14px; color: var(--text); }
:where(#unit-members) .nav-links a{ color: inherit; text-decoration: none; }
:where(#unit-members) .nav-cta{
    display: inline-flex; align-items: center; height: 40px; padding: 0 20px; border-radius: 100px;
    background: var(--brand-dark); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none;
  }}
:where(#unit-members) .next-section{ background: var(--bg-alt); padding-block: 48px 120px; }
:where(#unit-members) .next-section h2{ margin: 0; }
:where(#unit-members) .next-section p{ margin: 12px 0 0; font-size: 17px; color: var(--text-3); }
@media (min-width: 992px) {:where(#unit-members) .next-section{ padding-block: 96px 160px; text-align: center; }}
:where(#unit-members) .members{ padding-block: 48px; background: var(--bg); }
@media (min-width: 992px) {:where(#unit-members) .members{ padding-block: 104px; }}
:where(#unit-members) .h-section{
  margin: 0;
  font-size: clamp(32px, 2.4vw + 23.4px, 58px);
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 1.04;
  color: var(--brand-dark);
  text-wrap: balance;
}
:where(#unit-members) .dot{ color: var(--accent); }
:where(#unit-members) .rating{ display: flex; align-items: center; gap: 8px; margin: 10px 0 0; font-size: 13px; color: var(--text-3); }
:where(#unit-members) .stars{ display: inline-flex; gap: 2px; color: var(--brand-dark); }
:where(#unit-members) .stars svg{ width: 12px; height: 12px; fill: currentColor; }
:where(#unit-members) .more{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font-size: 15px;
  font-weight: 500;
  color: var(--brand-dark);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  text-decoration-color: rgb(20 68 68 / 30%);
}
:where(#unit-members) .more:hover{ text-decoration-color: var(--brand-dark); }
:where(#unit-members) .more .icon{ font-size: 16px; }
:where(#unit-members) .tag{
  display: inline-block;
  vertical-align: middle;
  padding: 3px 8px 2px;
  border: 1px dashed #b4b4b9;
  border-radius: 100px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.25;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--text-3);
  text-shadow: none;
}
:where(#unit-members) .tag.on-dark{ color: rgb(255 255 255 / 88%); border-color: rgb(255 255 255 / 55%); background: rgb(10 42 42 / 35%); }
#unit-members.clean .tag{ display: none; }
:where(#unit-members) .ma-top{ display: flex; align-items: center; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; }
:where(#unit-members) .label{ margin: 0; font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brand-dark); }
:where(#unit-members) .ma-top .rating{ margin: 0; }
:where(#unit-members) .ma-grid{ display: grid; grid-template-areas: "quote" "attrib" "faces" "more"; margin-top: 22px; }
:where(#unit-members) .ma-quote{ grid-area: quote; margin: 0; }
:where(#unit-members) .q-big{
  margin: 0;
  font-size: clamp(52px, 6.1vw + 32px, 120px);
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 0.98;
  color: var(--brand-dark);
  text-wrap: balance;
}
:where(#unit-members) .q-big .w{ display: inline-block; }
:where(#unit-members) .q-big .open{ margin-left: -0.14em; }
@media (min-width: 992px) {:where(#unit-members) .q-big .open{ margin-left: -0.34em; }}
:where(#unit-members) .attrib{ grid-area: attrib; margin: 16px 0 0; font-size: 15px; color: var(--text-3); }
:where(#unit-members) .ma-faces{ grid-area: faces; list-style: none; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
:where(#unit-members) .ma .more{ grid-area: more; justify-self: start; margin-top: 18px; }
:where(#unit-members) .face{ position: relative; display: block; width: 100%; aspect-ratio: 4 / 5; border-radius: 14px; overflow: hidden; background: #d9dfdd; }
:where(#unit-members) .face img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--ease-out); }
:where(#unit-members) .face:hover img{ transform: scale(1.03); }
:where(#unit-members) .face .chip{
  position: absolute; left: 8px; bottom: 8px;
  display: inline-flex; align-items: center; gap: 4px;
  height: 24px; padding: 0 9px 0 7px; border-radius: 100px;
  background: rgb(10 42 42 / 70%); color: #fff;
  font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums;
  backdrop-filter: blur(6px);
}
:where(#unit-members) .face .chip .icon{ font-size: 11px; }
:where(#unit-members) .face-name{ display: block; margin-top: 8px; font-size: 13px; font-weight: 500; color: var(--text); }
@media (min-width: 992px) {:where(#unit-members) .ma-grid{
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "quote quote" "attrib faces" "more faces";
    grid-template-rows: auto auto 1fr;
    column-gap: 64px;
    margin-top: 36px;
  }
:where(#unit-members) .attrib{ margin-top: 44px; font-size: 18px; }
:where(#unit-members) .ma-faces{ margin-top: 44px; grid-template-columns: repeat(3, 172px); gap: 16px; }
:where(#unit-members) .ma .more{ align-self: start; margin-top: 10px; }
:where(#unit-members) .face-name{ font-size: 14px; }}
:where(#unit-members) .mb-grid{ display: grid; grid-template-areas: "head" "line" "film" "more"; }
:where(#unit-members) .mb-head{ grid-area: head; }
:where(#unit-members) .mb-grid > .film{ grid-area: film; }
:where(#unit-members) .mb-grid > .more{ grid-area: more; justify-self: start; }
:where(#unit-members) .mb-line{ grid-area: line; margin: 22px 0 0; font-size: 20px; font-weight: 500; line-height: 1.28; letter-spacing: -0.015em; color: var(--brand-dark); text-wrap: balance; }
:where(#unit-members) .mb-line cite{ display: block; margin-top: 8px; font-size: 13px; font-weight: 400; font-style: normal; letter-spacing: 0; color: var(--text-3); }
:where(#unit-members) .film{ position: relative; margin-top: 24px; border-radius: 20px; overflow: hidden; background: var(--brand-deep); color: #fff; isolation: isolate; }
:where(#unit-members) .film-stage{ position: relative; display: block; width: 100%; aspect-ratio: 4 / 5; text-align: left; }
:where(#unit-members) .film-frame,:where(#unit-members) .film-video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
:where(#unit-members) .film-video{ opacity: 0; transition: opacity 0.3s; }
:where(#unit-members) .film-video.on{ opacity: 1; }
:where(#unit-members) .film-shade{ position: absolute; inset: 0; background: linear-gradient(180deg, rgb(10 42 42 / 0%) 38%, rgb(10 42 42 / 82%) 100%); pointer-events: none; }
:where(#unit-members) .film-tease{ position: absolute; left: 20px; right: 20px; bottom: 112px; margin: 0; font-size: 23px; font-weight: 600; line-height: 1.2; letter-spacing: -0.015em; text-wrap: balance; }
:where(#unit-members) .film-tease small{ display: block; margin-top: 8px; font-size: 13px; font-weight: 500; letter-spacing: 0; opacity: 0.85; }
:where(#unit-members) .film-play{
  position: absolute; right: 16px; top: 16px;
  display: inline-flex; align-items: center; gap: 8px;
  height: 36px; padding: 0 14px 0 12px; border-radius: 100px;
  background: rgb(255 255 255 / 94%); color: var(--brand-dark);
  font-size: 12px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; font-variant-numeric: tabular-nums;
}
:where(#unit-members) .film-play .icon{ font-size: 15px; }
:where(#unit-members) .film.playing .film-tease,:where(#unit-members) .film.playing .film-play{ opacity: 0; pointer-events: none; }
:where(#unit-members) .film-cap{
  position: absolute; left: 20px; right: 20px; bottom: 104px; margin: 0;
  font-size: 21px; font-weight: 600; line-height: 1.24; letter-spacing: -0.01em; text-align: center; text-wrap: balance;
  text-shadow: 0 1px 14px rgb(0 0 0 / 45%);
  opacity: 0; transition: opacity 0.2s;
}
:where(#unit-members) .film.playing .film-cap{ opacity: 1; }
:where(#unit-members) .film-pause{
  position: absolute; right: 12px; top: 12px; z-index: 3;
  display: none; place-items: center; width: 44px; height: 44px; border-radius: 100px;
  background: rgb(10 42 42 / 55%); color: #fff; font-size: 18px; backdrop-filter: blur(6px);
}
:where(#unit-members) .film.playing .film-pause{ display: grid; }
:where(#unit-members) .film .film-pause[hidden]{ display: none; }
:where(#unit-members) .film-sound{ right: 62px; }
:where(#unit-members) .film-note{ position: absolute; left: 16px; top: 18px; z-index: 3; display: none; font-size: 11px; color: rgb(255 255 255 / 80%); }
:where(#unit-members) .film.playing.still .film-note{ display: block; }
:where(#unit-members) .chapters{
  position: absolute; inset: auto 0 0; z-index: 2;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;
  margin: 0; padding: 0 16px 18px; list-style: none;
}
:where(#unit-members) .chapters button{ display: grid; justify-items: start; width: 100%; padding: 12px 0 0; color: #fff; opacity: 0.72; text-align: left; }
:where(#unit-members) .chapters li[data-active="true"] button,:where(#unit-members) .chapters button:hover{ opacity: 1; }
:where(#unit-members) .track{ position: relative; display: block; width: 100%; height: 2px; margin-bottom: 12px; border-radius: 2px; overflow: hidden; background: rgb(255 255 255 / 26%); transform-origin: left center; }
:where(#unit-members) .track i{ position: absolute; inset: 0; background: var(--accent); transform-origin: left center; transform: scaleX(var(--p, 0)); }
:where(#unit-members) .ch-name{ font-size: 15px; font-weight: 600; letter-spacing: -0.02em; }
:where(#unit-members) .ch-time{ font-size: 12px; opacity: 0.8; font-variant-numeric: tabular-nums; }
:where(#unit-members) .mb .more{ margin-top: 14px; }
@media (min-width: 992px) {:where(#unit-members) .mb-grid{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "head line" "head more" "film film";
    column-gap: 72px;
  }
:where(#unit-members) .mb-line{ margin-top: 6px; font-size: 30px; line-height: 1.18; letter-spacing: -0.03em; }
:where(#unit-members) .mb-line cite{ font-size: 15px; margin-top: 10px; }
:where(#unit-members) .mb-grid > .more{ margin-top: 6px; }
:where(#unit-members) .film{ margin-top: 44px; }
:where(#unit-members) .film-stage{ aspect-ratio: 21 / 9; }
:where(#unit-members) .film-frame,:where(#unit-members) .film-video{ width: 32%; }
:where(#unit-members) .film-shade{ left: 32%; background: none; }
:where(#unit-members) .film-tease{ left: calc(32% + 64px); right: 64px; top: 50%; bottom: auto; transform: translateY(-62%); font-size: 40px; line-height: 1.14; letter-spacing: -0.03em; }
:where(#unit-members) .film-tease small{ margin-top: 18px; font-size: 15px; }
:where(#unit-members) .film-cap{ left: calc(32% + 64px); right: 64px; top: 50%; bottom: auto; transform: translateY(-62%); font-size: 40px; line-height: 1.14; letter-spacing: -0.03em; text-align: left; text-shadow: none; }
:where(#unit-members) .film-play{ left: calc(32% + 64px); right: auto; top: auto; bottom: 112px; height: 40px; }
:where(#unit-members) .film-note{ left: calc(32% + 64px); top: 28px; }
:where(#unit-members) .chapters{ left: 32%; padding: 0 64px 30px; gap: 32px; }
:where(#unit-members) .ch-name{ font-size: 17px; white-space: nowrap; }}
:where(#unit-members) .mc-grid{ display: grid; grid-template-areas: "head" "portrait" "line" "more"; }
:where(#unit-members) .mc-head{ grid-area: head; }
:where(#unit-members) .mc-portrait{ grid-area: portrait; position: relative; margin: 22px calc(-1 * max(20px, env(safe-area-inset-left, 0px))) 0; }
:where(#unit-members) .mc-stage{ position: relative; display: block; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; background: #cfd6d3; color: #fff; text-align: left; }
:where(#unit-members) .mc-stage img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
:where(#unit-members) .mc-shade{ position: absolute; inset: 0; background: linear-gradient(180deg, rgb(10 42 42 / 0%) 42%, rgb(10 42 42 / 80%) 100%); }
:where(#unit-members) .mc-sub{
  position: absolute; left: 20px; right: 20px; bottom: 74px; margin: 0;
  font-size: 30px; font-weight: 600; line-height: 1.1; letter-spacing: -0.03em; text-wrap: balance;
}
:where(#unit-members) .mc-sub .w{ display: inline-block; }
:where(#unit-members) .mc-sub .tag{ margin-left: 4px; position: relative; top: -4px; }
:where(#unit-members) .mc-who{ position: absolute; left: 20px; right: 20px; bottom: 22px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 15px; font-weight: 500; }
:where(#unit-members) .mc-who .play{
  display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px 0 12px; border-radius: 100px;
  background: rgb(255 255 255 / 94%); color: var(--brand-dark);
  font-size: 12px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; font-variant-numeric: tabular-nums;
}
:where(#unit-members) .mc-who .play .icon{ font-size: 15px; }
:where(#unit-members) .mc-line{ grid-area: line; margin: 24px 0 0; font-size: 20px; font-weight: 500; line-height: 1.28; letter-spacing: -0.015em; color: var(--brand-dark); }
:where(#unit-members) .mc-line cite{ display: block; margin-top: 8px; font-size: 13px; font-weight: 400; font-style: normal; letter-spacing: 0; color: var(--text-3); }
:where(#unit-members) .mc-more{ grid-area: more; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin-top: 16px; }
:where(#unit-members) .minis{ display: flex; align-items: center; gap: 16px; }
:where(#unit-members) .mini{ display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 15px; font-weight: 500; color: var(--brand-dark); }
:where(#unit-members) .mini img{ width: 40px; height: 50px; border-radius: 10px; object-fit: cover; }
:where(#unit-members) .mc-more .sep{ display: none; width: 1px; height: 28px; background: var(--border); }
@media (min-width: 992px) {:where(#unit-members) .mc-grid{
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    grid-template-areas: "portrait head" "portrait line" "portrait more";
    grid-template-rows: 1fr auto 1fr;
    column-gap: 80px;
  }
:where(#unit-members) .mc-head{ align-self: end; }
:where(#unit-members) .mc-portrait{ margin: 0; }
:where(#unit-members) .mc-stage{ border-radius: 24px; }
:where(#unit-members) .mc-sub{ left: 36px; right: 36px; bottom: 96px; font-size: 40px; }
:where(#unit-members) .mc-who{ left: 36px; right: 36px; bottom: 32px; }
:where(#unit-members) .mc-line{ margin-top: 40px; font-size: 32px; line-height: 1.16; letter-spacing: -0.03em; }
:where(#unit-members) .mc-line cite{ font-size: 15px; margin-top: 12px; }
:where(#unit-members) .mc-more{ flex-direction: row; align-items: center; gap: 16px; align-self: start; margin-top: 32px; }
:where(#unit-members) .mc-more .sep{ display: block; }}
:where(#unit-members) .armed .stagger .w{ opacity: 0; }
:where(#unit-members) .in .stagger .w{ animation: members-rise 0.56s var(--ease-out) both; }
:where(#unit-members) .in .stagger .w:nth-child(2){ animation-delay: 0.08s; }
:where(#unit-members) .in .stagger .w:nth-child(3){ animation-delay: 0.16s; }
:where(#unit-members) .in .stagger .w:nth-child(4){ animation-delay: 0.24s; }
:where(#unit-members) .in .stagger .w:nth-child(5){ animation-delay: 0.32s; }
@keyframes members-rise { from { opacity: 0; transform: translateY(0.3em); } to { opacity: 1; transform: none; } }
:where(#unit-members) .armed .chapters .track{ transform: scaleX(0); }
:where(#unit-members) .armed .chapters .ch-name,:where(#unit-members) .armed .chapters .ch-time{ opacity: 0; }
:where(#unit-members) .in .chapters .track{ animation: members-draw 0.5s var(--ease-out) both; }
:where(#unit-members) .in .chapters li:nth-child(2) .track{ animation-delay: 0.14s; }
:where(#unit-members) .in .chapters li:nth-child(3) .track{ animation-delay: 0.28s; }
:where(#unit-members) .in .chapters .ch-name,:where(#unit-members) .in .chapters .ch-time{ animation: members-fade 0.4s ease-out both; animation-delay: 0.12s; }
:where(#unit-members) .in .chapters li:nth-child(2) :is(.ch-name, .ch-time){ animation-delay: 0.26s; }
:where(#unit-members) .in .chapters li:nth-child(3) :is(.ch-name, .ch-time){ animation-delay: 0.4s; }
@keyframes members-draw { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes members-fade { from { opacity: 0; } to { opacity: 1; } }
:where(#unit-members) .armed .spoken .w{ opacity: 0; }
:where(#unit-members) .in .spoken .w{ animation: members-word 0.3s ease-out both; animation-delay: calc(var(--i) * 0.062s); }
@keyframes members-word { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {:where(#unit-members) .armed :is(.stagger .w, .spoken .w, .chapters .track, .chapters .ch-name, .chapters .ch-time){ opacity: 1; transform: none; }
:where(#unit-members) .in :is(.stagger .w, .spoken .w, .chapters .track, .chapters .ch-name, .chapters .ch-time){ animation: none; }
:where(#unit-members) .face img{ transition: none; }}
#unit-members.rm .armed :is(.stagger .w, .spoken .w, .chapters .track, .chapters .ch-name, .chapters .ch-time){ opacity: 1; transform: none; }
#unit-members.rm .in :is(.stagger .w, .spoken .w, .chapters .track, .chapters .ch-name, .chapters .ch-time){ animation: none; }
:where(#unit-members) .sheet{ position: fixed; inset: 0; z-index: 50; display: grid; align-items: end; }
:where(#unit-members) .sheet[hidden]{ display: none; }
:where(#unit-members) .sheet-scrim{ position: absolute; inset: 0; background: rgb(10 42 42 / 45%); }
:where(#unit-members) .sheet-panel{
  position: relative;
  max-height: 88vh;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 8px max(20px, env(safe-area-inset-right, 0px)) calc(32px + env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-left, 0px));
  border-radius: 24px 24px 0 0;
  background: var(--surface);
  animation: members-sheet-in 0.36s var(--ease-out) both;
}
@keyframes members-sheet-in { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
:where(#unit-members) .sheet-head{ position: sticky; top: -8px; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 14px 0 10px; background: var(--surface); }
:where(#unit-members) .sheet-head h3{ margin: 0; font-size: 20px; font-weight: 600; letter-spacing: -0.01em; color: var(--brand-dark); }
:where(#unit-members) .x{ display: grid; place-items: center; width: 44px; height: 44px; margin-right: -10px; border-radius: 100px; font-size: 22px; color: var(--brand-dark); }
:where(#unit-members) .reviews{ list-style: none; margin: 0; padding: 0; }
:where(#unit-members) .reviews li{ padding: 18px 0; border-top: 1px solid var(--border); }
:where(#unit-members) .reviews blockquote{ margin: 0; font-size: 17px; line-height: 1.45; color: var(--text); }
:where(#unit-members) .reviews p{ margin: 8px 0 0; font-size: 13px; color: var(--text-3); }
:where(#unit-members) .opt{ margin-top: 28px; }
:where(#unit-members) .opt h4{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; font-size: 15px; font-weight: 600; color: var(--brand-dark); }
:where(#unit-members) .tiles{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
:where(#unit-members) .tiles.six{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
:where(#unit-members) .tiles li{ position: relative; }
:where(#unit-members) .tiles img{ width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px; }
:where(#unit-members) .tiles .tag{ position: absolute; left: 6px; bottom: 6px; font-size: 8.5px; padding: 2px 6px 1px; }
:where(#unit-members) .opt-note{ margin: 8px 0 0; font-size: 12px; color: var(--text-3); }
@media (min-width: 768px) {:where(#unit-members) .sheet{ align-items: center; justify-items: center; padding: 40px; }
:where(#unit-members) .sheet-panel{ width: min(720px, 100%); max-height: 84vh; border-radius: 24px; padding: 8px 36px 36px; }
:where(#unit-members) .tiles.six{ grid-template-columns: repeat(6, minmax(0, 1fr)); }}
:where(#unit-members) .player{ position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; background: rgb(10 42 42 / 94%); }
:where(#unit-members) .player[hidden]{ display: none; }
:where(#unit-members) .player-frame{ position: relative; width: 100%; height: 100%; overflow: hidden; background: #000; color: #fff; }
:where(#unit-members) .player-still,:where(#unit-members) .player-video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
:where(#unit-members) .player-video{ opacity: 0; transition: opacity 0.3s; }
:where(#unit-members) .player-video.on{ opacity: 1; }
:where(#unit-members) .player-shade{ position: absolute; inset: 0; background: linear-gradient(180deg, rgb(0 0 0 / 38%) 0%, rgb(0 0 0 / 0%) 18%, rgb(0 0 0 / 0%) 58%, rgb(0 0 0 / 55%) 100%); }
:where(#unit-members) .player-top{ position: absolute; inset: 0 0 auto; padding: calc(12px + env(safe-area-inset-top, 0px)) 12px 0 16px; }
:where(#unit-members) .player-bars{ display: flex; gap: 4px; }
:where(#unit-members) .player-bars span{ position: relative; flex: 1; height: 2px; border-radius: 2px; overflow: hidden; background: rgb(255 255 255 / 30%); }
:where(#unit-members) .player-bars i{ position: absolute; inset: 0; background: #fff; transform-origin: left center; transform: scaleX(var(--p, 0)); }
:where(#unit-members) .player-row{ display: flex; align-items: center; justify-content: space-between; margin-top: 6px; }
:where(#unit-members) .player-name{ margin: 0; font-size: 15px; font-weight: 600; }
:where(#unit-members) .player .x{ color: #fff; margin-right: 0; }
:where(#unit-members) .player-cap{
  position: absolute; left: 24px; right: 24px; bottom: calc(108px + env(safe-area-inset-bottom, 0px)); margin: 0;
  font-size: 22px; font-weight: 600; line-height: 1.24; letter-spacing: -0.01em; text-align: center; text-wrap: balance;
  text-shadow: 0 1px 16px rgb(0 0 0 / 50%);
}
:where(#unit-members) .player-foot{ position: absolute; left: 16px; right: 16px; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
:where(#unit-members) .player-note{ font-size: 11px; color: rgb(255 255 255 / 78%); }
:where(#unit-members) .player .round{ display: grid; place-items: center; width: 44px; height: 44px; border-radius: 100px; background: rgb(255 255 255 / 16%); color: #fff; font-size: 18px; backdrop-filter: blur(6px); }
:where(#unit-members) .player .round[hidden]{ display: none; }
:where(#unit-members) .player-again{ margin-left: auto; }
@media (min-width: 768px) {:where(#unit-members) .player-frame{ width: auto; height: min(86vh, 800px); aspect-ratio: 9 / 16; border-radius: 22px; }
:where(#unit-members) .player-cap{ bottom: 96px; font-size: 24px; }
:where(#unit-members) .player-foot{ bottom: 22px; }}
@media (prefers-reduced-motion: reduce) {:where(#unit-members) .sheet-panel{ animation: none; }}
#unit-members.rm .sheet-panel{ animation: none; }
:where(#unit-members) .wall{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas: "video text" "video google" "post clip";
  gap: 8px;
  margin-top: 26px;
}
:where(#unit-members) .tile{
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-radius: 20px;
  background: var(--surface);
  box-shadow: inset 0 0 0 1px rgb(20 68 68 / 9%);
  color: var(--text);
  text-align: left;
}
:where(#unit-members) .tile.media{ color: #fff; background: #cfd6d3; box-shadow: none; }
:where(#unit-members) .tile.media img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--ease-out); }
:where(#unit-members) .tile.media:hover img{ transform: scale(1.03); }
:where(#unit-members) .tile.media::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgb(10 42 42 / 0%) 40%, rgb(10 42 42 / 82%) 100%); pointer-events: none; }
:where(#unit-members) .tile .over{ position: relative; z-index: 1; margin-top: auto; padding: 12px; }
:where(#unit-members) .tile .say{ display: block; font-size: 15px; font-weight: 600; line-height: 1.22; letter-spacing: -0.01em; text-wrap: balance; }
:where(#unit-members) .tile .who{ display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 8px; font-size: 12px; font-weight: 500; opacity: 0.92; }
:where(#unit-members) .tile .chip{ display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px 0 6px; border-radius: 100px; background: rgb(255 255 255 / 92%); color: var(--brand-dark); font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums; }
:where(#unit-members) .tile .chip .icon{ font-size: 11px; }
:where(#unit-members) .tile .kind{
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-3);
}
:where(#unit-members) .tile.media .kind{ position: absolute; z-index: 1; top: 12px; left: 12px; color: #fff; text-shadow: 0 1px 8px rgb(0 0 0 / 35%); }
:where(#unit-members) .tile .kind .icon{ font-size: 13px; }
:where(#unit-members) .t-video{ grid-area: video; min-height: 316px; }
:where(#unit-members) .t-text{ grid-area: text; padding: 12px; gap: 10px; }
:where(#unit-members) .t-google{ grid-area: google; padding: 12px; gap: 8px; }
:where(#unit-members) .t-post{ grid-area: post; aspect-ratio: 1; }
:where(#unit-members) .t-clip{ grid-area: clip; aspect-ratio: 1; }
:where(#unit-members) .t-video img{ object-position: 46% 18%; }
:where(#unit-members) .t-clip img{ object-position: 62% 22%; }
:where(#unit-members) .bubble{
  position: relative;
  align-self: flex-start;
  max-width: 100%;
  padding: 9px 12px;
  border-radius: 18px 18px 18px 6px;
  background: #e9e9eb;
  font-size: 14px;
  line-height: 1.32;
  color: var(--text);
}
:where(#unit-members) .bubble.slot{ width: 100%; display: grid; gap: 6px; padding: 12px; }
:where(#unit-members) .bubble.slot i{ display: block; height: 8px; border-radius: 8px; background: rgb(0 0 0 / 9%); }
:where(#unit-members) .bubble.slot i:nth-child(2){ width: 82%; }
:where(#unit-members) .bubble.slot i:nth-child(3){ width: 56%; }
:where(#unit-members) .t-text .note{ font-size: 12px; line-height: 1.35; color: var(--text-3); }
:where(#unit-members) .stars-sm{ display: inline-flex; gap: 1px; color: var(--brand-dark); }
:where(#unit-members) .stars-sm svg{ width: 11px; height: 11px; fill: currentColor; }
:where(#unit-members) .t-google q{ quotes: "“" "”"; font-size: 14px; line-height: 1.38; color: var(--text); }
:where(#unit-members) .t-google .by{ margin-top: auto; font-size: 12px; color: var(--text-3); }
:where(#unit-members) .t-post .tag,:where(#unit-members) .t-text .tag{ align-self: flex-start; }
:where(#unit-members) .t-post .tag{ margin-top: 6px; }
:where(#unit-members) .ma2 .attrib .src{ white-space: nowrap; }
@media (min-width: 992px) {:where(#unit-members) .ma2-grid{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 64px; align-items: center; }
:where(#unit-members) .ma2 .q-big{ font-size: clamp(64px, 5.4vw, 92px); }
:where(#unit-members) .ma2 .attrib{ margin-top: 24px; font-size: 17px; }
:where(#unit-members) .ma2 .more{ margin-top: 16px; }
:where(#unit-members) .wall{
    margin-top: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas: "video text google" "video post clip";
    gap: 12px;
  }
:where(#unit-members) .t-video{ min-height: 0; }
:where(#unit-members) .tile .say{ font-size: 17px; }
:where(#unit-members) .tile .over{ padding: 16px; }
:where(#unit-members) .t-text,:where(#unit-members) .t-google{ padding: 16px; }
:where(#unit-members) .t-google q,:where(#unit-members) .bubble{ font-size: 15px; }}
:where(#unit-members) .armed .wall .tile{ opacity: 0; }
:where(#unit-members) .in .wall .tile{ animation: members-tile-in 0.46s var(--ease-out) both; animation-delay: calc(0.18s + var(--i) * 0.07s); }
@keyframes members-tile-in { from { opacity: 0; transform: translateY(14px) scale(0.985); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {:where(#unit-members) .armed .wall .tile{ opacity: 1; }
:where(#unit-members) .in .wall .tile{ animation: none; }}
#unit-members.rm .armed .wall .tile{ opacity: 1; }
#unit-members.rm .in .wall .tile{ animation: none; }
:where(#unit-members) .wall-sheet .sheet-panel{ padding-bottom: calc(40px + env(safe-area-inset-bottom, 0px)); }
:where(#unit-members) .filters{ position: sticky; top: 50px; z-index: 2; display: flex; gap: 6px; overflow-x: auto; margin: 0 -4px; padding: 6px 4px 12px; background: var(--surface); scrollbar-width: none; }
:where(#unit-members) .filters::-webkit-scrollbar{ display: none; }
:where(#unit-members) .filters button{
  flex: none; height: 34px; padding: 0 14px; border-radius: 100px;
  box-shadow: inset 0 0 0 1px var(--border); font-size: 13px; font-weight: 500; color: var(--text);
}
:where(#unit-members) .filters button[aria-pressed="true"]{ background: var(--brand-dark); color: #fff; box-shadow: none; }
:where(#unit-members) .filters small{ margin-left: 4px; font-size: 11px; opacity: 0.7; font-variant-numeric: tabular-nums; }
:where(#unit-members) .board{ columns: 2; column-gap: 8px; }
:where(#unit-members) .board > *{ break-inside: avoid; margin-bottom: 8px; }
:where(#unit-members) .board .tile{ width: 100%; }
:where(#unit-members) .board .tile.media{ min-height: 0; aspect-ratio: 3 / 4; }
:where(#unit-members) .board .t-google,:where(#unit-members) .board .t-text{ padding: 12px; }
:where(#unit-members) .board .t-google q{ font-size: 13.5px; }
:where(#unit-members) .board .tile.media .say{ font-size: 14px; }
:where(#unit-members) .board .t-text .note{ font-size: 12.5px; }
:where(#unit-members) .board [hidden]{ display: none; }
@media (min-width: 768px) {:where(#unit-members) .board{ columns: 3; column-gap: 12px; }
:where(#unit-members) .board > *{ margin-bottom: 12px; }}
:where(#unit-members) .ma2 .wall{ gap: 10px; }
:where(#unit-members) .tile:not(.media){
  background: #fff;
  box-shadow: 0 1px 2px rgb(10 42 42 / 6%), 0 12px 30px -16px rgb(10 42 42 / 24%);
}
:where(#unit-members) .tile.media{ box-shadow: 0 14px 30px -16px rgb(10 42 42 / 40%); }
:where(#unit-members) .tile .kind{ color: rgb(20 68 68 / 70%); }
:where(#unit-members) .tile .kind .icon{ font-size: 12px; }
:where(#unit-members) .gmark{ width: 13px; height: 13px; flex: none; }
:where(#unit-members) .tile .by{ margin-top: auto; padding-top: 2px; font-size: 12px; color: var(--text-3); }
:where(#unit-members) .t-text{ gap: 10px; }
:where(#unit-members) .thread{ display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding-left: 4px; }
:where(#unit-members) .thread .when{ align-self: center; margin-bottom: 3px; font-size: 10.5px; font-weight: 500; color: var(--text-2); }
:where(#unit-members) .thread .bubble{ border-radius: 17px; font-size: 13.5px; line-height: 1.3; padding: 8px 11px; }
:where(#unit-members) .thread .bubble.tail{ position: relative; border-bottom-left-radius: 5px; }
:where(#unit-members) .thread .bubble.tail::before{
  content: ""; position: absolute; left: -5px; bottom: 0; width: 12px; height: 12px;
  background: #e9e9eb; border-bottom-right-radius: 10px;
}
:where(#unit-members) .thread .bubble.tail::after{
  content: ""; position: absolute; left: -9px; bottom: 0; width: 9px; height: 12px;
  background: #fff; border-bottom-right-radius: 8px;
}
:where(#unit-members) .t-google q{ font-size: 14px; }
:where(#unit-members) .slot-card .note{ font-size: 13px; line-height: 1.4; color: var(--text-3); }
@media (min-width: 992px) {:where(#unit-members) .ma2 .wall{ gap: 14px; }
:where(#unit-members) .thread .bubble{ font-size: 14.5px; }}
:where(#unit-members) .wall{ grid-template-areas: "video google" "video post" "text text"; }
:where(#unit-members) .t-clip{ display: none; }
:where(#unit-members) .t-video{ --i: 0; min-height: 0; }
:where(#unit-members) .t-google{ --i: 1; }
:where(#unit-members) .t-post{ --i: 2; }
:where(#unit-members) .t-text{ --i: 3; }
:where(#unit-members) .t-text .thread .bubble{ max-width: 88%; }
@media (min-width: 992px) {:where(#unit-members) .wall{ grid-template-areas: "video text google" "video post clip"; }
:where(#unit-members) .t-clip{ display: flex; --i: 4; }
:where(#unit-members) .t-text{ --i: 1; }
:where(#unit-members) .t-google{ --i: 2; }
:where(#unit-members) .t-post{ --i: 3; }
:where(#unit-members) .t-text .thread .bubble{ max-width: 100%; }}
#unit-members.clean .slot-card{ display: none; }
:where(#unit-members) .wall-area{ min-width: 0; }
:where(#unit-members) .chips{
  display: flex; align-items: center; gap: 6px; overflow-x: auto;
  margin: 22px calc(-1 * max(20px, env(safe-area-inset-left, 0px))) 0;
  padding: 2px max(20px, env(safe-area-inset-left, 0px));
  scrollbar-width: none;
}
:where(#unit-members) .chips::-webkit-scrollbar{ display: none; }
:where(#unit-members) .chips button{
  flex: none; height: 36px; padding: 0 15px; border-radius: 100px;
  background: #fff; box-shadow: inset 0 0 0 1px var(--border);
  font-size: 13.5px; font-weight: 500; color: var(--text);
  transition: background 0.2s, color 0.2s;
}
:where(#unit-members) .chips button[aria-pressed="true"]{ background: var(--brand-dark); color: #fff; box-shadow: none; }
:where(#unit-members) .chips small{ margin-left: 5px; font-size: 11px; opacity: 0.65; font-variant-numeric: tabular-nums; }
:where(#unit-members) .chips .tag{ flex: none; }
:where(#unit-members) .ma2 .wall{ margin-top: 12px; }
:where(#unit-members) .wall-grid{ margin-top: 12px; columns: 2; column-gap: 10px; }
:where(#unit-members) .wall-grid > *{ break-inside: avoid; margin-bottom: 10px; }
:where(#unit-members) .wall-grid .tile.media{ aspect-ratio: 3 / 4; }
:where(#unit-members) .wall-grid.swap > *{ animation: members-tile-in 0.34s var(--ease-out) both; animation-delay: calc(var(--i, 0) * 0.04s); }
@media (min-width: 992px) {:where(#unit-members) .chips{ margin: 0 0 14px; padding: 2px 0; }
:where(#unit-members) .ma2 .wall{ margin-top: 0; }
:where(#unit-members) .wall-grid{ columns: 3; column-gap: 14px; margin-top: 0; }
:where(#unit-members) .wall-grid > *{ margin-bottom: 14px; }}
@media (prefers-reduced-motion: reduce) {:where(#unit-members) .wall-grid.swap > *{ animation: none; }
:where(#unit-members) .chips button{ transition: none; }}
#unit-members.rm .wall-grid.swap > *{ animation: none; }
:where(#unit-members) .wall-grid{ columns: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 252px; gap: 10px; margin-top: 12px; }
:where(#unit-members) .wall-grid[hidden]{ display: none; }
:where(#unit-members) .wall-grid > *{ grid-area: auto; margin: 0 !important; height: 100%; min-height: 0; overflow: hidden; }
:where(#unit-members) .wall-grid .tile.media{ aspect-ratio: auto; }
:where(#unit-members) .wall-grid .t-google,:where(#unit-members) .wall-grid .t-text{ padding: 12px; }
:where(#unit-members) .wall-grid .t-google q{ display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; font-size: 13.5px; }
:where(#unit-members) .wall-grid .t-text .thread .bubble{ max-width: 100%; }
:where(#unit-members) .wall-grid .tile.media .say{ font-size: 14px; }
@media (min-width: 992px) {:where(#unit-members) .wall-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 220px; gap: 14px; margin-top: 0; }
:where(#unit-members) .wall-grid .t-google q{ -webkit-line-clamp: 6; font-size: 14px; }}
:where(#unit-members) .wall[hidden]{ display: none; }
:where(#unit-members) .wall-grid.vids > :first-child{ grid-row: span 2; }
:where(#unit-members) .wall-grid.single > *{ grid-column: 1 / -1; grid-row: span 2; }
:where(#unit-members) .wall-grid.single .t-text{ justify-content: center; padding: 24px; }
:where(#unit-members) .wall-grid.single .t-text .thread .bubble{ font-size: 16px; }
@media (min-width: 992px) {:where(#unit-members) .wall-grid.vids > *{ grid-row: span 2; }}
:where(#unit-members) .wall-grid{ grid-auto-flow: row dense; }
:where(#unit-members) .wall-grid > [data-span="2"]{ grid-column: span 2; }
:where(#unit-members) .tile .ring{ display: none; }
:where(#unit-members) .wall-grid.many{ grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: calc((514px - 20px) / 3); }
:where(#unit-members) .wall-grid.many .tile{ border-radius: 16px; }
:where(#unit-members) .wall-grid.many .tile .kind,:where(#unit-members) .wall-grid.many .tile .say,:where(#unit-members) .wall-grid.many .tile .chip{ display: none; }
:where(#unit-members) .wall-grid.many .tile.media::after{ background: linear-gradient(180deg, rgb(10 42 42 / 0%) 52%, rgb(10 42 42 / 72%) 100%); }
:where(#unit-members) .wall-grid.many .tile .ring{
  position: absolute; z-index: 2; right: 7px; bottom: 7px; display: grid; place-items: center;
  width: 26px; height: 26px; border-radius: 100px;
  box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / 92%); background: rgb(10 42 42 / 30%); color: #fff;
}
:where(#unit-members) .wall-grid.many .tile .ring .icon{ width: 10px; height: 10px; margin-left: 2px; fill: currentColor; stroke: none; }
:where(#unit-members) .wall-grid.many .tile .over{ position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 8px 36px 12px 9px; }
:where(#unit-members) .wall-grid.many .tile .who{ margin-top: 0; font-size: 11.5px; font-weight: 600; }
:where(#unit-members) .wall-grid.many .tile .who > span:first-child{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(#unit-members) .wall-grid.many .tile .tag{ position: absolute; top: 8px; left: 8px; margin: 0; font-size: 8px; padding: 1px 5px 0; }
@media (min-width: 992px) {:where(#unit-members) .wall-grid.many{ grid-template-columns: repeat(5, minmax(0, 1fr)); grid-auto-rows: 220px; }
:where(#unit-members) .wall-grid.many .tile .ring{ right: 10px; bottom: 10px; width: 30px; height: 30px; }
:where(#unit-members) .wall-grid.many .tile .ring .icon{ width: 11px; height: 11px; }
:where(#unit-members) .wall-grid.many .tile .over{ padding: 10px 46px 16px 12px; }
:where(#unit-members) .wall-grid.many .tile .who{ font-size: 12.5px; }}
:where(#unit-members) .board .tile[data-span="2"]{ aspect-ratio: 4 / 3; }
:where(#unit-members) .player.contain .player-video{ object-fit: contain; }
:where(#unit-members) .player.contain .player-still{ filter: blur(26px) brightness(0.55); transform: scale(1.2); }
:where(#unit-members) .player.contain.still .player-still{ filter: none; transform: none; object-fit: contain; }
@media (min-width: 768px) {:where(#unit-members) .player.wide .player-frame{ width: min(88vw, 960px); height: auto; aspect-ratio: 16 / 9; }}
:where(#unit-members) .wall-grid:not(.single) .t-text .thread{
  flex: 1 1 auto; min-height: 0; overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, #000 78%, transparent);
  mask-image: linear-gradient(180deg, #000 78%, transparent);
}
:where(#unit-members) .wall-grid .t-text .by,:where(#unit-members) .wall-grid .t-text .tag{ flex: none; }
:where(#unit-members) .ma2 .ma-quote{ margin: 22px 0 0; }
:where(#unit-members) .ell{ display: none; }
@media (max-width: 991px) {:where(#unit-members) .ma2.members{ padding-block: 40px; }
:where(#unit-members) .ma2 .ma-quote{ margin-top: 16px; }
:where(#unit-members) .ma2 .q-big{ font-size: 44px; }
:where(#unit-members) .ma2 .attrib{ margin-top: 12px; font-size: 14px; }
:where(#unit-members) .ma2 .chips{ margin-top: 16px; }
:where(#unit-members) .chips small{ display: none; }
:where(#unit-members) .ma2 .wall .t-text .when,:where(#unit-members) .ma2 .wall .t-text .bubble:not(.tail){ display: none; }
:where(#unit-members) .ma2 .wall .t-text .ell{ display: inline; }
:where(#unit-members) .ma2 .wall-area{ --wall-h: 459px; }
:where(#unit-members) .wall-grid{ grid-auto-rows: calc((var(--wall-h, 514px) - 10px) / 2); }
:where(#unit-members) .wall-grid.many{ grid-auto-rows: calc((var(--wall-h, 514px) - 20px) / 3); }}
:where(#unit-members) .tile .who small{ display: block; margin-top: 2px; font-size: 11px; font-weight: 500; opacity: 0.85; }
:where(#unit-members) .wall-grid.many .tile .who small{ display: none; }
@font-face{font-family:"Work Sans";src:url("/versions/members/proof-study-2026-10-27/assets/work-sans.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
#unit-members{scrollbar-width:thin}
#unit-members{background:#fafafa}
:where(#unit-members) .nav,:where(#unit-members) .next-section{display:none}
:where(#unit-members) .written-review q{font-size:13.5px;line-height:1.35;quotes:"“" "”";margin:0}
:where(#unit-members) .written-review strong{font-weight:600}
:where(#unit-members) .written-review .kind{font-size:9px;letter-spacing:.09em}
:where(#unit-members) .written-review .by{font-size:11px}
:where(#unit-members) .ma2 .wall .written-review{gap:7px}
:where(#unit-members) .ma2 .wall .written-review q{font-size:13px;line-height:1.32}
:where(#unit-members) .ma2 .wall .written-review .by{font-size:11px}
:where(#unit-members) .ma2 .wall .t-google .by{font-size:11px}
:where(#unit-members) .ma2 .wall .t-google q{font-size:14px;line-height:1.38}
:where(#unit-members) .ma2 .wall .t-post img.food-image{width:180%;height:auto;max-width:none;object-fit:initial;left:-10%;top:-48%}
:where(#unit-members) .ma2 .wall .t-post .say{font-size:12px;line-height:1.25;text-wrap:pretty}
:where(#unit-members) .ma2 .wall .t-post .who{font-size:10px;margin-top:5px}
:where(#unit-members) .ma2 .wall .t-post .tag{font-size:7px;padding:2px 5px}
:where(#unit-members) .ma2 .wall .t-post .kind{font-size:8px}
:where(#unit-members) .ma2 .wall .t-video .say{font-size:14px;line-height:1.22}
:where(#unit-members) .ma2 .wall .t-video .who small{font-size:9px;line-height:1.35;margin-top:3px}
:where(#unit-members) .t-video[data-play="debbie"] img{object-position:48% 23%}
:where(#unit-members) .t-video .who>span:first-child{min-width:0}
:where(#unit-members) .source-note{margin:7px 0 0;font-size:10px;color:#6e6e73;line-height:1.4}
:where(#unit-members) .source-note strong{font-weight:600}
@media(max-width:991px){:where(#unit-members) .ma2.members{padding-top:35px;padding-bottom:28px}
:where(#unit-members) .ma2 .wall{grid-template-rows:154px 154px 131px}
:where(#unit-members) .ma2 .wall .t-post{aspect-ratio:auto}
:where(#unit-members) .ma2 .wall .t-text .by{margin-top:auto}
:where(#unit-members) .ma2 .more{margin-top:14px}}
@media(min-width:992px){:where(#unit-members) .ma2 .wall{grid-template-rows:220px 220px}
:where(#unit-members) .ma2 .wall .written-review q{font-size:14px}
:where(#unit-members) .ma2 .wall .written-review .kind{font-size:9px}
:where(#unit-members) .ma2 .wall .t-post .say{font-size:14px}
:where(#unit-members) .ma2 .wall .t-post .who{font-size:11px}
:where(#unit-members) .ma2 .wall .t-video .who small{font-size:10px}}
:where(#unit-members) .t-video[data-play="debbie"] img{width:240%;height:240%;max-width:none;left:-70%;top:-30%;inset-block-end:auto;inset-inline-end:auto;object-position:48% 23%}
#unit-members{
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --bg:#f5f5f7;--surface:#fff;--text:#1d1d1f;--text-2:#6e6e73;--text-3:#62696b;
  --brand-dark:#153f3d;--brand-deep:#102e2c;--border:#e4e6e7;
}
#unit-members,:where(#unit-members) .members{background:var(--bg);font-family:var(--font)}
:where(#unit-members) .ma-top{align-items:flex-start;gap:9px;flex-direction:column}
:where(#unit-members) .ma-top .label{font-size:13px;font-weight:600;text-transform:none;letter-spacing:-.01em;color:#4f5959}
:where(#unit-members) .ma-top .rating{font-size:12px;gap:7px;color:#62696b}
:where(#unit-members) .stars{gap:2px}
:where(#unit-members) .stars svg{width:10px;height:10px}
:where(#unit-members) .ma2 .q-big{font-weight:600;line-height:1.025;letter-spacing:-.05em;color:var(--brand-dark)}
:where(#unit-members) .ma2 .attrib{line-height:1.4;color:#666d6e}
:where(#unit-members) .ma2 .chips,:where(#unit-members) .filters{
  display:flex;align-items:center;gap:0;padding:3px;min-height:44px;
  background:#e9ebec;border-radius:14px;scrollbar-width:none;
}
:where(#unit-members) .ma2 .chips button,:where(#unit-members) .filters button{
  flex:1 1 0;min-width:0;height:38px;padding:0 4px;border-radius:11px;
  font-size:12px;line-height:1.1;font-weight:500;letter-spacing:-.01em;
  color:#4f585a;background:transparent;border:0;box-shadow:none;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
:where(#unit-members) .ma2 .chips button[aria-pressed=true],:where(#unit-members) .filters button[aria-pressed=true]{
  background:#fff;color:#173d3a;box-shadow:0 1px 3px #152c2a16;
}
:where(#unit-members) .chips small,:where(#unit-members) .filters small{font-size:10px;opacity:1;color:#687170;margin-left:4px}
:where(#unit-members) .ma2 .wall,:where(#unit-members) .wall-grid{gap:12px}
:where(#unit-members) .ma2 .wall{margin-top:18px}
:where(#unit-members) .members .tile,:where(#unit-members) .board .tile{border-radius:24px;box-shadow:none}
:where(#unit-members) .tile:not(.media){background:#fff}
:where(#unit-members) .tile.media::after{background:linear-gradient(180deg,transparent 32%,#102e2c0a 48%,#071e1de8 100%)}
:where(#unit-members) .tile.media img{transition:none}
:where(#unit-members) .tile.media:hover img{transform:none}
:where(#unit-members) .tile.media .kind{top:14px;left:14px;font-size:9px;text-transform:none;letter-spacing:.01em;font-weight:600;text-shadow:0 1px 5px #102e2c80}
:where(#unit-members) .tile.media .kind .icon{font-size:12px}
:where(#unit-members) .tile .over{padding:16px}
:where(#unit-members) .tile .kind{font-weight:600;letter-spacing:.02em;text-transform:none;color:#5e6c69}
:where(#unit-members) .tile .chip{height:28px;padding:0 9px;gap:4px;border-radius:16px;font-size:11px;background:#fffffff0;color:#173d3a;backdrop-filter:blur(8px)}
:where(#unit-members) .ma2 .wall .t-video .say{font-size:15px;line-height:1.24;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
:where(#unit-members) .ma2 .wall .t-video .who{font-size:12px;opacity:1;margin-top:10px}
:where(#unit-members) .ma2 .wall .t-video .who small{font-size:9px;color:#ffffffdb;line-height:1.35}
:where(#unit-members) .ma2 .wall .t-google{padding:16px;gap:8px}
:where(#unit-members) .ma2 .wall .t-google .kind{font-size:9px;letter-spacing:.01em}
:where(#unit-members) .ma2 .wall .t-google q{font-size:16px;line-height:1.24;font-weight:500;letter-spacing:-.02em;text-wrap:pretty}
:where(#unit-members) .ma2 .wall .t-google .by{font-size:10.5px;line-height:1.35;color:#697170;padding-top:2px}
:where(#unit-members) .stars-sm{gap:0}
:where(#unit-members) .stars-sm svg{width:9px;height:9px}
:where(#unit-members) .ma2 .wall .written-review{padding:16px 18px;gap:8px}
:where(#unit-members) .ma2 .wall .written-review .kind{font-size:9px;letter-spacing:.02em;color:#62706b}
:where(#unit-members) .ma2 .wall .written-review q{font-size:13px;line-height:1.4;color:#52615e;letter-spacing:-.01em}
:where(#unit-members) .written-review strong{font-weight:600;color:#183f39}
:where(#unit-members) .ma2 .wall .written-review .by{font-size:10.5px;color:#697170;line-height:1.4;padding-top:0}
:where(#unit-members) .ma2 .wall .t-post .say{display:none}
:where(#unit-members) .ma2 .wall .t-post .who{font-size:11px;font-weight:500;line-height:1.3;margin-top:0}
:where(#unit-members) .ma2 .wall .t-post .tag{font-size:8px;letter-spacing:.01em;text-transform:none;padding:3px 7px;border:1px solid #ffffff80;background:#143a36b3;margin-top:7px}
:where(#unit-members) .ma2 .wall .t-post .kind{font-size:9px}
:where(#unit-members) .ma2 .wall .t-post .over{padding:14px 46px 14px 14px;pointer-events:none}
:where(#unit-members) .food-open{position:absolute;inset:0;z-index:2;width:100%;height:100%;border-radius:inherit}
:where(#unit-members) .food-open .food-plus{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffffec;color:#254d46;box-shadow:0 1px 4px #132f2c14}
:where(#unit-members) .food-plus svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round}
:where(#unit-members) .food-open:focus-visible{outline-offset:-4px;outline:2px solid white}
:where(#unit-members) .ma2 .more{min-height:44px;font-size:14px;font-weight:500;letter-spacing:-.01em;gap:7px;text-decoration:none;color:#144b44}
:where(#unit-members) .more:hover{text-decoration:underline;text-underline-offset:4px}
:where(#unit-members) .more .icon{font-size:14px}
:where(#unit-members) .sheet-scrim{background:#14222166;backdrop-filter:blur(6px)}
:where(#unit-members) .sheet-panel{background:#f5f5f7;border-radius:28px 28px 0 0;padding-inline:20px}
:where(#unit-members) .sheet-head{background:#f5f5f7;padding-block:12px}
:where(#unit-members) .sheet-head h3{font-size:26px;letter-spacing:-.035em;font-weight:600}
:where(#unit-members) .sheet .x{position:relative;isolation:isolate;background:transparent;width:44px;height:44px;margin-right:0;font-size:18px;box-shadow:none}
:where(#unit-members) .sheet .x::before{content:"";position:absolute;z-index:-1;width:32px;height:32px;border-radius:50%;background:#e7e9ea}
:where(#unit-members) .filters{top:60px;margin:0 0 16px;padding:3px;overflow:visible;background:#e4e7e8}
:where(#unit-members) .filters small{display:none}
:where(#unit-members) .board{column-gap:12px}
:where(#unit-members) .board>*{margin-bottom:12px}
:where(#unit-members) .board .t-google,:where(#unit-members) .board .t-text{padding:18px}
:where(#unit-members) .board .t-google q{font-size:14px;line-height:1.45}
:where(#unit-members) .board .tile .by{font-size:11px;line-height:1.4}
:where(#unit-members) .board .tile.media .say{font-size:14px;line-height:1.3}
:where(#unit-members) .board .written-review{gap:10px}
:where(#unit-members) .player{background:#071311f2}
:where(#unit-members) .player-frame{background:#000}
:where(#unit-members) .player-cap{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.025em}
:where(#unit-members) .player .round{background:#ffffff26;backdrop-filter:blur(12px)}
:where(#unit-members) .wall-grid.swap>*{animation:members-quiet-in .18s ease-out both;animation-delay:0s}
@keyframes members-quiet-in{from{opacity:.5}to{opacity:1}}
@media(max-width:991px){:where(#unit-members) .ma2.members{padding-block:40px 32px}
:where(#unit-members) .ma2 .q-big{font-size:clamp(39px,11.8vw,46px)}
:where(#unit-members) .ma2 .ma-quote{margin-top:24px}
:where(#unit-members) .ma2 .attrib{margin-top:16px;font-size:12.5px}
:where(#unit-members) .ma2 .chips{margin:24px 0 0;overflow:visible}
:where(#unit-members) .ma2 .wall-area{--wall-h:480px}
:where(#unit-members) .ma2 .wall{grid-template-rows:160px 160px 136px}
:where(#unit-members) .wall-grid{margin-top:18px;grid-auto-rows:calc((var(--wall-h) - 12px)/2)}
:where(#unit-members) .wall-grid.many{grid-auto-rows:calc((var(--wall-h) - 24px)/3)}
:where(#unit-members) .ma2 .more{margin-top:16px}}
@media(max-width:350px){:where(#unit-members) .ma2 .wall{grid-template-rows:172px 172px 148px}
:where(#unit-members) .ma2 .wall-area{--wall-h:516px}
:where(#unit-members) .ma2 .wall .t-google{padding:13px}
:where(#unit-members) .ma2 .wall .t-google q{font-size:15px}
:where(#unit-members) .ma2 .wall .written-review{padding:15px}
:where(#unit-members) .ma2 .wall .written-review q{font-size:12.5px}
:where(#unit-members) .ma2 .wall .t-video .say{font-size:14px}
:where(#unit-members) .tile .over{padding:13px}
:where(#unit-members) .ma2 .chips button{font-size:11.5px}}
@media(min-width:992px){:where(#unit-members) .ma2.members{padding-block:96px}
:where(#unit-members) .ma2-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:76px}
:where(#unit-members) .ma2 .q-big{font-size:clamp(64px,5.4vw,86px)}
:where(#unit-members) .ma2 .ma-quote{margin-top:28px}
:where(#unit-members) .ma2 .attrib{font-size:15px;margin-top:24px;max-width:400px}
:where(#unit-members) .ma2 .more{font-size:15px;margin-top:24px}
:where(#unit-members) .ma2 .chips{margin:0 0 20px;max-width:460px}
:where(#unit-members) .ma2 .chips button{font-size:12px}
:where(#unit-members) .ma2 .wall{margin-top:0;grid-template-rows:236px 236px}
:where(#unit-members) .ma2 .wall .t-post,:where(#unit-members) .ma2 .wall .t-clip{aspect-ratio:auto;min-height:0;align-self:stretch}
:where(#unit-members) .ma2 .wall-area{--wall-h:484px}
:where(#unit-members) .wall-grid{grid-auto-rows:236px;gap:12px;margin-top:0}
:where(#unit-members) .wall-grid.many{grid-auto-rows:236px}
:where(#unit-members) .ma2 .wall .t-video .say{font-size:20px;line-height:1.2}
:where(#unit-members) .ma2 .wall .t-google{padding:20px}
:where(#unit-members) .ma2 .wall .t-google q{font-size:19px;line-height:1.25}
:where(#unit-members) .ma2 .wall .written-review{padding:20px}
:where(#unit-members) .ma2 .wall .written-review q{font-size:15px;line-height:1.4}
:where(#unit-members) .ma2 .wall .written-review .by,:where(#unit-members) .ma2 .wall .t-google .by{font-size:11px}
:where(#unit-members) .ma2 .wall .t-post .who{font-size:12px}
:where(#unit-members) .sheet-panel{width:min(900px,100%);border-radius:28px;padding-inline:28px}
:where(#unit-members) .player-frame{border-radius:28px}}
@media(prefers-reduced-motion:reduce){:where(#unit-members) .wall-grid.swap>*{animation:none}
:where(#unit-members) .chips button,:where(#unit-members) .filters button,:where(#unit-members) .player-video{transition:none}}
#unit-members{
  --font:"Work Sans",sans-serif;
  --brand-dark:#144444;--brand-deep:#0A2A2A;--accent:#A4CD3A;
  --bg:#F5F5F7;--surface:#FFFFFF;--border:#E8E8E8;
  --text:#1D1D1F;--text-2:#86868B;--text-3:#6E6E73;
}
#unit-members,:where(#unit-members) .members{font-family:var(--font);background:var(--bg);color:var(--brand-dark)}
:where(#unit-members) .ma-top .label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--brand-dark)}
:where(#unit-members) .ma-top .rating,:where(#unit-members) .ma2 .attrib{color:var(--text-3)}
:where(#unit-members) .ma2 .q-big{color:var(--brand-dark);letter-spacing:-.03em}
:where(#unit-members) .ma2 .chips,:where(#unit-members) .filters{
  min-height:44px;padding:0;gap:0;border:0;border-bottom:1px solid var(--border);
  border-radius:0;background:transparent;
}
:where(#unit-members) .filters{background:var(--bg)}
:where(#unit-members) .ma2 .chips button,:where(#unit-members) .filters button{
  position:relative;flex:1 1 0;min-width:0;height:44px;padding:0 3px;border:0;
  border-radius:0;font-family:var(--font);font-size:13px;font-weight:500;
  line-height:1.2;letter-spacing:0;text-transform:none;color:var(--text-3);
  background:transparent;box-shadow:none;transition:color .16s ease;
}
:where(#unit-members) .ma2 .chips button[aria-pressed=true],:where(#unit-members) .filters button[aria-pressed=true]{
  background:transparent;color:var(--brand-dark);font-weight:600;box-shadow:none;
}
:where(#unit-members) .ma2 .chips button[aria-pressed=true]::after,:where(#unit-members) .filters button[aria-pressed=true]::after{
  content:"";position:absolute;left:50%;bottom:-1px;width:22px;height:2px;
  transform:translateX(-50%);border-radius:2px;background:var(--brand-dark);
}
:where(#unit-members) .chips small,:where(#unit-members) .filters small{color:inherit}
:where(#unit-members) .members .tile,:where(#unit-members) .board .tile{border-radius:20px}
:where(#unit-members) .ma2 .wall .t-video{border-radius:24px}
:where(#unit-members) .tile:not(.media){background:var(--surface);color:var(--brand-dark)}
:where(#unit-members) .tile .kind,:where(#unit-members) .ma2 .wall .written-review .kind{color:var(--text-3)}
:where(#unit-members) .tile.media::after{background:linear-gradient(180deg,transparent 32%,rgb(10 42 42 / 4%) 48%,rgb(10 42 42 / 91%) 100%)}
:where(#unit-members) .tile.media .kind{text-shadow:0 1px 5px rgb(10 42 42 / 50%)}
:where(#unit-members) .tile .chip{color:var(--brand-dark);background:rgb(255 255 255 / 94%)}
:where(#unit-members) .ma2 .wall .t-google q,:where(#unit-members) .written-review strong{color:var(--brand-dark)}
:where(#unit-members) .ma2 .wall .t-google .by,:where(#unit-members) .ma2 .wall .written-review q,:where(#unit-members) .ma2 .wall .written-review .by{color:var(--text-3)}
:where(#unit-members) .written-review strong{font-weight:600}
:where(#unit-members) .ma2 .wall .t-post .tag{background:rgb(10 42 42 / 70%);border-color:rgb(255 255 255 / 50%);border-radius:100px}
:where(#unit-members) .food-open .food-plus{background:rgb(255 255 255 / 94%);color:var(--brand-dark);box-shadow:0 1px 4px rgb(10 42 42 / 8%)}
:where(#unit-members) .food-plus svg,:where(#unit-members) .icon{stroke-width:1.5}
:where(#unit-members) .members .tile .ring .icon{fill:none;stroke:currentColor;stroke-width:1.5}
:where(#unit-members) .ma2 .more{
  min-height:44px;padding:11px 17px;gap:8px;border:1.5px solid var(--brand-dark);border-radius:100px;
  font-family:var(--font);font-size:11.5px;font-weight:700;line-height:1.25;
  letter-spacing:.05em;text-transform:uppercase;color:var(--brand-dark);background:transparent;text-decoration:none;
  transition:background .18s ease,color .18s ease;
}
:where(#unit-members) .ma2 .more:hover{color:var(--surface);background:var(--brand-dark);text-decoration:none}
:where(#unit-members) .more .icon{font-size:15px;stroke-width:1.5;fill:none}
:where(#unit-members) .sheet-scrim{background:rgb(10 42 42 / 40%)}
:where(#unit-members) .sheet-panel,:where(#unit-members) .sheet-head{background:var(--bg)}
:where(#unit-members) .sheet .x::before{background:var(--border)}
:where(#unit-members) .sheet-head h3{color:var(--brand-dark)}
:where(#unit-members) .board .tile .by{color:var(--text-3)}
:where(#unit-members) .board .written-review q{color:var(--text-3)}
:where(#unit-members) .board .written-review strong{color:var(--brand-dark)}
:where(#unit-members) .player{background:rgb(10 42 42 / 95%)}
:where(#unit-members) .player .round{font-family:var(--font);background:rgb(255 255 255 / 15%)}
@media(max-width:350px){:where(#unit-members) .ma2 .chips button,:where(#unit-members) .filters button{font-size:12px;padding-inline:2px}}
@media(min-width:992px){:where(#unit-members) .ma2 .q-big{font-weight:700}
:where(#unit-members) .ma2 .more{font-size:12px}
:where(#unit-members) .ma2 .chips button{font-size:13px}}
@media(prefers-reduced-motion:reduce){:where(#unit-members) .ma2 .more{transition:none}}
:where(#unit-members) .ma2 .reviewer-attribution{display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin-top:18px;max-width:100%;font-family:var(--font)}
:where(#unit-members) .reviewer-identity{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 12px;line-height:1.45}
:where(#unit-members) .reviewer-name{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--brand-dark)}
:where(#unit-members) .reviewer-tenure{font-size:12px;font-weight:400;letter-spacing:0;color:var(--text-3)}
:where(#unit-members) .reviewer-source{display:inline-flex;align-items:center;min-height:44px;gap:6px;padding:0;border:0;border-radius:0;background:transparent;font-family:var(--font);font-size:11.5px;line-height:1.3;font-weight:400;letter-spacing:0;text-transform:none;color:var(--brand-dark)}
:where(#unit-members) .reviewer-source .gmark{width:12px;height:12px;flex:none}
:where(#unit-members) .reviewer-source .source-label{text-decoration:underline;text-decoration-color:rgb(20 68 68 / 22%);text-underline-offset:3px}
:where(#unit-members) .reviewer-source .reviewer-date{color:var(--text-3)}
:where(#unit-members) .reviewer-source .icon{width:11px;height:11px;margin-left:1px;stroke-width:1.5;color:var(--text-3);fill:none}
:where(#unit-members) .reviewer-source:hover .source-label{text-decoration-color:var(--brand-dark)}
@media(min-width:992px){:where(#unit-members) .ma2 .reviewer-attribution{margin-top:24px}
:where(#unit-members) .reviewer-name{font-size:16px}
:where(#unit-members) .reviewer-tenure{font-size:13px}
:where(#unit-members) .reviewer-source{font-size:12px}}
:where(#unit-members) .ma2 .q-big .open{margin-left:-.12em}
:where(#unit-members) .member-rating{display:flex;align-items:center;gap:10px;max-width:100%}
:where(#unit-members) .member-faces{display:flex;flex:none;padding-left:0}
:where(#unit-members) .member-face{display:block;flex:none;width:30px;height:30px;border:2px solid var(--bg);border-radius:50%;background-color:var(--border);background-repeat:no-repeat}
:where(#unit-members) .member-face+.member-face{margin-left:-8px}
:where(#unit-members) .face-ali{background-image:url("/versions/members/assets/a2/ali-smile.jpg");background-size:240% auto;background-position:50% 27%}
:where(#unit-members) .face-debbie{background-image:url("/versions/members/assets/a2/debbie-tile.jpg");background-size:240% auto;background-position:50% 45%}
:where(#unit-members) .face-paris{background-image:url("/versions/members/assets/a2/paris-face.jpg");background-size:160% auto;background-position:50% 2%}
:where(#unit-members) .ma2 .reviewer-attribution{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;row-gap:1px}
:where(#unit-members) .reviewer-avatar{grid-column:1;grid-row:1 / 3;align-self:start;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--surface);color:var(--brand-dark);font-size:15px;font-weight:600;line-height:1}
:where(#unit-members) .reviewer-identity,:where(#unit-members) .reviewer-source{grid-column:2}
:where(#unit-members) .reviewer-source{justify-self:start}
@media(max-width:350px){:where(#unit-members) .member-rating{gap:8px}
:where(#unit-members) .member-face{width:26px;height:26px}
:where(#unit-members) .ma-top .member-rating .rating{font-size:11.5px;gap:5px}}
:where(#unit-members) .desk-only{ display: none; }
@media (min-width: 992px) {:where(#unit-members) .desk-only{ display: inline-flex; }
:where(#unit-members) .phone-only{ display: none; }}
#unit-partners{
  --ink: #144444;
  --deep: #0a2a2a;
  --lime: #a4cd3a;
  --lime-hi: #b8db55;
  --bg: #fafafa;
  --bg-alt: #f5f5f7;
  --line: #e8e8e8;
  --muted: #637272;
  --text: #1d1d1f;
  --on-deep: #fff;
  --on-deep-2: rgb(255 255 255 / 76%);
  --on-deep-3: rgb(255 255 255 / 58%);
  --on-deep-line: rgb(255 255 255 / 14%);
  --gutter: 20px;
  --nav-h: 64px;
  --font: "Work Sans", ui-sans-serif, system-ui, sans-serif;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}
@media (min-width: 992px) {#unit-partners{
    --nav-h: 76px;
  }}
:where(#unit-partners) *,:where(#unit-partners) *::before,:where(#unit-partners) *::after{
  box-sizing: border-box;
}
#unit-partners{
  -webkit-text-size-adjust: 100%;
}
#unit-partners{
  margin: 0;
  background: #fff;
  color: var(--ink);
  font: 400 16px/1.5 var(--font);
  -webkit-font-smoothing: antialiased;
}
:where(#unit-partners) h1,:where(#unit-partners) h2,:where(#unit-partners) h3,:where(#unit-partners) p,:where(#unit-partners) ul,:where(#unit-partners) ol,:where(#unit-partners) dl,:where(#unit-partners) dd,:where(#unit-partners) figure{
  margin: 0;
}
:where(#unit-partners) ul,:where(#unit-partners) ol{
  padding: 0;
  list-style: none;
}
:where(#unit-partners) a{
  color: inherit;
}
:where(#unit-partners) button,:where(#unit-partners) input,:where(#unit-partners) select,:where(#unit-partners) textarea{
  font: inherit;
  color: inherit;
}
:where(#unit-partners) button{
  cursor: pointer;
}
:where(#unit-partners) .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
:where(#unit-partners) .wrap{
  width: 100%;
  max-width: calc(1200px + 2 * var(--gutter));
  margin-inline: auto;
  padding-left: max(var(--gutter), env(safe-area-inset-left, 0px));
  padding-right: max(var(--gutter), env(safe-area-inset-right, 0px));
}
@media (min-width: 992px) {:where(#unit-partners) .wrap{
    max-width: 1200px;
    padding-inline: 0;
  }}
@media (min-width: 992px) and (max-width: 1295px) {:where(#unit-partners) .wrap{
    max-width: none;
    padding-inline: 48px;
  }}
:where(#unit-partners) :is(a, button, summary, input, select, textarea):focus-visible{
  outline: 3px solid var(--ink);
  outline-offset: 3px;
}
:where(#unit-partners) :is(.close, .ft, .ft-sheet-dark) :is(a, button, input):focus-visible{
  outline-color: var(--lime);
}
:where(#unit-partners) .dot{
  color: var(--lime);
}
:where(#unit-partners) .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 16px 26px;
  border: 1px solid transparent;
  border-radius: 100px;
  background: var(--lime);
  color: var(--deep);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.5;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.2s ease;
}
:where(#unit-partners) .btn:hover{
  background: var(--lime-hi);
}
:where(#unit-partners) .nav{
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: var(--nav-h);
  padding-left: max(var(--gutter), env(safe-area-inset-left, 0px));
  padding-right: max(12px, env(safe-area-inset-right, 0px));
  background: rgb(255 255 255 / 96%);
  box-shadow: 0 1px 0 var(--line);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
:where(#unit-partners) .nav-logo img{
  display: block;
  width: 118px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(20%) sepia(22%) saturate(1000%) hue-rotate(132deg)
    brightness(90%) contrast(95%);
}
:where(#unit-partners) .nav-links,:where(#unit-partners) .nav-order{
  display: none;
}
:where(#unit-partners) .nav-right{
  display: flex;
  align-items: center;
  gap: 4px;
}
:where(#unit-partners) .icon-btn{
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  color: var(--ink);
}
:where(#unit-partners) .icon-btn svg{
  width: 24px;
  height: 24px;
}
:where(#unit-partners) .nav-chat{
  display: none;
}
#unit-partners[data-chat="header"] .nav-chat{
  display: grid;
}
:where(#unit-partners) .nav-chat svg{
  width: 23px;
  height: 23px;
}
@media (min-width: 992px) {:where(#unit-partners) .nav{
    padding-inline: max(48px, calc((100% - 1200px) / 2));
    gap: 24px;
  }
:where(#unit-partners) .nav-logo img{
    width: 156px;
  }
:where(#unit-partners) .nav-links{
    display: flex;
    gap: 30px;
    margin-left: auto;
    font-size: 14px;
  }
:where(#unit-partners) .nav-links a{
    text-decoration: none;
  }
:where(#unit-partners) .nav-order{
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 22px;
    border-radius: 100px;
    box-shadow: inset 0 0 0 1.5px var(--ink);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-decoration: none;
    text-transform: uppercase;
  }
:where(#unit-partners) .nav-menu{
    display: none;
  }}
:where(#unit-partners) .cmp{
  padding-block: 48px;
  background: #fff;
}
:where(#unit-partners) .cmp h2,:where(#unit-partners) .faq h2{
  color: var(--ink);
  font-size: 32.76px;
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -0.05em;
}
:where(#unit-partners) .cmp table{
  width: 100%;
  margin-top: 40px;
  border-collapse: collapse;
  table-layout: fixed;
}
:where(#unit-partners) .cmp th,:where(#unit-partners) .cmp td{
  padding: 12px 4px;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
  line-height: 1.3;
  text-align: center;
  vertical-align: middle;
}
:where(#unit-partners) .cmp thead th{
  padding: 18px 4px 14px;
  font-size: 12px;
  font-weight: 600;
}
:where(#unit-partners) .cmp tbody th{
  padding-left: 0;
  font-weight: 500;
  text-align: left;
}
:where(#unit-partners) .cmp thead th:first-child{
  width: 34%;
}
:where(#unit-partners) .cmp :is(thead th, td):nth-child(2){
  background: var(--bg-alt);
  font-weight: 550;
}
:where(#unit-partners) .cmp thead th:nth-child(2){
  border-radius: 20px 20px 0 0;
}
:where(#unit-partners) .cmp tbody tr:last-child td:nth-child(2){
  border-radius: 0 0 20px 20px;
}
:where(#unit-partners) .cmp tbody tr:last-child :is(th, td){
  border-bottom: 0;
}
:where(#unit-partners) .cmp td svg{
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
:where(#unit-partners) .cmp .no{
  color: #81918a;
}
:where(#unit-partners) .cmp .varies{
  color: var(--muted);
  font-weight: 400;
}
:where(#unit-partners) .cmp-note{
  margin-top: 16px;
  color: var(--muted);
  font-size: 13px;
}
@media (min-width: 992px) {:where(#unit-partners) .cmp{
    padding-block: 96px;
  }
:where(#unit-partners) .cmp h2,:where(#unit-partners) .faq h2{
    font-size: 58px;
    letter-spacing: -0.05em;
  }
:where(#unit-partners) .cmp table{
    max-width: 880px;
    margin-top: 48px;
  }
:where(#unit-partners) .cmp th,:where(#unit-partners) .cmp td{
    padding: 18px 8px;
    font-size: 15px;
  }
:where(#unit-partners) .cmp thead th{
    font-size: 14px;
  }}
:where(#unit-partners) .faq{
  display: grid;
  gap: 25px;
  padding-block: 48px;
  background: #fff;
}
:where(#unit-partners) .faq-side p{
  margin-top: 15px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.8;
}
:where(#unit-partners) .faq-side a,:where(#unit-partners) .faq-side button{
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: -10px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--ink);
  font-size: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
:where(#unit-partners) .faq-list li{
  border-bottom: 1px solid var(--line);
}
:where(#unit-partners) .faq-q{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 19px 0;
  border: 0;
  background: none;
  color: var(--ink);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-align: left;
}
:where(#unit-partners) .faq-q svg{
  flex: none;
  width: 18px;
  height: 18px;
  transition: transform 0.25s var(--ease);
}
:where(#unit-partners) .faq-q[aria-expanded="true"] svg{
  transform: rotate(180deg);
}
:where(#unit-partners) .faq-a{
  padding: 0 0 20px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
}
@media (min-width: 992px) {:where(#unit-partners) .faq{
    grid-template-columns: 448px minmax(0, 1fr);
    gap: 80px;
    padding-block: 70px 90px;
  }
:where(#unit-partners) .faq-side p{
    margin-top: 24px;
    font-size: 14px;
  }
:where(#unit-partners) .faq-q{
    padding: 21px 0;
    font-size: 16px;
  }}
:where(#unit-partners) .close{
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: 560px;
  overflow: hidden;
  background: var(--deep);
  color: #fff;
  text-align: center;
}
:where(#unit-partners) .close video{
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where(#unit-partners) .close::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(
    70% 60% at 50% 52%,
    rgb(5 24 24 / 58%) 0%,
    rgb(5 24 24 / 74%) 60%,
    rgb(5 24 24 / 86%) 100%
  );
}
:where(#unit-partners) .close-inner{
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 18px;
  padding-block: 72px;
}
:where(#unit-partners) .close h2{
  font-size: 37.44px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.055em;
  text-wrap: balance;
}
:where(#unit-partners) .close p{
  color: rgb(255 255 255 / 84%);
  font-size: 16px;
}
:where(#unit-partners) .close .btn{
  min-width: 214px;
  margin-top: 12px;
}
:where(#unit-partners) .film-toggle{
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgb(255 255 255 / 55%);
  border-radius: 50%;
  background: rgb(5 24 24 / 72%);
  color: #fff;
}
:where(#unit-partners) .film-toggle svg{
  width: 14px;
  height: 14px;
}
:where(#unit-partners) .film-toggle .i-play,:where(#unit-partners) .film-toggle[data-playing="false"] .i-pause{
  display: none;
}
:where(#unit-partners) .film-toggle[data-playing="false"] .i-play{
  display: block;
}
@media (min-width: 992px) {:where(#unit-partners) .close{
    min-height: 576px;
  }
:where(#unit-partners) .close-inner{
    padding-block: 88px;
  }
:where(#unit-partners) .close h2{
    font-size: 74px;
  }
:where(#unit-partners) .close p{
    font-size: 18px;
  }
:where(#unit-partners) .film-toggle{
    right: max(48px, calc((100% - 1200px) / 2));
    bottom: 32px;
  }}
:where(#unit-partners) .ft{
  background: var(--deep);
  color: var(--on-deep);
}
:where(#unit-partners) .ft-logo{
  display: block;
  width: 150px;
  height: auto;
  filter: brightness(0) invert(1);
}
:where(#unit-partners) .ft a{
  text-decoration: none;
}
:where(#unit-partners) .ft-link{
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--on-deep);
  text-align: left;
}
:where(#unit-partners) .ft-link:hover{
  text-decoration: underline;
  text-underline-offset: 4px;
}
:where(#unit-partners) .nowrap{
  white-space: nowrap;
}
:where(#unit-partners) .pill-light,:where(#unit-partners) .pill-line{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 26px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
:where(#unit-partners) .pill-light{
  border: 0;
  background: #fff;
  color: var(--ink);
}
:where(#unit-partners) .pill-light:hover{
  background: #eef3f0;
}
:where(#unit-partners) .pill-line{
  border: 0;
  background: none;
  box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / 70%);
  color: #fff;
}
:where(#unit-partners) .pill-line:hover{
  box-shadow: inset 0 0 0 1.5px #fff;
}
:where(#unit-partners) .pill-light svg,:where(#unit-partners) .pill-line svg{
  width: 18px;
  height: 18px;
}
:where(#unit-partners) .bar{
  display: none;
}
@media (max-width: 700px) {:where(#unit-partners) .bar{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 29;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px max(20px, env(safe-area-inset-right, 0px)) max(10px, env(safe-area-inset-bottom))
      max(20px, env(safe-area-inset-left, 0px));
    border-top: 1px solid var(--line);
    background: rgb(255 255 255 / 97%);
    box-shadow: 0 -8px 24px rgb(20 68 68 / 10%);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    transform: translateY(110%);
    visibility: hidden;
    transition:
      transform 0.28s ease,
      visibility 0s linear 0.28s;
  }
:where(#unit-partners) .bar[data-on="true"]{
    transform: none;
    visibility: visible;
    transition: transform 0.28s ease;
  }
:where(#unit-partners) .bar-text{
    display: grid;
    flex: 1;
    min-width: 0;
    line-height: 1.3;
  }
:where(#unit-partners) .bar-text strong{
    overflow: hidden;
    font-size: 15px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
:where(#unit-partners) .bar-text span{
    color: var(--muted);
    font-size: 12.5px;
    white-space: nowrap;
  }
:where(#unit-partners) .bar .btn{
    flex: none;
    min-width: 0;
    min-height: 46px;
    padding: 12px 18px;
  }}
@media (max-width: 400px) {:where(#unit-partners) .bar-extra{
    display: none;
  }}
:where(#unit-partners) .bar-chat{
  display: none;
}
@media (max-width: 700px) {#unit-partners[data-chat="bar"] .bar-chat{
    display: grid;
    flex: none;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-right: 4px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px rgb(20 68 68 / 26%);
    color: var(--ink);
  }
#unit-partners[data-chat="bar"] .bar-chat svg{
    width: 21px;
    height: 21px;
  }}
@media (max-width: 360px) {#unit-partners[data-chat="bar"] .bar-chat{
    width: 40px;
    height: 40px;
    margin-right: 0;
  }
:where(#unit-partners) .bar .btn{
    padding-inline: 14px;
  }}
:where(#unit-partners) .fab{
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 40;
  display: none;
  place-items: center;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--ink);
  box-shadow:
    0 2px 6px rgb(20 68 68 / 20%),
    0 8px 24px rgb(20 68 68 / 28%);
  color: #fff;
  transition:
    opacity 0.25s ease,
    transform 0.25s var(--ease);
}
:where(#unit-partners) .fab svg{
  width: 24px;
  height: 24px;
}
:where(#unit-partners) .fab[data-off="true"]{
  opacity: 0;
  transform: translateY(12px) scale(0.92);
  pointer-events: none;
}
@media (min-width: 701px) {#unit-partners[data-chat="bar"] .fab{
    display: grid;
  }}
#unit-partners[data-chat="asis"] .fab{
  display: grid;
  width: 58px;
  height: 58px;
  z-index: 2147483000;
}
#unit-partners[data-chat="asis"] .fab svg{
  width: 26px;
  height: 26px;
}
@media (max-width: 480px) {#unit-partners[data-chat="asis"] .fab{
    right: 16px;
    bottom: 16px;
  }}
#unit-partners.chat-open .fab{
  display: none;
}
:where(#unit-partners) .chat{
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 2147483001;
  display: flex;
  flex-direction: column;
  width: 380px;
  max-height: calc(100dvh - 48px);
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  box-shadow:
    0 0 0 0.5px rgb(0 0 0 / 5%),
    0 2px 4px rgb(0 0 0 / 4%),
    0 12px 40px rgb(0 0 0 / 14%);
  color: var(--text);
  transform-origin: bottom right;
  transform: scale(0.92) translateY(12px);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition:
    transform 0.3s cubic-bezier(0.32, 0.72, 0, 1),
    opacity 0.2s ease,
    visibility 0s linear 0.3s;
}
:where(#unit-partners) .chat:focus{
  outline: none;
}
:where(#unit-partners) .chat[data-open="true"]{
  transform: none;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition:
    transform 0.3s cubic-bezier(0.32, 0.72, 0, 1),
    opacity 0.2s ease;
}
@media (max-width: 480px) {:where(#unit-partners) .chat{
    right: 8px;
    bottom: max(8px, env(safe-area-inset-bottom, 0px));
    width: calc(100vw - 16px);
  }}
:where(#unit-partners) .chat-hdr{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  height: 56px;
  padding: 0 12px 0 20px;
  background: var(--ink);
  color: #fff;
}
:where(#unit-partners) .chat-back,:where(#unit-partners) .chat-x{
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  color: rgb(255 255 255 / 75%);
}
:where(#unit-partners) .chat-back[hidden]{
  display: none;
}
:where(#unit-partners) .chat-back:hover,:where(#unit-partners) .chat-x:hover{
  background: rgb(255 255 255 / 10%);
  color: #fff;
}
:where(#unit-partners) .chat-back svg,:where(#unit-partners) .chat-x svg{
  width: 18px;
  height: 18px;
}
:where(#unit-partners) .chat-title{
  flex: 1;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
:where(#unit-partners) .chat-accent{
  flex-shrink: 0;
  height: 2px;
  background: var(--lime);
}
:where(#unit-partners) .chat-body{
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
}
:where(#unit-partners) .chat-step{
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 26px 24px 24px;
}
:where(#unit-partners) .chat-step[hidden]{
  display: none;
}
:where(#unit-partners) .chat-greet{
  color: var(--muted);
  font-size: 15px;
  line-height: 1.5;
}
:where(#unit-partners) .chat-heading{
  color: var(--text);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
:where(#unit-partners) .chat-sub{
  margin-top: -6px;
  color: var(--muted);
  font-size: 14px;
}
:where(#unit-partners) .chat-field{
  display: block;
  width: 100%;
  min-height: 50px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: var(--bg-alt);
  color: var(--text);
  
  font-size: 16px;
  -webkit-appearance: none;
  appearance: none;
  transition:
    border-color 0.2s,
    background-color 0.2s,
    box-shadow 0.2s;
}
:where(#unit-partners) .chat-field:focus{
  border-color: var(--ink);
  outline: none;
  background: #fff;
  box-shadow: 0 0 0 3.5px rgb(20 68 68 / 12%);
}
:where(#unit-partners) .chat-field::placeholder{
  color: #9aa3a3;
  opacity: 1;
}
:where(#unit-partners) textarea.chat-field{
  min-height: 104px;
  padding: 14px 16px;
  resize: none;
}
:where(#unit-partners) .chat-select{
  position: relative;
}
:where(#unit-partners) .chat-select::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  border-top: 5px solid #9aa3a3;
  border-right: 4.5px solid transparent;
  border-left: 4.5px solid transparent;
  transform: translateY(-50%);
  pointer-events: none;
}
:where(#unit-partners) .chat-select select{
  padding-right: 40px;
  cursor: pointer;
}
:where(#unit-partners) .chat-select select[data-empty="true"]{
  color: #9aa3a3;
}
:where(#unit-partners) .chat-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 52px;
  margin-top: 2px;
  border: 0;
  border-radius: 100px;
  background: var(--ink);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: background-color 0.15s;
}
:where(#unit-partners) .chat-btn:hover{
  background: #0f3433;
}
:where(#unit-partners) .chat-btn:disabled{
  opacity: 0.4;
  cursor: not-allowed;
}
:where(#unit-partners) .chat-btn svg{
  width: 16px;
  height: 16px;
}
:where(#unit-partners) .chat-err{
  margin-top: -8px;
  padding-left: 4px;
  color: #c0362f;
  font-size: 12px;
  font-weight: 500;
}
:where(#unit-partners) .chat-preview{
  padding: 12px 16px;
  border-left: 3px solid var(--ink);
  border-radius: 12px;
  background: var(--bg-alt);
}
:where(#unit-partners) .chat-preview-h{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}
:where(#unit-partners) .chat-preview-l{
  color: #8a9494;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
:where(#unit-partners) .chat-preview-edit{
  min-height: 32px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
}
:where(#unit-partners) .chat-preview-t{
  color: var(--text);
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
:where(#unit-partners) .chat-mock{
  color: #8a9494;
  font-size: 12px;
  text-align: center;
}
:where(#unit-partners) .chat[data-skin="original"]{
  border-radius: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
}
:where(#unit-partners) .chat[data-skin="original"] .chat-title{
  font-size: 15px;
}
:where(#unit-partners) .chat[data-skin="original"] .chat-accent{
  background: #a6ce3a;
}
:where(#unit-partners) .chat[data-skin="original"] .chat-field{
  min-height: 48px;
  border-radius: 9px;
  font-size: 15px;
}
:where(#unit-partners) .chat[data-skin="original"] .chat-heading{
  font-size: 19px;
  font-weight: 700;
}
:where(#unit-partners) .chat[data-skin="original"] .chat-btn{
  min-height: 50px;
  border-radius: 9px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-transform: none;
}
:where(#unit-partners) .sheet{
  position: fixed;
  inset: 0;
  z-index: 60;
}
:where(#unit-partners) .sheet[hidden]{
  display: none;
}
:where(#unit-partners) .sheet-backdrop{
  position: absolute;
  inset: 0;
  background: rgb(10 42 42 / 50%);
  animation: partners-fade 0.25s both;
}
:where(#unit-partners) .sheet-panel{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 88svh;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 22px max(20px, env(safe-area-inset-right, 0px)) calc(28px + env(safe-area-inset-bottom, 0px))
    max(20px, env(safe-area-inset-left, 0px));
  border-radius: 24px 24px 0 0;
  background: #fff;
  color: var(--ink);
  animation: partners-up 0.35s var(--ease) both;
}
:where(#unit-partners) .sheet-close{
  position: absolute;
  top: 10px;
  right: 10px;
}
:where(#unit-partners) .sheet h3{
  padding-right: 48px;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.1;
}
:where(#unit-partners) .sheet p{
  margin-top: 12px;
  color: var(--muted);
  font-size: 15px;
}
:where(#unit-partners) .sheet p strong{
  color: var(--ink);
  font-weight: 600;
}
@media (min-width: 760px) {:where(#unit-partners) .sheet-panel{
    top: 0;
    left: auto;
    width: min(460px, 100vw);
    max-height: none;
    padding: 36px 36px 32px;
    border-radius: 24px 0 0 24px;
    animation-name: partners-in;
  }}
@keyframes partners-fade {
  from {
    opacity: 0;
  }
}
@keyframes partners-up {
  from {
    transform: translateY(100%);
  }
}
@keyframes partners-in {
  from {
    transform: translateX(100%);
  }
}
:where(#unit-partners) .zip{
  display: flex;
  gap: 8px;
  margin-top: 20px;
}
:where(#unit-partners) .zip input{
  flex: 1;
  min-width: 0;
  min-height: 52px;
  padding: 0 18px;
  border: 1px solid var(--line);
  border-radius: 100px;
  background: var(--bg-alt);
  color: var(--text);
  font-size: 16px;
  letter-spacing: 0.04em;
}
:where(#unit-partners) .zip input::placeholder{
  color: #8a9494;
  letter-spacing: 0;
}
:where(#unit-partners) .zip button{
  flex: none;
  min-height: 52px;
  padding: 0 22px;
  border: 0;
  border-radius: 100px;
  background: var(--ink);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
:where(#unit-partners) .zip-out{
  min-height: 24px;
  margin-top: 12px;
  font-size: 15px;
  font-weight: 500;
}
:where(#unit-partners) .zip-out[data-ok="true"]{
  color: var(--ink);
}
:where(#unit-partners) .zip-out[data-ok="false"]{
  color: #8a4b2a;
}
:where(#unit-partners) .toast{
  position: fixed;
  top: calc(var(--nav-h) + 12px);
  left: 50%;
  z-index: 70;
  max-width: calc(100vw - 32px);
  padding: 10px 16px;
  border-radius: 100px;
  background: rgb(10 42 42 / 92%);
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
  text-align: center;
  transform: translate(-50%, -8px);
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}
:where(#unit-partners) .toast[data-on="true"]{
  transform: translate(-50%, 0);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {:where(#unit-partners) *,:where(#unit-partners) *::before,:where(#unit-partners) *::after{
    animation: none !important;
    transition: none !important;
  }}
:where(#unit-partners) .ft-b{
  padding: 56px 0 calc(24px + env(safe-area-inset-bottom, 0px));
}
:where(#unit-partners) .b-eyebrow{
  color: var(--on-deep-3);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
:where(#unit-partners) .b-title{
  margin-top: 10px;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.05em;
}
:where(#unit-partners) .b-line{
  max-width: 30ch;
  margin-top: 14px;
  color: var(--on-deep-2);
  font-size: 16px;
}
:where(#unit-partners) .b-actions{
  display: grid;
  gap: 10px;
  margin-top: 26px;
}
:where(#unit-partners) .b-email{
  margin-top: 12px;
  color: var(--on-deep-3);
  font-size: 13px;
}
:where(#unit-partners) .b-email a{
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--on-deep-2);
  text-decoration: underline;
  text-underline-offset: 4px;
}
:where(#unit-partners) .b-rows{
  margin-top: 18px;
  border-top: 1px solid var(--on-deep-line);
}
:where(#unit-partners) .b-rows li{
  border-bottom: 1px solid var(--on-deep-line);
}
:where(#unit-partners) .b-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 72px;
  padding: 12px 0;
  border: 0;
  background: none;
  color: #fff;
  text-align: left;
}
:where(#unit-partners) .b-row strong{
  display: block;
  font-size: 16px;
  font-weight: 600;
}
:where(#unit-partners) .b-row span span{
  display: block;
  margin-top: 2px;
  color: var(--on-deep-2);
  font-size: 14px;
}
:where(#unit-partners) .b-row svg{
  flex: none;
  width: 20px;
  height: 20px;
  color: var(--on-deep-2);
}
:where(#unit-partners) .b-base{
  margin-top: 18px;
}
:where(#unit-partners) .b-base nav{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 20px;
  font-size: 14px;
}
:where(#unit-partners) .b-base nav .ft-link{
  color: var(--on-deep-2);
}
:where(#unit-partners) .b-sign{
  display: grid;
  justify-items: start;
  gap: 10px;
  margin-top: 16px;
  padding-top: 18px;
  border-top: 1px solid var(--on-deep-line);
}
:where(#unit-partners) .b-sign .ft-logo{
  width: 112px;
}
:where(#unit-partners) .b-legal{
  color: var(--on-deep-3);
  font-size: 12px;
}
@media (min-width: 760px) {:where(#unit-partners) .ft-b{
    padding: 96px 0 32px;
  }
:where(#unit-partners) .b-grid{
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 0 96px;
    align-items: end;
  }
:where(#unit-partners) .b-title{
    font-size: 64px;
  }
:where(#unit-partners) .b-line{
    font-size: 18px;
  }
:where(#unit-partners) .b-actions{
    grid-auto-flow: column;
    justify-content: start;
    gap: 12px;
    margin-top: 32px;
  }
:where(#unit-partners) .b-rows{
    margin-top: 0;
  }
:where(#unit-partners) .b-row{
    min-height: 84px;
  }
:where(#unit-partners) .b-row strong{
    font-size: 18px;
  }
:where(#unit-partners) .b-base{
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 32px;
    margin-top: 72px;
    padding-top: 16px;
    border-top: 1px solid var(--on-deep-line);
  }
:where(#unit-partners) .b-base nav{
    display: flex;
    gap: 0 24px;
  }
:where(#unit-partners) .b-sign{
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
:where(#unit-partners) .b-sign .ft-logo{
    width: 120px;
  }
:where(#unit-partners) .b-legal{
    text-align: right;
  }}
#unit-partners[data-chat="round"] .fab{
  display: grid;
  transition:
    bottom 0.28s ease,
    opacity 0.25s ease,
    transform 0.25s var(--ease);
}
@media (max-width: 700px) {#unit-partners[data-chat="round"] .fab{
    right: max(16px, env(safe-area-inset-right, 0px));
    bottom: calc(var(--lift, 16px) + env(safe-area-inset-bottom, 0px));
    width: 52px;
    height: 52px;
  }}
:where(#unit-partners) .close-link{
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: inherit;
  font-size: 15px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
:where(#unit-partners) .film-toggle.top{
  top: 16px;
  bottom: auto;
}
:where(#unit-partners) .stub-members{
  padding-block: 64px 72px;
  background: #fff;
}
:where(#unit-partners) .stub-members .label-sm,:where(#unit-partners) .band .label-sm{
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
:where(#unit-partners) .stub-members blockquote{
  margin: 14px 0 0;
  color: var(--ink);
  font-size: 40px;
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -0.05em;
}
:where(#unit-partners) .stub-members .attrib{
  margin-top: 14px;
  color: var(--muted);
  font-size: 15px;
}
:where(#unit-partners) .stub-members .more{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--ink);
  font-size: 15px;
  font-weight: 600;
}
:where(#unit-partners) .stub-members .more svg{
  width: 18px;
  height: 18px;
}
:where(#unit-partners) .stub-plans{
  padding-block: 64px 96px;
  background: var(--bg-alt);
}
:where(#unit-partners) .stub-plans h2{
  color: var(--ink);
  font-size: 37px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.055em;
}
:where(#unit-partners) .stub-plans .lede{
  margin-top: 10px;
  color: var(--ink);
  font-size: 18px;
}
:where(#unit-partners) .stub-plans .promise-top{
  margin-top: 6px;
  color: var(--muted);
  font-size: 15px;
}
:where(#unit-partners) .stub-plans ul{
  display: grid;
  gap: 10px;
  margin-top: 28px;
}
:where(#unit-partners) .stub-plans li{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 16px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
}
:where(#unit-partners) .stub-plans li.on{
  border-color: var(--ink);
  box-shadow: inset 0 0 0 1px var(--ink);
}
:where(#unit-partners) .stub-plans li strong{
  color: var(--ink);
  font-size: 17px;
  font-weight: 600;
}
:where(#unit-partners) .stub-plans li span{
  grid-column: 1;
  color: var(--muted);
  font-size: 14px;
}
:where(#unit-partners) .stub-plans li b{
  grid-row: 1 / span 2;
  grid-column: 2;
  color: var(--ink);
  font-size: 18px;
  font-weight: 600;
}
:where(#unit-partners) .stub-plans .promise{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  color: var(--ink);
  font-size: 14px;
}
:where(#unit-partners) .stub-plans .promise svg{
  flex: none;
  width: 18px;
  height: 18px;
  color: var(--ink);
}
:where(#unit-partners) .context-tag{
  margin-bottom: 18px;
  color: #9aa3a3;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
@media (min-width: 760px) {:where(#unit-partners) .stub-members{
    padding-block: 96px;
  }
:where(#unit-partners) .stub-members blockquote{
    font-size: 64px;
  }
:where(#unit-partners) .stub-plans{
    padding-block: 96px 120px;
  }
:where(#unit-partners) .stub-plans h2{
    font-size: 58px;
  }
:where(#unit-partners) .stub-plans ul{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 900px;
  }}
:where(#unit-partners) .band{
  position: relative;
}
:where(#unit-partners) .names{
  margin: 0;
  padding: 0;
  list-style: none;
}
:where(#unit-partners) .samples-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font-size: 15px;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
:where(#unit-partners) .band-a{
  padding-block: 36px 40px;
  border-top: 1px solid var(--line);
  background: #fff;
  text-align: center;
}
:where(#unit-partners) .band-a .names{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 28px;
  margin: 16px auto 0;
}
:where(#unit-partners) .band-a .names li{
  color: var(--ink);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 760px) {:where(#unit-partners) .band-a{
    padding-block: 48px;
  }
:where(#unit-partners) .band-a .names{
    gap: 12px 56px;
  }
:where(#unit-partners) .band-a .names li{
    font-size: 17px;
  }}
:where(#unit-partners) .band-a .venue-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:25px 20px;margin:26px auto 0;max-width:620px}
:where(#unit-partners) .venue-logos li{display:flex;align-items:center;justify-content:center;flex:0 0 calc((100% - 40px) / 3);height:52px;max-width:160px}
:where(#unit-partners) .venue-logos img{display:block;object-fit:contain;width:100%;height:100%;filter:brightness(0);opacity:.72}
:where(#unit-partners) .venue-logos .mgm img{max-width:84px}
:where(#unit-partners) .venue-logos .tao img{max-width:90px}
:where(#unit-partners) .venue-logos .bellagio img{max-width:105px}
:where(#unit-partners) .venue-logos .four-seasons,:where(#unit-partners) .venue-logos .summit{flex-basis:calc((100% - 40px) / 3);max-width:125px}
:where(#unit-partners) .venue-logos .four-seasons img{max-width:108px}
:where(#unit-partners) .venue-logos .summit img{max-width:91px}
@media(min-width:760px){:where(#unit-partners) .band-a .venue-logos{max-width:960px;flex-wrap:nowrap;gap:42px;margin-top:28px}
:where(#unit-partners) .venue-logos li,:where(#unit-partners) .venue-logos .four-seasons,:where(#unit-partners) .venue-logos .summit{flex:1;max-width:150px;height:60px}
:where(#unit-partners) .venue-logos .mgm img{max-width:106px}
:where(#unit-partners) .venue-logos .tao img{max-width:110px}
:where(#unit-partners) .venue-logos .bellagio img{max-width:140px}
:where(#unit-partners) .venue-logos .four-seasons img{max-width:137px}
:where(#unit-partners) .venue-logos .summit img{max-width:110px}}
@font-face{font-family:"Work Sans";src:url("/versions/taste/media/work-sans-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
#unit-comparison,#unit-comparison{margin:0;background:white}
:where(#unit-comparison) [hidden]{display:none!important}
#unit-comparison.cf-site #comparison{padding:60px 0;background:white;color:#144444;border:0}
#unit-comparison.cf-site #comparison .ec-wrap{width:min(1100px,100% - 96px);margin:auto}
#unit-comparison.cf-site #comparison .ec-heading{font-size:clamp(34px,3.8vw,52px);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin:0 0 14px}
#unit-comparison.cf-site #comparison .ec-br{display:none}
#unit-comparison.cf-site #comparison .ec-lead{font-size:18px;line-height:1.5;color:#405e51;max-width:48ch;margin:0 0 28px}
#unit-comparison.cf-site #comparison .ec-table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0;font-size:16px;line-height:1.4}
#unit-comparison.cf-site #comparison .ec-table th,#unit-comparison.cf-site #comparison .ec-table td{width:23%;text-align:center;vertical-align:middle;padding:18px 12px;border-bottom:1px solid #e1e7e4}
#unit-comparison.cf-site #comparison .ec-table tr>:first-child{width:31%;text-align:left;padding-left:0;padding-right:14px}
#unit-comparison.cf-site #comparison .ec-table tbody th{font-weight:500}
#unit-comparison.cf-site #comparison .ec-table thead th{font-size:16px;line-height:1.3;font-weight:600;padding-top:10px;padding-bottom:18px}
#unit-comparison.cf-site #comparison .ec-table .ec-feature-heading{border-bottom-color:#e1e7e4}
#unit-comparison.cf-site #comparison .ec-table .ec-mix{background:#f1f5ec;color:#144444;font-weight:550;border-bottom-color:#e1e7e4}
#unit-comparison.cf-site #comparison .ec-table thead .ec-mix{border-top:2px solid #a4cd3a;border-radius:18px 18px 0 0}
#unit-comparison.cf-site #comparison .ec-table td:not(.ec-mix){color:#50655d}
#unit-comparison.cf-site #comparison .ec-table tbody tr:last-child>*{border-bottom:0}
#unit-comparison.cf-site #comparison .ec-table tbody tr:last-child .ec-mix{border-radius:0 0 18px 18px}
#unit-comparison.cf-site #comparison .ec-product-image{height:76px;width:96px;margin:0 auto 9px}
#unit-comparison.cf-site #comparison .ec-product-icon{height:76px;width:48px;padding:15px 0;margin:0 auto 9px;color:#819087}
#unit-comparison.cf-site #comparison .ec-note{color:#65746b;font-size:12px;line-height:1.5;margin:16px 0 0;max-width:70ch}
#unit-comparison.cf-site #comparison .ec-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:22px}
#unit-comparison.cf-site #comparison .ec-order{background:#a4cd3a;color:#0a2a2a;border:0;border-radius:40px;min-height:48px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;touch-action:manipulation}
#unit-comparison.cf-site #comparison .ec-expand{display:inline-flex;gap:8px;align-items:center;min-height:44px;border:0;background:transparent;padding:10px 0;color:#144444;font:500 14px/1.4 "Work Sans",sans-serif;cursor:pointer;touch-action:manipulation}
#unit-comparison.cf-site #comparison .ec-expand-label{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
#unit-comparison.cf-site #comparison .ec-expand[aria-expanded=true] svg{transform:rotate(180deg)}
#unit-comparison.cf-site #comparison :is(.ec-expand,.ec-order):focus-visible{outline:2px solid #144444;outline-offset:4px}
#unit-comparison.cf-site #comparison .ec-details{border-top:1px solid #dce3da;margin-top:24px;padding-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#unit-comparison.cf-site #comparison .ec-detail h3{font-size:20px;line-height:1.2;letter-spacing:-.035em;font-weight:550;margin:0 0 12px;text-wrap:pretty}
#unit-comparison.cf-site #comparison .ec-detail p{font-size:15px;line-height:1.6;color:#294e3d;margin:0}
#unit-comparison.cf-site #comparison .ec-detail .ec-alternative{font-size:13px;line-height:1.55;color:#596d62;margin-top:12px}
@media(max-width:700px){#unit-comparison.cf-site #comparison{padding:36px 0 38px}
#unit-comparison.cf-site #comparison .ec-wrap{width:calc(100% - 40px)}
#unit-comparison.cf-site #comparison .ec-heading{font-size:32px;line-height:1.08;letter-spacing:-.047em;margin-bottom:12px}
#unit-comparison.cf-site #comparison .ec-br{display:inline}
#unit-comparison.cf-site #comparison .ec-lead{font-size:15px;line-height:1.5;margin-bottom:22px;max-width:34ch}
#unit-comparison.cf-site #comparison .ec-table th,#unit-comparison.cf-site #comparison .ec-table td{width:23%;font-size:14px;line-height:1.35;padding:15px 4px;height:58px;overflow-wrap:normal;hyphens:none}
#unit-comparison.cf-site #comparison .ec-table tr>:first-child{width:31%;padding-left:0;padding-right:8px}
#unit-comparison.cf-site #comparison .ec-table thead th{font-size:13px;line-height:1.3;padding-top:10px;padding-bottom:14px}
#unit-comparison.cf-site #comparison .ec-product-image{width:72px;height:56px;margin-bottom:8px}
#unit-comparison.cf-site #comparison .ec-product-icon{width:34px;height:56px;padding:10px 0;margin-bottom:8px}
#unit-comparison.cf-site #comparison .ec-note{font-size:12px;margin-top:14px}
#unit-comparison.cf-site #comparison .ec-actions{gap:16px;margin-top:18px}
#unit-comparison.cf-site #comparison .ec-order{font-size:13px;min-height:48px;padding:14px 21px}
#unit-comparison.cf-site #comparison .ec-expand{font-size:13px}
#unit-comparison.cf-site #comparison .ec-details{display:block;margin-top:22px;padding-top:24px}
#unit-comparison.cf-site #comparison .ec-detail+.ec-detail{margin-top:23px;padding-top:23px;border-top:1px solid #e4e9e1}
#unit-comparison.cf-site #comparison .ec-detail h3{font-size:19px;margin-bottom:10px}
#unit-comparison.cf-site #comparison .ec-detail p{font-size:14px;line-height:1.6}
#unit-comparison.cf-site #comparison .ec-detail .ec-alternative{font-size:12px;margin-top:10px}}
@media(max-width:350px){#unit-comparison.cf-site #comparison .ec-wrap{width:calc(100% - 32px)}
#unit-comparison.cf-site #comparison .ec-heading{font-size:29px}
#unit-comparison.cf-site #comparison .ec-table th,#unit-comparison.cf-site #comparison .ec-table td{font-size:13px;padding-inline:3px}
#unit-comparison.cf-site #comparison .ec-table thead th{font-size:12px}
#unit-comparison.cf-site #comparison .ec-product-image{width:62px;height:52px}
#unit-comparison.cf-site #comparison .ec-order{padding-inline:18px}
#unit-comparison.cf-site #comparison .ec-actions{gap:13px}}
#unit-comparison.cf-site #comparison .ec-table .ec-mix{background:#144444;color:#fff;border-bottom-color:rgba(255,255,255,.18)}
#unit-comparison.cf-site #comparison .ec-table .ec-mix .ec-yes svg{color:#b5d94b}
#unit-comparison.cf-site #comparison .ec-table thead th>span{hyphens:manual}
#unit-comparison.cf-site #comparison .ec-price{display:block}
#unit-comparison.cf-site #comparison .ec-price strong{display:block;font-size:20px;font-weight:600;line-height:1.3}
#unit-comparison.cf-site #comparison .ec-price>span{display:block;font-size:12px;font-weight:400;line-height:1.4;margin-top:3px}
@media(max-width:700px){#unit-comparison.cf-site #comparison .ec-price strong{font-size:16px}
#unit-comparison.cf-site #comparison .ec-price>span{font-size:11px}}
:where(#unit-plans) *{box-sizing:border-box}
#unit-plans{scroll-behavior:smooth}
#unit-plans{margin:0;background:#fff;color:#202622;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
:where(#unit-plans) button,:where(#unit-plans) a{font:inherit}
:where(#unit-plans) button{color:inherit;cursor:pointer}
:where(#unit-plans) a{color:inherit;text-decoration:none}
:where(#unit-plans) button:focus-visible,:where(#unit-plans) a:focus-visible,:where(#unit-plans) summary:focus-visible{outline:3px solid #5f826b;outline-offset:5px}
:where(#unit-plans) h1,:where(#unit-plans) h2,:where(#unit-plans) p,:where(#unit-plans) figure{margin:0}
:where(#unit-plans) .product-plans{width:min(1240px,calc(100% - 96px));margin:auto;padding:58px 0 30px}
:where(#unit-plans) .product-head{display:grid;grid-template-columns:1fr 365px;gap:60px;align-items:end}
:where(#unit-plans) .eyebrow{font-size:12px;line-height:1.3;color:#54745b;font-weight:600;letter-spacing:.015em;margin-bottom:16px}
:where(#unit-plans) h1{font-size:clamp(48px,5vw,72px);line-height:1.025;letter-spacing:-.055em;font-weight:600;color:#1c2420}
:where(#unit-plans) h1 span{color:#91ac55}
:where(#unit-plans) .head-note{padding-bottom:5px}
:where(#unit-plans) .head-note p:first-child{font-size:20px;line-height:1.45;letter-spacing:-.025em;color:#425447}
:where(#unit-plans) .head-note p+p{font-size:12px;line-height:1.6;color:#7c847c;margin-top:12px}
:where(#unit-plans) .product-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:76px;align-items:start;margin-top:48px}
:where(#unit-plans) .gallery-column{position:sticky;top:28px;min-width:0}
:where(#unit-plans) .gallery{position:relative}
:where(#unit-plans) .product-stage{aspect-ratio:1.18;border-radius:27px;background:#f3f4f0;display:grid;place-items:center;overflow:hidden;isolation:isolate}
:where(#unit-plans) .product-photo{display:block;width:92%;height:88%;object-fit:contain;filter:drop-shadow(0 19px 18px #26362d0d)}
:where(#unit-plans) .meal-photo{width:100%;height:100%;object-fit:cover;object-position:center 70%}
:where(#unit-plans) .product-stage.meal-view{position:relative}
:where(#unit-plans) .product-stage.meal-view>.meal-photo{position:absolute;inset:0}
:where(#unit-plans) .gallery figcaption{font-size:11px;line-height:1.5;color:#7c847c;margin-top:15px;text-align:center}
:where(#unit-plans) .view-tabs{display:flex;gap:11px;justify-content:center;margin-top:19px}
:where(#unit-plans) .view-tabs button{border:0;background:none;padding:0;font-size:10px;line-height:1.4;color:#7c847c;text-align:center}
:where(#unit-plans) .view-tabs button>span{display:block;width:72px;height:49px;border:1px solid #e2e5df;border-radius:9px;overflow:hidden;padding:4px;margin-bottom:6px;background:#f3f4f0}
:where(#unit-plans) .view-tabs img{width:100%;height:100%;object-fit:contain;display:block}
:where(#unit-plans) .view-tabs button[data-view=meal]>span{padding:0}
:where(#unit-plans) .view-tabs button[data-view=meal] img{object-fit:cover;object-position:center 72%}
:where(#unit-plans) .view-tabs button[aria-pressed=true]>span{border:2px solid #2e5140;padding:3px}
:where(#unit-plans) .view-tabs button[data-view=meal][aria-pressed=true]>span{padding:0}
:where(#unit-plans) .view-tabs button[aria-pressed=true]{color:#244632}
:where(#unit-plans) .configuration-column{min-width:0;padding-top:1px}
:where(#unit-plans) .config-label{font-size:15px;line-height:1.4;letter-spacing:-.02em;font-weight:500;color:#626d64}
:where(#unit-plans) .audience{display:flex;background:#f4f5f2;border-radius:12px;padding:4px;margin-top:12px}
:where(#unit-plans) .audience button{flex:1;border:0;border-radius:9px;height:40px;background:none;color:#7b847b;font-size:13px;font-weight:500}
:where(#unit-plans) .audience button[aria-pressed=true]{background:#fff;color:#223c2b;box-shadow:0 1px 5px #23342410}
:where(#unit-plans) .config-title{font-size:25px;line-height:1.2;letter-spacing:-.04em;font-weight:550;margin-top:28px;color:#1f2921}
:where(#unit-plans) .recommendation{font-size:12px;line-height:1.5;color:#7c847c;margin-top:7px}
:where(#unit-plans) .plan-options{display:grid;gap:11px;margin-top:20px}
:where(#unit-plans) .plan-option{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:13px;align-items:center;width:100%;text-align:left;padding:20px 16px;border:1px solid #dce1d9;border-radius:15px;background:#fff;min-height:99px;transition:border-color .15s,background .15s;box-shadow:none}
:where(#unit-plans) .plan-option:hover{border-color:#9cab9c}
:where(#unit-plans) .plan-option[aria-pressed=true]{border:2px solid #284f37;padding:19px 15px;background:#f9fbf7}
:where(#unit-plans) .selection-dot{width:16px;height:16px;border:1px solid #c9d2c6;border-radius:50%;display:grid;place-items:center}
:where(#unit-plans) .plan-option[aria-pressed=true] .selection-dot{border-color:#31573e}
:where(#unit-plans) .plan-option[aria-pressed=true] .selection-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:#31573e}
:where(#unit-plans) .option-copy{min-width:0;display:block}
:where(#unit-plans) .option-name{display:block;font-size:19px;font-weight:550;letter-spacing:-.03em;line-height:1.25}
:where(#unit-plans) .recommendation-tag{display:block;font-size:9px;font-weight:500;line-height:1.3;letter-spacing:0;color:#67834f;margin-top:3px}
:where(#unit-plans) .option-quantity{display:block;font-size:10px;line-height:1.6;color:#7b847b;margin-top:6px}
:where(#unit-plans) .option-quantity>span{padding:0 2px}
:where(#unit-plans) .option-price{display:block;text-align:right;align-self:center;color:#27372b}
:where(#unit-plans) .option-price strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.04em;line-height:1.2}
:where(#unit-plans) .option-price>span{display:block;font-size:10px;color:#8b928a;line-height:1.5;margin-top:3px}
:where(#unit-plans) .purchase{margin-top:23px}
:where(#unit-plans) .purchase-line{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#7c847c;align-items:baseline}
:where(#unit-plans) .purchase-line>p:first-child{font-size:12px;color:#394d3d}
:where(#unit-plans) .purchase-line strong{font-size:18px;font-weight:500;color:#2b3d2e;letter-spacing:-.03em}
:where(#unit-plans) .continue{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:52px;border-radius:99px;background:#264d37;color:#fff;font-size:13px;line-height:1.3;font-weight:500;letter-spacing:-.01em;transition:background .15s;margin-top:13px}
:where(#unit-plans) .continue:hover{background:#386249}
:where(#unit-plans) .continue svg{width:19px;height:19px}
:where(#unit-plans) .selection-description{font-size:10px;line-height:1.6;color:#8b928a;text-align:center;margin-top:12px}
:where(#unit-plans) .support-details{margin-top:25px;border-top:1px solid #e5e8e2}
:where(#unit-plans) .support-details details{border-bottom:1px solid #e5e8e2}
:where(#unit-plans) .support-details summary{display:flex;justify-content:space-between;gap:20px;padding:16px 0;cursor:pointer;list-style:none;font-size:12px;color:#5f7262}
:where(#unit-plans) .support-details summary::-webkit-details-marker{display:none}
:where(#unit-plans) .support-details summary>span{color:#8d9a8e;font-size:16px;font-weight:300}
:where(#unit-plans) .support-details details[open] summary>span{transform:rotate(45deg)}
:where(#unit-plans) .support-details ul{padding:0;list-style:none;display:grid;gap:14px;margin:4px 0 19px}
:where(#unit-plans) .support-details li{display:flex;align-items:start;gap:10px;font-size:11px;line-height:1.6;color:#758171}
:where(#unit-plans) .support-details li svg{flex-shrink:0;width:14px;height:14px;margin-top:2px;color:#617b56}
:where(#unit-plans) .support-details details>p{font-size:10px;line-height:1.7;color:#8a9487;margin-bottom:18px}
:where(#unit-plans) .support-details table{table-layout:fixed;width:100%;font-size:9px;border-collapse:collapse;line-height:1.6;margin:0 0 16px;color:#71806b}
:where(#unit-plans) .support-details th,:where(#unit-plans) .support-details td{padding:12px 5px;border-bottom:1px solid #e6eae0;overflow-wrap:anywhere;vertical-align:top;text-align:left}
:where(#unit-plans) .support-details th{font-weight:500;color:#4d654c}
:where(#unit-plans) .support-details th:first-child{width:23%}
:where(#unit-plans) .customer-quote{margin:30px auto 0;max-width:470px;text-align:center}
:where(#unit-plans) .stars{font-size:10px;line-height:1.5;color:#8a9485;display:flex;justify-content:center;gap:8px;align-items:center}
:where(#unit-plans) .stars>span:first-child{display:flex;gap:1px;color:#7c916b}
:where(#unit-plans) .stars svg{width:9px;height:9px}
:where(#unit-plans) .customer-quote blockquote{font-size:15px;line-height:1.55;letter-spacing:-.02em;color:#62705e;margin:12px 0 0;font-weight:400}
:where(#unit-plans) .customer-quote figcaption{font-size:10px;color:#8a9485;margin-top:10px}
:where(#unit-plans) .mobile-quote{display:none}
:where(#unit-plans) .promise{font-size:12px;line-height:1.7;color:#8b9486;text-align:center;border-top:1px solid #e9ece5;padding-top:24px;margin-top:48px}
:where(#unit-plans) .buy-bar{display:none}
:where(#unit-plans) .pack-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:8px;width:90%;height:88%;padding:13px}
:where(#unit-plans) .pack-grid img{width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 8px 10px #23372208)}
:where(#unit-plans) .counter{border:1px solid #e0e5d9;border-radius:17px;display:flex;align-items:center;justify-content:space-between;padding:24px 20px;margin-top:22px;background:#f7f9f3;gap:15px}
:where(#unit-plans) .counter button{width:37px;height:37px;flex-shrink:0;border:1px solid #d9e0d3;border-radius:50%;background:#fff;font-size:22px;font-weight:300;color:#53694a}
:where(#unit-plans) .counter button:disabled{opacity:.35;cursor:default}
:where(#unit-plans) .counter p{text-align:center}
:where(#unit-plans) .counter strong{font-size:35px;line-height:1;font-weight:500;display:block;letter-spacing:-.05em;color:#354a2f}
:where(#unit-plans) .counter p span{font-size:11px;line-height:1.5;display:block;margin-top:6px;color:#8b9682}
:where(#unit-plans) .household-intro{font-size:12px;line-height:1.6;margin-top:12px;color:#7b8a72}
:where(#unit-plans) .household-fit,:where(#unit-plans) .household-note{font-size:11px;line-height:1.6;text-align:center;color:#7b8a72;margin-top:12px}
:where(#unit-plans) .household-note{font-size:10px}
:where(#unit-plans) .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1500px){:where(#unit-plans) .product-layout{gap:90px;grid-template-columns:minmax(0,1fr) 390px}
:where(#unit-plans) .product-head{grid-template-columns:1fr 390px}}
@media(max-width:1050px){:where(#unit-plans) .product-plans{width:calc(100% - 56px)}
:where(#unit-plans) .product-layout{gap:40px;grid-template-columns:minmax(0,1fr) 335px}
:where(#unit-plans) .product-head{gap:40px;grid-template-columns:1fr 335px}
:where(#unit-plans) h1{font-size:58px}
:where(#unit-plans) .head-note p:first-child{font-size:18px}
:where(#unit-plans) .product-stage{aspect-ratio:1.05}
:where(#unit-plans) .plan-option{padding-inline:13px;gap:10px}
:where(#unit-plans) .plan-option[aria-pressed=true]{padding-inline:12px}
:where(#unit-plans) .option-name{font-size:18px}}
@media(max-width:760px){:where(#unit-plans) .product-plans{width:calc(100% - 36px);padding-top:29px;padding-bottom:0}
:where(#unit-plans) .product-head{display:block}
:where(#unit-plans) .eyebrow{font-size:10px;margin-bottom:12px}
:where(#unit-plans) h1{font-size:43px;line-height:1.02;letter-spacing:-.05em}
:where(#unit-plans) .head-note{padding:0;margin-top:14px}
:where(#unit-plans) .head-note p:first-child{font-size:15px;line-height:1.5;letter-spacing:-.02em}
:where(#unit-plans) .head-note p+p{display:none}
:where(#unit-plans) .product-layout{display:flex;flex-direction:column;gap:25px;margin-top:25px}
:where(#unit-plans) .gallery-column{position:static;width:100%}
:where(#unit-plans) .product-stage{aspect-ratio:1.55;border-radius:19px}
:where(#unit-plans) .product-photo{width:82%;height:88%;filter:drop-shadow(0 10px 12px #26362d0c)}
:where(#unit-plans) .gallery figcaption{font-size:9px;margin-top:9px}
:where(#unit-plans) .view-tabs{gap:9px;margin-top:13px}
:where(#unit-plans) .view-tabs button{font-size:9px}
:where(#unit-plans) .view-tabs button>span{width:54px;height:36px;border-radius:7px;padding:3px;margin-bottom:4px}
:where(#unit-plans) .view-tabs button[aria-pressed=true]>span{padding:2px}
:where(#unit-plans) .desktop-quote{display:none}
:where(#unit-plans) .configuration-column{width:100%;padding:0}
:where(#unit-plans) .config-label{font-size:13px;letter-spacing:-.01em}
:where(#unit-plans) .audience{margin-top:9px;padding:3px;border-radius:11px}
:where(#unit-plans) .audience button{font-size:12px;height:38px;border-radius:8px}
:where(#unit-plans) .config-title{font-size:23px;line-height:1.2;margin-top:24px}
:where(#unit-plans) .recommendation{font-size:11px;margin-top:5px}
:where(#unit-plans) .plan-options{margin-top:15px;gap:10px}
:where(#unit-plans) .plan-option{min-height:92px;padding:17px 14px;gap:12px;grid-template-columns:17px minmax(0,1fr) auto;border-radius:14px}
:where(#unit-plans) .plan-option[aria-pressed=true]{padding:16px 13px}
:where(#unit-plans) .option-name{font-size:19px}
:where(#unit-plans) .recommendation-tag{display:inline;font-size:8px;margin-left:8px;white-space:nowrap}
:where(#unit-plans) .option-quantity{font-size:10px;line-height:1.5;margin-top:7px}
:where(#unit-plans) .option-price strong{font-size:20px}
:where(#unit-plans) .option-price>span{font-size:10px}
:where(#unit-plans) .purchase{display:none}
:where(#unit-plans) .support-details{margin-top:23px}
:where(#unit-plans) .support-details summary{font-size:12px;padding:16px 0}
:where(#unit-plans) .mobile-quote{display:block;margin-top:25px;max-width:350px}
:where(#unit-plans) .customer-quote blockquote{font-size:14px;line-height:1.55}
:where(#unit-plans) .stars{font-size:9px}
:where(#unit-plans) .promise{font-size:11px;line-height:1.8;padding-top:22px;margin-top:27px;margin-bottom:26px}
:where(#unit-plans) .buy-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;position:sticky;z-index:4;bottom:0;margin:0 -18px;padding:11px 18px max(11px,env(safe-area-inset-bottom));background:#fffffff2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid #e7ebe2}
:where(#unit-plans) .bar-selection>p:first-child{font-size:11px;line-height:1.3;color:#52654e}
:where(#unit-plans) .bar-selection>p+p{font-size:10px;line-height:1.3;color:#929b8c;margin-top:4px}
:where(#unit-plans) .bar-selection strong{font-size:16px;line-height:1;font-weight:500;letter-spacing:-.025em;color:#354e31}
:where(#unit-plans) .buy-bar .continue{margin:0;min-height:46px;min-width:164px;gap:8px;padding:12px 15px;font-size:12px}
:where(#unit-plans) .buy-bar .continue svg{width:16px;height:16px}
:where(#unit-plans) .pack-grid{padding:8px;gap:4px}}
@media(max-width:359px){:where(#unit-plans) .product-plans{width:calc(100% - 28px)}
:where(#unit-plans) h1{font-size:39px}
:where(#unit-plans) .product-layout{gap:23px}
:where(#unit-plans) .product-stage{aspect-ratio:1.45}
:where(#unit-plans) .head-note p:first-child{font-size:14px}
:where(#unit-plans) .plan-option{padding:15px 11px;gap:10px;min-height:90px}
:where(#unit-plans) .plan-option[aria-pressed=true]{padding:14px 10px}
:where(#unit-plans) .option-name{font-size:17px}
:where(#unit-plans) .recommendation-tag{display:block;margin:3px 0 0}
:where(#unit-plans) .option-quantity{font-size:9px;margin-top:6px}
:where(#unit-plans) .option-price strong{font-size:18px}
:where(#unit-plans) .option-price>span{font-size:9px}
:where(#unit-plans) .buy-bar{margin-inline:-14px;padding-inline:14px;gap:9px}
:where(#unit-plans) .buy-bar .continue{min-width:145px;font-size:11px;padding-inline:11px}
:where(#unit-plans) .bar-selection>p:first-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){#unit-plans{scroll-behavior:auto}
:where(#unit-plans) *{transition:none!important;animation:none!important}}
:where(#unit-plans) .option-quantity{font-size:11px;color:#66735f}
:where(#unit-plans) .option-price>span{font-size:11px;color:#6d7966}
:where(#unit-plans) .recommendation-tag{font-size:10px;color:#557043}
:where(#unit-plans) .recommendation{color:#6c7865}
:where(#unit-plans) .gallery figcaption{color:#6d7868}
@media(max-width:760px){:where(#unit-plans) .option-quantity{font-size:11px}
:where(#unit-plans) .recommendation-tag{font-size:9px}
:where(#unit-plans) .option-price>span{font-size:10px}}
@media(max-width:359px){:where(#unit-plans) .option-quantity{font-size:10px}
:where(#unit-plans) .recommendation-tag{font-size:9px}}
:where(#unit-plans) .audience button{min-height:44px}
:where(#unit-plans) .counter button{width:44px;height:44px}
@font-face{font-family:"Work Sans";src:url(/versions/plans/assets/today/work-sans-latin.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
#unit-plans{--brand:#144444;--deep:#0a2a2a;--lime:#a4cd3a;--soft:#f5f5f7;--line:#e8e8e8;--muted:#637272}
#unit-plans{font-family:"Work Sans",sans-serif;background:#fff;color:var(--brand)}
:where(#unit-plans) button:focus-visible,:where(#unit-plans) a:focus-visible,:where(#unit-plans) summary:focus-visible{outline-color:var(--brand)}
:where(#unit-plans) h1{color:var(--brand);font-size:clamp(48px,4.6vw,66px);font-weight:600;letter-spacing:-.035em;line-height:1.08}
:where(#unit-plans) h1 span{color:var(--lime)}
:where(#unit-plans) .eyebrow{color:var(--brand);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
:where(#unit-plans) .head-note p:first-child{color:var(--brand);letter-spacing:-.02em}
:where(#unit-plans) .head-note p+p{color:var(--muted);font-size:13px}
:where(#unit-plans) .product-stage{border-radius:24px;background:var(--soft)}
:where(#unit-plans) .product-photo{filter:drop-shadow(0 19px 18px #1444440d)}
:where(#unit-plans) .gallery figcaption{color:var(--muted);font-size:12px}
:where(#unit-plans) .view-tabs button{font-size:11px;color:var(--muted)}
:where(#unit-plans) .view-tabs button>span{background:var(--soft);border-color:var(--line);border-radius:12px}
:where(#unit-plans) .view-tabs button[aria-pressed=true]>span{border-color:var(--brand)}
:where(#unit-plans) .view-tabs button[aria-pressed=true]{color:var(--brand);font-weight:600}
:where(#unit-plans) .config-label{color:var(--brand);font-weight:600;letter-spacing:-.015em}
:where(#unit-plans) .config-title{color:var(--brand);font-weight:600;letter-spacing:-.025em}
:where(#unit-plans) .audience{background:var(--soft);border:1px solid var(--line);border-radius:100px;padding:4px}
:where(#unit-plans) .audience button{border-radius:100px;color:var(--brand);font-weight:600;font-size:13px}
:where(#unit-plans) .audience button[aria-pressed=true]{background:var(--brand);color:#fff;box-shadow:none}
:where(#unit-plans) .recommendation{color:var(--muted);font-size:13px}
:where(#unit-plans) .plan-option{border-color:var(--line);border-radius:20px;min-height:105px}
:where(#unit-plans) .plan-option:hover{border-color:var(--brand)}
:where(#unit-plans) .plan-option[aria-pressed=true]{border-color:var(--brand);background:#fff;box-shadow:0 0 0 1px #14444405}
:where(#unit-plans) .selection-dot{border-color:#a8b7b7}
:where(#unit-plans) .plan-option[aria-pressed=true] .selection-dot{border-color:var(--brand)}
:where(#unit-plans) .plan-option[aria-pressed=true] .selection-dot:after{background:var(--brand)}
:where(#unit-plans) .option-name{color:var(--brand);font-weight:600;letter-spacing:-.02em;font-size:20px}
:where(#unit-plans) .recommendation-tag{display:inline-block;margin-left:7px;background:var(--lime);color:var(--deep);padding:4px 7px;border-radius:100px;font-size:9px;letter-spacing:.055em;text-transform:uppercase;font-weight:700;line-height:1.2;margin-top:5px}
:where(#unit-plans) .option-quantity{color:var(--muted);font-size:12px;line-height:1.5}
:where(#unit-plans) .option-price{color:var(--brand)}
:where(#unit-plans) .option-price strong{font-size:20px;font-weight:500;letter-spacing:-.025em}
:where(#unit-plans) .option-price>span{color:var(--muted);font-size:11px}
:where(#unit-plans) .purchase-line,:where(#unit-plans) .purchase-line>p:first-child{color:var(--muted);font-size:12px}
:where(#unit-plans) .purchase-line strong{color:var(--brand)}
:where(#unit-plans) .continue{background:var(--lime);color:var(--brand);border-radius:100px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;min-height:52px;gap:13px}
:where(#unit-plans) .continue:hover{background:#b8db55}
:where(#unit-plans) .continue svg{stroke-width:1.5}
:where(#unit-plans) .selection-description{color:var(--muted);font-size:11px}
:where(#unit-plans) .support-details,:where(#unit-plans) .support-details details{border-color:var(--line)}
:where(#unit-plans) .support-details summary{color:var(--brand);font-size:13px;font-weight:500}
:where(#unit-plans) .support-details summary>span{color:var(--brand)}
:where(#unit-plans) .support-details li{font-size:12px;color:var(--muted)}
:where(#unit-plans) .support-details li svg{color:var(--brand);stroke-width:1.5}
:where(#unit-plans) .support-details details>p{font-size:12px;color:var(--muted)}
:where(#unit-plans) .support-details table{font-size:10px;color:var(--muted)}
:where(#unit-plans) .support-details th,:where(#unit-plans) .support-details td{border-color:var(--line)}
:where(#unit-plans) .support-details th{color:var(--brand)}
:where(#unit-plans) .customer-quote{max-width:490px}
:where(#unit-plans) .customer-quote blockquote{color:var(--brand);font-size:16px;letter-spacing:-.015em;line-height:1.6}
:where(#unit-plans) .customer-quote figcaption{color:var(--muted);font-size:12px}
:where(#unit-plans) .stars{color:var(--muted);font-size:11px}
:where(#unit-plans) .stars>span:first-child{color:var(--brand)}
:where(#unit-plans) .promise{color:var(--muted);font-size:13px;border-color:var(--line)}
:where(#unit-plans) .counter{border-color:var(--line);background:var(--soft);border-radius:20px}
:where(#unit-plans) .counter button{border-color:var(--line);color:var(--brand)}
:where(#unit-plans) .counter strong{color:var(--brand)}
:where(#unit-plans) .counter p span{color:var(--muted);font-size:12px}
:where(#unit-plans) .household-intro,:where(#unit-plans) .household-fit,:where(#unit-plans) .household-note{color:var(--muted);font-size:12px}
:where(#unit-plans) .buy-bar{border-color:var(--line)}
:where(#unit-plans) .bar-selection>p:first-child{color:var(--brand)}
:where(#unit-plans) .bar-selection>p+p{color:var(--muted)}
:where(#unit-plans) .bar-selection strong{color:var(--brand)}
@media(max-width:1050px) and (min-width:761px){:where(#unit-plans) h1{font-size:54px}}
@media(max-width:760px){:where(#unit-plans) h1{font-size:41px;letter-spacing:-.035em;line-height:1.07}
:where(#unit-plans) .eyebrow{font-size:10px}
:where(#unit-plans) .head-note p:first-child{font-size:15px}
:where(#unit-plans) .product-stage{border-radius:24px}
:where(#unit-plans) .gallery figcaption{font-size:11px}
:where(#unit-plans) .view-tabs button{font-size:10px}
:where(#unit-plans) .view-tabs button>span{border-radius:9px}
:where(#unit-plans) .config-label{font-size:14px}
:where(#unit-plans) .audience button{font-size:13px}
:where(#unit-plans) .config-title{font-size:23px;margin-top:25px}
:where(#unit-plans) .recommendation{font-size:12px}
:where(#unit-plans) .plan-option{min-height:98px;border-radius:20px}
:where(#unit-plans) .option-name{font-size:20px}
:where(#unit-plans) .option-quantity{font-size:11px}
:where(#unit-plans) .option-price strong{font-size:20px}
:where(#unit-plans) .option-price>span{font-size:11px}
:where(#unit-plans) .recommendation-tag{font-size:8px;margin-top:0;margin-left:7px;padding:4px 6px;letter-spacing:.04em;vertical-align:2px}
:where(#unit-plans) .support-details summary{font-size:13px}
:where(#unit-plans) .customer-quote blockquote{font-size:15px}
:where(#unit-plans) .customer-quote figcaption{font-size:11px}
:where(#unit-plans) .stars{font-size:10px}
:where(#unit-plans) .promise{font-size:12px}
:where(#unit-plans) .buy-bar .continue{font-size:10px;letter-spacing:.045em;min-width:174px;min-height:46px;padding-inline:14px;gap:8px}
:where(#unit-plans) .bar-selection>p:first-child{font-size:11px}
:where(#unit-plans) .bar-selection>p+p{font-size:11px}}
@media(max-width:359px){:where(#unit-plans) h1{font-size:36px}
:where(#unit-plans) .option-name{font-size:18px}
:where(#unit-plans) .option-quantity{font-size:10px}
:where(#unit-plans) .option-price strong{font-size:19px}
:where(#unit-plans) .recommendation-tag{display:table;font-size:8px;margin:5px 0 0;padding:3px 6px;vertical-align:baseline}
:where(#unit-plans) .buy-bar .continue{min-width:151px;font-size:9px;gap:6px;padding-inline:10px}
:where(#unit-plans) .bar-selection>p:first-child{font-size:10px}
:where(#unit-plans) .support-details table{font-size:9px}}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url("/versions/taste/media/work-sans-latin.woff2") format("woff2")}
:where(#unit-faq) *{box-sizing:border-box}
#unit-faq{scroll-behavior:smooth}
#unit-faq{margin:0;background:#fff;font-family:"Work Sans",sans-serif;color:#144444}
:where(#unit-faq) button,:where(#unit-faq) a{-webkit-tap-highlight-color:transparent}
:where(#unit-faq) .review-head{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;border-bottom:1px solid #e6eae6;font-size:12px;line-height:1.4;background:#fafbf8}
:where(#unit-faq) .review-head strong{font-size:13px;font-weight:600}
:where(#unit-faq) .review-head span{display:block;color:#52625a}
:where(#unit-faq) .review-head nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 18px}
:where(#unit-faq) .review-head a{color:#144444;text-underline-offset:4px;min-height:32px;display:inline-flex;align-items:center}
:where(#unit-faq) .review-notes{max-width:1180px;margin:0 auto 48px;padding:28px 20px;border-top:1px solid #dce5df;color:#40534d;font-size:14px;line-height:1.6}
:where(#unit-faq) .review-notes h2{font-size:20px;color:#144444;margin:0 0 14px;font-weight:500}
:where(#unit-faq) .review-notes ul{padding-left:20px;margin:0}
:where(#unit-faq) .review-notes li+li{margin-top:9px}
:where(#unit-faq) .review-notes p{margin:16px 0 0}
:where(#unit-faq) .review-notes a{color:#144444}
:where(#unit-faq) .preview-only-note{margin:0;padding:10px 20px;font-size:12px;background:#f8f4e9;color:#5f512d;line-height:1.5}
:where(#unit-faq) .review-head :focus-visible,:where(#unit-faq) .review-notes :focus-visible{outline:3px solid #92b72f;outline-offset:3px}
@media(min-width:760px){:where(#unit-faq) .review-head{padding-inline:48px}
:where(#unit-faq) .review-notes{padding:32px 0}}
:where(#unit-faq) #faq{--fq-ink:#144444;--fq-body:#40534d;--fq-line:#dce5df;box-sizing:border-box;scroll-margin-top:76px;background:#fff;color:var(--fq-ink);padding:48px 20px 56px;font-family:"Work Sans",sans-serif}
:where(#unit-faq) #faq *{box-sizing:border-box}
:where(#unit-faq) #faq .fq-grid{display:grid;gap:20px;max-width:1180px;margin:0 auto}
:where(#unit-faq) #faq h2{margin:0;max-width:450px;font-size:clamp(30px,8.8vw,38px);font-weight:500;line-height:1.07;letter-spacing:-.055em;text-wrap:balance}
:where(#unit-faq) #faq .fq-intro>p{margin:14px 0 0;color:var(--fq-body);font-size:15px;line-height:1.6}
:where(#unit-faq) #faq .fq-intro a{display:inline-flex;align-items:center;min-height:36px;color:var(--fq-ink);text-decoration:underline;text-underline-offset:4px;font-weight:500}
:where(#unit-faq) #faq .fq-questions{min-width:0}
:where(#unit-faq) #faq .fq-item{border-bottom:1px solid var(--fq-line)}
:where(#unit-faq) #faq .fq-item:first-child{border-top:1px solid var(--fq-line)}
:where(#unit-faq) #faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:18px 0;list-style:none;cursor:pointer;color:var(--fq-ink);font-size:17px;font-weight:500;line-height:1.38;letter-spacing:-.025em;-webkit-tap-highlight-color:transparent}
:where(#unit-faq) #faq summary::-webkit-details-marker{display:none}
:where(#unit-faq) #faq summary::marker{content:""}
:where(#unit-faq) #faq summary svg{flex:none;width:18px;height:18px;stroke:currentColor;stroke-width:1.5;transition:transform .15s ease}
:where(#unit-faq) #faq details[open] summary svg{transform:rotate(180deg)}
:where(#unit-faq) #faq .fq-answer{padding:0 28px 22px 0;color:var(--fq-body);font-size:16px;font-weight:400;line-height:1.6;letter-spacing:-.015em}
:where(#unit-faq) #faq .fq-answer p{margin:0}
:where(#unit-faq) #faq .fq-answer p+p{margin-top:10px}
:where(#unit-faq) #faq .fq-answer strong{font-weight:600;color:var(--fq-ink)}
:where(#unit-faq) #faq .fq-next{display:grid;gap:16px;align-items:center;margin-top:28px;padding:24px;border-radius:16px;background:#f1f5ef}
:where(#unit-faq) #faq .fq-next p{margin:0;max-width:340px;font-size:21px;line-height:1.28;letter-spacing:-.035em;font-weight:500;text-wrap:balance}
:where(#unit-faq) #faq .fq-cta{display:inline-flex;justify-content:center;align-items:center;gap:17px;min-height:50px;padding:13px 22px;border-radius:999px;background:#b1d34b;color:#0a2a2a;text-decoration:none;font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap}
:where(#unit-faq) #faq .fq-cta svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5}
:where(#unit-faq) #faq :is(summary,a):focus-visible{outline:3px solid #92b72f;outline-offset:5px;border-radius:3px}
@media(min-width:760px){:where(#unit-faq) #faq{padding:88px 48px 96px}
:where(#unit-faq) #faq .fq-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:70px}
:where(#unit-faq) #faq h2{font-size:54px;max-width:370px}
:where(#unit-faq) #faq .fq-intro>p{font-size:16px;margin-top:22px}
:where(#unit-faq) #faq .fq-intro a{min-height:44px}
:where(#unit-faq) #faq summary{font-size:18px;min-height:70px;padding:22px 0}
:where(#unit-faq) #faq .fq-answer{font-size:17px;padding-bottom:26px}
:where(#unit-faq) #faq .fq-next{grid-template-columns:1fr auto;gap:24px;padding:26px}
:where(#unit-faq) #faq .fq-next p{font-size:21px}
:where(#unit-faq) #faq .fq-cta{padding-inline:22px}}
@media(max-width:359px){:where(#unit-faq) #faq{padding-inline:16px}
:where(#unit-faq) #faq summary{font-size:16px;gap:12px}
:where(#unit-faq) #faq .fq-answer{padding-right:8px}
:where(#unit-faq) #faq .fq-next{padding:20px}}
@media(prefers-reduced-motion:reduce){:where(#unit-faq) #faq summary svg{transition:none}}
:where(#unit-faq) #faq .fq-filters{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:5px;padding:5px;background:#f1f5ef;border-radius:13px;margin:0 0 22px}
:where(#unit-faq) #faq .fq-filters button{font:500 13px/1.3 "Work Sans",sans-serif;min-height:46px;border:0;border-radius:9px;padding:9px 6px;background:transparent;color:#40534d;cursor:pointer;letter-spacing:-.025em}
:where(#unit-faq) #faq .fq-filters button[aria-pressed="true"]{background:#144444;color:#fff}
:where(#unit-faq) #faq .fq-filters button:focus-visible{outline:3px solid #92b72f;outline-offset:3px}
:where(#unit-faq) #faq .fq-topic-panel[hidden]{display:none}
:where(#unit-faq) #faq .fq-research-links{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:4px}
:where(#unit-faq) #faq .fq-research-links a{color:#144444;text-underline-offset:4px;font-size:14px;min-height:36px;display:inline-flex;align-items:center}
:where(#unit-faq) #faq .fq-answer .fq-scope{font-size:13px;line-height:1.55;color:#52645b;border-left:2px solid #bdd28e;padding-left:11px;margin-top:14px}
:where(#unit-faq) #faq .fq-review-policy{font-size:12px;line-height:1.5;padding:12px 14px;margin:0 0 18px;border-radius:10px;background:#f8f4e9;color:#66552d}
@media(min-width:760px){:where(#unit-faq) #faq .fq-filters button{font-size:14px}}
:where(#unit-faq) #faq .fq-search{margin-bottom:18px}
:where(#unit-faq) #faq .fq-search label{display:block;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:8px}
:where(#unit-faq) #faq .fq-search-field{display:flex;align-items:center;gap:10px;border:1px solid #b5c6bc;border-radius:12px;padding:0 13px;background:#fff;min-height:52px}
:where(#unit-faq) #faq .fq-search-field:focus-within{outline:2px solid #92b72f;outline-offset:2px}
:where(#unit-faq) #faq .fq-search-field>svg{width:19px;height:19px;flex:none;stroke:#52645b;stroke-width:1.6}
:where(#unit-faq) #faq .fq-search input{width:100%;min-width:0;min-height:50px;border:0;background:transparent;padding:10px 0;font:400 16px/1.4 "Work Sans",sans-serif;color:#144444;letter-spacing:-.02em;outline:none}
:where(#unit-faq) #faq .fq-search input::placeholder{color:#63766a;opacity:1}
:where(#unit-faq) #faq .fq-search input::-webkit-search-cancel-button{-webkit-appearance:none}
:where(#unit-faq) #faq .fq-clear{border:0;background:transparent;color:#144444;font:500 13px/1.3 "Work Sans",sans-serif;min-height:44px;padding:6px 0;cursor:pointer}
:where(#unit-faq) #faq .fq-clear:focus-visible{outline:2px solid #92b72f;outline-offset:3px}
:where(#unit-faq) #faq .fq-clear[hidden],:where(#unit-faq) #faq .fq-filters[hidden],:where(#unit-faq) #faq .fq-item[hidden],:where(#unit-faq) #faq .fq-result-topic[hidden],:where(#unit-faq) #faq .fq-empty[hidden],:where(#unit-faq) #faq .fq-review-policy[hidden]{display:none}
:where(#unit-faq) #faq #fq-search-status{font-size:13px;line-height:1.5;color:#52645b;margin:8px 0 0;min-height:0}
:where(#unit-faq) #faq #fq-search-status:empty{margin:0}
:where(#unit-faq) #faq .fq-result-topic{font-size:15px;font-weight:500;line-height:1.4;margin:23px 0 7px;letter-spacing:-.02em}
:where(#unit-faq) #faq .fq-item.fq-first-visible{border-top:1px solid var(--fq-line)}
:where(#unit-faq) #faq .fq-empty{padding:24px 0;border-block:1px solid var(--fq-line);color:#40534d;font-size:16px;line-height:1.6}
:where(#unit-faq) #faq .fq-empty p{margin:0}
:where(#unit-faq) #faq .fq-empty a{color:#144444;text-underline-offset:4px}
:where(#unit-faq) #faq .fq-quote{margin:18px 0 0;padding:15px 18px;border-left:2px solid #a4c65b;background:#f4f7f1;border-radius:0 10px 10px 0}
:where(#unit-faq) #faq .fq-quote blockquote{margin:0;color:#144444;font-size:16px;line-height:1.55;font-weight:500}
:where(#unit-faq) #faq .fq-quote figcaption{font-size:13px;line-height:1.5;color:#52645b;margin-top:8px}
:where(#unit-faq) #faq .fq-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
:where(#unit-faq) #faq .fq-result-topic{font-size:17px;margin-top:28px;margin-bottom:12px}
:where(#unit-faq) #faq .fq-topic-panel+ .fq-topic-panel{margin-top:36px}
@media(max-width:500px){:where(#unit-faq) #faq .fq-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
#unit-faq[data-read-all] #faq .fq-search,#unit-faq[data-read-all] #faq .fq-filters{display:none}
#unit-faq[data-read-all] #faq .fq-answer{padding-bottom:25px}
:where(#unit-faq) #faq .fq-grid{gap:30px}
:where(#unit-faq) #faq .fq-intro h2{max-width:390px}
:where(#unit-faq) #faq .fq-next{display:block;padding:0;margin-top:26px;background:transparent;border-radius:0}
:where(#unit-faq) #faq .fq-cta{background:#A4CD3A;color:#0A2A2A;min-height:48px;font-size:14px;padding:13px 24px}
:where(#unit-faq) #faq .fq-more{margin-top:36px;border-top:1px solid var(--fq-line);border-bottom:1px solid var(--fq-line)}
:where(#unit-faq) #faq .fq-more>.fq-more-toggle{font-size:17px;min-height:64px;padding:20px 0}
:where(#unit-faq) #faq .fq-more>.fq-more-toggle svg{transform:none}
:where(#unit-faq) #faq .fq-more[open]>.fq-more-toggle svg{transform:rotate(45deg)}
:where(#unit-faq) #faq .fq-library{padding:8px 0 24px}
:where(#unit-faq) #faq .fq-filters{grid-template-columns:1fr 1fr 1.2fr;margin-bottom:22px}
:where(#unit-faq) #faq .fq-item>summary>svg,:where(#unit-faq) #faq .fq-item:not([open])>summary>svg{transform:none}
:where(#unit-faq) #faq .fq-item[open]>summary>svg{transform:rotate(180deg)}
:where(#unit-faq) #faq .fq-help{margin:20px 0 0;font-size:14px;color:var(--fq-body);line-height:1.65}
:where(#unit-faq) #faq .fq-help a{color:var(--fq-ink);font-weight:500;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
:where(#unit-faq) #faq .fq-more .fq-result-topic{margin-top:20px}
:where(#unit-faq) #faq .fq-library .fq-topic-panel+.fq-topic-panel{margin-top:24px}
@media(min-width:760px){:where(#unit-faq) #faq .fq-grid{gap:70px}
:where(#unit-faq) #faq .fq-more{margin-top:42px}
:where(#unit-faq) #faq .fq-more>.fq-more-toggle{font-size:18px}}
@media(max-width:359px){:where(#unit-faq) #faq .fq-filters button{font-size:12px;padding-inline:4px}}
:where(#unit-faq) #promise{font-family:"Work Sans",sans-serif;color:#144444;scroll-margin-top:88px;padding:36px 24px 28px;background:#fff}
:where(#unit-faq) #promise *{box-sizing:border-box}
:where(#unit-faq) #promise .pr-card{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);max-width:1180px;margin:0 auto;border:1px solid #d7e1d8;border-radius:20px;overflow:hidden;background:#f5f7f2}
:where(#unit-faq) #promise .pr-photo{position:relative;min-height:290px;background:#244c38}
:where(#unit-faq) #promise .pr-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0c2929b8);pointer-events:none}
:where(#unit-faq) #promise .pr-photo>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center}
:where(#unit-faq) #promise .pr-photo .pr-logo{position:absolute;z-index:1;left:24px;bottom:24px;width:145px;height:auto;filter:brightness(0) invert(1)}
:where(#unit-faq) #promise .pr-copy{padding:38px 42px;align-self:center}
:where(#unit-faq) #promise .pr-kicker{margin:0 0 12px;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.035em;color:#405b4c}
:where(#unit-faq) #promise h2{margin:0;font-size:clamp(28px,3.3vw,42px);font-weight:500;line-height:1.12;letter-spacing:-.045em;color:#144444}
:where(#unit-faq) #promise h2 span{color:#536e5d}
:where(#unit-faq) #promise .pr-body{max-width:470px;margin:20px 0 4px;font-size:17px;line-height:1.6;letter-spacing:-.02em;color:#40534d}
:where(#unit-faq) #promise .pr-policy{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#144444;font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:5px}
:where(#unit-faq) #promise .pr-policy:focus-visible{outline:3px solid #92b72f;outline-offset:4px;border-radius:3px}
:where(#unit-faq) #promise .pr-review{margin:14px 0 0;max-width:480px;font-size:12px;line-height:1.55;color:#69582f;padding:8px 10px;background:#faf5e7;border-radius:6px}
@media(max-width:620px){:where(#unit-faq) #promise{padding:24px 20px 20px}
:where(#unit-faq) #promise .pr-card{grid-template-columns:1fr;border-radius:16px}
:where(#unit-faq) #promise .pr-photo{min-height:185px}
:where(#unit-faq) #promise .pr-photo .pr-logo{left:20px;bottom:18px;width:127px}
:where(#unit-faq) #promise .pr-copy{padding:25px 24px 24px}
:where(#unit-faq) #promise .pr-body{font-size:16px;line-height:1.6;margin-top:16px}
:where(#unit-faq) #promise h2{font-size:32px}
:where(#unit-faq) #promise .pr-kicker{font-size:12px;margin-bottom:10px}}
@media(max-width:360px){:where(#unit-faq) #promise .pr-copy{padding:22px 20px}
:where(#unit-faq) #promise h2{font-size:28px}
:where(#unit-faq) #promise .pr-photo{min-height:155px}}
/* Close, A "Unshaded" (mockups/close/a-unshaded.html with shared.css, Oct 26).
   Tom's canopy clip with the shade only behind the words, low on the frame. The words sit
   bottom left; the single button returns to Plans without imposing a checkout offer.
   The pause control sits top right. */
#close {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: min(77svh, 666px);
  overflow: hidden;
  background: var(--ink);
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}
#close video {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#close::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to top, rgb(10 42 42 / 84%) 0%, rgb(10 42 42 / 58%) 30%, rgb(10 42 42 / 0%) 62%);
}
#close .close-inner {
  display: grid;
  align-content: end;
  justify-items: start;
  gap: 14px;
  padding-block: 120px 40px;
}
#close h2 {
  max-width: 9ch;
  font-size: 46px;
  font-weight: 500;
  line-height: 0.98;
  letter-spacing: -0.055em;
  text-wrap: balance;
}
#close p {
  max-width: 30ch;
  color: rgb(255 255 255 / 96%);
  font-size: 16px;
}
#close .close-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 20px;
  margin-top: 8px;
}
/* The mock-up's pill: 54px tall, deep teal words on lime. */
#close .close-btn {
  gap: 10px;
  min-width: 214px;
  min-height: 54px;
  padding: 16px 26px;
  border: 1px solid transparent;
  color: var(--ink);
  line-height: 1.5;
}
#close .close-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: inherit;
  font-size: 15px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
/* The pause control, top right, in the mock-up's look (outlined, darker, no blur). */
#close .close-toggle {
  top: 16px;
  right: max(16px, env(safe-area-inset-right, 0px));
  border: 1px solid rgb(255 255 255 / 55%);
  background: rgb(5 24 24 / 72%);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
#close .close-toggle svg {
  width: 14px;
  height: 14px;
}
@media (min-width: 992px) {
  #close {
    min-height: 640px;
  }
  #close .close-inner {
    padding-block: 160px 64px;
  }
  #close h2 {
    max-width: none;
    font-size: 80px;
  }
  #close p {
    max-width: none;
    font-size: 18px;
  }
  #close .close-toggle {
    right: max(48px, calc((100% - 1200px) / 2));
  }
}

/* Footer B, "Ask your farmers" (mockups/footer/b-ask-your-farmers.html, re-saved Oct 27 00:14, and the
   same footer in mockups/close/shared.css and shared.js, Oct 26 23:36-23:43).
   The footer is the help desk: one big line, chat and the text line up top, delivery and
   restaurants one tap down, then the fine print. About one iPhone screen. */
#site-footer {
  --ft-muted: #637272;
  --on-deep: #fff;
  --on-deep-2: rgb(255 255 255 / 76%);
  --on-deep-3: rgb(255 255 255 / 58%);
  --on-deep-line: rgb(255 255 255 / 14%);
  padding: 40px 0 calc(24px + env(safe-area-inset-bottom, 0px));
  background: var(--ink);
  color: var(--on-deep);
  font-size: 16px;
  line-height: 1.5;
}
#site-footer :is(input, select, textarea) {
  font: inherit;
  color: inherit;
}
#site-footer a {
  text-decoration: none;
}
#site-footer .ft-logo {
  display: block;
  width: 150px;
  height: auto;
  filter: brightness(0) invert(1);
}
#site-footer .ft-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--on-deep);
  text-align: left;
}
#site-footer .ft-link:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
/* Pills for the dark footer: white solid and white outline. The page's lime stays with the close's button. */
#site-footer .pill-light,
#site-footer .pill-line {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 26px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
#site-footer .pill-light {
  border: 0;
  background: #fff;
  color: var(--teal);
}
#site-footer .pill-light:hover {
  background: #eef3f0;
}
#site-footer .pill-line {
  border: 0;
  background: none;
  box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / 70%);
  color: #fff;
}
#site-footer .pill-line:hover {
  box-shadow: inset 0 0 0 1.5px #fff;
}
#site-footer .pill-light svg,
#site-footer .pill-line svg {
  width: 18px;
  height: 18px;
}
#site-footer .b-title {
  margin-top: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.05em;
}
#site-footer .b-actions {
  display: grid;
  gap: 10px;
  margin-top: 20px;
}
#site-footer .b-email {
  margin-top: 12px;
  color: var(--on-deep-3);
  font-size: 13px;
}
#site-footer .b-email a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--on-deep-2);
  text-decoration: underline;
  text-underline-offset: 4px;
}
#site-footer .b-rows {
  margin-top: 18px;
  border-top: 1px solid var(--on-deep-line);
}
#site-footer .b-rows li {
  border-bottom: 1px solid var(--on-deep-line);
}
#site-footer .b-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 72px;
  padding: 12px 0;
  border: 0;
  background: none;
  color: #fff;
  text-align: left;
}
#site-footer .b-row strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
}
#site-footer .b-row span span {
  display: block;
  margin-top: 2px;
  color: var(--on-deep-2);
  font-size: 14px;
}
#site-footer .b-row svg {
  flex: none;
  width: 20px;
  height: 20px;
  color: var(--on-deep-2);
}
#site-footer .b-row:hover strong {
  text-decoration: underline;
  text-underline-offset: 4px;
}
#site-footer .b-base {
  margin-top: 18px;
}
#site-footer .b-base nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 20px;
  font-size: 14px;
}
#site-footer .b-base nav .ft-link {
  color: var(--on-deep-2);
}
#site-footer .b-sign {
  display: grid;
  justify-items: start;
  gap: 10px;
  margin-top: 16px;
  padding-top: 18px;
  border-top: 1px solid var(--on-deep-line);
}
#site-footer .b-sign .ft-logo {
  width: 128px;
}
#site-footer .b-legal,
#site-footer .b-copyright {
  color: var(--on-deep-3);
  font-size: 12px;
}
@media (min-width: 760px) {
  #site-footer {
    padding: 72px 0 32px;
  }
  #site-footer .b-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 0 96px;
    align-items: end;
  }
  #site-footer .b-title {
    font-size: 48px;
  }
  #site-footer .b-actions {
    grid-auto-flow: column;
    justify-content: start;
    gap: 12px;
    margin-top: 24px;
  }
  #site-footer .b-rows {
    margin-top: 0;
  }
  #site-footer .b-row {
    min-height: 84px;
  }
  #site-footer .b-row strong {
    font-size: 18px;
  }
  #site-footer .b-base {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px 32px;
    margin-top: 48px;
    padding-top: 16px;
    border-top: 1px solid var(--on-deep-line);
  }
  #site-footer .b-base nav {
    display: flex;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    gap: 0 24px;
  }
  #site-footer .b-sign {
    display: grid;
    grid-column: 1;
    grid-row: 1 / span 2;
    align-content: start;
    gap: 8px;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  #site-footer .b-sign .ft-logo {
    width: 136px;
  }
  #site-footer .b-copyright {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    text-align: right;
  }
}

/* ---------- The chat panel: Shaan's widget (702greens-chat.js v3), restyled to the site ----------
   Same steps, fields and topics as the live widget; only the type, the title's case, the emoji
   and the button shape change. A fixed panel: the footer root must not get a transform, filter
   or z-index, or the panel would be trapped inside it. Nothing is ever sent. */
#site-footer .chat {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 2147483001;
  display: flex;
  flex-direction: column;
  width: 380px;
  max-height: calc(100dvh - 48px);
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 0 0.5px rgb(0 0 0 / 5%), 0 2px 4px rgb(0 0 0 / 4%), 0 12px 40px rgb(0 0 0 / 14%);
  color: var(--text);
  transform-origin: bottom right;
  transform: scale(0.92) translateY(12px);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.2s ease, visibility 0s linear 0.3s;
}
#site-footer .chat:focus {
  outline: none;
}
#site-footer .chat[data-open="true"] {
  transform: none;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.2s ease;
}
@media (max-width: 480px) {
  #site-footer .chat {
    right: 8px;
    bottom: max(8px, env(safe-area-inset-bottom, 0px));
    width: calc(100vw - 16px);
  }
}
#site-footer .chat :is(a, button, input, select, textarea):focus-visible {
  outline-color: var(--teal);
}
#site-footer .chat-hdr {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  height: 56px;
  padding: 0 12px 0 20px;
  background: var(--teal);
  color: #fff;
}
#site-footer .chat-back,
#site-footer .chat-x {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  color: rgb(255 255 255 / 75%);
}
#site-footer .chat-back[hidden] {
  display: none;
}
#site-footer .chat-back:hover,
#site-footer .chat-x:hover {
  background: rgb(255 255 255 / 10%);
  color: #fff;
}
#site-footer .chat-back svg,
#site-footer .chat-x svg {
  width: 18px;
  height: 18px;
}
#site-footer .chat-title {
  flex: 1;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
#site-footer .chat-accent {
  flex-shrink: 0;
  height: 2px;
  background: var(--lime);
}
#site-footer .chat-body {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
}
#site-footer .chat-step {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 26px 24px 24px;
}
#site-footer .chat-step[hidden] {
  display: none;
}
#site-footer .chat-greet {
  color: var(--ft-muted);
  font-size: 15px;
  line-height: 1.5;
}
#site-footer .chat-heading {
  color: var(--text);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
#site-footer .chat-sub {
  margin-top: -6px;
  color: var(--ft-muted);
  font-size: 14px;
}
#site-footer .chat-field {
  display: block;
  width: 100%;
  min-height: 50px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: var(--bg-alt);
  color: var(--text);
  /* 16px keeps iPhones from zooming in when the box is tapped. */
  font-size: 16px;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
#site-footer .chat-field:focus {
  border-color: var(--teal);
  outline: none;
  background: #fff;
  box-shadow: 0 0 0 3.5px rgb(20 68 68 / 12%);
}
#site-footer .chat-field::placeholder {
  color: #9aa3a3;
  opacity: 1;
}
#site-footer textarea.chat-field {
  min-height: 104px;
  padding: 14px 16px;
  resize: none;
}
#site-footer .chat-select {
  position: relative;
}
#site-footer .chat-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  border-top: 5px solid #9aa3a3;
  border-right: 4.5px solid transparent;
  border-left: 4.5px solid transparent;
  transform: translateY(-50%);
  pointer-events: none;
}
#site-footer .chat-select select {
  padding-right: 40px;
  cursor: pointer;
}
#site-footer .chat-select select[data-empty="true"] {
  color: #9aa3a3;
}
#site-footer .chat-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 52px;
  margin-top: 2px;
  border: 0;
  border-radius: 100px;
  background: var(--teal);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: background-color 0.15s;
}
#site-footer .chat-btn:hover {
  background: #0f3433;
}
#site-footer .chat-btn svg {
  width: 16px;
  height: 16px;
}
#site-footer .chat-err {
  margin-top: -8px;
  padding-left: 4px;
  color: #c0362f;
  font-size: 12px;
  font-weight: 500;
}
#site-footer .chat-preview {
  padding: 12px 16px;
  border-left: 3px solid var(--teal);
  border-radius: 12px;
  background: var(--bg-alt);
}
#site-footer .chat-preview-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}
#site-footer .chat-preview-l {
  color: #8a9494;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
#site-footer .chat-preview-edit {
  min-height: 32px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--teal);
  font-size: 12px;
  font-weight: 600;
}
#site-footer .chat-preview-t {
  color: var(--text);
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
#site-footer .chat-mock {
  color: #8a9494;
  font-size: 12px;
  text-align: center;
}
/* The sent state: the live widget's success screen (check, "Message sent", thanks, send another),
   in the panel's site look. */
#site-footer .chat-sent {
  align-items: center;
  gap: 12px;
  padding: 52px 24px 40px;
  text-align: center;
}
#site-footer .chat-sent-ic {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #e8f5e9;
  color: var(--teal);
  animation: footer-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
#site-footer .chat-sent-ic svg {
  width: 28px;
  height: 28px;
}
#site-footer .chat-sent .chat-heading {
  animation: footer-up 0.35s ease 0.15s both;
}
#site-footer .chat-sent .chat-heading:focus {
  outline: none;
}
#site-footer .chat-sent-t {
  max-width: 260px;
  color: var(--ft-muted);
  font-size: 14px;
  animation: footer-up 0.35s ease 0.25s both;
}
#site-footer .chat-again {
  width: auto;
  min-width: 190px;
  margin-top: 6px;
  padding: 0 24px;
  animation: footer-up 0.35s ease 0.35s both;
}
@keyframes footer-pop {
  from { transform: scale(0); }
}
@keyframes footer-up {
  from { opacity: 0; transform: translateY(8px); }
}

/* ---------- Layer 2: where we deliver, with the ZIP check (inside the shell's sheet) ---------- */
#sheet-body .footer-dl {
  color: var(--teal);
}
#sheet-body .footer-dl h3 {
  padding-right: 48px;
  color: var(--teal);
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.1;
}
#sheet-body .footer-dl p {
  margin-top: 12px;
  color: #637272;
  font-size: 15px;
  line-height: 1.5;
}
#sheet-body .footer-dl p strong {
  color: var(--teal);
  font-weight: 600;
}
#sheet-body .footer-zip {
  display: flex;
  gap: 8px;
  margin-top: 20px;
}
#sheet-body .footer-zip :is(input, button) {
  font: inherit;
}
#sheet-body .footer-zip :is(input, button):focus-visible {
  outline-color: var(--teal);
}
#sheet-body .footer-zip input {
  flex: 1;
  min-width: 0;
  min-height: 52px;
  padding: 0 18px;
  border: 1px solid #e8e8e8;
  border-radius: 100px;
  background: var(--bg-alt);
  color: var(--text);
  font-size: 16px;
  letter-spacing: 0.04em;
}
#sheet-body .footer-zip input::placeholder {
  color: #8a9494;
  letter-spacing: 0;
}
#sheet-body .footer-zip button {
  flex: none;
  min-height: 52px;
  padding: 0 22px;
  border: 0;
  border-radius: 100px;
  background: var(--teal);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
#sheet-body .footer-dl .footer-zip-out {
  min-height: 24px;
  margin-top: 12px;
  font-size: 15px;
  font-weight: 500;
}
#sheet-body .footer-dl .footer-zip-out[data-ok="true"] {
  color: var(--teal);
}
#sheet-body .footer-dl .footer-zip-out[data-ok="false"] {
  color: #8a4b2a;
}

/* Quieter visual treatment retained; original two-step form restored. */
#site-footer .b-legal { color:var(--on-deep-2); }

/* Flow study: original 702Greens visual language, calmer spacing and one continuous story. */
@font-face{font-family:'Work Sans';src:url('/versions/plans/assets/today/work-sans-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--font:'Work Sans',sans-serif;--text:#144444;--ink:#144444;--deep:#0a2a2a;--lime:#a4cd3a;--bar-h:74px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;font:400 16px/1.5 var(--font);color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img{max-width:100%}[hidden]{display:none!important}html{scroll-behavior:smooth}section[id],footer[id],#taste{scroll-margin-top:64px}.flow-unit{position:relative;display:flow-root}html.dialog-open{overflow:hidden}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #a4cd3a;outline-offset:4px}
#unit-hero{display:block}#unit-hero #nav{position:fixed;inset:0 0 auto;z-index:60;height:64px;margin:0;width:100%}#unit-hero .cf-hero{margin-top:0;min-height:0}#unit-hero .cf-hero-copy{padding-bottom:30px}#unit-hero .cf-hero-base{padding-bottom:22px}#unit-hero .cf-hero-facts{max-width:1040px}#unit-hero .cf-hero-facts li{font-size:12px}#unit-hero .cf-hero-facts li:first-child{max-width:none}#unit-hero .story-cue{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1040px;width:calc(100% - 40px);margin:0 auto;padding:16px 0 22px;border-top:1px solid #ffffff26;color:#c8d7d0;font-size:12px;text-decoration:none}#unit-hero .story-cue span:last-child{font-size:21px;color:#a4cd3a}
#flow-menu{position:absolute;top:66px;left:12px;right:12px;border-radius:18px;padding:12px 18px;background:#fff;color:#144444;border:1px solid #dce4dc;box-shadow:0 14px 30px #0a2a2a14;display:grid}#flow-menu a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:15px}
#unit-nutrition.recipe-play .nutrition{padding-top:56px;padding-bottom:48px}#unit-nutrition.recipe-play .selling-hero{padding-bottom:32px}#unit-nutrition.recipe-play .gap-line{font-size:14px}#unit-nutrition.recipe-play .scope{font-size:11px;line-height:1.5}#unit-nutrition.recipe-play .comparison-context{font-size:12px}#unit-nutrition.recipe-play .study-link{font-size:12px;min-height:36px;display:inline-flex;align-items:center}#unit-nutrition.recipe-play .usage-chapter{padding-top:46px}#unit-nutrition.recipe-play .daily{margin-bottom:4px}#unit-nutrition.recipe-play .recipe-gallery{margin-top:20px}#unit-nutrition.recipe-play .recipe-gallery .gallery-caption{font-size:12px;min-height:42px;line-height:1.35}#unit-nutrition.recipe-play .recipe-toolbar{gap:6px}#unit-nutrition.recipe-play .recipe-choose{gap:6px}#unit-nutrition.recipe-play .shuffle-recipe{width:auto;min-width:44px;gap:7px;border-radius:100px;padding:10px 12px;font-size:11px;white-space:nowrap}#unit-nutrition.recipe-play .shuffle-recipe svg{width:18px;height:18px;flex:none}#unit-nutrition.recipe-play .category-control select{width:126px;font-size:11px}#unit-nutrition.recipe-play .recipe-toolbar .gallery-controls{gap:4px}#unit-nutrition.recipe-play .recipe-toolbar .gallery-controls button{width:34px;height:44px;min-width:34px}#unit-nutrition.recipe-play .recipe-status{font-size:11px;line-height:1.5;min-height:44px;padding-top:12px}#unit-nutrition.recipe-play .benefits-chapter{padding-top:48px}#unit-nutrition.recipe-play .benefits-heading h2{font-size:32px;max-width:250px}#unit-nutrition.recipe-play .benefits-intro{font-size:15px;line-height:1.6;max-width:540px;color:#526a63}#unit-nutrition.recipe-play .nutrition-benefits>.ingredients{font-size:11px;line-height:1.65;margin:12px 0 24px;color:#637272;text-align:left}#unit-nutrition.recipe-play .benefit-grid h3{font-size:14px}#unit-nutrition.recipe-play .benefit-grid p{font-size:13px;line-height:1.5}#unit-nutrition.recipe-play .benefits-note{font-size:11px}#unit-nutrition.recipe-play .explore{margin-top:32px}
#unit-freshness .fx{padding:56px 0 48px;background:#f4f6f2}#unit-freshness .flow-context{margin:22px auto 0;max-width:720px;border-top:1px solid #d6dfd6;font-size:12px}#unit-freshness .flow-context>summary{padding:17px 0;cursor:pointer;color:#5e7065}#unit-freshness .flow-context .facts-close{margin-top:8px}#unit-freshness .flow-context .facts-close>p{font-size:14px}#unit-farm .farm{padding-top:56px;padding-bottom:56px}#unit-farm .founder-letter{margin-top:42px}#unit-members .members{padding-top:56px;padding-bottom:48px}#unit-members .sheet,#unit-members .player{z-index:130}#unit-partners .band-a{margin:0;padding:32px 0 40px;border-top:0}#unit-partners .label-sm{font-size:11px;letter-spacing:.09em;color:#637272}
#unit-comparison .ec-section{padding-top:56px;padding-bottom:56px}#unit-comparison .ec-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#unit-comparison .ec-mark{display:inline-flex;justify-content:center;align-items:center}#unit-comparison .ec-product-image{object-fit:contain}#unit-plans{background:#fff}#unit-plans .product-plans{padding-top:56px;padding-bottom:48px}#unit-plans .product-head h2{color:#144444;font-size:41px;letter-spacing:-.035em;line-height:1.07;font-weight:600;margin:0}#unit-plans .product-head h2 span{color:#a4cd3a}#unit-plans .product-head{margin-bottom:24px}#unit-plans .product-stage{height:260px;min-height:0}#unit-plans .gallery-column{gap:12px}#unit-plans .gallery figcaption{padding-top:10px}#unit-plans .product-layout{gap:28px}#unit-plans .buy-bar{z-index:51}#unit-faq .promise{padding-top:48px;padding-bottom:40px}#unit-faq .fq{padding-top:48px;padding-bottom:64px}
#bar{z-index:50}#bar .bar-text strong{font-size:13px}.review-notes{background:#0a2a2a;color:#9bb3aa;padding:0 24px 85px;font-size:11px}.review-notes>details{max-width:1080px;margin:auto;border-top:1px solid #ffffff20;padding-top:18px}.review-notes summary{cursor:pointer;min-height:38px}.review-notes p{max-width:800px;line-height:1.65}.review-notes a{display:inline-flex;min-height:44px;align-items:center}#flow-checkout-note,#flow-policy-note{border:0;border-radius:24px;padding:28px;max-width:min(420px,calc(100% - 32px));color:#144444;font:16px/1.5 var(--font)}#flow-checkout-note::backdrop,#flow-policy-note::backdrop{background:#0a2a2a88}#flow-checkout-note h2,#flow-policy-note h2{font-size:26px;line-height:1.15;letter-spacing:-.04em}#flow-checkout-note button,#flow-policy-note button{padding:12px 20px;min-height:44px;border:0;border-radius:999px;color:#144444;background:#a4cd3a;cursor:pointer}
@media(max-width:359px){#unit-nutrition.recipe-play .recipe-toolbar{padding-left:20px;padding-right:20px;flex-wrap:wrap}#unit-nutrition.recipe-play .recipe-choose{width:100%;justify-content:space-between}#unit-nutrition.recipe-play .category-control select{width:136px}#unit-nutrition.recipe-play .recipe-toolbar .gallery-controls{display:none}#unit-nutrition.recipe-play .gap-line{font-size:12px}#unit-plans .product-stage{height:235px}}
@media(min-width:760px){#unit-hero .story-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:calc(100% - 112px);max-width:1328px;padding-bottom:0;border:0}#unit-hero .cf-hero{min-height:830px;height:92svh;max-height:1080px}#unit-hero .cf-hero-base{padding-bottom:76px}#unit-nutrition.recipe-play .nutrition{padding-top:96px;padding-bottom:88px}#unit-nutrition.recipe-play .selling-hero{padding-bottom:44px}#unit-nutrition.recipe-play .usage-chapter{padding-top:72px}#unit-nutrition.recipe-play .recipe-gallery .gallery{grid-auto-columns:24%}#unit-nutrition.recipe-play .recipe-gallery .gallery-caption{font-size:14px;min-height:47px}#unit-nutrition.recipe-play .recipe-toolbar{padding-top:15px}#unit-nutrition.recipe-play .category-control select{width:166px;font-size:13px}#unit-nutrition.recipe-play .shuffle-recipe{font-size:13px;padding-inline:16px}#unit-nutrition.recipe-play .recipe-status{font-size:12px}#unit-nutrition.recipe-play .benefits-chapter{padding-top:72px}#unit-nutrition.recipe-play .benefits-heading h2{font-size:44px;max-width:none}#unit-nutrition.recipe-play .benefits-intro{font-size:18px}#unit-nutrition.recipe-play .nutrition-benefits>.ingredients{font-size:13px;margin-bottom:32px}#unit-nutrition.recipe-play .benefit-grid h3{font-size:17px}#unit-nutrition.recipe-play .benefit-grid p{font-size:15px}#unit-freshness .fx{padding:88px 0}#unit-farm .farm{padding:88px 0}#unit-members .members{padding:88px 0 64px}#unit-partners .band-a{padding:38px 0 56px}#unit-plans .product-plans{padding-top:88px;padding-bottom:72px}#unit-plans .product-head h2{font-size:60px;line-height:1.05}#unit-plans .product-stage{height:440px}#unit-faq .fq{padding-top:72px;padding-bottom:88px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}

/* Integration fixes after the first phone review. */
#unit-plans .product-stage{width:100%;aspect-ratio:auto}
#unit-plans .buy-bar{display:none!important}
#unit-freshness[data-design=apple28] #freshness.fx{font-family:'Work Sans',sans-serif}
#unit-freshness .flow-context{margin:24px 20px 0;border-color:#ffffff2b;color:#bdccc2}
#unit-freshness .flow-context>summary{color:#bdccc2;padding:18px 0}
#unit-freshness .flow-context .facts-close{border:0;padding-top:8px}
#unit-nutrition.recipe-play .portion-amounts .specimen-label{font-size:10px}
#unit-nutrition.recipe-play .portion-arrow small{font-size:10px}
#unit-nutrition.recipe-play .portions .graphic-scope{font-size:11px}
@media(min-width:760px){#unit-freshness .flow-context{max-width:896px;margin:28px auto 0}}

#unit-hero .story-cue{z-index:3}
#unit-nutrition.recipe-play .gallery-photo.recipe-photo-unavailable{display:grid;place-items:center;background:#edf2e7;color:#144444}
#unit-nutrition.recipe-play .recipe-photo-unavailable::after{content:'Open recipe ↗';font:500 13px/1.4 'Work Sans',sans-serif;padding:20px}
#unit-plans .product-stage{position:relative}
#unit-plans .product-stage>.product-photo{position:absolute;inset:0;width:100%;height:100%;max-height:100%;object-fit:contain;padding:18px}
@media(min-width:760px){#unit-plans .product-stage{height:520px}#unit-plans .product-stage>.product-photo{padding:32px}}