.collection-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.collections{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--collection-card-size),100%),1fr));gap:var(--grid-gap)}.collections--compact{--collection-card-size: 160px}.collections--full{--collection-card-size: 280px}.collection-card{display:flex;flex-direction:column;width:100%}.custom-section{position:relative;overflow:hidden;width:100%}.custom-section__background{position:absolute;width:100%;height:100%;z-index:-1;overflow:hidden}.custom-section__background img{position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-section__content{display:grid;grid-template-columns:var(--content-grid)}.custom-section__content>*{grid-column:2}.welcome{display:grid;grid-template-columns:var(--content-grid);background-color:#f6f6f7;padding:72px 0}.welcome-content{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:0 24px}.welcome-description{max-width:80ch;line-height:1.4;margin-top:1.5rem}.icon{width:300px}.highlights{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:50px}@media(max-width:1100px){.highlights{grid-template-columns:1fr}}.highlight{display:flex;flex-direction:column;height:100%;padding:24px;border-radius:8px;background-color:#eef3ff;color:#5c5f62;line-height:1.4}.highlight>*+*{margin-top:1rem}.highlight h3{font-size:1rem;color:#202223}.highlight-description{flex:1 1}.highlight a{display:flex;width:fit-content;background-color:#fafbfb;box-shadow:#0003 0 -3px inset,#ffffffe6 0 2px inset;border:1px solid rgb(140,145,150);border-radius:4px;color:#5c5f62;padding:3px 10px 5px;text-decoration:none}.jouffa-about-panel{max-width:960px;text-align:left}.jouffa-about-kicker{text-align:center;color:var(--jouffa-pink);letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;font-weight:700;margin:0 0 .75rem}.jouffa-about-panel .jouffa-section-title{text-align:center;margin-bottom:1.5rem}.jouffa-about-copy{font-size:1.05rem;line-height:1.75;color:#e8e8e8}.jouffa-about-copy p{margin:0 0 1rem}.jouffa-about-copy p:last-child{margin-bottom:0}.jouffa-about-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.75rem 0 0}.jouffa-about-secondary{display:inline-block;border:1px solid rgba(255,255,255,.28);color:#fff;background:transparent;padding:.5rem 1rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;font-size:.9rem;border-radius:4px;text-decoration:none}.jouffa-about-secondary:hover{border-color:var(--jouffa-pink);color:#fff;box-shadow:0 0 16px #e0004d59}.jouffa-about-subhead{margin:2.5rem 0 1rem;color:#fff;font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase}.jouffa-about-grid,.jouffa-about-socials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.jouffa-about-socials{grid-template-columns:repeat(2,minmax(0,1fr))}.jouffa-about-card,.jouffa-about-social{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.15rem 1.2rem}.jouffa-about-card p{margin:0;color:#cfcfcf;line-height:1.6;font-size:.95rem}.jouffa-about-card-title{margin:0 0 .5rem;color:#fff;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase}.jouffa-about-social{display:flex;gap:.9rem;align-items:flex-start;text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease}.jouffa-about-social:hover{border-color:var(--jouffa-pink);box-shadow:0 0 18px #e0004d40}.jouffa-about-social__icon{flex:0 0 1.5rem;width:1.5rem;height:1.5rem;color:var(--jouffa-pink);margin-top:.15rem}.jouffa-about-social__icon svg{width:100%;height:100%;fill:currentColor}.jouffa-about-social__copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.jouffa-about-social__name{color:#fff;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}.jouffa-about-social__handle{color:var(--jouffa-pink);font-size:.85rem}.jouffa-about-social__blurb{color:#cfcfcf;font-size:.9rem;line-height:1.5}.jouffa-about-spoiler{margin-block-start:1rem}.jouffa-about-spoiler summary{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;color:#9a9a9a;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;list-style:none}.jouffa-about-spoiler summary::-webkit-details-marker{display:none}.jouffa-about-spoiler summary:before{content:"";inline-size:.4rem;block-size:.4rem;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s ease}.jouffa-about-spoiler[open] summary:before{transform:rotate(45deg)}.jouffa-about-spoiler[open] summary{color:var(--jouffa-pink)}.jouffa-about-spoiler .jouffa-about-social{margin-block-start:.75rem}@media(max-width:800px){.jouffa-about-grid,.jouffa-about-socials{grid-template-columns:1fr}}.jouffa-about-more-wrap{margin:1.5rem 0 0}.jouffa-about-more{color:var(--jouffa-pink);font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.jouffa-about-more:hover{text-shadow:0 0 8px var(--jouffa-pink)}.jouffa-hero.jouffa-section{overflow:visible;min-block-size:68dvh;container-type:inline-size}.jouffa-hero .jouffa-hero__inner{text-align:start;padding-block:3rem}.jouffa-hero__layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "copy";gap:2rem;align-items:center}.jouffa-hero__copy{grid-area:copy;min-inline-size:0;padding-inline-start:0}.jouffa-hero__stage{grid-area:stage;position:relative;isolation:isolate;min-block-size:22rem;aspect-ratio:1 / .92}.jouffa-hero__watermark{position:absolute;inset:8% 0 auto;margin:0;font-family:VT323,sans-serif;font-size:clamp(4.5rem,18vw,11rem);font-size:clamp(4.5rem,18cqi,11rem);line-height:.8;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:#e0004d29;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.jouffa-hero__frame{position:absolute;top:10%;right:8%;bottom:10%;left:8%;border:1px solid rgba(224,0,77,.38);border-radius:28px;box-shadow:0 0 0 1px #ffffff0a inset,0 0 48px #e0004d1f;background:linear-gradient(rgba(224,0,77,.05),transparent 40%),repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0 1px,transparent 1px 7px);pointer-events:none;z-index:0}.jouffa-hero__kicker{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .85rem;color:var(--jouffa-pink);font-family:VT323,sans-serif;font-size:1.15rem;letter-spacing:.22em;text-transform:uppercase;font-weight:400}.jouffa-hero__kicker-mark{inline-size:.55rem;block-size:.55rem;border-radius:999px;background:var(--jouffa-pink);box-shadow:0 0 #e0004d8c;animation:jouffaHeroPulse 2.4s ease-out infinite}.jouffa-hero .jouffa-hero__title{font-size:clamp(2.4rem,8vw,4.6rem);font-size:clamp(2.4rem,8cqi,4.6rem);font-weight:900;line-height:.95;letter-spacing:-.04em;margin:0 0 .9rem;max-inline-size:12ch}.jouffa-hero .jouffa-hero__subtext{font-size:1.05rem;line-height:1.55;color:#d4d4d4;margin:0 0 1.6rem;max-inline-size:34ch}.jouffa-hero__actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.75rem}.jouffa-hero__shots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.jouffa-hero__shot{position:absolute;display:block;width:56%;aspect-ratio:1;overflow:hidden;border-radius:18px;background:#111;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px #00000073,0 0 0 1px #e0004d1f}.jouffa-hero__shot img{width:100%;height:100%;object-fit:contain;background:#0b0b0b;transition:transform .25s ease}.jouffa-hero__shot:hover img{transform:scale(1.04)}.jouffa-hero__shot:nth-child(1){inset-inline-start:2%;inset-block-start:14%;transform:rotate(-11deg);z-index:1}.jouffa-hero__shot:nth-child(2){inset-inline-end:2%;inset-block-start:8%;width:50%;transform:rotate(10deg);z-index:2}.jouffa-hero__shot:nth-child(3){inset-inline-start:18%;inset-block-end:6%;width:62%;transform:rotate(-3deg);z-index:3}.jouffa-hero__shot:only-child{top:14%;right:16%;bottom:14%;left:16%;width:auto;transform:none}.jouffa-hero__live{position:absolute;inset-inline-end:6%;inset-block-end:7%;z-index:4;display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:999px;background:#080808e0;border:1px solid rgba(224,0,77,.55);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;box-shadow:0 8px 24px #0006}.jouffa-hero__live:hover{color:#fff;border-color:var(--jouffa-pink);box-shadow:0 0 18px #e0004d73}.jouffa-hero__live-play{inline-size:0;block-size:0;border-block-start:5px solid transparent;border-block-end:5px solid transparent;border-inline-start:8px solid var(--jouffa-pink)}@keyframes jouffaHeroPulse{0%{box-shadow:0 0 #e0004d8c}70%{box-shadow:0 0 0 8px #e0004d00}to{box-shadow:0 0 #e0004d00}}@media(min-width:900px){.jouffa-hero .jouffa-hero__inner{padding-block:4.5rem}.jouffa-hero__layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"copy stage";gap:3rem}.jouffa-hero__copy{border-inline-start:3px solid var(--jouffa-pink);padding-inline-start:1.35rem}.jouffa-hero__stage{min-block-size:28rem}}@media(max-width:899px){.jouffa-hero .jouffa-hero__inner,.jouffa-hero__copy{text-align:center}.jouffa-hero .jouffa-hero__title,.jouffa-hero .jouffa-hero__subtext{margin-inline:auto}.jouffa-hero__actions,.jouffa-hero__kicker{justify-content:center}}@media(prefers-reduced-motion:reduce){.jouffa-hero__kicker-mark,.jouffa-hero__shot img{animation:none;transition:none}}.jouffa-stream{scroll-margin-block-start:5.5rem}.jouffa-stream-intro{display:flex;flex-direction:column;align-items:center;text-align:center;max-inline-size:40rem;margin-inline:auto;margin-block-end:2rem}.jouffa-stream-intro .jouffa-section-title{margin-bottom:.85rem}.jouffa-stream-intro__copy{margin:0 0 1.25rem;color:#cfcfcf;line-height:1.6}.group{display:flex;flex-wrap:nowrap;overflow:hidden;width:100%}.group--horizontal{flex-direction:row;justify-content:space-between;align-items:center;padding:0 var(--padding)}.group--vertical{flex-direction:column;align-items:var(--alignment);padding:var(--padding) 0}.text{text-align:var(--text-align)}.text--title{font-size:2rem;font-weight:700}.text--subtitle{font-size:1.5rem}.image{display:block;position:relative;overflow:hidden;width:100%;height:auto}.image>img{width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/18/compiled_assets/styles.css.map */