@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--paper:#fbf8f0;--ink:#223e35;--orange:#ed805a;--muted:#647469}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}header,main,footer{max-width:1260px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 48px;border-bottom:1px solid #dbe0d5}.brand{font-family:'Fraunces',serif;font-size:35px;letter-spacing:-2px;text-decoration:none;color:var(--ink)}.brand span{color:var(--orange);font-size:23px;margin-left:5px}nav{display:flex;gap:30px;align-items:center}a{color:inherit}nav a{text-decoration:none;font-size:14px}select,input{font:inherit;color:inherit;border:1px solid #c7cfc2;background:#fffdf6;border-radius:8px;padding:10px 12px}nav select{font-size:16px}.hero{padding:65px 48px 58px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 22px}h1,h2,h3{font-family:'Fraunces',serif;font-weight:500;line-height:1.08}h1{font-size:clamp(45px,5.2vw,70px);letter-spacing:-2.7px;margin:0 0 26px}h2{font-size:42px;letter-spacing:-1px;margin:0 0 25px}h3{font-size:25px;margin:18px 0 12px}.lead{font-size:17px;max-width:450px;color:var(--muted)}.buttons{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin-top:30px}.primary{display:inline-flex;gap:28px;justify-content:space-between;align-items:center;padding:16px 22px;background:var(--ink);color:#fffdf5;border:0;border-radius:8px;font:600 14px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer}.primary:hover{background:#355a49}.secondary{font-size:14px;text-underline-offset:5px}.micro{font-size:12px;color:var(--muted);margin-top:20px}.art{position:relative;transform:rotate(2deg);border-radius:130px 130px 12px 12px;background:#ede8d5;padding:12px;box-shadow:0 15px 30px #223e3510}.art img{width:100%;display:block;border-radius:120px 120px 8px 8px;aspect-ratio:1;object-fit:cover}.art-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;padding:16px 12px 7px}.sticker{position:absolute;right:-18px;top:26px;background:#f8d875;width:108px;height:108px;display:grid;place-content:center;text-align:center;border-radius:50%;transform:rotate(12deg);font-family:'Fraunces',serif;line-height:1.3;font-size:16px}.strip{margin:0 48px;padding:22px 0;display:flex;justify-content:space-around;border-block:1px solid #dbe0d5;font-size:13px}.section{padding:75px 48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:42px}.steps b{font-size:12px;border:1px solid #bdcabc;border-radius:50%;padding:11px}.steps p,.builder p{color:var(--muted);font-size:15px}.builder{background:#edf0e5;border-radius:20px;margin:0 48px;padding:48px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.builder form{background:var(--paper);padding:28px;border-radius:14px;display:flex;flex-direction:column;gap:10px}.builder label{font-size:13px;font-weight:600}.builder .micro{font-size:11px;margin:0 0 8px}.builder output{font-family:'Fraunces',serif;font-size:24px}.note{border-left:2px solid var(--orange);padding-left:16px}details{border-bottom:1px solid #dbe0d5;padding:20px 0}summary{cursor:pointer;font-weight:500}details p{color:var(--muted);max-width:800px}footer{padding:32px 48px;border-top:1px solid #dbe0d5;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>span{font-size:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}@media(max-width:760px){header{padding:20px}.brand{font-size:30px}nav a{display:none}.hero{grid-template-columns:1fr;padding:40px 24px;gap:35px}.art{max-width:450px;margin:auto}.sticker{right:-6px}.section{padding:48px 24px}.steps{grid-template-columns:1fr;gap:24px}.strip{margin:0 24px;gap:15px;font-size:11px}.builder{grid-template-columns:1fr;margin:0 16px;padding:28px;gap:20px}h2{font-size:34px}footer{padding:28px 24px;flex-wrap:wrap}.buttons{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

