:root{
  --jade:#123b25; --jade2:#265b37; --sage:#647d55; --gold:#b9852f; --gold2:#ddb75e;
  --paper:#fff0bd; --paper2:#f8e3a3; --cream:#fff8df; --ink:#21160b; --line:rgba(95,55,9,.38);
  --shadow:0 24px 72px rgba(50,28,4,.28);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:radial-gradient(circle at 50% 12%,#ffe9aa 0,#d89c33 46%,#a86617 100%);}
a{color:inherit}.page-shell{max-width:1660px;margin:0 auto;padding:26px}.gold-panel{background:linear-gradient(180deg,rgba(255,239,185,.96),rgba(245,207,120,.94));border:2px solid rgba(103,61,10,.48);border-radius:24px;box-shadow:var(--shadow);position:relative}.gold-panel:before{content:"";position:absolute;inset:10px;border:1px solid rgba(111,66,11,.24);border-radius:16px;pointer-events:none}.button{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:linear-gradient(#386c3e,#143e27);color:#fff4cf;border:1px solid rgba(255,223,132,.4);border-radius:999px;padding:12px 22px;box-shadow:0 8px 18px rgba(43,22,2,.18), inset 0 -2px rgba(0,0,0,.22);font-weight:700}.button.gold{background:linear-gradient(#d7ad4e,#956214);color:#1f160b}.small-heart{color:var(--jade)}
/* homepage */
.home-body{overflow:hidden}.map-wrap{height:100vh;width:100vw;padding:28px;background:radial-gradient(circle at 50% 40%,#ffe9ad 0,#d19831 62%,#9b6015 100%);position:relative;display:grid;place-items:center}.map-card{position:relative;width:min(96vw,1600px);height:min(88vh,950px);border-radius:24px;box-shadow:0 28px 80px rgba(33,18,2,.42);overflow:hidden;border:2px solid rgba(84,50,8,.55);background:#3a2a0d}.map-card:before{content:"";position:absolute;inset:10px;border:2px solid rgba(255,232,150,.32);border-radius:17px;z-index:2;pointer-events:none}.valley-map{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 3.4s cubic-bezier(.16,.86,.2,1),filter 3.4s ease;transform-origin:50% 50%}.home-brand{position:absolute;left:38px;top:34px;z-index:6;display:flex;align-items:center;gap:14px;background:rgba(255,245,211,.9);border:1px solid rgba(91,57,14,.35);border-radius:999px;padding:8px 18px 8px 8px;box-shadow:0 12px 28px rgba(34,19,3,.22)}.home-brand img{width:84px;height:84px;object-fit:cover;border-radius:50%}.home-brand b{font-size:28px;letter-spacing:.08em;color:var(--jade);display:block;line-height:1}.home-brand small{text-transform:uppercase;letter-spacing:.12em;color:#5d4b21}.hotspot{position:absolute;z-index:5;border-radius:18px;text-decoration:none;outline:0}.hotspot:before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,223,94,0);transition:.35s}.hotspot span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(255,248,221,.94);border:1px solid rgba(94,63,20,.4);border-radius:999px;padding:10px 15px;color:var(--jade);font-weight:700;white-space:nowrap;box-shadow:0 12px 30px rgba(27,16,2,.25);opacity:0;transition:.25s}.hotspot:hover:before{background:rgba(255,230,103,.16);box-shadow:0 0 65px rgba(255,226,94,.56);outline:2px solid rgba(255,236,130,.7)}.hotspot:hover span{opacity:1}.hs-library{left:42%;top:38%;width:22%;height:24%;transform-origin:center}.hs-coffee{left:0%;top:47%;width:25%;height:30%}.hs-house{left:39%;top:12%;width:24%;height:24%}.hs-garden{left:32%;top:58%;width:22%;height:22%}.hs-farm{left:69%;top:45%;width:25%;height:27%}.hs-wildlife{left:0%;top:67%;width:25%;height:21%}.hs-walk{left:64%;top:72%;width:25%;height:16%}.home-note{position:absolute;right:42px;bottom:36px;z-index:6;background:rgba(255,245,211,.92);border:1px solid rgba(91,57,14,.35);border-radius:16px;padding:14px 18px;max-width:330px;box-shadow:0 12px 28px rgba(34,19,3,.2);font-size:16px;color:#2b2112}.transition-veil,.return-veil{position:fixed;inset:0;background:radial-gradient(circle at center,#fff1c2 0,#dca747 52%,#123b25 100%);z-index:100;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity 1.3s ease}.transition-veil span,.return-veil span{background:rgba(255,250,230,.92);border:1px solid var(--line);border-radius:999px;padding:15px 26px;color:var(--jade);letter-spacing:.08em;box-shadow:0 18px 40px rgba(40,22,2,.22)}.entering .transition-veil,.returning .return-veil{opacity:1}.enter-library .valley-map{transform:scale(1.72) translate(2%,-2%);filter:brightness(.88) blur(1px) saturate(1.08)}.enter-coffee .valley-map{transform:scale(1.8) translate(24%,-10%);filter:brightness(.88) blur(1px)}.enter-house .valley-map{transform:scale(1.7) translate(2%,20%);filter:brightness(.88) blur(1px)}.enter-garden .valley-map{transform:scale(1.7) translate(3%,-22%);filter:brightness(.88) blur(1px)}.enter-farm .valley-map{transform:scale(1.75) translate(-22%,-8%);filter:brightness(.88) blur(1px)}.enter-wildlife .valley-map{transform:scale(1.75) translate(25%,-24%);filter:brightness(.88) blur(1px)}.enter-walk .valley-map{transform:scale(1.7) translate(-18%,-24%);filter:brightness(.88) blur(1px)}
/* shared destination */
.destination{min-height:100vh}.site-header{display:flex;align-items:center;gap:16px;padding:16px 20px;margin-bottom:18px}.crest-home{display:flex;align-items:center;gap:12px;text-decoration:none;background:rgba(255,250,230,.78);border:1px solid var(--line);border-radius:999px;padding:6px 18px 6px 6px;box-shadow:0 12px 30px rgba(42,23,2,.14)}.crest-home img{width:82px;height:82px;border-radius:50%;object-fit:cover;transition:.35s}.crest-home:hover img{transform:scale(1.04);box-shadow:0 0 0 6px rgba(255,221,119,.28)}.crest-home b{color:var(--jade);font-size:18px;line-height:1.1}.crumbs{font-size:16px;color:#5d451b}.library-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 360px;gap:18px}.left-menu,.right-panel,.library-main{padding:18px}.left-menu{position:sticky;top:18px;align-self:start}.section-label{text-transform:uppercase;letter-spacing:.11em;text-align:center;color:var(--jade);font-weight:700;border-bottom:1px solid var(--line);padding-bottom:12px;margin:0 0 12px}.menu-list{display:grid;gap:8px}.menu-list a{display:grid;grid-template-columns:38px 1fr 18px;gap:9px;align-items:center;text-decoration:none;background:rgba(255,250,230,.66);border:1px solid rgba(108,70,17,.22);border-radius:12px;padding:10px;transition:.22s}.menu-list a:hover{transform:translateX(3px);background:rgba(255,239,181,.85)}.menu-list .icon{width:34px;height:34px;background:var(--jade);color:#f7d57b;border-radius:50%;display:grid;place-items:center;font-weight:700}.menu-list b{display:block;color:var(--jade);font-size:16px}.menu-list small{display:block;font-size:12.5px;line-height:1.25}.quiet-quote{margin-top:16px;background:rgba(255,249,226,.8);border:1px solid var(--line);border-radius:14px;padding:16px;font-style:italic;text-align:center;color:#3b2b14}.library-main{overflow:hidden}.library-hero{min-height:480px;border-radius:18px;overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(255,240,188,.52),rgba(255,240,188,.85)),url('library-inspiration.png') center/cover;border:1px solid var(--line);box-shadow:0 18px 42px rgba(50,28,4,.18);display:flex;align-items:flex-start;justify-content:center;text-align:center;padding-top:38px}.library-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,239,183,.86) 0,rgba(255,239,183,.35) 36%,rgba(255,239,183,.85) 100%)}.hero-text{position:relative;z-index:1;max-width:820px}.script{font-style:italic;color:#315f3b;font-size:30px;margin:0}.hero-text h1{font-size:82px;line-height:.92;letter-spacing:.09em;text-transform:uppercase;color:var(--jade);margin:4px 0 10px;text-shadow:0 2px rgba(255,246,210,.8)}.hero-text p{font-size:21px;line-height:1.4;background:rgba(255,247,219,.75);border:1px solid rgba(141,91,20,.2);border-radius:999px;padding:9px 18px;margin:10px auto}.topic-area{margin-top:18px;padding:18px}.topic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.topic-card{text-decoration:none;background:#fff2cd;border:1px solid rgba(128,81,16,.36);border-radius:13px;text-align:center;overflow:hidden;box-shadow:0 10px 22px rgba(50,28,4,.09);transition:.25s}.topic-card:hover{transform:translateY(-5px);box-shadow:0 18px 30px rgba(50,28,4,.18)}.topic-art{height:112px;display:block;background:var(--img),linear-gradient(145deg,#b6d0b4,#e9c772);background-size:cover;background-position:center;border-bottom:1px solid rgba(128,81,16,.28)}.topic-card b{display:block;color:var(--jade);font-size:18px;margin:10px 8px 4px}.topic-card small{display:block;font-size:13px;line-height:1.3;padding:0 8px 10px}.topic-card i{font-style:normal;color:var(--jade);display:block;padding-bottom:8px}.book-feature,.coffee-feature,.reading-feature{padding:18px;text-align:center}.book-feature img{width:100%;border-radius:12px;border:1px solid var(--line);box-shadow:0 18px 36px rgba(42,23,2,.21);max-height:590px;object-fit:cover;object-position:right center}.book-feature h2,.coffee-feature h2,.reading-feature h2{margin:4px 0 12px;color:var(--jade);text-transform:uppercase;letter-spacing:.08em;font-size:20px}.book-feature h3{font-size:33px;color:#2b442a;margin:16px 0 8px}.book-feature p,.coffee-feature p,.reading-feature p{font-size:17px;line-height:1.45}.download{display:block;margin-top:10px;color:var(--jade);font-weight:700}.coffee-thumb{height:220px;background:url('coffee-page-art.png') center/cover;border-radius:12px;border:1px solid var(--line);margin-bottom:12px}.note-band{margin-top:18px;padding:18px;text-align:center;font-size:22px;font-style:italic;color:#3d2c11}.site-footer{margin-top:18px;background:linear-gradient(90deg,#0f3420,#1d5631);color:#f6d889;border-radius:18px 18px 0 0;padding:22px;text-align:center}.site-footer img{width:78px;height:78px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 8px;opacity:.94}.bottom-nav{position:sticky;bottom:0;z-index:20;background:linear-gradient(90deg,#0e321f,#1d5631);color:#f5d77f;display:flex;justify-content:center;gap:0;box-shadow:0 -12px 32px rgba(43,22,2,.2)}.bottom-nav a{text-decoration:none;padding:14px 20px;border-left:1px solid rgba(246,216,137,.2);text-transform:uppercase;font-size:13px;letter-spacing:.05em}.bottom-nav a.active{background:rgba(223,181,80,.2);outline:1px solid rgba(246,216,137,.3)}
.placeholder{min-height:100vh;display:grid;place-items:center;text-align:center;padding:30px}.placeholder .gold-panel{padding:50px;max-width:760px}.placeholder h1{font-size:56px;color:var(--jade);margin:10px}.placeholder p{font-size:20px;line-height:1.45}.placeholder img{width:160px;border-radius:50%}
@media(max-width:1180px){.library-layout{grid-template-columns:1fr}.left-menu{position:relative;top:auto}.menu-list{grid-template-columns:repeat(2,1fr)}.right-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.topic-grid{grid-template-columns:repeat(3,1fr)}.home-brand b{font-size:22px}.home-note{display:none}}
@media(max-width:760px){.page-shell{padding:0}.site-header{margin:0;border-radius:0}.crest-home img{width:60px;height:60px}.library-main,.left-menu,.right-panel{border-radius:0}.menu-list,.right-panel,.topic-grid{grid-template-columns:1fr}.library-hero{min-height:360px}.hero-text h1{font-size:46px}.script{font-size:23px}.hero-text p{font-size:16px;border-radius:14px}.bottom-nav{overflow-x:auto;justify-content:flex-start}.bottom-nav a{white-space:nowrap}.map-wrap{padding:0}.map-card{width:100vw;height:100vh;border-radius:0;border:0}.map-card:before{display:none}.home-brand{left:10px;top:10px;right:10px;padding:6px 10px}.home-brand img{width:58px;height:58px}.hotspot span{opacity:1;font-size:11px;padding:6px 8px}.book-feature img{max-height:460px}}