.custom-hero{position:relative;width:100%;min-height:var(--hero-height, 680px);overflow:hidden;display:flex;flex-direction:column;align-items:center}.hero-text{position:relative;z-index:2;text-align:center;padding:24px;pointer-events:none;max-width:900px}.hero-subheading{font-size:var(--fs-hero-subtitle, 18px);font-weight:600;letter-spacing:0;text-transform:uppercase;color:#0f191f;margin:0 0 20px}.hero-heading{font-size:var(--fs-hero-heading, clamp(44px, 6.11vw, 88px));line-height:1.05;color:#0f191f;margin:0;display:flex;flex-direction:column}.hero-heading__text{font-weight:400}.hero-heading__bold{font-weight:700}.hero-product{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:1;pointer-events:none;animation:heroProductReveal 1.2s cubic-bezier(.16,1,.3,1) .25s both;min-width:280px}@keyframes heroProductReveal{0%{opacity:0;transform:translate(-50%) translateY(52px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hero-product__img{display:block;width:100%;height:auto}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;cursor:none;touch-action:none}.hero-draw-hint{display:none;position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:6px;transition:opacity .4s ease}.hero-draw-hint__crayon{width:52px;height:auto;transform:rotate(-20deg);animation:hint-bounce 1.4s ease-in-out infinite}.hero-draw-hint__label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-orange, #FF560D);white-space:nowrap}@keyframes hint-bounce{0%,to{transform:rotate(-20deg) translateY(0)}50%{transform:rotate(-20deg) translateY(-10px)}}.hero-draw-hint.is-hidden{opacity:0}@media(hover:none)and (pointer:coarse){.hero-draw-hint{display:flex}}.hero-cursor{position:fixed;pointer-events:none;z-index:99999;display:none}.hero-cursor--crayon{width:80px;height:auto;transform:rotate(-20deg);transform-origin:14px 64px}.hero-cursor--rubber{width:72px;height:auto;transform:rotate(-15deg)}.hero-toolbar{position:absolute;left:var(--gsc-container-header-padding, 2rem);top:50%;opacity:0;z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:16px 8px 6px;pointer-events:auto}.hero-palette{display:flex;flex-direction:column;align-items:center;gap:8px}.hero-palette__swatch{width:22px;height:22px;border-radius:50%;border:2.5px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease;flex-shrink:0}.hero-palette__swatch:hover{transform:scale(1.2)}.hero-palette__swatch.is-active{border-color:#0f191f;transform:scale(1.25)}.hero-toolbar__divider{width:20px;height:1px;background:#0000001f;flex-shrink:0}.hero-eraser-btn{width:48px;height:48px;border-radius:50%;border:2.5px solid transparent;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:background .15s ease,border-color .15s ease,transform .15s ease;flex-shrink:0}.hero-eraser-btn img{width:100%;height:auto;display:block}.hero-eraser-btn:hover{transform:scale(1.15)}.hero-eraser-btn.is-active{border-color:#0f191f;background:#0000000f;transform:scale(1.2)}.hero-close-btn{display:none;background:none;border:none;padding:4px;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;opacity:.7;transition:opacity .15s ease,transform .15s ease}.hero-close-btn:hover{opacity:1;transform:scale(1.1)}.hero-close-btn img{display:block;width:22px;height:22px}.hero-toolbar__divider--close{display:none}@media screen and (max-width:768px){.custom-hero{min-height:var(--hero-height-mobile, 420px)}.hero-text{padding-top:16px;padding-bottom:0}.hero-heading{font-size:34px}.hero-subheading{font-size:14px;margin-bottom:12px}.hero-product{width:var(--pwm, 65%)!important;margin-bottom:calc(-1 * var(--pcm, var(--pc, 16%)))!important}.hero-toolbar{position:absolute;bottom:6px;left:0;right:0;margin-inline:auto;width:fit-content;top:auto;flex-direction:row;padding:4px 12px;z-index:4}.hero-palette{flex-direction:row}.hero-toolbar__divider{width:1px;height:20px}.hero-palette__swatch{width:18px;height:18px}.hero-close-btn,.hero-toolbar__divider--close{display:flex}}.hero-pills{position:absolute;right:var(--gsc-container-header-padding, 2rem);bottom:2rem;max-width:32%;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;pointer-events:none}.hero-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:500;line-height:1;white-space:nowrap}.hero-pill--1{background:#3f81c5;color:#fff}.hero-pill--2{background:#ffd100;color:#0f191f}.hero-pill--3{background:#e0b4e3;color:#0f191f}@media screen and (max-width:768px){.hero-pills{position:relative;right:auto;bottom:auto;max-width:none;margin-top:12px;padding-inline:12px;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px}.hero-pill{padding:6px 9px;border-radius:8px;font-size:10.5px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/custom-hero.css.map */