.casefy-hero,.casefy-sticky{--cf-paper: #fbfaf8;--cf-panel: #f2f0ec;--cf-ink: #14161a;--cf-ink-2: #5c6270;--cf-rule: #e2dfd8;--cf-void: #0b0c10;--cf-vline: #262a35;--cf-vink: #edeff4;--cf-vmute: #858c9c;--cf-cold: #e8481f;--cf-hot: #ffd23f;--cf-acc-1: #c2320f;--cf-acc-2: #a8690a;--cf-mono: ui-monospace, "SFMono-Regular", "SF Mono", "Roboto Mono", Menlo, monospace}.casefy-hero{position:relative;background:var(--cf-paper);color:var(--cf-ink);min-height:100svh;display:grid;align-content:center;gap:clamp(1.25rem,4vw,1.75rem);padding:clamp(1.5rem,5vw,3.5rem) clamp(1.25rem,5vw,4rem)}.casefy-hero__eyebrow{margin:0;display:flex;align-items:center;gap:.6rem;font-family:var(--cf-mono);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cf-ink-2)}.casefy-hero__eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cf-acc-1)}.casefy-hero__title{margin:.75rem 0 0;font-size:clamp(2.1rem,8.5vw,4.4rem);line-height:1.02;letter-spacing:-.035em;font-weight:600;text-wrap:balance}.casefy-hero__title em{font-style:normal;display:block;background:linear-gradient(100deg,var(--cf-acc-1),var(--cf-acc-2));-webkit-background-clip:text;background-clip:text;color:transparent}.casefy-hero__sub{margin:1rem 0 0;max-width:44ch;font-size:clamp(.95rem,2.4vw,1.0625rem);line-height:1.6;color:var(--cf-ink-2)}.cf-stage{position:relative;isolation:isolate;overflow:clip;border-radius:18px;background:var(--cf-void);display:grid;place-items:center;min-height:38svh;box-shadow:0 24px 60px -28px #14161a73}.cf-stage__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,var(--cf-vline) 1px,transparent 1px),linear-gradient(to bottom,var(--cf-vline) 1px,transparent 1px);background-size:64px 64px;opacity:.5;-webkit-mask-image:radial-gradient(115% 80% at 50% 45%,#000 15%,transparent 76%);mask-image:radial-gradient(115% 80% at 50% 45%,#000 15%,transparent 76%)}.cf-stage__pool{position:absolute;left:50%;top:48%;z-index:0;width:min(130%,640px);aspect-ratio:1;translate:-50% -50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--cf-cold) 20%,transparent) 0%,transparent 62%);filter:blur(30px);animation:cf-breathe 9s ease-in-out infinite}@keyframes cf-breathe{0%,to{opacity:.5;scale:1}50%{opacity:.8;scale:1.06}}.cf-stage__ember{position:absolute;z-index:0;width:2px;height:2px;border-radius:50%;background:var(--cf-hot);opacity:0;pointer-events:none;animation:cf-rise linear infinite}@keyframes cf-rise{0%{transform:translateY(0) scale(.6);opacity:0}14%{opacity:.65}86%{opacity:.2}to{transform:translateY(-42svh) scale(1);opacity:0}}.cf-stage__hint{position:absolute;z-index:2;bottom:.85rem;left:50%;translate:-50% 0;margin:0;font-family:var(--cf-mono);font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cf-vmute);white-space:nowrap;transition:opacity .5s ease}casefy-viewer[data-touched]~.cf-stage__hint{opacity:0}casefy-viewer{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:38svh;cursor:grab;touch-action:none}casefy-viewer:active{cursor:grabbing}.casefy-viewer__canvas{display:block;width:100%;height:100%}.casefy-hero__fallback{display:none;position:relative;z-index:1;padding:1.5rem}casefy-viewer[data-fallback]{display:none}casefy-viewer[data-fallback]+.casefy-hero__fallback{display:block}.casefy-hero__fallback img{width:100%;max-width:340px;height:auto}.casefy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem;padding:0 1.5rem;border-radius:6px;border:1px solid transparent;font-family:var(--cf-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .18s ease,background .25s ease,border-color .25s ease}.casefy-btn--primary{background:var(--cf-ink);color:var(--cf-paper);font-weight:600}.casefy-btn--primary:hover{transform:translateY(-1px);background:#000}.casefy-btn--ghost{background:transparent;border-color:var(--cf-rule);color:var(--cf-ink)}.casefy-btn--ghost:hover{border-color:var(--cf-ink-2);transform:translateY(-1px)}.casefy-btn:focus-visible{outline:2px solid var(--cf-acc-1);outline-offset:3px}.casefy-btn[disabled]{opacity:.35;pointer-events:none}.casefy-btn--primary.is-added{background:#1c7a45}.casefy-buy{max-width:34rem}.casefy-buy__row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.5rem;font-family:var(--cf-mono);font-size:.5625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cf-ink-2)}.casefy-buy__code{color:var(--cf-ink);letter-spacing:.08em}.casefy-buy__colors{display:flex;gap:.5rem;margin:0 0 1.25rem;padding:0;list-style:none}.casefy-buy__colors li{flex:1 1 0;min-width:0}.casefy-buy__color{width:100%;height:46px;padding:0;border:1px solid var(--cf-rule);border-radius:5px;background:linear-gradient(118deg,var(--bc) 0%,var(--bc) 44%,var(--bh) 56%,var(--bh) 100%);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.casefy-buy__color:hover{transform:translateY(-2px)}.casefy-buy__color[aria-pressed=true]{box-shadow:0 0 0 2px var(--cf-ink)}.casefy-buy__color:focus-visible{outline:2px solid var(--cf-acc-1);outline-offset:3px}.casefy-buy__field{position:relative;margin-bottom:1.25rem}.casefy-buy__select{-webkit-appearance:none;appearance:none;width:100%;min-height:3.25rem;padding:0 2.75rem 0 1rem;border:1px solid var(--cf-rule);border-radius:6px;background:#fff;color:var(--cf-ink);font-family:var(--cf-mono);font-size:.875rem;cursor:pointer}.casefy-buy__select:focus-visible{outline:2px solid var(--cf-acc-1);outline-offset:2px}.casefy-buy__field:after{content:"";position:absolute;right:1.1rem;top:50%;width:7px;height:7px;border-right:1.5px solid var(--cf-ink-2);border-bottom:1.5px solid var(--cf-ink-2);transform:translateY(-70%) rotate(45deg);pointer-events:none}.casefy-buy__price{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.9rem;margin-bottom:.9rem;border-bottom:1px solid var(--cf-rule)}.casefy-buy__amount{font-size:clamp(1.5rem,5.5vw,1.875rem);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.casefy-buy__stock{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--cf-mono);font-size:.5625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cf-ink-2)}.casefy-buy__stock:before{content:"";width:6px;height:6px;border-radius:50%;background:#1c7a45}.casefy-buy__stock[data-out]{color:#b3261e}.casefy-buy__stock[data-out]:before{background:#b3261e}.casefy-buy__actions{display:grid;gap:.5rem}.casefy-buy .casefy-btn{width:100%}.casefy-buy__note{margin:.7rem 0 0;min-height:1em;font-family:var(--cf-mono);font-size:.5625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cf-ink-2)}.casefy-hero__trust{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;margin:1.1rem 0 0;padding:0;list-style:none;font-family:var(--cf-mono);font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cf-ink-2)}.casefy-hero__trust li:before{content:"\2014  ";color:var(--cf-acc-1)}.casefy-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--cf-paper) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--cf-rule);transform:translateY(115%);transition:transform .32s cubic-bezier(.16,1,.3,1)}.casefy-sticky[data-show]{transform:none}.casefy-sticky__meta{flex:1 1 auto;min-width:0;line-height:1.25}.casefy-sticky__price{display:block;font-size:1rem;font-weight:600;color:var(--cf-ink);font-variant-numeric:tabular-nums}.casefy-sticky__spec{display:block;font-family:var(--cf-mono);font-size:.5625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cf-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.casefy-sticky .casefy-btn{flex:0 0 auto;min-height:2.85rem}.casefy-hero [data-cf-in]{opacity:0;transform:translateY(12px);animation:cf-in .75s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d, 0s)}@keyframes cf-in{to{opacity:1;transform:none}}@media(min-width:900px){.casefy-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto;column-gap:clamp(2.5rem,6vw,5rem);row-gap:1.75rem}.casefy-hero__copy{grid-column:1;grid-row:1;align-self:end}.casefy-buy{grid-column:1;grid-row:2;align-self:start}.casefy-hero__stage{grid-column:2;grid-row:1 / span 2;min-height:76svh}casefy-viewer{min-height:76svh}.casefy-buy__actions{grid-template-columns:1fr 1fr}.casefy-sticky{display:none}}@media(max-width:899px){.casefy-hero{gap:1rem;align-content:start}.casefy-hero__title{font-size:clamp(1.9rem,8vw,2.6rem)}.casefy-hero__sub{font-size:.9rem;margin-top:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.casefy-hero__stage,casefy-viewer{min-height:32svh}}@media(prefers-reduced-motion:reduce){.cf-stage__pool{animation:none}.cf-stage__ember{display:none}.casefy-hero [data-cf-in]{animation-duration:.01s}.casefy-btn:hover,.casefy-buy__color:hover{transform:none}.casefy-sticky{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/casefy-hero.css.map */