html.forest-open{overflow:hidden}#forest-intro{--px:0px;--py:0px;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#263d2c;overflow:hidden;box-shadow:none;color:#fff5d9;isolation:isolate}#forest-intro::backdrop{background:#18231a;backdrop-filter:none}#forest-intro[open]{display:block}.forest-camera{position:absolute;inset:-3%;z-index:-5;opacity:0;transition:opacity .8s}.ready .forest-camera{opacity:1}.forest-pan{width:100%;height:100%;transform:translate(var(--px),var(--py));will-change:transform}#forest-intro .forest-backdrop{width:100%;height:100%;object-fit:cover;object-position:65% 50%}.playing.ready .forest-camera{animation:forest-approach 6s cubic-bezier(.18,.55,.3,1) both,forest-drift 16s 6s ease-in-out infinite alternate}.forest-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d231831,transparent 65%),linear-gradient(0deg,#0b1b14aa,transparent 50%);z-index:-3;pointer-events:none}.forest-rays{position:absolute;inset:-25%;background:conic-gradient(from 120deg at 12% 5%,transparent 0deg,#ffeab91c 4deg,transparent 8deg,#ffeab914 12deg,transparent 17deg,#ffeab912 24deg,transparent 30deg);pointer-events:none;animation:forest-light 15s ease-in-out infinite alternate;mix-blend-mode:screen;z-index:-2}.forest-mist{position:absolute;inset:40% -25% -20%;background:radial-gradient(ellipse at 25% 55%,#f9e9bf17,transparent 40%),radial-gradient(ellipse at 80% 75%,#e6efd71a,transparent 45%);animation:forest-mist 22s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.forest-skip{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));color:#fff8e9;background:#10231759;border:1px solid #fff8e955;border-radius:30px;padding:9px 17px;font-size:12px;backdrop-filter:blur(10px);z-index:10}.forest-entry{position:absolute;left:9%;bottom:13%;z-index:5}.playing.ready .forest-entry{animation:forest-title 1.4s 1.3s both}.forest-entry h1{font-size:clamp(60px,9vw,130px);font-weight:1000;line-height:1;letter-spacing:-.06em;margin:0 0 25px;text-shadow:0 4px 30px #10261740;color:#fff3d1}.forest-enter{display:flex;align-items:center;gap:48px;padding:14px 24px;border-radius:30px;border:1px solid #ffefd8a0;background:#fff2d8;color:#33402c;font-weight:900;font-size:14px;box-shadow:0 5px 25px #12231326;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.forest-enter:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff8 45%,transparent 70%);transform:translateX(-140%);transition:transform .7s}.forest-enter:hover{transform:translateY(-3px);box-shadow:0 8px 35px #ffd57d40}.forest-enter:hover:after{transform:translateX(140%)}.forest-enter span{transition:transform .3s}.forest-enter:hover span{transform:translateX(4px)}.forest-frond{position:absolute;bottom:-22%;width:32%;height:78%;pointer-events:none;z-index:3;filter:blur(1px);transform-origin:bottom center}.forest-frond svg{width:100%;height:100%;overflow:visible}.forest-frond>div{height:100%;transform-origin:50% 100%;animation:forest-sway 8s ease-in-out infinite alternate}.forest-frond.left{left:-12%;--slide:-23%;--turn:-18deg}.forest-frond.right{right:-16%;--slide:27%;--turn:14deg;scale:-1 1}.forest-frond.right>div{animation-delay:-4s;animation-duration:11s}.playing.ready .forest-frond{animation:forest-part 3.6s cubic-bezier(.16,.7,.3,1) both}.forest-motes,.forest-leaves{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.forest-motes i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe4a2;box-shadow:0 0 9px #ffdda3;left:var(--x);top:var(--y);opacity:0;animation:forest-pollen var(--duration) var(--delay) infinite ease-in-out}.forest-motes i:nth-child(3n){width:5px;height:5px;filter:blur(1px)}.forest-leaves i{position:absolute;left:calc(14% + var(--n)*24%);top:-10%;width:12px;height:6px;border-radius:100% 0 100% 0;background:#9a954a99;animation:forest-leaf calc(14s + var(--n)*3s) calc(var(--n)*-5s) linear infinite;filter:blur(.3px)}.forest-replay{background:none;border:0;padding:0;color:var(--muted);font-size:12px;white-space:nowrap}#forest-intro.leaving{animation:forest-exit .85s ease both}#forest-intro.leaving .forest-entry{animation:forest-title-out .35s ease both}#forest-intro.leaving .forest-camera{animation:none;transform:scale(1.045);transition:transform .85s;scale:1.06}.paused *{animation-play-state:paused!important}.image-unavailable .forest-entry{animation:none}
@keyframes forest-approach{from{transform:scale(1.015) translateX(-.5%)}to{transform:scale(1.045) translateX(0)}}@keyframes forest-drift{from{transform:scale(1.045) translate(0,0)}to{transform:scale(1.06) translate(-.35%,.25%)}}@keyframes forest-part{from{transform:translateX(15%) rotate(5deg)}to{transform:translateX(var(--slide)) rotate(var(--turn))}}@keyframes forest-sway{from{transform:rotate(-2deg)}to{transform:rotate(2.5deg)}}@keyframes forest-title{from{opacity:0;transform:translateY(12px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes forest-light{from{transform:rotate(-2deg);opacity:.5}to{transform:rotate(2deg);opacity:1}}@keyframes forest-mist{to{transform:translateX(7%);opacity:.5}}@keyframes forest-pollen{0%,100%{opacity:0;transform:translate(0,15px)}35%,70%{opacity:.6}90%{transform:translate(45px,-70px)}}@keyframes forest-leaf{0%{transform:translate(0,-20px) rotate(0);opacity:0}10%,80%{opacity:.7}100%{transform:translate(80px,110vh) rotate(250deg);opacity:0}}@keyframes forest-exit{0%,25%{opacity:1}100%{opacity:0}}@keyframes forest-title-out{to{opacity:0;transform:translateY(-10px)}}
@media(max-width:760px){#forest-intro .forest-backdrop{object-position:72% center}.forest-entry{left:7%;bottom:max(10%,35px)}.forest-entry h1{font-size:70px;margin-bottom:22px}.forest-skip{top:max(20px,env(safe-area-inset-top));right:20px}.forest-frond{width:55%;height:50%;bottom:-18%}.forest-frond.left{left:-28%}.forest-frond.right{right:-31%}.forest-shade{background:linear-gradient(0deg,#102516c9,transparent 65%)}.forest-enter{padding:13px 22px}.forest-motes i:nth-child(n+11),.forest-leaves i:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){#forest-intro *,#forest-intro{animation:none!important;transition:none!important}.forest-camera{opacity:1}.forest-pan{transform:none!important;will-change:auto}.forest-frond,.forest-motes,.forest-rays,.forest-leaves,.forest-mist{display:none}.forest-entry{opacity:1}}
/* Keep foreground foliage at the frame edge, softly out of focus. */
.forest-frond{filter:blur(4px);opacity:.72;bottom:-29%;height:66%}.forest-frond.right{right:-21%}.forest-frond.left{left:-18%}#forest-intro button:focus-visible{outline:2px solid #ffe5a5;outline-offset:5px}@media(max-width:760px){.forest-frond{height:42%;bottom:-21%;opacity:.6}.forest-frond.right{right:-35%}.forest-frond.left{left:-32%}}
/* Fly through a soft cloud opening before settling into the canopy. */
.forest-air{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}.air-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 52% 44%,#e5e9d6c9 0%,#e9eee7f5 55%,#f8f8ed 100%);opacity:0}.playing.ready .air-haze{animation:air-clear 3.6s cubic-bezier(.2,.6,.3,1) both}.air-cloud{position:absolute;inset:-35%;opacity:0;filter:blur(18px);background:radial-gradient(ellipse at 16% 35%,#f5f7ed 0%,#eef2e9e6 18%,transparent 40%),radial-gradient(ellipse at 75% 72%,#e5eae0f2 0%,#f7f7e8bd 18%,transparent 44%);will-change:transform,opacity}.playing.ready .cloud-a{animation:air-pass-left 4s cubic-bezier(.2,.6,.3,1) both}.playing.ready .cloud-b{animation:air-pass-right 4.6s .15s cubic-bezier(.2,.6,.3,1) both;rotate:120deg}.playing.ready .cloud-c{animation:air-pass-up 3.8s .2s cubic-bezier(.2,.6,.3,1) both;rotate:210deg}.playing.ready .forest-camera{animation:canopy-arrive 6.5s cubic-bezier(.12,.55,.26,1) both,forest-drift 16s 6.5s ease-in-out infinite alternate}.playing.ready .forest-entry{animation:forest-title 1.3s 3.1s both}.playing.ready .forest-frond{animation:forest-part 4s 1.4s cubic-bezier(.16,.7,.3,1) both}#forest-intro.leaving .forest-air{display:none}
@keyframes air-clear{0%,12%{opacity:1}65%{opacity:.35}100%{opacity:0}}@keyframes air-pass-left{0%{opacity:.95;transform:translate(5%,0) scale(.8)}70%{opacity:.6}100%{opacity:0;transform:translate(-45%,12%) scale(1.6)}}@keyframes air-pass-right{0%{opacity:.85;transform:translate(-5%,0) scale(.8)}70%{opacity:.4}100%{opacity:0;transform:translate(48%,-8%) scale(1.7)}}@keyframes air-pass-up{0%{opacity:.5;transform:translateY(15%) scale(.9)}100%{opacity:0;transform:translateY(-50%) scale(1.8)}}@keyframes canopy-arrive{0%{transform:scale(1.18) translate(-1%,2%);filter:blur(7px)}45%{filter:blur(1px)}100%{transform:scale(1.045);filter:blur(0)}}@media(max-width:760px){.air-cloud{filter:blur(12px)}.cloud-c{display:none}}@media(prefers-reduced-motion:reduce){.forest-air{display:none!important}}
