@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#fff;--ink:#302445;--purple:#7950be;--lilac:#e9dff7;--line:#e6dfec;--accent:#7950be;--sans:'Manrope',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}body{background:#fff;color:var(--ink)}p{color:#766b85}header{background:#fff;border-bottom:1px solid #f0eaf5;height:96px}.brand{font:800 26px 'Manrope',Arial,sans-serif;letter-spacing:-1.6px}.brand svg{width:43px;height:43px;color:#7950be}.brand-dot{color:#9c75d4}nav a{font-size:11px;font-weight:600;color:#685675}nav a:hover,nav a.active{color:#7950be}.header-cta{border-color:#d5c4e9;background:#faf7fe;color:#6b42ad;font-weight:700}.header-cta:hover{background:#7950be;color:#fff}.eyebrow{color:#9a80b4;font-family:var(--sans);font-size:9px;letter-spacing:1.5px}h1,h2,h3{font-weight:700;letter-spacing:-.05em}em{color:#9062c6}h1{line-height:1.1}.text-link{color:#7950be;border-color:#dac8ea;font-weight:600}.text-link:hover{color:#573386}.button{background:#7950be;color:#fff;border-radius:12px;box-shadow:0 5px 16px #7950be10;font-weight:600;padding:17px 25px}.button:hover{background:#643ca5;transform:translateY(-2px);box-shadow:0 8px 22px #7950be20}.button.secondary{background:#f7f2fc;border:1px solid #ded0ee;color:#7950be}.dot{background:#a583ce;box-shadow:0 0 0 4px #eee5fa}.hero-foot{color:#9b88ad}.immersive-hero{background:linear-gradient(160deg,#fff 35%,#fcf9ff 75%,#f4edfc);padding-top:70px;min-height:745px}.immersive-hero:before{background:#f3edfc;top:-370px;left:-150px}.immersive-copy h1{font:800 clamp(66px,7.4vw,110px) 'Manrope',Arial,sans-serif;letter-spacing:-.075em;line-height:1}.immersive-copy h1 .outline{color:#7e57b4;-webkit-text-stroke:0;font-size:.56em;letter-spacing:-.055em;line-height:1.18;margin:9px 0 2px}.immersive-copy h1 em{color:#9871c9;font-size:.85em;letter-spacing:-.035em}.hello{color:#9b7bbd;font-size:27px}.hero-description{color:#857691;font-size:14px;line-height:1.9}.character-portal{background:radial-gradient(ellipse at 50% 35%,#fdfaff,#ebdff9 55%,#dbc4f2);box-shadow:0 0 70px #f1e6fc;transform:rotate(4deg)}.character-portal:before{border-color:#d4bfe9;transform:rotate(-7deg)}.character-portal:after{border-color:#e0d0ee;transform:rotate(8deg)}.immersive-character>img{filter:drop-shadow(0 8px 15px #50307008)}.magic-sticker{background:#efe4fb;color:#9060c2;box-shadow:4px 4px 0 #ddcbee;transform:rotate(-8deg);font-weight:700;font-size:15px;border:1px solid #d7bee9}.developer-sticker{background:#fff;color:#9576b2;border:1px solid #ddc9ed;box-shadow:0 5px 15px #936bb210;transform:rotate(3deg)}.doodle-arrow,.doodle-crown{color:#ac88d1}.doodle-star{color:#bc96df}.doodle-orb{color:#d2b6e8}.scroll-cue{color:#a38caf}.ticker{background:#f0e7fa;color:#9570be;border-color:#eadbf5;transform:none;margin:0;padding:22px 0;font-size:13px;letter-spacing:2px}.ticker b{color:#b693d6}.project-meta small{color:#b197c2;font-family:var(--sans);letter-spacing:1px;font-size:8px}.project-meta h3{color:#483459;font-weight:700}.project p{color:#9a89a5;font-size:13px}.project-meta>span{color:#ab82ca}.project-image,.project:nth-child(2) .project-image,.project:nth-child(3) .project-image,.project:nth-child(4) .project-image{border-color:#f3edf8;border-width:12px;border-top:0;border-radius:12px;box-shadow:0 10px 35px #aa87c610}.browser,.project:nth-child(2) .browser,.project:nth-child(4) .browser{background:#f3edf8}.browser i{background:#d4bfdf}.browser span{color:#b19bbd}.project-arrow{background:#fff;color:#9873bf;box-shadow:0 5px 15px #57337512}.spellbook{background:#fbf8fe;border-top:1px solid #f2eafa;border-bottom:1px solid #f2eafa}.spellbook:after{color:#b990de0b}.spellbook-copy h2{font-size:54px}.spell-card{position:relative;width:100%;height:100%;min-height:290px;border-color:#e2d1f1;background:#efe5fb!important;color:#705293;box-shadow:0 8px 24px #976bb90a;padding:22px;transform:none!important;transition:box-shadow .25s,translate .25s}.spell-card:nth-child(2){background:#f7f2fc!important}.spell-card:nth-child(3){background:#e7d7f5!important;border-color:#d6bfe7}.spell-card p{color:#997eaf}.spell-card h3{font-size:20px;color:#705293}.spell-card>span{color:#af94c2}.spell-card>b{color:#9970bd}.spell-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;min-height:0;perspective:none}.spell-card:hover,.spell-card:focus-visible{translate:0 -5px;box-shadow:0 15px 25px #b398ce20;transform:none!important}.spellbook{grid-template-columns:.7fr 1.3fr;gap:5%}.studio-image{transform:none;border-color:#d9c3ea;box-shadow:12px 12px 0 #f0e7f8;border-radius:16px}.studio-copy h2{font-size:52px}.studio-doodle{color:#b391d0}.journal-art{background:#f4edf9;border-color:#e8dbf2}.journal-art svg{color:#be9bda;opacity:.45}.journal-art>span{color:#a480c1}.art-1{background:#f8f3fd}.art-1 svg{color:#bd9dd8}.art-2{background:#eee2f8}.art-2 svg{color:#bfa0d7}.journal-card small{font-family:var(--sans);color:#af95bf}.journal-card h3{color:#665173;font-weight:600}.journal-filters button{border-color:#e0d2ec;color:#9679ae;background:#fff}.journal-filters button[aria-pressed=true]{background:#7950be;color:#fff;border-color:#7950be}.portal{background:#fcfaff;border-color:#eadcf4;box-shadow:none}.portal h3{color:#8e6bad}.portal>span{color:#b798ca}.portal>b{color:#b08bce}.portal:hover{background:#f1e6fb;transform:translateY(-4px)}.closing{background:linear-gradient(120deg,#eadcf8,#f6effe);border-top:1px solid #e7d4f4;color:#78509e}.closing h2{font-weight:600}.closing em{color:#9c74bd}.closing .eyebrow{color:#b293c9}.closing .button.light{background:#7950be;color:#fff}.closing-star{color:#b993d515}footer{background:#fff}footer p{color:#b199bf}.footer-bottom{color:#b69cc3;border-color:#eee4f5}.footer-bottom button{color:#b69bc7}.service{border-color:#eadff2;grid-template-columns:65px 1fr 65px}.service-number{color:#b496c8}.service-sigil svg{color:#b194cc}.service p{color:#9d88ac}.service-cta{grid-column:2;justify-self:start;color:#9065b8;font-size:12px;font-weight:600;border-bottom:1px solid #e1cfea;padding-bottom:6px}.service h3 a:hover{color:#9b70c0}.process{background:#f6effc}.steps small{color:#b395cf}.agency h2{color:#87639c}.about-portrait{background:#f4eafa;border-color:#e0cbef;box-shadow:10px 10px 0 #f0e6f8;transform:none}.about-portrait span{background:#f6effb;color:#ad90bf}.contact-layout form{background:#fbf8fe;border-color:#e4d5ee}.contact-layout h1{font-weight:600}input,select,textarea{color:#74558c;border-color:#dfcfea}select option{background:#fff;color:#74558c}.email-link{color:#9069b1}.contact-magic{color:#e0c8f0}.case-image{background:#f5eefb;border-color:#e6d6f0}.case-image img{box-shadow:0 10px 25px #a27cbc12}.case-columns h2{color:#9272a7}.process-pricing-links a{background:#fbf8fe;border-color:#eadbf3}.process-pricing-links a:hover{background:#f2e7fb}.process-pricing-links small{color:#b093c3}.process-pricing-links h2{color:#a07cb8}.brand-note{background:#fcf9ff;border-color:#e5d2f1}.brand-note>div{color:#ba9dd1}.brand-note h2{color:#9672b2}.brand-note p{color:#a189b1}.process-step:not(:last-child):before{border-color:#dac6e7}.step-marker,.process-step:nth-child(even) .step-marker{background:#f7f0fc;border-color:#d9bee9;color:#a87fc5}.process-step h2{color:#8a68a5}.process-step p{color:#a38bae}.revision-tag{color:#ab87c6;border-color:#e0ccef}.revision-note{border-color:#e9d9f3}.revision-note h2{color:#9773b0}.price-card{background:#fcfaff;border-color:#e4d4ef;box-shadow:0 8px 25px #b897cc08}.price-card:nth-child(3){background:#f4eafa;border-color:#c9a6e4}.price-card h2{color:#8b62aa}.price-card:after{color:#ceb3e719}.price small{color:#b292c8}.price strong{color:#8055a8}.price>span{color:#b08ec5}.price-card>p{color:#a28aac}.price-card ul{border-color:#e8daf1}.price-card li{color:#a187ae}.price-card li:before{color:#b38bcd}.pricing-notes h2{color:#9773ae}.custom-quote{background:#f9f3fe}.custom-quote h2{color:#9874b2}.ai-note{background:#f6effb;border-color:#e6d4f1}.ai-note svg{color:#bc9fd0}.ai-note h2{color:#9a74b3}.cursor-glow{display:none}.scroll-progress{background:#d5b9eb}.article-reference{border-color:#eadff2;color:#b19bbd}.article-reference a{color:#a07bbd}.skip{background:#fff}.menu-toggle span{background:#9f7eb6}.nav-services{position:relative}.nav-service-top{display:flex;gap:5px;align-items:center}.services-toggle{background:none;border:0;color:#a286b7;font-size:16px;padding:0 4px}.services-menu{position:absolute;top:32px;left:-20px;width:275px;padding:15px;background:#fff;border:1px solid #e4d5ef;border-radius:12px;box-shadow:0 15px 45px #9673ae18;z-index:60}.services-menu[hidden]{display:none}.services-menu a{display:block;padding:11px 12px;font-size:11px;color:#9474ac;border-radius:6px}.services-menu a:hover{background:#f7effc;color:#9c6ebd}.service-detail{padding:15px 8% 75px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center}.service-detail-art{height:330px;border:1px solid #e0ccef;border-radius:46% 46% 10px 10px;background:#f8f2fc;position:relative;display:grid;place-items:center}.service-detail-art svg{width:180px;height:180px;color:#d9bdeb}.service-detail-art>span{position:absolute;top:46%;font:500 30px var(--serif);color:#b995cf}.service-detail h2{font-size:35px;color:#9975b0}.service-detail ul{list-style:none;padding:0;margin-bottom:30px}.service-detail li{padding:13px 0;border-bottom:1px solid #eee2f6;color:#a18ab0;font-size:14px}.service-detail li:before{content:'✦';color:#c0a2d4;margin-right:12px}.service-detail p{font-size:14px}.conversion-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.conversion-row .button{font-size:12px;gap:10px}.platform-choice{padding:50px 5.6% 85px}.platform-choice h2{font-size:46px}.platform-choice>div{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.platform-choice a{background:#fbf8fe;border:1px solid #e6d6f0;border-radius:12px;padding:28px;position:relative}.platform-choice b{display:block;font-size:24px;color:#936bab}.platform-choice span{display:block;font-size:12px;color:#b294c3;margin-top:14px}.platform-choice i{position:absolute;right:25px;top:27px;color:#a584bd;font-style:normal;font-size:25px}.platform-choice a:hover{background:#f5eafa}.conversion-banner{margin:10px 5.6% 70px;padding:35px;background:#f8f1fc;border:1px solid #ead9f3;border-radius:12px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.conversion-banner h2{font-size:32px;flex:1;margin:0;color:#9b74b2}.conversion-banner .button{font-size:12px}.conversion-banner .text-link{font-size:12px}
@media(max-width:1100px){.spellbook{grid-template-columns:1fr;gap:35px}.spell-deck{max-width:760px;width:100%;margin:auto}.spell-card{min-height:290px}.spellbook-copy h2{font-size:48px}.service-detail{gap:5%}}
@media(max-width:1000px){nav{background:#fff;border-bottom:1px solid #eadcf3}.services-menu{top:35px}.services-menu a{font-size:12px}}
@media(max-width:760px){header{height:80px}.immersive-hero{padding-top:45px;min-height:0}.immersive-copy h1{font-size:clamp(63px,15vw,95px)}.immersive-copy h1 .outline{font-size:.55em}.immersive-copy h1 em{font-size:.83em}.hello{font-size:23px}.hero-description{font-size:13px}.magic-sticker{font-size:12px;background:#f2e7fd}.spell-deck{display:flex;overflow-x:auto;justify-content:flex-start;gap:15px;padding:7px 5px 20px;scroll-snap-type:x mandatory;min-height:0}.spell-card{position:relative;flex:0 0 78%;height:auto;min-height:290px;scroll-snap-align:start;translate:none!important;transform:none!important;padding:25px}.spell-card h3{font-size:24px}.spell-card p{font-size:12px}.spell-card>div{height:85px}.spell-card svg{width:75px;max-height:85px}.spellbook{padding-bottom:45px}.studio-copy h2{font-size:45px}.studio-image{transform:none}.journal-card h3{font-size:27px}.closing h2{font-size:46px}.services-menu{position:static;width:100%;min-width:270px;margin-top:15px;box-shadow:none;background:#fbf8fe;border-color:#eadbf3}.services-menu a{font-size:13px}.nav-service-top{gap:15px}.services-toggle{font-size:23px;padding:0 6px}.service-detail{padding:0 6% 50px;grid-template-columns:1fr;gap:35px}.service-detail-art{height:220px}.service-detail-art svg{width:130px;height:130px}.service-detail h2{font-size:30px}.service-detail li{font-size:13px}.platform-choice{padding:20px 6% 55px}.platform-choice h2{font-size:36px}.platform-choice>div{grid-template-columns:1fr;gap:15px}.platform-choice a{padding:25px}.platform-choice b{font-size:23px}.platform-choice span{font-size:11px}.conversion-banner{margin:0 6% 55px;padding:28px;gap:20px}.conversion-banner h2{flex-basis:100%;font-size:30px}.conversion-banner .button{font-size:11px}.service-cta{font-size:11px}}
/* Readable ink on the light background. */
p,.hero-description,.project p,.service p,.service-detail p,.process-step p,.brand-note p,.price-card>p,.price-card li,.pricing-notes p,.ai-note p,.spell-card p{color:#776781}.eyebrow,.project-meta small,.journal-card small,.hero-foot,.price small,.footer-bottom,footer p,.footer-bottom button{color:#8b739b}.immersive-copy h1 .outline{color:#7950a8}.spell-card h3,.platform-choice b,.process-step h2,.service-detail h2,.agency h2,.price-card h2,.pricing-notes h2,.custom-quote h2,.brand-note h2,.revision-note h2,.ai-note h2,.process-pricing-links h2,.conversion-banner h2{color:#72508e}.spell-card>span,.platform-choice span,.price-card .eyebrow,.revision-tag,.about-portrait span{color:#8b6c9e}.journal-card h3{color:#695277}.closing h2{color:#6f458e}.closing .eyebrow{color:#9475a8}.closing em{color:#8c5eb0}.text-link{color:#7950a4}.hero-doodles .doodle-crown{color:#9a6cc1}.service-sigil svg{color:#a57ac5}
.project:nth-child(4) .project-image img{aspect-ratio:auto;height:auto;object-fit:contain;background:#f3edf8}.project:nth-child(4) .project-image:after{content:none}.case-image img[src="/assets/her-vitality-upwork.webp"]{max-height:none;height:auto;object-fit:contain}