[hidden]{display:none!important}
.eyebrow{font-size:13px;letter-spacing:.3px;font-weight:500}.reading{max-width:820px;padding:60px 32px 80px}.reading h1{font-size:clamp(36px,5vw,56px);letter-spacing:-1.5px}.reading .lead{max-width:none}.reading section{margin:36px 0}.reading h2{font-size:28px;line-height:1.25;margin-bottom:14px}.reading p{line-height:1.8}.article-cta{background:#edf0e5;padding:30px;border-radius:14px;margin-top:42px}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}.journal-grid article{padding:30px;border:1px solid #dbe0d5;border-radius:15px}.journal-grid h2{font-size:29px;line-height:1.2}.journal-grid h2 a{text-decoration:none}.catalogue{display:grid;gap:28px;margin-top:40px}.theme-card{display:grid;grid-template-columns:340px 1fr;border:1px solid #dbe0d5;border-radius:18px;overflow:hidden}.theme-art{background:#f0eddf;display:grid;place-items:center}.theme-art img,.theme-art svg{width:100%;display:block}.theme-art img{aspect-ratio:1;object-fit:cover}.theme-copy{padding:32px}.theme-copy h2{font-size:33px;line-height:1.15}.sample-links{display:flex;flex-wrap:wrap;gap:12px}.sample-links a{border:1px solid #b5c5b6;padding:9px 12px;border-radius:7px;font-size:13px;text-underline-offset:3px}.age-guide{margin-top:65px}.site-links{display:flex;gap:18px;flex-wrap:wrap}.shop-form{max-width:600px;display:grid;gap:12px}.shop-form label{font-weight:500}.shop-form button{margin-top:14px}nav{flex-wrap:wrap;gap:20px}@media(max-width:760px){nav a{display:block;font-size:12px}header{gap:15px}nav{gap:12px}.journal-grid{grid-template-columns:1fr}.theme-card{grid-template-columns:1fr}.theme-art{max-height:300px;overflow:hidden}.theme-art img{height:300px;width:100%;object-fit:cover}.theme-art svg{height:260px}.theme-copy{padding:24px}.reading{padding:40px 24px}.reading h2{font-size:26px}.section>h1{font-size:42px;letter-spacing:-1.5px}}

/* Shared select geometry across the language, age and checkout controls. */
select{appearance:none;-webkit-appearance:none;padding-inline:12px 40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23223e35' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;cursor:pointer}
select:disabled{cursor:not-allowed;opacity:.6}
@media(forced-colors:active){select{appearance:auto;-webkit-appearance:auto;background-image:none;padding-inline-end:12px}}

/* Phone layouts keep navigation tappable and form content inside its column. */
.hero>*,.builder>*,.builder form,.shop-form{min-width:0}
input,select{min-width:0;max-width:100%}
.builder output{overflow-wrap:anywhere}
@media(max-width:760px){
 header{position:relative;flex-wrap:wrap;gap:8px;padding:16px 20px}
 header .brand{flex-shrink:0}
 header nav{width:100%;gap:4px 18px}
 header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
 header nav select{position:absolute;right:20px;top:16px;width:150px;min-height:44px;font-size:16px}
 .hero h1{font-size:clamp(36px,10vw,45px);letter-spacing:-1.5px}
 .builder{padding:24px}
 .builder form{padding:20px}
 .primary,.sample-links a{min-height:44px}
 .sample-links a{display:inline-flex;align-items:center}
 .secondary{display:inline-block;padding-block:10px}
 .reading a,.theme-copy a,footer a{overflow-wrap:anywhere}
}
@media(max-width:350px){header nav select{width:140px;right:16px}header{padding-inline:16px}.brand{font-size:28px}}

.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.shop-story img{width:100%;max-width:420px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:100px 100px 12px 12px;margin:20px 0}.shop-story h1{white-space:pre-line}.shop-story h2{font-size:30px;line-height:1.2}.shop-story p{max-width:480px}.shop-panel{background:#edf0e5;padding:32px;border-radius:18px;min-width:0}.shop-panel .micro{margin:0 0 10px}.shop-panel .shop-price{font-family:'Fraunces',serif;font-size:36px;margin:0}.shop-panel .primary{justify-content:center}.shop-panel button:disabled{opacity:.65;cursor:wait}.shop-panel .secondary{background:none;border:0;cursor:pointer;font:inherit;text-decoration:underline;margin-block:14px}.shop-panel a{overflow-wrap:anywhere}#form-message:empty{display:none}@media(max-width:760px){.shop-layout{grid-template-columns:1fr;gap:28px}.shop-story img{max-width:280px}.shop-panel{padding:24px}.shop-story h1{font-size:42px;letter-spacing:-1.5px}}
