.hc-piercing{display:flex;flex-direction:column;padding:56px 20px 64px;background:#fff}.hc-piercing__body{display:flex;flex-direction:column;gap:32px}.hc-piercing__head{display:flex;flex-direction:column;gap:14px}.hc .hc-piercing__title{font-size:34px;font-weight:400;line-height:1.06;letter-spacing:-.03em}.hc-piercing__text{max-width:46ch;font-size:15px;line-height:1.6}.hc-piercing__figure{display:none}.hc-piercing__thumb{position:relative;display:flex;align-items:center;justify-content:center;margin:0 -20px;aspect-ratio:1 / 1.02;background:var(--hc-cream)}.hc-piercing__thumb .hc-ear{width:88%;height:84%}.hc-piercing__caption{position:absolute;left:20px;bottom:18px;display:flex;align-items:center;gap:10px;min-height:14px;margin:0;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;transition:opacity .35s ease,transform .5s cubic-bezier(.16,1,.3,1)}.hc-piercing__caption:empty{display:none}.hc-piercing__caption:before{content:"";width:6px;height:6px;border-radius:50%;background:#b8975a}.hc-piercing__caption.is-out{opacity:0;transform:translateY(6px)}.hc-piercing__more{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;font-size:14px;font-weight:500;color:var(--hc-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.hc-piercing__more .hc-ico{width:16px;height:16px}.hc-pindex{margin:0;padding:0;list-style:none;border-top:1px solid var(--hc-line)}.hc-pindex__item{border-bottom:1px solid var(--hc-line)}.hc-pindex__row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name arrow" "text arrow";align-items:center;column-gap:16px;row-gap:3px;min-height:72px;padding:16px 0;color:var(--hc-ink);text-decoration:none}.hc-pindex__row:hover{color:var(--hc-ink)}.hc-pindex__row:focus{outline:none}.hc-pindex__row:focus-visible{outline:2px solid var(--hc-ink);outline-offset:4px}.hc-pindex__name{grid-area:name;font-size:20px;line-height:1.2;letter-spacing:-.015em;transition:transform .6s cubic-bezier(.16,1,.3,1)}.hc-pindex__text{grid-area:text;font-size:13px;line-height:1.45;color:var(--hc-muted)}.hc-pindex__media{display:none}.hc-pindex__arrow{grid-area:arrow;width:18px;height:18px;color:var(--hc-muted);transition:transform .6s cubic-bezier(.16,1,.3,1),color .3s ease}.hc-pindex__row:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:var(--hc-ink);transform:scaleX(0);transform-origin:left center;transition:transform .7s cubic-bezier(.16,1,.3,1)}.hc-pindex__row.is-linked:after,.hc-pindex__row:focus-visible:after{transform:scaleX(1)}.hc-pindex__row.is-linked .hc-pindex__arrow,.hc-pindex__row:focus-visible .hc-pindex__arrow{color:var(--hc-ink);transform:translate(4px)}.hc-pindex__item.is-featured .hc-pindex__name:after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 .2em 10px;border-radius:50%;background:#b8975a;vertical-align:middle}.hc-pindex__item--aside .hc-pindex__name{font-size:15px;font-weight:500;letter-spacing:0}@media(hover:hover){.hc-pindex__row:hover:after{transform:scaleX(1)}.hc-pindex__row:hover .hc-pindex__arrow{color:var(--hc-ink);transform:translate(4px)}}@media(min-width:750px){.hc-piercing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;padding:0}.hc-piercing__figure{position:relative;display:block;min-height:780px;overflow:hidden;background:var(--hc-cream)}.hc-piercing__figure .hc-ear{position:absolute;top:50%;left:50%;width:min(86%,640px);height:auto;aspect-ratio:1;transform:translate(-50%,-50%)}.hc-piercing__body{justify-content:center;gap:48px;padding:112px clamp(48px,7vw,120px)}.hc-piercing__head{gap:20px}.hc .hc-piercing__title{max-width:12ch;font-size:clamp(40px,3.8vw,58px);line-height:1.02}.hc-piercing__text{font-size:17px;line-height:1.65}.hc-piercing__thumb{display:none}.hc-pindex{max-width:580px}.hc-pindex__row{grid-template-columns:minmax(110px,.75fr) minmax(0,1.25fr) 48px 18px;grid-template-areas:"name text media arrow";column-gap:24px;min-height:88px;padding:14px 0}.hc-pindex__name{font-size:26px;letter-spacing:-.02em}.hc-pindex__text{font-size:14px}.hc-pindex__item--aside .hc-pindex__row{min-height:72px}.hc-pindex__item--aside .hc-pindex__name{font-size:15px}.hc-pindex__media{grid-area:media;display:block;width:48px;height:60px;overflow:hidden;background:var(--hc-media);clip-path:inset(100% 0 0 0);transition:clip-path .6s cubic-bezier(.16,1,.3,1)}.hc-pindex__media img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transform:scale(1.15);transition:transform .9s cubic-bezier(.16,1,.3,1)}.hc-pindex__row.is-linked .hc-pindex__name,.hc-pindex__row:focus-visible .hc-pindex__name{transform:translate(6px)}.hc-pindex__row.is-linked .hc-pindex__media,.hc-pindex__row:focus-visible .hc-pindex__media{clip-path:inset(0)}.hc-pindex__row.is-linked .hc-pindex__media img,.hc-pindex__row:focus-visible .hc-pindex__media img{transform:none}}.hc-ear{display:block;overflow:visible}.hc-ear__stage{transform-box:view-box;transition:transform 1s cubic-bezier(.22,1,.36,1),transform-origin 1s cubic-bezier(.22,1,.36,1)}.hc-ear__fill{fill:#fbf9f5}.hc-ear__lines path{fill:none;stroke:var(--hc-ink);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.hc-ear__lines .hc-ear__line--inner{stroke-width:1;opacity:.42}.hc-piercing__thumb .hc-ear__lines path{stroke-width:1.5}.hc-piercing__thumb .hc-ear__lines .hc-ear__line--inner{stroke-width:1.1}.hc-ear__spot{cursor:pointer;transition:opacity .5s ease}.hc-ear__spot:focus{outline:none}.hc-ear__hit{fill:transparent;pointer-events:all}.hc-ear__lead{fill:none;stroke:var(--hc-ink);stroke-width:.75;opacity:.22;transition:opacity .4s ease}.hc-ear__label{fill:var(--hc-muted);font-family:var(--FONT-STACK-BODY);font-size:10px;font-weight:500;letter-spacing:.24em;transition:fill .4s ease}.hc-ear__ring{fill:none;stroke:#b8975a;stroke-width:.8;opacity:.6}.hc-ear__dot{fill:#b8975a}.hc-ear__ring,.hc-ear__dot,.hc-ear__ripple,.hc-ear__jewel{transform-box:fill-box;transform-origin:center}.hc-ear__ring,.hc-ear__dot{transition:opacity .3s ease,transform .5s cubic-bezier(.16,1,.3,1)}.hc-ear__ring{transform:scale(.9)}.hc-ear__dot{transform:scale(.7)}.hc-piercing__thumb .hc-ear__dot{transform:scale(1)}.hc-piercing__thumb .hc-ear__ring{stroke-width:1.1}.hc-ear__ripple{fill:none;stroke:#d9b56b;stroke-width:1;opacity:0}.hc-ear__jewel{opacity:0;transform:scale(.25);transition:opacity .25s ease,transform .7s cubic-bezier(.16,1,.3,1)}.hc-ear__jewel--hoop{fill:none;stroke-width:2.6}.hc-ear__jewel--shine{fill:#fff}.hc-piercing.is-spotting .hc-ear__spot{opacity:.45}.hc-piercing.is-spotting .hc-ear__spot.is-active{opacity:1}.hc-ear__spot.is-active .hc-ear__dot,.hc-ear__spot.is-active .hc-ear__ring{opacity:0;transform:scale(.4)}.hc-ear__spot.is-active .hc-ear__jewel{opacity:1;transform:none}.hc-ear__spot.is-active .hc-ear__jewel--shine,.hc-ear__spot.is-active .hc-ear__lead{opacity:.9}.hc-ear__spot.is-active .hc-ear__label{fill:var(--hc-ink)}.hc-ear__spot.is-active .hc-ear__ripple{animation:hc-ear-ripple 1.1s cubic-bezier(.16,1,.3,1)}@keyframes hc-ear-ripple{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}.hc-piercing.is-armed .hc-ear__lines path{stroke-dasharray:1;stroke-dashoffset:1}.hc-piercing.is-armed .hc-ear__fill,.hc-piercing.is-armed .hc-ear__spot{opacity:0}.hc-piercing.is-armed.is-in .hc-ear__lines path{stroke-dashoffset:0;transition:stroke-dashoffset 2s cubic-bezier(.65,0,.35,1)}.hc-piercing.is-armed.is-in .hc-ear__lines .hc-ear__line--inner{transition-duration:1.2s;transition-delay:calc(.9s + var(--hc-d, 0s))}.hc-piercing.is-armed.is-in .hc-ear__lines .hc-ear__line--inner:nth-child(3){--hc-d: .12s}.hc-piercing.is-armed.is-in .hc-ear__lines .hc-ear__line--inner:nth-child(4){--hc-d: .24s}.hc-piercing.is-armed.is-in .hc-ear__lines .hc-ear__line--inner:nth-child(n+5){--hc-d: .36s}.hc-piercing.is-armed.is-in .hc-ear__fill{opacity:1;transition:opacity 1.4s ease .8s}.hc-piercing.is-armed.is-in .hc-ear__spot{opacity:1;transition:opacity .6s ease calc(1.6s + var(--hc-i, 0) * .12s)}.hc-piercing.is-armed.is-in.is-drawn .hc-ear__spot{transition:opacity .5s ease}.hc-piercing.is-armed.is-in.is-spotting .hc-ear__spot{opacity:.45}.hc-piercing.is-armed.is-in.is-spotting .hc-ear__spot.is-active{opacity:1}.hc-piercing.is-armed .hc-piercing__head>*,.hc-piercing.is-armed .hc-pindex__row>*{opacity:0;transform:translateY(12px)}.hc-piercing.is-armed.is-in .hc-piercing__head>*,.hc-piercing.is-armed.is-in .hc-pindex__row>*{opacity:1;transform:none;transition:opacity .8s ease var(--hc-delay, 0s),transform 1s cubic-bezier(.16,1,.3,1) var(--hc-delay, 0s),clip-path .6s cubic-bezier(.16,1,.3,1),color .3s ease}.hc-piercing.is-armed.is-in .hc-piercing__head>:nth-child(2){--hc-delay: .08s}.hc-piercing.is-armed.is-in .hc-piercing__head>:nth-child(n+3){--hc-delay: .16s}.hc-piercing.is-armed.is-in .hc-pindex__row>*{--hc-delay: calc(.3s + var(--hc-i, 0) * 80ms)}.hc-piercing.is-armed .hc-pindex__item{border-bottom-color:transparent}.hc-piercing.is-armed.is-in .hc-pindex__item{border-bottom-color:var(--hc-line);transition:border-color 1s ease calc(.3s + var(--hc-i, 0) * 80ms)}.hc-piercing.is-armed.is-in.is-drawn .hc-pindex__row>*{--hc-delay: 0s;transition-duration:.6s}.hc-piercing.is-armed.is-in .hc-pindex__row.is-linked .hc-pindex__arrow,.hc-piercing.is-armed.is-in .hc-pindex__row:focus-visible .hc-pindex__arrow{transform:translate(4px)}@media(hover:hover){.hc-piercing.is-armed.is-in .hc-pindex__row:hover .hc-pindex__arrow{transform:translate(4px)}}@media(min-width:750px){.hc-piercing.is-armed.is-in .hc-pindex__row.is-linked .hc-pindex__name,.hc-piercing.is-armed.is-in .hc-pindex__row:focus-visible .hc-pindex__name{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.hc-ear__stage,.hc-pindex__name,.hc-pindex__arrow,.hc-pindex__media img{transform:none!important;transition:none!important}.hc-ear__jewel,.hc-ear__dot,.hc-ear__ring,.hc-ear__spot,.hc-pindex__row:after,.hc-pindex__media{transition:none}.hc-ear__jewel{transform:none}.hc-ear__spot.is-active .hc-ear__ripple{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/hc-piercing.css.map */