.hero-cloud{position:relative;height:min(92svh,880px);overflow:hidden;background:#0a0a0a}.hero-cloud__cloud{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;will-change:transform}.hero-cloud__cloud-drift{width:100%;height:100%}.hero-cloud__cloud img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-cloud__copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:min(640px,86vw);text-align:center;will-change:transform}.hero-cloud__eyebrow{color:var(--accent-text)}.hero-cloud__heading{font-size:clamp(44px,7vw,96px);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:var(--space-4) 0 0;text-shadow:0 2px 40px rgba(10,10,10,.6)}.hero-cloud__body{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-1);line-height:var(--leading-normal);margin:var(--space-5) auto 0;max-width:460px}.hero-cloud__actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.hero-cloud__poster{position:absolute;z-index:4;transform:translate(-50%,-50%);will-change:transform}.hero-cloud__poster--left{left:var(--hcl-left-x);top:var(--hcl-left-y);width:var(--hcl-left-w)}.hero-cloud__poster--right{left:var(--hcl-right-x);top:var(--hcl-right-y);width:var(--hcl-right-w)}.hero-cloud__poster-float{will-change:transform}.hero-cloud__frame{position:relative;width:100%;border:var(--border-hair) solid var(--line-strong);background:var(--bg-1);box-shadow:inset 0 1px #f5f2e80d,0 6px 14px #00000080,0 24px 60px #0009;transition:transform .35s ease,box-shadow .35s ease,border-color .2s ease}.hero-cloud__link{display:block;cursor:pointer;overflow:hidden}.hero-cloud__frame img{display:block;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;transform:scale(1.05)}.hero-cloud__ph{display:flex;width:100%;aspect-ratio:2 / 3}.hero-cloud__frame--empty{aspect-ratio:2 / 3}.hero-cloud__frame:hover,.hero-cloud__frame:focus-within{transform:translateY(-8px) scale(1.03);border-color:var(--fg-2);box-shadow:inset 0 1px #f5f2e80f,0 12px 24px #0000008c,0 36px 80px #000000a6}.hero-cloud__add{position:absolute;left:8%;right:8%;bottom:9%;z-index:2;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:var(--tracking-wide);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fg-0);background:#0a0a0ae6;border:var(--border-hair) solid var(--line-strong);padding:11px 8px;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:border-color .15s ease,color .15s ease,background .15s ease}.hero-cloud__add:hover{border-color:var(--fg-0);background:#121212f2}.hero-cloud__add:focus-visible{outline:var(--border-thick) solid var(--accent-text);outline-offset:2px}.hero-cloud__add.is-added{color:var(--accent-text);border-color:var(--accent-text)}.hero-cloud__add.is-added span{display:block;animation:hcl-glitch .22s steps(2,end) 2}.hero-cloud__add.is-error{color:var(--danger);border-color:var(--danger)}.hero-cloud__add.is-soldout{color:var(--fg-2);cursor:not-allowed}.hero-cloud__frame:has(.hero-cloud__add.is-added){border-color:var(--accent-text);box-shadow:inset 0 0 0 1px #6fae8359,0 0 0 1px #6fae8366,0 0 44px #2b52398c,0 24px 60px #0009}@keyframes hcl-glitch{0%{clip-path:inset(0);transform:translate(0)}25%{clip-path:inset(18% 0 52% 0);transform:translate(-2px,1px)}50%{clip-path:inset(48% 0 18% 0);transform:translate(2px,-1px)}75%{clip-path:inset(72% 0 4% 0);transform:translate(-1px)}to{clip-path:inset(0);transform:translate(0)}}@media(max-width:899px){.hero-cloud{height:min(88svh,760px)}.hero-cloud__poster--left{left:19%;top:83%;width:36%}.hero-cloud__poster--right{left:82%;top:17%;width:36%}.hero-cloud__copy{width:88vw}.hero-cloud__heading{font-size:clamp(38px,11vw,56px)}.hero-cloud__actions{flex-wrap:wrap}.hero-cloud__add{left:5%;right:5%;bottom:7%;font-size:9px;letter-spacing:.02em;padding:9px 4px}}@media(prefers-reduced-motion:reduce){.hero-cloud__frame,.hero-cloud__add{transition:none}.hero-cloud__add.is-added span{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-hero-cloud.css.map */