.cine-collection-hero{--o: var(--cch-overlay, .45);position:relative;view-timeline:--cch block}.cch__depth,.cch__fg{min-height:clamp(520px,70svh,760px)}.cch__bg{background:var(--abyss)}.cine-collection-hero__video{position:absolute;top:0;right:0;bottom:0;left:0}.cch__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgb(3 25 26 / calc(var(--o) * 1.6)),rgb(3 25 26 / calc(var(--o) * .9)) 45%,rgb(3 25 26 / calc(var(--o) * .2)) 75%),linear-gradient(0deg,rgb(3 25 26 / calc(var(--o) * 2)),rgb(3 25 26 / calc(var(--o) * 1.1)) 30%,rgb(3 25 26 / calc(var(--o) * .3)),rgb(3 25 26 / calc(var(--o) * 1.4)))}.cch__fg{display:flex;flex-direction:column;justify-content:flex-end;padding-top:clamp(136px,18vh,184px);padding-bottom:32px;box-sizing:border-box}.cch__copy{padding-bottom:clamp(28px,5vh,56px)}.cch__crumbs ol{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 clamp(18px,2.6vh,28px);padding:0;list-style:none;color:var(--fg-muted);text-shadow:0 1px 14px rgb(3 25 26 / .7)}.cch__crumbs li+li:before{content:"/";margin-right:10px;opacity:.5}.cch__crumbs a{color:inherit;text-decoration:none;display:inline-block;padding-block:6px;margin-block:-6px;transition:color .3s var(--cine-ease)}.cch__crumbs a:hover{color:var(--fg)}.cch__crumbs a:focus-visible{outline:2px solid var(--glow);outline-offset:3px;border-radius:4px}.cch__crumbs [aria-current]{color:var(--gold)}.cch__title{font-size:clamp(3.4rem,9.5vw,9.5rem);max-width:12ch;text-shadow:0 2px 40px rgb(3 25 26 / .35)}.cine-collection-hero__desc{max-width:54ch;margin-top:clamp(18px,2.6vh,28px);font-size:15.5px}.cine-collection-hero__desc p{margin:0}.cine-collection-hero__desc p+p{margin-top:.8em}.cine-collection-hero__desc a{color:var(--fg)}.cch__foot{position:relative;display:flex;align-items:center;gap:24px;padding-top:18px;padding-bottom:26px}.cch__foot:before{content:"";position:absolute;top:0;left:clamp(20px,4vw,48px);right:clamp(20px,4vw,48px);height:1px;background:var(--line)}.cch__count{color:var(--fg);white-space:nowrap}.cch__count-n{color:var(--gold);margin-right:4px}.cch__trust{color:var(--fg-muted);flex:1;min-width:0}.cch__cue{display:flex;flex-direction:column;align-items:center;gap:10px;flex:none;margin-left:auto}.cch__cue-label{font-family:var(--cine-font-body);font-size:10px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--fg-muted)}.cch__cue-line{display:block;width:1px;height:32px;background:linear-gradient(to bottom,var(--fg),rgba(243,237,227,0));transform-origin:top;animation:cch-cue 2.4s var(--cine-ease) infinite}@keyframes cch-cue{0%{transform:scaleY(0);opacity:0}30%{transform:scaleY(1);opacity:1}70%{transform:scaleY(1) translateY(6px);opacity:.6}to{transform:scaleY(1) translateY(12px);opacity:0}}.cch__in{animation:cch-in 1.2s var(--cine-ease) both;animation-delay:calc(var(--d, 0) * 90ms + .12s)}@keyframes cch-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@supports (animation-timeline: view()){.cch__bg,.cch__copy{animation-timing-function:linear;animation-fill-mode:both;animation-duration:auto;animation-timeline:--cch}.cch__bg{animation-name:cch-sink;animation-range:exit 0% exit 100%}.cch__copy{animation-name:cch-lift;animation-range:exit 0% exit 70%}}@keyframes cch-sink{to{transform:translateY(10%) scale(1.05)}}@keyframes cch-lift{to{transform:translateY(-6vh);opacity:.2}}@media(max-width:749px){.cch__depth,.cch__fg{min-height:clamp(520px,78svh,680px)}.cch__fg{padding-top:128px}.cch__overlay{background:linear-gradient(0deg,rgb(3 25 26 / calc(var(--o) * 2)),rgb(3 25 26 / calc(var(--o) * 1.6)) 40%,rgb(3 25 26 / calc(var(--o) * .6)),rgb(3 25 26 / calc(var(--o) * 1.5)))}.cch__title{font-size:clamp(3rem,15vw,4.4rem)}.cine-collection-hero__desc{font-size:14.5px}.cch__foot{flex-wrap:wrap;gap:8px 16px;padding-bottom:22px}.cch__trust{flex-basis:100%;font-size:9.5px;line-height:1.7}.cch__cue{display:none}}@media(prefers-reduced-motion:reduce){.cch__in,.cch__cue-line,.cch__bg,.cch__copy{animation:none!important;transform:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/cine-collection-hero.css.map */
