/* Photographic leaves share the forest's light, depth and finite gestures. */
.drifting-leaves > .wind-leaf{position:absolute;left:var(--leaf-x);top:var(--leaf-y);width:var(--leaf-size);height:auto;aspect-ratio:1;object-fit:contain;opacity:var(--leaf-opacity,.86);filter:blur(var(--leaf-blur,0px)) saturate(.88) brightness(.89);transform:rotate(var(--leaf-angle));transform-origin:52% 68%;will-change:transform;pointer-events:none;user-select:none}
.drifting-leaves > .wind-leaf.leaf-near{filter:blur(.55px) saturate(.83) brightness(.76);opacity:.86}
.drifting-leaves > .wind-leaf.leaf-far{filter:blur(.25px) saturate(.73) brightness(.9);opacity:.6}
.botanical-leaf{object-fit:contain;pointer-events:none;user-select:none;filter:saturate(.86) drop-shadow(3px 7px 5px #001f1b25)}
.journey-heading-row > .botanical-leaf{width:clamp(82px,10vw,155px);height:auto;aspect-ratio:1;transform:rotate(16deg);margin-right:4%;flex-shrink:0}
.onboard-copy > .botanical-leaf{position:absolute;right:8%;top:130px;width:clamp(72px,8vw,118px);height:auto;transform:rotate(-19deg);filter:saturate(.83) drop-shadow(4px 6px 3px #35210c1c)}
.drift-button{width:104px;height:110px;right:-125px;transform:rotate(18deg);transform-origin:48% 83%}
.drift-button > .botanical-leaf{width:100%;height:100%;transition:filter .4s;filter:saturate(.92) drop-shadow(5px 9px 7px #001b1a50)}
.drift-button:hover > .botanical-leaf{filter:saturate(1) drop-shadow(6px 12px 8px #001b1a60)}
.wind-button .seal-leaf{position:absolute;inset:31%;width:38%;height:38%;object-fit:contain;transform:rotate(-22deg);pointer-events:none;filter:brightness(1.15) saturate(.8)}
.wind-button > svg{animation:none}
.wind-button{min-width:44px;min-height:44px}
.lake-ripples{position:absolute;z-index:-2;pointer-events:none;opacity:0;transition:opacity .15s}
.lake-ripples.is-active{opacity:1}
.lake-button{position:absolute;z-index:4;width:48px;height:48px;display:grid;place-items:center;border:1px solid #f8efd648;border-radius:50%;padding:0;color:var(--cream);background:#073e3c18;transform:translate(-50%,-50%);transition:background .3s,border-color .3s;isolation:isolate}
.lake-button > svg{width:27px;height:27px;stroke-width:1;opacity:.9}
.lake-button > span{position:absolute;right:56px;white-space:nowrap;font:italic 19px/1.1 OtherlightSerif,Georgia,serif;letter-spacing:-.02em;text-shadow:0 1px 10px #073e3c;opacity:0;translate:5px 0;transition:opacity .3s,translate .4s}
.lake-button:hover,.lake-button:focus-visible{background:#073e3c50;border-color:var(--cream)}
.lake-button:hover > span,.lake-button:focus-visible > span{opacity:1;translate:0 0}
.lake-button:active > svg{scale:.88}
.lake-button.ripple-still > svg{color:#ffd3a0;stroke-width:1.7}
.lake-button[hidden]{display:none}
@media(min-width:1700px){.journey-heading-row > .botanical-leaf{width:160px}.drift-button{width:122px;height:130px;right:-150px}}
@media(max-width:1100px){.journey-heading-row > .botanical-leaf{width:95px;margin-right:0}.onboard-copy > .botanical-leaf{width:85px;right:10%}.drift-button{width:80px;height:86px;right:-88px}}
@media(max-width:760px){
  .drifting-leaves > .wind-leaf{width:calc(var(--leaf-size)*.64)}
  .drifting-leaves > .wind-leaf:nth-child(n+6){display:none}
  .journey-heading-row > .botanical-leaf{width:66px;margin-right:0;margin-left:8px}
  .onboard-copy > .botanical-leaf{width:104px;right:10%;top:129px}
  .drift-button{width:58px;height:64px;right:-49px;top:31%}
  .lake-button{width:44px;height:44px}
  .lake-button > span{font-size:15px;right:48px}
}
@media(max-width:480px){
  .journey-heading-row > .botanical-leaf{width:51px;margin-left:5px}
  .onboard-copy > .botanical-leaf{width:85px;right:8%;top:130px}
  .slow-heading-wrap{padding-right:20px}
  .drift-button{width:50px;height:58px;right:-20px;top:31%;min-width:44px;min-height:44px}
  .slow-note h2{font-size:9.4vw}
}
.motion-paused .drifting-leaves > .wind-leaf{transform:rotate(var(--leaf-angle))!important}
.motion-paused .lake-ripples{display:none}
@media(prefers-reduced-motion:reduce){.drifting-leaves > .wind-leaf{transform:rotate(var(--leaf-angle))!important;will-change:auto}.lake-ripples{display:none}.lake-button,.lake-button > span{transition:none}.drift-button{transform:rotate(18deg)!important}}
@media(forced-colors:active){.lake-ripples,.drifting-leaves{display:none}.lake-button{background:Canvas;color:ButtonText;border-color:ButtonText}.botanical-leaf{filter:none}}