.pocket-nav,.atelier-grip{display:none}
.pocket-dialog{border:1px solid #d1e0b752;color:#f4f3df;background:#103629;box-shadow:0 20px 80px #001c1980;font-family:var(--body)}
.pocket-dialog::backdrop{background:#031b1552;backdrop-filter:blur(3px)}
.pocket-close{position:absolute;right:13px;top:13px;z-index:3;width:42px;height:42px;border:1px solid #d8e5ba55;border-radius:50%;background:#11392be6;color:#f4f3df;font-size:25px;cursor:pointer}
.pocket-eyebrow{font:600 8px/1.5 var(--body);letter-spacing:1.6px;color:#c9d9ae}
.pocket-dialog h2{font:450 30px/1.06 var(--heading);letter-spacing:-1px;margin:12px 0 22px}
.pocket-route{width:min(90vw,420px);padding:32px 22px 20px;max-height:82svh;overflow:auto;border-radius:42px 8px 42px 8px;scrollbar-width:thin;scrollbar-color:#c8dbab66 transparent}
.pocket-route>div{display:grid;gap:5px}
.pocket-route [data-pocket-stop]{display:flex;align-items:center;gap:16px;text-align:left;padding:12px 10px;min-height:58px;background:transparent;border:0;border-bottom:1px solid #d7e2bb25;color:#f0f1da;font:450 17px var(--heading);border-radius:18px 3px;cursor:pointer}
.pocket-route [aria-current]{background:#d5e6b5;color:#14382a}
.pocket-route [data-pocket-stop]>span{font:9px var(--body);opacity:.7}.pocket-route b{flex:1;font-weight:450}.pocket-route small{display:block;font:10px/1.5 var(--body);margin-top:4px;opacity:.7}.pocket-route i{font-style:normal}
.garden-note{position:fixed;inset:auto 0 max(95px,env(safe-area-inset-bottom)) 0;width:min(90vw,430px);margin:0 auto;padding:0;max-height:55svh;overflow:auto;border-radius:30px 6px 30px 6px}
.garden-note::backdrop{background:linear-gradient(transparent 30%,#031b1580);backdrop-filter:none}
.garden-note-media{height:130px;background:#173e2f}.garden-note-media img,.garden-note-media video{width:100%;height:100%;object-fit:cover;display:block}.garden-note-media video{object-fit:contain}
.garden-note-copy{padding:17px 20px 0}.garden-note h2{font-size:26px;margin:6px 0 9px}.garden-note p{font:12px/1.65 var(--body);color:#e0e8cd;margin:0 0 15px}
.garden-note-add{display:flex;justify-content:space-between;gap:15px;width:calc(100% - 40px);margin:0 20px 20px;padding:13px 15px;border:0;border-radius:22px 4px;background:#d7e6b5;color:#153b2b;font:600 11px var(--body);cursor:pointer}
@keyframes pocket-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:600px){
  .walk-track,.quote-leaf,#quote-form{overflow-anchor:none}
  .walk-footer{display:block!important;bottom:max(56px,calc(env(safe-area-inset-bottom,0px) + 24px))!important}
  .walk-footer .walk-stations,.walk-footer .walk-scroll,.walk-footer .film-button{display:none!important}
  .pocket-nav{display:flex;align-items:center;gap:8px;width:100%}
  .pocket-nav button{min-height:46px;border:1px solid #e4ebce55;background:#123d2be8;color:#edf1d7;backdrop-filter:blur(14px);cursor:pointer}
  .pocket-prev,.pocket-next{width:46px;flex:0 0 46px;border-radius:50%;font:20px var(--body)}
  .pocket-nav button:disabled{opacity:.32;cursor:default}
  .pocket-map{flex:1;position:relative;border-radius:26px 5px 26px 5px;padding:7px 30px 7px 17px;text-align:left}
  .pocket-map>span{display:block;font:7px var(--body);letter-spacing:1.2px;opacity:.7}.pocket-map b{display:block;margin-top:2px;font:500 13px var(--heading)}.pocket-map i{position:absolute;right:13px;top:14px;font-style:normal;opacity:.6}
  .pocket-nav button:active{transform:scale(.96)}
  .garden-world .hotspot{min-width:44px;min-height:44px!important}
  .garden-world .hotspot:after{content:'';position:absolute;inset:-5px;border:1px solid #e9efc86b;border-radius:30px;pointer-events:none;animation:pocket-beacon 3s ease-in-out infinite}
  .garden-world .hotspot:nth-child(2):after{animation-delay:1s}.garden-world .hotspot:nth-child(3):after{animation-delay:2s}
  .whole-quote .quote-leaf{padding:12px 12px 0;background:#133b2cbd;transition:grid-template-rows .6s cubic-bezier(.16,1,.3,1)}
  .whole-quote .project-composer{margin:0 3px}
  .whole-quote .project-composer .composer-preview{transition:height .65s cubic-bezier(.16,1,.3,1)}
  .whole-quote .project-composer summary{pointer-events:none}
  .whole-quote .project-composer summary>span{display:none}
  .whole-quote #quote-form{position:relative;background:linear-gradient(145deg,#1d4a36,#0a3023);border:1px solid #d6e5b849;border-bottom:0;border-radius:25px 6px 0 0;padding:0 13px 28px;scroll-padding-top:60px;box-shadow:0 -10px 25px #001c1729}
  .atelier-grip{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:7px;width:calc(100% + 26px);margin:0 -13px 14px;padding:20px 13px 10px;min-height:49px;border:0;border-bottom:1px solid #d7e7bb33;background:#194732;color:#e7efd2;font:10px var(--body);cursor:pointer;touch-action:none}
  .atelier-grip i{position:absolute;top:7px;width:34px;height:3px;left:calc(50% - 17px);border-radius:4px;background:#dce7be77}.atelier-grip b{font:500 9px var(--body);color:#d6e7b4}
  .whole-quote .quote-leaf.is-contemplating{grid-template-rows:minmax(0,1fr) 49px}
  .whole-quote .is-contemplating #quote-form{overflow:hidden;padding-bottom:0}
  .whole-quote .is-contemplating #quote-form>:not(.atelier-grip){display:none!important}
  .whole-quote .is-contemplating .atelier-grip{margin-bottom:0}
  .whole-quote .is-contemplating .composer-preview{height:calc(var(--quote-mobile-height,600px) - 210px)!important;min-height:130px;max-height:none}
  .pocket-dialog[open]{animation:pocket-rise .5s cubic-bezier(.16,1,.3,1) both}
}
@keyframes pocket-beacon{0%,100%{opacity:.2;scale:1}50%{opacity:.65;scale:1.05}}
.paused .pocket-dialog,.paused .hotspot:after{animation:none!important}.paused .quote-leaf,.paused .composer-preview{transition:none!important}
@media(prefers-reduced-motion:reduce){.pocket-dialog,.hotspot:after{animation:none!important}.quote-leaf,.composer-preview{transition:none!important}}