.tsbg{background:#050505;color:#fafafa;padding:100px 20px;position:relative;overflow:hidden}.tsbg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none}.tsbg__container{max-width:1100px;margin:0 auto;position:relative;z-index:1}.tsbg__header{text-align:center;margin-bottom:48px}.tsbg__eyebrow{font-size:clamp(11px,1.2vw,13px);text-transform:uppercase;letter-spacing:.2em;color:#fbbf24;margin:0 0 16px;font-weight:600}.tsbg__title{font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin:0 0 12px;background:linear-gradient(135deg,#fff,#fbbf24,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;perspective:600px}.tsbg__word{background:linear-gradient(135deg,#fff,#fbbf24,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tsbg__subtitle{font-size:clamp(16px,2vw,20px);color:#ffffff80;line-height:1.6;margin:0;letter-spacing:.04em;position:relative;padding-bottom:24px}.tsbg__subtitle:after{content:"";display:block;width:40px;height:2px;margin:20px auto 0;background:linear-gradient(90deg,#fbbf2499,#ec489966);border-radius:1px}.tsbg__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,220px);gap:16px;margin-bottom:60px;position:relative}.tsbg__grid-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;border-radius:20px;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(251,191,36,.08),transparent 40%);opacity:0;transition:opacity .3s}.tsbg__grid:hover .tsbg__grid-glow{opacity:1}.tsbg__cell{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.06);text-decoration:none;color:#fff;transition:border-color .3s,box-shadow .3s,transform .15s;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;transform-style:preserve-3d;perspective:800px;cursor:pointer}.tsbg__cell:hover{border-color:#fbbf2459;box-shadow:0 0 40px #fbbf240f,inset 0 0 30px #fbbf240a}.tsbg__cell--large{grid-column:1 / 3;grid-row:1 / 3}.tsbg__cell--wide{grid-column:span 2}.tsbg__cell--review.tsbg__cell--wide{grid-column:3 / 5;grid-row:2 / 3}.tsbg__cell--keychain.tsbg__cell--wide{grid-column:1 / 3;grid-row:3 / 4}.tsbg__cell-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition:transform .5s ease}.tsbg__cell:hover .tsbg__cell-bg{transform:scale(1.05)}.tsbg__cell--business .tsbg__cell-bg{background:linear-gradient(145deg,#0a0a0a,#111118 40%,#0a0a12)}.tsbg__cell--wedding .tsbg__cell-bg{background:linear-gradient(135deg,#1a0a1a,#200f28,#140a1e)}.tsbg__cell--wifi .tsbg__cell-bg{background:linear-gradient(135deg,#0a1418,#0f1e24,#0a1820)}.tsbg__cell--keychain .tsbg__cell-bg{background:linear-gradient(135deg,#0f0f1a,#141428,#0a0a14)}.tsbg__cell--review .tsbg__cell-bg{background:linear-gradient(135deg,#1a0f0a,#201410,#180e08)}.tsbg__cell--photo .tsbg__cell-bg{background:linear-gradient(135deg,#0a120a,#0f1a0f,#0a140a)}.tsbg__cell--corporate .tsbg__cell-bg{background:linear-gradient(135deg,#0e0e0e,#161616,#0a0a0a)}.tsbg__cell-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease;background:radial-gradient(600px circle at var(--glow-x, 50%) var(--glow-y, 50%),rgba(251,191,36,.07),transparent 40%);pointer-events:none;z-index:3}.tsbg__cell:hover .tsbg__cell-glow{opacity:1}.tsbg__cell-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;z-index:0}.tsbg__cell:hover .tsbg__cell-img{transform:scale(1.05)}.tsbg__cell-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.scene-card{position:relative;width:140px;height:88px}.scene-card-shape{width:100%;height:100%;background:linear-gradient(145deg,#0a0a0a,#1a1a1a);border:1px solid rgba(251,191,36,.2);border-radius:12px;transform:rotate(-8deg);box-shadow:0 20px 40px #00000080,0 0 20px #fbbf241a;position:relative;overflow:hidden}.scene-card-shape:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.5),transparent)}.scene-card-shape:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 35%,rgba(251,191,36,.12) 48%,rgba(255,255,255,.06) 52%,transparent 65%);animation:tsbg-card-glint 4s ease-in-out infinite}@keyframes tsbg-card-glint{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.scene-card-lines{position:absolute;bottom:14px;left:14px;display:flex;flex-direction:column;gap:4px}.scene-card-line{height:2px;border-radius:1px;background:#fbbf2440}.scene-wedding{position:relative;display:flex;align-items:center;justify-content:center}.scene-wedding svg{width:80px;height:56px;filter:drop-shadow(0 0 10px rgba(236,72,153,.2));animation:tsbg-ring-pulse 3s ease-in-out infinite}@keyframes tsbg-ring-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(236,72,153,.2))}50%{transform:scale(1.06);filter:drop-shadow(0 0 16px rgba(236,72,153,.35))}}.wedding-hearts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wedding-heart{position:absolute;font-size:10px;opacity:0;animation:tsbg-wedding-heart 3.5s ease-in-out infinite}.wedding-heart:nth-child(1){left:15%;top:20%;color:#ec489980}.wedding-heart:nth-child(2){right:15%;top:30%;animation-delay:1.2s;color:#fbbf2480}.wedding-heart:nth-child(3){left:50%;top:10%;animation-delay:2.4s;color:#ec489966}@keyframes tsbg-wedding-heart{0%{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:.8;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.6)}}.scene-wifi{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.wifi-sticker{width:56px;height:56px;border-radius:12px;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;animation:tsbg-wifi-pulse 2.5s ease-in-out infinite}.wifi-icon{width:48px;height:48px;opacity:.7}@keyframes tsbg-wifi-pulse{0%,to{box-shadow:0 0 #22d3ee4d}50%{box-shadow:0 0 20px 6px #22d3ee33}}.scene-keychain{position:relative;display:flex;align-items:center;gap:8px}.scene-keychain-sticker{width:56px;height:56px;border-radius:50%;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;animation:tsbg-keychain-glow 2.5s ease-in-out infinite}.scene-keychain-sticker svg{width:28px;height:28px}@keyframes tsbg-keychain-glow{0%,to{box-shadow:0 0 #a855f74d}50%{box-shadow:0 0 20px 6px #a855f733}}.scene-review{display:flex;align-items:center;gap:16px;padding:0 20px}.scene-review-g{width:36px;height:36px;flex-shrink:0}.scene-review-stars{display:flex;gap:6px}.scene-review-star{font-size:29px;color:#fbbf2426;transition:color .3s}.scene-review-star.filled{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.4);animation:tsbg-star-pop .4s ease-out}@keyframes tsbg-star-pop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.scene-photo{position:relative;width:70px;height:80px}.scene-polaroid{position:absolute;width:48px;height:56px;background:#ffffffe6;border-radius:3px;padding:4px 4px 12px;box-shadow:0 2px 8px #0000004d;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.scene-polaroid-inner{width:100%;height:100%;border-radius:1px}.scene-polaroid:nth-child(1){top:8px;left:4px;transform:rotate(-5deg);z-index:1}.scene-polaroid:nth-child(1) .scene-polaroid-inner{background:linear-gradient(135deg,#e8b4b8,#c97b84)}.scene-polaroid:nth-child(2){top:4px;left:10px;transform:rotate(2deg);z-index:2}.scene-polaroid:nth-child(2) .scene-polaroid-inner{background:linear-gradient(135deg,#a8d5ba,#7fb89e)}.scene-polaroid:nth-child(3){top:0;left:16px;transform:rotate(8deg);z-index:3}.scene-polaroid:nth-child(3) .scene-polaroid-inner{background:linear-gradient(135deg,#b8c5e8,#8fa3d4)}.tsbg__cell:hover .scene-polaroid:nth-child(1){transform:rotate(-12deg) translate(-10px)}.tsbg__cell:hover .scene-polaroid:nth-child(2){transform:rotate(0) translateY(-4px)}.tsbg__cell:hover .scene-polaroid:nth-child(3){transform:rotate(15deg) translate(10px)}.scene-corporate{position:relative;width:80px;height:90px}.scene-corp-card{position:absolute;width:70px;height:44px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:1px solid rgba(255,255,255,.1);border-radius:5px;transition:transform .5s ease;overflow:hidden}.scene-corp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.4),transparent)}.scene-corp-line{height:2px;border-radius:1px;background:#ffffff1f;margin:0 8px}.scene-corp-line:first-child{margin-top:12px;width:30px}.scene-corp-line:last-child{margin-top:4px;width:20px;opacity:.6}.scene-corp-card:nth-child(1){top:14px;background:linear-gradient(135deg,#2d2d32,#1e1e22);transform:rotate(-15deg)}.scene-corp-card:nth-child(2){top:8px;left:3px;background:linear-gradient(135deg,#2a2a2e,#1c1c20);transform:rotate(-5deg)}.scene-corp-card:nth-child(3){top:2px;left:6px;transform:rotate(5deg)}.tsbg__cell:hover .scene-corp-card:nth-child(1){transform:rotate(-25deg) translate(-10px)}.tsbg__cell:hover .scene-corp-card:nth-child(3){transform:rotate(15deg) translate(10px)}.tsbg__cell-content{position:relative;z-index:2}.tsbg__cell-title{font-size:clamp(18px,2.2vw,24px);font-weight:600;margin:0 0 4px;color:#ededed;display:flex;align-items:center;gap:8px}.tsbg__cell-desc{font-size:clamp(14px,1.5vw,17px);color:#ffffff73;margin:0;line-height:1.4}.tsbg__cell-arrow{display:inline-block;font-size:18px;color:#fbbf24;opacity:0;transform:translate(-10px);transition:opacity .3s ease,transform .3s ease}.tsbg__cell:hover .tsbg__cell-arrow{opacity:1;transform:translate(0)}.tsbg__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:48px;border-top:1px solid rgba(255,255,255,.06);text-align:center}.tsbg__stat{position:relative}.tsbg__stat+.tsbg__stat:before{content:"";position:absolute;left:-12px;top:15%;height:70%;width:1px;background:#ffffff0f}.tsbg__stat-value{display:flex;align-items:baseline;justify-content:center;gap:2px}.tsbg__stat-num{font-size:clamp(36px,5vw,56px);font-weight:800;color:#fbbf24;font-variant-numeric:tabular-nums;line-height:1}.tsbg__stat-suffix{font-size:clamp(20px,2.5vw,32px);font-weight:700;color:#fbbf24}.tsbg__stat-label{font-size:clamp(13px,1.5vw,16px);color:#fff6;text-transform:uppercase;letter-spacing:.1em;margin-top:8px}@media(max-width:768px){.tsbg{padding:70px 16px}.tsbg__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-auto-rows:180px}.tsbg__cell--large{grid-column:span 2;grid-row:auto;min-height:240px}.tsbg__cell--wide,.tsbg__cell--review.tsbg__cell--wide,.tsbg__cell--keychain.tsbg__cell--wide{grid-column:span 2;grid-row:auto}.tsbg__stats{grid-template-columns:repeat(2,1fr);gap:20px}.tsbg__stat:nth-child(odd):before{display:none}}@media(max-width:480px){.tsbg__grid{grid-auto-rows:160px;gap:10px}.tsbg__cell{padding:16px}.tsbg__stats{gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-tapsticky-bento-grid.css.map */