.film-message{min-width:0}.atelier-hero.film-hero{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.4fr);grid-template-rows:1fr auto;gap:0 4vw;align-items:center;height:auto;min-height:560px;max-height:none;padding:56px 5vw;background:#e9dfcf;color:#38251e;overflow:hidden}.film-heading{align-self:end;padding-bottom:28px}.film-heading .eyebrow{font-size:14px;letter-spacing:.1em}.film-heading h1{font-family:var(--font-brand);font-size:clamp(50px,5.3vw,84px);line-height:1.06;margin:25px 0 0;letter-spacing:0;font-weight:400}.film-heading h1 em{font-family:var(--font-accent);font-style:normal;font-size:.78em}.film-stage{grid-column:2;grid-row:1/3;margin:0;min-width:0;align-self:center}.film-window{position:relative;aspect-ratio:16/9;overflow:hidden;background:#e9dfcf}.film-poster,.film-poster img,.film-window video{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain}.film-window video{opacity:0}.film-stage.is-playing .film-window video,.film-stage.has-frame .film-window video{opacity:1}.film-stage figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 0;border-top:1px solid #38251e33;font-size:17px;letter-spacing:.05em}#film-toggle{font:inherit;color:inherit;background:transparent;border:1px solid #38251e66;border-radius:2px;min-height:44px;padding:8px 12px;white-space:nowrap;font-size:13px}.film-actions{align-self:start;display:flex;align-items:flex-start;flex-direction:column;gap:14px;padding-bottom:40px}.film-actions .hero-cta{background:#38251e;color:#f7f1e5;border-color:#38251e;font-size:16px;min-height:48px;justify-content:center;letter-spacing:.08em}.film-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid #38251e77;color:#38251e;text-decoration:none;font-size:14px}.film-hero a:focus-visible,.film-hero button:focus-visible{outline:2px solid #38251e;outline-offset:4px}.film-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:700px){.atelier-hero.film-hero{display:flex;flex-direction:column;gap:0;min-height:0;padding:28px 20px 26px}.film-heading{align-self:stretch;text-align:center;padding:0}.film-heading .eyebrow{font-size:12px;letter-spacing:.06em}.film-heading h1{font-size:clamp(38px,10vw,64px);line-height:1.07;margin:14px 0 6px}.film-heading h1 br{display:none}.film-heading h1 em{display:block}.film-stage{width:100%;max-width:500px;margin:0}.film-window{aspect-ratio:1/1;height:auto}.film-poster,.film-window video{height:160%;top:-39%;object-fit:contain}.film-poster img{object-fit:contain}.film-stage figcaption{font-size:14px;min-height:48px;padding:5px 0;letter-spacing:.03em}#film-toggle{font-size:12px;padding:6px 10px}.film-actions{width:100%;max-width:500px;align-self:center;padding:14px 0 0;flex-direction:row;gap:10px}.film-actions .hero-cta{flex:1;padding:12px 10px;font-size:14px}.film-secondary{padding:10px;font-size:12px;min-height:48px}}@media(prefers-reduced-motion:reduce){.film-hero *{transition:none!important}}@media(max-width:360px){.film-actions .hero-cta{font-size:12px;letter-spacing:.03em;white-space:nowrap}.film-secondary{font-size:11px;padding:8px}.film-stage figcaption{font-size:12px}}@media(min-width:701px)and (max-height:500px){.atelier-hero.film-hero{min-height:0;padding-top:28px;padding-bottom:28px}.film-heading{padding-bottom:18px}.film-heading h1{margin-top:12px;font-size:44px}.film-actions{padding-bottom:0;gap:8px}}.film-window{-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}.film-stage figcaption{justify-content:center;text-align:center;border-top:0;padding:18px 0;font-size:clamp(20px,2.1vw,30px);min-height:64px;letter-spacing:.04em}.film-actions .hero-cta{width:100%;max-width:360px;min-height:58px;font-size:18px}#film-toggle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;border:0;background:transparent;padding:0;border-radius:0;cursor:pointer}#film-toggle:focus-visible{outline:2px dashed #38251e;outline-offset:-14px}#film-toggle[aria-label="Play animation"]:after,#film-toggle[aria-label="Retry animation"]:after,#film-toggle[aria-label="Replay animation"]:after{content:"Play film";position:absolute;left:50%;bottom:14px;transform:translate(-50%);background:#38251e;color:#f1ecdf;border:1px solid #f1ecdf66;border-radius:2px;padding:12px 18px;min-height:44px;box-sizing:border-box;line-height:20px}#film-toggle[aria-label="Retry animation"]:after{content:"Retry film"}@media(max-width:700px){.film-stage figcaption{font-size:21px;padding:12px 0;min-height:52px}.film-actions .hero-cta{max-width:none;min-height:54px;font-size:17px}}@media(min-width:701px){.atelier-hero.film-hero{grid-template-rows:auto;min-height:0;padding-top:48px;padding-bottom:48px;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}.film-stage{grid-row:1;grid-column:2}.film-heading{padding-bottom:28px}.film-actions{padding-bottom:0}.film-heading h1{font-size:clamp(44px,5.3vw,84px)}.film-window{max-height:560px}}@media(min-width:701px)and (max-width:1000px){.atelier-hero.film-hero{gap:24px;padding:36px 4vw}.film-heading .eyebrow{font-size:12px;letter-spacing:.05em}.film-heading h1{font-size:clamp(40px,5.3vw,53px)}.film-stage figcaption{font-size:20px}}@media(max-width:700px){.film-message{display:contents}.film-heading{order:0}.film-stage{order:1}.film-actions{order:2}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/pdb-film.css.map */