@font-face{font-family:Poster;src:url('assets/editorial-cyrillic.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Poster;src:url('assets/editorial-latin.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Manrope;src:url('assets/body-cyrillic.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('assets/body-latin.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
*{box-sizing:border-box}html,body{margin:0;width:100%;background:transparent}body{-webkit-font-smoothing:antialiased;font-family:Manrope,Arial,sans-serif}
.promo-banner{position:relative;isolation:isolate;container-type:inline-size;height:300px;width:100%;overflow:clip;border-radius:5px;background:linear-gradient(110deg,#5e3978 0%,#87518d 50%,#7c466f 100%);color:#fff3dd}
.promo-light{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 90%,#e7ad7045,transparent 55%),linear-gradient(120deg,transparent 30%,#e6c9ee18 50%,transparent 65%);background-size:100% 100%,240% 100%;animation:light-pass 10s ease-in-out infinite;pointer-events:none}
.promo-frame{position:absolute;inset:10px;border:1px solid #fff0cf32;border-radius:2px;pointer-events:none;z-index:5}
.promo-copy{position:absolute;z-index:4;left:40px;top:27px;width:66%;pointer-events:none}
.promo-heading{font:400 clamp(55px,8.4cqw,110px)/.98 Poster,Georgia,serif;letter-spacing:-.05em;margin:0;white-space:nowrap;animation:heading-in 1.1s .1s both}
.promo-tagline{font:400 clamp(28px,3.85cqw,49px)/1.15 Poster,Georgia,serif;letter-spacing:-.045em;margin:5px 0 16px;animation:heading-in 1.1s .27s both;white-space:nowrap}
.promo-tagline span:last-child{white-space:nowrap}.promo-benefits{display:flex;flex-wrap:wrap;gap:9px 12px;max-width:480px;animation:labels-in .8s .65s both}
.promo-benefits a{position:relative;z-index:8;pointer-events:auto;display:inline-block;white-space:nowrap;padding:8px 18px 9px;border-radius:22px;background:#35213ec7;color:#fff4e8;font-size:11px;line-height:1.1;font-weight:800;letter-spacing:.5px;text-decoration:none;transition:background .2s,box-shadow .2s}
.promo-benefits a:last-child{margin-right:100px}
.promo-character{position:absolute;z-index:3;top:1px;right:1%;width:43%;height:345px;pointer-events:none;animation:character-in 1.35s .15s cubic-bezier(.2,.75,.25,1) both}
.promo-rig{position:absolute;inset:0;transform-origin:56% 88%;animation:figure-live 7s 1.4s ease-in-out infinite}
.promo-part{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;user-select:none}
.promo-body{clip-path:inset(46% 0 0)}
.promo-head{clip-path:inset(0 0 52%);transform-origin:57% 46%;animation:head-live 7s 1.4s ease-in-out infinite}
.promo-stamp{position:absolute;z-index:6;right:25px;top:24px;width:48px;height:48px;border:1px solid #fff1d95c;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff2ddc2;font:600 11px/.95 Poster,Georgia,serif;letter-spacing:1px;transform:rotate(8deg);pointer-events:none}
.promo-stamp::before{content:"";position:absolute;inset:3px;border:1px dotted #fff1d968;border-radius:50%}
.promo-hit{position:absolute;z-index:2;inset:0;display:block;border-radius:inherit}
.promo-hit:focus-visible{outline:2px solid #fff4df;outline-offset:-5px}.promo-benefits a:focus-visible{outline:2px solid #fff4df;outline-offset:3px}
.promo-dust{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:clip}
.promo-speck{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#fff2d9;box-shadow:0 0 3px #fff5dd88;opacity:0;animation:dust-live var(--duration) var(--delay) linear infinite}
.promo-speck:nth-child(4n){border-radius:0;transform:rotate(35deg);background:#f8d6a7;filter:blur(.3px)}
.promo-banner::after{content:"";position:absolute;z-index:6;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#fff5df13 43%,transparent 60%);background-size:300% 100%;mix-blend-mode:screen;animation:glint-pass 10s 2s ease-in-out infinite}
@media(hover:hover){.promo-benefits a:hover{background:#4a2d58;box-shadow:0 0 12px #fff0d323}}
@keyframes heading-in{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}
@keyframes labels-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes character-in{from{opacity:0;transform:translateX(75px) rotate(3deg)}to{opacity:1;transform:translateX(0) rotate(0)}}
@keyframes figure-live{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-4px) rotate(-.6deg)}70%{transform:translateY(-1px) rotate(.4deg)}}
@keyframes head-live{0%,12%,100%{transform:rotate(0)}28%,40%{transform:rotate(-1.7deg)}66%,75%{transform:rotate(.9deg)}}
@keyframes dust-live{0%{opacity:0;translate:0 28px}20%,65%{opacity:.35}100%{opacity:0;translate:-38px -75px}}
@keyframes light-pass{0%,100%{background-position:0 0,100% 0}50%{background-position:0 0,0 0}}
@keyframes glint-pass{0%,60%{background-position:110% 0}95%,100%{background-position:-60% 0}}
@media(min-width:701px) and (max-width:950px){.promo-copy{left:30px;top:43px}.promo-heading{font-size:9.1cqw}.promo-tagline{font-size:4cqw;margin-bottom:18px}.promo-benefits{max-width:380px;gap:8px}.promo-benefits a{font-size:9px;padding:7px 13px}.promo-character{right:-3%;width:46%;height:335px;top:13px}.promo-stamp{right:18px;top:18px;width:39px;height:39px;font-size:9px}}
@media(max-width:700px){.promo-banner{height:300px;border-radius:4px}.promo-frame{inset:8px}.promo-copy{left:22px;top:23px;width:78%}.promo-heading{font-size:clamp(43px,13.5cqw,72px);line-height:1;letter-spacing:-.055em}.promo-tagline{max-width:195px;font-size:clamp(30px,8.2cqw,40px);white-space:normal;line-height:1.04;margin:10px 0 23px;letter-spacing:-.05em}.promo-tagline span{display:block}.promo-benefits{width:175px;gap:7px}.promo-benefits a{padding:8px 11px;font-size:9px;letter-spacing:.15px}.promo-benefits a:last-child{margin-right:0}.promo-character{top:59px;right:-7%;width:66%;height:285px}.promo-stamp{display:none}.promo-speck:nth-child(n+9){display:none}}
@media(min-width:450px) and (max-width:700px){.promo-copy{width:75%;top:24px;left:27px}.promo-heading{font-size:65px}.promo-tagline{font-size:36px;max-width:275px;margin:8px 0 22px}.promo-character{right:-2%;top:17px;width:50%;height:330px}.promo-benefits{width:220px;gap:8px}.promo-benefits a{font-size:9px;padding:7px 13px}}
@media(max-width:350px){.promo-copy{left:18px;top:29px}.promo-heading{font-size:43px}.promo-tagline{font-size:29px;max-width:165px;margin-top:11px;margin-bottom:20px}.promo-benefits{width:155px;gap:6px}.promo-benefits a{font-size:9px;padding:8px 10px}.promo-character{top:68px;right:-10%;width:69%;height:270px}}
.is-paused *,.is-paused *::before,.is-paused *::after,.is-background *,.is-background *::before,.is-background *::after,.is-paused::after,.is-background::after{animation-play-state:paused!important}
.is-still .promo-heading,.is-still .promo-tagline,.is-still .promo-benefits,.is-still .promo-character{animation:none}
@media(prefers-reduced-motion:reduce){.promo-banner,.promo-banner::after,.promo-banner *,.promo-banner *::before,.promo-banner *::after{animation:none!important;transition:none!important}.promo-speck{opacity:.2}}

/* Quiet ivory ornament in the open space between copy and mentor. */
.promo-ornament{position:absolute;z-index:1;left:51%;top:29%;width:clamp(92px,12cqw,150px);height:auto;color:#f3ddbd;opacity:.27;pointer-events:none;transform-origin:50% 55%;animation:ornament-live 8s ease-in-out infinite}
@keyframes ornament-live{0%,100%{opacity:.24;transform:translateY(0) rotate(-1deg)}50%{opacity:.34;transform:translateY(-5px) rotate(1deg)}}
@media(min-width:701px) and (max-width:950px){.promo-ornament{left:50%;top:32%;width:108px;opacity:.23}}
@media(max-width:700px){.promo-ornament{display:none}}
@media(prefers-reduced-motion:reduce){.promo-ornament{animation:none;opacity:.27;transform:none}}

.promo-banner{touch-action:pan-y}
