/* Stickers & Emoji. The sample artwork remains unchanged; only its display size is set here. */
.sticker-art{display:block;user-select:none;-webkit-user-select:none}
.sticker-wrap{width:min(100% - 136px,1304px);margin-inline:auto}
.sticker-section{padding-block:74px;border-top:1px solid var(--line)}
.sticker-eyebrow{display:flex;align-items:center;gap:10px;font:700 10px/1.7 monospace;letter-spacing:1.5px;color:#c3b2d6;margin:0 0 22px}
.sticker-eyebrow i{display:block;width:7px;height:7px;flex:none;border-radius:50%;background:var(--lime)}
.sticker-hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:42px;padding-block:56px 86px}
.sticker-hero-copy{position:relative;z-index:2;min-width:0}
.sticker-hero h1{font-size:clamp(49px,6vw,88px);line-height:1.02;letter-spacing:-4.5px;font-weight:900;margin:0 0 28px}
.sticker-hero h1 span{display:block;color:var(--lime)}
.sticker-statement{font-size:clamp(21px,2.2vw,29px);line-height:1.4;letter-spacing:-.6px;margin:0 0 17px;color:#f7f5f0}
.sticker-statement strong{color:#d6b0ff;font-weight:400}
.sticker-intro{color:#bfb5ce;font-size:15px;line-height:1.85;max-width:530px;margin:0 0 24px}
.sticker-hero-price{display:flex;align-items:center;gap:24px;padding-block:18px;margin:0 0 20px;border-block:1px solid #ffffff22;max-width:450px}
.sticker-hero-price span{color:#d2c6dd;font-size:13px}.sticker-hero-price strong{font-size:32px;line-height:1.15;color:var(--lime);margin-left:auto;white-space:nowrap;letter-spacing:-1px}
.sticker-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.sticker-actions .button{max-width:100%}
.sticker-text-link{display:inline-flex;align-items:center;min-height:48px;color:#d9c6eb;font-size:13px;border-bottom:1px solid #826a99}
.sticker-hero-art{position:relative;min-width:0;aspect-ratio:1;isolation:isolate;background:radial-gradient(ellipse,#6e47844a,transparent 70%)}
.sticker-hero-art :is(img,svg.sticker-art){position:absolute;object-fit:contain;user-select:none;-webkit-user-drag:none}
.sticker-hero-main{width:91%;height:91%;left:2%;top:2%;z-index:2;transform:rotate(-6deg)}
.sticker-hero-love{width:27%;height:27%;right:-1%;top:4%;transform:rotate(12deg);z-index:3}
.sticker-hero-cool{width:30%;height:30%;right:-2%;bottom:4%;transform:rotate(-12deg);z-index:3}
.sticker-orbit{position:absolute;border:1px solid #a58aba38;border-radius:50%;inset:8%;z-index:0}.sticker-orbit-two{inset:20%;border-style:dashed;border-color:#c5f75b40}
.sticker-art-pixel{position:absolute;width:17px;height:17px;border-radius:4px;left:6%;bottom:14%;background:var(--lime);transform:rotate(14deg);box-shadow:25px 15px 0 -3px #d6b0ff}
.sticker-section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:34px}
.sticker-section-heading h2{font-size:clamp(32px,3.7vw,51px);line-height:1.12;letter-spacing:-2px;font-weight:800;margin:0}
.sticker-section-heading h2 span{color:#d6b0ff}.sticker-section-heading>p:last-child{font-size:14px;line-height:1.85;color:#bdb0cd;max-width:390px;margin:0}
.sticker-example-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sticker-example{margin:0;min-width:0;aspect-ratio:1;display:grid;place-items:center;border-radius:15px;border:1px solid #7d629249;background:#21192e;overflow:hidden}
.sticker-example :is(img,svg.sticker-art){display:block;width:95%;height:95%;object-fit:contain}
.sticker-emoji-heading{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-top:36px;margin-bottom:20px}.sticker-emoji-heading h3{font-size:23px;letter-spacing:-.6px;margin:0}.sticker-emoji-heading p{color:#bfb0cd;font-size:13px;margin:0}
.sticker-emoji-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.sticker-emoji-grid figure{display:grid;place-items:center;aspect-ratio:1;margin:0;border:1px solid #7d629249;background:#21192e;border-radius:15px;min-width:0}.sticker-emoji-grid :is(img,svg.sticker-art){display:block;width:77%;height:77%;object-fit:contain}
.sticker-offer{display:grid;grid-template-columns:1fr 1.08fr;gap:86px;align-items:center}.sticker-offer>.sticker-section-heading{display:block;margin:0}.sticker-offer .sticker-section-heading>p:last-child{margin-top:25px}
.sticker-offer-card{padding:32px;border:1px solid #846597;border-radius:16px;background:#261d34;min-width:0}
.sticker-offer-top{display:flex;align-items:center;gap:20px;justify-content:space-between;padding-bottom:27px;border-bottom:1px solid #ffffff24}.sticker-offer-top h3{font-size:24px;letter-spacing:-.7px;margin:0}.sticker-offer-top strong{font-size:40px;line-height:1.1;letter-spacing:-1.6px;color:var(--lime);white-space:nowrap}
.sticker-offer-card ul{list-style:none;padding:17px 0 0;margin:0}.sticker-offer-card li{position:relative;padding:10px 0 10px 25px;color:#e3d8ed;font-size:14px;line-height:1.6}.sticker-offer-card li:before{position:absolute;left:0;content:'✓';color:var(--lime);font-weight:bold}
.sticker-offer-note{font-size:12px;color:#b3a4c2;line-height:1.8;margin:19px 0 23px}.sticker-offer-card .button{width:100%;min-width:0;justify-content:space-between}
.sticker-process .sticker-section-heading{margin-bottom:35px}.sticker-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.sticker-process-grid article{padding-top:22px;border-top:1px solid #ffffff29;min-width:0}.sticker-process-grid article>span{font:12px/1.5 monospace;color:var(--lime)}.sticker-process-grid h3{font-size:20px;line-height:1.35;letter-spacing:-.5px;margin:18px 0 13px}.sticker-process-grid p{font-size:14px;line-height:1.8;color:#bdb0cd;margin:0}
.sticker-order{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:65px;padding:48px;border-radius:18px;background:var(--lime);color:#233016;margin-top:22px;margin-bottom:70px;scroll-margin-top:20px}
.sticker-order .sticker-eyebrow{color:#45572a}.sticker-order h2{font-size:clamp(33px,3.8vw,52px);line-height:1.1;font-weight:900;letter-spacing:-2px;margin:0 0 22px}.sticker-order-heading>p:not(.sticker-eyebrow){font-size:14px;line-height:1.8;color:#45562e;margin:0;max-width:350px}.sticker-order-package{display:flex;align-items:center;gap:24px;border-top:1px solid #34491c44;padding-top:26px;margin-top:28px}.sticker-order-package span{font-size:13px;line-height:1.6}.sticker-order-package strong{font-size:35px;line-height:1.1;letter-spacing:-1.3px;white-space:nowrap;margin-left:auto}
#sticker-order-form{min-width:0;margin:0}#sticker-form-root{min-width:0}#sticker-order-form label{display:block;font-size:13px;line-height:1.5;color:#273b19;margin:0 0 8px}#sticker-order-form input:not([type=checkbox]):not([type=radio]),#sticker-order-form textarea,#sticker-order-form select{width:100%;max-width:100%;min-width:0;background:#ffffff30;border:1px solid #73894d99;border-radius:9px;color:#233016;min-height:52px;padding:13px 15px;font:inherit;font-size:15px;line-height:1.45}#sticker-order-form textarea{min-height:128px;resize:vertical}#sticker-order-form input:focus-visible,#sticker-order-form textarea:focus-visible{outline:3px solid #5e337c;outline-offset:2px}#sticker-order-form fieldset{padding:0;border:0;margin:0}#sticker-order-form legend{font-size:19px;font-weight:700;margin-bottom:22px}#sticker-order-form .sticker-form-grid,#sticker-order-form .sticker-fields{display:grid;gap:20px}#sticker-order-form .sticker-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}#sticker-order-form .button{width:100%;max-width:100%;min-width:0;justify-content:center;margin-top:7px}#sticker-order-form .form-note{font-size:12px;line-height:1.7;color:#40532b}#sticker-order-form a{color:inherit;text-underline-offset:4px}#sticker-order-form .sticker-error,#sticker-order-form .field-error{font-size:12px;line-height:1.7;color:#8b153a}#sticker-order-form [hidden]{display:none!important}.sticker-footer{margin-top:0}
@media(max-width:1100px){.sticker-hero{gap:16px}.sticker-wrap{width:calc(100% - 80px)}.sticker-offer{gap:40px}.sticker-order{gap:35px;padding:36px}.sticker-hero-love,.sticker-hero-cool{right:0}}
@media(max-width:800px){.sticker-wrap{width:calc(100% - 48px)}.sticker-hero{grid-template-columns:1fr;padding-block:42px 55px;gap:15px}.sticker-hero h1{font-size:clamp(56px,10vw,78px);letter-spacing:-3px}.sticker-hero-copy{max-width:620px}.sticker-hero-art{width:min(100%,440px);margin-inline:auto}.sticker-hero-main{top:0}.sticker-section{padding-block:52px}.sticker-section-heading{display:block}.sticker-section-heading>p:last-child{margin-top:22px}.sticker-example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sticker-emoji-grid{gap:12px}.sticker-offer{grid-template-columns:1fr;gap:30px}.sticker-offer-card{max-width:600px}.sticker-process-grid{gap:20px}.sticker-process-grid h3{font-size:18px}.sticker-process-grid p{font-size:13px}.sticker-order{grid-template-columns:1fr;padding:30px;gap:34px}.sticker-order-heading>p:not(.sticker-eyebrow){max-width:510px}.sticker-order-package{max-width:430px}.sticker-order h2 br{display:none}}
@media(max-width:500px){.sticker-hero h1{font-size:57px}.sticker-eyebrow{font-size:9px;letter-spacing:1.15px}.sticker-intro{font-size:14px}.sticker-hero-price{gap:15px}.sticker-actions{gap:14px}.sticker-actions .button{width:100%;justify-content:center}.sticker-text-link{font-size:13px}.sticker-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sticker-example{border-radius:12px}.sticker-emoji-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sticker-emoji-heading{display:block}.sticker-emoji-heading p{margin-top:10px}.sticker-section-heading h2{font-size:34px;letter-spacing:-1.4px}.sticker-offer-card{padding:23px}.sticker-offer-top{align-items:start}.sticker-offer-top h3{font-size:21px}.sticker-offer-top strong{font-size:33px}.sticker-process-grid{grid-template-columns:1fr;gap:28px}.sticker-process-grid h3{font-size:20px}.sticker-process-grid p{font-size:14px}.sticker-order{padding:25px 20px;margin-bottom:40px;border-radius:14px}.sticker-order h2{font-size:36px;letter-spacing:-1.5px}#sticker-order-form .sticker-form-row{grid-template-columns:1fr}.sticker-order-package{gap:15px}.sticker-order-package strong{font-size:32px}}
@media(max-width:360px){.sticker-wrap{width:calc(100% - 36px)}.sticker-hero h1{font-size:51px}.sticker-hero-price span{font-size:12px}.sticker-hero-price strong{font-size:29px}.sticker-section-heading h2{font-size:31px}.sticker-offer-card{padding:20px}.sticker-offer-top h3{font-size:19px}.sticker-offer-top strong{font-size:29px}.sticker-order{padding:24px 17px}.sticker-order h2{font-size:32px}}

.sticker-receipt h3{font-size:24px;line-height:1.25;margin:0 0 16px}.sticker-receipt dl{display:grid;gap:14px;margin:24px 0}.sticker-receipt dt{font-size:12px;font-weight:700}.sticker-receipt dd{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.6}.sticker-receipt:focus{outline:none}#sticker-order-form .field-error:empty{display:none}
#sticker-order-form fieldset{min-width:0;min-inline-size:0;width:100%}#sticker-order-form .sticker-fields{grid-template-columns:minmax(0,1fr)}#sticker-order-form .sticker-form-field{min-width:0}#sticker-order-form label{overflow-wrap:anywhere}
.sticker-order-heading{min-width:0}.sticker-order h2{overflow-wrap:anywhere}@media(max-width:800px){.sticker-order{grid-template-columns:minmax(0,1fr)}.sticker-order h2 br{display:initial}}
/* Motion examples. Without JavaScript the artwork is static. */
.sticker-motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sticker-motion-card{min-width:0;margin:0;border:1px solid #7d629249;border-radius:15px;background:#21192e;overflow:hidden}.sticker-motion-art{display:grid;place-items:center;aspect-ratio:1;overflow:hidden}.sticker-motion-art :is(img,svg.sticker-art){display:block;width:91%;height:91%;object-fit:contain;user-select:none;-webkit-user-drag:none;transform-origin:50% 75%}
html.sticker-motion-ready .sticker-hero-main{animation:sticker-hero-float 5.6s ease-in-out infinite;animation-play-state:paused}html.sticker-motion-ready .sticker-hero-love{animation:sticker-hero-heart 4.6s ease-in-out infinite;animation-play-state:paused}html.sticker-motion-ready .sticker-hero-cool{animation:sticker-hero-cool 5s ease-in-out infinite;animation-play-state:paused}html.sticker-motion-ready .sticker-motion-wave :is(img,svg.sticker-art){animation:sticker-wave 3.4s ease-in-out infinite;animation-play-state:paused}html.sticker-motion-ready .sticker-motion-win :is(img,svg.sticker-art){animation:sticker-win 3.8s ease-in-out infinite;animation-play-state:paused}html.sticker-motion-ready .sticker-motion-play :is(img,svg.sticker-art){animation:sticker-play 3.8s ease-in-out infinite;animation-play-state:paused}
html.sticker-motion-ready[data-sticker-motion="on"] .stickers-page [data-sticker-motion-region].is-in-view>:is(img,svg.sticker-art){animation-play-state:running}
html.menu-is-open.sticker-motion-ready .stickers-page [data-sticker-motion-region]>:is(img,svg.sticker-art){animation-play-state:paused}
@keyframes sticker-hero-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(-3deg)}}
@keyframes sticker-hero-heart{0%,100%{transform:scale(1) rotate(12deg)}50%{transform:scale(1.065) rotate(8deg)}}
@keyframes sticker-hero-cool{0%,100%{transform:rotate(-12deg)}50%{transform:translateY(-6px) rotate(-5deg)}}
@keyframes sticker-wave{0%,55%,100%{transform:translateY(0) rotate(0)}14%,36%{transform:translateY(-5px) rotate(-5deg)}25%,46%{transform:translateY(-5px) rotate(5deg)}}
@keyframes sticker-win{0%,12%,47%,100%{transform:translateY(0) scale(1)}26%{transform:translateY(-10px) scale(1.025)}38%{transform:translateY(0) scale(.98)}}
@keyframes sticker-play{0%,55%,100%{transform:translateY(0) rotate(0)}18%{transform:translateY(-4px) rotate(-4deg)}36%{transform:translateY(-4px) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){html.sticker-motion-ready .stickers-page [data-sticker-motion-region]>:is(img,svg.sticker-art){animation:none!important}}
@media(max-width:800px){.sticker-motion-grid{gap:14px}}
@media(max-width:500px){.sticker-motion-grid{grid-template-columns:1fr;gap:18px}.sticker-motion-art{aspect-ratio:1.1}.sticker-motion-art :is(img,svg.sticker-art){width:86%;height:86%}}

/* Background selection stays together as one compact control. */
.sticker-motion-background{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;margin-bottom:24px;padding:7px 8px 7px 14px;border:1px solid #70587f;border-radius:11px;background:#21192e}.sticker-background-label{font-size:13px;line-height:1.5;color:#e2d5ec;flex:none}.sticker-background-label:after{content:':'}.sticker-background-options{display:flex;flex-wrap:wrap;align-items:stretch;gap:4px;min-width:0;max-width:100%}.sticker-background-option{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#dfd1ea;font:inherit;font-size:13px;line-height:1.45;cursor:pointer;max-width:100%}.sticker-background-option:before{content:'';display:block;flex:none;width:12px;height:12px;border:1px solid #b6a6c9;border-radius:3px;background:#151120}.sticker-background-option[data-sticker-background-option="light"]:before{background:#f7f5f0;border-color:#d2c9db}.sticker-background-option[data-sticker-background-option="checker"]:before{background-color:#f1eef5;background-image:conic-gradient(#a89bae 25%,#f1eef5 0 50%,#a89bae 0 75%,#f1eef5 0);background-size:6px 6px;border-color:#c3b7cd}.sticker-background-option[aria-pressed="true"]{background:var(--lime);border-color:var(--lime);color:#233016;font-weight:700}.sticker-background-option:focus-visible{outline:3px solid #d6b0ff;outline-offset:2px}
#sticker-motion[data-sticker-background="dark"] .sticker-motion-art{background:#151120}
#sticker-motion[data-sticker-background="light"] .sticker-motion-art{background:#f7f5f0}
#sticker-motion[data-sticker-background="checker"] .sticker-motion-art{background-color:#f1eef5;background-image:linear-gradient(45deg,#d9d3e1 25%,transparent 25%),linear-gradient(-45deg,#d9d3e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9d3e1 75%),linear-gradient(-45deg,transparent 75%,#d9d3e1 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
@media(max-width:600px){.sticker-motion-background{align-items:start;flex-direction:column;gap:7px;padding:11px 8px 8px}.sticker-background-label{padding-inline:4px}.sticker-background-option{padding-inline:9px;font-size:12px;gap:5px}.sticker-background-options{gap:3px}}

/* Keep longer localized starting-price labels readable on narrow screens. */
.sticker-hero-price strong,.sticker-offer-top strong,.sticker-order-package strong{min-width:0;max-width:100%}
.sticker-hero-price strong > .price-prefix,.sticker-offer-top strong > .price-prefix,.sticker-order-package strong > .price-prefix{display:block;font-size:clamp(12px,.55em,20px);line-height:1.25;letter-spacing:0;white-space:normal;color:inherit}
