body.rok-site .rok-hh{--hh-top:calc(var(--chrome-bar,64px) + var(--chrome-announce,30px));position:relative;height:100svh;min-height:680px;max-height:1150px;overflow:hidden;isolation:isolate;background:#0b0b0b;color:#fff}.rok-hh,.rok-hh *{box-sizing:border-box}.rok-hh-scene{position:absolute;top:0;bottom:0;left:-11%;right:0;z-index:1}.rok-hh-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}.rok-hh-fg{z-index:2}.rok-hh-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(42% 60% at 78% 56%,#0b0b0b47,#0b0b0b00),linear-gradient(90deg,#0b0b0bb3,#0b0b0b00 26%),linear-gradient(0deg,#0b0b0be6,#0b0b0b00 34%)}.rok-hh-word{position:absolute;z-index:4;top:calc(var(--hh-top) + 2vh);left:clamp(16px,2.4vw,40px);margin:0;font-family:var(--rok-display);font-stretch:125%;font-weight:800;text-transform:uppercase;font-size:clamp(60px,8.4vw,150px);line-height:.86;letter-spacing:-.02em;pointer-events:none}.rok-hh-word span{display:inline-block;background:linear-gradient(180deg,#fff,#e6e6e6 34%,#9a9a9a 66%,#d8d8d8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 30px rgba(0,0,0,.55))}.rok-hh-side{position:absolute;z-index:5;right:7%;top:calc(var(--hh-top) + 1vh);bottom:3%;width:min(40vw,720px);display:flex;flex-direction:column;align-items:center}body.rok-site .rok-hh .rok-hh-title{position:relative;z-index:2;margin:0;font-family:var(--rok-display);font-stretch:125%;font-weight:800;text-transform:uppercase;font-size:clamp(32px,2.9vw,54px);line-height:1;letter-spacing:-.01em;white-space:nowrap;text-shadow:none;color:#fff}.rok-hh-win{position:relative;flex:1;width:100%;min-height:0;margin:1.2vh 0 1.6vh}.rok-hh-glow{position:absolute;top:6%;right:4%;bottom:8%;left:4%;background:radial-gradient(46% 42% at 50% 52%,#ffffff29,#ffffff0d 45%,#fff0 72%)}.rok-hh-floor{position:absolute;left:50%;bottom:5%;width:46%;height:5%;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 50%,#000000f2,#00000080,#0000);filter:blur(4px)}.rok-hh-pot{position:absolute;left:50%;bottom:7%;height:84%;aspect-ratio:791/1306;transform:translate(-50%);transform-origin:50% 100%;animation:rok-hh-sway 6.5s ease-in-out infinite}.rok-hh-pot img{display:block;width:100%;height:100%;filter:drop-shadow(0 28px 30px rgba(0,0,0,.8))}.rok-hh-pot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-mask:var(--pot) center/100% 100% no-repeat;mask:var(--pot) center/100% 100% no-repeat;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.22) 48%,rgba(255,255,255,.05) 54%,transparent 62%) no-repeat;background-size:300% 100%;background-position:120% 0;animation:rok-hh-sheen 7s ease-in-out infinite 1.5s;mix-blend-mode:screen}@keyframes rok-hh-sway{0%,to{transform:translate(-50%) rotate(-.45deg) translateY(0)}50%{transform:translate(-50%) rotate(.45deg) translateY(-3px)}}@keyframes rok-hh-sheen{0%{background-position:120% 0}35%,to{background-position:-20% 0}}@media(prefers-reduced-motion:reduce){.rok-hh-pot,.rok-hh-pot:after{animation:none}}.rok-hh-calls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.rok-hh-calls svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.rok-hh-calls path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8));stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:rok-hh-draw .9s cubic-bezier(.6,0,.2,1) forwards;animation-delay:var(--d)}.rok-hh-calls circle.c{fill:#fff;opacity:0;animation:rok-hh-in .3s ease forwards;animation-delay:var(--d)}.rok-hh-calls circle.h{fill:none;stroke:#ffffff8c;stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center;animation:rok-hh-in .3s ease forwards,rok-hh-pulse 2.6s ease-in-out infinite;animation-delay:var(--d),calc(var(--d) + 1s)}.rok-hh-tag{position:absolute;transform:translateY(-100%);padding-bottom:8px;line-height:1;white-space:nowrap;opacity:0;animation:rok-hh-in .5s ease forwards;animation-delay:calc(var(--d) + .7s)}.rok-hh-tag.l{text-align:right}.rok-hh-tag strong{display:block;font-family:var(--rok-display);font-stretch:125%;font-weight:800;font-size:clamp(28px,2.3vw,40px);color:#fff;letter-spacing:-.01em;text-shadow:0 2px 12px rgba(0,0,0,.7)}.rok-hh-tag .k{position:absolute;top:calc(100% + 8px);font-family:var(--rok-data);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.8)}.rok-hh-tag.l .k{right:0}.rok-hh-tag.r .k{left:0}@keyframes rok-hh-draw{to{stroke-dashoffset:0}}@keyframes rok-hh-in{to{opacity:1}}@keyframes rok-hh-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.rok-hh-list{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0 0 14px;padding:0;list-style:none;font-family:var(--rok-data);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.rok-hh-list strong{font-family:var(--rok-display);font-stretch:125%;margin-right:6px}.rok-hh.is-placed .rok-hh-list{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}.rok-hh-cta{position:relative;z-index:4;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.rok-hh-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:48px;padding:0 30px;font-family:var(--rok-text);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;border-radius:2px;text-decoration:none;color:#fff}.rok-hh-btn--order{background:linear-gradient(135deg,#fdfdfd,#bfbfbf 28%,#fff 50%,#8f8f8f 74%,#e4e4e4);color:#0b0b0b}@property --rok-hh-a{syntax:"<angle>";inherits:false;initial-value:0deg}.rok-hh-btn--vs{position:relative;overflow:hidden;border:1px solid transparent;background:linear-gradient(180deg,#1c1c1c,#0d0d0d) padding-box,conic-gradient(from var(--rok-hh-a),#3a3a3a 0%,#fff 12%,#6b6b6b 25%,#3a3a3a 50%,#f2f2f2 62%,#6b6b6b 75%,#3a3a3a 100%) border-box;animation:rok-hh-spin 4s linear infinite;transition:transform .2s ease}.rok-hh-btn--vs:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.18) 48%,transparent 66%);transform:translate(-120%);transition:transform .7s ease}.rok-hh-btn--vs:hover{transform:translateY(-1px)}.rok-hh-btn--vs:hover:after{transform:translate(120%)}.rok-hh-vs{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 7px;background:linear-gradient(135deg,#fdfdfd,#bfbfbf 28%,#fff 50%,#8f8f8f 74%,#e4e4e4);color:#0b0b0b;font-family:var(--rok-display);font-stretch:125%;font-weight:900;font-size:11px;letter-spacing:.04em;border-radius:2px}@keyframes rok-hh-spin{to{--rok-hh-a:360deg}}@media(prefers-reduced-motion:reduce){.rok-hh-calls path,.rok-hh-calls circle,.rok-hh-tag{animation:none;opacity:1;stroke-dashoffset:0}.rok-hh-btn--vs{animation:none}}body.rok-site:has(.rok-hh) .shop-header:not(.is-solid){position:fixed;left:0;right:0;width:100%;background:linear-gradient(#000000b3,#0000) border-box no-repeat;border-bottom-color:transparent}@media(max-width:900px){body.rok-site .rok-hh{height:auto;min-height:0;max-height:none;padding-bottom:28px}.rok-hh-scene{position:relative;inset:auto;height:72svh;min-height:420px;transform:none}.rok-hh-photo{object-position:50% 38%}.rok-hh-shade{bottom:auto;height:72svh;min-height:420px;background:linear-gradient(0deg,#0b0b0b,#0b0b0b00 22%),linear-gradient(180deg,#0b0b0b8c,#0b0b0b00 30%)}.rok-hh-word{font-size:clamp(48px,14.5vw,96px);top:calc(var(--hh-top) + 16px)}.rok-hh-side{position:relative;right:auto;top:auto;bottom:auto;width:100%;margin-top:-6svh;padding:0 16px}body.rok-site .rok-hh .rok-hh-title{font-size:clamp(26px,7.4vw,44px)}.rok-hh-win{flex:none;height:min(74vw,380px);margin:12px 0 18px}.rok-hh-cta{flex-direction:column;width:100%;max-width:420px;gap:10px}.rok-hh-tag strong{font-size:19px}.rok-hh-tag .k{position:static;display:block;margin-top:4px;font-size:10px;letter-spacing:.08em}.rok-hh-btn{height:48px;padding:0 18px;font-size:12px;width:100%}}.rok-hh-head{position:absolute;z-index:4;top:calc(var(--hh-top) + 2vh);left:clamp(16px,2.4vw,40px);pointer-events:none}.rok-hh-head .rok-hh-word{position:static}body.rok-site .rok-hh .rok-hh-head .rok-hh-title{margin:clamp(14px,1.6vw,26px) 0 0 .3vw;font-size:clamp(24px,2.1vw,38px);letter-spacing:.02em;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.7)}.rok-hh-calls{display:none}.rok-hh-win{margin-bottom:.6vh}.rok-hh .rok-hh-list,.rok-hh.is-placed .rok-hh-list{position:relative;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;flex-wrap:nowrap;gap:0;margin:0 0 22px;font-size:10px;letter-spacing:.12em;color:#fff}.rok-hh-list li{display:flex;align-items:baseline;gap:6px;padding:0 11px;white-space:nowrap;border-left:1px solid rgba(255,255,255,.18)}.rok-hh-list li:first-child{border-left:0}.rok-hh-list strong{margin:0;font-size:15px;letter-spacing:0;color:#fff}.rok-hh-list .rok-u{font-size:.8em}@media(max-width:900px){.rok-hh-head{top:calc(var(--hh-top) + 16px);left:16px}body.rok-site .rok-hh .rok-hh-head .rok-hh-title{font-size:clamp(19px,5.8vw,28px);margin-top:12px}.rok-hh .rok-hh-list,.rok-hh.is-placed .rok-hh-list{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;row-gap:10px}.rok-hh-list li{padding:0 8px;font-size:9px}.rok-hh-list li:nth-child(4){border-left:0}.rok-hh-list strong{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/rok-home-hero.css.map */