.hero,.page-head{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 10% 20%,#9169e923,transparent 50%),radial-gradient(ellipse at 90% 95%,#f654861c,transparent 48%),linear-gradient(110deg,#fffaf5,#faf6ff)}.hero:after,.page-head:after{content:'';position:absolute;width:220px;height:220px;border:35px solid #ff9d1312;border-radius:50%;left:-100px;bottom:-130px;z-index:-1}.section.soft{background:linear-gradient(120deg,#f5efff,#fff2f7)}.section.cream{background:linear-gradient(120deg,#fffaf5,#fff5e8)}.header{border-top:4px solid transparent;border-image:linear-gradient(90deg,#9169e9,#f65486,#ff9d13) 1}.hero-art{position:relative}.character-hero img{border-radius:28px;aspect-ratio:1;object-fit:contain;box-shadow:0 20px 70px #34128c18;border:1px solid #efe4f4}.character-hero:before{content:'';position:absolute;inset:-16px;background:linear-gradient(140deg,#9169e92e,#f6548626,#ff9d132e);border-radius:42px;z-index:-1;transform:rotate(3deg)}.current-image{border-radius:24px;object-fit:contain;background:var(--cream);max-height:530px;margin:auto;box-shadow:0 18px 44px #34128c0d}.page-head .current-image{aspect-ratio:1;max-height:420px}.creative-head{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.creative-head h1{font-size:40px}.article-creative{max-width:430px;margin:25px auto;aspect-ratio:1}.card{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.card:after{content:'';position:absolute;left:-17px;bottom:-17px;width:63px;height:63px;border-radius:100% 0 100% 0;background:#f654860a;pointer-events:none;transition:transform .35s}.card:hover,.card:focus-within{border-color:#b69adf;box-shadow:0 15px 40px #34128c12}.card:hover:after{transform:scale(1.3) rotate(12deg)}.icon{transition:transform .3s}.card:hover .icon{transform:rotate(-6deg) scale(1.08)}.step{border-top:3px solid #9169e9;transition:transform .25s,box-shadow .25s}.step:nth-child(2){border-top-color:#f65486}.step:nth-child(3){border-top-color:#ff9d13}.step:nth-child(4){border-top-color:#34128c}.step:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.cta{background:linear-gradient(110deg,#34128c,#6737b1);position:relative;overflow:hidden}.cta:after{content:'';position:absolute;width:110px;height:140px;left:12%;top:-50px;border-radius:100% 0 100% 0;background:#f6548633;transform:rotate(35deg);pointer-events:none}.btn{transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{box-shadow:0 8px 20px #34128c25}.textlink:hover{color:#762e9e}.brand-drawing{height:70px;position:relative;margin-top:18px;pointer-events:none;opacity:.75}.brand-drawing svg{height:70px;width:250px}.brand-drawing path.track{stroke-dasharray:7 9;animation:rhodo-dash 14s linear infinite}.brand-drawing .dot{animation:rhodo-bob 3s ease-in-out infinite alternate;transform-origin:center;transform-box:fill-box}.brand-drawing .dot:nth-of-type(2){animation-delay:-1s}.brand-drawing .dot:nth-of-type(3){animation-delay:-2s}.butterfly-layer{position:fixed;inset:0;pointer-events:none;z-index:8;overflow:hidden}.rhodo-butterfly{position:absolute;width:48px;height:48px;filter:drop-shadow(0 7px 12px #34128c20);pointer-events:none}.rhodo-butterfly i{position:absolute;width:20px;height:31px;border-radius:100% 0 100% 0;transform-origin:100% 100%}.rhodo-butterfly i:nth-child(1){background:#ffad1f;left:1px;top:0;animation:rhodo-wing-l .5s ease-in-out infinite alternate}.rhodo-butterfly i:nth-child(2){background:#f65486;right:1px;top:2px;transform:scaleX(-1);animation:rhodo-wing-r .5s ease-in-out infinite alternate}.rhodo-butterfly i:nth-child(3){background:#9169e9;left:12px;top:21px;transform:rotate(-90deg) scale(.82)}.rhodo-butterfly.fly-one{animation:rhodo-fly-one 22s linear infinite}.rhodo-butterfly.fly-two{animation:rhodo-fly-two 29s linear infinite -12s;opacity:.65}.motion-toggle{position:fixed;bottom:18px;left:18px;z-index:30;border:1px solid #d8c7ed;background:#ffffffee;color:var(--purple);box-shadow:0 4px 20px #34128c12;border-radius:30px;padding:10px 15px;min-height:44px;font-size:12px;font-weight:700}.reveal{transition:opacity .6s ease,translate .6s ease}.motion-enhanced .reveal:not(.in-view){opacity:0;translate:0 16px}.motion-enhanced .reveal.in-view{opacity:1;translate:0 0}html[data-motion=off] .butterfly-layer{display:none}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}html[data-motion=off] .reveal{opacity:1!important;translate:none!important}html[data-motion=off] .card{transform:none!important}
@keyframes rhodo-wing-l{to{transform:rotate(-25deg) scaleX(.65)}}@keyframes rhodo-wing-r{to{transform:scaleX(-.65) rotate(-25deg)}}@keyframes rhodo-fly-one{0%{left:-6vw;top:78vh;transform:rotate(8deg) scale(.65)}25%{left:20vw;top:22vh;transform:rotate(-12deg) scale(.8)}50%{left:52vw;top:55vh;transform:rotate(13deg) scale(.65)}75%{left:83vw;top:20vh;transform:rotate(-8deg) scale(.8)}100%{left:106vw;top:40vh;transform:rotate(8deg) scale(.65)}}@keyframes rhodo-fly-two{0%{left:106vw;top:70vh;transform:scale(.48)}50%{left:50vw;top:12vh;transform:scale(.48)}100%{left:-7vw;top:44vh;transform:scale(.48)}}@keyframes rhodo-dash{to{stroke-dashoffset:-160}}@keyframes rhodo-bob{to{transform:translateY(-5px)}}
html[dir=ltr] .navlinks .dropdown{right:auto;left:-20px}html[dir=ltr] .eyebrow:before{margin-left:0;margin-right:8px}html[dir=ltr] .textlink:after{content:' →';margin-right:0;margin-left:5px}html[dir=ltr] .checklist li{padding-right:0;padding-left:28px}html[dir=ltr] .checklist li:before{right:auto;left:0}html[dir=ltr] .note,html[dir=ltr] .article aside{border-right:0;border-left:3px solid var(--violet)}html[dir=ltr] .content-table th,html[dir=ltr] .content-table td{text-align:left}html[dir=ltr] .footer a[dir=ltr]{text-align:left!important}html[dir=ltr] .lang-switch{margin-left:0;margin-right:8px}html[dir=ltr] .menu-button{margin-right:0;margin-left:auto}html[lang=en] .hero h1{font-size:clamp(32px,3.5vw,48px);letter-spacing:-1px}html[lang=en] .page-head h1{font-size:clamp(31px,3.2vw,42px)}html[lang=en] .navlinks{font-size:14px;gap:19px}
@media(max-width:850px){.creative-head{grid-template-columns:1fr;gap:30px}.creative-head h1{font-size:34px}.page-head .current-image{max-height:360px}.rhodo-butterfly.fly-two{display:none}.motion-toggle{padding:9px 11px;font-size:11px;bottom:12px;left:12px}.brand-drawing{height:50px}.brand-drawing svg{height:50px}.character-hero:before{inset:-8px}.article-creative{max-width:320px}.current-image{max-height:none}}@media(prefers-reduced-motion:reduce){.butterfly-layer{display:none}.reveal{opacity:1!important;translate:none!important}.card{transform:none!important}*,*:before,*:after{animation:none!important;transition:none!important}}@media print{.butterfly-layer,.motion-toggle,.brand-drawing{display:none!important}.reveal{opacity:1!important;translate:none!important}}
.creative-link{display:block;border-radius:24px}.creative-link:hover .current-image{box-shadow:0 22px 55px #34128c20}.motion-enhanced .reveal:focus-within{opacity:1!important;translate:none!important}.footer{padding-bottom:70px}