/* A softer, playful rhythm, with stable copy and controls. */
.playful-site{--play-shadow:0 14px 35px #143c4c13;--play-line:#143c4c22}
.playful-site .button{border:0;box-shadow:0 5px 0 #a60e28,0 9px 19px #db18361b;border-radius:28px 22px 27px 18px;transition:transform .2s,box-shadow .2s,background .2s}
.playful-site .button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #a60e28,0 12px 23px #db183620}
.playful-site .button.yellow{color:var(--ink);background:var(--yellow);box-shadow:0 5px 0 #ba9822,0 9px 19px #0001}
.playful-site .site-header>.button{box-shadow:0 4px 0 #a60e28}
.playful-site .site-header nav a{transition:color .2s,background .2s}
.playful-site .new-hero{border-radius:0 0 11% 5% / 0 0 9% 5%;padding-bottom:72px;background-color:#b8f1ef;background-image:radial-gradient(ellipse at 3% 90%,#ffdf5580 0 11%,transparent 11.2%),radial-gradient(ellipse at 96% 0%,#fff9 0 13%,transparent 13.2%)}
.playful-site .hero-photograph{border-radius:78px 26px 85px 24px;padding:8px;background:white;box-shadow:10px 14px 0 #0d849732,0 22px 50px #143c4c14;transform:rotate(2deg)}
.playful-site .hero-photograph>img{border-radius:70px 20px 78px 20px}
.playful-site .photo-label{border:0;border-radius:26px 13px 30px 15px;box-shadow:3px 5px 0 #be991d70;rotate:-4deg}
.playful-site .hero-benefits span{border:0;border-radius:15px 22px 13px 19px;background:#ffffffad;padding:5px 10px}
.playful-site .values-strip{position:relative;transform:rotate(-1deg);width:104%;margin:-10px -2% 8px;padding-block:18px;box-shadow:0 6px 0 #ffdc3b}
.playful-site .news-section{position:relative;background-image:radial-gradient(ellipse at 98% 38%,#ffe45e2e 0 17%,transparent 17.2%);padding-bottom:100px}
.playful-site .news-grid{gap:38px;align-items:start}
.playful-site .news-lead{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;gap:12px}
.playful-site .news-cover{border-radius:65px 25px 82px 25px;overflow:hidden;transform:rotate(-2deg);box-shadow:var(--play-shadow);border:7px solid #fff}
.playful-site .news-lead .news-copy{background:#e2f8f5;border-radius:26px 68px 32px 52px;margin-top:30px;padding:31px 28px}
.playful-site .news-side{border:0;border-radius:36px 75px 30px 55px;box-shadow:var(--play-shadow);margin-top:34px}
.playful-site .news-side figure{border-radius:35px 72px 32px 16px;overflow:hidden}
.playful-site .news-side .news-copy{padding:26px 30px 32px}
.playful-site .date-tag{border:0;border-radius:18px 10px 19px 9px;rotate:-3deg;box-shadow:0 3px 0 #b5922755;left:13px}
.playful-site .tv-feature{position:relative;isolation:isolate;border:0;border-radius:65px 24px 70px 28px;box-shadow:0 12px 0 #ffdc3b75,0 22px 40px #143c4c14;padding:38px 40px;margin-bottom:58px;gap:40px;background-image:radial-gradient(ellipse at 7% 0%,#ffffff0a 0 25%,transparent 25.3%)}
.playful-site .tv-feature:before{content:'✦';position:absolute;left:-13px;top:13px;z-index:-1;color:#f4bb1b;font:600 56px/1 Fredoka,sans-serif;rotate:-13deg;pointer-events:none}
.playful-site .tv-player{border-radius:22px;box-shadow:0 8px 25px #001d2b40}
.playful-site .tv-article-feature{margin-bottom:10px}
.playful-site .service-grid{gap:34px;padding-bottom:12px}
.playful-site .service-card{border:0;border-radius:48px 25px 60px 26px;box-shadow:var(--play-shadow);rotate:-1deg}
.playful-site .service-card:nth-child(2){border-radius:25px 56px 28px 60px;rotate:1deg}
.playful-site .service-card:nth-child(3){border-radius:56px 25px 58px 24px;rotate:-.6deg}
.playful-site .service-sticker{border:0;border-radius:55% 44% 51% 39%;box-shadow:0 4px 12px #143c4c17}
.playful-site .step-no{border:0;border-radius:30px 22px 34px 20px;box-shadow:3px 5px 0 #143c4c1f}
.playful-site .method-grid:before{border-color:#3e94a13d}
.playful-site .method-grid article:nth-child(even){padding-top:20px}
.playful-site .finder-section{margin-inline:2%;border-radius:85px 28px 95px 32px / 50px 55px 60px 40px;background-image:radial-gradient(circle at 4% 83%,#fff5 0 12%,transparent 12.2%)}
.playful-site .finder{border:0;border-radius:43px 27px 56px 25px;box-shadow:8px 12px 0 #0d819d24,0 15px 40px #143c4c12;rotate:1deg}
.playful-site .finder select{border:1px solid #143c4c30;border-radius:18px}
.playful-site .rocca-band{border:0;margin:30px 2.5%;border-radius:95px 30px 90px 32px / 50px 55px 50px 45px;background-image:radial-gradient(circle at 1% 5%,#fff5 0 10%,transparent 10.3%);padding-block:65px}
.playful-site .rocca-summary{border-color:#856f2155}
.playful-site .status-badge{border:0;border-radius:17px 11px 20px 12px;box-shadow:0 4px 0 #143c4c12}
.playful-site .curiosity-section{border-radius:0 90px 0 85px;margin-right:2%;background-image:radial-gradient(ellipse at 98% 2%,#fff7 0 13%,transparent 13.2%)}
.playful-site .sara-section{border-radius:90px 0 100px 0;margin-top:30px}
.playful-site .portrait>img{border-radius:65px 20px 65px 20px;box-shadow:8px 12px 0 #d789ab4a;overflow:hidden}
.playful-site .portrait-tag{border:0;box-shadow:3px 4px 0 #b6972460;border-radius:46% 54% 47% 52%}
.playful-site .custom-section{border-radius:0 85px 0 85px;background-image:radial-gradient(circle at 90% 8%,#ffdf5555 0 10%,transparent 10.2%)}
.playful-site .custom-sticker{border-radius:43% 57% 51% 46%;box-shadow:3px 4px 0 #143c4c1a}
.playful-site .victory-spotlight{border:0;border-radius:58px 27px 66px 29px;box-shadow:none;background:#e3f8fb;gap:40px}
.playful-site .officina-panel{border:0;border-radius:28px 70px 30px 68px;background:#eef6fe;gap:55px;box-shadow:var(--play-shadow)}
.playful-site .project-credits{border-top-color:#143c4c26}
.playful-site .adventure-section{border-radius:90px 0 0 0;margin-top:20px}
.playful-site .adventure-card{border:0;border-radius:48px 25px 56px 25px;box-shadow:var(--play-shadow)}
.playful-site .adventure-card:nth-child(even){border-radius:26px 55px 28px 56px}
.playful-site .album-card{border:0;border-radius:16px 20px 25px 15px;box-shadow:4px 7px 16px #143c4c19}
.playful-site .album-card img{border-radius:10px 15px 11px 14px}
.playful-site .site-footer{border-radius:75px 75px 0 0;margin-top:24px}
.playful-site .catalogue-hero{border-radius:0 0 10% 4% / 0 0 9% 5%;padding-bottom:75px;background-image:radial-gradient(ellipse at 0% 92%,#ffe05c66 0 10%,transparent 10.2%)}
.playful-site .catalogue-intro figure{border-radius:65px 20px 75px 25px;box-shadow:9px 12px 0 #0d84972c}
.playful-site .catalogue-intro figure img{border-radius:58px 16px 68px 20px}
.playful-site .town-jumps a{border:0;border-radius:19px 25px 20px 16px;box-shadow:0 3px 0 #143c4c12}
.playful-site .town-jumps a:nth-child(even){background:#ffed89}
.playful-site .benefit-row>div{border:0;padding-left:0}
.playful-site .benefit-row>div>span{display:grid;place-items:center;width:46px;height:46px;border-radius:17px 12px 20px 12px;background:#cbf4f2;rotate:-6deg}
.playful-site .benefit-row>div:nth-child(2)>span{background:#ffe56a;rotate:7deg}
.playful-site .benefit-row>div:nth-child(3)>span{background:#ffd6db;rotate:-4deg}
.playful-site .town-section{border-radius:85px 28px 90px 30px;margin-inline:2%;background:#f0f9fc}
.playful-site .town-grid{gap:33px;align-items:stretch}
.playful-site .town-card{border:0;border-radius:49px 25px 56px 25px;box-shadow:0 9px 26px #143c4c0e;background:#fff;transition:box-shadow .2s,transform .2s}
.playful-site .town-card:nth-child(3n+2){background:#fff8ce;border-radius:26px 55px 26px 60px}
.playful-site .town-card:nth-child(3n+3){background:#e0f8f4;border-radius:55px 27px 56px 26px}
.playful-site .town-number{border-radius:20px 13px 24px 15px;padding:10px;background:#daf3fb;font-size:27px;rotate:-6deg}
.playful-site .town-card:nth-child(even) .town-number{rotate:6deg;background:white}
.playful-site .service-chip{border-radius:14px 19px 12px 16px;font-size:14px}
.playful-site .town-card:hover{box-shadow:0 16px 36px #143c4c18;transform:translateY(-4px)}
.playful-site .simple-faq details{padding:22px 24px;border:0;border-radius:26px 15px 28px 17px;background:#eef9fa;margin-bottom:13px}
.playful-site .simple-faq details:nth-of-type(even){background:#fff6d6}
.playful-site .simple-faq details[open]{background:#def4f6}
.playful-site .story-hero{border-radius:0 0 12% 5% / 0 0 9% 4%;padding-bottom:80px;background-image:radial-gradient(ellipse at 97% 16%,#ffffff14 0 15%,transparent 15.2%)}
.playful-site .story-aside figure{border-radius:58px 25px 65px 25px;rotate:1deg;box-shadow:var(--play-shadow)}
.playful-site .participation-card{border:0;border-radius:30px 65px 29px 60px;box-shadow:0 9px 0 #d4a62029}
.playful-site .story-takeaways>div{border:0;border-radius:22px 35px 24px 13px;padding:19px 22px;background:#e5f9f6}
.playful-site .story-takeaways>div:nth-child(2){background:#fff5cf}
.playful-site .story-takeaways>div:nth-child(3){background:#eef3ff}
.playful-site .meeting-strip{margin-inline:2%;border-radius:90px 28px 95px 26px / 45px 65px 50px 45px}
.playful-site .meeting-layout figure{border-radius:47px 19px 57px 23px;box-shadow:7px 10px 0 #3c9a8930}
.playful-site .meeting-layout figure img{border-radius:40px 14px 44px 17px}
.playful-site .reference-grid>a{border:0;border-radius:36px 20px 45px 22px;box-shadow:0 6px 20px #143c4c0a}
.playful-site .reference-grid>a:nth-child(even){border-radius:22px 45px 20px 42px;background:#fff5d1}
.playful-site .history-card{border:0;border-radius:40px 25px 55px 24px;box-shadow:var(--play-shadow)}
.playful-site .poster-card{border:0;border-radius:25px 17px 31px 18px;box-shadow:var(--play-shadow)}
.playful-site .poster-card:hover{box-shadow:0 13px 30px #143c4c20}
.playful-site .archive-filter{border:0;border-radius:25px 16px 29px 18px}
@media(min-width:1101px){.playful-site .town-card:nth-child(3n+2){position:relative;top:16px}.playful-site .town-grid{row-gap:45px}.playful-site .catalogue-note{margin-top:44px}.playful-site .service-card:nth-child(2){position:relative;top:15px}}
@media(max-width:1100px){.playful-site .news-lead .news-copy{margin-top:8px}.playful-site .news-cover{border-radius:48px 24px 60px 23px;transform:rotate(-1deg)}.playful-site .news-side{margin-top:15px}.playful-site .officina-panel{gap:35px}}
@media(max-width:900px){.playful-site .tv-feature{padding:30px;border-radius:47px 22px 53px 25px;gap:25px}.playful-site .tv-feature:before{font-size:44px;left:-10px;top:8px}.playful-site .rocca-band{border-radius:58px 27px 60px 27px}}
@media(max-width:760px){
 .playful-site .site-header nav a{border-radius:15px 20px 14px 19px;padding:8px 12px}
 .playful-site .new-hero{border-radius:0 0 48px 24px;padding-bottom:45px;background-image:radial-gradient(ellipse at 1% 87%,#ffdf5580 0 10%,transparent 10.2%)}
 .playful-site .hero-photograph{border-radius:45px 19px 50px 20px;transform:none;width:100%;box-shadow:5px 8px 0 #0d84972c}
 .playful-site .hero-photograph>img{border-radius:38px 15px 43px 16px}
 .playful-site .photo-label{left:10px;rotate:-2deg;border-radius:21px 12px 24px 12px}
 .playful-site .values-strip{transform:rotate(-.5deg);padding-inline:5%;gap:10px;font-size:13px;letter-spacing:.02em;margin-top:-4px}
 .playful-site .news-section{padding-bottom:55px;background-image:none}
 .playful-site .news-grid{gap:30px}.playful-site .news-lead{width:100%;gap:14px}
 .playful-site .news-cover{transform:none;border-radius:40px 20px 48px 20px;border-width:0}
 .playful-site .news-lead .news-copy{margin:0;border-radius:24px 40px 26px 40px;padding:26px}
 .playful-site .news-side{margin:0;width:100%;border-radius:32px 48px 26px 40px}
 .playful-site .news-side figure{border-radius:31px 46px 22px 16px}
 .playful-site .tv-feature{border-radius:35px 19px 40px 21px;padding:25px 20px;width:100%;box-shadow:0 8px 0 #ffdc3b75,0 15px 27px #143c4c10;margin-bottom:40px}
 .playful-site .tv-article-feature{width:90%;margin-bottom:8px}.playful-site .tv-player{border-radius:16px}
 .playful-site .tv-feature:before{font-size:32px;left:-8px;top:4px}
 .playful-site .service-grid{gap:23px}.playful-site .service-card,.playful-site .service-card:nth-child(2),.playful-site .service-card:nth-child(3){rotate:0deg;border-radius:35px 22px 43px 22px;top:0}
 .playful-site .method-grid article:nth-child(even){padding-top:0}
 .playful-site .finder-section{margin-inline:0;border-radius:42px 20px 46px 20px}.playful-site .finder{rotate:0deg;border-radius:31px 20px 38px 20px;padding:25px;box-shadow:5px 8px 0 #0d819d24}
 .playful-site .rocca-band{margin:24px 0;border-radius:44px 22px 48px 22px;padding-block:45px}
 .playful-site .curiosity-section{border-radius:0 45px 0 42px;margin-right:0}
 .playful-site .sara-section{border-radius:45px 0 50px 0}.playful-site .custom-section{border-radius:0 45px 0 45px}
 .playful-site .portrait>img{border-radius:44px 16px 46px 17px}
 .playful-site .officina-panel{border-radius:28px 45px 28px 46px;padding:29px 23px;gap:28px}
 .playful-site .victory-spotlight{border-radius:36px 23px 43px 24px;padding:26px 22px;gap:25px}
 .playful-site .adventure-section{border-radius:45px 0 0 0}.playful-site .adventure-card{border-radius:30px 20px 37px 20px}
 .playful-site .site-footer{border-radius:40px 40px 0 0}
 .playful-site .catalogue-hero{border-radius:0 0 46px 24px;padding-bottom:50px}.playful-site .catalogue-intro figure{rotate:0deg;border-radius:40px 20px 48px 22px;width:100%;box-shadow:5px 8px 0 #0d84972c}
 .playful-site .catalogue-intro figure img{border-radius:33px 15px 42px 17px}
 .playful-site .town-section{margin-inline:0;border-radius:42px 20px 45px 22px}.playful-site .town-grid{gap:25px}
 .playful-site .town-card,.playful-site .town-card:nth-child(3n+2),.playful-site .town-card:nth-child(3n+3){width:100%;border-radius:35px 22px 44px 24px;top:0;padding:27px 24px}
 .playful-site .town-card:hover{transform:none}.playful-site .town-number{font-size:25px;padding:9px}
 .playful-site .simple-faq details{padding:20px;border-radius:24px 15px 27px 17px}
 .playful-site .story-hero{border-radius:0 0 50px 25px;padding-bottom:52px}
 .playful-site .story-aside figure{rotate:0deg;border-radius:38px 20px 46px 22px}.playful-site .participation-card{border-radius:25px 44px 24px 45px;width:100%}
 .playful-site .meeting-strip{margin-inline:0;border-radius:43px 20px 48px 23px}.playful-site .meeting-layout figure{rotate:0deg;width:100%;border-radius:35px 18px 44px 20px;box-shadow:4px 7px 0 #3c9a8930}
 .playful-site .meeting-layout figure img{border-radius:28px 13px 35px 15px}.playful-site .reference-grid>a{border-radius:28px 18px 35px 20px}
}
@media(prefers-reduced-motion:reduce){.playful-site .button,.playful-site .town-card,.playful-site .site-header nav a{transition:none}.playful-site .button:hover,.playful-site .town-card:hover{transform:none}}
body.playful-site[data-motion="paused"] .button,body.playful-site[data-motion="paused"] .town-card{transition:none}
body.playful-site[data-motion="paused"] .button:hover,body.playful-site[data-motion="paused"] .town-card:hover{transform:none}

/* Activity previews are always visible, with the same responsive reading order. */
.playful-site .activity-videos{margin-top:3rem;padding-top:2rem;border-top:2px dashed #143c4c30}
.playful-site .activity-videos>h3{font-size:clamp(1.35rem,2.3vw,1.85rem);line-height:1.3;text-align:center;margin:0 0 1.5rem}
.playful-site .activity-videos .video-grid{align-items:start}
.playful-site .activity-videos figure{min-width:0}
.playful-site .activity-videos video{display:block;width:100%;height:auto;background:#143c4c;border:0;box-shadow:0 8px 24px #143c4c18}
.playful-site .result-summary,.playful-site .meal-note{white-space:pre-line}