/* Soft layered colour, matched to the character reference. */
.section-character{margin:28px 0 0;padding:8px;background:linear-gradient(140deg,#fff5dd,#dad7f6 60%,#cef1f6);border:1px solid #ffffffa6;box-shadow:0 12px 30px #5e5b9414;border-radius:100px 100px 24px 24px;overflow:hidden;max-width:100%;transition:transform .3s ease}
.section-character img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:92px 92px 18px 18px}
.section-character figcaption{padding:12px 6px 7px;text-align:center;font-size:10px;line-height:1.5;letter-spacing:.025em}
.character-cupid{width:240px;transform:rotate(-2deg);border-radius:32px;background:linear-gradient(135deg,#eadcf8,#d4f0fa);box-shadow:0 14px 32px #6963951a}
.character-cupid img{border-radius:24px}
.character-guardian{width:290px;transform:rotate(3deg);margin-top:35px}
.section-character:hover{transform:rotate(0deg) translateY(-4px)}
.story-heading{min-width:0}
@media(max-width:1000px) and (min-width:651px){.mixer-title{position:relative;min-height:210px;padding-right:215px}.mixer-title .character-cupid{position:absolute;right:0;top:0;width:175px;margin:0}.mixer-title h2{font-size:44px}.character-guardian{width:240px}}
@media(max-width:650px){.character-cupid{width:185px;margin:24px auto 10px}.character-guardian{width:245px;margin:25px auto 35px}.story-heading h2{margin-bottom:20px}}
:root{--cream:#f4f5ff;--ink:#30304d;--coral:#d75368;--pink:#f3bdd6;--lilac:#bbb4e2;--line:rgba(61,63,103,.2)}
.header{background:#f4f5ff}
.hero{background:radial-gradient(ellipse at 82% 30%,#ddd5f5 0,transparent 56%),linear-gradient(145deg,#f9f5ff,#e2f6fa)}
.coral{color:#d75368;background:linear-gradient(135deg,#e59437,#dc516d 70%,#a15bad);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-art{border:1px solid rgba(103,109,157,.22);border-radius:36px;transform:rotate(1deg);box-shadow:0 20px 60px #64659a15;background:#e4ddf5}
.hero-art img{aspect-ratio:1.5;object-fit:contain}
.hero-art figcaption{background:linear-gradient(110deg,#d6cdf2,#c9edf5);border-color:#777da72e}
.sticker{background:linear-gradient(135deg,#ffe49b,#f7b3c6);color:var(--ink);border-color:#b98e8d55;box-shadow:0 9px 20px #82728e14}
.ribbon{background:linear-gradient(110deg,#454166,#5e567e);color:#fff}
.intro{background:linear-gradient(140deg,#fff5f5,#f0e9fa)}
.mixer{background:radial-gradient(ellipse at 85% 25%,#d8f5f5,transparent 65%),linear-gradient(135deg,#d7cff0,#bdbce6);border-color:var(--line)}
.pill.dark{background:linear-gradient(125deg,#424364,#60527d)}
.pill.dark:hover{background:linear-gradient(125deg,#535981,#756093)}
.flask{border-color:#575a84;background:linear-gradient(120deg,#fffdfbe6,#e0f8ffb3);box-shadow:inset 8px 0 18px #ffffffa6,0 14px 28px #64619a1c}
.flask:before{border-color:#74759e}
.liquid{background:linear-gradient(145deg,#fbcddc,#e997bf);border-color:#bc7f9c}
.pink{background:linear-gradient(145deg,#fce3ed,#efb4d3)}
.lavender{background:linear-gradient(145deg,#ece5ff,#bcb8e9)}
.yellow{background:linear-gradient(145deg,#fff1ba,#ffd48a)}
.postcard{border-color:#76779c55;box-shadow:0 8px 22px #6666900c}
.postcard button{border-color:var(--line)}
.story-section{background:linear-gradient(130deg,#e6f7f6,#e3e7f7)}
.closing{background:radial-gradient(ellipse at 90% 70%,#ffdf9b,transparent 65%),linear-gradient(125deg,#f2bddb,#c2d5f7)}
.about-art{border-radius:36px;border-color:var(--line);max-height:none;object-fit:contain;background:#e4ddf5}
@media(max-width:650px){.hero-art{border-radius:24px}.hero-art img{aspect-ratio:1.5}.sticker{bottom:22px;width:80px;height:80px}.about-art{border-radius:24px}}