@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600&display=swap');
:root{--ink:#29354b;--purple:#466773;--pink:#f4d5d7;--lav:#edf2f4;--mint:#e5edef;--peach:#f9ecd0;--cream:#fffdfb}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 'DM Sans',sans-serif}h1,h2,h3,.brand{font-family:'Fredoka',sans-serif;font-weight:500;line-height:1.12}h1{font-size:clamp(2.8rem,6vw,5.3rem);letter-spacing:-.025em;margin:20px 0}h2{font-size:clamp(2rem,4vw,3rem);margin:12px 0 24px}h3{font-size:1.45rem;margin:16px 0 10px}p{max-width:650px}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.announcement{text-align:center;background:var(--lav);padding:9px;font-size:14px}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 32px;gap:20px}.brand{font-size:25px;line-height:1.05;display:flex;align-items:center;gap:12px}.mark{font:600 23px 'Fredoka';background:var(--purple);color:white;padding:14px 10px;border-radius:16px}.brand small{font:12px 'DM Sans';letter-spacing:2px;display:block;margin-top:7px}nav{display:flex;gap:28px;align-items:center}nav a{font-size:16px}nav a:hover,footer a:hover{text-decoration:underline}main{max-width:1240px;margin:auto;padding:20px 32px 70px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;padding:55px 0 65px}.eyebrow{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--purple);font-weight:700}.hero p{font-size:20px;max-width:510px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;background:var(--purple);color:white;border-radius:100px;padding:13px 25px;font-weight:600;border:1px solid var(--purple);font-size:16px}.button.secondary{background:transparent;color:var(--purple)}.button:hover{background:#36545f;color:white}.preview{background:var(--pink);border-radius:40px;padding:36px;transform:rotate(2deg)}.sheet{background:white;padding:35px 26px;border:1px solid #e5dce7;box-shadow:0 12px 0 #dcc8c7;border-radius:5px;transform:rotate(-5deg);text-align:center}.sheet h3{font-size:26px}.sheet .letters{font-size:52px;color:var(--purple);word-spacing:20px;margin:25px 0;line-height:1.6}.sheet .note{border-top:1px dashed #b5c7ce;padding-top:15px;font-size:14px}.strip{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0;border-top:1px solid #e2ddeb;border-bottom:1px solid #e2ddeb;gap:20px}.strip strong{display:block}.strip span{font-size:14px}section{margin:65px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.category{padding:28px;border-radius:20px;min-height:150px;background:var(--lav)}.category:nth-child(2n){background:var(--mint)}.category:nth-child(3n){background:var(--peach)}.category span{font-size:14px}.card{border:1px solid #e7e1ec;border-radius:22px;overflow:hidden;background:white}.sample{padding:28px;height:230px;display:flex;align-items:center;justify-content:center;background:var(--lav)}.card:nth-child(2n) .sample{background:var(--mint)}.card:nth-child(3n) .sample{background:var(--pink)}.mini{background:white;border:1px solid #ded6e8;padding:20px;text-align:center;transform:rotate(-4deg);width:85%;font:500 23px 'Fredoka';box-shadow:6px 6px 0 #ffffff70}.mini small{display:block;font:12px 'DM Sans';letter-spacing:1px;margin:12px 0}.mini b{font-weight:400;font-size:32px;display:block;color:var(--purple)}.cardbody{padding:23px}.tag{display:inline-block;border-radius:30px;background:var(--lav);color:#466773;padding:4px 11px;font-size:12px;font-weight:600}.card p{font-size:16px}.textlink{color:var(--purple);font-weight:600;text-decoration:underline;text-underline-offset:4px}.story{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;background:var(--peach);border-radius:28px;padding:50px}.story .quote{font:500 38px/1.25 'Fredoka';max-width:360px}.pageintro{max-width:790px;padding:40px 0 20px}.pageintro h1{font-size:clamp(2.8rem,5vw,4rem)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 35px}.filters a{padding:8px 16px;border:1px solid #ddd3eb;border-radius:30px;font-size:14px}.filters a.active{background:var(--purple);color:white}.detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:40px 0}.detail .sample{height:460px;border-radius:28px}.detail h1{font-size:42px}.detail .mini{font-size:32px;padding:50px}.notice{background:var(--lav);border-radius:16px;padding:20px;font-size:15px}.copy{max-width:780px;margin:40px auto}.copy p{max-width:none}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:25px}.panel{padding:30px;border:1px solid #e2d9e9;border-radius:20px;background:white}footer{border-top:1px solid #e2ddeb;padding:45px 32px;max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:30px}footer p,footer a{font-size:14px}footer .links{display:flex;gap:25px;flex-wrap:wrap}.breadcrumb{font-size:14px;color:var(--purple)}@media(max-width:800px){header{flex-direction:column;align-items:start;padding:20px}nav{gap:18px;flex-wrap:wrap}.hero,.story,.detail{grid-template-columns:1fr;gap:30px}.hero{padding:25px 0}.hero h1{font-size:3.4rem}.preview{margin:10px 5px}.grid{grid-template-columns:repeat(2,1fr)}main{padding:15px 20px 50px}.strip{grid-template-columns:1fr;gap:12px}.story{padding:30px}.twocol{grid-template-columns:1fr}footer{flex-direction:column}.detail .sample{height:330px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.sectionhead{align-items:start;flex-direction:column}.hero h1{font-size:3rem}.sheet .letters{font-size:40px}.brand{font-size:23px}}
.logo-frame{display:block;position:relative;overflow:hidden;width:230px;height:155px}.logo-frame img{position:absolute;width:230px;height:auto;max-width:none;top:-36px;left:0}header{padding-top:5px;padding-bottom:5px}footer .logo-frame{width:200px;height:135px}footer .logo-frame img{width:200px;top:-31px}@media(max-width:800px){header{align-items:center}nav{justify-content:center}.logo-frame{width:200px;height:135px}.logo-frame img{width:200px;top:-31px}}