.story-page{--gold:#ae823b;--paper:#f5efdf;--paper-light:#fffbef}.story-page .site-header{height:88px}.back-garden{font-size:12px;border-bottom:1px solid #9aab88;padding:7px 0;white-space:nowrap}.back-garden span{margin-left:12px}.book-intro{text-align:center;padding:36px 24px 29px}.book-intro .eyebrow{justify-content:center;font-size:8px;letter-spacing:2.8px;margin-bottom:14px}.book-intro h1{font-size:clamp(30px,3.7vw,52px);max-width:none;letter-spacing:-1.5px;line-height:1.15;margin:0 0 12px}.book-intro h1 em{color:#937137}.book-intro>p:last-child{color:#778068;font:italic 16px Georgia,serif;margin:0}.storybook{max-width:1512px;margin:0 auto;position:relative;border-top:1px solid #d7c6a1;border-bottom:1px solid #d7c6a1;background:#e9e5cc;overflow:hidden}.scene{position:relative;aspect-ratio:2.12;min-height:530px;overflow:hidden}.scene>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .3s;will-change:transform}.scene-top{position:absolute;inset:20px 24px auto;display:flex;justify-content:space-between;gap:15px;align-items:center;z-index:3}.scene-label{background:#fffae6ed;border:1px solid #bcb88988;padding:8px 12px;font-size:8px;letter-spacing:1.8px;border-radius:2px;box-shadow:0 3px 20px #35422410}.scene-tools{display:flex;gap:7px}.scene-tools button,.scene-bottom button{background:#fffae6ed;border:1px solid #b7b58d;padding:7px 11px;font-size:10px;border-radius:2px;min-height:34px}.scene-bottom{position:absolute;bottom:18px;left:24px;right:24px;display:flex;align-items:center;gap:20px;z-index:3;font-size:10px}.scene-bottom>span{background:#fffae6ed;padding:6px 10px;border-radius:2px}.scene-bottom button{margin-left:auto}.reader{position:absolute;right:4%;top:82px;bottom:65px;width:346px;background:#fff9eaeF;border:1px solid #e1d2b2;border-radius:3px;box-shadow:0 12px 45px #3c4c291b;padding:25px 27px 17px;display:flex;flex-direction:column;backdrop-filter:blur(12px);transition:opacity .2s,transform .2s;z-index:4}.reader-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.9px;color:#85714d;margin-bottom:14px}.book-ornament{font-size:21px}.reader h2{font-size:33px;line-height:1.09;letter-spacing:-.8px;margin-bottom:16px}.reader h2:focus{outline:none}.reader-text{font:15px/1.7 Georgia,serif;overflow:auto;flex:1;min-height:0;scrollbar-width:thin;padding-right:4px}.reader-text p{margin:0 0 13px}.reader-text p:first-child:first-letter{float:left;font:41px/.9 Georgia,serif;color:#a27b36;padding:5px 5px 0 0}.reader-audio{padding-top:9px}.reader-audio .button{font-size:11px;width:100%;min-height:40px;padding:9px 12px;gap:10px}.reader-audio>span{display:block;font-size:8px;color:#7c806c;text-align:center;margin-top:6px;min-height:13px}.reader-footer{border-top:1px solid #d8cdae;display:flex;align-items:center;justify-content:space-between;padding-top:12px;margin-top:12px;font-size:10px;gap:12px}.reader-footer button{padding:3px 0;font-size:11px}.reader-footer button:first-child{font-size:19px;min-width:26px}.reader-footer button:disabled{opacity:.25}.reader-footer span{color:#88856e;font:italic 13px Georgia,serif}.reader-hidden .reader{visibility:hidden;opacity:0;transform:translateX(15px);pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);width:31px;height:31px;border-radius:50%;border:1px solid #fff7de;background:#a47928;color:white;box-shadow:0 0 0 6px #fff7de70,0 2px 12px #27411233;display:grid;place-items:center;font:15px Georgia,serif;transition:background .2s,box-shadow .2s;z-index:2}.hotspot:hover{background:#3f5c32;color:white;box-shadow:0 0 0 9px #fff7de90,0 2px 12px #27411233}.chapter-navigation{max-width:1290px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding:21px 28px 26px;border-bottom:1px solid #d7d3ba;gap:9px}.chapter-navigation button{display:flex;align-items:center;gap:12px;text-align:left;padding:10px;border:1px solid transparent;border-radius:3px;min-width:0}.chapter-navigation .selected{background:#e8e6cf;border-color:#c4c5a8}.chapter-thumb{width:56px;height:58px;flex-shrink:0;background-size:cover;border-radius:2px;border:1px solid #c5c2a3}.cherry-thumb{background-image:url('assets/story-cherry.png');background-position:22% center}.apple-thumb{background-image:url('assets/story-apple.png');background-position:27% center}.hive-thumb{background-image:url('assets/story-hive.png');background-position:30% center}.garden-thumb{background-image:url('assets/orchard.png');background-position:77% center}.chapter-navigation button>span:nth-child(2){font:17px/1.2 Georgia,serif}.chapter-navigation small{display:block;font:7px Arial,sans-serif;color:#82816b;letter-spacing:1px;margin-bottom:7px}.chapter-navigation b{font-weight:400;margin-left:auto;font-size:12px}.discovery{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-top:58px;padding-bottom:55px;align-items:center}.discovery .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:16px}.discovery h2{font-size:33px;line-height:1.2;margin-bottom:15px;max-width:370px}.discovery>div>p:last-child{font-size:13px;line-height:1.8;color:#7e806c;max-width:360px}.discovery-list{display:grid;gap:9px}.discovery-list button{display:flex;align-items:center;gap:15px;padding:16px;text-align:left;border:1px solid #d4d1b8;border-radius:3px;background:#faf6e9}.discovery-list .number{font:italic 24px Georgia,serif;color:#ac8747;min-width:27px}.discovery-list strong{font:19px Georgia,serif;display:block}.discovery-list small{font-size:11px;color:#7b806a;display:block;margin-top:4px}.discovery-list b{margin-left:auto;font-weight:400;font-size:20px;color:#9d8652}.story-garden-link{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:center;border-top:1px solid #d7d3ba;border-bottom:1px solid #d7d3ba;padding-top:36px;padding-bottom:36px;background:#e8ecd93f}.botanical-preview{display:flex;align-items:center;justify-content:center;position:relative;max-width:420px}.botanical-preview .specimen{width:55%;flex-shrink:0;transform:rotate(-10deg)}.botanical-preview .specimen+div{transform:rotate(8deg);margin-left:-10%}.story-garden-link h2{font-size:37px;line-height:1.15}.story-garden-link p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:410px;color:#747d65;margin-top:17px}.story-garden-link .eyebrow{font-size:8px}.story-notes{padding-top:30px;padding-bottom:35px}.story-notes summary>span:first-child{font-size:19px}.story-notes summary>span:last-child{font-size:10px}.story-notes details>div{font-size:12px;color:#727961;max-width:850px;padding-top:12px}.story-notes a{text-decoration:underline}.discovery-dialog-body{padding:35px 40px 38px}.discovery-dialog-body h2{font-size:37px;margin-bottom:22px}.discovery-dialog-body>p:not(.eyebrow){font:18px/1.8 Georgia,serif}.discovery-dialog-body .text-button{font-size:12px}#discovery-dialog{width:min(580px,calc(100% - 32px));background:#fff9e9}#art-dialog{width:min(1600px,calc(100% - 32px));max-height:96dvh}#large-art{width:100%;height:auto;display:block}.development-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.development-buttons button{padding:14px 5px;border:1px solid #c7cbb0;font-size:11px;border-radius:3px}.development-buttons .selected{background:var(--green);color:white}.development-info{border-left:2px solid #ac8747;padding:8px 0 5px 19px;margin-top:22px;font:18px/1.6 Georgia,serif}.development-info strong{display:block;font-size:24px;font-weight:400;margin-bottom:9px}.development-info p{font-size:15px;margin:0}.stage-note{font-size:10px;color:#7a806b;margin-top:16px}.story-link{margin-right:15px}.story-page .stop-audio{z-index:30}
@media(min-width:1600px){.scene{min-height:630px}.reader{top:95px;bottom:85px;right:5%;width:365px}.reader-text{font-size:16px}.reader h2{font-size:38px}}
@media(max-width:1100px){.reader{right:26px;width:318px;padding:23px;top:75px;bottom:60px}.reader h2{font-size:29px}.reader-text{font-size:14px}.chapter-navigation{padding-inline:18px}.chapter-navigation button{gap:9px;padding:8px}.chapter-navigation button>span:nth-child(2){font-size:15px}.chapter-thumb{width:45px;height:49px}.chapter-navigation b{display:none}.discovery{gap:35px}.story-garden-link{gap:40px}.back-garden{margin-left:auto}.story-page .site-header nav a:last-child{display:flex}}
@media(max-width:850px){.storybook{overflow:visible;background:transparent}.scene{aspect-ratio:16/9;min-height:0}.scene>img{object-fit:contain}.reader{position:relative;top:auto;bottom:auto;right:auto;width:auto;margin:0;padding:25px 30px 19px;background:#fff9e9;border:0;border-top:1px solid #d5c49b;border-radius:0;box-shadow:none;display:block}.reader-top{margin-bottom:12px}.reader h2{font-size:33px}.reader-text{font-size:16px;max-height:none;overflow:visible;padding:0;column-count:2;column-gap:30px}.reader-text p{break-inside:avoid}.reader-audio{display:flex;align-items:center;gap:15px}.reader-audio .button{width:auto}.reader-audio>span{font-size:9px}.reader-footer{max-width:none;justify-content:flex-start;margin-top:20px;gap:25px}.reader-footer button:last-child{margin-left:auto}.reader-hidden .reader{display:none}.scene-top{inset:14px 16px auto}.scene-label{font-size:7px;padding:6px 8px}.scene-tools button{font-size:9px;padding:5px 8px;min-height:30px}.scene-bottom{bottom:12px;left:16px;right:16px}.scene-bottom>span{font-size:8px}.scene-bottom button{font-size:8px;min-height:27px}.chapter-navigation{grid-template-columns:repeat(4,1fr);padding:15px 12px}.chapter-thumb{display:none}.chapter-navigation button>span:nth-child(2){font-size:15px}.discovery{gap:25px}.discovery h2{font-size:29px}.book-intro h1 em{display:block}.book-intro{padding:30px 22px}.story-garden-link h2{font-size:31px}.story-garden-link{gap:25px}}
@media(max-width:600px){.story-page .site-header{height:76px}.back-garden{font-size:9px;max-width:80px;white-space:normal;text-align:right;line-height:1.4}.back-garden span{display:none}.book-intro .eyebrow{font-size:7px;letter-spacing:1.4px}.book-intro h1{font-size:32px;letter-spacing:-1px;line-height:1.15}.book-intro>p:last-child{font-size:14px}.scene{aspect-ratio:1.6}.scene>img{object-fit:cover}.scene-top{inset:10px 12px auto;gap:6px}.scene-label{font-size:6px;letter-spacing:1px;padding:5px 6px;max-width:125px}.scene-tools{gap:4px}.scene-tools button{font-size:8px;padding:4px 6px;min-height:27px}#zoom-art{font-size:0}#zoom-art:after{content:'⤢';font-size:17px}.scene-bottom{left:12px;right:12px;bottom:8px}.scene-bottom>span{display:none}.scene-bottom button{margin-left:auto;padding:2px 6px;min-height:23px;font-size:7px}.hotspot{width:25px;height:25px;font-size:12px;box-shadow:0 0 0 4px #fff7de70}.reader{padding:23px 23px 16px}.reader-top{font-size:7px;letter-spacing:1.6px}.reader h2{font-size:32px;max-width:300px}.reader-text{column-count:1;font-size:16px;line-height:1.7}.reader-audio{flex-wrap:wrap;gap:6px;padding-top:8px}.reader-audio .button{width:100%}.reader-audio>span{width:100%;font-size:8px;margin-top:0}.reader-footer{padding-top:12px;margin-top:13px;font-size:10px}.chapter-navigation{grid-template-columns:1fr 1fr;padding:16px 14px;gap:8px}.chapter-navigation button{padding:9px;gap:8px}.chapter-thumb{display:block;width:38px;height:45px}.chapter-navigation button>span:nth-child(2){font-size:14px}.chapter-navigation small{font-size:6px;letter-spacing:.5px;margin-bottom:5px}.discovery{display:block;padding-top:32px;padding-bottom:30px}.discovery h2{font-size:30px}.discovery>div>p:last-child{font-size:12px;max-width:none}.discovery-list button{padding:14px}.discovery-list strong{font-size:18px}.discovery-list small{font-size:10px}.story-garden-link{display:block;padding-top:22px;padding-bottom:30px}.botanical-preview{max-width:280px;margin:0 auto 20px;height:210px}.botanical-preview .specimen{max-height:230px}.story-garden-link h2{font-size:33px}.story-notes{padding-top:20px;padding-bottom:25px}.story-notes summary>span:first-child{font-size:17px}.story-notes summary>span:last-child{font-size:8px;max-width:90px;text-align:right}.discovery-dialog-body{padding:25px}.discovery-dialog-body h2{font-size:30px}.discovery-dialog-body>p:not(.eyebrow){font-size:17px}.development-buttons button{font-size:10px}.book-intro{padding:28px 20px 23px}.story-page .site-header nav{display:none}}
@media(prefers-reduced-motion:reduce){.scene>img{transform:none!important}}