:root{--blue:#0875d1;--deep:#06447f;--sky:#dff4ff;--yellow:#ffd83d;--coral:#ff6e61;--green:#6bc789;--ink:#173753;--paper:#fffefa;--shadow:0 22px 60px rgba(5,68,127,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--ink);background:linear-gradient(180deg,#e9f8ff 0 720px,#fff 720px);font:400 1rem/1.6 "Nunito",sans-serif}a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);border-bottom:1px solid #cfe9f7;backdrop-filter:blur(12px)}.nav{width:min(1180px,100%);min-height:76px;margin:auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:var(--blue);font:800 1.2rem/1 "Baloo 2",sans-serif}.brand-paw{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);transform:rotate(-8deg)}.links{display:flex;align-items:center;gap:7px;font-weight:900}.links a{padding:10px 15px;border-radius:999px}.links a:hover,.links a.active{color:#fff;background:var(--blue)}.menu{display:none;padding:10px 15px;color:var(--deep);background:var(--sky);border:0;border-radius:12px;font:800 .95rem "Nunito",sans-serif}
main{padding:38px 24px 0}.cover-hero{position:relative;width:min(1180px,100%);min-height:590px;margin:auto;display:grid;grid-template-columns:minmax(0,58%) minmax(360px,42%);overflow:hidden;background:#8edcff;border:7px solid #0875d1;border-radius:28px;box-shadow:0 24px 60px rgba(5,68,127,.22),0 0 0 6px #fff,0 0 0 10px #0b4f91}.cover-visual{position:relative;min-width:0;min-height:590px;overflow:hidden}.cover-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:33% center}.hello-badge{position:absolute;left:24px;top:22px;padding:9px 16px;color:#06447f;background:#fff;border:3px solid #0875d1;border-radius:18px 18px 18px 4px;box-shadow:0 7px 0 rgba(6,68,127,.2);font:800 1rem "Baloo 2",sans-serif;transform:rotate(-4deg)}.cover-copy{position:relative;min-width:0;padding:58px 34px 82px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 82% 17%,rgba(255,255,255,.72) 0 9%,transparent 10%),linear-gradient(160deg,#dff7ff 0,#99ddfa 56%,#64c5ef 100%);border-left:4px solid rgba(8,117,209,.36)}.copy-paw{position:absolute;right:24px;top:20px;font-size:2.6rem;opacity:.24;transform:rotate(15deg)}.cover-kicker{margin:0 0 -5px;color:#063f7f;font:900 clamp(1.25rem,2.2vw,2rem)/1 "Baloo 2",sans-serif;letter-spacing:.1em;text-shadow:0 2px 0 #fff}.cover-copy h1{max-width:100%;margin:0;color:#fff8eb;font:800 clamp(4.25rem,7.3vw,6.65rem)/.88 "Baloo 2",sans-serif;letter-spacing:-.055em;-webkit-text-stroke:clamp(2px,.28vw,4px) #0a3d82;text-shadow:0 6px 0 #086ebd,0 10px 0 rgba(4,50,105,.25)}.cover-tagline{margin:24px 0 16px;color:#d92f3b;font:900 clamp(1.15rem,1.7vw,1.55rem)/1.08 "Baloo 2",sans-serif;text-shadow:0 2px 0 rgba(255,255,255,.85);transform:rotate(-1deg)}.cover-intro{max-width:410px;margin:0 auto;color:#073867;font-size:1rem;font-weight:800;line-height:1.45}.hero-actions{width:100%;margin:24px 0 0;display:flex;gap:11px;justify-content:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 19px;border-radius:14px;font-size:.94rem;font-weight:900;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(5,68,127,.15)}.button.primary{color:#fff;background:#e53d43;border:2px solid #fff;box-shadow:0 5px 0 #9f2430}.button.secondary{color:#06447f;background:#fff;border:2px solid #0b61ac;box-shadow:0 5px 0 rgba(6,68,127,.23)}.cover-ribbon{position:absolute;left:8%;right:8%;bottom:24px;padding:9px 12px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:#e53d43;border:3px solid #fff;border-radius:10px;box-shadow:0 5px 0 #9f2430;font-size:.72rem;font-weight:900;letter-spacing:.1em;transform:rotate(-1deg)}.cover-ribbon i{color:#ffd83d;font-style:normal}.page-label,.section-kicker{margin:0;color:var(--blue);font-size:.8rem;font-weight:900;letter-spacing:.15em}
.welcome{width:min(1100px,100%);margin:100px auto 0;padding-bottom:105px;text-align:center}.welcome h2{max-width:680px;margin:10px auto 44px;color:var(--deep);font:800 clamp(2.25rem,4vw,3.5rem)/1.05 "Baloo 2",sans-serif}.home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}.home-card{position:relative;min-height:335px;padding:29px;overflow:hidden;background:#fff;border:2px solid #d7ebf7;border-radius:24px;box-shadow:0 14px 34px rgba(5,68,127,.08);transition:transform .2s,box-shadow .2s}.home-card:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 20px 40px rgba(5,68,127,.15)}.home-card:after{content:"";position:absolute;right:-36px;bottom:-46px;width:120px;height:120px;border-radius:50%;background:var(--card-color);opacity:.15}.card-number{position:absolute;right:22px;top:20px;color:var(--card-color);font:800 1rem "Baloo 2",sans-serif}.card-icon{width:68px;height:68px;display:grid;place-items:center;background:#eff8ff;border-radius:19px;font-size:2rem}.home-card h3{margin:21px 0 8px;color:var(--deep);font:800 1.65rem "Baloo 2",sans-serif}.home-card p{margin:0 0 22px}.home-card b{color:var(--card-color)}.books{--card-color:#0875d1}.media{--card-color:#ff6e61}.story-card{--card-color:#2b9b68}
footer{padding:50px 24px;text-align:center;color:#47657d;background:#f2faff;border-top:1px solid #d7ebf7}.footer-brand{color:var(--blue);font:800 1.15rem "Baloo 2",sans-serif}footer p{margin:7px 0 18px}
.coming-page{min-height:calc(100vh - 76px);padding:70px 24px;display:grid;place-items:center}.coming-card{width:min(720px,100%);padding:64px 36px;text-align:center;background-color:var(--paper);background-image:repeating-linear-gradient(0deg,transparent 0 35px,rgba(8,117,209,.10) 35px 37px);border:6px solid var(--blue);border-radius:26px 12px;box-shadow:14px 16px 0 var(--yellow),var(--shadow)}.coming-card .big-icon{display:block;margin-bottom:14px;font-size:4.5rem}.coming-card h1{margin:0 0 12px;color:var(--deep);font:800 clamp(2.4rem,6vw,4rem)/1 "Baloo 2",sans-serif}.coming-card p{max-width:540px;margin:0 auto 28px;font-size:1.08rem}
@media(max-width:1050px){.links{display:none;position:absolute;top:68px;left:12px;right:12px;padding:18px;flex-direction:column;background:#fff;border-radius:18px;box-shadow:var(--shadow)}.links.open{display:flex}.links a{width:100%;text-align:center}.menu{display:block}.cover-hero{grid-template-columns:minmax(0,55%) minmax(340px,45%)}.cover-copy{padding-left:24px;padding-right:24px}.cover-copy h1{font-size:clamp(4rem,8vw,5.5rem)}.cover-intro{font-size:.95rem}.button{padding:12px 15px}.home-cards{grid-template-columns:1fr}.home-card{min-height:0}}
@media(max-width:760px){main{padding-top:25px}.cover-hero{display:block;min-height:0}.cover-visual{min-height:0;aspect-ratio:16/10}.cover-scene{object-position:31% center}.cover-copy{padding:44px 28px 34px;border-left:0;border-top:4px solid rgba(8,117,209,.36)}.cover-copy h1{font-size:clamp(4.5rem,18vw,6.4rem)}.cover-ribbon{position:static;width:100%;margin-top:28px}.copy-paw{right:20px;top:15px}.welcome{margin-top:78px}}
@media(max-width:520px){.nav{min-height:68px;padding:8px 15px}.brand{gap:7px;font-size:.9rem}.brand-paw{width:36px;height:36px}main{padding:18px 12px 0}.cover-hero{border-width:5px;border-radius:21px;box-shadow:0 18px 42px rgba(5,68,127,.19),0 0 0 4px #fff,0 0 0 7px #0b4f91}.cover-visual{aspect-ratio:4/3}.hello-badge{left:14px;top:14px;padding:7px 12px;font-size:.88rem}.cover-copy{padding:37px 17px 25px}.cover-kicker{font-size:1.2rem}.cover-copy h1{font-size:4.2rem;-webkit-text-stroke:3px #0a3d82;text-shadow:0 5px 0 #086ebd,0 8px 0 rgba(4,50,105,.25)}.cover-tagline{margin:18px 0 13px;font-size:1.17rem}.cover-intro{font-size:.95rem;line-height:1.4}.hero-actions{margin-top:20px;flex-direction:column;gap:9px}.button{width:100%;padding:12px 18px}.cover-ribbon{gap:6px;margin-top:25px;padding:8px;font-size:.62rem}.copy-paw{display:none}.welcome{margin-top:70px;padding-bottom:75px}.welcome h2{font-size:2.3rem}.home-card{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.home-card{transition:none}}

/* La pagina dei libri */
.books-page{width:min(1180px,100%);margin:0 auto;padding:48px 24px 92px}.books-heading{text-align:center;margin:0 auto 42px}.books-heading h1{margin:7px 0 2px;color:var(--deep);font:800 clamp(2.65rem,5vw,4.2rem)/1.1 "Baloo 2",sans-serif}.books-heading>p:last-child{margin:0;font-size:1.1rem}.book-feature{display:grid;grid-template-columns:minmax(280px,.87fr) minmax(0,1.13fr);gap:clamp(28px,5vw,66px);align-items:center;padding:clamp(20px,3vw,38px);background:linear-gradient(140deg,#e8f8ff,#fffefa 60%);border:3px solid #afdffa;border-radius:28px;box-shadow:var(--shadow)}.book-cover-link{display:block;width:100%;max-width:440px;margin:auto;text-align:center;outline-offset:7px;transition:transform .2s}.book-cover-link:hover,.book-cover-link:focus-visible{transform:translateY(-5px)}.book-cover-link img{display:block;width:100%;height:auto;border-radius:15px;box-shadow:0 16px 34px rgba(6,68,127,.24)}.book-cover-link span{display:block;margin:14px 0 0;color:var(--deep);font-size:.95rem;font-weight:900;text-decoration:underline;text-underline-offset:3px}.book-details{max-width:590px}.book-eyebrow{margin:0 0 8px;color:var(--blue);font-size:.85rem;font-weight:900;letter-spacing:.08em}.book-details h2{margin:0 0 20px;color:var(--deep);font:800 clamp(2.25rem,4vw,3.7rem)/1.05 "Baloo 2",sans-serif}.book-details p:not(.book-eyebrow){margin:0 0 15px;font-size:1.06rem;line-height:1.65}.book-buy{margin-top:14px}
@media(max-width:760px){.books-page{padding:28px 14px 72px}.books-heading{margin-bottom:27px}.book-feature{grid-template-columns:1fr;gap:24px;padding:20px}.book-cover-link{max-width:350px}.book-details{max-width:100%}.book-details h2{margin-bottom:15px}}
@media(max-width:520px){.books-page{padding:28px 12px 64px}.books-heading h1{font-size:2.55rem}.books-heading>p:last-child{font-size:1rem}.book-feature{padding:16px;border-radius:22px}.book-details p:not(.book-eyebrow){font-size:1rem}.book-buy{width:100%}}
.nav-actions{display:none}
@media(max-width:1050px){.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-actions .menu,.nav-actions .home-button{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:42px;padding:0 10px;color:var(--deep);background:var(--sky);border:0;border-radius:12px;font:800 .95rem "Nunito",sans-serif}.nav-actions .home-button:focus-visible,.nav-actions .menu:focus-visible{outline:3px solid var(--blue);outline-offset:2px}}
@media(max-width:380px){.nav{gap:6px;padding:8px}.brand{gap:4px;font-size:.75rem}.brand-paw{width:32px;height:32px}.nav-actions{gap:5px}.nav-actions .menu,.nav-actions .home-button{min-width:60px;height:38px;padding:0 6px;font-size:.85rem}}

/* Galleria di foto con video collegati */
.videos-page{width:min(1180px,100%);min-height:calc(100vh - 76px);margin:0 auto;padding:48px 24px 96px}.videos-heading{text-align:center;margin:0 auto 38px}.videos-heading h1{margin:7px 0 4px;color:var(--deep);font:800 clamp(2.65rem,5vw,4.2rem)/1.1 "Baloo 2",sans-serif}.videos-heading>p:last-child{max-width:620px;margin:auto;font-size:1.08rem}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,350px));justify-content:center;gap:28px}.video-card{min-width:0;overflow:hidden;background:#fff;border:3px solid #b7e3f9;border-radius:24px;box-shadow:0 16px 36px rgba(5,68,127,.14)}.video-photo{display:block;outline-offset:-5px}.video-photo img{display:block;width:100%;height:auto;aspect-ratio:1179/2042;object-fit:contain;background:#e9f8ff}.video-card-content{padding:18px 18px 22px;text-align:center}.video-card-content p{margin:0 0 16px;color:var(--deep);font:800 1.3rem/1.2 "Baloo 2",sans-serif}.video-play{width:100%;min-height:48px}
@media(max-width:520px){.videos-page{padding:28px 12px 70px}.videos-heading{margin-bottom:26px}.videos-heading h1{font-size:2.55rem}.videos-heading>p:last-child{font-size:1rem}.videos-grid{grid-template-columns:minmax(0,350px);gap:18px}}
.stories-page .video-card{display:flex;flex-direction:column}.stories-page .video-card-content{margin-top:auto}.stories-page .story-photo img{aspect-ratio:auto}

/* Il titolo originale del libro, mostrato senza alterare le lettere */
.cover-copy h1.cover-book-logo{position:relative;display:block;flex:none;width:100%;max-width:440px;aspect-ratio:1159/545;margin:0;overflow:hidden;background:#2c8ed4;border:3px solid #fff;border-radius:18px;box-shadow:0 7px 0 #0b5eab,0 14px 25px rgba(5,49,104,.18);-webkit-text-stroke:0;text-shadow:none}
.cover-book-logo img{position:absolute;top:0;left:0;display:block;width:100%;height:auto;max-width:none}
.cover-book-logo+.cover-intro{margin-top:26px}
@media(max-width:520px){.cover-copy h1.cover-book-logo{border-width:2px;border-radius:14px}.cover-book-logo+.cover-intro{margin-top:22px}}

/* Prima pagina: titolo del libro sopra, Arturo e il giardino sotto. */
.cover-hero.cover-hero-stacked{display:flex;flex-direction:column;min-height:0;background:#b9eafe}
.cover-hero-stacked .cover-title{display:flex;justify-content:center;padding:20px 20px 26px;background:linear-gradient(#effaff,#b9eafe)}
.cover-title h1.cover-book-logo{position:relative;display:block;width:min(850px,100%);aspect-ratio:1159/545;margin:0;overflow:hidden;border:3px solid #fff;border-radius:18px;background:#2c8ed4;box-shadow:0 7px 0 #0b5eab,0 14px 25px rgba(5,49,104,.18)}
.cover-title .cover-book-logo img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none}
.cover-hero-stacked .cover-visual{width:100%;min-height:0;aspect-ratio:1672/941}
.cover-hero-stacked .cover-scene{object-position:center;object-fit:cover}
.cover-hero-stacked .cover-bottom{position:relative;width:100%;padding:28px 24px 38px;text-align:center;background:linear-gradient(#dff7ff,#9cdef9)}
.cover-hero-stacked .cover-intro{max-width:650px;margin:auto}
.cover-hero-stacked .cover-ribbon{position:static;width:fit-content;max-width:100%;margin:27px auto 0;transform:none}
.cover-hero-stacked a.cover-ribbon{cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s}
.cover-hero-stacked a.cover-ribbon:hover{transform:translateY(-3px);box-shadow:0 8px 0 #9f2430}
.cover-hero-stacked a.cover-ribbon:focus-visible{outline:3px solid #073867;outline-offset:5px}
@media(max-width:760px){.cover-hero-stacked .cover-visual{aspect-ratio:1672/941}.cover-hero-stacked .cover-title{padding:15px 14px 20px}.cover-hero-stacked .cover-bottom{padding:24px 20px 30px}}
@media(max-width:520px){.cover-hero-stacked .cover-title{padding:11px 9px 17px}.cover-title h1.cover-book-logo{border-width:2px;border-radius:11px}.cover-hero-stacked .cover-bottom{padding:22px 16px 28px}.cover-hero-stacked .cover-ribbon{font-size:.62rem}}
.video-card-content h2{margin:0 0 9px;color:var(--deep);font:800 1.3rem/1.2 "Baloo 2",sans-serif}.video-card-content .card-description{margin:0 0 16px;color:#36536b;font:600 .97rem/1.45 "Nunito",sans-serif}
.book-feature+.book-feature{margin-top:42px}