:root{--ink:#201d25;--red:#c61943;--lilac:#e9d6f3;--pink:#fbd8de;--green:#286448;--cream:#fffaf6;--line:#e3d8d8;--mono:ui-monospace,'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 system-ui,sans-serif}a{color:inherit}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--red);outline-offset:5px}[hidden]{display:none!important}.page,.mast{max-width:1220px;margin:auto;padding-inline:clamp(18px,4vw,52px)}.mast{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:2px dashed #d8bfdf}.brand{display:flex;align-items:center;gap:10px;font:bold clamp(15px,2.2vw,24px) var(--mono);letter-spacing:.08em;text-decoration:none}.brand svg{width:36px;height:41px}.theme-nav{display:flex;gap:18px;flex-wrap:wrap;font-weight:750;font-size:14px}.theme-nav a{text-decoration:none}.theme-nav a:hover{color:var(--red)}.welcome{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:24px;padding:46px 0 34px}.intro{position:relative}.eyebrow{font:800 11px/1.3 var(--mono);letter-spacing:.1em;color:#8e2443}.intro>.eyebrow{display:inline-block;background:var(--pink);padding:8px 12px;border-radius:10px;transform:rotate(-2deg)}h1,h2,h3{font-family:var(--mono);line-height:1.05}h1{font-size:clamp(42px,6.4vw,91px);letter-spacing:-.09em;margin:20px 0 17px}.intro h1 span{display:block;color:#b889ca}p{margin:0 0 13px}.intro p{max-width:33ch;font-size:17px}.button,.download{display:inline-block;padding:10px 17px;border:2px solid var(--ink);border-radius:11px;background:var(--red);color:#fff;font-weight:800;text-decoration:none;box-shadow:3px 3px var(--ink)}.button:hover,.download:hover{transform:translate(-1px,-2px)}.artboard{position:relative;background:white;border:2px solid var(--ink);border-radius:29px 36px 31px 39px;padding:25px 13px 17px;transform:rotate(1deg);box-shadow:7px 8px #dec6e9}.sticker{display:block;width:100%;height:auto;overflow:hidden}.hero-art{width:100%}.checks{position:absolute;z-index:1;top:-14px;right:16px;width:84px;height:36px;background:#fff conic-gradient(#bc99cb 25%,#fff 0 50%,#bc99cb 0 75%,#fff 0) 0 0/24px 24px;box-shadow:inset 0 1px #fff,inset 0 -1px #fff;transform:rotate(6deg);pointer-events:none}.heart{position:absolute;bottom:-17px;left:16px;color:var(--red);font-size:37px;line-height:1}.themes{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:12px 0 26px;scroll-margin-top:20px}.theme-choice{display:grid;grid-template-columns:115px 1fr;align-items:center;gap:19px;min-height:177px;border:3px solid white;outline:2px solid var(--ink);box-shadow:5px 5px var(--ink);border-radius:25px;padding:14px 20px 17px;text-decoration:none;position:relative;overflow:hidden}.theme-choice:after{content:'';position:absolute;bottom:0;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,var(--stripe) 0 14px,#fff 14px 26px)}.sint-choice{background:#dcebd7;--stripe:var(--red)}.kerst-choice{background:var(--lilac);--stripe:var(--green)}.theme-choice:hover,.theme-choice[aria-current=true]{transform:translateY(-3px)}.theme-choice[aria-current=true]{outline-color:var(--red)}.theme-art{width:100%;max-height:140px;mix-blend-mode:normal;background:#fff;border:3px solid #fff;border-radius:16px;filter:saturate(1.1) contrast(1.025);box-shadow:1px 2px 0 #201d2526}.theme-choice h2{font-size:clamp(24px,3.7vw,43px);margin:5px 0}.theme-choice p{font-size:14px;margin-bottom:5px}.theme-go{font-weight:850;color:#8e2443}.kerst-choice .theme-go{color:#245c40}.ribbon{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:12px 0 15px;border-bottom:2px dashed #d8bfdf;font:800 11px var(--mono);letter-spacing:.07em}.ribbon span{background:var(--lilac);padding:6px 12px;border-radius:8px}.ribbon span:nth-child(2n){background:#dcebd7}.ribbon span:nth-child(3){background:#f9e7a8}.collection{padding-top:28px;scroll-margin-top:12px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;border:2px solid var(--ink);border-radius:24px;background:#deebda;padding:22px;margin-bottom:22px}.sint .section-title{background:var(--pink)}.section-title h2,.guide h2,.bottom h2{font-size:clamp(24px,4vw,41px);margin:7px 0 10px}.packagebox{flex-shrink:0}.packagebox p,.note{font-size:13px;margin:7px 0 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filter-label{margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{font:700 13px system-ui;background:white;border:1px solid var(--ink);border-radius:100px;padding:7px 11px;cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{position:relative;border:2px solid var(--ink);border-radius:19px;padding:12px 12px 16px;background:white;box-shadow:3px 3px var(--paper)}.picture{display:grid;place-items:center;background:var(--paper);border-radius:12px;overflow:hidden;height:205px;padding:13px}.picture img{height:100%;width:100%;min-height:0;object-fit:contain}.type{display:inline-block;margin-top:11px;font:800 10px var(--mono);letter-spacing:.06em;color:#8e2443}.card h3{margin:8px 0;font-size:21px}.card p,.piet-extra{font-size:13px}.download{background:#dcebd7;color:var(--ink);padding:6px 11px;box-shadow:2px 2px var(--ink);font-size:13px}.collection.sint .download{background:var(--red);color:#fff}.piet-extra{display:block;margin-top:11px}.guide,.bottom{position:relative;margin:30px 0 0;padding:24px;border:2px solid var(--ink);border-radius:24px;background:var(--lilac)}.guide{display:grid;grid-template-columns:1fr 1fr;gap:15px}.guide ol{margin:0;padding-left:23px}.bottom{background:var(--pink);overflow:hidden;padding-right:110px}.footer-gift{position:absolute;right:20px;top:18px;width:76px;mix-blend-mode:multiply}.bottom p{margin:0}footer{padding:18px 0 24px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px}.reel-mode .page,.reel-mode .mast{max-width:420px}.reel-mode .welcome,.reel-mode .themes,.reel-mode .guide{grid-template-columns:1fr}.reel-mode .grid{grid-template-columns:1fr}.reel-mode .section-title{display:block}.reel-mode .mast nav{display:none}
@media(max-width:740px){.welcome{grid-template-columns:1fr;padding-top:27px}.artboard{margin:5px 7px}.themes{gap:15px}.theme-choice{grid-template-columns:68px 1fr;padding:11px;gap:10px}.theme-choice h2{font-size:clamp(19px,4vw,31px)}.theme-choice .eyebrow{font-size:9px}.theme-choice p{font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{display:block}.guide{grid-template-columns:1fr}.packagebox{margin-top:12px}}
@media(max-width:430px){.mast{min-height:70px;gap:6px}.theme-nav{gap:8px;font-size:11px}.themes{grid-template-columns:1fr}.theme-choice{min-height:127px;grid-template-columns:76px 1fr}.theme-art{max-height:105px}.grid{grid-template-columns:1fr}.picture{height:220px}.bottom{padding-right:65px}.footer-gift{right:9px;width:49px}.ribbon{gap:5px}.ribbon span{padding:5px 7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* The main heading introduces the whole home collection. */
.intro h1{font-size:clamp(35px,5.2vw,72px);letter-spacing:-.065em;font-family:"Avenir Next",system-ui,sans-serif;font-weight:850;overflow-wrap:anywhere}
.intro h1 span{font-size:.58em;letter-spacing:-.035em;margin-top:.13em}
.theme-choice h2,.bottom h2,.bottom .eyebrow{font-family:"Avenir Next",system-ui,sans-serif;letter-spacing:-.035em;font-weight:800}
.bottom .eyebrow{letter-spacing:.01em;font-size:13px}
@media(max-width:740px){.intro h1{font-size:clamp(35px,8.3vw,62px)}}

/* Shared title face; body copy and subtitles retain their styles. */
h1,h2,h3{font-family:"Avenir Next",system-ui,sans-serif;font-weight:800}
.theme-art.tree-art{aspect-ratio:1;border:0;border-radius:12px;filter:none}

/* Small, theme-specific stickers on the outer edges of the printable cards. */
.collection .grid{--sticker-a:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2066%2061%22%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%20paint-order%3D%22stroke%20fill%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22%23397e50%22%20d%3D%22M34%2036C19%2033%2012%2029%208%2014c8%204%2012%205%2015%201%202%206%207%207%2010%205%204%205%204%2010%201%2016Z%22%2F%3E%3Cpath%20fill%3D%22%2351915c%22%20d%3D%22M35%2036c-1-14%206-23%2021-28-1%206-1%2010%204%2012-5%202-8%206-8%2010-6%206-13%208-17%206Z%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2241%22%20r%3D%226%22%20fill%3D%22%23c61943%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2243%22%20r%3D%226%22%20fill%3D%22%23c61943%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2252%22%20r%3D%226%22%20fill%3D%22%23d73254%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--sticker-b:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2065%2050%22%3E%3Cpath%20fill%3D%22%23397e50%22%20d%3D%22M20%203q3%2013%2016%2016-13%202-16%2016Q18%2022%204%2019%2017%2016%2020%203Zm29%2020q2%208%2010%2010-8%202-10%2010-2-8-10-10%208-2%2010-10Z%22%2F%3E%3C%2Fsvg%3E");--sticker-c:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2026%22%3E%3Cpath%20d%3D%22M4%2014q7-10%2014%200t14%200%2014%200%2014%200%22%20fill%3D%22none%22%20stroke%3D%22%236b9d71%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");--check:#6b9d71}
.collection.sint .grid{--sticker-a:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2066%2061%22%3E%3Cg%20stroke%3D%22%23fff9f4%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22%23b9744e%22%20d%3D%22M7%2025c-3-9%205-15%2014-17%208-2%2014%205%2015%2012%202%208-4%2016-13%2017C15%2039%209%2034%207%2025Z%22%2F%3E%3Cpath%20fill%3D%22%23a85f41%22%20d%3D%22M31%2041c-1-9%209-16%2017-14%2010%201%2015%209%2013%2016-2%209-12%2013-21%2010-5-1-8-6-9-12Z%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%2382412d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20d%3D%22m16%2021%203-2m5%207%202%201m16%2013%203-2m5%207%203-1%22%2F%3E%3C%2Fsvg%3E");--sticker-b:none;--sticker-c:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2066%2061%22%3E%3Cg%20stroke%3D%22%23fff9f4%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22%23b9744e%22%20d%3D%22M7%2025c-3-9%205-15%2014-17%208-2%2014%205%2015%2012%202%208-4%2016-13%2017C15%2039%209%2034%207%2025Z%22%2F%3E%3Cpath%20fill%3D%22%23a85f41%22%20d%3D%22M31%2041c-1-9%209-16%2017-14%2010%201%2015%209%2013%2016-2%209-12%2013-21%2010-5-1-8-6-9-12Z%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%2382412d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20d%3D%22m16%2021%203-2m5%207%202%201m16%2013%203-2m5%207%203-1%22%2F%3E%3C%2Fsvg%3E");--check:#b889ca}
.collection .card:nth-child(3n+1)::before,.collection .card:nth-child(3n+2)::before,.collection .card:nth-child(3n+3)::before{content:"";position:absolute;left:13px;top:0;transform:translateY(-50%) rotate(-9deg);z-index:1;width:clamp(26px,3vw,35px);aspect-ratio:1;background:var(--sticker-a) center/contain no-repeat;pointer-events:none}
.collection .card:nth-child(3n+2)::before{background-image:var(--sticker-b)}
.collection .card:nth-child(3n+3)::before{background-image:var(--sticker-c);opacity:.8}
.collection .card:nth-child(3n+2)::after{content:"";position:absolute;right:14px;bottom:0;transform:translateY(50%) rotate(7deg);z-index:1;width:43px;height:18px;border:2px solid #fffaf6;border-radius:3px;background:conic-gradient(var(--check) 25%,transparent 0 50%,var(--check) 0 75%,transparent 0) 0 0/16px 16px;pointer-events:none}

/* Vary the little pepernoot clusters along the Sint card borders. */
.collection.sint .card:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2060%22%3E%3Cg%20transform%3D%22translate%2817%2021%29%20rotate%28-18%29%20scale%280.9166666666666666%29%22%3E%3Cpath%20d%3D%22M-12%202C-14-6-7-12%201-12s13%207%2012%2014S6%2013-1%2012-11%208-12%202Z%22%20fill%3D%22%23b9744e%22%20stroke%3D%22%23fff9f4%22%20stroke-width%3D%222.7%22%2F%3E%3Cpath%20d%3D%22m-6-3%202-2m6%201%202%201m-5%208%203-2%22%20fill%3D%22none%22%20stroke%3D%22%2382412d%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2835%2030%29%20rotate%2816%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-12%202C-14-6-7-12%201-12s13%207%2012%2014S6%2013-1%2012-11%208-12%202Z%22%20fill%3D%22%23aa633f%22%20stroke%3D%22%23fff9f4%22%20stroke-width%3D%222.7%22%2F%3E%3Cpath%20d%3D%22m-6-3%202-2m6%201%202%201m-5%208%203-2%22%20fill%3D%22none%22%20stroke%3D%22%2382412d%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2853%2018%29%20rotate%2831%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M-12%202C-14-6-7-12%201-12s13%207%2012%2014S6%2013-1%2012-11%208-12%202Z%22%20fill%3D%22%23c28659%22%20stroke%3D%22%23fff9f4%22%20stroke-width%3D%222.7%22%2F%3E%3Cpath%20d%3D%22m-6-3%202-2m6%201%202%201m-5%208%203-2%22%20fill%3D%22none%22%20stroke%3D%22%2382412d%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");width:49px;opacity:1}
.collection.sint .card:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2060%22%3E%3Cg%20transform%3D%22translate%2834%2028%29%20rotate%2818%29%20scale%281.25%29%22%3E%3Cpath%20d%3D%22M-12%202C-14-6-7-12%201-12s13%207%2012%2014S6%2013-1%2012-11%208-12%202Z%22%20fill%3D%22%23b9744e%22%20stroke%3D%22%23fff9f4%22%20stroke-width%3D%222.7%22%2F%3E%3Cpath%20d%3D%22m-6-3%202-2m6%201%202%201m-5%208%203-2%22%20fill%3D%22none%22%20stroke%3D%22%2382412d%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");width:40px;opacity:1}
.collection.sint .card:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2060%22%3E%3Cg%20transform%3D%22translate%2812%2024%29%20rotate%2820%29%20scale%280.6666666666666666%29%22%3E%3Cpath%20d%3D%22M-12%202C-14-6-7-12%201-12s13%207%2012%2014S6%2013-1%2012-11%208-12%202Z%22%20fill%3D%22%23b9744e%22%20stroke%3D%22%23fff9f4%22%20stroke-width%3D%222.7%22%2F%3E%3Cpath%20d%3D%22m-6-3%202-2m6%201%202%201m-5%208%203-2%22%20fill%3D%22none%22%20stroke%3D%22%2382412d%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2827%2015%29%20rotate%28-15%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M-12%202C-14-6-7-12%201-12s13%207%2012%2014S6%2013-1%2012-11%208-12%202Z%22%20fill%3D%22%23a86243%22%20stroke%3D%22%23fff9f4%22%20stroke-width%3D%222.7%22%2F%3E%3Cpath%20d%3D%22m-6-3%202-2m6%201%202%201m-5%208%203-2%22%20fill%3D%22none%22%20stroke%3D%22%2382412d%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2843%2029%29%20rotate%2818%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-12%202C-14-6-7-12%201-12s13%207%2012%2014S6%2013-1%2012-11%208-12%202Z%22%20fill%3D%22%23bf8055%22%20stroke%3D%22%23fff9f4%22%20stroke-width%3D%222.7%22%2F%3E%3Cpath%20d%3D%22m-6-3%202-2m6%201%202%201m-5%208%203-2%22%20fill%3D%22none%22%20stroke%3D%22%2382412d%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2020%29%20rotate%2850%29%20scale%280.6666666666666666%29%22%3E%3Cpath%20d%3D%22M-12%202C-14-6-7-12%201-12s13%207%2012%2014S6%2013-1%2012-11%208-12%202Z%22%20fill%3D%22%23a85f41%22%20stroke%3D%22%23fff9f4%22%20stroke-width%3D%222.7%22%2F%3E%3Cpath%20d%3D%22m-6-3%202-2m6%201%202%201m-5%208%203-2%22%20fill%3D%22none%22%20stroke%3D%22%2382412d%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");width:49px;opacity:1}

/* Small torn teeth along the two short ends of the checked tape. */
.checks,
.collection .card:nth-child(3n+2)::after,
.collection.sint .card:is(:nth-child(1),:nth-child(6),:nth-child(8))::after{
  clip-path:polygon(
    0 0,100% 0,calc(100% - 2.5px) 10%,100% 20%,
    calc(100% - 2.5px) 30%,100% 40%,calc(100% - 2.5px) 50%,
    100% 60%,calc(100% - 2.5px) 70%,100% 80%,
    calc(100% - 2.5px) 90%,100% 100%,0 100%,2.5px 90%,
    0 80%,2.5px 70%,0 60%,2.5px 50%,0 40%,2.5px 30%,0 20%,2.5px 10%
  );
}

/* Three washi tape accents, spaced across the Sinterklaas collection. */
.collection.sint .card:nth-child(3n+2)::after{content:none}
.collection.sint .card:is(:nth-child(1),:nth-child(6),:nth-child(8))::after{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  width:clamp(56px,7vw,72px);
  height:22px;
  border:1px solid #faf5fb;
  border-radius:2px;
  background:conic-gradient(var(--check) 25%,#fff 0 50%,var(--check) 0 75%,#fff 0) 0 0/18px 18px;
}
.collection.sint .card:nth-child(1)::after{
  top:0;
  left:52%;
  transform:translate(-50%,-50%) rotate(-7deg);
}
.collection.sint .card:nth-child(6)::after{
  top:0;
  right:22px;
  transform:translateY(-50%) rotate(8deg);
}
.collection.sint .card:nth-child(8)::after{
  bottom:0;
  left:23%;
  right:auto;
  transform:translate(-50%,50%) rotate(-5deg);
}

.collection .card::before,.collection .card::after{pointer-events:none}

.theme-choice:not([href]):hover{transform:none}.theme-nav a:not([href]){cursor:default}.packagebox #package-ink{margin-top:8px}

.bottom.share-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(16px,4vw,48px);padding:clamp(18px,4vw,36px);overflow:visible}
.share-copy p{max-width:51ch;line-height:1.55}
.share-art{display:block;width:clamp(140px,22vw,230px);height:auto;filter:drop-shadow(2px 3px 0 #391c3530)}
@media(max-width:520px){.bottom.share-panel{grid-template-columns:1fr;gap:12px}.share-art{justify-self:center;width:min(55vw,186px)}}

.theme-art.craft-art{display:block;height:auto;object-fit:contain;border:0;background:transparent;border-radius:0;box-shadow:none;filter:drop-shadow(1px 2px 0 #201d2526)}

/* Let titles and controls fit even when a grid column is narrow. */
.theme-choice > div,.section-title > div,.card,.share-copy{min-width:0}
.theme-choice h2,.section-title h2,.card h3,.share-copy h2,.card p,.piet-extra{overflow-wrap:anywhere}
.card h3{line-height:1.16}
.download,.packagebox .button{max-width:100%;overflow-wrap:anywhere}

@media(max-width:740px){
  .mast{min-height:0;flex-direction:column;align-items:flex-start;gap:10px;padding-block:14px}
  .theme-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px;padding:0}
  .theme-nav a{display:grid;align-content:center;justify-items:center;min-width:0;min-height:44px;padding:5px 2px;text-align:center;line-height:1.2;font-size:clamp(11px,3vw,14px);overflow-wrap:anywhere}
  .theme-nav a[href]{background:#fffaf8;border-radius:9px}
  .theme-nav small{display:block;font-size:10px}
  .themes{grid-template-columns:minmax(0,1fr)}
  .theme-choice{grid-template-columns:clamp(72px,22vw,108px) minmax(0,1fr);min-height:130px;gap:14px;padding:12px 14px 17px}
  .theme-choice h2{font-size:clamp(22px,5.8vw,32px)}
  .theme-choice .button{padding:7px 12px;font-size:13px}
}
@media(max-width:520px){
  .grid{grid-template-columns:minmax(0,1fr)}
}

/* Match the main red buttons and give the welcome label a scalloped trim from the memory cards. */
.theme-nav a{
  display:grid;align-content:center;justify-items:center;
  padding:7px 12px;border:1px solid var(--red);border-radius:9px;
  text-align:center;line-height:1.2;
}
.theme-nav a[href]{background:var(--red);color:#fff}
.theme-nav a[href]:hover{background:#a71236;color:#fff}
.theme-nav a:not([href]),.theme-nav a:not([href]):hover{background:#fff;color:var(--red)}
.intro>.eyebrow{
  background:url("welkom-rand.svg") center / 100% 100% no-repeat;
  padding:13px 20px;
}
@media(max-width:740px){
  .theme-nav a{padding:5px 2px}
}

.open-pdf{display:inline-block;margin:8px 0 0 12px;color:#8e2443;font-size:13px;font-weight:750;text-underline-offset:2px}
#package-pdf{margin-left:0}
.pdf-help{margin:0 0 18px;padding:10px 13px;border-left:3px solid var(--red);background:#fff6f7;font-size:14px}

.title-spark{position:relative;font-weight:inherit}
.title-spark::after{content:"";position:absolute;pointer-events:none;left:96%;top:9%;width:clamp(13px,2.6vw,23px);height:clamp(14px,2.8vw,25px);background:url("titel-streepjes.svg") center / contain no-repeat}
.bewaar-hulp{max-width:34ch;margin-top:12px;padding:11px;border:1px solid #d8bfdf;border-radius:10px;background:#fffaf6;font-size:13px}
.bewaar-hulp p{margin:0 0 8px}
.bewaar-keuzes{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bewaar-keuzes button,.bewaar-keuzes a{min-height:36px;padding:6px 8px;border:1px solid #8e2443;border-radius:7px;background:#fff;color:#8e2443;font:700 12px/1.4 system-ui,sans-serif}
.bewaar-keuzes a{display:inline-grid;align-items:center}
.bewaar-hulp #bewaar-status{margin:8px 0 0}
#bewaar-url{width:100%;margin-top:8px;font:inherit}

.save-help-link{padding:0;border:0;background:none;text-decoration:underline;cursor:pointer;font-family:inherit}
#package-help{margin-left:10px}