:root{--tti-void:#030306;--tti-night:#080810;--tti-panel:#12121f;--tti-panel-soft:rgb(22 20 38 / .84);--tti-white:#f8f6ff;--tti-muted:#c6c0d6;--tti-cyan:#00f5ff;--tti-violet:#7a00ff;--tti-pink:#ff2bd6;--tti-orange:#ff5a1f;--tti-lime:#b9ff00;--tti-line:rgb(255 255 255 / .15);--tti-shadow:0 1.75rem 5rem rgb(0 0 0 / .34)}.tt-home{position:relative;background:radial-gradient(circle at 8% 4%,rgb(0 245 255 / .08),transparent 26rem),radial-gradient(circle at 92% 16%,rgb(255 43 214 / .08),transparent 30rem),var(--tti-void)}.tt-home:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.26;background-image:radial-gradient(circle at center,rgb(255 255 255 / .85) 0 .5px,transparent .8px),radial-gradient(circle at center,rgb(0 245 255 / .7) 0 .6px,transparent .95px);background-position:0 0,31px 47px;background-size:89px 89px,137px 137px;-webkit-mask-image:linear-gradient(to bottom,#000 0 18%,transparent 76%);mask-image:linear-gradient(to bottom,#000 0 18%,transparent 76%)}.tt-home>*{position:relative;z-index:1}.tt-hero--immersive{min-height:min(940px,calc(100svh - var(--header-group-height,0px)));align-items:center;padding-block:clamp(5rem,9vw,8rem);background:radial-gradient(circle at 20% 24%,rgb(0 245 255 / .2),transparent 26rem),radial-gradient(circle at 84% 26%,rgb(255 43 214 / .22),transparent 29rem),radial-gradient(circle at 56% 92%,rgb(122 0 255 / .28),transparent 33rem),linear-gradient(155deg,#030306,#0a0612 52%,#030306)}.tt-hero--immersive:before{opacity:.32;background-size:54px 54px;transform:perspective(700px) rotateX(61deg) scale(1.25) translateY(15%);transform-origin:bottom;-webkit-mask-image:linear-gradient(to top,#000,transparent 82%);mask-image:linear-gradient(to top,#000,transparent 82%)}.tt-hero--immersive:after{left:auto;right:-11%;top:48%;width:min(68vw,790px);border-color:#00f5ff38;box-shadow:0 0 0 1px #ffffff14,0 0 0 54px #7a00ff0e,0 0 0 118px #ff2bd60a,0 0 110px #00f5ff2e,inset 0 0 110px #ff2bd621}.tt-hero__copy{position:relative;z-index:3}.tt-display--stacked{max-width:10ch}.tt-display--stacked .tt-display__secondary{display:block;margin-top:.11em;font-size:.52em;line-height:.9;letter-spacing:-.045em}.tt-hero__meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.4rem;padding:0;list-style:none}.tt-hero__meta li{display:inline-flex;align-items:center;gap:.55rem;min-height:2.35rem;padding:.35rem .8rem;border:1px solid var(--tti-line);border-radius:999px;background:#080810a8;color:#e8e3f4;font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.tt-hero__meta li:before{width:.45rem;height:.45rem;border-radius:50%;background:var(--tti-cyan);box-shadow:0 0 1rem #00f5ffd9;content:""}.tt-hero-art--signal{position:relative;z-index:3;width:min(100%,560px);justify-self:end;transform:perspective(1100px) rotateX(var(--tti-hero-rx,0deg)) rotateY(var(--tti-hero-ry,0deg)) translate3d(var(--tti-hero-tx,0px),var(--tti-hero-ty,0px),0);transition:transform .65s cubic-bezier(.2,.7,.2,1)}.tt-hero-art--signal:before,.tt-hero-art--signal:after{content:"";position:absolute;pointer-events:none}.tt-hero-art--signal:before{top:-1.15rem;right:-1.15rem;bottom:-1.15rem;left:-1.15rem;z-index:-1;border:1px solid rgb(255 255 255 / .14);border-radius:2.75rem;transform:rotate(3deg)}.tt-hero-art--signal:after{top:12%;right:-7%;bottom:-7%;left:12%;z-index:-2;border-radius:50%;background:conic-gradient(from 15deg,var(--tti-cyan),var(--tti-violet),var(--tti-pink),var(--tti-orange),var(--tti-cyan));filter:blur(2.7rem);opacity:.48}.tt-hero-art--signal .tt-hero-art__media{position:relative;border-radius:2.15rem;background:linear-gradient(145deg,rgb(255 255 255 / .08),transparent),#10101c}.tt-hero-art--signal .tt-hero-art__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 39%,rgb(255 255 255 / .16) 48%,transparent 58%),linear-gradient(to top,rgb(3 3 6 / .12),transparent 45%);mix-blend-mode:screen;transform:translate(var(--tti-shine-x,0%))}.tt-livebar{position:relative;z-index:6;margin-top:clamp(-3.2rem,-4vw,-1.4rem)}.tt-livebar__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--tti-line);border-radius:1.65rem;background:linear-gradient(145deg,#ffffff13,#ffffff06),#080810eb;box-shadow:var(--tti-shadow);-webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem)}.tt-livebar__item{min-width:0;padding:clamp(1.15rem,2.4vw,1.7rem)}.tt-livebar__item+.tt-livebar__item{border-left:1px solid var(--tti-line)}.tt-livebar__item strong,.tt-livebar__item span{display:block}.tt-livebar__item strong{color:#fff;font-size:clamp(1.7rem,3.2vw,2.8rem);line-height:.9;letter-spacing:-.05em}.tt-livebar__item span{margin-top:.55rem;color:var(--tti-muted);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tt-format-section{padding:clamp(5rem,9vw,8.5rem) 0;background:radial-gradient(circle at 14% 18%,rgb(0 245 255 / .1),transparent 25rem),radial-gradient(circle at 88% 86%,rgb(255 43 214 / .11),transparent 27rem),#090910}.tt-formats{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.tt-format-card{position:relative;min-height:clamp(22rem,36vw,34rem);grid-column:span 4;overflow:hidden;border:1px solid var(--tti-line);border-radius:1.6rem;background:var(--tti-panel);box-shadow:0 1.5rem 4rem #00000047;isolation:isolate}.tt-format-card:first-child{grid-column:span 8}.tt-format-card__media,.tt-format-card__media img,.tt-format-card__veil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tt-format-card__media{z-index:-3}.tt-format-card__media img{object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .45s ease}.tt-format-card__veil{z-index:-2;background:linear-gradient(180deg,#0303060a,#03030642 45%,#030306f7),linear-gradient(125deg,rgb(0 245 255 / .07),transparent 45%,rgb(255 43 214 / .08))}.tt-format-card__content{position:absolute;inset:auto 0 0;display:grid;gap:.65rem;padding:clamp(1.35rem,3vw,2rem)}.tt-format-card__content small{color:var(--tti-cyan);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.tt-format-card__content strong{color:#fff;font-size:clamp(1.8rem,4vw,3.8rem);line-height:.88;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 .35rem 1.4rem rgb(0 0 0 / .75)}.tt-format-card__content span{color:#fff;font-weight:850}.tt-transmission{padding:clamp(5rem,9vw,8.5rem) 0;color:#0b0911;background:radial-gradient(circle at 12% 12%,rgb(0 245 255 / .24),transparent 26rem),radial-gradient(circle at 87% 84%,rgb(255 43 214 / .2),transparent 29rem),#f5f1ff}.tt-transmission .tt-copy{color:#5d5769}.tt-transmission__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tt-transmission__card{position:relative;min-height:16rem;overflow:hidden;padding:clamp(1.4rem,3vw,2.2rem);border:1px solid rgb(10 9 17 / .13);border-radius:1.5rem;background:#ffffffe6;box-shadow:0 1.2rem 3.4rem #1e123e17}.tt-transmission__card:after{content:"";position:absolute;right:-4rem;bottom:-5rem;width:13rem;height:13rem;border-radius:50%;background:radial-gradient(circle,rgb(0 245 255 / .34),transparent 66%)}.tt-transmission__card:nth-child(2):after{background:radial-gradient(circle,rgb(122 0 255 / .3),transparent 66%)}.tt-transmission__card:nth-child(3):after{background:radial-gradient(circle,rgb(255 43 214 / .29),transparent 66%)}.tt-transmission__card b{display:grid;width:2.7rem;height:2.7rem;place-items:center;border-radius:.8rem;background:#090910;color:var(--tti-cyan);font-size:.7rem}.tt-transmission__card strong{position:relative;z-index:1;display:block;margin-top:3.5rem;font-size:clamp(1.5rem,2.7vw,2.25rem);line-height:.96;letter-spacing:-.04em;text-transform:uppercase}.tt-transmission__card p{position:relative;z-index:1;margin:.85rem 0 0;color:#625c6c;line-height:1.55}.tt-collection-hero{position:relative;overflow:hidden;padding:clamp(4.5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);color:var(--tti-white);background:radial-gradient(circle at 8% 8%,rgb(0 245 255 / .14),transparent 27rem),radial-gradient(circle at 92% 28%,rgb(255 43 214 / .16),transparent 30rem),linear-gradient(155deg,#030306,#0c0715 55%,#030306);isolation:isolate}.tt-collection-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.2;background-image:linear-gradient(rgb(255 255 255 / .055) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .055) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 88%);mask-image:linear-gradient(to bottom,#000,transparent 88%)}.tt-collection-hero__grid{display:grid;grid-template-columns:1fr minmax(19rem,.72fr);gap:clamp(2rem,6vw,5rem);align-items:center}.tt-collection-hero__copy{max-width:760px}.tt-collection-hero__eyebrow{margin:0 0 1rem;color:var(--tti-cyan);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.tt-collection-hero h1{margin:0;color:transparent;font-size:clamp(3.4rem,8vw,7.8rem);line-height:.82;letter-spacing:-.065em;text-transform:uppercase;background:linear-gradient(96deg,var(--tti-cyan),#fff 39%,var(--tti-pink) 72%,var(--tti-orange));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tt-collection-hero__description{max-width:68ch;margin-top:1.5rem;color:var(--tti-muted);font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.7}.tt-collection-hero__description *{color:inherit}.tt-collection-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.7rem}.tt-collection-hero__media{position:relative;min-width:0;overflow:visible;border-radius:2rem;transform:perspective(1000px) rotateX(var(--tti-card-y,0deg)) rotateY(var(--tti-card-x,0deg));transition:transform .55s cubic-bezier(.2,.7,.2,1)}.tt-collection-hero__media:before{content:"";position:absolute;top:7%;right:-8%;bottom:-8%;left:-8%;z-index:-1;border-radius:50%;background:conic-gradient(from 20deg,#00f5ff8c,#7a00ff8a,#ff2bd68a,#ff5a1f80,#00f5ff8c);filter:blur(2.5rem);opacity:.54}.tt-collection-hero__image{display:block;overflow:hidden;aspect-ratio:4 / 5;border:1px solid rgb(255 255 255 / .2);border-radius:2rem;background:#11111b;box-shadow:var(--tti-shadow)}.tt-collection-hero__image img{width:100%;height:100%;display:block;object-fit:cover}.tt-collection-hero__caption{position:absolute;inset:auto 1rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid rgb(255 255 255 / .16);border-radius:1rem;background:#030306c4;color:#fff;font-size:.78rem;font-weight:850;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.tt-collection-hero__portal{position:relative;display:grid;min-height:31rem;place-items:center}.tt-collection-hero__portal:before,.tt-collection-hero__portal:after{content:"";position:absolute;border-radius:50%}.tt-collection-hero__portal:before{width:min(88%,28rem);aspect-ratio:1;border:1px solid rgb(0 245 255 / .4);box-shadow:0 0 0 2.2rem #7a00ff1a,0 0 0 4.8rem #ff2bd60f,0 0 5rem #00f5ff40,inset 0 0 4rem #ff2bd629}.tt-collection-hero__portal:after{width:min(56%,18rem);aspect-ratio:1;background:conic-gradient(from 20deg,var(--tti-cyan),var(--tti-violet),var(--tti-pink),var(--tti-orange),var(--tti-cyan));filter:blur(1.2rem);opacity:.7}.tt-footer--immersive{position:relative;overflow:hidden;background:radial-gradient(circle at 4% 0%,rgb(0 245 255 / .09),transparent 26rem),radial-gradient(circle at 96% 40%,rgb(255 43 214 / .09),transparent 28rem),#030306}.tt-footer--immersive:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.12;background-image:radial-gradient(rgb(255 255 255 / .65) .5px,transparent .8px);background-size:73px 73px}.tt-footer--immersive>*{position:relative}.tt-footer__seal{display:inline-flex;align-items:center;gap:.6rem;min-height:2.2rem;padding:.3rem .75rem;border:1px solid var(--tti-line);border-radius:999px;color:var(--tti-cyan);font-size:.68rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.tt-footer__seal:before{width:.42rem;height:.42rem;border-radius:50%;background:currentColor;box-shadow:0 0 .9rem currentColor;content:""}[data-tt-reveal]{opacity:1;transform:none}html.tt-motion-ready [data-tt-reveal]{opacity:0;transform:translateY(1.3rem);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}html.tt-motion-ready [data-tt-reveal].is-visible{opacity:1;transform:none}@media(any-pointer:fine)and (prefers-reduced-motion:no-preference){.tt-format-card,.tt-transmission__card{transition:transform .38s cubic-bezier(.2,.7,.2,1),border-color .32s ease,box-shadow .32s ease;transform-style:preserve-3d}.tt-format-card:hover,.tt-transmission__card:hover{transform:perspective(950px) rotateX(var(--tti-card-y,0deg)) rotateY(var(--tti-card-x,0deg)) translateY(-.4rem) translateZ(8px);border-color:#00f5ff85;box-shadow:0 2rem 5rem #00000057,0 0 2rem #00f5ff1a}.tt-format-card:hover .tt-format-card__media img{transform:scale(1.045);filter:saturate(1.08)}}@media(max-width:980px){.tt-livebar__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-livebar__item:nth-child(3){border-left:0;border-top:1px solid var(--tti-line)}.tt-livebar__item:nth-child(4){border-top:1px solid var(--tti-line)}.tt-format-card,.tt-format-card:first-child{grid-column:span 6}.tt-transmission__grid,.tt-collection-hero__grid{grid-template-columns:1fr}.tt-collection-hero__media{width:min(100%,36rem);justify-self:center}}@media(max-width:640px){.tt-hero--immersive{min-height:auto;padding-top:4.2rem}.tt-hero--immersive:after{right:-58%;width:150vw;opacity:.7}.tt-display--stacked{max-width:none}.tt-display--stacked .tt-display__secondary{font-size:.56em}.tt-hero__meta{display:grid}.tt-hero__meta li{width:100%}.tt-hero-art--signal{transform:none}.tt-livebar{margin-top:-1.3rem}.tt-livebar__grid{grid-template-columns:1fr 1fr;border-radius:1.2rem}.tt-livebar__item{padding:1rem}.tt-livebar__item:nth-child(3){border-left:0}.tt-format-card,.tt-format-card:first-child{min-height:22rem;grid-column:span 12}.tt-collection-hero{padding-top:3.7rem}.tt-collection-hero h1{font-size:clamp(3rem,16vw,5.4rem)}.tt-collection-hero__actions{display:grid}.tt-collection-hero__actions .tt-btn{width:100%}.tt-collection-hero__portal{min-height:22rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.tt-hero-art--signal,.tt-collection-hero__media,.tt-format-card,.tt-transmission__card,[data-tt-reveal],html.tt-motion-ready [data-tt-reveal]{opacity:1!important;transform:none!important;transition:none!important}.tt-hero-art--signal .tt-hero-art__media:after{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/trendtap-immersive.css.map */