:root{--y:#ffd951;--y2:#f5c742;--ink:#141414;--cream:#fffcf2;--soft:#fff3c4;--char:#2a2a2a;--red:#e8492f;--line:#141414}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);margin:0;font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit}.wrap{width:min(100% - 40px,1200px);margin:0 auto}h1,h2,h3{letter-spacing:-.015em;margin:0 0 .45em;font-family:Nunito,sans-serif;font-weight:900;line-height:1.08}h1{font-size:clamp(40px,5.4vw,66px)}h2{font-size:clamp(30px,3.6vw,44px)}h3{font-size:21px;font-weight:800}.eyebrow{letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--y);border-radius:999px;margin-bottom:16px;padding:5px 11px;font-size:13px;font-weight:800;display:inline-block}.lead{color:#3b3b3b;max-width:640px;font-size:19px}.sec{padding:88px 0;position:relative}.sec.yellow{background:var(--y)}.sec.soft{background:var(--soft)}.sec.dark{background:var(--ink);color:var(--cream)}.sec.dark .lead{color:#cfcac2}.head{max-width:760px;margin-bottom:40px}.center{text-align:center;margin-left:auto;margin-right:auto}.btn{border:2px solid var(--ink);cursor:pointer;background:var(--y);color:var(--ink);box-shadow:4px 4px 0 var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.btn.ink{background:var(--ink);color:var(--y)}.btn.ghost{background:var(--cream)}.btn.wa{color:#fff;background:#22b35e}.sec.dark .btn{box-shadow:4px 4px 0 var(--y);border-color:var(--y)}.row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.card{border:2px solid var(--line);box-shadow:5px 5px 0 var(--line);background:#fff;border-radius:18px;overflow:hidden}.topbar{background:var(--ink);color:#e9e4da;font-size:13.5px}.topbar .wrap{justify-content:space-between;gap:16px;padding:8px 0;display:flex}.topbar a{font-weight:600;text-decoration:none}.topbar b{color:var(--y)}header.nav{z-index:50;border-bottom:2px solid var(--ink);backdrop-filter:blur(6px);background:#fffcf2f5;position:sticky;top:0}header.nav .wrap{justify-content:space-between;align-items:center;gap:20px;height:74px;display:flex}header.nav img.logo{height:38px}header.nav nav{gap:26px;font-size:15px;font-weight:700;display:flex}header.nav nav a{text-decoration:none}header.nav .btn{box-shadow:3px 3px 0 var(--ink);padding:10px 18px;font-size:15px}@media (width<=980px){header.nav nav,.topbar .hide-m{display:none}}.hero{padding:64px 0 72px;position:relative;overflow:hidden}.hero .wrap{grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;display:grid}.hero h1 mark{background:var(--y);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:8px;padding:0 .12em}.chips{flex-wrap:wrap;gap:10px;margin:26px 0 30px;display:flex}.chip{border:2px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:14.5px;font-weight:700;display:inline-flex}.chip svg{width:18px;height:18px}.hero-art{position:relative}.hero-art .main{border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:var(--y);aspect-ratio:4/4.4;border-radius:26px;overflow:hidden}.hero-art .main img{object-fit:cover;width:100%;height:100%}.hero-art .mini{border:3px solid var(--ink);width:38%;box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:18px;position:absolute;overflow:hidden}.hero-art .mini.a{bottom:8%;left:-9%;transform:rotate(-5deg)}.hero-art .mini.b{width:30%;top:-4%;right:-5%;transform:rotate(6deg)}.hero-art .mini img{aspect-ratio:1;object-fit:cover;width:100%}.sticker{text-align:center;background:var(--red);color:#fff;border:3px solid var(--ink);width:112px;height:112px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;font-family:Nunito;font-size:22px;font-weight:900;line-height:1;display:grid;position:absolute;transform:rotate(-12deg)}.sticker small{letter-spacing:.08em;margin-top:4px;font-size:12px;display:block}.hero-art .sticker{bottom:-26px;right:6%}@media (width<=900px){.hero .wrap{grid-template-columns:1fr}.hero-art{margin:10px 18px 30px}}.trust{background:var(--y);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.trust .wrap{grid-template-columns:repeat(5,1fr);display:grid}.trust div{text-align:center;border-right:2px solid var(--ink);padding:20px 14px}.trust div:last-child{border-right:0}.trust b{font-family:Nunito;font-size:28px;font-weight:900;line-height:1.1;display:block}.trust span{font-size:13.5px;font-weight:600}@media (width<=760px){.trust .wrap{grid-template-columns:repeat(2,1fr)}.trust div{border-bottom:2px solid var(--ink)}}.pains{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.pain{padding:26px}.pain .q{margin:14px 0 10px;font-family:Nunito;font-size:21px;font-weight:900;line-height:1.2}.pain .a{color:#3b3b3b;margin:0;font-size:15.5px}.pain .a b{color:var(--ink);background:var(--soft);padding:0 4px}.mascot{width:64px;height:64px}@media (width<=900px){.pains{grid-template-columns:1fr}}.prods{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.prod{cursor:pointer;flex-direction:column;transition:transform .12s,box-shadow .12s;display:flex}.prod:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.prod img{aspect-ratio:1;object-fit:cover;border-bottom:2px solid var(--ink);width:100%}.prod .t{padding:14px 16px 16px}.prod .t h3{margin:0 0 4px;font-size:19px}.prod .t p{color:#555;margin:0;font-size:14px}.prod .tag{background:var(--y);border:2px solid var(--ink);border-radius:999px;margin-top:10px;padding:2px 10px;font-size:12.5px;font-weight:800;display:inline-block}@media (width<=1000px){.prods{grid-template-columns:repeat(2,1fr)}}.styles{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.style{cursor:pointer;text-align:center}.style .img{border:2px solid var(--ink);aspect-ratio:1;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:50%;overflow:hidden}.style .img img{object-fit:cover;width:100%;height:100%}.style b{margin-top:12px;font-family:Nunito;font-size:18px;font-weight:900;display:block}.style span{color:#3b3b3b;font-size:13.5px}@media (width<=900px){.styles{grid-template-columns:repeat(3,1fr)}}.decos{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.deco{cursor:pointer;grid-template-columns:120px 1fr;display:grid}.deco img{object-fit:cover;border-right:2px solid var(--ink);width:120px;height:100%}.deco div{padding:16px 18px}.deco h3{margin:0 0 4px;font-size:18px}.deco p{color:#555;margin:0;font-size:14px}@media (width<=1000px){.decos{grid-template-columns:1fr 1fr}}@media (width<=640px){.decos{grid-template-columns:1fr}}.gsm{grid-template-columns:1fr 1fr;gap:22px;display:grid}.gsm table{border-collapse:collapse;width:100%;font-size:15px}.gsm th,.gsm td{border-bottom:2px solid var(--ink);text-align:left;padding:12px 16px}.gsm th{background:var(--y);font-family:Nunito;font-size:16px;font-weight:900}.gsm tr:last-child td{border-bottom:0}.gsm td:first-child{white-space:nowrap;font-weight:800}.bar{background:var(--ink);vertical-align:middle;border-radius:6px;height:10px;margin-right:8px;display:inline-block}@media (width<=900px){.gsm{grid-template-columns:1fr}}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.step{padding:26px;position:relative;overflow:visible}.step .n{background:var(--y);border:2px solid var(--ink);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;font-family:Nunito;font-size:20px;font-weight:900;display:grid;position:absolute;top:-18px;left:22px}.step h3{margin-top:14px}.step p{color:#3b3b3b;margin:0;font-size:15.5px}.step .time{background:var(--soft);border:2px solid var(--ink);border-radius:999px;margin-top:12px;padding:2px 10px;font-size:13px;font-weight:800;display:inline-block}.sec.dark .step{background:var(--char);border-color:var(--y);box-shadow:5px 5px 0 var(--y);color:var(--cream)}.sec.dark .step p{color:#cfcac2}.sec.dark .step .time{background:var(--y);color:var(--ink)}@media (width<=900px){.steps{grid-template-columns:1fr;gap:34px}}.promise{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pair figure{margin:0}.pair img{border:2px solid var(--ink);aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%}.pair figcaption{text-align:center;margin-top:8px;font-size:14px;font-weight:800}ul.checks{gap:12px;margin:18px 0 26px;padding:0;list-style:none;display:grid}ul.checks li{gap:12px;font-size:16.5px;display:flex}ul.checks li:before{content:"✓";background:var(--ink);height:28px;color:var(--y);border-radius:50%;flex:0 0 28px;place-items:center;font-size:14px;font-weight:900;display:grid}@media (width<=900px){.promise{grid-template-columns:1fr}}.factory{grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:12px;display:grid}.factory figure{border:2px solid var(--ink);cursor:pointer;border-radius:16px;margin:0;position:relative;overflow:hidden}.factory figure.big{grid-area:span 2/span 2}.factory img{object-fit:cover;width:100%;height:100%}.factory figcaption{background:var(--y);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:800;position:absolute;bottom:10px;left:10px}@media (width<=900px){.factory{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}}.pl{grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;display:grid}.pl-items{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.pl-items div{border:2px solid var(--ink);background:#fff;border-radius:14px;padding:16px;font-size:15px;font-weight:700}.pl-items div span{color:#555;margin-top:2px;font-size:13.5px;font-weight:500;display:block}@media (width<=900px){.pl{grid-template-columns:1fr}}.faq{max-width:860px;margin:0 auto}.faq details{border:2px solid var(--ink);background:#fff;border-radius:14px;margin-bottom:12px;padding:4px 20px}.faq summary{cursor:pointer;padding:14px 30px 14px 0;font-size:17px;font-weight:800;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:26px;font-weight:700;position:absolute;top:8px;right:0}.faq details[open] summary:after{content:"–"}.faq p{color:#3b3b3b;margin:0 0 16px}.final{grid-template-columns:.95fr 1.05fr;align-items:start;gap:40px;display:grid}.form{color:var(--ink);border:3px solid var(--y);box-shadow:8px 8px 0 var(--y);background:#fff;border-radius:22px;padding:28px}.form .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form label{margin:0 0 5px;font-size:13.5px;font-weight:700;display:block}.form input,.form select,.form textarea{width:100%;font:inherit;border:2px solid var(--ink);background:var(--cream);border-radius:12px;margin-bottom:12px;padding:11px 13px;font-size:15px}.form textarea{resize:vertical;min-height:96px}.form .btn{justify-content:center;width:100%;margin-top:4px}.form .small{color:#555;text-align:center;margin:12px 0 0;font-size:13px}.contact{gap:12px;margin-top:24px;display:grid}.contact a{background:var(--char);border:2px solid var(--y);border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-weight:700;text-decoration:none;display:flex}@media (width<=900px){.final,.form .two{grid-template-columns:1fr}}footer{background:var(--ink);color:#cfcac2;border-top:2px solid var(--y);padding:54px 0 26px;font-size:14.5px}footer .cols{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;display:grid}footer h4{color:var(--cream);margin:0 0 12px;font-family:Nunito;font-size:16px;font-weight:900}footer ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}footer .bottom{border-top:1px solid #333;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:36px;padding-top:18px;font-size:13px;display:flex}@media (width<=860px){footer .cols{grid-template-columns:1fr 1fr}}.wa-float{z-index:60;border:2px solid var(--ink);width:60px;height:60px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;background:#22b35e;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:20px;right:20px}.wa-float svg{fill:#fff;width:32px;height:32px}.modal{z-index:100;background:#1414148c;place-items:center;padding:20px;display:none;position:fixed;inset:0}.modal.open{display:grid}.modal .form{border-color:var(--ink);width:100%;max-width:560px;box-shadow:8px 8px 0 var(--ink);position:relative}.modal .x{cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:14px}.modal .src{background:var(--soft);border-radius:8px;margin-bottom:14px;padding:6px 10px;font-size:12.5px}.fabrics{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px;display:grid}.fabric img{aspect-ratio:16/10;object-fit:cover;border-bottom:2px solid var(--ink);width:100%}.fabric div{padding:16px 18px 18px}.fabric h3{margin:0 0 4px;font-size:19px}.fabric p{color:#3b3b3b;margin:0;font-size:14.5px}.comp{flex-wrap:wrap;gap:10px;margin:0 0 30px;display:flex}.washes{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.wash{cursor:pointer}.wash .sw{border-bottom:2px solid var(--ink);height:120px;position:relative;overflow:hidden}.wash .sw img{object-fit:cover;width:100%;height:100%}.wash div.t{padding:14px 16px 16px}.wash h3{margin:0 0 4px;font-size:18px}.wash p{color:#555;margin:0;font-size:14px}.wash .kind{border:2px solid var(--ink);background:var(--soft);border-radius:999px;margin-top:8px;padding:1px 9px;font-size:12px;font-weight:800;display:inline-block}.pantone{height:100%;display:flex}.pantone i{flex:1}.acid{background:radial-gradient(circle at 20% 30%,#d9d4cf 0 9%,#0000 10%),radial-gradient(circle at 70% 60%,#cfc9c3 0 12%,#0000 13%),radial-gradient(circle at 45% 80%,#ddd8d2 0 7%,#0000 8%),radial-gradient(circle at 85% 20%,#d4cec8 0 8%,#0000 9%),#3a3a3d}.more{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;display:flex}.more b{margin-right:4px;font-family:Nunito;font-weight:900}.more span{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:3px 11px;font-size:13.5px;font-weight:700}@media (width<=900px){.fabrics,.washes{grid-template-columns:1fr 1fr}}@media (width<=600px){.fabrics,.washes{grid-template-columns:1fr}}button,input,select,textarea{font-family:inherit}button{line-height:inherit}button.btn{line-height:1.6}[data-open]{cursor:pointer}a[data-open]:not([href]){text-decoration:none}:focus-visible{outline-offset:5px;outline:3px solid #e8492f}[hidden]{display:none!important}.skip{z-index:200;background:var(--y);padding:12px;position:fixed;top:-100px;left:12px}.skip:focus{top:12px}.site-header{z-index:50;position:sticky;top:0}header.nav{position:static}section[id]{scroll-margin-top:125px}.logo-link{flex-shrink:0}.menu-toggle{border:2px solid var(--ink);background:var(--y);border-radius:8px;padding:3px 10px;font-size:22px;display:none}.prod{position:relative}.prod-mascot{opacity:0;pointer-events:none;transition:all .2s;position:absolute;bottom:12px;right:10px;transform:translateY(15px)}.prod:hover .prod-mascot,.prod:focus-visible .prod-mascot{opacity:1;transform:none}.hero-dance{color:var(--ink);position:absolute;bottom:-26px;right:30%}.step-love{color:var(--y);position:absolute;top:-22px;right:12px}.gsm .card{overflow-x:auto}.gsm table{min-width:400px}.gsm .weight-mascot{vertical-align:middle;width:40px;height:40px;margin-left:5px}.footer-mascot{float:right;color:var(--y)}footer a{text-decoration:none}footer a:hover{text-decoration:underline}.footer-quote{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.modal{overscroll-behavior:contain;overflow:auto}.modal .form{max-height:calc(100dvh - 40px);overflow:auto}.modal .x{padding:6px;line-height:1}.form-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.form-top .mascot{width:42px;height:42px}.form-top h3{margin:0}.form .hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form .form-error{border:2px solid var(--red);background:var(--cream);border-radius:12px;margin-top:16px;padding:14px;font-size:14px}.form-error p{margin:0 0 12px}.form-error .btn{width:auto;padding:7px 12px;font-size:13px}.form .form-status-mascot,.form[data-state=sending] .form-default,.form[data-state=error] .form-default{display:none}.form[data-state=sending] .form-sending,.form[data-state=error] .form-failed{display:inline-block}.form button:disabled{opacity:.65;cursor:wait}.form .privacy-note{color:#555;margin-bottom:0;font-size:12px}.form input,.form select{min-width:0}.wa-widget{z-index:60;position:fixed;bottom:20px;right:20px}.wa-widget .wa-float{text-decoration:none;position:static}.wa-greeting{border:2px solid var(--ink);background:var(--cream);width:172px;box-shadow:3px 3px var(--ink);border-radius:15px;align-items:center;gap:4px;padding:8px 24px 8px 10px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:72px;right:0}.wa-greeting .mascot{flex:none;width:42px;height:42px}.wa-greeting button{cursor:pointer;background:0 0;border:0;font-size:19px;position:absolute;top:2px;right:4px}.wa-widget:has(.wa-greeting[hidden]) .wa-float{opacity:1}.simple-page{min-height:55vh;padding:80px 0}.simple-page .mascot{width:120px;height:120px}.simple-page h1{font-size:42px}.policy{max-width:800px}.policy h2{margin-top:35px;font-size:26px}@media (width<=980px){.menu-toggle{display:block}header.nav .wrap{gap:10px}header.nav img.logo{width:150px;height:auto}header.nav nav.mobile-open{background:var(--cream);border-bottom:2px solid var(--ink);flex-direction:column;gap:14px;padding:20px;display:flex;position:absolute;top:100%;left:0;right:0}header.nav .btn{padding:8px 12px;font-size:13px}.topbar{font-size:11px}.topbar .wrap{gap:0}.topbar span:first-child{flex-wrap:wrap;justify-content:center;width:100%;font-size:11px;display:flex}.topbar .hide-m{display:none}}@media (width<=600px){.wrap{width:calc(100% - 36px)}.sec{padding:64px 0}.hero{padding-top:40px}.hero .wrap{gap:26px}.hero h1{font-size:40px}.lead{font-size:17px}.hero .row .btn{padding:12px 17px;font-size:14px}.prods{gap:12px}.prod .t{padding:12px}.prod .t h3{font-size:17px}.prod .t p{font-size:12px}.prod .tag{padding:2px 6px;font-size:11px}.styles{gap:12px}.style b{font-size:15px}.style span{font-size:12px}.form{padding:20px}.contact a{padding:12px;font-size:14px}.trust div{padding:16px 8px}.trust b{font-size:25px}.trust span{font-size:11px}footer .cols{grid-template-columns:1fr 1fr;gap:28px 18px}footer .cols>div:first-child{grid-column:1/-1}.modal{padding:12px}.modal .form{max-height:calc(100dvh - 24px)}.btn{white-space:normal;max-width:100%}.wa-widget{bottom:14px;right:14px}.pain .mascot{width:55px;height:55px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.prod-mascot{transform:none}}.mascot .body{transform-box:fill-box;transform-origin:50% 100%}.mascot .eye{transform-box:fill-box;transform-origin:50%}.blink .eye{animation:3.2s infinite blink}@keyframes blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.1)}}.bob .body{animation:2.4s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.wink .eye-r{transform-box:fill-box;transform-origin:50%;animation:2.6s infinite wink}@keyframes wink{0%,55%,to{opacity:1}60%,85%{opacity:0}}.wink .lid{opacity:0;animation:2.6s infinite lid}@keyframes lid{0%,55%,to{opacity:0}60%,85%{opacity:1}}.wink .body{transform-origin:50% 100%;animation:2.6s ease-in-out infinite tilt}@keyframes tilt{0%,55%,to{transform:rotate(0)}65%,80%{transform:rotate(-6deg)}}.cry .tear{transform-box:fill-box;animation:1.6s ease-in infinite tear}.cry .tear.t2{animation-delay:.8s}@keyframes tear{0%{opacity:0;transform:translateY(0)scale(.4)}15%{opacity:1;transform:translateY(0)scale(1)}85%{opacity:1}to{opacity:0;transform:translateY(26px)scale(.9)}}.cry .body{animation:.5s ease-in-out infinite sob}@keyframes sob{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.love .heart{transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out infinite beat}@keyframes beat{0%,to{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.95)}}.love .float{transform-box:fill-box;opacity:0;animation:2.4s ease-out infinite floatup}.love .float.f2{animation-delay:1.2s}@keyframes floatup{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-40px)scale(1)}}.wow .body{animation:1.8s cubic-bezier(.3,1.6,.5,1) infinite jump}@keyframes jump{0%,60%,to{transform:translateY(0)scale(1)}70%{transform:translateY(-14px)scale(1.04,.96)}80%{transform:translateY(0)scale(1.06,.94)}}.wow .mouth{transform-box:fill-box;transform-origin:50%;animation:1.8s infinite gasp}@keyframes gasp{0%,60%,to{transform:scale(1)}70%,85%{transform:scale(1.4)}}.wow .mark{transform-box:fill-box;opacity:0;animation:1.8s infinite pop}@keyframes pop{0%,62%{opacity:0;transform:translateY(6px)}70%,90%{opacity:1;transform:translateY(0)}to{opacity:0}}.cool .shades{transform-box:fill-box;animation:3s ease-out infinite shades}@keyframes shades{0%{opacity:0;transform:translateY(-40px)}25%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.cool .glint{opacity:0;animation:3s infinite glint}@keyframes glint{0%,30%{opacity:0}38%{opacity:1}46%,to{opacity:0}}.sleep .body{animation:3s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03,.98)}}.sleep .z{fill:currentColor;transform-box:fill-box;opacity:0;font-family:Nunito;font-weight:900;animation:3s ease-out infinite zz}.sleep .z.z2{animation-delay:1s}.sleep .z.z3{animation-delay:2s}@keyframes zz{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(14px,-30px)scale(1.1)}}.sad .body{animation:3s ease-in-out infinite droop}@keyframes droop{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(3px)rotate(-3deg)}}.worried .body{animation:.18s linear infinite shiver}@keyframes shiver{0%,to{transform:translate(0)}50%{transform:translate(1px)}}.worried .sweat{transform-box:fill-box;animation:2s ease-in infinite sweat}@keyframes sweat{0%{opacity:0;transform:translateY(-2px)}20%{opacity:1}to{opacity:0;transform:translateY(14px)}}.sigh .puff{transform-box:fill-box;opacity:0;animation:2.8s ease-out infinite puff}@keyframes puff{0%,30%{opacity:0;transform:translate(0)scale(.5)}45%{opacity:.9}to{opacity:0;transform:translate(16px,6px)scale(1.2)}}.sigh .body{animation:2.8s ease-in-out infinite deflate}@keyframes deflate{0%,30%,to{transform:scale(1)}50%{transform:scale(1.02,.96)}}.teary .shine{transform-box:fill-box;transform-origin:50%;animation:1.2s ease-in-out infinite shine}@keyframes shine{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.6)}}.teary .lip{transform-box:fill-box;transform-origin:50%;animation:.35s ease-in-out infinite alternate wobble}@keyframes wobble{0%{transform:scaleX(1)}to{transform:scaleX(.85)translateY(.6px)}}.sob .stream{transform-box:fill-box;transform-origin:50% 0;animation:.6s linear infinite stream}@keyframes stream{0%{transform:scaleY(.85)}50%{transform:scaleY(1.12)}to{transform:scaleY(.85)}}.sob .body{animation:.35s ease-in-out infinite sobbing}@keyframes sobbing{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.dance .body{animation:.9s ease-in-out infinite dance}@keyframes dance{0%,to{transform:rotate(-7deg)translateY(0)}50%{transform:rotate(7deg)translateY(-6px)}}.dance .str{transform-box:view-box;animation:.45s ease-in-out infinite alternate swing}.dance .str.s1{transform-origin:40px 70px}.dance .str.s2{transform-origin:60px 70px;animation-direction:alternate-reverse}@keyframes swing{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}@media (prefers-reduced-motion:reduce){svg *{animation:none!important}}.mascot{flex-shrink:0;display:inline-block;overflow:visible}[data-mood]>.mascot{width:100%;height:100%}.mascot-frame{display:inline-flex}