:root{--ink:#3d2f42;--muted:#6b5f72;--pink:#ff9ec4;--pink-deep:#ff7eb3;--lavender:#e8deff;--mint:#d8f5e4;--cream:#fff8fb;--white:#fff;--font-display:"Fredoka", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--page:1120px;--radius:24px;--radius-sm:16px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}.page{width:min(100% - 2rem, var(--page));margin-inline:auto}.navbar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff8fbd1;padding:.85rem 0;position:sticky;top:0}.navbar__row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.navbar__logo{flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.navbar__logo-img{object-fit:contain;width:auto;height:3.1rem;display:block}@media (width>=700px){.navbar__logo-img{height:4.45rem}}.navbar__links{align-items:center;gap:1.1rem;display:flex}.navbar__links a{color:var(--muted);font-size:.92rem;font-weight:600;text-decoration:none}.navbar__links a:hover{color:var(--pink-deep)}.navbar__pill{background:var(--pink);border-radius:999px;box-shadow:0 8px 20px #ff7eb359;color:#fff!important;padding:.55rem 1rem!important}.navbar__pill:hover{background:var(--pink-deep);color:#fff!important}.hero{padding:2rem 0 4rem;position:relative;overflow:hidden}.hero__blob{filter:blur(40px);pointer-events:none;border-radius:50%;position:absolute}.hero__blob--1{background:#ff9ec473;width:420px;height:420px;top:-80px;right:-60px}.hero__blob--2{background:#d8f5e4b3;width:320px;height:320px;bottom:0;left:-80px}.hero__wrap{z-index:1;align-items:center;gap:2.5rem;min-height:min(78vh,680px);display:grid;position:relative}@media (width>=900px){.hero__wrap{grid-template-columns:1fr 1fr}}.hero__badge{background:var(--lavender);color:#6b4fa0;border-radius:999px;margin-bottom:1rem;padding:.4rem .85rem;font-size:.82rem;font-weight:700;display:inline-block}.hero__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(2.8rem,8vw,4.5rem);font-weight:700;line-height:1.05}.hero__title span{color:var(--pink-deep)}.hero__sub{max-width:28rem;color:var(--muted);margin:1.25rem 0 2rem;font-size:1.1rem}.hero__btn{background:var(--ink);color:#fff;border-radius:999px;padding:1rem 1.6rem;font-weight:700;text-decoration:none;transition:transform .25s,background .25s;display:inline-block}.hero__btn:hover{background:#2a2030;transform:scale(1.04)}.hero__bubble-field{max-width:420px;height:380px;margin:0 auto;position:relative}.hero__showcase{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.hero__frame{aspect-ratio:1;place-items:center;width:min(100%,440px);display:grid;position:relative}.hero__frame-glow{background:radial-gradient(circle,#ff9ec459 0%,#e8deff80 45%,#0000 72%);border-radius:50%;animation:5s ease-in-out infinite pulseGlow;position:absolute;inset:8%}.hero__sticker{z-index:4;background:var(--white);border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-size:1.15rem;animation:4s ease-in-out infinite bob;display:grid;position:absolute;box-shadow:0 8px 22px #3d2f421f}.hero__sticker--1{animation-delay:0s;top:6%;left:10%}.hero__sticker--2{animation-delay:.4s;top:14%;right:8%}.hero__sticker--3{animation-delay:.8s;bottom:18%;left:4%}.hero__sticker--4{animation-delay:.2s;bottom:10%;right:12%}.hero__sticker--5{animation-delay:.6s;top:42%;right:0}.hero__books{width:100%;height:100%;position:relative}.hero__book{text-decoration:none;transition:transform .35s,box-shadow .35s;display:block;position:absolute}.hero__book img{aspect-ratio:2/3;object-fit:cover;border:4px solid var(--white);border-radius:14px;width:100%;box-shadow:0 16px 36px #3d2f422e}.hero__book--featured{z-index:3;width:46%;animation:4.2s ease-in-out infinite bobFeatured;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.hero__book--featured:hover{transform:translate(-50%,calc(-50% - 6px))rotate(0)scale(1.03)}@keyframes bobFeatured{0%,to{transform:translate(-50%,-50%)rotate(-2deg)}50%{transform:translate(-50%,calc(-50% - 10px))rotate(-2deg)}}.hero__book--1{z-index:1;--r:-12deg;width:28%;animation:5s ease-in-out .2s infinite bob;top:18%;left:4%;transform:rotate(-12deg)}.hero__book--2{z-index:2;--r:10deg;width:26%;animation:4.6s ease-in-out .35s infinite bob;top:10%;right:2%;transform:rotate(10deg)}.hero__book--3{z-index:2;--r:-6deg;width:24%;animation:5.2s ease-in-out .5s infinite bob;bottom:12%;left:8%;transform:rotate(-6deg)}.hero__book--4{z-index:1;--r:8deg;width:27%;animation:4.8s ease-in-out .15s infinite bob;bottom:8%;right:8%;transform:rotate(8deg)}.hero__book:not(.hero__book--featured):hover{z-index:5;transform:rotate(0)translateY(-6px)scale(1.04)}.hero__chip{z-index:5;background:var(--white);border:2px solid var(--lavender);border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;display:flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #3d2f4224}.hero__chip strong{font-family:var(--font-display);color:var(--pink-deep);font-size:1.15rem}.hero__chip span{color:var(--muted);font-size:.82rem;font-weight:700}.hero__vibes{flex-wrap:wrap;justify-content:center;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.hero__vibes li{background:var(--mint);color:#3d6b52;border-radius:999px;padding:.4rem .85rem;font-size:.82rem;font-weight:700}@keyframes pulseGlow{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.hero__bubble{aspect-ratio:2/3;object-fit:cover;border:4px solid var(--white);border-radius:14px;width:38%;position:absolute;box-shadow:0 16px 36px #3d2f4226}.hero__bubble--1{animation:4s ease-in-out infinite bob;top:5%;left:8%;transform:rotate(-8deg)}.hero__bubble--2{width:34%;animation:5s ease-in-out .3s infinite bob;top:0;right:5%;transform:rotate(6deg)}.hero__bubble--3{z-index:2;width:36%;animation:4.5s ease-in-out .15s infinite bob;bottom:8%;left:30%;transform:rotate(3deg)}.hero__bubble--4{opacity:.92;width:28%;animation:5.5s ease-in-out .5s infinite bob;bottom:28%;left:0;transform:rotate(-12deg)}.hero__bubble--5{width:26%;animation:4.8s ease-in-out .2s infinite bob;bottom:22%;right:18%;transform:rotate(10deg)}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-10px) rotate(var(--r,0deg))}}.hero__bubble--1{--r:-8deg}.hero__bubble--2{--r:6deg}.hero__bubble--3{--r:3deg}.hero__bubble--4{--r:-12deg}.hero__bubble--5{--r:10deg}.story{padding:3rem 0 4rem}.story__card{background:var(--white);border-radius:var(--radius);border:2px solid #ff9ec440;gap:2rem;padding:clamp(1.25rem,3vw,2rem);display:grid;box-shadow:0 20px 50px #ff9ec42e}@media (width>=760px){.story__card{grid-template-columns:220px 1fr;align-items:center;gap:2.5rem}}.story__photo-wrap{max-width:220px;margin:0 auto}.story__photo{aspect-ratio:1;object-fit:cover;border:5px solid var(--pink);border-radius:50%;width:100%}.story__title{font-family:var(--font-display);margin:0 0 .85rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700}.story__bio{color:var(--muted);margin:0 0 1.25rem;font-size:1.05rem}.story__vibes{flex-wrap:wrap;gap:.5rem;display:flex}.story__vibes span{background:var(--mint);color:#3d6b52;border-radius:999px;padding:.4rem .85rem;font-size:.82rem;font-weight:700}.collection{background:radial-gradient(circle at 10% 0,#e8deff99,#0000 40%),radial-gradient(circle at 90% 100%,#ffd6e880,#0000 45%);padding:2rem 0 5rem}.collection__head{text-align:center;margin-bottom:2.5rem}.collection__title{font-family:var(--font-display);margin:0 0 .5rem;font-size:clamp(2rem,5vw,2.75rem);font-weight:700}.collection__head p{color:var(--muted);margin:0;font-size:1.05rem}.collection__grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.5rem;display:grid}.book-card{background:var(--card-bg,var(--lavender));border-radius:var(--radius-sm);border:2px solid #ffffffb3;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.book-card:hover{transform:translateY(-6px)rotate(.5deg);box-shadow:0 18px 40px #3d2f421f}.book-card__img{padding:1rem 1rem 0;text-decoration:none;display:block}.book-card__img img{aspect-ratio:2/3;object-fit:cover;border:3px solid var(--white);border-radius:12px;width:100%}.book-card__body{flex-direction:column;flex:1;padding:1rem 1.15rem 1.25rem;display:flex}.book-card__body h3{font-family:var(--font-display);margin:0 0 .45rem;font-size:.98rem;font-weight:600;line-height:1.3}.book-card__body p{color:var(--muted);flex:1;margin:0 0 .75rem;font-size:.85rem}.book-card__body a{color:var(--pink-deep);align-self:flex-start;font-size:.85rem;font-weight:700;text-decoration:none}.book-card__body a:hover{text-decoration:underline}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)scale(.98)}.reveal.is-visible{opacity:1;transform:translateY(0)scale(1)}.contact{padding:clamp(3rem,7vw,4.5rem) 0}.contact__header{text-align:center;max-width:32rem;margin:0 auto 2.5rem}.contact__sparkle{margin-bottom:.35rem;font-size:1.5rem;display:block}.contact__title{font-family:var(--font-display);margin:0 0 .65rem;font-size:clamp(1.85rem,4vw,2.5rem);font-weight:600}.contact__sub{color:var(--muted);margin:0}.contact__shell{gap:1.5rem;display:grid}@media (width>=860px){.contact__shell{grid-template-columns:1fr 1.1fr;align-items:start;gap:2rem}}.contact__bubbles{gap:1rem;display:grid}.contact__bubble{border-radius:var(--radius-sm);border:3px solid var(--white);padding:1.25rem 1.35rem;box-shadow:0 10px 28px #3d2f4214}.contact__bubble--pink{background:linear-gradient(135deg, #ffd4e8, var(--pink))}.contact__bubble--mint{background:linear-gradient(135deg, var(--mint), #c5efd8)}.contact__bubble--lavender{background:linear-gradient(135deg, var(--lavender), #ddd0ff)}.contact__bubble h3{font-family:var(--font-display);margin:0 0 .45rem;font-size:1rem;font-weight:600}.contact__bubble a{color:var(--ink);word-break:break-word;margin:0 0 .2rem;font-size:.92rem;font-weight:700;text-decoration:none;display:block}.contact__bubble a:hover{text-decoration:underline}.contact__card{background:var(--white);border-radius:var(--radius);border:3px solid var(--white);padding:1.75rem;box-shadow:0 16px 40px #3d2f421a}.contact__form{flex-direction:column;gap:1rem;display:flex}.contact__form label{flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:700;display:flex}.contact__form input,.contact__form textarea{font:inherit;border:2px solid var(--lavender);background:var(--cream);color:var(--ink);resize:vertical;border-radius:14px;padding:.85rem 1rem;font-weight:500}.contact__form input:focus,.contact__form textarea:focus{border-color:var(--pink);outline:none}.contact__send{font:inherit;font-family:var(--font-display);color:var(--white);background:linear-gradient(135deg, var(--pink-deep), #ff6eb8);cursor:pointer;border:none;border-radius:999px;margin-top:.25rem;padding:.95rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .2s;box-shadow:0 8px 20px #ff7eb359}.contact__send:hover{transform:translateY(-2px)}.contact__done{text-align:center;padding:1.5rem .5rem}.contact__done-title{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.35rem;font-weight:600}.contact__done p{color:var(--muted);margin:0}.footer{background:var(--lavender);padding:2.5rem 0 3rem}.footer__inner{text-align:center}.footer__logo{object-fit:contain;width:auto;max-width:min(280px,55vw);height:3.4rem;margin:0 auto .5rem;display:block}.footer__note{color:var(--muted);margin:0 0 .75rem;font-size:.9rem}.footer a{color:#6b4fa0;font-weight:700;text-decoration:none}.footer a:hover{text-decoration:underline}@media (width<=640px){.navbar__links a:not(.navbar__pill){display:none}.hero__frame{width:min(100%,340px)}.hero__showcase{margin-top:.5rem}}