/* Public-site palette, fonts, pill buttons and paper cards; scoped to /printables. */
*{box-sizing:border-box;margin:0;padding:0}
:root{--stone:#F2EDE4;--stone2:#EAE3D8;--white:#FFFCF8;--ink:#2C2825;--mid:#71655c;--terra:#C17F5A;--td:#8B5A3A;--sage:#8FAF8C;--blue:#88AABD;--lavender:#9B7BAA;--bdr:rgba(139,90,58,.18)}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-family:'Nunito',sans-serif;background:var(--stone);color:var(--ink);line-height:1.7}a{color:inherit}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--td);outline-offset:5px}h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.05}h2{font-size:clamp(32px,4vw,43px)}h3{font-size:27px}em{font-weight:400;color:var(--td)}.skip-link{position:fixed;top:-80px;background:var(--white);padding:12px;z-index:200}.skip-link:focus{top:0}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(242,237,228,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--bdr)}.nav-brand{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:500;letter-spacing:.06em;color:var(--td);text-decoration:none;white-space:nowrap}.nav-links{display:flex;gap:24px;align-items:center;font-size:12px;font-weight:700}.nav-links>a{text-decoration:none}.nav-links>[aria-current]{text-decoration:underline;text-underline-offset:5px}.nav-cta{background:var(--terra);color:#fff;padding:8px 18px;border-radius:20px;white-space:nowrap}.nav-cta:hover{background:var(--td)}.hero{max-width:1160px;margin:auto;min-height:630px;padding:140px 40px 65px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--td);margin-bottom:15px}h1{font-size:clamp(48px,6vw,76px);letter-spacing:-.035em}.hero-line{font-family:'Caveat',cursive;font-size:26px;color:var(--td);margin:22px 0 12px}.intro{max-width:450px;color:var(--mid);font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:28px;padding:12px 24px;font-size:13px;font-weight:700;text-decoration:none;border:1px solid var(--bdr);transition:background .2s}.primary{background:var(--terra);color:#fff;border-color:transparent}.primary:hover{background:var(--td)}.secondary{background:transparent;color:var(--td)}.secondary:hover{background:var(--stone2)}.hero-art{position:relative;height:380px;display:grid;place-items:center}.paper{position:absolute;width:260px;height:330px;background:var(--white);border:1px solid var(--bdr);box-shadow:0 12px 32px #5b463013}.paper-back{transform:rotate(-11deg) translate(-18px,-3px);background:#dde5d7}.paper-front{transform:rotate(6deg);display:flex;flex-direction:column;align-items:center;padding:25px 15px;text-align:center}.paper-brand{font-size:9px;letter-spacing:.2em;color:var(--td)}.paper-front img{width:215px;height:135px;object-fit:cover}.paper-title{font-family:'Cormorant Garamond',serif;font-size:33px;line-height:1.05}.paper-note{font-size:10px;color:var(--mid);margin-top:20px}.art-caption{position:absolute;bottom:-5px;right:0;font-family:'Caveat',cursive;color:var(--td);font-size:24px;transform:rotate(-5deg)}.section{padding:60px max(28px,calc((100% - 1080px)/2))}.collections{background:var(--white);border-block:1px solid var(--bdr)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.section-heading>p{font-size:13px;color:var(--mid)}.collection-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.collection{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:154px;border:1px solid var(--bdr);border-radius:16px;text-decoration:none;padding:18px 14px;background:var(--wash);transition:transform .2s}.collection:hover{transform:translateY(-3px)}.collection-mark{font-family:'Caveat',cursive;font-size:32px;color:var(--td)}.collection-name{font-size:12px;font-weight:800;line-height:1.4}.terra{--wash:#f0e0d4}.sage{--wash:#e4eadd}.blue{--wash:#e0e9ed}.lavender{--wash:#ede0f0}.catalogue-note{color:var(--mid);font-size:13px;max-width:640px;margin-bottom:25px}.filters{display:flex;gap:8px;flex-wrap:wrap;scroll-margin-top:110px}.filter{font-size:12px;font-weight:700;color:var(--mid);padding:9px 15px;border-radius:22px;border:1px solid var(--bdr);background:transparent;min-height:42px}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--white)}.filter:hover{border-color:var(--td)}.results{font-size:12px;color:var(--mid);margin:22px 0 16px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{background:var(--white);border:1px solid var(--bdr);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.cover{height:244px;padding:24px;background:var(--wash,var(--stone2));display:grid;place-items:center}.cover-image{width:100%;height:100%;object-fit:contain}.placeholder-cover{width:155px;height:196px;background:var(--white);box-shadow:4px 7px 13px #2c282514;transform:rotate(-4deg);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;border:1px solid var(--bdr)}.placeholder-cover small{font-size:7px;letter-spacing:.14em;color:var(--td)}.placeholder-cover img{width:110px;height:65px;object-fit:cover}.placeholder-cover strong{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:500;line-height:1.05}.placeholder-cover span{font-size:8px;color:var(--mid);margin-top:12px}.card-copy{padding:23px;display:flex;flex-direction:column;flex:1}.product-type{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--td);font-weight:800;margin-bottom:9px}.card-copy h3{margin-bottom:10px}.purpose{font-size:13px;color:var(--mid);margin-bottom:12px}.age{font-size:11px;color:var(--mid)}.price{font-size:13px;font-weight:800;margin:18px 0 12px}.card-copy .button{width:100%;margin-top:auto}.empty{grid-column:1/-1;padding:40px;border:1px dashed var(--bdr);border-radius:18px;text-align:center}.empty p{margin:14px 0}.why{background:var(--white);display:grid;grid-template-columns:1fr 1fr;gap:70px;border-block:1px solid var(--bdr)}.why h2{font-size:48px}.handwritten{font-family:'Caveat',cursive;color:var(--td);font-size:25px;margin-top:23px}.why-copy{font-size:15px;color:var(--mid)}.why-copy p{margin-bottom:15px}.text-link{color:var(--td);font-weight:700;font-size:13px;text-underline-offset:5px}.faq{max-width:800px;margin:auto;padding:65px 28px 80px}.faq h2{margin-bottom:28px}.faq details{border-bottom:1px solid var(--bdr);padding:18px 0}.faq summary{cursor:pointer;font-size:14px;font-weight:700}.faq details p{color:var(--mid);font-size:13px;padding:14px 0 2px}.faq strong{color:var(--td)}footer{background:var(--ink);padding:40px 28px;text-align:center;color:var(--white)}.footer-brand{font-family:'Cormorant Garamond',serif;font-size:22px}.footer-tag{font-family:'Caveat',cursive;font-size:16px;opacity:.7;margin-bottom:20px}.footer-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.footer-links a{font-size:11px;color:#d6cabe;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-copy{font-size:10px;color:#b8aca0}dialog{border:1px solid var(--bdr);border-radius:22px;background:var(--white);color:var(--ink);margin:auto;padding:24px;width:min(880px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto}dialog::backdrop{background:#2c282580;backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}.close-dialog{display:block;margin:0 0 20px auto;background:var(--stone);color:var(--td);border:1px solid var(--bdr);border-radius:24px;padding:8px 16px}.detail-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.detail-media .cover{height:350px;border-radius:12px}.detail-media .placeholder-cover{transform:none;width:200px;height:270px}.detail-media .placeholder-cover strong{font-size:30px}.preview-list{display:grid;gap:12px;margin-top:12px}.preview-list img{width:100%;height:auto;border-radius:8px}.detail-copy h2{font-size:40px;margin-bottom:15px}.detail-copy h3{font-size:23px;margin:22px 0 8px}.detail-copy p,.detail-copy li{font-size:13px;color:var(--mid)}.detail-copy ul{padding-left:20px}.detail-copy .price{color:var(--ink);font-size:16px}.coming-soon{background:var(--stone2);border-radius:26px;text-align:center;padding:13px;font-weight:800;font-size:14px}.detail-copy .text-link{display:block;margin-top:15px}.detail-meta{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}
@media(min-width:1500px){.hero{min-height:660px}}
@media(max-width:900px){.hero{gap:25px;padding-inline:28px}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why{gap:35px}.hero-art{transform:scale(.85)}}
@media(max-width:600px){.site-nav{padding:14px 18px;flex-wrap:wrap;gap:8px}.nav-brand{font-size:19px}.nav-links{gap:12px}.nav-cta{padding:8px 12px;font-size:11px}.hero{grid-template-columns:1fr;padding:125px 24px 35px;gap:20px;text-align:center}.hero .eyebrow{font-size:9px}.intro{margin:auto}.hero-actions{justify-content:center}.hero-line{font-size:24px}.hero-art{height:210px;transform:scale(.6);margin-top:-12px;margin-bottom:-15px}.art-caption{bottom:-62px;right:8px}.section{padding:44px 22px}.section-heading{display:block}.section-heading>p{margin-top:16px}.section-heading>p br{display:none}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection{min-height:125px}.collection:last-child{grid-column:1/-1;min-height:90px;flex-direction:row;align-items:center}.product-grid{grid-template-columns:1fr;gap:22px}.cover{height:270px}.placeholder-cover{width:168px;height:215px}.card-copy{padding:24px}.why{grid-template-columns:1fr;gap:28px}.why h2{font-size:42px}.filters{gap:7px}.filter{font-size:11px;padding:9px 12px}.faq{padding:50px 24px}.detail-layout{grid-template-columns:1fr}.detail-media .cover{height:300px}dialog{padding:18px}.detail-copy h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Helpful storefront note; keep the approved hero and shopping layout intact. */
.membership-note{max-width:1080px;margin:0 auto 32px;padding:22px 26px;border:1px solid var(--bdr);border-radius:16px;background:var(--white)}
.membership-note h2{font-size:25px;line-height:1.25;margin-bottom:8px}
.membership-note p{font-size:13px;line-height:1.8;color:var(--mid);max-width:940px}
@media(max-width:1136px){.membership-note{margin-inline:28px}}
@media(max-width:600px){.membership-note{margin:0 22px 24px;padding:18px 20px}.membership-note h2{font-size:23px}}
/* Keep real page art inside the existing cover area without cropping. */
.cover:has(.cover-image){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.cover-image{min-width:0;min-height:0}
/* A quiet connection to the free mini lessons, below printable shopping. */
.youtube-callout{border-bottom:1px solid var(--bdr)}
.youtube-callout h2{font-size:clamp(28px,3vw,36px)}
.youtube-callout p{max-width:680px;font-size:15px;color:var(--mid);margin:14px 0 20px}