.advanced-mosaic-section{padding:5rem 0;width:100%}.mosaic-section-header{margin-bottom:3rem}.mosaic-section-subtitle{font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:#8b7355;margin-bottom:.8rem;font-weight:500}.mosaic-section-title{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:300;color:#1a1a1a;margin:0;line-height:1.2;letter-spacing:-.02em}.mosaic-grid{display:grid;gap:1rem;width:100%;height:auto;min-height:600px}.mosaic-layout-top-split{grid-template-columns:1fr 1fr;grid-template-rows:1.5fr 1fr;grid-template-areas:"main main" "sub1 sub2"}.mosaic-layout-left-split{grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"main sub1" "main sub2"}.mosaic-layout-right-split{grid-template-columns:1fr 1.2fr;grid-template-rows:1fr 1fr;grid-template-areas:"sub1 main" "sub2 main"}.mosaic-layout-three-columns{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;grid-template-areas:"main sub1 sub2";min-height:500px}.mosaic-item-main{grid-area:main}.mosaic-item-sub1{grid-area:sub1}.mosaic-item-sub2{grid-area:sub2}.mosaic-item{position:relative;overflow:hidden;border-radius:4px;width:100%;height:100%;text-decoration:none;display:block;background:#f5f4f0}.mosaic-image-wrapper{width:100%;height:100%;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}.mosaic-image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.mosaic-item:hover .mosaic-image{transform:scale(1.03)}.mosaic-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000080,#0000001a 40%,#0000 70%);transition:background .5s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:2.5rem}.mosaic-style-minimal .mosaic-overlay{background:linear-gradient(to top,#00000073,#0000 50%)}.mosaic-style-solid .mosaic-overlay{background:#0000004d}.mosaic-style-solid:hover .mosaic-overlay{background:#0006}.mosaic-style-none .mosaic-overlay{background:transparent}.mosaic-style-none .mosaic-content{background:#fffffff2;padding:1.2rem 1.8rem;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-block;max-width:fit-content}.mosaic-style-none .mosaic-heading,.mosaic-style-none .mosaic-subheading{color:#1a1a1a;text-shadow:none}.mosaic-content{z-index:2}.mosaic-heading{font-size:1.8rem;font-weight:400;margin:0 0 .3rem;line-height:1.2;color:#fff;letter-spacing:.03em}.mosaic-item-main .mosaic-heading{font-size:2.4rem}.mosaic-subheading{font-size:1.2rem;font-weight:300;margin:0;color:#ffffffd9;letter-spacing:.03em}.mosaic-cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.2rem;padding:0;background:transparent;color:#fff;text-decoration:none;font-weight:400;font-size:1.3rem;letter-spacing:.05em;position:relative;opacity:0;transform:translateY(15px);transition:opacity .4s ease,transform .4s ease}.mosaic-cta:after{content:"\2192";transition:transform .3s ease}.mosaic-item:hover .mosaic-cta{opacity:1;transform:translateY(0)}.mosaic-item:hover .mosaic-cta:after{transform:translate(5px)}.mosaic-cta-style-button .mosaic-cta{background:#fff;color:#1a1a1a;padding:.8rem 1.5rem;border-radius:3px;font-size:1.2rem}.mosaic-cta-style-button .mosaic-cta:after{display:none}.mosaic-cta-style-underline .mosaic-cta{position:relative;padding-bottom:.3rem}.mosaic-cta-style-underline .mosaic-cta:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.mosaic-cta-style-underline .mosaic-item:hover .mosaic-cta:before{transform:scaleX(1)}.mosaic-cta-style-none .mosaic-cta{opacity:1;transform:translateY(0)}.mosaic-content-top .mosaic-overlay{justify-content:flex-start;padding-top:2.5rem;background:linear-gradient(to bottom,#00000073,#0000 50%)}.mosaic-content-center .mosaic-overlay{justify-content:center;align-items:center;text-align:center;background:#0000004d}.mosaic-tag{display:inline-block;padding:.4rem 1rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:2px;font-size:1rem;letter-spacing:.15em;text-transform:uppercase;color:#fff;margin-bottom:1rem}@media screen and (max-width:990px){.advanced-mosaic-section{padding:3rem 0}.mosaic-grid{min-height:500px}.mosaic-overlay{padding:1.8rem}.mosaic-heading{font-size:1.6rem}.mosaic-item-main .mosaic-heading{font-size:2rem}}@media screen and (max-width:768px){.advanced-mosaic-section{padding:2.5rem 0}.mosaic-section-header{margin-bottom:2rem}.mosaic-grid{display:flex;flex-direction:column;height:auto;gap:.8rem;min-height:auto}.mosaic-item{height:280px;border-radius:3px}.mosaic-item-main{height:340px}.mosaic-overlay{padding:1.5rem}.mosaic-heading{font-size:1.5rem}.mosaic-item-main .mosaic-heading{font-size:1.8rem}.mosaic-subheading{font-size:1.1rem}.mosaic-cta{opacity:1;transform:translateY(0);font-size:1.2rem;margin-top:1rem}}.mosaic-item.animate-in{animation:mosaicFadeIn .8s ease forwards}@keyframes mosaicFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/advanced-mosaic.css.map */