.totwoo-hero2{--totwoo-bg: #faf6f1;--totwoo-bg-rgb: 250, 246, 241;--totwoo-ink: #17140f;--totwoo-ink-soft: rgba(23, 20, 15, .62);--totwoo-line: rgba(23, 20, 15, .12);--totwoo-moon-glow: 214, 168, 122;--totwoo-sun-glow: 250, 245, 235;--totwoo-ease: cubic-bezier(.22, 1, .36, 1);--totwoo-hit-scale: 1.4;position:relative;height:100vh;height:calc(100dvh - var(--totwoo-above-fold-offset, 0px));display:flex;flex-direction:column;background:var(--totwoo-bg);color:var(--totwoo-ink);overflow:hidden}.totwoo-hero2__stage{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,clamp(21rem,27vw,37rem)) minmax(0,32rem) minmax(0,clamp(21rem,27vw,37rem));grid-template-areas:"moon copytext sun";align-items:stretch;justify-content:center;column-gap:clamp(.5rem,2.5vw,2.5rem);row-gap:clamp(.4rem,1.2vh,1rem);padding:0 clamp(1.5rem,5vw,5rem) clamp(.3rem,1vh,1rem);overflow:hidden}.totwoo-hero2__connection{position:absolute;top:min(clamp(17rem,33vh,26rem),calc((100% - 3.4rem)/2));left:clamp(1.5rem,6vw,6rem);right:clamp(1.5rem,6vw,6rem);height:1px;transform:translateY(-50%);pointer-events:none;z-index:1}.totwoo-hero2__connection-line{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--totwoo-line);opacity:0;transition:opacity .4s var(--totwoo-ease)}[data-totwoo-connection].is-active .totwoo-hero2__connection-line{opacity:1}.totwoo-hero2__connection-dot{position:absolute;top:50%;left:0;width:.7rem;height:.7rem;border-radius:50%;background:rgb(var(--totwoo-moon-glow));box-shadow:0 0 1rem .2rem rgba(var(--totwoo-moon-glow),.7);opacity:0;translate:0 -50%}.totwoo-hero2__bracelet{position:relative;z-index:2;flex:0 1 clamp(21rem,27vw,37rem);min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem}.totwoo-hero2__bracelet--moon{grid-area:moon}.totwoo-hero2__bracelet--sun{grid-area:sun}.totwoo-hero2__image-wrap{position:relative;width:100%;display:flex;justify-content:center}.totwoo-hero2__image{width:100%;height:auto;max-height:80vh;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .4s var(--totwoo-ease)}.totwoo-hero2__placeholder{display:flex;width:100%;aspect-ratio:3 / 4;align-items:center;justify-content:center;background:#17140f0a}.totwoo-hero2__placeholder svg{width:30%;opacity:.3}.totwoo-hero2__label{font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:var(--totwoo-ink-soft)}.totwoo-hero2__medallion{-webkit-appearance:none;appearance:none;border:0;padding:0;background:none;position:absolute;top:var(--totwoo-medallion-top);left:50%;width:calc(var(--totwoo-medallion-size) * var(--totwoo-hit-scale));aspect-ratio:1 / 1;translate:-50% -50%;border-radius:50%;cursor:pointer;z-index:3;-webkit-tap-highlight-color:transparent}.totwoo-hero2__medallion:focus-visible{outline:2px solid rgba(23,20,15,.5);outline-offset:4px}.totwoo-hero2__halo,.totwoo-hero2__glow{position:absolute;top:50%;left:50%;translate:-50% -50%;width:calc(100% / var(--totwoo-hit-scale));height:calc(100% / var(--totwoo-hit-scale));border-radius:50%;pointer-events:none}.totwoo-hero2__halo{border:1px solid rgba(23,20,15,.18);opacity:0;transform:scale(.85);transition:opacity .4s var(--totwoo-ease),transform .4s var(--totwoo-ease)}.totwoo-hero2__bracelet--moon .totwoo-hero2__glow{background:radial-gradient(circle,rgba(var(--totwoo-moon-glow),.55),rgba(var(--totwoo-moon-glow),0) 70%)}.totwoo-hero2__bracelet--sun .totwoo-hero2__glow{background:radial-gradient(circle,rgba(var(--totwoo-sun-glow),.65),rgba(var(--totwoo-sun-glow),0) 70%)}.totwoo-hero2__glow{opacity:0;transform:scale(.7);filter:blur(2px);transition:opacity .4s var(--totwoo-ease),transform .4s var(--totwoo-ease)}.totwoo-hero2__touch-label{position:absolute;top:calc(var(--totwoo-medallion-top) - (var(--totwoo-medallion-size) * var(--totwoo-hit-scale) / 2) - 1.6rem);left:50%;translate:-50% 0;padding:.3rem .9rem;border-radius:999px;background:rgba(var(--totwoo-bg-rgb),.9);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--totwoo-ink-soft);opacity:0;transition:opacity .35s var(--totwoo-ease),translate .35s var(--totwoo-ease);white-space:nowrap;pointer-events:none}@media(hover:hover)and (pointer:fine){.totwoo-hero2__bracelet[data-state=hovering] .totwoo-hero2__image{transform:scale(1.018)}.totwoo-hero2__bracelet[data-state=hovering] .totwoo-hero2__halo{opacity:1;transform:scale(1.08)}.totwoo-hero2__bracelet[data-state=hovering] .totwoo-hero2__glow{opacity:.55;transform:scale(1)}.totwoo-hero2__bracelet[data-state=hovering] .totwoo-hero2__touch-label{opacity:1;translate:-50% -.2rem}}.totwoo-hero2__bracelet.is-hint .totwoo-hero2__halo{opacity:1}@media(prefers-reduced-motion:no-preference){.totwoo-hero2__bracelet.is-hint .totwoo-hero2__halo{animation:totwoo-hint-pulse 1.6s var(--totwoo-ease) 2 forwards}@keyframes totwoo-hint-pulse{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:.9;transform:scale(1.12)}}}.totwoo-hero2__bracelet[data-state=sending] .totwoo-hero2__glow{opacity:.9;transform:scale(1.05)}.totwoo-hero2__bracelet[data-state=sending] .totwoo-hero2__halo{opacity:1;transform:scale(1.15)}.totwoo-hero2__bracelet[data-state=receiving] .totwoo-hero2__halo{opacity:1;transform:scale(1.2)}.totwoo-hero2__bracelet--sun .totwoo-hero2__glow{filter:blur(3px)}.totwoo-hero2__copy-text{grid-area:copytext;position:relative;z-index:3;min-width:0;display:flex;flex-direction:column;align-items:center;gap:clamp(.8rem,1.4vh,1.3rem);text-align:center;background:var(--totwoo-bg);padding:clamp(.8rem,1.6vh,1.6rem) 1rem 0;translate:0 clamp(2.4rem,6vh,5.5rem)}.totwoo-hero2__cta-wrap{position:absolute;left:50%;bottom:clamp(8rem,18vh,15rem);translate:-50% 0;z-index:3;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;background:var(--totwoo-bg);padding:0 1rem clamp(.8rem,1.6vh,1.6rem)}.totwoo-hero2__eyebrow{margin:0;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--totwoo-ink-soft)}.totwoo-hero2__headline{margin:0;font-size:clamp(3.2rem,5vw,5.4rem);line-height:1.05}.totwoo-hero2__subcopy{margin:0;font-size:1.7rem;color:var(--totwoo-ink-soft)}.totwoo-hero2__cta{-webkit-appearance:none;appearance:none;margin-top:.2rem;padding:1.3rem 3rem;border:0;border-radius:999px;background:var(--totwoo-ink);color:var(--totwoo-bg);font-size:1.3rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .3s var(--totwoo-ease),box-shadow .3s var(--totwoo-ease)}.totwoo-hero2__cta:hover{transform:translateY(-2px);box-shadow:0 1.2rem 2.4rem #17140f2e}.totwoo-hero2__hint{height:1.6rem;margin:0;font-size:1.2rem;letter-spacing:.04em;color:var(--totwoo-ink-soft);opacity:0;transition:opacity .5s var(--totwoo-ease)}.totwoo-hero2__hint.is-visible{opacity:1}@media(prefers-reduced-motion:no-preference){[data-totwoo-entrance]{opacity:0;animation:totwoo-copy-in .7s var(--totwoo-ease) forwards}[data-totwoo-entrance]:nth-child(1){animation-delay:.05s}[data-totwoo-entrance]:nth-child(2){animation-delay:.15s}[data-totwoo-entrance]:nth-child(3){animation-delay:.25s}.totwoo-hero2__cta[data-totwoo-entrance]{animation-delay:.35s}@keyframes totwoo-copy-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}.totwoo-hero2__bracelet--moon{animation:totwoo-slide-in-left .8s var(--totwoo-ease) both}.totwoo-hero2__bracelet--sun{animation:totwoo-slide-in-right .8s var(--totwoo-ease) both}@keyframes totwoo-slide-in-left{0%{opacity:0;transform:translate(-1.6rem)}to{opacity:1;transform:translate(0)}}@keyframes totwoo-slide-in-right{0%{opacity:0;transform:translate(1.6rem)}to{opacity:1;transform:translate(0)}}.totwoo-hero2__bracelet[data-state=sending] .totwoo-hero2__image-wrap{animation:totwoo-compress 80ms var(--totwoo-ease)}@keyframes totwoo-compress{50%{transform:scale(.99)}}.totwoo-hero2__bracelet[data-state=receiving] .totwoo-hero2__image-wrap{animation:totwoo-haptic .42s var(--totwoo-ease)}@keyframes totwoo-haptic{0%,to{transform:translate(0)}15%{transform:translate(-3px) rotate(-.4deg)}35%{transform:translate(3px) rotate(.4deg)}55%{transform:translate(-2px) rotate(-.2deg)}75%{transform:translate(2px) rotate(.2deg)}}.totwoo-hero2__bracelet[data-state=receiving] .totwoo-hero2__glow{animation:totwoo-receive-pulse .9s var(--totwoo-ease) forwards}@keyframes totwoo-receive-pulse{0%{opacity:0;transform:scale(.7)}30%{opacity:1;transform:scale(1.15)}55%{opacity:.7;transform:scale(1)}80%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.9)}}[data-totwoo-connection].is-active[data-direction=moon-to-sun] .totwoo-hero2__connection-dot{animation:totwoo-travel-forward .55s linear}[data-totwoo-connection].is-active[data-direction=sun-to-moon] .totwoo-hero2__connection-dot{animation:totwoo-travel-backward .55s linear;background:rgb(var(--totwoo-sun-glow));box-shadow:0 0 1rem .2rem #17140f59}@keyframes totwoo-travel-forward{0%{left:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes totwoo-travel-backward{0%{left:100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:0%;opacity:0}}}@media(prefers-reduced-motion:reduce){.totwoo-hero2__bracelet[data-state=receiving] .totwoo-hero2__glow{opacity:.9;transition:opacity .4s ease}[data-totwoo-connection].is-active .totwoo-hero2__connection-line{transition:opacity .3s ease}.totwoo-hero2__connection-dot{display:none}}@media screen and (max-width:989px){.totwoo-hero2__stage{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;row-gap:2.4rem;column-gap:clamp(1rem,4vw,3rem);padding-top:2rem}.totwoo-hero2__copy-text{order:-1;flex-basis:100%;padding-top:0;translate:none}.totwoo-hero2__cta-wrap{position:relative;left:auto;bottom:auto;translate:none;order:1;flex-basis:100%;padding:0 1rem}.totwoo-hero2__headline{font-size:clamp(2.6rem,8vw,3.6rem)}.totwoo-hero2__bracelet{flex:1 1 0;justify-content:center;max-width:22rem}.totwoo-hero2__connection{display:none}}@media screen and (max-width:749px){.totwoo-hero2{height:auto;min-height:calc(100dvh - var(--totwoo-above-fold-offset, 0px));padding-bottom:2rem}.totwoo-hero2__stage{padding-left:1.4rem;padding-right:1.4rem;column-gap:1.2rem}.totwoo-hero2__bracelet{height:auto;max-width:15.5rem}.totwoo-hero2__touch-label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/totwoo-hero-premium.css.map */