.our-creations{position:relative;background:var(--oc-bg);overflow:hidden}.our-creations:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:var(--oc-bg-image);background-position:var(--oc-bg-image-position);background-repeat:no-repeat;background-size:var(--oc-bg-image-size);opacity:var(--oc-bg-image-opacity);pointer-events:none}.our-creations__inner{position:relative;z-index:1;width:min(100%,var(--oc-max-width));margin:0 auto;padding:0 var(--oc-side-padding-mobile)}.our-creations__header{display:flex;flex-direction:column;gap:var(--oc-header-gap)}.our-creations__header--left{align-items:flex-start;text-align:left}.our-creations__header--center{align-items:center;text-align:center}.our-creations__header--right{align-items:flex-end;text-align:right}.our-creations__heading{margin:0;color:var(--oc-heading-color);font-size:var(--oc-heading-size-mobile);font-weight:var(--oc-heading-weight);line-height:var(--oc-heading-line-height);letter-spacing:var(--oc-heading-letter-spacing)}.our-creations__subheading{width:min(100%,var(--oc-subheading-width));color:var(--oc-subheading-color);font-size:var(--oc-subheading-size-mobile);font-weight:var(--oc-subheading-weight);line-height:var(--oc-subheading-line-height)}.our-creations__subheading p{margin:0}.our-creations__grid{display:grid;grid-template-columns:1fr;gap:var(--oc-gap-mobile);margin-top:var(--oc-grid-top-spacing-mobile)}.our-creations__item{min-width:0;position:relative}.our-creations__item--with-badge{--oc-badge-space: calc( var(--oc-badge-font-size-mobile) * 1.45 + (var(--oc-badge-padding-y-mobile) * 2) + var(--oc-badge-gap-mobile) )}.our-creations__item--badge-above{padding-top:var(--oc-badge-space)}.our-creations__item--badge-below{padding-bottom:var(--oc-badge-space)}.our-creations__card{position:relative;display:block;width:100%;height:var(--oc-mobile-card-height);overflow:hidden;border-radius:var(--oc-card-radius-mobile);background:var(--oc-card-bg);border:var(--oc-card-border-width) solid var(--oc-card-border-color);box-shadow:0 18px 46px rgba(18,18,18,var(--oc-card-shadow-opacity));text-decoration:none;color:inherit}.our-creations__image,.our-creations__placeholder,.our-creations__placeholder-svg{display:block;width:100%;height:100%}.our-creations__image{object-fit:cover;object-position:center;transition:transform .5s ease}.our-creations__placeholder{background:var(--oc-card-bg)}.our-creations__placeholder-svg{opacity:.25}.our-creations__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--oc-overlay-bg);opacity:var(--oc-overlay-opacity);pointer-events:none}.our-creations__badge-wrapper{position:absolute;left:50%;z-index:3;width:calc(100% - 1.2rem);transform:translate(-50%);display:flex;justify-content:center;text-decoration:none;color:inherit}.our-creations__badge-wrapper--above{top:var(--oc-badge-gap-mobile)}.our-creations__badge-wrapper--below{bottom:var(--oc-badge-gap-mobile)}.our-creations__badge{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:calc(var(--oc-badge-font-size-mobile) * 1.45 + (var(--oc-badge-padding-y-mobile) * 2));padding:var(--oc-badge-padding-y-mobile) var(--oc-badge-padding-x-mobile);border-radius:var(--oc-badge-radius);background:rgba(var(--oc-badge-bg-rgb),var(--oc-badge-bg-opacity));border:1px solid rgba(var(--oc-badge-border-rgb),var(--oc-badge-border-opacity));box-shadow:0 12px 30px rgba(18,18,18,var(--oc-badge-shadow-opacity));color:var(--oc-badge-text-color);font-size:var(--oc-badge-font-size-mobile);font-weight:var(--oc-badge-font-weight);letter-spacing:var(--oc-badge-letter-spacing);line-height:1.2;text-align:center;backdrop-filter:blur(var(--oc-badge-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--oc-badge-blur)) saturate(140%)}.our-creations__badge p,.our-creations__badge svg{margin:0}.our-creations__caption{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;color:var(--oc-caption-color);font-size:var(--oc-caption-size);line-height:1.35}.our-creations__caption p,.our-creations__caption svg{margin:0}.our-creations__caption p{margin:0}.our-creations__card:hover .our-creations__image{transform:scale(1.04)}@media screen and (min-width:750px){.our-creations__inner{padding:0 var(--oc-side-padding-desktop)}.our-creations__heading{font-size:var(--oc-heading-size-desktop)}.our-creations__subheading{font-size:var(--oc-subheading-size-desktop)}.our-creations__item--with-badge{--oc-badge-space: calc( var(--oc-badge-font-size-desktop) * 1.45 + (var(--oc-badge-padding-y-desktop) * 2) + var(--oc-badge-gap-desktop) )}.our-creations__badge{min-height:calc(var(--oc-badge-font-size-desktop) * 1.45 + (var(--oc-badge-padding-y-desktop) * 2));padding:var(--oc-badge-padding-y-desktop) var(--oc-badge-padding-x-desktop);font-size:var(--oc-badge-font-size-desktop)}.our-creations__badge-wrapper--above{top:var(--oc-badge-gap-desktop)}.our-creations__badge-wrapper--below{bottom:var(--oc-badge-gap-desktop)}.our-creations__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.our-creations__item--large{grid-column:span 2}}@media screen and (min-width:990px){.our-creations__grid{width:min(100%,170rem);margin-left:auto;margin-right:auto;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--oc-gap-desktop);margin-top:var(--oc-grid-top-spacing-desktop);justify-content:center;align-items:start}.our-creations__card{border-radius:var(--oc-card-radius-desktop)}.our-creations__item--large{grid-column:span 3;grid-row:span 2}.our-creations__item--large .our-creations__card{height:var(--oc-large-card-height)}.our-creations__item--small{grid-column:span 1}.our-creations__item--small .our-creations__card{height:var(--oc-small-card-height)}.our-creations__item--small:nth-child(4){grid-column:span 2}.our-creations__item--wide{grid-column:span 2}.our-creations__item--wide .our-creations__card{height:var(--oc-wide-card-height)}}@media screen and (max-width:749px){.our-creations__header--right,.our-creations__header--left{align-items:center;text-align:center}.our-creations__header{max-width:78rem;margin:0 auto}.our-creations__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--oc-gap-mobile)}.our-creations__item:nth-child(1){grid-column:1 / -1}.our-creations__item:nth-child(2),.our-creations__item:nth-child(3){grid-column:span 3}.our-creations__item:nth-child(n+4):nth-child(-n+6){grid-column:span 2}.our-creations__item:nth-child(1) .our-creations__card{height:clamp(34rem,52vw,46rem)}.our-creations__item:nth-child(2) .our-creations__card,.our-creations__item:nth-child(3) .our-creations__card{height:clamp(18rem,27vw,24rem)}.our-creations__item:nth-child(n+4):nth-child(-n+6) .our-creations__card{height:clamp(14rem,23vw,19rem)}.our-creations__item:nth-child(n+7){grid-column:span 3}.our-creations__caption{left:2.4rem;right:auto;bottom:2.4rem;display:inline-flex;align-items:center;gap:1rem;max-width:calc(100% - 4.8rem);padding:1.1rem 1.8rem;border-radius:999px;background:#245441;color:#fff;font-size:clamp(1.3rem,1.6vw,1.8rem);line-height:1.2;font-weight:500;box-shadow:0 10px 24px #24544138}.our-creations__item:not(:first-child) .our-creations__caption{left:1.4rem;right:1.4rem;bottom:1.4rem;display:block;max-width:none;padding:0;border-radius:0;background:transparent;box-shadow:none;font-size:1.3rem}.our-creations__item:first-child .our-creations__caption:before{content:"";width:1.8rem;height:1.8rem;flex:0 0 1.8rem;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.1 20.3s-7.1-4.4-8.8-8.5C2.1 8.9 3.4 5.7 6.4 5c1.8-.4 3.5.3 4.6 1.7C12.1 5.3 13.8 4.6 15.6 5c3 .7 4.3 3.9 3.1 6.8-1.7 4.1-8.6 8.5-8.6 8.5Z' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.1 20.3s-7.1-4.4-8.8-8.5C2.1 8.9 3.4 5.7 6.4 5c1.8-.4 3.5.3 4.6 1.7C12.1 5.3 13.8 4.6 15.6 5c3 .7 4.3 3.9 3.1 6.8-1.7 4.1-8.6 8.5-8.6 8.5Z' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-our-creations-masonry.css.map */