.em-reel{position:relative;background:var(--em-espresso, #1c1714);color:var(--em-cream, #f6f1e7);padding-block:clamp(3.5rem,7vw,6.5rem)}.em-reel__kop{padding-inline:clamp(1.25rem,5vw,5.5rem);margin-bottom:clamp(1.75rem,3.5vw,3rem);max-width:60rem}.em-reel__eyebrow{margin:0 0 .9rem;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--em-gold-soft, #cdab74)}.em-reel__titel{margin:0;font-family:var(--em-serif);font-weight:500;font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.05;text-wrap:balance}.em-reel__strook{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);padding-inline:clamp(1.25rem,5vw,5.5rem)}.em-reel__stuk{display:grid;gap:.9rem;align-content:start;min-width:0}.em-reel__media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:#2a221d}.em-reel__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 26%;opacity:0;transform:scale(1.04);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform 3.6s cubic-bezier(.2,.7,.2,1)}.em-reel__frame.is-aan{opacity:1;transform:scale(1);z-index:1}@media(hover:hover)and (pointer:fine){.em-reel__stuk:hover .em-reel__frame.is-aan{transform:scale(1.03);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.2,.7,.2,1)}}.em-reel__streepjes{display:flex;gap:6px}.em-reel__streep{-webkit-appearance:none;appearance:none;flex:1;height:36px;padding:0;margin:0;border:0;background:none;cursor:pointer;display:flex;align-items:center}.em-reel__streep i{position:relative;display:block;width:100%;height:2px;background:#f6f1e733;overflow:hidden}.em-reel__streep i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--em-gold-soft, #cdab74);transform:scaleX(0);transform-origin:0 50%}.em-reel__streep.is-aan i:after{transform:scaleX(1)}.em-reel__stuk.is-loopt .em-reel__streep.is-aan i:after{animation:em-reel-vul var(--em-reel-tik, 3.6s) linear both}@keyframes em-reel-vul{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.em-reel__streep:hover i,.em-reel__streep:focus-visible i{background:#f6f1e773}.em-reel__streep:focus-visible{outline:2px solid var(--em-gold-soft, #cdab74);outline-offset:2px}.em-reel__streep{position:relative}.em-reel__streep:before{content:"";position:absolute;top:-11px;right:0;bottom:-11px;left:0}.em-reel__info{display:grid;gap:.3rem}.em-reel__teller{font-size:11px;letter-spacing:.24em;color:#f6f1e78c;font-variant-numeric:tabular-nums}.em-reel__naam{font-family:var(--em-serif);font-size:clamp(1.4rem,1.9vw,1.85rem);line-height:1.12;color:var(--em-cream, #f6f1e7);text-decoration:none}.em-reel__naam:hover,.em-reel__naam:focus-visible{color:var(--em-gold-soft, #cdab74);outline:none}.em-reel__prijs{font-size:15px;color:#f6f1e7d9}.em-reel__link{justify-self:start;margin-top:.6rem;padding-bottom:4px;border-bottom:1px solid var(--em-gold-soft, #cdab74);color:var(--em-cream, #f6f1e7);font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none}.em-reel__link:hover,.em-reel__link:focus-visible{color:var(--em-gold-soft, #cdab74);outline:none}@media(max-width:989px){.em-reel__strook{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(84vw,420px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.em-reel__strook::-webkit-scrollbar{display:none}.em-reel__stuk{scroll-snap-align:start}.em-reel__naam{font-size:1.45rem}}@media(min-width:600px)and (max-width:989px){.em-reel__strook{grid-auto-columns:calc((100% - 1rem)/2)}}@media(prefers-reduced-motion:reduce){.em-reel__frame{transition:none;transform:none}.em-reel__stuk.is-loopt .em-reel__streep.is-aan i:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/em-reel.css.map */