.hero-arc{--hero-arc-top-gap: clamp(24px, 3vw, 44px);position:relative;isolation:isolate;overflow:hidden;background:#fff;padding-top:var(--hero-arc-top-gap)}@media(min-width:750px){.hero-arc{--hero-arc-top-gap: clamp(48px, 3vw + 24px, 68px)}}.hero-arc__cards{position:absolute;inset:var(--hero-arc-top-gap) 0 0;pointer-events:none}.hero-arc__label{position:absolute;top:14px;left:14px;z-index:30;background:#2b2733;color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 13px;border-radius:999px;pointer-events:none}.hero-arc-card{position:absolute;box-sizing:border-box;width:clamp(120px,17vw,250px);aspect-ratio:3 / 4;text-decoration:none;color:inherit;padding:clamp(7px,.9vw,12px) clamp(7px,.9vw,12px) clamp(26px,3.2vw,44px);border-radius:clamp(6px,.7vw,10px);overflow:hidden;background:#fffdf8;box-shadow:0 6px 16px #0000001a;pointer-events:auto;transition:translate .3s ease,box-shadow .3s ease}a.hero-arc-card{cursor:pointer}@media(hover:hover){.hero-arc-card:hover{translate:0 -5px;box-shadow:0 10px 22px #00000021}}.hero-arc-card__media{display:block;width:100%;height:100%;overflow:hidden;border-radius:2px}.hero-arc-card img,.hero-arc-card .hero-arc-card__placeholder{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}.hero-arc-card__caption{position:absolute;left:0;right:0;bottom:0;height:clamp(26px,3.2vw,44px);display:flex;align-items:center;justify-content:center;font-family:Bradley Hand,Marker Felt,Segoe Print,Comic Sans MS,cursive;font-size:clamp(12px,1.15vw,17px);font-weight:700;letter-spacing:.02em;color:#4a4553;white-space:nowrap;overflow:hidden}.hero-arc__content{position:relative;z-index:6;max-width:640px;margin-inline:auto;padding:clamp(220px,26vw,380px) 24px clamp(52px,7vw,100px);text-align:center;pointer-events:none}.hero-arc__content>*{pointer-events:auto}.hero-arc__eyebrow{margin:0 0 4px;font-size:clamp(20px,2.2vw,32px);font-weight:700;line-height:1.3;color:#a6a6a6;text-transform:lowercase}.hero-arc__heading{margin:0 0 22px;font-size:clamp(34px,4.6vw,62px);font-weight:700;line-height:1.05;letter-spacing:-.01em;color:#a6a6a6;text-transform:lowercase}.hero-arc__heading em{font-style:normal;color:#16bae4}.hero-arc__heading strong{font-weight:inherit;color:#9dc63f}.hero-arc__text{margin:0 auto 26px;max-width:460px;font-size:16px;line-height:1.55;color:#2b2733}.hero-arc__ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.hero-arc__btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 30px;border-radius:999px;color:#fff;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease}.hero-arc__btn--pink{background:#e4307a}.hero-arc__btn--blue{background:#26b7ea}.hero-arc__btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000038}.hero-arc__scroll{display:none}@media(min-width:750px){.hero-arc--fan .hero-arc__content{padding-top:clamp(430px,43vw,560px)}.hero-arc--fan .hero-arc-card{left:50%;top:60px;width:clamp(185px,16vw,250px);transform-origin:50% 135%}.hero-arc--fan .hero-arc-card:nth-child(1){transform:translate(-50%) rotate(-33deg);z-index:1}.hero-arc--fan .hero-arc-card:nth-child(2){transform:translate(-50%) rotate(-22deg);z-index:2}.hero-arc--fan .hero-arc-card:nth-child(3){transform:translate(-50%) rotate(-11deg);z-index:3}.hero-arc--fan .hero-arc-card:nth-child(4){transform:translate(-50%) rotate(0);z-index:6}.hero-arc--fan .hero-arc-card:nth-child(5){transform:translate(-50%) rotate(11deg);z-index:3}.hero-arc--fan .hero-arc-card:nth-child(6){transform:translate(-50%) rotate(22deg);z-index:2}.hero-arc--fan .hero-arc-card:nth-child(7){transform:translate(-50%) rotate(33deg);z-index:1}.hero-arc--fan .hero-arc-card:nth-child(n+8){display:none}}.hero-arc--band{background:#e4307a}.hero-arc--band .hero-arc__eyebrow{color:#ffffffd9}.hero-arc--band .hero-arc__heading{color:#fff}.hero-arc--band .hero-arc__text{color:#ffffffeb}.hero-arc--band .hero-arc__btn--pink{background:#fff;color:#e4307a}.hero-arc--band .hero-arc__btn--blue{background:#2b2152;color:#fff}@media(min-width:750px){.hero-arc--band .hero-arc__content{padding-top:clamp(48px,6vw,84px);padding-bottom:clamp(370px,37vw,470px)}.hero-arc--band .hero-arc-card{width:clamp(185px,17vw,265px)}.hero-arc--band .hero-arc-card:nth-child(1){left:11%;bottom:34px;transform:translate(-50%) rotate(-4deg);z-index:1}.hero-arc--band .hero-arc-card:nth-child(2){left:30.5%;bottom:54px;transform:translate(-50%) rotate(3deg);z-index:2}.hero-arc--band .hero-arc-card:nth-child(3){left:50%;bottom:64px;transform:translate(-50%) rotate(-2deg);z-index:3}.hero-arc--band .hero-arc-card:nth-child(4){left:69.5%;bottom:54px;transform:translate(-50%) rotate(4deg);z-index:2}.hero-arc--band .hero-arc-card:nth-child(5){left:89%;bottom:34px;transform:translate(-50%) rotate(-3deg);z-index:1}.hero-arc--band .hero-arc-card:nth-child(n+6){display:none}}.hero-arc--stack{--hero-arc-top-gap: 0px;display:flex;align-items:center;min-height:clamp(560px,76vh,820px);padding-top:0;background:#fff}.hero-arc--stack .hero-arc__content{max-width:460px;margin-left:clamp(24px,6vw,90px);margin-right:auto;text-align:left;padding:clamp(40px,7vh,90px) 24px}.hero-arc--stack .hero-arc__text{margin:0 0 26px}.hero-arc--stack .hero-arc__ctas{justify-content:flex-start}@media(min-width:750px){.hero-arc--stack .hero-arc-card{left:71%;top:50%;width:clamp(225px,24vw,360px)}.hero-arc--stack .hero-arc-card:nth-child(1){transform:translate(-50%,-50%) translate(-68px,54px) rotate(-13deg);z-index:1}.hero-arc--stack .hero-arc-card:nth-child(2){transform:translate(-50%,-50%) translate(-31px,26px) rotate(-6deg);z-index:2}.hero-arc--stack .hero-arc-card:nth-child(3){transform:translate(-50%,-50%) translate(4px) rotate(1deg);z-index:3}.hero-arc--stack .hero-arc-card:nth-child(4){transform:translate(-50%,-50%) translate(42px,-26px) rotate(8deg);z-index:4}.hero-arc--stack .hero-arc-card:nth-child(5){transform:translate(-50%,-50%) translate(80px,-54px) rotate(15deg);z-index:5}.hero-arc--stack .hero-arc-card:nth-child(n+6){display:none}}@media(min-width:750px){.hero-arc--grid .hero-arc__content{padding-top:clamp(48px,6vw,84px);padding-bottom:clamp(540px,54vw,660px)}.hero-arc--grid .hero-arc-card{width:clamp(170px,15.5vw,235px)}.hero-arc--grid .hero-arc-card:nth-child(1){left:24%;bottom:310px;transform:translate(-50%) rotate(-4deg);z-index:2}.hero-arc--grid .hero-arc-card:nth-child(2){left:50%;bottom:322px;transform:translate(-50%) rotate(2deg);z-index:2}.hero-arc--grid .hero-arc-card:nth-child(3){left:76%;bottom:310px;transform:translate(-50%) rotate(5deg);z-index:2}.hero-arc--grid .hero-arc-card:nth-child(4){left:24%;bottom:28px;transform:translate(-50%) rotate(4deg);z-index:1}.hero-arc--grid .hero-arc-card:nth-child(5){left:50%;bottom:16px;transform:translate(-50%) rotate(-3deg);z-index:1}.hero-arc--grid .hero-arc-card:nth-child(6){left:76%;bottom:28px;transform:translate(-50%) rotate(3deg);z-index:1}.hero-arc--grid .hero-arc-card:nth-child(n+7){display:none}}.hero-arc--scatter{--hero-arc-top-gap: 0px;display:flex;align-items:center;justify-content:center;min-height:clamp(600px,82vh,900px);padding-top:0;background:#fff}.hero-arc--scatter .hero-arc__content{max-width:460px;padding:clamp(40px,7vh,90px) 24px}@media(min-width:750px){.hero-arc--scatter .hero-arc-card{width:clamp(165px,15vw,235px)}.hero-arc--scatter .hero-arc-card:nth-child(1){left:2%;top:8%;transform:rotate(-10deg);z-index:1}.hero-arc--scatter .hero-arc-card:nth-child(2){left:0%;top:52%;transform:rotate(7deg);z-index:1}.hero-arc--scatter .hero-arc-card:nth-child(3){left:10%;top:72%;transform:rotate(6deg);z-index:1}.hero-arc--scatter .hero-arc-card:nth-child(4){left:81%;top:6%;transform:rotate(8deg);z-index:1}.hero-arc--scatter .hero-arc-card:nth-child(5){left:83%;top:50%;transform:rotate(-9deg);z-index:1}.hero-arc--scatter .hero-arc-card:nth-child(6){left:73%;top:73%;transform:rotate(-7deg);z-index:1}.hero-arc--scatter .hero-arc-card:nth-child(n+7){display:none}}.hero-arc--arc{--wave-gap: clamp(96px, 11vw, 168px);--gallery-pad: clamp(54px, 7vw, 104px);--head-gap: clamp(28px, 4vw, 56px);--card-w: clamp(185px, 20vw, 310px);--card-h: calc(var(--card-w) * 4 / 3);--cap-h: clamp(26px, 3.2vw, 44px);--overlap: clamp(20px, 2.4vw, 40px);--row-offset: calc(var(--card-h) - var(--overlap));background:transparent;overflow:visible;padding-top:0}.hero-arc--arc .hero-arc__content{max-width:1380px;margin-inline:auto;text-align:left;padding:var(--gallery-pad) 24px calc(var(--card-h) + var(--row-offset) + var(--wave-gap) + var(--head-gap))}.hero-arc--arc .hero-arc__heading{margin:0;font-size:24px;font-weight:700;line-height:.95;letter-spacing:-.01em;text-transform:lowercase;text-align:center;color:#a6a6a6;cursor:default}@media(min-width:990px){.hero-arc--arc .hero-arc__heading{font-size:36px;text-align:left}}@media(min-width:1280px){.hero-arc--arc .hero-arc__heading{font-size:48px}}.hero-arc--arc .hero-arc__cards{overflow:visible;top:0;right:0;bottom:0;left:0}.hero-arc--arc .hero-arc-card{width:var(--card-w);transform-origin:50% 50%;top:auto}.hero-arc--arc .hero-arc-card:nth-child(1){left:18%;bottom:calc(var(--wave-gap) + 6px + var(--row-offset));transform:translate(-50%) rotate(-5deg);z-index:7}.hero-arc--arc .hero-arc-card:nth-child(3){left:34%;bottom:calc(var(--wave-gap) + 0px + var(--row-offset));transform:translate(-50%) rotate(4deg);z-index:8}.hero-arc--arc .hero-arc-card:nth-child(5){left:50%;bottom:calc(var(--wave-gap) + 8px + var(--row-offset));transform:translate(-50%) rotate(-3deg);z-index:9}.hero-arc--arc .hero-arc-card:nth-child(7){left:66%;bottom:calc(var(--wave-gap) + 0px + var(--row-offset));transform:translate(-50%) rotate(5deg);z-index:8}.hero-arc--arc .hero-arc-card:nth-child(9){left:82%;bottom:calc(var(--wave-gap) + 5px + var(--row-offset));transform:translate(-50%) rotate(-4deg);z-index:7}.hero-arc--arc .hero-arc-card:nth-child(2){left:18%;bottom:calc(var(--wave-gap) + 6px);transform:translate(-50%) rotate(4deg);z-index:1}.hero-arc--arc .hero-arc-card:nth-child(4){left:34%;bottom:var(--wave-gap);transform:translate(-50%) rotate(-6deg);z-index:2}.hero-arc--arc .hero-arc-card:nth-child(6){left:50%;bottom:calc(var(--wave-gap) + 8px);transform:translate(-50%) rotate(3deg);z-index:3}.hero-arc--arc .hero-arc-card:nth-child(8){left:66%;bottom:var(--wave-gap);transform:translate(-50%) rotate(-4deg);z-index:2}.hero-arc--arc .hero-arc-card:nth-child(10){left:82%;bottom:calc(var(--wave-gap) + 5px);transform:translate(-50%) rotate(5deg);z-index:1}.hero-arc--arc .hero-arc-card:nth-child(2) img{object-position:70% center;transform:scale(1.14)}@media(min-width:750px)and (max-width:1600px){.hero-arc--arc{--card-w: clamp(185px, 24vw, 340px)}}@media(max-width:749px){.hero-arc{--hero-arc-top-gap: 44px}.hero-arc:not(.hero-arc--arc){display:block;min-height:0;--hero-arc-top-gap: 30px}.hero-arc:not(.hero-arc--arc) .hero-arc__content{max-width:none;margin:0;text-align:center;padding:300px 24px 60px}.hero-arc:not(.hero-arc--arc) .hero-arc__text{margin-inline:auto}.hero-arc:not(.hero-arc--arc) .hero-arc__ctas{justify-content:center}.hero-arc:not(.hero-arc--arc) .hero-arc-card{display:none;width:152px}.hero-arc:not(.hero-arc--arc) .hero-arc-card:nth-child(1){display:block;left:50%;top:40px;transform:translate(-50%) translate(-54px,18px) rotate(-8deg);z-index:1}.hero-arc:not(.hero-arc--arc) .hero-arc-card:nth-child(2){display:block;left:50%;top:40px;transform:translate(-50%) rotate(-1deg);z-index:2}.hero-arc:not(.hero-arc--arc) .hero-arc-card:nth-child(3){display:block;left:50%;top:40px;transform:translate(-50%) translate(54px,-12px) rotate(7deg);z-index:3}.hero-arc--arc{--gallery-pad: 12px;--wave-gap: 92px;--head-gap: 56px;--card-w: clamp(128px, 40vw, 168px);--cap-reveal: clamp(14px, 4vw, 22px);--row-offset: calc(var(--cap-h) + var(--cap-reveal) + 90px)}.hero-arc--arc .hero-arc__heading{font-size:40px}.hero-arc--arc .hero-arc-card{width:var(--card-w)}.hero-arc--arc .hero-arc-card:nth-child(n+6){display:none}.hero-arc--arc .hero-arc-card:nth-child(1){left:20%;bottom:calc(var(--wave-gap) + var(--row-offset));transform:translate(-50%) rotate(-6deg);z-index:1}.hero-arc--arc .hero-arc-card:nth-child(3){left:50%;bottom:calc(var(--wave-gap) + var(--row-offset));transform:translate(-50%) rotate(4deg);z-index:1}.hero-arc--arc .hero-arc-card:nth-child(5){left:80%;bottom:calc(var(--wave-gap) + var(--row-offset));transform:translate(-50%) rotate(-3deg);z-index:1}.hero-arc--arc .hero-arc-card:nth-child(2){left:34%;bottom:var(--wave-gap);transform:translate(-50%) rotate(5deg);z-index:4}.hero-arc--arc .hero-arc-card:nth-child(4){left:66%;bottom:calc(var(--wave-gap) + 6px);transform:translate(-50%) rotate(-5deg);z-index:5}.hero-arc__heading{font-size:clamp(30px,9vw,42px)}.hero-arc__eyebrow{font-size:clamp(18px,5.5vw,26px)}.hero-arc__ctas{flex-wrap:nowrap;gap:10px}.hero-arc__btn{padding:12px 18px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-arc.css.map */