/* A clipped window onto a viewport-fixed film. The page scrolls over it. */
.production-film{--film-height:clamp(560px,90svh,960px);position:relative;isolation:isolate;clip-path:inset(0);min-height:var(--film-height);background:#100e0f;margin:0;color:#f3f0eb}
.production-film-stage{position:relative;min-height:var(--film-height);display:flex;align-items:center;border:0}
.production-film video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.production-film-stage::before{content:"";position:absolute;inset:-1px;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,8,8,.80),rgba(8,8,8,.35) 55%,rgba(8,8,8,.12)),linear-gradient(0deg,rgba(8,8,8,.35),transparent 50%)}
.production-film-copy{position:relative;z-index:2;width:100%;max-width:850px;padding:clamp(72px,9vw,144px) 8vw}
.production-film-copy .eyebrow{font-size:10px;letter-spacing:.18em;color:#ddd1bf;margin:0 0 25px}
.production-film-copy h2{font-size:clamp(38px,4.3vw,70px);line-height:1.05;letter-spacing:-.045em;font-weight:400;margin:0 0 25px}
.production-film-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#e1ddd7;max-width:390px;margin-bottom:32px}
.shop .production-film-copy a.primary{display:inline-flex;align-items:center;justify-content:center;padding:17px 28px;border-radius:100px;background:#f2f0eb;color:#181715;text-decoration:none;font-size:13px;border:1px solid transparent;transition:background .2s}
.shop .production-film-copy a.primary:is(:hover,:focus-visible){background:white;color:#181715}
.production-film a:focus-visible{outline:2px solid white;outline-offset:5px}
@media(max-width:700px){.production-film{--film-height:max(580px,85svh)}.production-film video{object-position:60% center}.production-film-stage::before{background:linear-gradient(0deg,#090909db,rgba(9,9,9,.45) 65%,rgba(9,9,9,.15))}.production-film-copy{padding:128px 7vw 96px}.production-film-copy h2{max-width:360px}.production-film-copy>p:not(.eyebrow){font-size:13px}}
@media(prefers-reduced-motion:reduce){.production-film video{position:absolute}.production-film-copy a{transition:none}}
/* Keep adjoining sections from drawing a frame around the film. */
.shop #how-it-works{border-bottom:0}
.production-film + .delivery-section{border-top:0}