:root{--ink:#183d34;--paper:#f6f1e6;--gold:#b39458;--muted:#626a5d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font:15px Arial,sans-serif}h1,h2,h3,.brand,blockquote{font-family:Georgia,serif;font-weight:400}a{color:inherit}header{min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:22px 6%;border-bottom:1px solid #b3945838;gap:20px}.brand{text-decoration:none;font-size:25px;letter-spacing:-.7px}nav{display:flex;gap:30px;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2.5px;color:#87713e;font-weight:bold}.hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:620px}.hero-copy{padding:90px 9% 70px 12%}h1{font-size:clamp(48px,5.4vw,83px);line-height:1.06;letter-spacing:-3px;margin:25px 0}h1 em{color:#7a8051}p{line-height:1.85;color:var(--muted)}.hero-copy p{font-size:16px;max-width:430px}.button{display:inline-flex;gap:25px;padding:17px 23px;background:var(--ink);color:#fff;text-decoration:none;font-size:12px;margin-top:24px}.button:hover{background:#2c5547}.hero-art{position:relative;min-height:500px;background:#203f34}.hero-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-art>span{position:absolute;bottom:25px;left:28px;color:#f7efd8;font:italic 17px Georgia;text-shadow:0 1px 8px #000}.ribbon{text-align:center;background:#183d34;color:#d9d4b8;padding:22px;font-size:10px;letter-spacing:2px;text-transform:uppercase}.ribbon b{padding:0 28px;color:#b6a46a}.section{padding:90px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}h2{font-size:45px;letter-spacing:-1.5px;margin:15px 0}.section-head p{max-width:340px;font-size:14px}.shelves{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.stage{height:335px;display:flex;align-items:center;justify-content:center;background:#e7e7d9}.plum{background:#e9e0e1}.blue{background:#e1e9e7}.book{width:177px;height:258px;padding:28px 19px;text-align:center;box-shadow:10px 14px 20px #1b2e2b30;border-left:8px solid #0002;position:relative;display:flex;flex-direction:column;justify-content:space-between;background:#3e5748;color:#eee6c9;transform:rotate(-5deg)}.book:after{content:'';position:absolute;inset:10px;border:1px solid #dbcc9a66;pointer-events:none}.book small{font-size:8px;letter-spacing:1.8px}.book strong{font:29px/1.08 Georgia}.book>span{font:48px Georgia;color:#ccbc86}.dark{background:#342333;transform:rotate(4deg)}.kids{background:#d2b56b;color:#243e39;transform:rotate(-3deg)}.kids>span{color:#243e39}.status{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;margin-top:25px;color:#796a40}h3{font-size:27px;margin:11px 0}.shelves p{font-size:14px;min-height:104px}button,.textlink{border:0;border-bottom:1px solid #b39458;background:none;padding:0 0 7px;color:var(--ink);cursor:pointer;text-decoration:none;font:12px Arial;display:inline-block}.note{color:#74796b;font-size:11px;margin-top:32px}.gorblin{background:#1c3d34;color:#eee9d8;display:grid;grid-template-columns:.85fr 1fr;gap:7%;padding:80px 9%;align-items:center}.portrait{height:420px;overflow:hidden;border-radius:48% 48% 4px 4px;background:#294a3e}.portrait img{height:100%;width:100%;object-fit:cover;object-position:85% center}.gorblin .eyebrow{color:#c3b17d}.gorblin h2{font-size:53px}.gorblin p{color:#c4cec2}.gorblin button{color:#eee9d8}blockquote{font-style:italic;font-size:23px;line-height:1.5;border-left:2px solid #b39458;padding-left:20px;margin:26px 0}.about{max-width:850px;text-align:center;margin:auto;padding:90px 30px}.about p{font-size:16px}footer{border-top:1px solid #c3b999;padding:35px 7%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:#74796b}footer .brand{color:var(--ink);font-size:20px}dialog{border:1px solid #b39458;background:var(--paper);color:var(--ink);padding:40px;max-width:560px;width:90%;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#10251ed1}dialog h2{font-size:35px}.close{float:right;border:0;font-size:25px}a:focus-visible,button:focus-visible{outline:3px solid #b39458;outline-offset:5px}@media(max-width:800px){header{flex-wrap:wrap}nav{gap:22px;font-size:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 7%}h1{font-size:61px}.hero-art{min-height:420px}.section{padding:60px 7%}.section-head{display:block}h2{font-size:38px}.shelves{grid-template-columns:1fr;gap:40px}.shelves p{min-height:0}.gorblin{grid-template-columns:1fr;padding:60px 7%;gap:35px}.portrait{max-width:420px;width:100%;margin:auto}.gorblin h2{font-size:43px}.ribbon{line-height:2.4}.ribbon b{padding:0 10px}footer{flex-direction:column;align-items:start}.about{padding:65px 7%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.real-cover{display:block;max-height:280px;max-width:82%;width:auto;height:auto;object-fit:contain;box-shadow:9px 13px 20px #1b2e2b35;transform:rotate(-4deg)}.real-cover.dark{transform:rotate(3deg);background:none}.real-cover.kids{transform:rotate(-3deg);background:none}.stage{height:355px}.real-cover.dark{max-height:305px}

.shop-story{max-width:1200px;display:grid;grid-template-columns:280px 1fr;gap:70px;text-align:left;align-items:center;padding:90px 7%}.shop-logo img{display:block;width:100%;height:auto}.shop-copy p{font-size:15px}.shop-copy .shop-caption{font-size:12px;margin-top:18px}.shop-copy .button{margin-top:10px}footer span:last-child{line-height:1.8}@media(max-width:800px){.shop-story{grid-template-columns:1fr;gap:35px;padding:65px 7%}.shop-logo{max-width:210px;margin:auto}.shop-copy{text-align:center}nav{flex-wrap:wrap;row-gap:15px}}

.gorblin .gorblin-link{color:#eee9d8}

header{min-height:115px;padding-top:12px;padding-bottom:12px}.logo-brand{display:block;line-height:0;flex-shrink:0}.logo-brand img{display:block;width:195px;height:auto}footer .logo-brand img{width:165px}.hero-logo{display:block;width:260px;max-width:100%;height:auto;margin:-50px 0 20px}.hero-copy{padding-top:70px}.hero h1{font-size:clamp(48px,5vw,75px)}@media(max-width:800px){header .logo-brand img{width:170px}.hero-logo{width:230px;margin:0 0 28px}.hero-copy{padding-top:35px}header{justify-content:center}nav{justify-content:center}.hero h1{font-size:58px}}
