.solina-collage{--solina-bg: #d71920;--solina-text: #fff;--solina-card-radius: 20px;position:relative;isolation:isolate;display:block;min-height:max(1700px,220svh);color:var(--solina-text);background:var(--solina-bg)}.solina-collage__stage{position:sticky;top:0;isolation:isolate;height:100svh;min-height:var(--solina-height, 720px);overflow:hidden;display:grid;place-items:center;padding:clamp(5rem,8vw,9rem) clamp(1.6rem,5vw,7rem);background:var(--solina-bg)}.solina-collage__background,.solina-collage__background-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.solina-collage__background{z-index:-2}.solina-collage__background-media{display:block;object-fit:cover;object-position:var(--solina-bg-position, center)}.solina-collage__background--placeholder{background:radial-gradient(circle at 50% 45%,rgb(255 255 255 / 10%),transparent 38%),linear-gradient(135deg,rgb(0 0 0 / 7%),transparent 48%,rgb(0 0 0 / 9%))}.solina-collage__stage:after{content:"";z-index:-1;background:var(--solina-overlay, #000);opacity:var(--solina-overlay-opacity, 0);pointer-events:none}.solina-collage__stage:after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.solina-collage__content{position:relative;z-index:3;width:min(100%,920px);text-align:center;display:flex;flex-direction:column;align-items:center;transform:translate3d(0,var(--content-scroll-y, 0),0) scale(var(--content-scale, 1));will-change:transform}.solina-collage__eyebrow{margin:0 0 1.2rem;font-size:1.2rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.solina-collage__brand{position:relative;width:min(100%,var(--solina-logo-width, 700px));min-height:clamp(7.2rem,10vw,14rem);display:grid;place-items:center;margin-bottom:1.2rem;user-select:none;-webkit-user-select:none}.solina-collage__brand-spacer--3d{width:min(100%,1200px);min-height:32rem;margin-bottom:2rem}.solina-collage__brand-anchor{display:block;width:1px;height:1px}.solina-collage__model-layer{position:absolute;top:clamp(14rem,18vh,20rem);left:50%;width:min(72vw,1000px);height:44rem;z-index:2;display:grid;place-items:center;perspective:1200px;pointer-events:none;overflow:visible;opacity:1;transform:translate(-50%)}.solina-collage__model-layer:after{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;z-index:3;pointer-events:none;opacity:var(--flare-opacity, 0);background:radial-gradient(circle at var(--flare-x, 15%) var(--flare-y, 25%),rgb(255 255 255 / 78%) 0 1px,rgb(255 244 206 / 42%) 2px 5px,rgb(255 211 103 / 14%) 10px 34px,transparent 78px),radial-gradient(circle at calc(var(--flare-x, 15%) + 16%) calc(var(--flare-y, 25%) + 10%),rgb(255 239 190 / 10%) 0 14px,transparent 48px),radial-gradient(circle at calc(var(--flare-x, 15%) + 31%) calc(var(--flare-y, 25%) + 20%),rgb(255 255 255 / 8%) 0 6px,rgb(255 220 145 / 5%) 10px 22px,transparent 38px);filter:blur(1px);mix-blend-mode:screen;transform:scale(var(--flare-scale, .9));transform-origin:var(--flare-x, 15%) var(--flare-y, 25%);will-change:opacity,transform}.solina-collage__model-layer:before{content:"";position:absolute;top:8%;right:-12%;bottom:8%;left:-12%;z-index:4;pointer-events:none;opacity:var(--glint-opacity, 0);background:radial-gradient(circle at var(--glint-x-1, 20%) var(--glint-y-1, 42%),rgb(255 255 255 / 100%) 0 1px,rgb(255 245 190 / 90%) 2px,rgb(255 208 65 / 45%) 3px 6px,transparent 13px),radial-gradient(ellipse at var(--glint-x-1, 20%) var(--glint-y-1, 42%),rgb(255 255 255 / 70%) 0 1px,transparent 2px 100%),radial-gradient(circle at var(--glint-x-2, 54%) var(--glint-y-2, 36%),rgb(255 255 255 / 95%) 0 1px,rgb(255 224 110 / 65%) 2px 4px,transparent 10px),radial-gradient(circle at var(--glint-x-3, 76%) var(--glint-y-3, 54%),rgb(255 255 255 / 90%) 0 1px,rgb(255 215 75 / 55%) 2px 5px,transparent 12px);mix-blend-mode:screen;filter:drop-shadow(0 0 5px rgb(255 210 80 / 55%));will-change:opacity}.solina-collage__logo-image{display:block;width:100%;max-height:18rem;object-fit:contain}.solina-collage__model-wrap,.solina-collage__model{display:block;width:min(94vw,1400px);height:clamp(18rem,24vw,32rem)}.solina-collage__model-wrap{position:absolute;top:50%;left:50%;pointer-events:none;transform:translate3d(calc(-50% + var(--model-scroll-x, 0)),calc(-50% + var(--model-scroll-y, 0)),var(--model-scroll-z, 0)) rotateX(var(--model-rotate-x, 0deg)) rotateY(var(--model-rotate-y, 0deg)) rotate(var(--model-rotate-z, 0deg)) scale(var(--model-scroll-scale, 1));transform-origin:center;transform-style:preserve-3d;will-change:transform}.solina-collage__model{background:transparent;--poster-color: transparent;filter:brightness(var(--model-brightness, 1)) saturate(var(--model-saturation, 1)) drop-shadow(0 18px 28px rgb(0 0 0 / 20%));transition:filter .35s ease;pointer-events:none;user-select:none;-webkit-user-select:none;touch-action:pan-y;--progress-bar-height: 0px}.solina-collage__model::part(default-progress-bar){display:none}.solina-collage.is-entered .solina-collage__model{animation:solina-logo-breathe 5.5s ease-in-out infinite alternate}@keyframes solina-logo-breathe{0%{translate:0 4px}to{translate:0 -10px}}.solina-collage__wordmark{margin:0;color:inherit;font-family:var(--font-heading-family);font-size:clamp(6.2rem,11vw,15rem);font-weight:900;line-height:.78;letter-spacing:-.06em;text-transform:uppercase}.solina-collage__heading{margin:0 0 .8rem;max-width:720px;color:inherit;font-size:clamp(2.2rem,3vw,4.4rem);line-height:1}.solina-collage__text{max-width:620px;font-size:clamp(1.4rem,1.5vw,1.8rem);line-height:1.45}.solina-collage__text p{margin:0}.solina-collage__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.solina-collage__button{min-width:14rem}.solina-collage__cards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.solina-collage__card{position:absolute;width:clamp(140px,var(--card-width, 18vw),250px);aspect-ratio:var(--card-ratio, 4 / 5);border-radius:var(--solina-card-radius);overflow:hidden;--float-x: 0px;--float-y: 0px;--scroll-y: 0px;transform:translate3d(var(--float-x),calc(var(--float-y) + var(--scroll-y)),0) rotate(var(--card-rotation, 0deg));box-shadow:0 20px 50px #0000003d;background:#ffffff1f;will-change:transform}.solina-collage.is-motion-ready .solina-collage__content,.solina-collage.is-motion-ready .solina-collage__card{opacity:0}.solina-collage.is-motion-ready.is-entered .solina-collage__content,.solina-collage.is-motion-ready.is-entered .solina-collage__card{opacity:var(--card-scroll-opacity, 1);transition:opacity .8s cubic-bezier(.22,1,.36,1)}.solina-collage.is-motion-ready.is-entered .solina-collage__content{opacity:1}.solina-collage.is-entered .solina-collage__card{animation:solina-idle-float 6.4s ease-in-out infinite alternate}.solina-collage.is-entered .solina-collage__card:nth-child(2){animation-duration:7.2s;animation-delay:-2.1s}.solina-collage.is-entered .solina-collage__card:nth-child(3){animation-duration:5.8s;animation-delay:-3.4s}.solina-collage.is-entered .solina-collage__card:nth-child(4){animation-duration:6.8s;animation-delay:-1.2s}@keyframes solina-idle-float{0%{translate:-3px 8px}50%{translate:5px -10px}to{translate:-2px -16px}}.solina-collage.is-motion-ready.is-entered .solina-collage__card:nth-child(2){transition-delay:.08s}.solina-collage.is-motion-ready.is-entered .solina-collage__card:nth-child(3){transition-delay:.16s}.solina-collage.is-motion-ready.is-entered .solina-collage__card:nth-child(4){transition-delay:.24s}.solina-collage__card:nth-child(1){top:8%;left:14%}.solina-collage__card:nth-child(2){top:8%;right:14%}.solina-collage__card:nth-child(3){bottom:7%;left:19%}.solina-collage__card:nth-child(4){right:18%;bottom:7%}.solina-collage__card-image,.solina-collage__card .placeholder-svg{width:100%;height:100%;display:block;object-fit:cover}.solina-collage__card--cutout{width:clamp(160px,var(--card-width, 20vw),290px);overflow:visible;border-radius:0;background:transparent;box-shadow:none}.solina-collage__card--cutout .solina-collage__card-image{object-fit:contain}.solina-collage__card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:auto}@media(hover:hover){.solina-collage__card{transition:box-shadow .35s ease}.solina-collage__card:has(.solina-collage__card-link:hover){box-shadow:0 28px 60px #00000052}}@media screen and (max-width:989px){.solina-collage{min-height:max(1300px,180svh);display:block;padding:0}.solina-collage__stage{height:100svh;min-height:680px;padding:5.6rem 1.6rem 2rem}.solina-collage__content{margin-inline:auto}.solina-collage__model{animation:none;translate:none;scale:1}.solina-collage__model-layer:after{display:none}.solina-collage__model-layer:before{display:none}.solina-collage__brand{min-height:6rem}.solina-collage__brand-spacer--3d{width:100%;min-height:24rem;margin-bottom:2rem}.solina-collage__model-wrap,.solina-collage__model{width:min(110vw,760px);height:clamp(14rem,34vw,22rem)}.solina-collage__model-layer{top:10rem;width:94vw;height:24rem}.solina-collage__wordmark{font-size:clamp(5.5rem,18vw,10rem)}.solina-collage__cards{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:4rem}.solina-collage__card,.solina-collage__card:nth-child(n){position:relative;inset:auto;width:100%;transform:translate3d(var(--float-x),calc(var(--float-y) + var(--scroll-y)),0) rotate(calc(var(--card-rotation, 0deg) * .35));will-change:transform,opacity}}@media screen and (max-width:749px){.solina-collage__heading{max-width:34rem}.solina-collage__text{max-width:42rem}.solina-collage__actions{width:100%}.solina-collage__button{flex:1 1 100%;width:100%}}@media(prefers-reduced-motion:reduce){.solina-collage{min-height:auto}.solina-collage__stage{position:relative;height:auto}.solina-collage__content{opacity:1;transform:none}.solina-collage__card{opacity:1;animation:none;translate:none;transition:none;transform:rotate(var(--card-rotation, 0deg))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-solina-collage-hero.css.map */