/* Homepage-only: original storefront, original copy and photography. */
body .hero.hero-film{
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;
  min-height:calc(100svh - 84px);padding:74px 5vw 112px;overflow:hidden;
  background:#344337;color:#fffaf0;text-align:center;
}
.hero-film .film-scene,.hero-film .film-shade{position:absolute;inset:0;z-index:-2}
.hero-film .hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero-film .film-shade{
  z-index:-1;background:linear-gradient(180deg,rgba(14,31,19,.30) 0%,rgba(13,30,19,.49) 46%,rgba(11,27,17,.62) 100%);
}
.hero-film .film-copy{width:100%;max-width:1160px;margin:auto;position:relative}
body .hero.hero-film #hero-title{
  font:400 clamp(94px,10.8vw,174px)/.96 'Playfair Display',serif;
  letter-spacing:-.06em;margin:0 auto 31px;max-width:1050px;text-shadow:0 2px 35px rgba(6,20,11,.10);
}
body .hero.hero-film #hero-title .hero-line{display:block;color:inherit;white-space:normal}
body .hero.hero-film #hero-title .hero-line:first-child{
  font:500 clamp(19px,2.1vw,30px)/1.2 'DM Sans',sans-serif;letter-spacing:.23em;margin:0 0 13px;padding-left:.23em;
}
body .hero.hero-film #hero-title em.hero-line{
  font:italic 500 1.1em/.94 'Cormorant GEA','Playfair Display',serif;
  letter-spacing:-.045em;text-transform:none;color:inherit;padding:0 0 .06em;
}
body .hero.hero-film #hero-title .hero-last{
  font:400 .69em/1.08 'Playfair Display',serif;letter-spacing:-.065em;white-space:nowrap;
}
body .hero.hero-film #hero-title .hero-dot{color:inherit}
body .hero.hero-film .hero-sub{
  font:400 clamp(17px,1.45vw,21px)/1.5 'DM Sans',sans-serif;
  max-width:610px;color:#fffaf0;margin:0 auto 27px;text-wrap:pretty;
}
body .hero.hero-film .button{
  width:auto;min-width:220px;min-height:54px;margin:0;order:initial;
  border:1px solid #fffaf0;background:#fffaf0;color:#294537;
  font-size:10px;letter-spacing:.14em;justify-content:space-between;gap:32px;
}
body .hero.hero-film .button:hover{background:#e8eddf;border-color:#e8eddf}
.hero-film .film-bottom{
  position:absolute;bottom:26px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;
  border-top:1px solid rgba(255,250,240,.35);padding-top:14px;gap:20px;
}
.hero-film .film-scroll,.hero-film .film-control{
  display:inline-flex;align-items:center;gap:15px;font:500 10px/1.4 'DM Sans',sans-serif;
  letter-spacing:.13em;min-height:44px;color:#fffaf0;
}
.hero-film .film-scroll span{font-size:22px;transition:transform .25s}
.hero-film .film-scroll:hover span{transform:translateY(3px)}
.hero-film .film-control{padding:0 0 0 15px;background:none;border:0;cursor:pointer}
.hero-film .film-control-icon{font-size:20px;letter-spacing:0;min-width:17px;text-align:center}
.hero-film :focus-visible{outline-color:#fffaf0}
html[lang=nl] body .hero.hero-film #hero-title em.hero-line{
  font-size:.53em;line-height:1.12;letter-spacing:-.02em;max-width:1050px;margin:0 auto 8px;
}
html[lang=nl] body .hero.hero-film #hero-title .hero-last{font-size:.75em}

/* Complete original pantry photograph, followed by the original selected products. */
body .story.pantry-story{
  display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;
  column-gap:4.2vw;row-gap:18px;min-height:0;padding:76px 4vw 84px;background:var(--cream);overflow:hidden;
}
.pantry-story .story-eyebrow{grid-column:2;grid-row:1;margin:0;line-height:1.4}
.pantry-story .story-scene{
  grid-column:1;grid-row:2;height:auto;min-height:0;max-height:none;align-self:start;
  position:static;width:100%;margin:0;overflow:visible;
}
.pantry-story .story-scene img{
  position:static;display:block;width:100%;height:auto;object-fit:contain;object-position:center;
  animation:none;transform:none;filter:none;
}
.pantry-story .story-note{grid-column:2;grid-row:2;padding:0;margin:0;min-width:0;max-width:none;width:100%;align-self:start}
.pantry-story .story-note h2{font-size:clamp(44px,4.45vw,69px);margin:0 0 27px;line-height:1.04;letter-spacing:-.065em}
.pantry-story .story-note p{font-size:clamp(17px,1.26vw,19px);line-height:1.56;max-width:100%;margin:0 0 20px}
.pantry-story .story-note .text-link{margin-top:0;gap:24px}
.pantry-story .pantry-name-note{
  display:flex;align-items:baseline;gap:21px;margin-top:19px;padding-top:16px;
  border-top:1px solid rgba(41,69,55,.23);color:var(--ink);
}
.pantry-story .pantry-name-mark{font:400 23px/1.35 'Playfair Display',Georgia,serif;letter-spacing:-.025em;white-space:nowrap}
.pantry-story .pantry-name-mark [lang=el]{font-family:Georgia,'Times New Roman',serif;font-style:italic}
.pantry-story .name-separator{padding:0 4px;color:#75816d}
.pantry-story .pantry-name-meaning{font:400 12px/1.65 'DM Sans',sans-serif;color:#5a6858;max-width:340px;text-wrap:pretty}

/* Only the third section gets a slightly greyer sage. */
body #shop.shop{background:#c3ceb9}

@media(min-width:1600px){body .hero.hero-film{padding-top:95px;padding-bottom:130px}}
@media(max-width:1000px) and (min-width:701px){
  body .story.pantry-story{column-gap:3.5vw;row-gap:16px;padding:62px 4vw 68px}
  .pantry-story .story-note h2{font-size:clamp(38px,4.4vw,47px);margin-bottom:22px}
  .pantry-story .story-note p{font-size:16px;line-height:1.55;margin-bottom:17px}
  .pantry-story .pantry-name-note{display:block}
  .pantry-story .pantry-name-meaning{display:block;max-width:none;margin-top:7px}
}
@media(max-width:700px){
  body .hero.hero-film{min-height:calc(100svh - 72px);padding:76px 20px 110px}
  body .hero.hero-film #hero-title{font-size:clamp(58px,20.3vw,130px);margin:0 auto 28px;line-height:.98}
  body .hero.hero-film #hero-title .hero-line:first-child{font-size:18px;letter-spacing:.21em;margin-bottom:19px}
  body .hero.hero-film #hero-title em.hero-line{font-size:1.08em;padding-bottom:.09em}
  body .hero.hero-film #hero-title .hero-last{font-size:clamp(30px,9.2vw,58px);line-height:1.1;letter-spacing:-.055em}
  body .hero.hero-film .hero-sub{font-size:16px;line-height:1.5;max-width:390px;margin:0 auto 25px}
  body .hero.hero-film .button{width:auto;min-width:218px;min-height:52px;font-size:9px;padding:0 18px}
  .hero-film .film-bottom{left:20px;right:20px;bottom:14px;padding-top:11px;gap:9px}
  .hero-film .film-scroll,.hero-film .film-control{font-size:8px;letter-spacing:.1em;gap:9px}
  .hero-film .film-control{padding-left:8px}
  .hero-film .film-control-icon{font-size:17px}
  .hero-film .hero-video{object-position:49% center}
  html[lang=nl] body .hero.hero-film #hero-title{font-size:clamp(87px,24vw,137px)}
  html[lang=nl] body .hero.hero-film #hero-title em.hero-line{font-size:.34em;line-height:1.25;letter-spacing:0;max-width:460px;margin-bottom:15px}
  html[lang=nl] body .hero.hero-film #hero-title .hero-last{font-size:clamp(42px,12vw,60px);line-height:1.06;letter-spacing:-.06em;white-space:normal}
  body .story.pantry-story{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:42px 20px 56px}
  .pantry-story .story-scene{grid-column:1;grid-row:1;width:100%;height:auto;min-height:0;max-height:none}
  .pantry-story .story-eyebrow{grid-column:1;grid-row:2;margin:37px 0 17px}
  .pantry-story .story-note{grid-column:1;grid-row:3;padding:0;width:100%;max-width:none}
  .pantry-story .story-note h2{font-size:clamp(45px,13vw,64px);margin:0 0 24px}
  .pantry-story .story-note p{font-size:17px;line-height:1.58;margin-bottom:20px}
  .pantry-story .pantry-name-note{display:block;margin-top:16px;padding-top:14px}
  .pantry-story .pantry-name-mark{font-size:21px}
  .pantry-story .pantry-name-meaning{display:block;max-width:none;font-size:12px;line-height:1.6;margin-top:7px}
}
@media(max-width:360px){
  body .hero.hero-film{padding-left:16px;padding-right:16px;padding-top:60px}
  body .hero.hero-film .hero-sub{font-size:15px;line-height:1.5}
  body .hero.hero-film #hero-title .hero-last{font-size:9.05vw}
  .hero-film .film-bottom{left:16px;right:16px}
  body .story.pantry-story{padding-left:16px;padding-right:16px}
}
@media(prefers-reduced-motion:reduce){.hero-film .film-scroll span{transition:none}}