:root{--ink:#241b43;--cream:#fff9f3;--paper:#ffffffeb;--pink:#ff48b6;--violet:#7139e8;--cyan:#1ecfec;--lemon:#ffe650;--rainbow:#20d2e7, #5b77f0, #a845e7, #ff48b6, #ff8a99, #ffe650}*{box-sizing:border-box}html{background:var(--cream);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:320px}body{color:var(--ink);min-width:320px;margin:0;font-family:Gill Sans,Avenir Next,Avenir,Trebuchet MS,sans-serif}button,input{font:inherit}:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.skip-link{background:var(--ink);color:#fff;z-index:20;border-radius:999px;padding:.7rem 1rem;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.landing{isolation:isolate;min-height:100svh;padding:max(3.4rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(3.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));justify-content:center;align-items:center;display:flex;position:relative;overflow-x:hidden}.landing:before{content:"";z-index:-2;background:linear-gradient(#fff9f352,#fff9f352),url(/leopardprintfaded.png) 50%/cover no-repeat;position:fixed;inset:0}.landing:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 42%,#ffffff1a,#ffffff6b 78%);position:fixed;inset:0}.rainbow-bar{background:linear-gradient(90deg, var(--rainbow));pointer-events:none;z-index:8;background-size:240% 100%;border-radius:999px;width:min(100% - 2.5rem,76rem);height:.62rem;animation:5.5s ease-in-out infinite alternate rainbow-scan;position:fixed;left:50%;transform:translate(-50%)}.rainbow-bar:before{background:inherit;border-radius:inherit;content:"";filter:blur(10px);opacity:.82;position:absolute;inset:0}.rainbow-bar--top{top:max(1.25rem, env(safe-area-inset-top))}.rainbow-bar--bottom{bottom:max(1.25rem, env(safe-area-inset-bottom))}.background-sparkles,.cursor-sparkles{pointer-events:none;position:fixed;inset:0}.background-sparkles{z-index:0}.cursor-sparkles{z-index:9}.background-sparkle{color:var(--lemon);opacity:0;text-shadow:2px 2px 0 var(--ink);font-size:clamp(1.7rem,3vw,2.7rem);animation:4.2s ease-in-out infinite background-twinkle;position:absolute}.page-frame{z-index:1;justify-items:center;gap:clamp(.7rem,1.8vw,1.25rem);width:min(100%,67rem);margin:auto;display:grid;position:relative}.brand-header{justify-items:center;width:100%;display:grid}.logo{object-fit:contain;width:min(74vw,29rem);height:auto;max-height:34vh;display:block}.brand-status{border:2px solid var(--ink);box-shadow:.18rem .18rem 0 var(--pink);color:var(--violet);letter-spacing:.1em;text-align:center;text-transform:uppercase;background:#ffffffd1;border-radius:999px;align-items:center;gap:.55rem;margin:-1.15rem 0 0;padding:.52rem 1rem;font-size:clamp(.66rem,1.2vw,.78rem);font-weight:900;display:flex}.brand-status span{color:var(--pink)}.landing-card{background:var(--paper);border:4px solid var(--ink);box-shadow:.65rem .7rem 0 var(--violet), 0 1.3rem 4rem #3a1f692e;border-radius:clamp(1.8rem,4vw,3.4rem) clamp(1.8rem,4vw,3.4rem) clamp(2.7rem,5vw,4.8rem);grid-template-columns:minmax(0,1.15fr) minmax(15rem,.85fr);align-items:center;gap:clamp(1rem,3.2vw,3.1rem);width:100%;padding:clamp(1.45rem,4.2vw,3.4rem);display:grid;position:relative;overflow:hidden}.landing-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffe65038,#ff48b61a 48%,#1ecfec2e);border-radius:50%;width:18rem;height:18rem;position:absolute;top:-11rem;left:-8rem}.copy{z-index:2;max-width:36rem;position:relative}.eyebrow{color:var(--violet);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.48rem;margin:0 0 .75rem;font-size:clamp(.66rem,1.2vw,.78rem);font-weight:900;display:flex}.eyebrow span{background:var(--lemon);border:2px solid var(--ink);color:var(--pink);border-radius:50%;flex:none;place-items:center;width:1.35rem;height:1.35rem;display:grid}h1{letter-spacing:-.065em;text-wrap:balance;max-width:10ch;margin:0 0 clamp(1rem,2vw,1.35rem);font-family:Georgia,Times New Roman,serif;font-size:clamp(2.45rem,6.1vw,5.35rem);line-height:.9}.copy>p:not(.eyebrow):not(.welcome-response){color:#554c69;max-width:48ch;margin:0 0 clamp(1.2rem,2.5vw,1.75rem);font-size:clamp(.95rem,1.6vw,1.12rem);line-height:1.58}.hello-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.55rem .65rem;max-width:31rem;display:grid}.hello-form label{grid-column:1/-1;font-size:.88rem;font-weight:900}.hello-form input{border:2px solid var(--ink);background:#fff;border-radius:999px;width:100%;min-width:0;min-height:3.05rem;padding:.62rem 1rem}.hello-form--error input{border-color:var(--pink);background:#fff2f9;animation:.32s ease-out field-nudge;box-shadow:0 0 0 4px #ff48b62e}.name-error{color:#8b2368;grid-column:1/-1;margin:.15rem 0 0;font-size:.78rem;font-weight:800;line-height:1.35}.hello-form button{background:var(--pink);border:3px solid var(--ink);box-shadow:.2rem .2rem 0 var(--ink);color:var(--ink);text-transform:uppercase;white-space:nowrap;border-radius:999px;min-height:3.05rem;padding:.62rem 1.05rem;font-size:.8rem;font-weight:900;transition:transform .16s,background-color .16s,box-shadow .16s}.hello-form button:hover{background:var(--lemon);box-shadow:.12rem .12rem 0 var(--ink);transform:translate(.08rem,.08rem)}.hello-form button span{color:var(--lemon);text-shadow:1px 1px var(--ink)}.mascot-stage{align-content:center;align-self:stretch;justify-items:center;gap:1rem;min-height:21rem;display:grid;position:relative}.mascot-art{align-content:center;justify-items:center;width:100%;min-height:21rem;display:grid;position:relative}.stardust-bubble{border:3px solid var(--ink);box-shadow:.3rem .35rem 0 var(--pink);color:var(--ink);text-align:left;z-index:4;background:linear-gradient(145deg,#fff,#fff1f8);border-radius:1.4rem 1.4rem 1.4rem .45rem;width:100%;max-width:22rem;padding:1rem 1.1rem;font-size:clamp(.88rem,1.4vw,1rem);font-weight:700;line-height:1.48;animation:.48s cubic-bezier(.2,.9,.3,1.25) both bubble-pop;position:relative}.stardust-bubble:before{border-bottom:3px solid var(--ink);border-right:3px solid var(--ink);content:"";background:#fff1f8;width:1.15rem;height:1.15rem;position:absolute;bottom:-.72rem;left:2.3rem;transform:rotate(45deg)}.mascot-halo{background:radial-gradient(circle,#ffe650a6,#ff48b62e 48%,#0000 70%);border:3px dashed #241b437a;border-radius:50%;width:min(25vw,19rem);min-width:14rem;height:min(25vw,19rem);min-height:14rem;position:absolute;transform:rotate(-8deg)}.mascot{filter:drop-shadow(.35rem .45rem 0 var(--cyan));z-index:1;width:min(100%,18rem);max-width:18rem;height:auto;display:block;position:relative;transform:rotate(2deg)}.mascot-caption{background:var(--ink);border:2px solid var(--ink);box-shadow:.2rem .2rem 0 var(--lemon);color:#fff;letter-spacing:.06em;text-transform:uppercase;z-index:2;border-radius:999px;margin:0;padding:.6rem .85rem;font-size:.76rem;font-weight:900;position:absolute;bottom:.2rem}.mascot-caption span{color:var(--lemon)}footer{text-align:center;background:#ffffffad;border-radius:999px;padding:.45rem .85rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(.78rem,1.4vw,.96rem);font-weight:700}footer span{color:var(--pink)}.welcome-response{background:#fff9f3e6;border-radius:1rem;margin:1.25rem 0 0;padding:.85rem 1rem;line-height:1.5}.welcome-response a,.modal-card a{color:#5124bd;font-weight:800}.welcome-response a:hover,.modal-card a:hover{color:var(--pink)}.welcome-modal{z-index:12;background:#241b437a;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--cream);border:3px solid var(--ink);box-shadow:.55rem .55rem 0 var(--violet);text-align:center;border-radius:2rem 2rem 3.5rem;width:100%;max-width:440px;margin:auto;padding:2.25rem 2rem 2rem;position:relative}.modal-card h2{margin:0 0 1rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,3.1rem);line-height:1}.modal-card p{margin:0;line-height:1.55}.modal-close{background:var(--pink);border:2px solid var(--ink);color:var(--ink);border-radius:50%;width:2rem;height:2rem;padding:0;font-size:1.35rem;font-weight:900;line-height:1;position:absolute;top:.75rem;right:.75rem}.modal-sparkle{color:var(--lemon);text-shadow:2px 2px var(--ink);font-size:2rem;position:absolute;top:-1.15rem;left:-1rem;transform:rotate(-14deg)}.cursor-particle{background:0 0;width:5px;height:5px;animation:.52s linear forwards pixel-star;position:fixed;top:0;left:0}.cursor-particle:before,.cursor-particle:after{background:var(--colour);content:"";position:absolute}.cursor-particle:before{width:1px;height:5px;top:0;left:2px}.cursor-particle:after{width:5px;height:1px;top:2px;left:0}.cursor-particle--tiny{background:var(--colour);width:3px;height:3px;animation:.42s linear forwards pixel-tiny}.cursor-particle--tiny:before,.cursor-particle--tiny:after,.cursor-particle--heart:before,.cursor-particle--heart:after{display:none}.cursor-particle--heart{color:var(--colour);text-shadow:0 0 5px;background:0 0;width:auto;height:auto;font-size:.9rem;font-weight:900;animation:1.5s ease-out forwards heart-float}@keyframes rainbow-scan{0%{background-position:0%}to{background-position:100%}}@keyframes background-twinkle{0%,to{opacity:0;transform:scale(.55)rotate(0)}40%,60%{opacity:.82;transform:scale(1)rotate(20deg)}}@keyframes pixel-star{0%{opacity:1;transform:translate(0)scale(1)}55%{transform:translate(calc(var(--drift) / 2), calc(var(--fall) / 2)) scale(.65)}to{opacity:0;transform:translate(var(--drift), var(--fall)) scale(.4)}}@keyframes pixel-tiny{to{opacity:0;transform:translate(var(--drift), var(--fall)) scale(.45)}}@keyframes heart-float{0%{opacity:0;transform:scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(var(--drift), -80px) scale(.55)}}@keyframes bubble-pop{0%{opacity:0;transform:translateY(.7rem)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes field-nudge{0%,to{transform:translate(0)}30%{transform:translate(-.28rem)}65%{transform:translate(.22rem)}}@media (width<=760px){.landing{padding-bottom:max(4rem, env(safe-area-inset-bottom));padding-top:max(4rem, env(safe-area-inset-top));align-items:flex-start}.page-frame{gap:.9rem}.logo{width:min(88vw,25rem);max-height:none}.brand-status{margin-top:-1rem}.landing-card{text-align:center;grid-template-columns:1fr;gap:1.7rem;padding:clamp(1.35rem,6vw,2rem)}.copy{margin-inline:auto}.eyebrow{justify-content:center}h1{max-width:11ch;margin-inline:auto}.copy>p:not(.eyebrow):not(.welcome-response),.hello-form{margin-inline:auto}.mascot-stage,.mascot-art{min-height:18rem}.stardust-bubble{max-width:26rem;margin-bottom:.25rem}.mascot-halo{width:15rem;height:15rem}.mascot{max-width:15rem}}@media (width<=460px){.brand-status{letter-spacing:.07em;gap:.35rem;padding-inline:.72rem;font-size:.58rem}.hello-form{grid-template-columns:1fr}.hello-form button{justify-self:center;width:min(100%,12rem)}.mascot-stage,.mascot-art{min-height:16.5rem}.mascot-caption{font-size:.67rem}}@media (width>=761px) and (height<=760px){.landing{padding-top:3.25rem;padding-bottom:3.25rem}.page-frame{gap:.65rem}.logo{width:min(38vw,23rem);max-height:25vh}.brand-status{margin-top:-.9rem}.landing-card{padding-top:1.6rem;padding-bottom:1.6rem}.mascot-stage,.mascot-art{min-height:17rem}.mascot{max-width:14.5rem}.mascot-halo{max-width:15rem;max-height:15rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.rainbow-bar{background-position:50%}.background-sparkles,.cursor-sparkles{display:none}}@media (pointer:fine){body,input{cursor:url(/barbie-pink-cursor-small.png) 1 1,auto}a,button{cursor:url(/barbie-pink-pointer-small.png) 15 1,pointer}}
