main#MainContent[data-template=collection] .collection-hero{position:relative;min-height:40rem;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#080d12,#101b23 58%,#0b1117)!important}main#MainContent[data-template=collection] .collection-hero:before,main#MainContent[data-template=collection] .collection-hero:after{display:none}main#MainContent[data-template=collection] .collection-hero__inner{position:relative;z-index:1;min-height:40rem;padding:3.2rem min(50vw,66rem) 3.2rem max(3rem,5vw);align-items:center}main#MainContent[data-template=collection] .collection-hero__text-wrapper{background:none}main#MainContent[data-template=collection] .collection-hero__scene{position:absolute;z-index:0;inset:0 0 0 auto;width:55%;max-width:82rem;overflow:hidden;border:0;border-radius:0;box-shadow:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);pointer-events:none}.collection-hero__carousel{display:none}@media screen and (max-width:749px){main#MainContent[data-template=collection] .collection-hero{min-height:55rem}main#MainContent[data-template=collection] .collection-hero__inner{min-height:55rem;padding:2.8rem 2rem 23rem;align-items:flex-start}main#MainContent[data-template=collection] .collection-hero__scene{inset:auto 0 0;width:100%;max-width:none;height:23rem;border-radius:0}main#MainContent[data-template=collection] .collection-hero__text-wrapper{padding:0 0 1rem 1.6rem}}cargrow-perfume-air{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:transparent}cargrow-perfume-air canvas{display:block;width:100%;height:100%}.cg-aroma{position:absolute;left:var(--x);top:var(--y);width:var(--size);aspect-ratio:1;display:block;overflow:hidden;border:1px solid rgba(205,157,72,.76);border-radius:50%;background:#0d1213;box-shadow:0 0 0 4px #daaa520e,0 8px 24px #0000004d;animation:cg-note-float 7s ease-in-out var(--delay) infinite alternate;will-change:translate,rotate}.cg-aroma img{display:block;width:86%;height:86%;margin:7%;object-fit:contain;filter:none}@keyframes cg-note-float{0%{translate:0 3px;rotate:-3deg}to{translate:0 -7px;rotate:3deg}}@media(prefers-reduced-motion:reduce){.cg-aroma{animation:none}}@media screen and (max-width:749px){.cg-aroma{width:clamp(3rem,12vw,4.8rem);box-shadow:0 0 0 3px #daaa5212,0 5px 14px #00000038}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/cargrow-collection-scene.css.map */