:root{color-scheme:light;color:#203c2c;background:#f8f4e9;font-family:"Noto Serif SC",Songti SC,SimSun,serif;--ink: #203c2c;--line: #62725e;--paper: #f8f4e9;--apricot: #99501f}*,*:before,*:after{box-sizing:border-box}body{margin:0}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%237e6a44' d='M0 0h140v140H0z' filter='url(%23grain)' opacity='.25'/%3E%3C/svg%3E");opacity:.26}.layout{width:min(calc(100% - 4rem),90rem);margin-inline:auto}a{color:inherit}a:focus-visible{outline:3px solid #44734e;outline-offset:4px}.site-header{min-height:5.35rem;display:flex;align-items:center;gap:clamp(1.65rem,5vw,5rem);padding-inline:1.25rem;border-bottom:1px solid var(--line)}.site-header a{text-decoration:none}.brand{display:inline-grid;justify-items:center;min-width:max-content;padding-block:.45rem}.brand strong{font-size:clamp(1.85rem,3vw,2.85rem);line-height:1.04;letter-spacing:.07em}.brand span{font:650 .7rem/1.35 Georgia,serif;letter-spacing:.34em}.site-header nav{display:flex;align-items:center;gap:clamp(1.1rem,4vw,4rem)}.site-header nav a{padding-block:.65rem;font-size:clamp(.97rem,1.7vw,1.27rem);font-weight:700;white-space:nowrap}.site-header nav a:hover{text-decoration:underline;text-underline-offset:.35rem}.hero{position:relative;display:grid;align-items:center;grid-template-columns:minmax(25rem,36fr) minmax(0,64fr);min-height:clamp(27rem,40vw,37rem);overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{z-index:1;padding:2.75rem 0 3.75rem 1.25rem}.hero h1,.product h2,.hero p,.product p{margin:0}.hero h1{font-size:clamp(3rem,5.25vw,5.5rem);line-height:1.3;letter-spacing:.045em;font-weight:800}.hero h1 span{display:block;white-space:nowrap}.hero p{margin-block:1.4rem 2.5rem;font-size:clamp(1.05rem,1.85vw,1.65rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem 1rem}.cta{min-height:3.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.65rem 1.1rem;border:1px solid transparent;border-radius:.62rem;font-size:clamp(.98rem,1.55vw,1.23rem);font-weight:700;line-height:1.3;text-decoration:none;white-space:nowrap;transition:background-color .18s,color .18s}.cta svg{width:1.22em;height:1.22em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cta-reading{color:#fffaf1;background:var(--apricot)}.cta-reading:hover{background:#813d14}.cta-outline{border-color:var(--ink);background:#faf6eb}.cta-outline:hover{background:#e9efe0}.cta-classroom{color:#fffaf1;background:#304e37}.cta-classroom:hover{background:#24402e}.hero-art{width:calc(100% + 1rem);height:auto;max-height:37rem;margin-left:-.85rem;object-fit:contain;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 96%,transparent),linear-gradient(to bottom,transparent,black 6%,black 93%,transparent);mask-image:linear-gradient(to right,transparent,black 8%,black 96%,transparent),linear-gradient(to bottom,transparent,black 6%,black 93%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.product-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem;padding-block:1.9rem 2.2rem}.product{min-height:16.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.55rem;padding:1.8rem clamp(1.3rem,4.4vw,4.15rem);border:1px solid #879378;border-radius:.9rem;background-size:cover;background-position:center;scroll-margin-top:1.1rem}.product-reading{background-color:#f8e7cc;background-image:url(/reading-panel.jpg);padding-left:clamp(4rem,12vw,12rem)}.product-classroom{background-color:#e8eee1;background-image:url(/classroom-panel.jpg)}.product h2{font-size:clamp(1.85rem,3.55vw,3.55rem);line-height:1.13}.product p{font-size:clamp(1rem,1.85vw,1.5rem);line-height:1.45}.product .cta{margin-top:1.15rem}.site-footer{border-top:1px solid var(--line);text-align:center;padding-block:1.15rem 1.45rem;font-size:1rem;letter-spacing:.08em}@media(max-width:980px){.layout{width:calc(100% - 3rem)}.hero{grid-template-columns:minmax(21rem,42fr) minmax(0,58fr);min-height:25rem}.hero-copy{padding-left:.6rem}.hero h1{font-size:clamp(2.8rem,6.2vw,4.35rem)}.product-reading{padding-left:clamp(3rem,8.5vw,8rem)}}@media(max-width:690px){.layout{width:calc(100% - 2rem)}.site-header{min-height:4.4rem;padding-inline:.2rem}.hero{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:2rem .2rem .65rem}.hero h1{font-size:clamp(2.6rem,9.75vw,4.15rem)}.hero p{margin-block:1rem 1.45rem}.hero-art{width:100%;margin:0 0 .45rem;max-height:22rem}.product-entries{grid-template-columns:minmax(0,1fr);gap:.9rem;padding-block:1.25rem 1.45rem}.product{min-height:12.1rem}.product-reading{padding-left:clamp(3.35rem,13vw,5rem)}}@media(max-width:350px){.hero-actions{gap:.55rem}.hero-actions .cta{padding-inline:.66rem}}@media(prefers-reduced-motion:reduce){.cta{transition:none}}
