.cald-hero{position:relative;width:100%;height:100svh;min-height:600px;overflow:hidden;display:flex;align-items:flex-end;background-color:var(--c-black)}.cald-hero__video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cald-hero__video{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);transition:transform 1.2s var(--ease-premium);will-change:transform}.cald-hero.is-loaded .cald-hero__video{transform:scale(1)}.cald-hero__image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cald-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#0a0a0abf,#0a0a0a59 40%,#0a0a0a1a,#0a0a0a0d)}.cald-hero__overlay-left{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to right,rgba(10,10,10,.45) 0%,transparent 60%)}.cald-hero__grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:2;width:200%;height:200%;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;pointer-events:none;animation:cald-grain .5s steps(1) infinite}@keyframes cald-grain{0%{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,1%)}30%{transform:translate(-1%,4%)}40%{transform:translate(4%,-2%)}50%{transform:translate(-3%,2%)}60%{transform:translate(2%,-4%)}70%{transform:translate(-4%,3%)}80%{transform:translate(1%,-1%)}90%{transform:translate(3%,4%)}to{transform:translate(-2%)}}.cald-hero__content{position:relative;z-index:3;width:100%;padding:0 var(--container-pad) clamp(3rem,6vw,5rem);max-width:var(--container-2xl);margin-inline:auto;display:grid;grid-template-columns:1fr auto;align-items:flex-end;gap:var(--space-8)}.cald-hero__text{max-width:680px}.cald-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.2em;text-transform:uppercase;color:var(--c-gold);margin-bottom:var(--space-5);opacity:0;transform:translateY(16px);transition:opacity var(--duration-cinematic) var(--ease-premium),transform var(--duration-cinematic) var(--ease-premium);transition-delay:.2s}.cald-hero__eyebrow:before{content:"";display:block;width:2rem;height:1px;background:var(--c-gold)}.cald-hero__heading{font-family:var(--font-display);font-size:clamp(3rem,6.5vw,6rem);font-weight:var(--weight-light);line-height:1;letter-spacing:-.025em;color:var(--c-white);margin-bottom:var(--space-6);overflow:hidden}.cald-hero__heading-line{display:block;overflow:hidden}.cald-hero__heading-line-inner{display:block;transform:translateY(110%);transition:transform var(--duration-cinematic) var(--ease-premium)}.cald-hero__heading-line--italic .cald-hero__heading-line-inner{font-style:italic;color:#ffffffbf}.cald-hero__subheading{font-family:var(--font-body);font-size:clamp(.9rem,1.4vw,1.1rem);font-weight:var(--weight-light);line-height:1.65;color:#ffffffa6;max-width:440px;margin-bottom:var(--space-8);opacity:0;transform:translateY(16px);transition:opacity var(--duration-cinematic) var(--ease-premium),transform var(--duration-cinematic) var(--ease-premium);transition-delay:.7s}.cald-hero__ctas{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;opacity:0;transform:translateY(16px);transition:opacity var(--duration-cinematic) var(--ease-premium),transform var(--duration-cinematic) var(--ease-premium);transition-delay:.9s}.cald-hero.is-loaded .cald-hero__eyebrow,.cald-hero.is-loaded .cald-hero__subheading,.cald-hero.is-loaded .cald-hero__ctas{opacity:1;transform:translateY(0)}.cald-hero.is-loaded .cald-hero__heading-line-inner{transform:translateY(0)}.cald-hero__heading-line:nth-child(1) .cald-hero__heading-line-inner{transition-delay:.3s}.cald-hero__heading-line:nth-child(2) .cald-hero__heading-line-inner{transition-delay:.45s}.cald-hero__heading-line:nth-child(3) .cald-hero__heading-line-inner{transition-delay:.6s}.cald-hero__aside{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-6);padding-bottom:var(--space-2);opacity:0;transform:translate(20px);transition:opacity var(--duration-cinematic) var(--ease-premium),transform var(--duration-cinematic) var(--ease-premium);transition-delay:1s}.cald-hero.is-loaded .cald-hero__aside{opacity:1;transform:translate(0)}.cald-hero__stat{text-align:right}.cald-hero__stat-number{display:block;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-light);color:var(--c-white);line-height:1;letter-spacing:-.02em}.cald-hero__stat-label{display:block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;margin-top:var(--space-1)}.cald-hero__stat-divider{width:1px;height:40px;background:#ffffff26;margin-inline:auto}.cald-hero__scroll{position:absolute;bottom:clamp(1.5rem,3vw,2.5rem);left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);opacity:0;transition:opacity var(--duration-cinematic) var(--ease-premium);transition-delay:1.2s;cursor:none}.cald-hero.is-loaded .cald-hero__scroll{opacity:1}.cald-hero__scroll-text{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.18em;text-transform:uppercase;color:#fff6;writing-mode:vertical-rl;text-orientation:mixed}.cald-hero__scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);position:relative;overflow:hidden}.cald-hero__scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--c-gold);animation:cald-scroll-line 2s var(--ease-in-out) infinite;animation-delay:1.5s}@keyframes cald-scroll-line{0%{top:-100%;opacity:1}to{top:100%;opacity:0}}@media(max-width:768px){.cald-hero__content{grid-template-columns:1fr;padding-bottom:clamp(5rem,12vw,7rem)}.cald-hero__aside{display:none}.cald-hero__heading{font-size:clamp(2.5rem,10vw,3.5rem)}.cald-hero__ctas{flex-direction:column;align-items:flex-start}.cald-hero__scroll{display:none}}@media(max-width:480px){.cald-hero__subheading{font-size:var(--text-base)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/caldania-hero.css.map */