.csp-page{--csp-night:#151827;--csp-ink:#25293a;--csp-paper:#f7f0e4;--csp-violet:#8d59c2;--csp-cyan:#32b5c7;--csp-pink:#e45586;--csp-lime:#badb61;--csp-gold:#efbd52;color:var(--csp-ink);background:var(--csp-paper);overflow:hidden}.csp-page *,.csp-page *:before,.csp-page *:after{box-sizing:border-box}.csp-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.csp-page h1,.csp-page h2,.csp-page h3,.csp-page p{margin-top:0}.csp-page h1,.csp-page h2,.csp-page h3{color:var(--csp-ink);line-height:1.04}.csp-page h1{max-width:780px;margin-bottom:24px;font-size:clamp(4.2rem,6.7vw,8.3rem);letter-spacing:-.055em}.csp-page h2{margin-bottom:18px;font-size:clamp(3.2rem,4.5vw,5.8rem);letter-spacing:-.045em}.csp-page h3{font-size:2.25rem;letter-spacing:-.025em}.csp-page p{font-size:1.62rem;line-height:1.65}.csp-page a{color:inherit;text-decoration:none}.csp-kicker{margin-bottom:13px!important;color:var(--csp-pink);font-size:1.16rem!important;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.csp-heading{max-width:800px;margin-bottom:44px}.csp-heading>p:last-child{max-width:710px;margin-bottom:0}.csp-heading--center{margin-inline:auto;text-align:center}.csp-heading--center>p:last-child{margin-inline:auto}.csp-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:13px 23px;border:2px solid currentColor;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);font-size:1.42rem;font-weight:850;transition:transform .2s ease,filter .2s ease}.csp-button:hover{transform:translateY(-3px);filter:brightness(1.08)}.csp-button--primary{border-color:var(--csp-pink);color:#fff!important;background:var(--csp-pink)}.csp-button--outline{color:#fff!important;background:#ffffff0f}.csp-button--light{border-color:#fff;color:var(--csp-night)!important;background:#fff}.csp-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 27px}.csp-hero{position:relative;padding:76px 0 92px;color:#fff;background-color:var(--csp-night);background-image:linear-gradient(rgba(50,181,199,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(50,181,199,.08) 1px,transparent 1px),radial-gradient(circle at 14% 10%,rgba(141,89,194,.28),transparent 32%),radial-gradient(circle at 85% 75%,rgba(228,85,134,.2),transparent 30%);background-size:32px 32px,32px 32px,auto,auto}.csp-hero:after{position:absolute;inset:auto 0 0;height:12px;background:linear-gradient(90deg,var(--csp-violet),var(--csp-cyan),var(--csp-pink),var(--csp-lime));content:""}.csp-hero h1{color:#fff}.csp-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,.9fr);gap:58px;align-items:center}.csp-lead{max-width:700px;color:#ffffffc7;font-size:1.82rem!important}.csp-hero__notes{display:flex;flex-wrap:wrap;gap:9px}.csp-hero__notes span{padding:7px 12px;border:1px solid rgba(50,181,199,.6);color:#ffffffe6;background:#32b5c712;font-size:1.18rem;font-weight:750}.csp-lab{position:relative;min-height:625px;border:2px solid rgba(50,181,199,.9);background-color:#20253a;background-image:linear-gradient(rgba(50,181,199,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(50,181,199,.12) 1px,transparent 1px);background-size:24px 24px;box-shadow:0 0 0 7px #32b5c717,15px 18px #00000040}.csp-lab__grid-label{position:absolute;z-index:8;top:14px;left:16px;color:var(--csp-cyan);font-family:monospace;font-size:1.05rem;letter-spacing:.12em}.csp-lab__target{position:absolute;left:50%;top:51%;width:205px;height:205px;border:1px solid rgba(50,181,199,.45);border-radius:50%;transform:translate(-50%,-50%)}.csp-lab__target:before,.csp-lab__target:after{position:absolute;content:"";background:#32b5c773}.csp-lab__target:before{left:50%;top:-30px;width:1px;height:265px}.csp-lab__target:after{left:-30px;top:50%;width:265px;height:1px}.csp-lab__patterns{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.csp-lab-pattern{position:absolute;display:grid;width:145px;aspect-ratio:.73;place-items:center;padding:6px;border:1px solid rgba(255,255,255,.7);background:#fff;box-shadow:0 0 24px #32b5c73b;transition:transform .2s ease,z-index .01s,box-shadow .2s ease}.csp-lab-pattern img{width:100%;height:100%;object-fit:contain}.csp-lab-pattern:hover{z-index:10;transform:translateY(-7px) rotate(0) scale(1.05);box-shadow:0 0 32px #e455867a}.csp-lab-pattern--1{top:62px;left:28px;transform:rotate(-4deg)}.csp-lab-pattern--2{top:58px;right:28px;transform:rotate(4deg)}.csp-lab-pattern--3{bottom:48px;left:30px;transform:rotate(3deg)}.csp-lab-pattern--4{right:30px;bottom:48px;transform:rotate(-3deg)}.csp-lab-pattern--5{top:205px;left:50%;transform:translate(-50%)}.csp-lab-pattern__fallback{display:grid;width:100%;height:100%;place-items:center;color:#fff;background:var(--csp-violet);font-weight:800;text-align:center}.csp-lab__tape{position:absolute;z-index:7;width:74px;height:21px;background:#badb61b8}.csp-lab__tape--one{top:54px;left:68px;transform:rotate(-12deg)}.csp-lab__tape--two{right:66px;bottom:44px;transform:rotate(13deg)}.csp-archetypes{padding:102px 0;background:#fff}.csp-archetype-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.csp-archetype{position:relative;min-height:405px;padding:28px 24px 74px;border:2px solid var(--csp-ink);background:#faf5ec;box-shadow:6px 7px 0 var(--csp-ink);transition:transform .2s ease,box-shadow .2s ease}.csp-archetype:hover{transform:translateY(-6px);box-shadow:8px 12px 0 var(--csp-ink)}.csp-archetype__glyph{position:relative;display:block;width:78px;height:88px;margin:4px auto 26px;border:2px solid var(--csp-ink);background:#fff}.csp-archetype__glyph:before{position:absolute;top:12px;right:12px;bottom:12px;left:12px;content:""}.csp-archetype--uniform .csp-archetype__glyph:before{background:var(--csp-violet);clip-path:polygon(30% 0,45% 12%,55% 12%,70% 0,100% 22%,80% 38%,72% 30%,76% 100%,24% 100%,28% 30%,20% 38%,0 22%)}.csp-archetype--outerwear .csp-archetype__glyph:before{background:var(--csp-cyan);clip-path:polygon(25% 0,75% 0,100% 24%,84% 44%,75% 34%,78% 100%,22% 100%,25% 34%,16% 44%,0 24%)}.csp-archetype--playful .csp-archetype__glyph:before{border-radius:50% 50% 18% 18%;background:var(--csp-pink);clip-path:polygon(20% 0,35% 16%,65% 16%,80% 0,100% 25%,80% 38%,76% 100%,24% 100%,20% 38%,0 25%)}.csp-archetype--base .csp-archetype__glyph:before{background:var(--csp-lime);clip-path:polygon(28% 0,72% 0,88% 28%,72% 100%,28% 100%,12% 28%)}.csp-archetype__eyebrow{margin-bottom:8px!important;color:var(--csp-pink);font-size:1.02rem!important;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.csp-archetype h3{margin-bottom:13px}.csp-archetype>p:not(.csp-archetype__eyebrow){font-size:1.38rem;line-height:1.55}.csp-archetype strong{position:absolute;left:24px;right:24px;bottom:25px;font-size:1.3rem}.csp-blueprint{padding:98px 0;color:#fff;background-color:#26314a;background-image:linear-gradient(rgba(50,181,199,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(50,181,199,.11) 1px,transparent 1px);background-size:28px 28px}.csp-blueprint h2,.csp-blueprint h3{color:#fff}.csp-blueprint .csp-kicker{color:var(--csp-cyan)}.csp-blueprint__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.csp-blueprint__intro{position:sticky;top:30px}.csp-blueprint__intro p:last-child{color:#ffffffb8}.csp-blueprint__steps{margin:0;padding:0;list-style:none}.csp-blueprint__steps li{display:grid;grid-template-columns:58px 1fr;gap:22px;padding:26px 0;border-top:1px solid rgba(50,181,199,.35)}.csp-blueprint__steps li:last-child{border-bottom:1px solid rgba(50,181,199,.35)}.csp-blueprint__steps>li>span{color:var(--csp-cyan);font-family:monospace;font-size:1.2rem;font-weight:900}.csp-blueprint__steps h3{margin-bottom:7px;font-size:2.12rem}.csp-blueprint__steps p{margin-bottom:0;color:#ffffffb3;font-size:1.39rem}.csp-lineup{position:relative;padding:102px 0 115px;color:#fff;background:linear-gradient(180deg,#121522,#26223a)}.csp-lineup:before,.csp-lineup:after{position:absolute;top:0;width:30%;height:100%;content:"";opacity:.22;pointer-events:none}.csp-lineup:before{left:0;background:linear-gradient(110deg,rgba(141,89,194,.8),transparent 60%)}.csp-lineup:after{right:0;background:linear-gradient(-110deg,rgba(50,181,199,.8),transparent 60%)}.csp-lineup h2{color:#fff}.csp-lineup .csp-heading>p:last-child{color:#ffffffb3}.csp-lineup__grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.csp-pattern-card{position:relative;display:grid;grid-template-columns:120px 1fr;min-height:230px;padding:14px;border:1px solid rgba(255,255,255,.28);background:#ffffff12;transition:transform .2s ease,border-color .2s ease,background .2s ease}.csp-pattern-card:hover{border-color:var(--csp-cyan);background:#ffffff1f;transform:translateY(-5px)}.csp-pattern-card__number{position:absolute;top:9px;right:11px;color:#ffffff73;font-family:monospace;font-size:1rem}.csp-pattern-card__image{display:grid;min-width:0;place-items:center;overflow:hidden;background:#fff}.csp-pattern-card__image img{width:100%;height:100%;object-fit:contain}.csp-pattern-card__fallback{display:grid;width:100%;height:100%;place-items:center;color:#fff;background:var(--csp-violet);font-weight:800;text-align:center}.csp-pattern-card__copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:32px 16px 15px}.csp-pattern-card__copy strong{color:#fff;font-size:1.52rem;line-height:1.32}.csp-pattern-card__copy small{padding-top:12px;color:var(--csp-lime);font-size:1.28rem;font-weight:850}.csp-empty{padding:50px;border:1px dashed var(--csp-cyan);text-align:center}.csp-materials{padding:102px 0;background:#fff}.csp-materials__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.csp-materials__grid a{padding:26px 23px;border:1px solid rgba(37,41,58,.28);background:#faf5ed;transition:transform .2s ease,border-color .2s ease}.csp-materials__grid a:hover{border-color:var(--csp-violet);transform:translateY(-5px)}.csp-sample{display:block;width:100%;height:92px;border:2px solid var(--csp-ink)}.csp-sample--fabric{background:repeating-linear-gradient(135deg,var(--csp-violet) 0 12px,#c9a9e7 12px 24px)}.csp-sample--fx{background:radial-gradient(circle,var(--csp-pink) 0 5px,var(--csp-gold) 5px 9px,#33243f 9px 13px);background-size:26px 26px}.csp-sample--notions{background:linear-gradient(45deg,var(--csp-cyan) 0 45%,var(--csp-night) 45% 55%,var(--csp-lime) 55%)}.csp-sample--books{background:repeating-linear-gradient(90deg,var(--csp-pink) 0 26px,var(--csp-violet) 26px 52px,var(--csp-cyan) 52px 78px)}.csp-materials__grid h3{margin:20px 0 10px;font-size:1.9rem}.csp-materials__grid p{font-size:1.35rem;line-height:1.52}.csp-materials__grid strong{color:var(--csp-violet);font-size:1.27rem}.csp-check{padding:92px 0;color:#fff;background:var(--csp-violet)}.csp-check h2{color:#fff}.csp-check .csp-kicker{color:#e5ff9f}.csp-check__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.csp-check__copy p:last-child{color:#ffffffc7}.csp-check__list{margin:0;padding:0;list-style:none}.csp-check__list li{display:flex;gap:15px;padding:15px 0;border-top:1px solid rgba(255,255,255,.28);font-size:1.48rem}.csp-check__list li:last-child{border-bottom:1px solid rgba(255,255,255,.28)}.csp-check__list span{color:#e5ff9f;font-weight:900}.csp-local{padding:78px 0;color:#fff;background:var(--csp-pink)}.csp-local h2{max-width:830px;color:#fff}.csp-local .csp-kicker{color:#efffb6}.csp-local p:last-child{max-width:830px;margin-bottom:0;color:#ffffffd1}.csp-local__inner{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center}.csp-products-intro{padding:88px 0 14px;background:#fff}.csp-products-intro .csp-heading{margin-bottom:0}@media screen and (max-width:989px){.csp-hero__grid{grid-template-columns:1fr}.csp-hero__copy{text-align:center}.csp-lead{margin-inline:auto}.csp-actions,.csp-hero__notes{justify-content:center}.csp-lab{width:min(650px,100%);margin-inline:auto}.csp-archetype-grid,.csp-materials__grid{grid-template-columns:repeat(2,1fr)}.csp-blueprint__grid,.csp-check__grid{grid-template-columns:1fr;gap:38px}.csp-blueprint__intro{position:static}.csp-lineup__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.csp-wrap{width:min(100% - 28px,1180px)}.csp-page h1{font-size:clamp(4rem,13vw,5.7rem)}.csp-page h2{font-size:clamp(3rem,9vw,4.2rem)}.csp-hero{padding:55px 0 72px}.csp-actions{flex-direction:column}.csp-button{width:100%}.csp-lab{min-height:590px}.csp-lab-pattern{width:112px;padding:4px}.csp-lab-pattern--1{left:15px}.csp-lab-pattern--2{right:15px}.csp-lab-pattern--3{left:16px}.csp-lab-pattern--4{right:16px}.csp-lab-pattern--5{top:210px}.csp-archetypes,.csp-blueprint,.csp-lineup,.csp-materials,.csp-check{padding:70px 0}.csp-archetype-grid,.csp-materials__grid,.csp-lineup__grid{grid-template-columns:1fr}.csp-archetype{min-height:auto;padding-bottom:72px}.csp-blueprint__steps li{grid-template-columns:44px 1fr;gap:14px}.csp-pattern-card{grid-template-columns:115px 1fr;min-height:220px}.csp-local__inner{grid-template-columns:1fr;gap:28px}.csp-local{padding:62px 0}.csp-products-intro{padding-top:65px}}@media(prefers-reduced-motion:reduce){.csp-page *,.csp-page *:before,.csp-page *:after{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/cosplay-patterns.css.map */