.t-ugc-section{--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--s9:5rem;--s10:6rem;--r-sm:.25rem;--r-md:.5rem;--r-lg:.75rem;--r-card:1rem;--r-pill:6.25rem;font-family:var(--font-brand, "FT Terra", "Inter", system-ui, sans-serif);display:block;width:100%;margin:0;padding:0;box-sizing:border-box}.t-ugc-section *,.t-ugc-section *:before,.t-ugc-section *:after{box-sizing:border-box}.t-ugc{background:var(--t-bg, #fff);padding:var(--s8) 0}.t-ugc-inner{max-width:var(--container,85rem);margin:0 auto;padding-inline:var(--container-pad, 4rem)}.t-ugc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s5);margin-bottom:var(--s7);flex-wrap:wrap}.t-ugc-head-left{max-width:40rem}.t-ugc-h2{font-family:var(--font-brand, inherit);font-size:var(--text-5xl);font-weight:400;line-height:1.06;letter-spacing:-1.2px;color:var(--torras-charcoal, #1A1A1A)}.t-ugc-h2 em{font-style:normal;color:var(--t-orange)}.t-ugc-sub{font-size:var(--text-md);line-height:1.7;color:var(--neutral-600, #666871);margin-top:var(--s3);max-width:58ch}.t-ugc-sub strong{color:var(--torras-charcoal, #1A1A1A);font-weight:300}.t-ugc-view-all{font-size:var(--text-sm);font-weight:300;color:var(--torras-charcoal, #1A1A1A);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;background:#fff;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.06));padding:.6875rem 1.25rem;border-radius:var(--r-btn, .375rem);transition:background .15s,color .15s;white-space:nowrap}.t-ugc-view-all:hover{background:var(--torras-orange, #FF5B00);color:#fff}.t-ugc-view-all svg{width:.8125rem;height:.8125rem}.t-ugc-mosaic{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:17.5rem 13.75rem;gap:.75rem}.t-ugc-tile{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--neutral-200, #E2E3E3);color:inherit;display:block}.t-ugc-tile-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;border:none;background:transparent;padding:0;margin:0;cursor:pointer;border-radius:inherit}.t-ugc-tile-hit:focus-visible{outline:2px solid var(--t-orange);outline-offset:-2px}.t-ugc-tile img,.t-ugc-tile-fallback{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-brand,cubic-bezier(.28,.11,.32,1))}.t-ugc-tile:hover img{transform:scale(1.05)}.t-ugc-tile-feat{grid-column:span 3;grid-row:span 2}.t-ugc-tile-wide{grid-column:span 2}.t-ugc-tile-tall{grid-column:span 1;grid-row:span 2}.t-ugc-tile-standard{grid-column:span 1;grid-row:span 1}.t-ugc-tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.05) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.t-ugc-tile-feat .t-ugc-tile-overlay{padding:1.5rem}.t-ugc-tile-handle{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-sm);font-weight:300;color:#fff}.t-ugc-tile-handle svg{width:.75rem;height:.75rem}.t-ugc-tile-prod{display:inline-flex;align-items:center;gap:.3125rem;font-family:var(--font-brand, inherit);font-size:var(--text-2xs);letter-spacing:1px;text-transform:uppercase;color:#ffffffd9;margin-top:.25rem;text-decoration:none}a.t-ugc-tile-prod{pointer-events:auto;transition:color .15s var(--ease-brand, ease)}a.t-ugc-tile-prod svg{width:.625rem;height:.625rem;transition:transform .25s var(--ease-brand,cubic-bezier(.28,.11,.32,1))}a.t-ugc-tile-prod:hover{color:var(--t-orange)}a.t-ugc-tile-prod:hover svg{transform:translate(.1875rem)}a.t-ugc-tile-prod:focus-visible{outline:2px solid var(--t-orange);outline-offset:2px;border-radius:2px}.t-ugc-tile-feat .t-ugc-tile-handle{font-size:var(--text-md)}.t-ugc-tile-feat .t-ugc-tile-prod{font-size:var(--text-2xs)}.t-ugc-tile-play{align-self:flex-end;width:2.25rem;height:2.25rem;border-radius:var(--r-full);background:#ffffff8c;-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);border:1px solid rgba(255,255,255,.5);display:grid;place-items:center}.t-ugc-tile-play svg{width:.8125rem;height:.8125rem;color:#000;margin-left:2px}.t-ugc-modal{border:none;padding:0;background:transparent;max-width:min(92vw,64rem);overflow:visible}.t-ugc-modal::backdrop{background:#08080ac7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.t-ugc-modal-frame{position:relative}.t-ugc-modal-media video,.t-ugc-modal-media iframe{display:block;margin:0 auto;background:#000;border:0;max-width:min(92vw,64rem);max-height:76vh;width:auto;height:auto;border-radius:var(--r-card)}.t-ugc-modal-media iframe{width:min(92vw,64rem);aspect-ratio:16/9}.t-ugc-modal-close{position:absolute;top:.75rem;right:.75rem;z-index:2;width:2.25rem;height:2.25rem;border:none;border-radius:var(--r-pill);cursor:pointer;background:#00000073;color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .15s var(--ease-brand, ease)}.t-ugc-modal-close:hover{background:var(--t-orange)}.t-ugc-modal-close svg{width:.875rem;height:.875rem}.t-ugc-modal-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem .25rem 0}.t-ugc-modal-handle{color:#fff;font-size:var(--text-sm);font-weight:300}.t-ugc-modal-shop{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;font-size:var(--text-sm);font-weight:300;color:#fff;text-decoration:none;background:var(--t-orange);padding:.5625rem 1.125rem;border-radius:var(--r-btn, .375rem);transition:background .15s var(--ease-brand, ease)}.t-ugc-modal-shop:hover{background:var(--torras-orange-hover, #E54E00)}.t-ugc-modal-shop svg{width:.8125rem;height:.8125rem}html:has(.t-ugc-modal[open]){overflow:hidden}.t-ugc-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1.5rem 2rem;background:#fff;border-radius:var(--r-card);margin-top:var(--s7)}.t-ugc-stat{display:flex;flex-direction:column;gap:.25rem}.t-ugc-stat-n{font-family:var(--font-brand, inherit);font-size:var(--text-3xl);font-weight:300;color:var(--torras-charcoal, #1A1A1A);letter-spacing:-1px;line-height:1}.t-ugc-stat-n em{font-style:normal;color:var(--t-orange)}.t-ugc-stat-l{font-family:var(--font-brand, inherit);font-size:var(--text-2xs);letter-spacing:1.5px;text-transform:uppercase;color:var(--neutral-600, #666871)}@media(max-width:1100px){.t-ugc{padding:var(--s9) 0}.t-ugc-mosaic{grid-template-columns:repeat(4,1fr);grid-template-rows:15rem 12.5rem}.t-ugc-tile-feat{grid-column:span 2;grid-row:span 2}.t-ugc-tile-tall{display:none}.t-ugc-stat-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.t-ugc{padding:var(--s7) 0}.t-ugc-mosaic{display:flex;grid-template-columns:none;grid-template-rows:none;gap:.875rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--s4)}.t-ugc-mosaic::-webkit-scrollbar{display:none}.t-ugc-tile,.t-ugc-tile-feat,.t-ugc-tile-wide,.t-ugc-tile-tall{display:block;flex:0 0 75%;grid-column:auto;grid-row:auto;height:17.5rem;scroll-snap-align:start}.t-ugc-stat-strip{grid-template-columns:1fr 1fr;gap:1rem;padding:1.125rem 1.25rem}.t-ugc-stat-n{font-size:var(--text-2xl)}}@media(max-width:720px){.t-ugc-section .t-cnav{display:flex;margin-top:.5rem;margin-bottom:var(--s5)}}.t-ugc-section.t-design-mode *,.t-ugc-section.t-design-mode *:before,.t-ugc-section.t-design-mode *:after{transition:none!important;animation:none!important;transform:none!important}
/*# sourceMappingURL=/cdn/shop/t/40/assets/torras-ugc-mosaic.css.map */