body.template-index.gradient{background:var(--chits-page-bg);background-attachment:fixed}.t7-collage{padding:60px 32px 70px;background:var(--chits-page-bg)}.t7-collage-shell{position:relative;max-width:1400px;margin:0 auto}.t7-collage-row{display:flex;gap:22px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:6px}.t7-collage-row::-webkit-scrollbar{display:none}.t7-tile{flex:0 0 320px;scroll-snap-align:start;border-radius:16px;padding:30px 26px;position:relative;overflow:hidden;min-height:400px;display:flex;flex-direction:column;box-shadow:0 14px 30px #00000024;text-decoration:none;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.t7-tile:hover{transform:translateY(-6px);box-shadow:0 22px 44px #00000038}.t7-tile:active{transform:translateY(-2px) scale(.98);box-shadow:0 12px 24px #0000002e;transition:transform .08s ease}.t7-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000002e;z-index:0;pointer-events:none}.t7-tile>*{position:relative;z-index:1}.t7-tile-kicker{color:#ffffffd9;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px}.t7-tile h3{color:#fff;font-family:Fraunces,serif;font-size:25px;font-weight:600;line-height:1.25;margin-top:0;margin-bottom:14px;text-decoration:none}.t7-tile img{position:absolute;bottom:-6px;right:-6px;width:180px;height:180px;object-fit:cover;border-radius:14px;border:3px solid rgba(255,255,255,.5);box-shadow:0 10px 24px #0000004d}.t7-collage-arrow{position:absolute;top:50%;right:-6px;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;background:#fff;border:1.5px solid #e8d5c0;font-size:20px;cursor:pointer;box-shadow:0 12px 26px #00000029;z-index:1;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.t7-collage-arrow:hover{background:#fff8ea;border-color:#c48a2f;box-shadow:0 16px 34px #00000038;transform:translateY(-50%) scale(1.08)}.t7-collage-arrow:active{transform:translateY(-50%) scale(.92);box-shadow:0 8px 16px #0000002e;transition:transform .08s ease}.t7-collage-arrow--prev{right:auto;left:-6px}.t7-tile-kicker,.t7-tile h3,.t7-tile-cta{position:relative;z-index:2}.t7-tile-cta{margin-top:auto;color:#fff;font-size:12.5px;font-weight:700}.t7-collage-dots{display:none;justify-content:center;align-items:center;gap:0;margin-top:8px}.t7-collage-dot{box-sizing:content-box;width:7px;height:7px;padding:0;border:8px solid transparent;background-clip:padding-box;border-radius:999px;background:#8b2f1540;cursor:pointer;transition:width .25s ease,background .25s ease}.t7-collage-dot.is-active{width:22px;background:#8b2f15}@media(hover:none){.t7-tile:hover{transform:none;box-shadow:0 14px 30px #00000024}}@media screen and (max-width:1199px){.t7-collage{padding:48px 28px 56px}.t7-tile{flex-basis:300px;min-height:380px}}@media screen and (max-width:989px){.t7-collage{padding:36px 0 40px}.t7-collage-row{gap:16px;padding:4px 24px 14px;scroll-padding-left:24px}.t7-tile{flex:0 0 calc((100% - 32px) / 2.3);min-height:340px;padding:26px 22px}.t7-tile img{width:150px;height:150px}.t7-collage-arrow{display:none}.t7-collage-dots{display:flex}.t7-tile-cta{align-self:flex-start;padding:8px 14px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media screen and (max-width:749px){.t7-collage{padding:24px 0 30px}.t7-collage-row{gap:16px;padding:4px 16px 12px;scroll-padding-left:16px}.t7-tile{flex:0 0 100%;scroll-snap-stop:always;min-height:300px;padding:24px 20px 20px;border-radius:18px}.t7-tile-kicker{font-size:11px;margin-bottom:8px}.t7-tile h3{font-size:23px;max-width:88%}.t7-tile img{width:min(50%,220px);height:auto;aspect-ratio:1 / 1;border-radius:12px}.t7-tile-cta{font-size:12px}.t7-collage-dots{margin-top:12px}}@media screen and (max-width:389px){.t7-tile{min-height:270px;padding:20px 18px 18px}.t7-tile h3{font-size:21px}.t7-tile img{width:min(50%,220px);height:auto}}.t7-collage{padding-top:22px}@media screen and (max-width:989px){.t7-collage{padding-top:16px}}@media screen and (max-width:749px){.t7-collage{padding-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-chits-collage.css.map */