/* The interface belongs to the illustrated woodland, with real painted leaf surfaces. */
:root{--serif:'Berkshire Swash',Georgia,serif;--sans:'Nunito','Segoe UI',sans-serif;--ink:#302637;--ink-soft:#443b43}
body{font-size:15px}
h1,h2,h3{letter-spacing:0!important;font-weight:400}
h1 em,h2 em,h3 em,.closing-line em{font-style:normal}
.eyebrow{letter-spacing:1.3px}
.hero{display:grid;grid-template-columns:175px minmax(0,1fr) 175px;grid-template-areas:'title title title' 'intro art actions';column-gap:12px;row-gap:5px;min-height:0;padding:35px 0 25px}
.hero-title-block{grid-area:title;text-align:center;position:relative;z-index:2}
.hero-title-block .eyebrow{font:28px/1.2 var(--hand);letter-spacing:0;color:#68503e;margin-bottom:9px}
.hero h1,html[lang='cy'] .hero h1{font:43px/1.17 var(--serif);white-space:normal;margin:0}
.hero h1 em{display:inline-block;font-size:1.45em;color:#67445e;transform:rotate(-2deg);margin-top:2px}
.hero-art{grid-area:art;position:relative;width:112%;margin:0 0 0 -6%;padding:0;pointer-events:none;align-self:center}
.woodland-scene{width:100%;height:auto;max-height:none;min-height:0}
.hero-caption{position:relative;display:block;font:27px/1 var(--hand);text-align:center;right:auto;bottom:auto;margin:-10px 0 0;transform:rotate(-4deg);color:#59432d}
.hero-intro{grid-area:intro;max-width:175px;font-size:15px;line-height:1.8;text-align:center;margin:0 0 32px;align-self:center;color:#3b3038}
.hero-actions{grid-area:actions;align-self:center;display:flex;align-items:center;flex-direction:column;margin:0 0 25px;position:relative;z-index:2}
.button,.text-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:230px;min-height:100px;padding:23px 36px 27px;border:0;border-radius:0;background:url('/assets/leaf-button-v1.webp') center / 100% 100% no-repeat;color:#39271f;font:20px/1.15 var(--serif);text-align:center;text-decoration:none;gap:0;filter:drop-shadow(0 4px 3px #49332229);transition:transform .2s,filter .2s}
.button:hover,.text-link:hover{background:url('/assets/leaf-button-v1.webp') center / 100% 100% no-repeat;border:0;color:#271d18;transform:rotate(-3deg) translateY(-3px);filter:drop-shadow(0 7px 5px #49332240)}
.button:focus-visible,.text-link:focus-visible{outline:2px dashed #644d65;outline-offset:3px}
.hero .button{font-size:20px;padding:23px 36px 27px;min-height:100px}
.hero-welsh{font:21px/1.1 var(--hand);color:#4f3a42;text-decoration:none;margin:10px 0 0;width:auto}
.hero-welsh:hover{transform:rotate(-3deg);text-decoration:none}
.story-ribbon{background:none;border:0;margin:0 auto;padding:14px 0 26px}
.story-ribbon .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;height:auto;align-items:center}
.ritual-leaf{height:165px;background-position:center;background-size:100% 100%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 6px 4px #30231920)}
.ritual-bedtime{background-image:url('/assets/leaf-bedtime-v1.webp');transform:rotate(-5deg)}
.ritual-onemore{background-image:url('/assets/leaf-onemore-v1.webp');transform:rotate(4deg);margin-top:20px}
.ritual-together{background-image:url('/assets/leaf-together-v1.webp');transform:rotate(-4deg)}
.story-ribbon span{font:23px/1.17 var(--serif);color:#3c291f;max-width:72%;text-align:center;padding:0 10px;display:block}
.books-section{padding-top:55px;padding-bottom:65px}
.section-heading{align-items:center;margin-bottom:35px}
.section-heading h2{font-size:38px;line-height:1.22}
.section-heading .eyebrow{font:25px/1.2 var(--hand);letter-spacing:0;margin-bottom:12px;text-transform:lowercase;color:#68503e}
.section-heading>p{font-size:14px;max-width:250px}
.collection-info h3{font-size:30px;margin:12px 0}
.collection-info p{font-size:13px}
.collection-visual{background-color:#f3dfbe24!important;border-radius:42% 49% 8% 12%!important}
.welsh-card .collection-visual{background-color:#d7def330!important;border-radius:47% 42% 13% 7%!important}
.visual-note{font-size:25px}
.collection-disclaimer{font-size:11px}
.about-section{padding:48px 0 40px;background:rgba(234,215,205,.10);border:0}
.about-copy .eyebrow{font:25px/1.2 var(--hand);letter-spacing:0;color:#68503e}
.about-copy h2{font-size:44px;margin:8px 0 14px}
.about-copy>p:not(.eyebrow):not(.large-copy){font-size:15px;line-height:1.8}
.about-copy .text-link{margin:7px 0 0 -12px}
.little-section{display:grid;grid-template-columns:48% 52%;gap:0;align-items:center;border:0;padding:55px 0 20px;position:relative}
.parcel-art{width:100%;max-width:430px;margin:0;transform:rotate(-5deg);align-self:center}
.parcel-art img{width:100%;height:auto;filter:drop-shadow(0 9px 7px #372b2419)}
.little-copy{padding:0 12px 0 35px}
.little-section .eyebrow{font:29px/1.15 var(--hand);letter-spacing:0;color:#6d4d3d;display:block;transform:rotate(-3deg);max-width:350px}
.little-section h2{font:51px/1.14 var(--serif);margin:18px 0 20px}
.little-section h2 em{color:#68465e}
.little-section p{font-size:15px;line-height:1.85;color:#43363e}
.little-section .button{margin:15px 0 0 -10px;width:240px;min-height:105px;font-size:21px;padding:24px 38px 28px;white-space:normal;grid-column:auto}
.closing-line{max-width:760px;width:calc(100% - 100px);margin:30px auto 65px;padding:40px 50px 30px 130px}
.closing-line p{font:37px/1.35 var(--serif);letter-spacing:0;color:#302637}
.closing-line p em{color:#68465e}
.closing-line>img{width:150px;height:225px;left:-3px;top:-8px;transform:rotate(-14deg);opacity:1}
.small-star{font-size:45px;right:0;top:60px;color:#a37a2e}
.footer-top>p{font-size:27px;color:#58432e}
.collection-page h1,.shop-page h1{font:64px/1.13 var(--serif)}
.collection-page h1 em,.shop-page h1 em{color:#67445e}
.collection-tabs{font-size:14px}
.collection-page-heading>p:not(.eyebrow){font-size:15px}
.reading-note h2,.shop-details h2{font-size:38px}
.shelf-copy h2{font-size:35px}
.shelf-copy p,.reading-note p,.shop-details p{font-size:14px}
.breadcrumb,.back-top{font-family:var(--hand);font-size:21px;text-decoration:none}
.back-top:hover,.breadcrumb:hover{text-decoration:none;transform:rotate(-3deg)}
dialog .button{font-size:18px;width:230px;margin-top:4px}
@media(max-width:1100px){.hero{grid-template-columns:155px minmax(0,1fr) 155px}.hero h1,html[lang='cy'] .hero h1{font-size:39px}.hero-intro{font-size:14px;max-width:155px}.hero .button{width:205px;min-height:93px;font-size:18px;padding-inline:31px}.ritual-leaf{height:145px}.story-ribbon span{font-size:21px}.little-section h2{font-size:45px}.little-copy{padding-left:25px}.closing-line p{font-size:34px}.footer-top>p{font-size:23px}}
@media(max-width:850px){.hero{grid-template-columns:140px minmax(0,1fr) 140px;padding-top:27px}.hero h1,html[lang='cy'] .hero h1{font-size:34px}.hero-title-block .eyebrow{font-size:26px}.hero-intro{font-size:13px}.hero-art{width:120%;margin-left:-10%}.hero-caption{font-size:24px;margin-top:0}.hero .button{width:180px;min-height:88px;font-size:17px;padding-inline:25px}.hero-welsh{font-size:19px}.ritual-leaf{height:125px}.story-ribbon span{font-size:19px;padding:0 5px}.section-heading{display:block}.section-heading>p{max-width:390px;margin-top:20px}.section-heading>p br{display:none}.section-heading h2{font-size:35px}.little-section{grid-template-columns:44% 56%;padding-top:50px}.little-copy{padding-left:20px}.little-section .eyebrow{font-size:25px}.little-section h2{font-size:41px}.little-section p{font-size:14px}.little-section .button{width:220px;min-height:98px;font-size:19px}.closing-line{width:calc(100% - 75px);padding-left:95px;padding-right:20px}.closing-line>img{width:115px;height:180px;left:-15px;top:5px}.closing-line p{font-size:30px}.small-star{font-size:35px;right:-13px}}
@media(max-width:660px){.hero{display:grid;grid-template-columns:1fr;grid-template-areas:'title' 'art' 'intro' 'actions';padding:28px 0 15px;gap:0;align-items:center}.hero h1,html[lang='cy'] .hero h1{font-size:31px;line-height:1.2}.hero h1 em{font-size:1.42em;margin-top:0}.hero-title-block .eyebrow{font-size:23px;margin-bottom:8px}.hero-art{width:112%;margin:5px 0 0 -6%;max-height:none}.hero-caption{font-size:26px;margin-top:-5px}.hero-intro{max-width:275px;font-size:14px;margin:26px auto 8px;line-height:1.8}.hero-actions{margin:0 auto;width:100%}.hero .button{width:240px;min-height:100px;padding:22px 35px 27px;font-size:21px}.hero-welsh{font-size:21px;margin-top:2px}.story-ribbon{padding:20px 0 0}.story-ribbon .wrap{display:flex;flex-direction:column;width:100%;gap:0}.ritual-leaf{width:280px;max-width:92%;height:140px;margin:0}.ritual-onemore{margin-top:-8px;margin-left:15px}.ritual-together{margin-top:-7px;margin-right:10px}.story-ribbon span{font-size:23px;max-width:72%;padding:0 10px}.books-section{padding-block:38px}.section-heading h2{font-size:30px}.section-heading .eyebrow{font-size:24px}.section-heading>p{font-size:14px}.collection-info h3{font-size:29px}.collection-info p{font-size:13px}.collection-disclaimer{font-size:10px}.about-section{padding-block:35px}.about-copy h2{font-size:40px}.about-copy>p:not(.eyebrow):not(.large-copy){font-size:14px}.about-copy .text-link{width:235px;min-height:100px;margin-left:-9px;font-size:20px}.little-section{display:flex;flex-direction:column;padding:12px 0 5px;gap:0}.parcel-art{width:100%;max-width:335px;margin:0 auto;transform:rotate(-5deg)}.little-copy{text-align:center;padding:0;width:100%;margin-top:5px}.little-section .eyebrow{font-size:26px;max-width:270px;margin:auto}.little-section h2{font-size:43px;margin:16px 0 18px}.little-section p{font-size:14px;max-width:290px;margin:auto}.little-section p br{display:none}.little-section .button{display:flex;justify-self:auto;width:240px;min-height:105px;padding:24px 36px 28px;margin:14px auto 0;font-size:21px}.closing-line{width:calc(100% - 45px);max-width:none;margin:20px auto 40px;padding:30px 3px 30px 45px}.closing-line p{font-size:27px;line-height:1.4}.closing-line>img{width:75px;height:150px;left:-21px;top:2px;transform:rotate(-12deg)}.small-star{font-size:26px;right:-13px;top:75px}.footer-top{grid-template-columns:1fr auto;gap:15px}.footer-top>p{font-size:24px}.back-top{font-size:16px}.collection-page h1,.shop-page h1{font-size:48px}.collection-page-heading>p:not(.eyebrow){font-size:14px}.shelf-copy h2{font-size:31px}.shelf-copy p,.reading-note p,.shop-details p{font-size:14px}.reading-note h2,.shop-details h2{font-size:31px}.reading-note .text-link{font-size:19px;margin-top:8px}.shop-details .button{font-size:20px}.breadcrumb{font-size:20px}.collection-tabs{font-size:12px}.shop-intro p{font-size:14px}.shop-parcel{margin-top:20px}.parcel-note{font-size:25px}}
@media(max-width:380px){.site-header .brand-wordmark,.footer-top .brand-wordmark{width:128px}.site-header .mouse-mark{width:38px;height:38px}.site-header .brand{gap:4px}.site-header .brand-caption{font-size:5px;letter-spacing:1px}.site-header{gap:6px}.footer-top .mouse-mark{width:34px;height:34px}.footer-top .brand{gap:4px}.back-top{font-size:14px}.hero h1,html[lang='cy'] .hero h1{font-size:28px}.closing-line p{font-size:24px}}
.button,.text-link,.hero .button,.little-section .button{padding-left:50px;padding-right:28px}
.story-ribbon span{margin-left:10%}
@media(max-width:660px){.shop-page h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.button,.text-link{transition:none}.button:hover,.text-link:hover{transform:none}}

/* Shared baselines for the books, handwritten captions and collection text. */
.collection-grid{align-items:start;gap:38px}
.collection-card{display:grid;grid-template-rows:350px auto;min-width:0}
.collection-card .collection-visual{height:350px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:15px 0 0;gap:22px;overflow:visible}
.collection-card .storybook{width:195px;height:258px;margin:0;transform:none}
.collection-card:hover .storybook,.collection-card:hover .storybook-welsh{transform:translateY(-5px)}
.collection-card .visual-note,.collection-card.welsh-card .visual-note{position:static;width:90%;min-height:32px;margin:0;transform:none;text-align:center;font:25px/1.25 var(--hand)}
.collection-card .collection-spark{top:95px;left:calc(50% - 155px);right:auto;font-size:36px}
.collection-card.welsh-card .collection-spark{left:auto;right:calc(50% - 155px)}
.collection-info{display:block;text-align:center;padding:17px 4px 8px}
.collection-info>div{display:grid;grid-template-rows:24px 68px auto;align-items:center}
.collection-info .eyebrow{display:block;line-height:1.5}
.collection-info h3{display:flex;align-items:center;justify-content:center;min-height:68px;margin:0;font-size:30px;line-height:1.15}
.collection-info p{margin-top:7px;line-height:1.8}

/* Painted leaves and storybook lettering replace the plain navigation underline. */
.site-header{gap:18px}
.site-header nav{gap:5px;align-items:center}
.site-header nav>a{position:relative;isolation:isolate;padding:17px 12px;font:18px/1.2 var(--serif);color:#352a32;transition:color .18s,transform .18s}
.site-header nav>a::before{content:'';position:absolute;inset:1px -3px;z-index:-1;background:url('/assets/leaf-button-v1.webp') center / contain no-repeat;opacity:0;transition:opacity .18s}
.site-header nav>a:not(.language-link){min-width:78px;text-align:center}
.site-header nav>a:not(.language-link)::after{display:none}
.site-header nav>a:hover::before{opacity:.58}
.site-header nav>a[aria-current]::before{opacity:.9}
.site-header nav>a:hover{color:#201b22;transform:translateY(-2px)}
.site-header nav>.language-link{border:0;margin:0 0 0 7px;padding:17px 17px 17px 23px!important;gap:7px}
.site-header nav>.language-link::before{background-image:url('/assets/leaf-onemore-v1.webp');opacity:.72;inset:0 -5px}
.site-header nav>.language-link svg{display:block;width:14px;height:14px}
.soon-dot{width:4px;height:4px;background:#9c733c;margin-left:3px}
@media(max-width:1200px) and (min-width:961px){.site-header nav{gap:1px}.site-header nav>a{font-size:16px;padding-inline:9px}.site-header nav>.language-link{padding-left:19px!important;padding-right:11px!important;margin-left:4px}.site-header{gap:13px}}
@media(max-width:960px){.site-header nav{align-items:stretch;gap:2px;padding:17px 24px;background:#faf2df;box-shadow:0 15px 28px #211a2040;border:1px solid #bda576;border-radius:10px 5px 18px 6px}.site-header nav>a{padding:16px 25px;font-size:22px;align-self:stretch}.site-header nav>a::before{inset:0 auto 0 2px;width:205px;background-size:100% 100%}.site-header nav>.language-link{margin:6px 0 0;padding:16px 25px!important;align-self:flex-start;gap:12px;min-width:180px}.site-header nav>.language-link::before{inset:0 0;width:190px}.menu-toggle{border:0;background:url('/assets/leaf-button-v1.webp') center / 100% 100% no-repeat;min-width:90px;min-height:43px;padding:8px 11px 9px 19px;gap:6px;font:19px/1 var(--hand);color:#38291e}.menu-toggle svg{width:15px;height:15px}}
@media(max-width:850px){.collection-grid{gap:25px}.collection-card{grid-template-rows:325px auto}.collection-card .collection-visual{height:325px;gap:18px}.collection-card .storybook{width:178px;height:238px}.collection-card .visual-note,.collection-card.welsh-card .visual-note{font-size:23px}.collection-card .collection-spark{left:calc(50% - 122px);font-size:28px}.collection-card.welsh-card .collection-spark{right:calc(50% - 122px)}.collection-info h3{font-size:28px}.collection-info>div{grid-template-rows:24px 72px auto}}
@media(max-width:660px){.collection-grid{gap:30px}.collection-card{grid-template-rows:330px auto}.collection-card .collection-visual{height:330px;gap:20px;padding-top:10px}.collection-card .storybook{width:185px;height:248px}.collection-card .visual-note,.collection-card.welsh-card .visual-note{font-size:24px}.collection-card .collection-spark{left:calc(50% - 122px);top:95px}.collection-card.welsh-card .collection-spark{right:calc(50% - 122px)}.collection-info{padding-top:10px}.collection-info>div{grid-template-rows:auto auto auto;gap:10px}.collection-info h3{min-height:0;font-size:29px}.collection-info p{margin-top:0}.site-header nav>a{font-size:21px}.menu-toggle{min-width:76px;min-height:39px;font-size:16px;padding-left:14px;padding-right:8px;gap:4px}.menu-toggle svg{width:13px;height:13px}}
@media(max-width:380px){.menu-toggle{min-width:70px;font-size:15px}.site-header .brand-wordmark{width:120px}.site-header .mouse-mark{width:35px;height:35px}.site-header .brand-caption{font-size:4.8px;letter-spacing:.9px}}
@media(prefers-reduced-motion:reduce){.site-header nav>a,.site-header nav>a::before{transition:none}.site-header nav>a:hover{transform:none}}
