.tbb-fan-gear{position:relative;isolation:isolate;overflow:clip;padding-block:calc(var(--gear-padding-top) * .65) calc(var(--gear-padding-bottom) * .65);background-image:radial-gradient(ellipse at 85% 20%,#8fc9f224,transparent 55%),linear-gradient(120deg,transparent 64%,#8fc9f20c 64% 82%,transparent 82%)}.tbb-fan-gear:before{content:"TBB";position:absolute;z-index:-1;top:-3rem;right:2%;color:rgba(var(--color-foreground),.025);font-size:clamp(18rem,32vw,46rem);font-weight:900;font-style:italic;letter-spacing:-.08em;line-height:1;pointer-events:none}.tbb-fan-gear__header{display:flex;align-items:center;justify-content:space-between;gap:4rem;margin-bottom:4.8rem}.tbb-fan-gear__header-copy{min-width:0}.tbb-fan-gear__eyebrow{display:flex;align-items:center;gap:1rem;margin:0 0 1.2rem;color:rgb(var(--color-foreground));font-size:1.05rem;font-weight:700;line-height:1.5;letter-spacing:.2em;text-transform:uppercase}.tbb-fan-gear__eyebrow:before{content:"";width:2.8rem;height:.5rem;transform:skew(-28deg);background:var(--gear-accent)}.tbb-fan-gear__heading{margin:0;font-weight:900;font-style:italic;line-height:.95;text-transform:uppercase;letter-spacing:-.055em;overflow-wrap:anywhere}.tbb-fan-gear__heading.h2{font-size:clamp(4.8rem,7vw,8.8rem)}.tbb-fan-gear__heading.h1{font-size:clamp(5.6rem,8vw,10rem)}.tbb-fan-gear__heading.h0{font-size:clamp(6.4rem,9vw,11.2rem)}.tbb-fan-gear__heading em{color:var(--gear-accent);font-style:inherit}.tbb-fan-gear__intro{margin-top:1.6rem;font-size:1.5rem;line-height:1.7;color:rgba(var(--color-foreground),.78)}.tbb-fan-gear__intro p{margin:0}.tbb-fan-gear__seal{flex:0 0 13rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:13rem;height:13rem;margin-right:1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .7rem rgba(var(--color-foreground),.025);transform:rotate(9deg)}.tbb-fan-gear__seal span{font-size:.68rem;font-weight:800;letter-spacing:.12em}.tbb-fan-gear__seal .tbb-icon{width:4.2rem;height:4.2rem;color:var(--gear-accent)}.tbb-fan-gear__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;list-style:none;padding:0;margin:0}.tbb-fan-gear__item{min-width:0}.tbb-fan-gear__card{--color-foreground: 18, 40, 59;position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:.6rem;border:1px solid #c1d1dd;border-radius:.6rem 2.2rem .6rem .6rem;color:rgb(var(--color-foreground));text-decoration:none;background:#fff;box-shadow:0 .4rem .8rem #10233105,0 1.8rem 3.6rem -2rem #10233142}.tbb-fan-gear__media{position:relative;aspect-ratio:1;padding:1.8rem;overflow:hidden;border-radius:.3rem 1.6rem .3rem .3rem;background:radial-gradient(ellipse at 50% 40%,#fff 10%,#e8eff4 72%)}.tbb-fan-gear__media:after{content:"";position:absolute;bottom:0;right:0;width:5rem;height:.5rem;transform:skew(-35deg);transform-origin:right;background:var(--gear-accent);pointer-events:none}.tbb-fan-gear__media img{display:block;height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 1rem .8rem #10233114)}.tbb-fan-gear__card-index{position:absolute;z-index:1;top:1rem;left:1rem;padding:.35rem .65rem;border:1px solid #819aaf35;border-radius:.2rem;color:#1c3b51;background:#f4f9fcf0;font-size:.9rem;font-weight:700;letter-spacing:.12em;line-height:1.4}.tbb-fan-gear__body{display:flex;flex-direction:column;flex:1;padding:1.6rem 1rem .8rem;overflow-wrap:anywhere}.tbb-fan-gear__title{margin:0;color:inherit;font-size:1.7rem;line-height:1.3}.tbb-fan-gear__detail{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:auto 0 0;padding-top:1.8rem;font-size:1.05rem;font-weight:600;line-height:1.5;color:#516b7d}.tbb-fan-gear__detail>span{flex:0 0 3.4rem;display:grid;place-items:center;height:3.4rem;border:1px solid #cad8e2;border-radius:50%;color:#183248;background:#edf4f9;font-size:1.8rem}.tbb-fan-gear__card[href]:hover .tbb-fan-gear__title{text-decoration:underline;text-underline-offset:.35rem}.tbb-fan-gear a:focus-visible{outline:.2rem solid var(--gear-accent);outline-offset:.4rem}.tbb-fan-gear__view-all{display:inline-flex;align-items:center;justify-content:space-between;gap:3.2rem;min-height:5.6rem;padding:.8rem 1rem .8rem 2rem;margin-top:3.6rem;border:1px solid #8fc9f260;border-radius:.4rem;color:#fff;background:#12283b;box-shadow:.5rem .5rem #8fc9f230;font-size:1.2rem;font-weight:700;text-decoration:none}.tbb-fan-gear__view-all>span{display:grid;place-items:center;width:3.6rem;height:3.6rem;color:#12283b;background:#8fc9f2;border-radius:.2rem;font-size:2rem}.tbb-fan-gear__art{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;color:#b5d7ef;background:linear-gradient(125deg,transparent 65%,#8fc9f20a 65% 80%,transparent 80%),radial-gradient(ellipse at 65% 25%,#345b79,#112333 80%)}.tbb-fan-gear__art-ring{position:absolute;width:65%;aspect-ratio:1;border-radius:50%;border:.1rem solid #b5d7ef40;box-shadow:0 0 0 2rem #b5d7ef08,0 0 0 4rem #b5d7ef05}.tbb-fan-gear__art-icon{width:48%;transform:rotate(-8deg)}.tbb-fan-gear__art-icon .tbb-icon{display:block;width:100%;height:auto}.tbb-fan-gear__art-wordmark{position:absolute;bottom:9%;font-size:clamp(.7rem,1vw,1.1rem);font-weight:700;letter-spacing:.18em}.tbb-fan-gear__list--demo .tbb-fan-gear__item:nth-child(2n) .tbb-fan-gear__art-icon{transform:rotate(8deg)}.tbb-fan-gear__empty{display:grid;grid-template-columns:10rem minmax(0,1fr);align-items:stretch;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:.4rem;overflow:hidden}.tbb-fan-gear__empty-art{position:relative;min-height:15rem}.tbb-fan-gear__empty-copy{padding:2rem;align-self:center;overflow-wrap:anywhere}.tbb-fan-gear__empty-copy h3{margin:0;color:rgb(var(--color-foreground));font-size:2rem;line-height:1.3}.tbb-fan-gear__empty-copy p{margin:1rem 0 0;font-size:1.35rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}.tbb-fan-gear__editor-note{margin-bottom:2rem;padding:1.6rem;border:.1rem dashed rgba(var(--color-foreground),.35);font-size:1.3rem;line-height:1.6}@media screen and (min-width:750px){.tbb-fan-gear{padding-block:var(--gear-padding-top) var(--gear-padding-bottom)}.tbb-fan-gear__list{gap:2.4rem}.tbb-fan-gear__body{padding:2rem 1.6rem 1rem}.tbb-fan-gear__title{font-size:2rem}.tbb-fan-gear__empty{grid-template-columns:22rem minmax(0,1fr)}.tbb-fan-gear__empty-art{min-height:20rem}.tbb-fan-gear__empty-copy{padding:3.2rem}}@media screen and (min-width:990px){.tbb-fan-gear__list{grid-template-columns:repeat(var(--gear-columns, 4),minmax(0,1fr))}}@media(min-width:990px){.tbb-homepage .tbb-fan-gear__list{padding-bottom:2.4rem}.tbb-homepage .tbb-fan-gear__item:nth-child(2n){margin-top:2.4rem;margin-bottom:-2.4rem}}@media(max-width:749px){.tbb-fan-gear__header{gap:1.6rem;margin-bottom:3.2rem}.tbb-fan-gear__seal{display:none}.tbb-fan-gear__heading.h2{font-size:clamp(4.8rem,15vw,7.2rem)}.tbb-fan-gear__heading.h1{font-size:clamp(5.6rem,17vw,8rem)}.tbb-fan-gear__heading.h0{font-size:clamp(6.4rem,19vw,8.8rem)}.tbb-fan-gear__media{padding:1.2rem}.tbb-fan-gear__card{padding:.4rem}.tbb-fan-gear__title{font-size:1.55rem}.tbb-fan-gear__detail{align-items:flex-end;font-size:1rem}.tbb-fan-gear__detail>span{flex-basis:2.8rem;height:2.8rem}}.tbb-fan-gear__card[href]:focus-visible{border-color:var(--gear-accent);box-shadow:0 1.4rem 3.2rem -1.6rem #10233160}.tbb-fan-gear__card[href]:focus-visible .tbb-fan-gear__detail>span{background:#12283b;color:#fff}@media(hover:hover)and (pointer:fine){.tbb-fan-gear__card[href]:hover{border-color:var(--gear-accent);box-shadow:0 2.4rem 4rem -1.8rem #10233155}.tbb-fan-gear__card[href]:hover .tbb-fan-gear__detail>span{background:#12283b;color:#fff}.tbb-fan-gear__view-all:hover>span{background:#fff}}@media(prefers-reduced-motion:no-preference)and (hover:hover)and (pointer:fine){.tbb-fan-gear__card[href]{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.tbb-fan-gear__media img,.tbb-fan-gear__art-icon{transition:transform .6s cubic-bezier(.2,.75,.2,1)}.tbb-fan-gear__detail>span,.tbb-fan-gear__view-all>span{transition:background .25s ease,color .25s ease}.tbb-fan-gear__card[href]:hover{transform:translateY(-.7rem)}.tbb-fan-gear__card[href]:hover .tbb-fan-gear__media img{transform:scale(1.045)}.tbb-fan-gear__card[href]:hover .tbb-fan-gear__art-icon{transform:rotate(-3deg) scale(1.05)}}@media(prefers-reduced-motion:reduce){.tbb-fan-gear *,.tbb-fan-gear *:before,.tbb-fan-gear *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-tbb-fan-gear.css.map */