.sp-home-film{--sp-home-ease: cubic-bezier(.32, .72, 0, 1);position:relative;isolation:isolate;overflow:hidden;margin-top:var(--sp-home-margin-top);margin-bottom:var(--sp-home-margin-bottom);background:radial-gradient(circle at 82% 30%,#ffffff4d 0,#fff0 360px),radial-gradient(circle at 8% 100%,#ffffff3d 0,#fff0 420px),var(--sp-home-bg);color:var(--sp-home-ink);padding:var(--sp-home-padding-top) 0 var(--sp-home-padding-bottom)}.sp-home-film *,.sp-home-film *:before,.sp-home-film *:after{box-sizing:border-box}.sp-home-film__inner{width:min(calc(100% - 44px),var(--sp-home-max-width));margin:0 auto}.sp-home-film__layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(34px,6vw,86px)}.sp-home-film__copy{position:relative;z-index:2;min-width:0;max-width:560px}.sp-home-film__eyebrow{margin:0 0 15px;color:var(--sp-home-muted);font-size:13px;font-weight:700;line-height:1.2;letter-spacing:0}.sp-home-film h2{max-width:10.5em;margin:0;color:var(--sp-home-ink);font-size:clamp(34px,3.55vw,52px);font-weight:560;line-height:1.04;letter-spacing:0;text-wrap:balance}.sp-home-film__text{max-width:55ch;margin-top:24px;color:var(--sp-home-muted);font-size:16px;line-height:1.72;text-wrap:pretty}.sp-home-film__text p{margin:0}.sp-home-film__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:30px}.sp-home-film__button,.sp-home-film__text-link{-webkit-tap-highlight-color:transparent}.sp-home-film__button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:11px;border:1px solid rgba(17,22,21,.14);border-radius:999px;background:#ffffff61;color:var(--sp-home-ink);padding:10px 12px 10px 24px;font-size:15px;font-weight:760;line-height:1;text-decoration:none;box-shadow:inset 0 1px #ffffff85,0 14px 34px #354c5414;transition:transform .26s var(--sp-home-ease),box-shadow .26s var(--sp-home-ease),background-color .26s var(--sp-home-ease)}.sp-home-film__button-icon{display:inline-flex;width:auto;height:auto;align-items:center;justify-content:center;margin-left:2px;color:currentColor;font-size:18px;line-height:1;transition:opacity .26s var(--sp-home-ease),transform .26s var(--sp-home-ease)}.sp-home-film__button:hover{background:#ffffff9e;box-shadow:inset 0 1px #ffffff9e,0 18px 40px #354c541c;color:var(--sp-home-ink);transform:translateY(-2px)}.sp-home-film__button:hover .sp-home-film__button-icon{opacity:.72;transform:translate(2px)}.sp-home-film__button:active{transform:translateY(0) scale(.985)}.sp-home-film__text-link{color:var(--sp-home-ink);font-size:14px;font-weight:720;line-height:1;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;transition:color .22s var(--sp-home-ease),transform .22s var(--sp-home-ease)}.sp-home-film__text-link:hover{color:var(--sp-home-accent);transform:translateY(-1px)}.sp-home-film__button:focus-visible,.sp-home-film__text-link:focus-visible{outline:2px solid var(--sp-home-ink);outline-offset:4px}.sp-home-film__media-wrap{position:relative;min-width:0}.sp-home-film__media-shell{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:30px;background:linear-gradient(135deg,#ffffff94,#ffffff38),var(--sp-home-surface);padding:10px;box-shadow:inset 0 1px #ffffffb8,0 30px 90px #354c5424}.sp-home-film__media{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:22px;background:#eef5f7}.sp-home-film__media .media-wrapper,.sp-home-film__media video-element,.sp-home-film__media img,.sp-home-film__media video,.sp-home-film__media iframe{display:block;width:100%;height:100%}.sp-home-film__media img,.sp-home-film__media video{object-fit:cover}.sp-home-film__media .media__poster{cursor:pointer}.sp-home-film__media .media__play-button{inset:50% auto auto 50%;width:78px;height:78px;background:#fffffff0;color:#111515;box-shadow:0 18px 45px #1115152e;transform:translate(-50%,-50%);transition:transform .26s var(--sp-home-ease),box-shadow .26s var(--sp-home-ease)}.sp-home-film__media .media__poster:hover .media__play-button{box-shadow:0 20px 48px #11151533;transform:translate(-50%,-50%) scale(1.018)}.sp-home-film__note{position:absolute;right:28px;bottom:-26px;display:flex;max-width:min(340px,calc(100% - 42px));align-items:center;gap:12px;border:1px solid rgba(255,255,255,.74);border-radius:999px;background:#f8fbfce6;padding:10px 16px 10px 12px;box-shadow:0 18px 46px #3442511f}.sp-home-film__note span{position:relative;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--sp-home-accent)}.sp-home-film__note span:after{content:"";position:absolute;top:7px;left:9px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #ffffff}.sp-home-film__note p{margin:0;color:var(--sp-home-ink);font-size:12px;font-weight:720;line-height:1.25}.sp-home-film__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:54px}.sp-home-film__proof-item{display:flex;min-height:54px;min-width:0;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:#ffffff57;padding:12px 16px;box-shadow:inset 0 1px #ffffff80,0 14px 34px #354c540f;text-align:center}.sp-home-film__proof-item:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#1115156b}.sp-home-film__proof-item strong{color:var(--sp-home-ink);font-size:14px;font-weight:820;line-height:1.15;white-space:nowrap}.sp-home-film__proof-item span{color:var(--sp-home-muted);font-size:13px;line-height:1.25;white-space:nowrap}.sp-home-film:not(.sp-home-film--still) .sp-home-film__copy,.sp-home-film:not(.sp-home-film--still) .sp-home-film__media-wrap,.sp-home-film:not(.sp-home-film--still) .sp-home-film__proof{animation:spHomeFilmReveal .78s var(--sp-home-ease) both}.sp-home-film:not(.sp-home-film--still) .sp-home-film__media-wrap{animation-delay:.12s}.sp-home-film:not(.sp-home-film--still) .sp-home-film__proof{animation-delay:.21s}@keyframes spHomeFilmReveal{0%{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translateZ(0)}}@media(min-width:990px){.sp-home-film__layout{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.sp-home-film__media-wrap{order:-1}.sp-home-film__copy{justify-self:center}}@media(max-width:989px){.sp-home-film{padding-top:max(36px,calc(var(--sp-home-padding-top) - 28px));padding-bottom:max(36px,calc(var(--sp-home-padding-bottom) - 28px))}.sp-home-film__layout{grid-template-columns:minmax(0,1fr)}.sp-home-film__copy{max-width:690px}.sp-home-film h2{max-width:12em}}@media(min-width:750px)and (max-width:1099px){.sp-home-film{padding-top:max(36px,calc(var(--sp-home-padding-top) - 42px));padding-bottom:max(38px,calc(var(--sp-home-padding-bottom) - 42px))}.sp-home-film__inner{width:min(calc(100% - clamp(44px,6vw,68px)),var(--sp-home-max-width))}.sp-home-film__layout{grid-template-columns:minmax(0,.96fr) minmax(300px,.84fr);gap:clamp(22px,3vw,34px);align-items:center}.sp-home-film__media-wrap{order:-1}.sp-home-film__copy{max-width:430px;justify-self:start}.sp-home-film h2{max-width:10.8em;font-size:clamp(32px,4.2vw,42px)}.sp-home-film__text{margin-top:16px;font-size:14px;line-height:1.55}.sp-home-film__actions{margin-top:20px;gap:12px}.sp-home-film__media-shell{border-radius:24px;padding:7px}.sp-home-film__media{aspect-ratio:4 / 3;border-radius:18px}.sp-home-film__note{right:16px;bottom:-18px;max-width:min(300px,calc(100% - 28px));padding:8px 12px}.sp-home-film__proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:36px}.sp-home-film__proof-item{min-height:46px;padding:9px 11px}.sp-home-film__proof-item strong{font-size:12px}.sp-home-film__proof-item span{font-size:11px;white-space:normal}}@media(max-width:749px){.sp-home-film__inner{width:min(calc(100% - 36px),var(--sp-home-max-width))}.sp-home-film h2{font-size:36px}.sp-home-film__text{margin-top:18px;font-size:14px;line-height:1.58}.sp-home-film__actions{display:grid;gap:13px;margin-top:24px}.sp-home-film__button{width:100%}.sp-home-film__text-link{justify-self:center}.sp-home-film__media-shell{border-radius:22px;padding:7px}.sp-home-film__media{aspect-ratio:1.08 / 1;border-radius:17px}.sp-home-film__media .media__play-button{width:62px;height:62px}.sp-home-film__note{position:static;max-width:none;margin:12px 8px 0}.sp-home-film__proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:28px}.sp-home-film__proof-item{min-height:44px;flex-direction:column;gap:3px;padding:9px 7px}.sp-home-film__proof-item:before{display:none}.sp-home-film__proof-item strong{font-size:12px;line-height:1.05}.sp-home-film__proof-item span{font-size:11px;line-height:1.15;white-space:normal}}@media(prefers-reduced-motion:reduce){.sp-home-film *,.sp-home-film *:before,.sp-home-film *:after{animation:none!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/section-sidepillow-home-product-film.css.map */