/* A translucent cream sheet keeps the woodland visible through the website. */
:root{--paper:#faf5e9;--ink:#2c2832;--ink-soft:#443e46;--green:#795362;--sage:#eee2d3;--blue:#dfe5eb;--rose:#9f624b;--line:#dfd2c0;--gold:#ad803e}
html{background:#24313d}
body{position:relative;isolation:isolate;background:transparent;padding:76px 0 90px}
body::before{inset:0;z-index:-1;opacity:1;background:url('/assets/gwenllian/mollygee-lane.webp') center center / cover no-repeat;filter:none}
.page-shell{position:relative;max-width:1320px;width:calc(100% - clamp(42px,12vw,240px));margin:0 auto;background:rgba(250,245,233,.62);border:1px solid rgba(213,196,167,.55);border-radius:7px 13px 9px 5px;box-shadow:0 20px 64px rgba(12,20,32,.24),0 2px 6px rgba(16,19,26,.12)}
.page-shell::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:30;border-radius:inherit;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.wrap{max-width:1180px;width:calc(100% - 96px)}
.skip-link{top:12px;left:20px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;white-space:nowrap}
.skip-link:focus{top:12px;width:auto;height:auto;clip-path:none;padding:15px;white-space:normal}
.announcement{background:rgba(233,223,207,.20);color:#4f4033;border-radius:6px 12px 0 0}
.site-header{gap:24px;border-bottom-color:var(--line);height:110px}
.site-header nav{gap:24px;font-size:11px}
.site-header .brand>span{font-size:38px}
.site-header .mouse-mark{width:62px;height:62px}
.brand-caption{color:#51483f}
.hero{min-height:570px;padding:26px 0 46px}
.hero h1{font-size:clamp(42px,4.6vw,68px)}
html[lang='cy'] .hero h1{font-size:clamp(39px,4.3vw,60px);letter-spacing:-2.5px}
.hero h1 em,.collection-page h1 em,.shop-page h1 em,.closing-line p em{color:#744556}
.hero-copy .eyebrow,.section-heading .eyebrow,.about-copy .eyebrow{color:#62412d}
.hero-caption,.hero-welsh{color:#564538}
.hero-intro{max-width:335px}
.button{background:#795362;border-color:#795362;padding-inline:25px}
.button:hover{background:#644452;border-color:#644452}
.button-outline{background:transparent;color:var(--ink);border-color:#bda990}
.button-outline:hover{background:rgba(238,226,211,.35);color:var(--ink);border-color:#ad9277}
.text-link{border-color:#bc9c88;gap:0}
.hero-welsh{text-decoration:underline;text-underline-offset:4px}
.story-ribbon{background:rgba(233,223,209,.18);border-block:1px solid rgba(171,148,116,.35)}
.story-ribbon::before,.story-ribbon::after{display:none}
.story-ribbon span{color:#534133}
.collection-visual{background:rgba(238,226,206,.24)}
.welsh-card .collection-visual{background:rgba(226,229,239,.26)}
.collection-info .eyebrow,.collection-disclaimer,.shelf-footnote,.collection-tabs a{color:#4d3d45}
.collection-card:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.book-cover{background:#a37b63;border-color:#85614d}
.storybook-welsh .book-cover{background:#7e8fa9;border-color:#64728c}
.visual-note,.collection-spark{color:#71512c}
.welsh-card .visual-note,.welsh-card .collection-spark{color:#4c5c78}
.about-section{padding:48px 0;background:rgba(238,228,218,.18);border-block:1px solid rgba(171,148,127,.30)}
.about-section::before{display:none}
.about-grid{max-width:850px;grid-template-columns:280px 1fr;gap:65px}
.author-art{min-height:270px}
.sketch-paper{width:225px;height:auto;padding:13px;transform:rotate(-4deg);background:#fffaf0;box-shadow:1px 6px 13px #493e3626}
.sketch-paper::before{left:80px;background:#d1b99480}
.sketch-paper .author-portrait{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.author-sprig{width:95px;height:155px;bottom:-6px;right:-1px}
.about-copy{padding:0}
.about-copy h2{font-size:46px;margin:15px 0 20px;letter-spacing:-1.5px}
.about-copy>p:not(.eyebrow):not(.large-copy){font-size:14px;max-width:345px}
.little-section{padding-block:55px}
.site-footer{background:rgba(238,228,212,.20);border-top-color:rgba(171,148,116,.35);border-radius:0 0 8px 4px}
.footer-top>p,.footer-bottom,.breadcrumb{color:#4f4238}
.shelf-preview{background:rgba(240,229,211,.24)}
.shelf-welsh{background:rgba(229,231,238,.26)}
.shelf-art>.handwritten,.parcel-note{color:#5d4230}
.status-tag{background:rgba(251,245,232,.48);border-color:rgba(173,150,118,.45);color:#53402f}
.collection-tabs a:hover{border-color:#b7957e;color:var(--ink)}
dialog{border-color:#cbb89b;box-shadow:0 20px 90px #15182166}
dialog::backdrop{background:#202331c7}
::selection{background:#e0c8cf}
@media(min-width:1600px){.hero{min-height:625px}.hero-art{width:108%}.hero h1{font-size:72px}}
@media(max-width:1200px){.wrap{width:calc(100% - 70px)}.site-header nav{gap:18px}.site-header .brand>span{font-size:34px}.site-header .mouse-mark{width:58px;height:58px}.language-link{padding-left:16px!important}.hero{min-height:540px}.hero-intro{font-size:13px}.hero h1{letter-spacing:-2.5px}.about-grid{gap:40px;grid-template-columns:250px 1fr}}
@media(max-width:960px){body{padding-top:54px}.page-shell{width:calc(100% - 72px)}.wrap{width:calc(100% - 54px)}.site-header{height:90px;position:relative;z-index:40}.menu-toggle{display:flex;align-items:center;gap:10px;border:1px solid #cdbda8;border-radius:4px;background:transparent;padding:8px 10px;font-size:11px}.menu-toggle svg{width:18px;height:18px}.site-header nav{display:none;position:absolute;top:80px;left:-4px;right:-4px;padding:15px 22px;background:var(--paper);border:1px solid #d6c6af;box-shadow:0 12px 20px #49352620;border-radius:4px;align-items:stretch;gap:0;font-size:13px}.site-header nav.is-open{display:flex;flex-direction:column}.site-header nav>a{padding:13px 2px;align-self:stretch}.site-header nav>a:not(.language-link)::after{display:none}.language-link{border-left:0;border-top:1px solid var(--line);margin-left:0;margin-top:6px;padding-left:2px!important}.language-link svg{display:block}.hero{min-height:480px}.hero h1{font-size:43px}html[lang='cy'] .hero h1{font-size:39px;letter-spacing:-2px}.hero-intro{font-size:12px;max-width:280px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.about-grid{gap:30px;grid-template-columns:220px 1fr}.sketch-paper{width:205px}.author-art{min-height:250px}.about-copy h2{font-size:40px}.about-copy>p:not(.eyebrow):not(.large-copy){font-size:13px}}
@media(max-width:660px){body{padding:32px 0 45px}.page-shell{width:calc(100% - 30px);border-radius:5px 9px 7px 4px;box-shadow:0 12px 32px rgba(12,20,32,.22)}.wrap{width:calc(100% - 36px)}.announcement{font-size:7px;letter-spacing:.1px;height:28px;gap:8px}.site-header{height:82px;gap:10px}.site-header .brand>span{font-size:29px}.site-header .mouse-mark{width:46px;height:46px}.brand{gap:6px}.brand-caption{font-size:5.3px;letter-spacing:1.3px;margin-top:8px}.menu-toggle{font-size:9px;padding:7px 8px;gap:7px}.site-header nav{top:72px}.hero{padding-top:29px;padding-bottom:32px;min-height:0}.hero h1{font-size:clamp(35px,9.2vw,51px);letter-spacing:-1.9px}html[lang='cy'] .hero h1{font-size:clamp(29px,8.4vw,47px);letter-spacing:-1.5px}.hero-intro{max-width:350px;font-size:12px}.hero-art{width:100%;margin-left:0}.hero-caption{font-size:23px}.story-ribbon .wrap{width:calc(100% - 26px);gap:9px}.story-ribbon span{font-size:10px}.story-ribbon .star{width:8px}.books-section{padding-block:48px}.section-heading h2{font-size:30px}.collection-visual{height:280px}.collection-info h3{font-size:25px}.about-section{padding:35px 0 40px}.about-grid{grid-template-columns:1fr;gap:24px}.author-art{min-height:230px;max-width:260px}.sketch-paper{width:205px}.author-sprig{width:85px;height:140px;bottom:-7px;right:-3px}.about-copy{padding:0}.about-copy h2{font-size:38px;margin:12px 0 16px}.about-copy>p:not(.eyebrow):not(.large-copy){font-size:13px;max-width:330px}.about-copy .text-link{margin-top:9px}.little-section{padding-block:37px}.little-section .button{padding-inline:14px}.closing-line{max-width:calc(100% - 60px);padding-inline:5px}.closing-line p{font-size:20px}.footer-top .brand>span{font-size:27px}.footer-top .mouse-mark{width:42px;height:42px}.footer-top{gap:15px}.footer-top>p{font-size:21px}.footer-bottom>div{gap:17px}.collection-page h1,.shop-page h1{font-size:clamp(39px,10.8vw,52px)}.shelf-copy{padding-inline:23px}.shelf-copy h2{font-size:27px}.reading-note h2{font-size:27px}.shop-details h2{font-size:28px}.parcel-note{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Custom illustrated lettering, shared by the header and footer. */
.brand .brand-type{display:flex;flex-direction:column;align-items:center;line-height:1;letter-spacing:normal}
.brand .brand-wordmark{display:block;width:216px;height:auto;max-width:none}
.brand .brand-caption{font-family:var(--sans);font-size:7px;font-weight:500;letter-spacing:2px;line-height:1.25;margin:9px 0 0;color:#51453e}
.site-header .brand{gap:10px}
.site-header .mouse-mark{width:66px;height:66px}
.footer-top .brand-wordmark{width:184px}
.footer-top .brand-caption{font-size:6px;letter-spacing:1.5px;margin-top:8px}
@media(max-width:1200px){.site-header .brand-wordmark{width:188px}.site-header .brand{gap:8px}.site-header .mouse-mark{width:58px;height:58px}.site-header nav{gap:16px}}
@media(max-width:960px){.site-header .brand-wordmark{width:194px}}
@media(max-width:660px){.site-header .brand-wordmark{width:146px}.site-header .brand{gap:6px}.site-header .mouse-mark{width:45px;height:45px}.site-header .brand-caption{font-size:5.4px;letter-spacing:1.25px;margin-top:7px}.footer-top .brand-wordmark{width:146px}.footer-top .brand-caption{font-size:5.4px;letter-spacing:1.2px;margin-top:7px}.footer-top .mouse-mark{width:40px;height:40px}.footer-top{column-gap:10px}}