/* v5: separate scalloped cream surfaces over the shared fixed waffle. */
.page-content{background:transparent;width:100%;max-width:1160px;padding:80px 0 100px}
.section,.information-grid .section{padding:42px 30px}
.information-grid{max-width:none;margin:0 auto}
.illustrated-panel,
.quests-section .illustrated-panel,
.map-section .illustrated-panel,
.information-grid .illustrated-panel{
 position:relative;display:block;border:24px solid transparent;
 border-image:var(--nishi-scallop-image) 24 fill / 24px / 0 round;
 padding:12px 24px 30px;isolation:isolate;
}
.section-inner.narrow{max-width:960px}
.chocolate-heading,.information-grid .chocolate-heading{
 width:450px;max-width:90%;font-size:30px;left:0;margin:-100px auto 12px;
}
/* Reveal the actual waffle behind the chocolate silhouette, not an ivory rectangle. */
.chocolate-heading::before{
 mix-blend-mode:normal;
 clip-path:polygon(3.5% 27%,12% 17%,15% 26%,92.7% 26%,93% 68%,97.6% 83%,94% 94%,86% 85%,7.5% 85%,7.2% 50%);
}
.chocolate-heading>span{top:55%}
.story-section .illustrated-panel,.play-section .illustrated-panel{padding:0 0 12px}
.art-window{position:relative;width:100%;max-width:none;margin:0;overflow:hidden;border-radius:14px;isolation:isolate}
.art-window picture{display:contents}
.art-window img{position:absolute;left:0;width:100%;max-width:none;height:auto;mix-blend-mode:multiply}
.art-window--about{aspect-ratio:1254/375}.art-window--about img{top:-46.6667%}
.art-window--play{aspect-ratio:1254/455}.art-window--play img{top:-152.7473%}
.play-ribbon{width:max-content;max-width:80%;margin:-14px auto 18px;padding:5px 40px;color:#fff;font-size:20px;font-weight:900;text-align:center;line-height:1.6;background:#f56a9c;clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%,3% 50%)}
.quest-toolbar{max-width:780px}.quest-toggle{padding-inline:64px}
.google-map{width:100%;max-width:780px;margin-top:30px}
.event-facts{margin:0 auto}
.notice-original{margin:0 auto;max-width:920px}
.illustrated-panel.notice-cloud{padding:10px 16px;border-width:24px}
.site-footer{margin-top:0}
@media(max-width:767px){
 .page-content{width:100%;max-width:620px;padding:50px 0 72px}
 .section,.information-grid .section{padding:30px 14px}
 .illustrated-panel,
 .quests-section .illustrated-panel,
 .map-section .illustrated-panel,
 .information-grid .illustrated-panel{
  border-width:14px;border-image-width:14px;padding:4px 4px 20px;
 }
 .chocolate-heading,.information-grid .chocolate-heading{width:285px;max-width:94%;font-size:22px;margin:-63px auto 8px;left:0}
 .story-section .illustrated-panel,.play-section .illustrated-panel{padding:0 0 3px}
 .art-window{border-radius:9px}
 .art-window--about{aspect-ratio:836/475}.art-window--about img{top:-50.5263%}
 .art-window--play{aspect-ratio:836/735}.art-window--play img{top:-127.8912%}
 .play-ribbon{margin:-9px auto 9px;font-size:13px;padding:3px 22px}
 .section-lead{font-size:15px}.section-description{font-size:11px}
 .quest-toolbar{margin-top:20px}.quest-toggle{padding:19px 30px}
 .quest-panel{padding-inline:0}.quest-label{font-size:17px}.quest-count{padding-inline:6px}
 .quest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .event-facts{padding:0 7px}.event-facts>div,.event-facts>div:first-child,.event-facts>div:last-child{grid-template-columns:64px 1fr;gap:11px}
 .venue-name{font-size:20px}.address{margin-inline:0;font-size:11px}
 .access-panel .button{width:95%;font-size:12px}
 .google-map{width:96%;margin-top:22px}.google-map iframe{height:280px}
 .illustrated-panel.notice-cloud{border-width:14px;padding:7px 0}
 .notice-original{padding:14px 12px 20px}.notice-copy{font-size:12px}
}

/* Blend crop edges into the panel while retaining the original illustration. */
.art-window--about{mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 94%,transparent)}
@media(max-width:767px){.art-window--play{mask-image:linear-gradient(to bottom,transparent,#000 2%,#000 98%,transparent)}}
