:root{--paper:#fff8e8;--blue:#2332cc;--coral:#ff7657;--yellow:#ffda4b;--ink:#20238b;--round:'Arial Rounded MT Bold','Trebuchet MS',Arial,sans-serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--blue);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid currentColor;outline-offset:6px}::selection{background:var(--coral);color:var(--paper)}.skip{position:fixed;top:-80px;left:20px;z-index:200;background:var(--yellow);padding:18px;border-radius:30px}.skip:focus{top:20px}.progress{position:fixed;top:0;left:0;width:100%;height:4px;background:var(--coral);transform:scaleX(0);transform-origin:left;z-index:110}.nav{position:absolute;top:0;left:0;width:100%;height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:20}.wordmark{font-family:var(--round);font-size:28px;font-weight:900;letter-spacing:-1.8px;white-space:nowrap}.brand-drop{font-size:14px;display:inline-block;color:var(--coral);margin:0 3px;transform:scaleX(.8)}.nav nav{display:flex;gap:36px;font-size:12px;font-weight:bold}.nav nav a:hover{text-decoration:underline;text-underline-offset:6px}.motion{background:transparent;border:1px solid #2332cc60;border-radius:30px;padding:10px 15px;font-size:10px;display:flex;gap:8px;align-items:center}.hero{height:100svh;min-height:790px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:var(--paper)}.ink-sky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.hero-copy{position:relative;padding:160px 0 120px 7%;width:59%;z-index:4;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;line-height:1.8}.tiny-star{color:var(--coral);font-size:22px;vertical-align:middle;margin-right:9px;display:inline-block}.hero h1{font-family:var(--round);font-size:clamp(100px,12vw,185px);font-weight:900;line-height:.84;letter-spacing:-9px;margin:30px 0}.hero h1>span{display:block}.hero h1>span:nth-child(2){margin-left:5%}.title-dot{color:var(--coral)}.hero-description{font-size:15px;line-height:1.6;margin:28px 0 25px}.pill-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--blue);color:var(--paper);border:0;border-radius:100px;padding:17px 24px;font-weight:bold;font-size:12px;transition:transform .2s,background .2s;box-shadow:0 4px 0 #101b8030}.pill-button:hover{transform:translateY(-3px) rotate(-2deg);background:#102098}.pill-button span{font-size:20px;line-height:1}.pill-button.light{background:var(--yellow);color:var(--blue)}.floating-cast{position:absolute;inset:0;z-index:3;pointer-events:none}.portrait-wrap{position:absolute;will-change:transform}.portrait-wrap img{width:100%;display:block;aspect-ratio:1;object-fit:cover;box-shadow:0 22px 30px #72321c18;border:7px solid var(--paper)}.portrait-one{width:26%;max-width:360px;right:5%;top:17%;--angle:9deg;--float:0s}.portrait-one img{border-radius:47% 53% 42% 58% / 56% 40% 60% 44%;border-color:var(--yellow)}.portrait-two{width:23%;max-width:315px;right:20%;top:51%;--angle:-12deg;--float:-2s}.portrait-two img{border-radius:58% 42% 55% 45% / 42% 55% 45% 58%;border-color:#ffacac}.portrait-three{width:13%;max-width:185px;right:1.5%;top:65%;--angle:14deg;--float:-4s}.portrait-three img{border-radius:50%;border:4px solid #ff7657}.portrait-note{position:absolute;bottom:-7px;left:25%;padding:8px 12px;background:var(--paper);border-radius:8px;font-size:11px;font-weight:700;transform:rotate(-5deg);white-space:nowrap}.portrait-two .portrait-note{background:var(--yellow)}.soul-sticker{position:absolute;top:19%;right:31%;width:113px;height:113px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--coral);color:#58270f;border-radius:50%;font-size:18px;transform:rotate(-14deg);box-shadow:0 5px 0 #cc512822}.soul-sticker strong{font-size:10px;letter-spacing:.7px}.soul-sticker i{font-style:normal;font-size:30px;line-height:1;margin-top:3px}.hero-bottom{position:absolute;left:5%;right:5%;bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:5;font-size:7px;letter-spacing:1.2px;font-weight:bold}.splash-button{border:1px solid #2332cc50;background:var(--paper);border-radius:50px;padding:11px 15px;font-size:10px;display:flex;gap:16px;align-items:center}.splash-button b{font-size:20px;color:var(--coral);line-height:1}.splash-button:hover b{transform:rotate(45deg)}.ticker{background:var(--yellow);overflow:hidden;position:relative;z-index:8;padding:20px 0;transform:rotate(-2deg) scale(1.03);margin:0 0 -6px}.ticker>div{display:flex;gap:40px;align-items:center;white-space:nowrap;width:max-content;animation:marquee 30s linear infinite}.ticker span{font:900 25px var(--round);letter-spacing:-1px}.ticker b{font-size:30px;color:var(--coral)}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bob{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-18px) rotate(calc(var(--angle) + 4deg))}}.portrait-wrap{animation:bob 7s ease-in-out infinite;animation-delay:var(--float)}.playground{min-height:850px;height:105svh;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:var(--blue);color:var(--paper);display:flex;align-items:center;justify-content:center}.play-top{position:absolute;top:55px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:25px;z-index:2}.play-top>span:last-child{font-size:8px;letter-spacing:1.5px;opacity:.7}.play-copy{text-align:center;position:relative;z-index:2;pointer-events:none}.play-copy h2{font:900 clamp(48px,5.6vw,86px)/.98 var(--round);letter-spacing:-3px;margin:45px 0 24px}.play-copy h2 em{font-style:normal;color:var(--yellow)}.play-copy p{font-size:13px;line-height:1.7;opacity:.8}.play-copy button{pointer-events:auto;margin-top:13px}.play-footer{position:absolute;bottom:44px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:2}.play-footer>span:first-child{font-size:8px;letter-spacing:1.5px}.mood-picker{display:flex;gap:9px}.mood-picker button{color:var(--paper);border:1px solid #ffffff55;background:#2332cc;border-radius:30px;padding:10px 15px;font-size:10px;display:flex;align-items:center;gap:8px}.mood-picker button[aria-pressed=true]{border-color:var(--paper);background:#ffffff20}.mood-picker i{width:10px;height:10px;border-radius:50%;background:var(--c)}.handwritten{font:italic 22px Georgia,serif;transform:rotate(-7deg);color:var(--yellow)}.souls-section{height:250svh;background:var(--coral);color:#432159}.souls-sticky{position:sticky;top:0;height:100svh;min-height:770px;padding:55px 0 30px;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:0 6% 34px}.section-heading h2{font:900 clamp(45px,5vw,74px)/.94 var(--round);letter-spacing:-3px;margin:14px 0 0}.section-heading h2 em{font-style:normal;color:var(--paper)}.gallery-side{display:flex;align-items:center;gap:30px}.mini-flower{font-size:95px;color:var(--yellow);line-height:1}.gallery-side p{font-size:12px;line-height:1.6}.gallery-track{display:flex;gap:28px;width:max-content;padding:22px 6vw 20px;will-change:transform}.soul-card{display:block;flex-shrink:0;width:clamp(245px,25vw,350px);padding:10px 10px 16px;border:0;border-radius:20px;background:var(--paper);color:#432159;text-align:left;transform:rotate(-3deg);box-shadow:0 9px 0 #84333720;transition:transform .2s}.soul-card:nth-child(even){transform:rotate(3deg)}.soul-card:hover,.soul-card:focus-visible{transform:rotate(0deg) translateY(-10px)}.soul-card img{width:100%;height:min(34svh,350px);min-height:220px;object-fit:cover;border-radius:13px;display:block}.soul-card>div{display:flex;justify-content:space-between;align-items:center;padding:16px 5px 8px;font-weight:bold;font-size:15px;letter-spacing:-.3px}.soul-card b{font-size:23px}.soul-card small{display:block;font-size:7px;letter-spacing:1.2px;padding:0 5px;opacity:.6}.gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:24px 6% 0;font-size:7px;letter-spacing:1.3px;font-weight:bold}.gallery-meter{width:25%;height:2px;background:#43215930}.gallery-meter i{display:block;width:100%;height:3px;background:#432159;transform:scaleX(0);transform-origin:left}.art-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:130px 8%;min-height:850px;overflow:hidden;background:#fff8e8}.art-word h2{font:900 clamp(60px,6vw,92px)/.94 var(--round);letter-spacing:-4px;margin:30px 0}.art-word h2 em{font-style:normal;color:var(--coral)}.art-word>p:last-of-type{font-size:13px;line-height:1.8}.text-link{display:inline-block;border-bottom:1px solid;padding:12px 0;font-size:12px;font-weight:bold;margin-top:15px}.art-stack{position:relative;aspect-ratio:1;min-width:0}.art-stack img{position:absolute;width:75%;border:10px solid var(--paper);border-radius:20px;box-shadow:0 20px 40px #38328020}.art-back{left:0;top:-6%;transform:rotate(-14deg)}.art-front{right:-5%;bottom:-8%;transform:rotate(10deg)}.art-badge{position:absolute;right:-6%;top:-13%;width:120px;height:120px;border-radius:50%;background:var(--yellow);display:flex;align-items:center;justify-content:center;text-align:center;font:900 24px/.95 var(--round);transform:rotate(12deg)}.art-badge span{font-size:30px;margin-left:6px}footer{position:relative;overflow:hidden;isolation:isolate;background:var(--yellow);padding:85px 6% 0;min-height:720px}.footer-content{position:relative;z-index:2;text-align:center;pointer-events:none}.footer-content a{pointer-events:auto}.footer-content h2{position:relative;display:inline-block;font:900 clamp(100px,14vw,210px)/.84 var(--round);letter-spacing:-9px;margin:36px 0}.footer-content h2 em{font-style:normal}.footer-content h2>span{position:absolute;right:-24%;top:10%;font-size:80px;color:var(--coral);transform:rotate(12deg)}.footer-content>.pill-button{display:flex;width:max-content;margin:0 auto}.footer-line{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #2332cc30;padding:27px 0;margin-top:85px;font-size:8px;letter-spacing:1px;font-weight:bold}.detail{border:0;background:var(--paper);color:var(--blue);padding:0;width:min(850px,90vw);max-height:90svh;border-radius:24px;box-shadow:0 40px 100px #0005}.detail[open]{display:grid;grid-template-columns:1fr 1fr}.detail::backdrop{background:#172290bb;backdrop-filter:blur(10px)}.detail>img{width:100%;height:100%;object-fit:cover}.detail>div{padding:60px 30px;align-self:center}.detail h2{font:900 42px/.98 var(--round);letter-spacing:-2px}.detail-caption{font-size:13px;line-height:1.8}.close-detail{position:absolute;top:16px;right:16px;border:0;border-radius:50%;width:35px;height:35px;background:var(--yellow);z-index:2}.detail-back{background:none;border:0;border-bottom:1px solid;padding:10px 0;margin-top:20px;font-size:12px}.modal-open{overflow:hidden}.motion-off *{animation-play-state:paused!important;scroll-behavior:auto!important;transition:none!important}.motion-off .souls-section{height:auto}.motion-off .souls-sticky{position:relative;height:auto}.motion-off .gallery-window{overflow-x:auto;padding-bottom:15px}.motion-off .gallery-track{transform:none!important}.motion-off .portrait-wrap{transform:rotate(var(--angle))}
@media(min-width:1600px){.hero-copy{padding-top:180px}.hero h1{font-size:190px}.souls-sticky{padding-top:70px}.section-heading{margin-bottom:45px}}
@media(max-width:950px){.hero{min-height:740px}.hero h1{font-size:12vw;letter-spacing:-6px}.hero-copy{padding-top:170px}.hero-description{font-size:13px}.portrait-one{width:29%;right:3%;top:24%}.portrait-two{width:26%;right:16%;top:53%}.portrait-three{top:72%}.soul-sticker{top:18%;right:30%;width:95px;height:95px}.hero-bottom>span:first-child{max-width:190px;line-height:1.7}.play-footer .handwritten{display:none}.art-section{gap:25px;padding:100px 6%;min-height:720px}.art-word h2{font-size:65px}.art-badge{width:95px;height:95px;font-size:20px}.gallery-side{gap:15px}.mini-flower{font-size:65px}.gallery-side p{font-size:11px}.soul-card{width:31vw}.souls-sticky{min-height:740px}}
@media(max-width:600px){html{scroll-padding-top:10px}.nav{height:78px;padding:0 6%;gap:10px}.wordmark{font-size:23px}.nav nav{font-size:9px;gap:15px}.nav nav a:first-child{display:none}.motion{padding:9px 11px}.motion span{display:none}.hero{height:960px;min-height:0;max-height:none}.hero-copy{padding:115px 6% 0;width:100%}.hero-copy .eyebrow{font-size:8px}.hero h1{font-size:23vw;max-width:100%;letter-spacing:-5px;line-height:.85;margin:25px 0}.hero h1>span:nth-child(2){margin-left:5%}.hero-description{font-size:12px;margin:22px 0 19px}.pill-button{font-size:11px;padding:15px 20px;gap:30px}.portrait-one{width:49%;right:3%;top:49%;max-width:230px}.portrait-two{width:46%;right:auto;left:6%;top:65%;max-width:210px}.portrait-three{width:26%;right:3%;top:76%}.portrait-wrap img{border-width:5px}.portrait-note{font-size:8px;padding:7px 9px;left:20%}.soul-sticker{width:83px;height:83px;font-size:15px;right:13%;top:37%;}.soul-sticker strong{font-size:8px}.soul-sticker i{font-size:24px}.hero-bottom{left:6%;right:6%;bottom:23px}.hero-bottom>span:first-child{display:none}.hero-bottom .scroll-hint{font-size:6px;letter-spacing:.9px}.ticker{padding:15px 0}.ticker>div{gap:22px}.ticker span{font-size:20px}.ticker b{font-size:24px}.playground{height:860px;min-height:0}.play-top{top:40px;left:6%;right:6%}.play-top .eyebrow{font-size:7px}.play-top>span:last-child{display:none}.play-copy{width:92%}.play-copy h2{font-size:49px;letter-spacing:-2.2px;margin:35px 0 24px}.play-copy p{font-size:11px}.play-copy .pill-button{margin-top:18px}.play-footer{bottom:34px;left:6%;right:6%;flex-direction:column;gap:14px}.play-footer>span:first-child{font-size:7px}.mood-picker{gap:6px}.mood-picker button{padding:10px 12px;font-size:9px}.souls-section{height:310svh}.souls-sticky{min-height:690px;padding-top:45px}.section-heading{margin:0 6% 18px;gap:10px}.section-heading .eyebrow{font-size:7px;letter-spacing:1px}.section-heading h2{font-size:45px;letter-spacing:-2px}.gallery-side p{display:none}.mini-flower{font-size:50px}.gallery-track{padding:20px 8vw;gap:23px}.soul-card{width:70vw;border-radius:18px}.soul-card img{height:35svh;min-height:230px;max-height:340px}.soul-card>div{font-size:14px}.gallery-footer{font-size:6px;gap:15px;margin-top:24px;letter-spacing:.7px}.gallery-footer>span:last-child{display:none}.gallery-meter{width:32%}.art-section{grid-template-columns:1fr;padding:75px 7% 110px;gap:70px}.art-word h2{font-size:68px;letter-spacing:-3px;margin:25px 0}.art-word>p:last-of-type{font-size:11px}.art-stack{width:85%;justify-self:center}.art-badge{width:90px;height:90px;font-size:18px;right:-10%}.art-stack img{border-width:7px}.text-link{font-size:11px}footer{padding:70px 6% 0;min-height:620px}.footer-content .eyebrow{font-size:7px}.footer-content h2{font-size:26vw;letter-spacing:-5px;margin:55px 0 35px}.footer-content h2>span{font-size:50px;right:-14%;top:8%}.footer-line{margin-top:85px;font-size:7px}.footer-line>span{display:none}.detail[open]{grid-template-columns:1fr}.detail>img{max-height:44svh;object-position:50% 35%}.detail>div{padding:22px 25px}.detail h2{font-size:32px;margin:14px 0}.detail-back{margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portrait-wrap,.ticker>div{animation:none}}

.nav-x{white-space:nowrap}@media(max-width:600px){.nav-x .social-handle{display:none}.nav nav{gap:12px}}

.nav nav{gap:10px}.nav .social-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border:2px solid var(--blue);border-radius:30px;box-shadow:0 3px 0 var(--blue);font-size:12px;transition:transform .15s,box-shadow .15s}.social-button svg{width:19px;height:19px;flex:none}.nav .social-x{background:var(--blue);color:var(--paper)}.nav .social-discord{background:var(--paper);color:var(--blue)}.nav .social-wl{background:var(--yellow)}.nav nav a:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 5px 0 var(--blue)}@media(max-width:850px){.nav .social-x span{display:none}.nav{gap:10px;padding:0 4%}.nav .social-button{padding:10px 12px}}@media(max-width:600px){.nav{height:112px;align-content:center;flex-wrap:wrap;gap:12px}.nav nav{order:3;flex-basis:100%;justify-content:center;gap:9px}.nav .social-button{display:inline-flex;font-size:11px;padding:8px 12px}.nav .social-x span{display:inline}.nav .wordmark{font-size:23px}.hero-copy{padding-top:150px}}