.cine-how-to{padding-block:clamp(88px,11vw,160px) clamp(80px,10vw,140px);overflow-x:clip}.cine-how-to__head{display:grid;gap:20px;margin-bottom:clamp(44px,6vw,88px)}.cine-how-to__eyebrow{margin-bottom:18px}.cine-how-to__heading{max-width:14ch}.cine-how-to__intro{max-width:36ch;margin:0}@media(min-width:990px){.cine-how-to__head{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;gap:48px}.cine-how-to__intro{justify-self:end;padding-bottom:.6em;border-left:1px solid var(--line);padding-left:28px}}.cine-how-to__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,5vw,56px) clamp(16px,2.4vw,32px)}@media(min-width:750px){.cine-how-to__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cine-how-to__step:nth-child(2n){padding-top:clamp(32px,5vw,72px)}}@media(min-width:990px){.cine-how-to__steps--n3,.cine-how-to__steps--n6{grid-template-columns:repeat(3,minmax(0,1fr))}.cine-how-to__steps--n3 .cine-how-to__step,.cine-how-to__steps--n6 .cine-how-to__step{padding-top:0}.cine-how-to__steps--n3 .cine-how-to__step:nth-child(3n+2),.cine-how-to__steps--n6 .cine-how-to__step:nth-child(3n+2){padding-top:clamp(40px,5vw,72px)}}@media(min-width:1200px){.cine-how-to__steps--n4{grid-template-columns:repeat(4,minmax(0,1fr))}}.cine-how-to__step{min-width:0}.cine-how-to__card{position:relative;transition:transform .7s var(--cine-ease)}.cine-how-to__media{position:relative;margin:0;aspect-ratio:4 / 5;border-radius:22px;overflow:hidden;background:var(--sand);isolation:isolate;box-shadow:0 1px #0f0f0f0a,0 24px 48px -28px #062b2b73}.cine-how-to__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#03191a52,#03191a00 28%);border-radius:inherit;box-shadow:inset 0 0 0 1px #0f0f0f0f}.cine-how-to__img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;transform:scale(1.001);transition:transform 1.1s var(--cine-ease)}.cine-how-to__num,.cine-how-to__chip{position:absolute;top:14px;z-index:2;padding:7px 12px 6px;border-radius:980px;line-height:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cine-how-to__num{left:14px;color:var(--gold);background:#03191a9e;font-variant-numeric:tabular-nums;letter-spacing:.22em}.cine-how-to__chip{right:14px;color:var(--ink);background:#f3ede3d1}.cine-how-to__copy{padding:22px 4px 0}.cine-how-to__title{margin-bottom:10px}.cine-how-to__body{margin:0;max-width:38ch}@media(hover:hover){.cine-how-to__card:hover{transform:translateY(-4px)}.cine-how-to__card:hover .cine-how-to__img{transform:scale(1.04)}}@media(min-width:750px)and (prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.cine-how-to__drift{animation:cine-how-to-drift linear both;animation-timeline:view()}}}@keyframes cine-how-to-drift{0%{transform:translateY(calc(var(--speed, .2) * 8vh))}to{transform:translateY(calc(var(--speed, .2) * -8vh))}}.cine-how-to__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;margin-top:clamp(56px,7vw,104px);padding-top:28px;border-top:1px solid var(--line)}.cine-how-to__note{display:flex;align-items:flex-start;gap:14px;margin:0;max-width:62ch;color:var(--fg-muted)}.cine-how-to__note .t-body{font-size:14px;line-height:1.7}.cine-how-to__note-icon{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);color:var(--teal)}.cine-how-to__cta{flex:0 0 auto}@media(max-width:749px){.cine-how-to__cta{width:100%}}@media(prefers-reduced-motion:reduce){.cine-how-to__card,.cine-how-to__img{transition:none}.cine-how-to__card:hover,.cine-how-to__card:hover .cine-how-to__img,.cine-how-to__drift{transform:none;animation:none}}.cine-how-to__counter{display:none}@media(max-width:749px){.cine-how-to{padding-block:80px 72px}.cine-how-to__head{margin-bottom:32px}.cine-how-to__steps{--rail-pad: clamp(20px, 4vw, 48px);display:flex;gap:14px;margin-inline:calc(-1 * var(--rail-pad));padding-inline:var(--rail-pad);scroll-padding-inline:var(--rail-pad);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cine-how-to__steps::-webkit-scrollbar{display:none}.cine-how-to__step{flex:0 0 84vw;scroll-snap-align:start}.cine-how-to__steps [data-reveal]{opacity:1;transform:none;transition:none}.cine-how-to__media{aspect-ratio:1 / 1}.cine-how-to__copy{padding-top:18px}.cine-how-to__counter{display:flex;align-items:center;gap:6px;margin:22px 0 0;color:var(--fg-muted);font-variant-numeric:tabular-nums;letter-spacing:.2em}.cine-how-to__counter [data-howto-current]{color:var(--ink)}.cine-how-to__hint{margin-left:auto;letter-spacing:.16em}.cine-how-to__foot{margin-top:36px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/cine-how-to.css.map */