/* Dimensional SELVA lettering and articulated Blue Morpho butterflies. */
#jungle-title.sculpture-title{--turn-x:-7deg;--turn-y:-7deg;--light-x:38%;--depth-step:clamp(.7px,.105vw,1.5px);perspective:1250px;perspective-origin:50% 45%;overflow:visible;filter:none;transform-style:preserve-3d;line-height:1.15;position:relative;pointer-events:auto;cursor:default;touch-action:pan-y}
#jungle-title.sculpture-title span{display:block;text-shadow:none;transform:none;transition:none;color:inherit;filter:none}
#jungle-title.sculpture-title .sculpture-letter{position:relative;transform-style:preserve-3d;animation:selva-float 7.5s ease-in-out infinite;animation-delay:calc(var(--letter) * -.7s);will-change:transform;isolation:auto}
#jungle-title.sculpture-title .letter-core{position:relative;transform-style:preserve-3d;transform:rotateX(var(--turn-x)) rotateY(var(--turn-y));transition:rotate .65s cubic-bezier(.2,.8,.2,1),scale .65s;rotate:0deg;scale:1;will-change:transform;backface-visibility:visible}
#jungle-title.sculpture-title .letter-face{position:relative;z-index:1;background:radial-gradient(ellipse at var(--light-x) 12%,#ffffe5 0%,#e5ffc5 20%,#c5e995 45%,#99c968 80%,#78a950 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.55px #e6fbb29c;transform:translateZ(1px);filter:drop-shadow(0 -1px .25px #f5ffd2);text-shadow:none}
#jungle-title.sculpture-title .letter-depth{position:absolute;top:0;left:0;transform:translate3d(0,0,calc(var(--layer) * var(--depth-step) * -1));color:hsl(98 32% calc(34% - var(--layer) * .5%));-webkit-text-stroke:.6px #496e36;pointer-events:none;backface-visibility:visible}
#jungle-title.sculpture-title .letter-depth:first-child{text-shadow:5px 12px 14px #001b27b0,12px 24px 35px #03262977;color:#335e32;-webkit-text-stroke:.8px #254f2b}
#jungle-title.sculpture-title .sculpture-letter:nth-child(2) .letter-face{background-image:radial-gradient(ellipse at var(--light-x) 10%,#f9ffd9,#d9ef9c 35%,#a8ce76 75%,#789c4d)}
#jungle-title.sculpture-title .sculpture-letter:nth-child(4) .letter-face{background-image:radial-gradient(ellipse at var(--light-x) 10%,#fff5d6,#e3eaa4 35%,#b6c87c 75%,#8d9f51)}
#jungle-title.sculpture-title .sculpture-letter:hover .letter-core{rotate:-4deg;scale:1.035}
#jungle-title.sculpture-title .sculpture-letter:hover .letter-face{background-image:radial-gradient(ellipse at var(--light-x) 12%,#fff3ed,#efcce4 40%,#c790bf 82%,#aa79a1);-webkit-text-stroke-color:#ffe0ef}
.moonlit #jungle-title.sculpture-title .letter-face{background-image:radial-gradient(ellipse at var(--light-x) 10%,#faf2ff,#dfcff9 32%,#b298df 70%,#7961b6);-webkit-text-stroke-color:#efdeffa6}
.moonlit #jungle-title.sculpture-title .letter-depth{color:hsl(266 27% calc(36% - var(--layer) * .45%));-webkit-text-stroke-color:#634581}
.moonlit #jungle-title.sculpture-title .letter-depth:first-child{color:#3b315c;text-shadow:6px 16px 25px #001b30c0}
.moonlit #jungle-title.sculpture-title .sculpture-letter:nth-child(2) .letter-face,.moonlit #jungle-title.sculpture-title .sculpture-letter:nth-child(4) .letter-face{background-image:radial-gradient(ellipse at var(--light-x) 10%,#fff0ff,#e3c6ed 34%,#bc8fcc 76%,#8a66a4)}
@keyframes selva-float{0%,100%{transform:translate3d(0,0,0) rotateZ(-1.2deg)}35%{transform:translate3d(0,-7px,12px) rotateZ(1.1deg)}68%{transform:translate3d(0,3px,3px) rotateZ(-.4deg)}}
.morpho{position:absolute;width:100px;aspect-ratio:1;z-index:7;pointer-events:none;perspective:650px;transform-style:preserve-3d;filter:drop-shadow(0 9px 7px #031f3455);will-change:transform;animation-timing-function:cubic-bezier(.45,0,.55,1);animation-iteration-count:infinite}
.morpho-flight{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:morpho-bank 5.8s ease-in-out infinite;will-change:transform}
.morpho-wing{position:absolute;top:0;height:100%;width:50%;background-image:url('assets/blue-morpho.webp');background-repeat:no-repeat;background-size:200% 100%;backface-visibility:visible;will-change:transform;animation-duration:.95s;animation-timing-function:cubic-bezier(.37,.04,.52,.97);animation-iteration-count:infinite;animation-direction:alternate}
.morpho-left{left:0;background-position:left center;transform-origin:right 49%;animation-name:morpho-flap-left}
.morpho-right{left:50%;background-position:right center;transform-origin:left 49%;animation-name:morpho-flap-right}
.morpho-body{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;clip-path:polygon(36% 0,64% 0,55% 45%,55% 75%,45% 75%,45% 45%);transform:translateZ(2px);pointer-events:none;filter:drop-shadow(0 1px 1px #08182999)}
.morpho-one{top:18%;left:77%;width:clamp(76px,7.3vw,118px);animation-name:morpho-path-one;animation-duration:19s}
.morpho-one .morpho-wing{animation-duration:.78s}
.morpho-two{top:61%;left:23%;width:clamp(53px,5.2vw,82px);animation-name:morpho-path-two;animation-duration:24s;animation-delay:-9s;filter:drop-shadow(0 8px 6px #03273260)}
.morpho-two .morpho-wing{animation-duration:.92s;animation-delay:-.4s}.morpho-two .morpho-flight{animation-delay:-2s}
.morpho-three{top:15%;left:16%;width:clamp(38px,3.6vw,58px);animation-name:morpho-path-three;animation-duration:28s;animation-delay:-13s;opacity:.88;filter:drop-shadow(0 4px 5px #05233660)}
.morpho-three .morpho-wing{animation-duration:.65s;animation-delay:-.2s}.morpho-three .morpho-flight{animation-delay:-4s}
.moonlit .morpho{filter:brightness(.92) saturate(1.08) drop-shadow(0 0 11px #3998d754)}
@keyframes morpho-flap-left{0%{transform:rotateY(-12deg)}40%{transform:rotateY(10deg)}100%{transform:rotateY(72deg)}}
@keyframes morpho-flap-right{0%{transform:rotateY(12deg)}40%{transform:rotateY(-10deg)}100%{transform:rotateY(-72deg)}}
@keyframes morpho-bank{0%,100%{transform:rotateX(18deg) rotateZ(-18deg)}35%{transform:rotateX(34deg) rotateZ(12deg)}70%{transform:rotateX(8deg) rotateZ(-9deg)}}
@keyframes morpho-path-one{0%,100%{transform:translate3d(0,0,30px) rotate(-12deg) scale(1)}20%{transform:translate3d(-55px,24px,10px) rotate(-35deg) scale(.92)}45%{transform:translate3d(-100px,70px,40px) rotate(-10deg) scale(1.07)}70%{transform:translate3d(-32px,105px,10px) rotate(25deg) scale(.94)}88%{transform:translate3d(20px,35px,20px) rotate(15deg) scale(1)}}
@keyframes morpho-path-two{0%,100%{transform:translate3d(0,0,5px) rotate(22deg) scale(.9)}25%{transform:translate3d(65px,-45px,25px) rotate(40deg) scale(1.12)}50%{transform:translate3d(100px,-115px,5px) rotate(-15deg) scale(.85)}75%{transform:translate3d(15px,-65px,30px) rotate(-30deg) scale(1.02)}}
@keyframes morpho-path-three{0%,100%{transform:translate3d(0,0,0) rotate(35deg)}30%{transform:translate3d(95px,-20px,10px) rotate(55deg) scale(.8)}60%{transform:translate3d(165px,12px,0) rotate(-25deg) scale(1.1)}85%{transform:translate3d(55px,35px,15px) rotate(-40deg) scale(.9)}}
.jungle-hero.scene-away .morpho,.jungle-hero.scene-away .morpho *,.jungle-hero.scene-away .sculpture-letter{animation-play-state:paused!important}
@media(max-width:780px){#jungle-title.sculpture-title{--depth-step:.7px;perspective:750px;--turn-x:-8deg;--turn-y:-9deg;line-height:1.25;margin-bottom:10px}#jungle-title.sculpture-title .letter-face{-webkit-text-stroke:.3px #e6fbb29c}.morpho-one{top:15%;left:78%;width:71px;animation-name:morpho-mobile-one;animation-duration:16s}.morpho-two{top:59%;left:23%;width:50px;animation-name:morpho-mobile-two;animation-duration:21s}.morpho-three{top:13%;left:10%;width:39px;animation-name:morpho-mobile-three;animation-duration:23s}.morpho-wing{animation-duration:1.1s}@keyframes morpho-mobile-one{0%,100%{transform:translate3d(0,0,0) rotate(-15deg)}35%{transform:translate3d(-45px,55px,15px) rotate(-30deg)}70%{transform:translate3d(-12px,100px,0) rotate(20deg)}}@keyframes morpho-mobile-two{0%,100%{transform:translate3d(0,0,0) rotate(20deg)}35%{transform:translate3d(28px,-45px,10px) rotate(40deg)}70%{transform:translate3d(-22px,-15px,0) rotate(-15deg)}}@keyframes morpho-mobile-three{0%,100%{transform:translate3d(0,0,0) rotate(30deg)}35%{transform:translate3d(65px,-10px,10px) rotate(50deg)}70%{transform:translate3d(30px,22px,0) rotate(-20deg)}}}
@media(prefers-reduced-motion:reduce){#jungle-title.sculpture-title .sculpture-letter,.morpho,.morpho-flight,.morpho-wing{animation:none!important}#jungle-title.sculpture-title .letter-core{transform:rotateX(-7deg) rotateY(-7deg);transition:none}.morpho-left{transform:rotateY(20deg)}.morpho-right{transform:rotateY(-20deg)}}