:root{--ink:#183a38;--muted:#667875;--paper:#fffdf6;--cream:#f6f1df;--orange:#e76f3d;--orange-dark:#bd4728;--teal:#176f68;--line:#ddd7c6}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 90% 4%,#ffe4a7,transparent 24%),var(--cream);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.topbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(18px,5vw,65px);border-bottom:1px solid #ded8c8;background:rgba(255,253,246,.9);backdrop-filter:blur(12px)}.brand{color:var(--ink);font-size:21px;font-weight:950;letter-spacing:-1px;text-decoration:none}.brand:before{content:"p";display:inline-grid;place-items:center;width:31px;height:31px;margin-right:6px;border-radius:50% 50% 50% 11px;color:#fff;background:var(--orange);font:italic 22px Georgia,serif}.brand b{color:var(--orange-dark)}.topbar p{margin:0;color:var(--muted);font:600 14px Georgia,serif}.voice-link{padding:9px 13px;border:1px solid var(--line);border-radius:99px;color:var(--teal);font-size:11px;font-weight:900;text-decoration:none}.library{padding:clamp(38px,7vw,80px) 0 60px;overflow:hidden}.intro{width:min(650px,calc(100% - 36px));margin:0 auto 34px;text-align:center}.intro>span,.shelf-heading{color:var(--orange-dark);font-size:10px;font-weight:950;letter-spacing:1.5px}.intro h1{margin:9px 0 10px;font:500 clamp(39px,5.8vw,66px)/.98 Georgia,serif;letter-spacing:-2.5px}.intro p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}.shelf-heading{display:flex;justify-content:space-between;width:min(1160px,calc(100% - 36px));margin:0 auto 11px;color:var(--teal)}.shelf-heading b{font-size:18px}.shelves{display:grid;gap:18px}.shelf{display:flex;gap:17px;overflow-x:auto;padding:3px max(18px,calc((100vw - 1160px)/2)) 15px;scroll-snap-type:x mandatory;scrollbar-width:none}.shelf::-webkit-scrollbar{display:none}.reverse{direction:rtl}.reverse>*{direction:ltr}.tile{position:relative;flex:0 0 clamp(236px,29vw,325px);min-height:326px;overflow:hidden;border:1px solid rgba(64,75,54,.16);border-radius:21px;background:var(--paper);box-shadow:0 11px 24px rgba(62,53,30,.1);scroll-snap-align:start}.tile-art{height:146px;background-image:url('animal-rescue-storyboard.png');background-size:300% 200%;background-repeat:no-repeat}.p1{background-position:0 0}.p2{background-position:50% 0}.p3{background-position:100% 0}.p4{background-position:0 100%}.p5{background-position:50% 100%}.p6{background-position:100% 100%}.tile-copy{padding:16px}.tile-copy>span{font-size:9px;font-weight:950;letter-spacing:1.25px;color:var(--orange-dark)}.tile-copy h2{margin:6px 0;font:500 25px/1.02 Georgia,serif;letter-spacing:-.8px}.tile-copy p{min-height:35px;margin:0;color:var(--muted);font-size:11px;line-height:1.4}.tile a{display:block;margin-top:16px;padding:11px;border-radius:10px;color:#fff;background:var(--orange);font-size:11px;font-weight:900;text-align:center;text-decoration:none}.coming{opacity:.76}.coming .tile-art{filter:saturate(.5) brightness(.94)}.coming:after{content:"◇";position:absolute;right:15px;bottom:13px;color:#99a39d;font-size:26px}.note{width:min(1160px,calc(100% - 36px));margin:2px auto;padding:15px 16px;border-radius:13px;color:var(--muted);background:#edf4ed;font-size:12px}.note b{color:var(--teal)}@media(max-width:600px){.topbar{min-height:61px;padding:9px 13px}.topbar p{display:none}.library{padding-top:35px}.intro{margin-bottom:28px}.intro h1{font-size:43px}.intro p{font-size:13px}.shelves{gap:10px}.shelf{gap:11px;padding-bottom:10px}.tile{flex-basis:242px;min-height:302px;border-radius:17px}.tile-art{height:124px}.tile-copy{padding:14px}.tile-copy h2{font-size:23px}.note{font-size:11px}}