@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap";:root{--color-dark-bg:#120810;--color-page-bg:#160a13;--color-section-bg:#190913;--color-white:#fff;--color-purple:#8e2eff;--color-dark-purple:#571b9d;--color-blue:#5d88cd;--color-blue-hover:#456eb0;--font-body:"Poppins", sans-serif;--font-button:"Montserrat", sans-serif;--font-display:"Poppins", sans-serif;--fs-xs:14px;--fs-sm:16px;--fs-base:18px;--fs-md:20px;--fs-lg:24px;--fs-xl:32px;--fs-2xl:48px;--fs-3xl:64px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-15:60px;--space-16:62px;--space-20:80px;--radius-md:20px;--radius-pill:50px;--radius-full:9999px;--max-width:1132px;--max-width-lg:1280px;--nav-height:74px;--transition-fast:.15s ease;--transition-base:.25s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--color-white);background-color:var(--color-page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}.text-body{font-family:var(--font-body);font-weight:400;font-size:var(--fs-base);line-height:1.6}.text-body-medium{font-weight:500}.text-display{font-family:var(--font-display);font-weight:400;font-size:var(--fs-2xl);line-height:1.1}.btn{border-radius:var(--radius-pill);min-height:48px;font-family:var(--font-button);font-weight:500;font-size:var(--fs-sm);color:var(--color-white);background-color:var(--color-purple);transition:background-color var(--transition-base), transform var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:14px 36px;line-height:1;display:inline-flex}.btn--icon{padding:14px 28px 14px 22px}.btn__icon{flex-shrink:0;width:18px;height:18px}.btn:hover{background-color:var(--color-dark-purple);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--secondary{background-color:var(--color-blue)}.btn--secondary:hover{background-color:var(--color-blue-hover)}.btn--small{height:40px;padding:12px 48px}.container{width:100%;max-width:var(--max-width);padding-inline:var(--space-5);margin-inline:auto}.container--lg{max-width:var(--max-width-lg)}.section{width:100%;padding-block:var(--space-20);position:relative;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav{z-index:10;justify-content:center;align-items:center;gap:48px;width:auto;padding:24px 20px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav__logo{flex-shrink:0;width:40px;height:50px}.nav__logo img{transform-origin:50%;width:100%;height:100%}.nav__logo:hover img{animation:.45s ease-in-out nav-logo-wiggle}@keyframes nav-logo-wiggle{0%{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(6deg)}to{transform:rotate(0)}}.nav__links{gap:48px;margin:0;padding:0;list-style:none;display:flex}.nav__link{font-family:var(--font-body);font-weight:400;font-size:var(--fs-sm);color:var(--color-white);transition:color var(--transition-fast)}.nav__link:hover{color:var(--color-purple)}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;padding:210px 20px 18px;display:flex;overflow:hidden}.hero__inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;width:100%;max-width:1054px;display:flex}.hero__gallery{flex-direction:column;align-items:center;gap:24px;width:497px;max-width:100%;display:flex}.hero__gallery-main{aspect-ratio:1;object-fit:cover;border-radius:18px;width:100%}.hero__book{aspect-ratio:1;perspective:1600px;width:100%;transform-style:preserve-3d;position:relative}.hero__book-img{object-fit:cover;backface-visibility:hidden;transform-origin:50%;will-change:transform;border-radius:18px;width:100%;height:100%;transition:transform .9s cubic-bezier(.65,.05,.36,1),box-shadow .9s;position:absolute;inset:0}.hero__book-img--front{z-index:2;transform:rotateY(0);box-shadow:0 18px 40px #00000040}.hero__book-img--back{z-index:1;transform:rotateY(180deg)}.hero__book.is-flipped .hero__book-img--front{transform:rotateY(180deg);box-shadow:0 18px 40px #00000040}.hero__book.is-flipped .hero__book-img--back{z-index:2;transform:rotateY(360deg)}.hero__gallery-thumbs{gap:10px;display:flex}.hero__gallery-thumb{cursor:pointer;opacity:.5;width:92px;height:92px;transition:opacity var(--transition-base), transform var(--transition-fast);background:0 0;border:0;border-radius:18px;padding:0;overflow:hidden}.hero__gallery-thumb img{object-fit:cover;border-radius:18px;width:100%;height:100%;display:block}.hero__gallery-thumb:hover{opacity:.85}.hero__gallery-thumb.is-active{opacity:1}.hero__content{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.hero__title-img{width:354px;max-width:100%;height:auto}.about{background-position:50%;background-size:cover;justify-content:center;width:100%;padding:80px 20px;display:flex;position:relative}.about__inner{width:100%;max-width:var(--max-width);align-items:center;gap:62px;padding:62px;display:flex;position:relative}.about__photo{border-radius:var(--radius-md);background-position:50%;background-repeat:no-repeat;background-size:auto 92%;flex-shrink:0;width:524px;height:579px}.about__content{flex-direction:column;flex:1;align-items:flex-start;gap:24px;display:flex}.about__heading-img{width:344px;height:auto}.about__decoration{object-fit:contain;z-index:1;pointer-events:none;width:320px;height:320px;position:absolute;bottom:-120px;right:-10px}.characters{background-position:50% 100%;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;gap:62px;width:100%;padding:80px 20px 90px;display:flex}.characters__intro{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.characters__heading-img{width:564px;max-width:100%;height:auto}.characters__subtitle{font-family:var(--font-body);font-size:var(--fs-md);text-align:center;font-weight:400}.characters{position:relative}.characters:after{content:"";background:linear-gradient(to bottom, #160a1300 0%, var(--color-page-bg) 100%);pointer-events:none;z-index:0;height:180px;position:absolute;bottom:0;left:0;right:0}.characters:before{content:"";background:linear-gradient(to top, #160a1300 0%, var(--color-page-bg) 100%);pointer-events:none;z-index:0;height:180px;position:absolute;top:0;left:0;right:0}.hero,.about,.stickers{position:relative}.hero>*,.about>*,.characters>*,.stickers>*{z-index:1;position:relative}.hero:after,.about:before,.about:after,.stickers:before,.stickers:after{content:"";pointer-events:none;z-index:0;height:160px;position:absolute;left:0;right:0}.hero:after{background:linear-gradient(to bottom, #160a1300 0%, var(--color-page-bg) 100%);bottom:0}.about:before{background:linear-gradient(to top, #160a1300 0%, var(--color-page-bg) 100%);top:0}.about:after{background:linear-gradient(to bottom, #160a1300 0%, var(--color-page-bg) 100%);bottom:0}.stickers:before{background:linear-gradient(to top, #19091300 0%, var(--color-section-bg) 100%);top:0}.stickers:after{background:linear-gradient(to bottom, #19091300 0%, var(--color-section-bg) 100%);bottom:0}.characters__stage{justify-content:center;align-items:flex-end;width:100%;max-width:1100px;height:540px;display:flex;position:relative;overflow:hidden}.characters__viewport{width:100%;height:100%;position:relative}.character-stage__slide{object-fit:cover;object-position:50% 100%;border-radius:var(--radius-md);transform-origin:50% 100%;will-change:transform, opacity;-webkit-user-select:none;user-select:none;pointer-events:none;width:388px;height:514px;transition:transform .52s cubic-bezier(.4,0,.2,1),opacity .4s;position:absolute;bottom:0;left:50%}.character-info{text-align:center;grid-template-rows:auto auto;grid-template-columns:56px 1fr 56px;place-items:center;gap:18px 16px;width:100%;max-width:520px;margin:16px auto 0;display:grid}.character-info__name-cell{grid-area:1/2;justify-content:center;align-items:center;width:100%;height:60px;transition:opacity .2s;display:flex}.character-info__name{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.character-info__bio{font-family:var(--font-body);font-size:var(--fs-base);text-align:center;grid-area:2/1/auto/-1;line-height:1.5;transition:opacity .2s}.character-info__bio-name{font-weight:700}.character-info.is-fade .character-info__name-cell,.character-info.is-fade .character-info__bio{opacity:0}.character-stage__arrow{background:var(--color-purple);cursor:pointer;width:56px;height:56px;transition:background-color var(--transition-base), transform var(--transition-fast);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.character-stage__arrow--prev{grid-area:1/1}.character-stage__arrow--next{grid-area:1/3}.character-stage__arrow--next img{transform:scaleX(-1)}.character-stage__arrow:hover{background:var(--color-dark-purple)}.character-stage__arrow:active{transform:scale(.94)}.character-stage__arrow img{pointer-events:none;-webkit-user-select:none;user-select:none;width:22px;height:22px;display:block}.character-info.is-swap .character-info__name,.character-info.is-swap .character-info__bio{opacity:0}@media (width<=900px){.characters__stage{height:480px}.character-stage__side--ll,.character-stage__side--rr{display:none}.character-stage__side--l{width:240px;height:320px;left:calc(50% - 414px)}.character-stage__side--r{width:240px;height:320px;right:calc(50% - 414px)}}@media (width<=600px){.characters__stage{height:420px}.character-stage__center{width:280px;height:370px}.character-stage__side--l,.character-stage__side--r{display:none}.character-stage__arrow{width:44px;height:44px}.character-info__name{height:42px}}.stickers{background-color:var(--color-section-bg);flex-direction:column;align-items:center;gap:58px;width:100%;padding:120px 20px 105px;display:flex;position:relative;overflow:hidden}.stickers__inner{width:100%;max-width:var(--max-width);flex-direction:column;align-items:center;gap:62px;display:flex}.stickers__heading-img{width:665px;max-width:100%;height:auto}.stickers__cta{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.stickers__decoration{z-index:1;pointer-events:none;width:222px;height:421px;position:absolute;bottom:391px;left:0}.stickers__grid{flex-wrap:wrap;justify-content:center;gap:30px;width:100%;max-width:929px;display:flex}.sticker{object-fit:cover;width:280px;height:286px}.footer{justify-content:center;width:100%;padding:62px 80px;display:flex}.footer__inner{width:100%;max-width:var(--max-width-lg);flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;display:flex}.footer__image{border-radius:var(--radius-md);background-position:50%;background-size:cover;flex-shrink:0;width:530px;max-width:100%;height:384px}.footer__content{flex-direction:column;flex:1;align-items:center;gap:40px;min-width:320px;display:flex}.footer__newsletter{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.footer__newsletter-subheading{width:420px;max-width:100%;height:auto;display:block}.footer__newsletter-text{font-family:var(--font-body);text-align:center}.newsletter-form{background-color:var(--color-white);border-radius:var(--radius-pill);align-items:center;width:100%;max-width:474px;padding:4px;display:flex;overflow:hidden}.newsletter-form__input{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-dark-bg);background:0 0;border:0;outline:none;flex:1;height:40px;padding:0 20px}.newsletter-form__button{background-color:var(--color-purple);color:var(--color-white);border-radius:var(--radius-pill);font-family:var(--font-button);font-size:var(--fs-sm);height:40px;transition:background-color var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;padding:0 32px;line-height:1;display:inline-flex}.newsletter-form__button:hover{background-color:var(--color-dark-purple)}.footer__bottom{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.footer__copy{font-family:var(--font-body);font-weight:500;font-size:var(--fs-xs);text-align:center;opacity:.8}.footer__social{gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer__social-link{background-color:var(--color-purple);width:42px;height:42px;transition:background-color var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.footer__social-link:hover{background-color:var(--color-dark-purple)}.footer__social-link svg{fill:currentColor;width:20px;height:20px}.play-hero{background-position:50%;background-size:cover;justify-content:center;width:100%;padding:210px 20px 80px;display:flex}.play-grid{grid-template-columns:repeat(2,1fr);gap:40px;width:100%;max-width:961px;display:grid}.play-card{flex-direction:column;gap:20px;display:flex}.play-card__image{aspect-ratio:468/268;border-radius:var(--radius-md);background-position:50%;background-size:cover;width:100%}.play-card__title{font-family:var(--font-body);font-weight:600;font-size:var(--fs-xl);margin-top:8px}.play-card__text{font-family:var(--font-body);font-size:var(--fs-sm);margin-bottom:8px;line-height:1.5}.play-card .btn{align-self:flex-start}.nav__burger{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;display:none}.nav__burger span{background:var(--color-white);border-radius:2px;width:24px;height:2px;display:block}.nav__mobile-panel{background:var(--color-page-bg);z-index:100;opacity:0;pointer-events:none;width:min(78%,320px);padding:80px 28px 32px;transition:opacity .24s,transform .24s;position:fixed;top:0;bottom:0;right:0;transform:translate(20px);box-shadow:-10px 0 32px #00000059}.nav__mobile-panel.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.nav__mobile-close{width:44px;height:44px;color:var(--color-white);cursor:pointer;background:0 0;border:0;font-size:36px;line-height:1;position:absolute;top:18px;right:18px}.nav__mobile-links{flex-direction:column;align-items:flex-end;gap:24px;margin:0;padding:0;list-style:none;display:flex}.nav__mobile-links a{font-family:var(--font-body);color:var(--color-white);transition:color var(--transition-fast);font-size:28px;font-weight:600;text-decoration:none}.nav__mobile-links a:hover{color:var(--color-purple)}@media (width<=768px){.nav{gap:0;padding:14px 20px;position:relative;justify-content:center!important}.nav__links{display:none!important}.nav__logo{margin:0}.nav__burger{display:inline-flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.nav__mobile-panel{width:100%;max-width:none;height:auto;box-shadow:none;opacity:1;background:linear-gradient(#120810fa 0%,#120810f5 70%,#12081000 100%);padding:80px 24px 48px;transition:transform .28s cubic-bezier(.4,0,.2,1);inset:0 0 auto;transform:translateY(-110%)}.nav__mobile-panel.is-open{transform:translateY(0)}.nav__mobile-close{top:14px;right:18px}.nav__mobile-links{align-items:flex-end;gap:18px}.hero,.about,.characters,.stickers,.footer{padding-left:20px;padding-right:20px}.hero__inner,.about__inner,.footer__inner{box-sizing:border-box;width:100%;padding-left:0;padding-right:0}.hero__inner{text-align:center;align-items:center}.hero__gallery{width:80%;max-width:340px}.hero__content{text-align:center;align-items:center}.hero__content .btn{align-self:center}.about__content{text-align:center;align-items:center}.about__heading-img{margin-left:auto;margin-right:auto}.about__content .btn{align-self:center}.about__content p{text-align:center;font-size:15px;line-height:1.5}.character-info{max-width:80%}.character-info__bio{font-size:14px;line-height:1.5}.characters__subtitle{font-size:15px;font-weight:400}.about__photo{aspect-ratio:1;width:80%;max-width:380px;height:auto}.characters{background-position:50% 115%}.characters__stage{height:405px}.character-stage__slide{width:291px;height:386px}.stickers__cta{flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:280px;margin-left:auto;margin-right:auto}.stickers__cta .btn{justify-content:center;width:100%}.stickers__grid .sticker:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:50%}.footer__image{width:64%;max-width:339px;height:280px;margin-left:auto;margin-right:auto}.footer__newsletter-subheading{width:80%;max-width:280px;height:auto}.footer__newsletter-text{font-size:85%}.newsletter-form{border-radius:var(--radius-pill);flex-direction:row;align-items:center;gap:6px;padding:6px}.newsletter-form__input{flex:1;width:auto;min-width:0;font-size:14px}.newsletter-form__button{width:auto;height:36px;padding:0 18px;font-size:13px}.stickers__grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid!important}.stickers__grid .sticker{width:100%;height:auto}}@media (width<=1100px){.about__inner,.footer__inner{text-align:center;flex-direction:column}.about__photo{width:100%;max-width:524px}.about__decoration{width:220px;height:220px;bottom:-56px;right:4%}}@media (width<=768px){.about__decoration{display:none}}@media (width<=810px){.hero{padding-top:60px}.hero__inner{flex-direction:column}.hero__gallery{width:100%;max-width:400px}.about{padding:60px 20px}.about__inner{gap:32px;padding:20px}.characters{padding:60px 20px}.stickers{padding:80px 20px}.stickers__decoration{display:none}.footer{padding:40px 20px}.play-hero{padding:120px 24px 60px}.play-grid{grid-template-columns:1fr;gap:32px}.character-card,.character-card--featured{width:320px}}@media (width<=480px){.nav{gap:20px;padding:12px 16px}.nav__links{gap:20px}.hero__title-img,.about__heading-img,.characters__heading-img,.stickers__heading-img,.footer__newsletter-heading{width:100%;max-width:320px}.newsletter-form{border-radius:var(--radius-pill);flex-direction:row;gap:6px;padding:6px}.newsletter-form__button{width:auto;height:34px;padding:0 16px;font-size:12px}}