/* Sprookjestocht's public storybook; game and admin layouts remain independent. */
.catalog-page{--story-ink:#203f32;--story-gold:#a47534;--story-paper:#fbf8ef;--story-muted:#6f796b;background:var(--story-paper);color:var(--story-ink)}
.catalog-page .storybook-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}
.catalog-page .storybook-skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--story-ink);color:#fff;padding:12px 20px;border-radius:6px}.catalog-page .storybook-skip:focus{top:12px}
.catalog-page .storybook-header{display:flex;align-items:center;justify-content:space-between;margin:auto;max-width:1320px;padding:25px 48px;border:0;gap:24px}
.catalog-page .storybook-brand{text-decoration:none;display:flex;align-items:center;gap:12px;font:30px/1 Georgia,serif;letter-spacing:-1.2px;color:var(--story-ink)}
.catalog-page .storybook-brand>span:last-child{display:block;font:inherit;color:inherit}
.catalog-page .storybook-brand small{display:block;margin-top:8px;font:8px/1.3 var(--sans);font-weight:600;letter-spacing:1.6px;color:#7b806a}
.catalog-page .storybook-brand-mark{display:grid;place-items:center;width:44px;height:51px;color:#ae843f;border:1px solid #c9b98a;border-radius:24px 24px 12px 12px;background:#eee8d8;box-shadow:inset 0 0 0 4px var(--story-paper)}
.catalog-page .storybook-brand-mark .storybook-icon{width:27px;height:27px}
.catalog-page .storybook-header nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:500}
.catalog-page .storybook-header nav a{text-decoration:none}.catalog-page .storybook-header nav a:hover{color:var(--story-gold)}
.catalog-page .storybook-header nav a{font:500 12px/1.5 var(--sans)}
.catalog-page .storybook-nav-cta{display:flex;gap:17px;align-items:center;border:1px solid #d3cfb9;padding:12px 19px;border-radius:5px}.catalog-page .storybook-nav-cta .storybook-icon{width:17px}
.catalog-page .storybook-main{max-width:1440px;padding:0;margin:0 auto}
.catalog-page .storybook-hero{position:relative;min-height:625px;isolation:isolate;overflow:hidden;background:#f5efdc}
.catalog-page .storybook-hero-art{position:absolute;inset:0;z-index:-2}.catalog-page .storybook-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}
.catalog-page .storybook-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fbf8effa 0%,#fbf8eff2 23%,#fbf8efbb 36%,#fbf8ef00 61%)}
.catalog-page .storybook-hero::after{content:"";position:absolute;bottom:-1px;left:-2%;width:104%;height:30px;background:var(--story-paper);clip-path:polygon(0 59%,6% 77%,13% 72%,20% 89%,29% 70%,38% 91%,47% 74%,55% 87%,64% 68%,72% 86%,81% 67%,90% 84%,100% 55%,100% 100%,0 100%)}
.catalog-page .storybook-hero-copy{max-width:1320px;margin:0 auto;padding:89px 48px 78px}
.catalog-page .storybook-eyebrow{display:block;font-size:9px;font-weight:650;letter-spacing:1.8px;line-height:1.7;color:var(--story-gold)}
.catalog-page .storybook-hero-copy>.storybook-eyebrow{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1.5px}.catalog-page .storybook-hero-copy>.storybook-eyebrow>span{font-size:18px}
.catalog-page .storybook-hero h1{font:normal clamp(57px,6.3vw,85px)/1.035 Georgia,serif;letter-spacing:-4px;margin:24px 0 23px;max-width:600px}.catalog-page .storybook-hero h1 em{font-weight:normal;color:#a57a37}
.catalog-page .storybook-hero-copy>p{font:15px/1.9 var(--sans);color:#66725e;max-width:367px;margin:0 0 29px}
.catalog-page .storybook-button{display:inline-flex;align-items:center;justify-content:center;gap:29px;min-height:53px;padding:15px 23px;background:#244b39;color:#fff9e8;border:1px solid #244b39;border-radius:5px;text-decoration:none;font-size:12px;font-weight:550;box-shadow:0 5px 13px #14352412;transition:background .2s,transform .2s}
.catalog-page .storybook-button .storybook-icon{color:#e1bf76;width:18px;height:18px}.catalog-page .storybook-button:hover{background:#143d2b;transform:translateY(-2px)}
.catalog-page .storybook-hero-note{display:flex;align-items:center;gap:7px;margin-top:18px;color:#7a7d66;font-size:10px;letter-spacing:.1px}.catalog-page .storybook-hero-note .storybook-icon{width:15px;height:15px;color:#a08145}
.catalog-page .storybook-hero-caption{position:absolute;right:7%;bottom:54px;color:#fff7d7;display:flex;align-items:flex-start;flex-direction:column;text-shadow:0 2px 8px #173521aa;transform:rotate(-5deg)}.catalog-page .storybook-hero-caption>span{font:italic 29px/1.4 Georgia,serif}.catalog-page .storybook-hero-caption>small{font:10px/1.7 var(--sans);letter-spacing:.4px}
.catalog-page .storybook-promise{max-width:1224px;margin:0 auto;padding:33px 0 39px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-bottom:1px solid #dddacb}
.catalog-page .storybook-promise>div{display:flex;align-items:center;gap:16px;justify-content:center}.catalog-page .storybook-promise>div>.storybook-icon{width:28px;height:28px;color:#a88448;stroke-width:1.25}.catalog-page .storybook-promise strong{display:block;font:18px/1.4 Georgia,serif}.catalog-page .storybook-promise small{display:block;font-size:10px;color:var(--story-muted);margin-top:4px}
.catalog-page .storybook-adventures{max-width:1320px;margin:0 auto;padding:75px 48px 78px;scroll-margin-top:25px}
.catalog-page .storybook-section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:34px}
.catalog-page .storybook-section-heading h2{font:normal 37px/1.18 Georgia,serif;letter-spacing:-1.2px;margin:12px 0 0}.catalog-page .storybook-section-heading>p{max-width:295px;font-size:12px;line-height:1.9;color:var(--story-muted);margin:0 0 2px}
.catalog-page .catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.catalog-page .catalog-card{overflow:hidden;max-width:none;min-width:0;border:1px solid #e2ddcb;border-radius:9px;background:#fffdf6;box-shadow:0 4px 12px #4a452405;transition:transform .25s,box-shadow .25s}
.catalog-page .catalog-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #2c452415}.catalog-page .catalog-card>a{text-decoration:none;height:100%;display:flex;flex-direction:column}
.catalog-page .catalog-map{position:relative;height:auto;aspect-ratio:1.72;padding:0;background:#e7ead7;overflow:hidden}.catalog-page .catalog-map .adventure-art{height:100%;border-radius:0}.catalog-page .catalog-map img{object-fit:cover;transition:transform .5s}.catalog-page .catalog-card:hover .catalog-map img{transform:scale(1.035)}
.catalog-page .catalog-card-body{padding:25px 23px 20px;display:flex;flex-direction:column;flex:1}
.catalog-page .storybook-card-area{display:flex;gap:5px;align-items:flex-start;font-size:9px;color:#8b815e;line-height:1.6;letter-spacing:.2px}.catalog-page .storybook-card-area .storybook-icon{width:13px;height:13px;margin-top:1px}
.catalog-page .catalog-card h3{font:normal 26px/1.17 Georgia,serif;margin:12px 0 13px;letter-spacing:-.5px}.catalog-page .catalog-card p{font-size:13px;line-height:1.9;color:var(--story-muted);margin:0 0 17px}
.catalog-page .catalog-facts{margin:auto 0 0;padding:0 0 18px;gap:13px;display:flex;flex-wrap:wrap;color:#5c6c53;font-size:10px;align-items:center}
.catalog-page .catalog-facts span{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;border-radius:0}.catalog-page .catalog-facts .storybook-icon{width:15px;height:15px;color:#9e8b56}
.catalog-page .storybook-card-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ebe7d8;padding-top:16px;font-size:11px;font-weight:600;color:#244b39}.catalog-page .storybook-card-link>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #ddd8c5;border-radius:50%}.catalog-page .storybook-card-link .storybook-icon{width:14px;height:14px}
.catalog-page .storybook-empty{grid-column:1/-1;padding:35px 0;font:22px Georgia,serif;color:var(--story-muted)}
.catalog-page .storybook-how{display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:1224px;margin:0 auto;background:#eeeee0;border:1px solid #e2e3d0;padding:54px 66px;border-radius:12px;scroll-margin-top:24px}
.catalog-page .storybook-how h2{font:normal 43px/1.13 Georgia,serif;letter-spacing:-1px;margin:15px 0 20px}.catalog-page .storybook-how h2 em{font-weight:normal;color:#7b8655}.catalog-page .storybook-how-intro>p{max-width:330px;font-size:12px;line-height:1.9;color:var(--story-muted);margin-bottom:23px}.catalog-page .storybook-how-intro>a{display:flex;align-items:center;gap:15px;text-decoration:none;font-size:11px;color:#476242}.catalog-page .storybook-how-intro>a .storybook-icon{width:16px;height:16px}
.catalog-page .storybook-steps{list-style:none;margin:0;padding:0;display:grid;gap:28px;align-self:center}.catalog-page .storybook-steps li{display:flex;gap:20px;position:relative}.catalog-page .storybook-step-number{font:italic 24px Georgia,serif;line-height:1.2;color:#a68a4a;min-width:33px;border-bottom:1px solid #d5c9a6;padding-bottom:6px;align-self:flex-start}.catalog-page .storybook-steps h3{font:normal 21px/1.3 Georgia,serif;margin:0 0 6px}.catalog-page .storybook-steps p{font-size:11px;line-height:1.9;color:var(--story-muted);margin:0;max-width:300px}
.catalog-page .storybook-ending{text-align:center;padding:69px 20px 70px;position:relative}.catalog-page .storybook-ending>.storybook-icon{color:#a98a45;width:27px;height:27px}.catalog-page .storybook-ending>p{font:normal 36px/1.18 Georgia,serif;margin:16px 0 23px;letter-spacing:-.8px}.catalog-page .storybook-ending>p em{font-weight:normal;color:#9d7e40}.catalog-page .storybook-ending>.storybook-button{min-height:46px;padding:12px 20px;font-size:11px}.catalog-page .storybook-ending>span{display:block;color:#bfaa74;font:27px Georgia,serif;position:absolute;right:calc(50% - 205px);top:137px}
.catalog-page .storybook-footer{max-width:1224px;margin:0 auto;padding:28px 0 30px;border-top:1px solid #dddacb;display:flex;align-items:center;justify-content:space-between;gap:30px;color:var(--story-muted);font-size:9px;line-height:1.8}.catalog-page .storybook-footer-brand{text-decoration:none;color:var(--story-ink);font:22px/1.2 Georgia,serif;letter-spacing:-.5px}.catalog-page .storybook-footer-brand>span{display:block;font:9px/1.6 var(--sans);letter-spacing:0;color:var(--story-muted);margin-top:6px}.catalog-page .storybook-footer>p{font-size:9px;margin:0}.catalog-page .storybook-footer>small{font-size:9px}
@media(min-width:1441px){.catalog-page .storybook-hero{border-radius:10px}}
@media(max-width:1270px){.catalog-page .storybook-promise,.catalog-page .storybook-footer{margin-left:48px;margin-right:48px}.catalog-page .storybook-how{margin-left:48px;margin-right:48px;padding:44px;gap:50px}}
@media(max-width:1000px){.catalog-page .storybook-header{padding:24px 30px}.catalog-page .storybook-hero-copy{padding:77px 30px}.catalog-page .storybook-hero{min-height:590px}.catalog-page .storybook-hero h1{font-size:70px}.catalog-page .storybook-hero-copy>p{max-width:330px;font-size:14px}.catalog-page .storybook-hero::before{background:linear-gradient(90deg,#fbf8effc 0%,#fbf8efe0 32%,#fbf8ef00 80%)}.catalog-page .storybook-hero-caption{right:4%;bottom:38px}.catalog-page .storybook-hero-caption>span{font-size:24px}.catalog-page .storybook-hero-caption>small{font-size:8px}.catalog-page .storybook-adventures{padding:60px 30px}.catalog-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.catalog-page .catalog-card-body{padding:20px 17px 17px}.catalog-page .catalog-card h3{font-size:23px}.catalog-page .storybook-promise{margin-left:30px;margin-right:30px;gap:15px}.catalog-page .storybook-promise>div{gap:10px}.catalog-page .storybook-promise strong{font-size:16px}.catalog-page .storybook-promise small{font-size:9px}.catalog-page .storybook-how{margin-left:30px;margin-right:30px;padding:38px;gap:38px}.catalog-page .storybook-footer{margin-left:30px;margin-right:30px}.catalog-page .storybook-section-heading h2{font-size:33px}.catalog-page .storybook-section-heading>p{max-width:240px;font-size:11px}}
@media(max-width:760px){.catalog-page .storybook-header{padding:20px 22px}.catalog-page .storybook-brand{font-size:26px;gap:10px}.catalog-page .storybook-brand small{font-size:6px;letter-spacing:1.3px}.catalog-page .storybook-brand-mark{width:37px;height:44px}.catalog-page .storybook-brand-mark .storybook-icon{width:23px;height:23px}.catalog-page .storybook-header nav a{font-size:10px}.catalog-page .storybook-nav-link{display:none}.catalog-page .storybook-nav-cta{border:0;padding:12px 0;font-size:10px;gap:7px}.catalog-page .storybook-nav-cta .storybook-icon{width:15px;height:15px}.catalog-page .storybook-hero{min-height:0;display:flex;flex-direction:column;background:var(--story-paper)}.catalog-page .storybook-hero-art{position:relative;inset:auto;order:2;height:330px;width:100%;z-index:0}.catalog-page .storybook-hero-art img{object-position:75% 55%;width:150%;max-width:none;transform:translateX(-31%)}.catalog-page .storybook-hero-art::before{content:"";position:absolute;inset:-1px 0 0;z-index:1;background:linear-gradient(180deg,var(--story-paper),#fbf8ef00 30%,#fbf8ef00 88%,var(--story-paper))}.catalog-page .storybook-hero::before{display:none}.catalog-page .storybook-hero-copy{padding:37px 25px 18px;margin:0;position:relative;z-index:2}.catalog-page .storybook-hero h1{font-size:56px;letter-spacing:-2.5px;margin:19px 0 20px}.catalog-page .storybook-hero-copy>.storybook-eyebrow{font-size:8px;letter-spacing:1.1px}.catalog-page .storybook-hero-copy>p{font-size:13px;line-height:1.9;max-width:400px;margin-bottom:24px}.catalog-page .storybook-hero-note{font-size:9px;margin-top:16px;gap:6px}.catalog-page .storybook-hero-caption{z-index:2;bottom:33px;right:24px}.catalog-page .storybook-hero-caption>span{font-size:25px}.catalog-page .storybook-hero-caption>small{font-size:8px}.catalog-page .storybook-promise{margin:0 24px;padding:20px 0 28px;gap:19px;display:flex;flex-direction:column}.catalog-page .storybook-promise>div{justify-content:flex-start;gap:17px}.catalog-page .storybook-promise>div>.storybook-icon{width:25px;height:25px}.catalog-page .storybook-promise strong{font-size:18px}.catalog-page .storybook-promise small{font-size:11px;margin-top:2px}.catalog-page .storybook-adventures{padding:46px 24px}.catalog-page .storybook-section-heading{display:block;margin-bottom:27px}.catalog-page .storybook-section-heading h2{font-size:34px;margin:11px 0 14px;max-width:330px}.catalog-page .storybook-section-heading>p{font-size:12px;max-width:390px;line-height:1.8}.catalog-page .catalog-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:25px}.catalog-page .catalog-map{aspect-ratio:1.85}.catalog-page .catalog-card-body{padding:25px}.catalog-page .catalog-card h3{font-size:29px;margin-top:12px}.catalog-page .catalog-card p{font-size:13px}.catalog-page .storybook-card-area{font-size:10px}.catalog-page .catalog-facts{font-size:11px;padding-bottom:20px}.catalog-page .storybook-card-link{font-size:12px}.catalog-page .storybook-how{display:block;margin:0 24px;padding:33px 26px}.catalog-page .storybook-how h2{font-size:38px}.catalog-page .storybook-how-intro>p{font-size:12px;max-width:none}.catalog-page .storybook-how-intro>a{font-size:11px}.catalog-page .storybook-steps{margin-top:35px;gap:27px}.catalog-page .storybook-steps h3{font-size:22px}.catalog-page .storybook-steps p{font-size:12px;max-width:none}.catalog-page .storybook-ending{padding:51px 24px}.catalog-page .storybook-ending>p{font-size:33px}.catalog-page .storybook-ending>span{right:22px;top:102px}.catalog-page .storybook-footer{margin:0 24px;padding:27px 0;display:block;text-align:center}.catalog-page .storybook-footer-brand{display:block;font-size:25px}.catalog-page .storybook-footer>p{font-size:10px;margin:20px 0}.catalog-page .storybook-footer>small{font-size:9px}}
@media(max-width:370px){.catalog-page .storybook-header{padding:17px}.catalog-page .storybook-brand{font-size:23px}.catalog-page .storybook-brand-mark{width:31px;height:38px}.catalog-page .storybook-brand small{font-size:5.5px;letter-spacing:1px}.catalog-page .storybook-header nav a{font-size:9px}.catalog-page .storybook-nav-cta{font-size:9px;gap:4px}.catalog-page .storybook-hero-copy{padding:30px 20px 15px}.catalog-page .storybook-hero h1{font-size:47px}.catalog-page .storybook-hero-copy>.storybook-eyebrow{font-size:7px;letter-spacing:.9px}.catalog-page .storybook-hero-note{font-size:8px}.catalog-page .storybook-adventures{padding:38px 20px}.catalog-page .storybook-promise,.catalog-page .storybook-how,.catalog-page .storybook-footer{margin-left:20px;margin-right:20px}}
@media(prefers-reduced-motion:reduce){.catalog-page .storybook-button,.catalog-page .catalog-card,.catalog-page .catalog-map img{transition:none}.catalog-page .storybook-button:hover,.catalog-page .catalog-card:hover{transform:none}}

.catalog-page .catalog-pagination{display:flex;gap:24px;margin-top:28px}.catalog-page .catalog-pagination a{color:var(--story-ink);font-weight:600;text-underline-offset:5px}
