.hs-trio{padding:6rem 0}.hs-trio{--trio-ease: cubic-bezier(.22, 1, .36, 1)}.hs-trio__panels{display:flex;gap:1rem;height:clamp(44rem,56vh,56rem)}.hs-trio__panel{position:relative;isolation:isolate;flex:1 1 0;min-width:0;border-radius:2rem;overflow:hidden;overflow:clip;background:var(--c, #111111);color:#fff;transition:flex-grow .7s var(--trio-ease)}.hs-trio__panel[data-open]{flex-grow:4.2}.hs-trio__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(70% 60% at 30% 40%,#ffffff2e,#fff0 70%),linear-gradient(180deg,#0000 50%,#0000004d);pointer-events:none}.hs-trio__tab{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;margin:0;padding:2.4rem 1.2rem 2rem;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1.6rem;transition:opacity .3s ease}.hs-trio__panel[data-open] .hs-trio__tab{opacity:0;pointer-events:none}.hs-trio__tab:focus-visible{outline:3px solid #ffffff;outline-offset:-6px;border-radius:2rem}.hs-trio__crest{flex-shrink:0;width:5.6rem;height:5.6rem;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--c);font-family:var(--font-heading-family);font-size:2.4rem;box-shadow:0 .6rem 1.6rem #00000040}.hs-trio__crest img{width:70%;height:70%;object-fit:contain}.hs-trio__tabname{flex:1;min-height:0;writing-mode:vertical-rl;rotate:180deg;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(3rem,3.2vw,4.6rem);line-height:1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden}.hs-trio__peek{position:relative;flex-shrink:0;width:min(72%,12rem);aspect-ratio:4 / 5;border-radius:1.2rem;background:#fff;box-shadow:0 1.4rem 3rem #00000059;rotate:-7deg;translate:0 1.6rem;transition:rotate .4s var(--trio-ease),translate .4s var(--trio-ease)}.hs-trio__peek{overflow:hidden}.hs-trio__peek img{width:100%;height:100%;object-fit:contain;padding:0;scale:1.1}.hs-trio__open{position:absolute;top:2.4rem;right:1.4rem;width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;transition:background .25s ease,color .25s ease,rotate .4s var(--trio-ease)}.hs-trio__open svg{width:1.4rem;height:1.4rem}@media(hover:hover){.hs-trio__tab:hover .hs-trio__peek{rotate:0deg;translate:0 0}.hs-trio__tab:hover .hs-trio__open{background:#fff;color:var(--c);rotate:90deg}}.hs-trio__body{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .25s ease}.hs-trio__panel[data-open] .hs-trio__body{opacity:1;transition:opacity .45s ease .25s}.hs-trio__inner{position:relative;height:100%;width:max(100%,74rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"card head" "card chips" "card buy";grid-template-rows:auto auto 1fr;align-content:center;column-gap:4.8rem;row-gap:2rem;padding:4rem 5.6rem}.hs-trio__word{position:absolute;left:3rem;bottom:-.12em;z-index:-1;margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(12rem,calc(130rem / var(--len, 7)),30rem);line-height:.8;text-transform:uppercase;white-space:nowrap;color:#ffffff1f;pointer-events:none;-webkit-user-select:none;user-select:none}.hs-trio__head{grid-area:head;align-self:end;display:grid;gap:.6rem}.hs-trio__kicker{font-family:var(--font-heading-family);font-size:1.3rem;letter-spacing:.16em;text-transform:uppercase;color:#fffc}.hs-trio__name{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(4.4rem,5vw,7.2rem);line-height:.92;text-transform:uppercase;color:#fff}.hs-trio__chips{grid-area:chips;display:flex;flex-wrap:wrap;gap:.8rem}.hs-trio__chip{display:inline-flex;align-items:center;gap:.8rem;min-height:4.6rem;padding:.4rem 1.6rem .4rem .4rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:#00000024;color:#fff;font-family:var(--font-body-family);font-size:1.35rem;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.hs-trio__chip img{width:3.8rem;height:3.8rem;border-radius:50%;background:#fff;object-fit:contain;padding:.3rem}.hs-trio__chip:hover{border-color:#fff}.hs-trio__chip[aria-pressed=true]{background:#fff;color:#111;border-color:#fff}.hs-trio__chip:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.hs-trio__kit{display:none}.hs-trio__panel[data-show="0"] .hs-trio__kit[data-kit="0"],.hs-trio__panel[data-show="1"] .hs-trio__kit[data-kit="1"],.hs-trio__panel[data-show="2"] .hs-trio__kit[data-kit="2"]{display:contents}.hs-trio__card{grid-area:card;position:relative;align-self:center;justify-self:center;width:min(100%,38rem);aspect-ratio:4 / 5;border-radius:1.8rem;background:#fff;box-shadow:0 3rem 6rem #00000059;animation:hs-trio-in .55s var(--trio-ease);transform:perspective(900px) rotateY(calc(var(--tx, 0) * 14deg)) rotateX(calc(var(--ty, 0) * -10deg));transition:transform .25s ease-out}.hs-trio__card{overflow:hidden}.hs-trio__card img{width:100%;height:100%;object-fit:contain;padding:0;display:block;scale:1.1}.hs-trio__flag{position:absolute;top:1.4rem;left:1.4rem;padding:.5rem 1rem;border-radius:999px;background:var(--hs-red, #e11d2a);color:#fff;font-size:1.25rem;font-weight:700;line-height:1}@keyframes hs-trio-in{0%{opacity:0;translate:3rem 1rem;rotate:5deg}to{opacity:1;translate:0 0;rotate:0deg}}.hs-trio__buy{grid-area:buy;align-self:start;display:grid;gap:1.2rem;justify-items:start;animation:hs-trio-fade .45s ease}.hs-trio__price{margin:0;display:flex;align-items:baseline;gap:1rem;color:#fff}.hs-trio__price strong{font-size:3rem;font-weight:800;letter-spacing:-.01em}.hs-trio__price s{font-size:1.6rem;opacity:.62}.hs-trio .hs-trio__btn{background:#fff;color:#111}.hs-trio .hs-trio__btn:hover{background:#111;color:#fff}.hs-trio__note{margin:0;font-size:1.3rem;color:#ffffffc7}@keyframes hs-trio-fade{0%{opacity:0}to{opacity:1}}.hs-trio__more{margin-top:1rem;display:flex;align-items:center;gap:2rem;min-height:8rem;padding:1.4rem 1.4rem 1.4rem 2.4rem;border-radius:2rem;background:#111;color:#fff;text-decoration:none;transition:background .25s ease}.hs-trio__more:focus-visible{outline:3px solid #00e05a;outline-offset:3px}.hs-trio__crests{display:flex;align-items:center;flex-shrink:0;isolation:isolate}.hs-trio__mini{position:relative;z-index:calc(20 - var(--i, 0));width:4.8rem;height:4.8rem;margin-left:-1.2rem;border-radius:50%;background:#fff;border:2px solid #111111;display:grid;place-items:center;transition:margin .35s var(--trio-ease),translate .35s var(--trio-ease)}.hs-trio__mini:first-child{margin-left:0}.hs-trio__mini img{width:68%;height:68%;object-fit:contain}.hs-trio__mini--count{z-index:0;background:#00e05a;color:#06240f;font-family:var(--font-heading-family);font-size:1.5rem;letter-spacing:.02em}.hs-trio__moretxt{flex:1;min-width:0;display:grid;gap:.3rem}.hs-trio__moretxt strong{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2rem;letter-spacing:.04em;text-transform:uppercase;line-height:1.1}.hs-trio__moretxt small{font-size:1.35rem;color:#ffffffad}.hs-trio__morego{flex-shrink:0;width:5.2rem;height:5.2rem;border-radius:50%;background:#00e05a;color:#06240f;display:grid;place-items:center;transition:translate .25s ease}.hs-trio__morego svg{width:2rem;height:2rem}@media(hover:hover){.hs-trio__more:hover{background:#000}.hs-trio__more:hover .hs-trio__mini{margin-left:-.4rem}.hs-trio__more:hover .hs-trio__mini:first-child{margin-left:0}.hs-trio__more:hover .hs-trio__mini:nth-child(odd){translate:0 -3px}.hs-trio__more:hover .hs-trio__morego{translate:4px 0}}.hs-motion .hs-trio__crests>*{opacity:0;scale:.6;transition:opacity .4s ease,scale .5s var(--trio-ease),margin .35s var(--trio-ease),translate .35s var(--trio-ease);transition-delay:calc(var(--i, 0) * 60ms + .3s),calc(var(--i, 0) * 60ms + .3s),0s,0s}.hs-motion .hs-trio__crests.is-in>*{opacity:1;scale:1}.hs-motion .hs-trio__panels>*{clip-path:inset(100% 0 0 0 round 2rem);transition:clip-path 1s var(--trio-ease),flex-grow .7s var(--trio-ease);transition-delay:calc(var(--i, 0) * .12s),0s}.hs-motion .hs-trio__panels.is-in>*{clip-path:inset(0 0 0 0 round 2rem)}@media(max-width:989px){.hs-trio{padding:3.6rem 0}.hs-trio__panels{flex-direction:column;height:auto;gap:.8rem}.hs-trio__panel{flex:none;border-radius:1.6rem;display:grid;grid-template-rows:auto 0fr;transition:grid-template-rows .5s var(--trio-ease)}.hs-trio__panel[data-open]{grid-template-rows:auto 1fr}.hs-trio__tab{position:relative;inset:auto;flex-direction:row;gap:1.2rem;min-height:7.6rem;padding:1.2rem 1.4rem}.hs-trio__panel[data-open] .hs-trio__tab{opacity:1;pointer-events:auto}.hs-trio__crest{width:4.8rem;height:4.8rem}.hs-trio__tabname{writing-mode:horizontal-tb;rotate:none;text-align:left;font-size:2.6rem}.hs-trio__peek{width:4.8rem;border-radius:.8rem;translate:none;rotate:-8deg}.hs-trio__panel[data-open] .hs-trio__peek{opacity:0;scale:.6}.hs-trio__open{position:static;flex-shrink:0}.hs-trio__panel[data-open] .hs-trio__open{rotate:45deg;background:#fff;color:var(--c)}.hs-trio__body{position:relative;inset:auto;min-height:0;overflow:hidden}.hs-trio__inner{width:auto;height:auto;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-template-areas:"chips chips" "card buy";grid-template-rows:auto;align-items:center;column-gap:1.6rem;row-gap:1.4rem;padding:.4rem 1.6rem 2rem}.hs-trio__head{display:none}.hs-trio__chips{justify-content:center;gap:.6rem}.hs-trio__chip{min-height:4.4rem;padding-right:1.2rem;font-size:1.3rem;gap:.6rem}.hs-trio__chip img{width:3.4rem;height:3.4rem}.hs-trio__card{width:100%;max-width:30rem;border-radius:1.4rem;transform:none}.hs-trio__flag{top:.8rem;left:.8rem;font-size:1.1rem;padding:.4rem .8rem}.hs-trio__buy{align-self:center;gap:1rem}.hs-trio__price{flex-direction:column;align-items:flex-start;gap:.2rem}.hs-trio__price strong{font-size:2.6rem}.hs-trio__price s{font-size:1.4rem}.hs-trio .hs-trio__btn{width:100%;padding-left:1rem;padding-right:1rem}.hs-trio__note{font-size:1.2rem;line-height:1.4}.hs-trio__word{left:50%;translate:-50% 0;font-size:clamp(8rem,calc(150vw / var(--len, 7)),18rem)}.hs-motion .hs-trio__panels>*{transition:clip-path 1s var(--trio-ease),grid-template-rows .5s var(--trio-ease)}.hs-trio__more{margin-top:.8rem;gap:1.2rem;min-height:7.2rem;padding:1.2rem 1.2rem 1.2rem 1.4rem;border-radius:1.6rem}.hs-trio__mini{width:3.6rem;height:3.6rem;margin-left:-1rem}.hs-trio__mini:nth-child(n+4):not(.hs-trio__mini--count){display:none}.hs-trio__mini--count{font-size:1.2rem}.hs-trio__moretxt strong{font-size:1.6rem;white-space:nowrap}.hs-trio__moretxt small{font-size:1.15rem;line-height:1.35}.hs-trio__morego{width:4.4rem;height:4.4rem}}@media(prefers-reduced-motion:reduce){.hs-trio__panel,.hs-trio__card,.hs-trio__buy,.hs-trio__peek{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/hs-trio.css.map */