:root{--cream:#eeeeda;--gold:#e4ca91;--muted:#b7c9b3;--green:#12362a;--line:#d8d9ad30;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#102e26;color:var(--cream);font:14px/1.6 system-ui,sans-serif}button,input,a{font:inherit}a{color:inherit;text-decoration:none}button,input{color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f4d89a;outline-offset:5px}[hidden]{display:none!important}
.hub-header{max-width:1600px;margin:auto;padding:17px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.hub-brand{display:flex;align-items:center;gap:8px}.brand-pip{width:49px;height:49px;flex-shrink:0;background:url('assets/mondtal/pips-atlas.png') 0 0/300% 200%;filter:drop-shadow(0 4px 8px #031e1b55)}.hub-brand>span:last-child{font:24px Georgia,serif;letter-spacing:-.5px}.hub-brand small{display:block;margin-top:5px;font:7px system-ui;letter-spacing:2.2px;color:#c2ceb0}.hub-header nav{display:flex;gap:28px;font-size:11px;color:#c9d3b9}.hub-header nav a:last-child{color:var(--gold)}.hub-header nav span{margin-left:10px}
.hub-hero{position:relative;isolation:isolate;max-width:1600px;margin:auto;min-height:480px;overflow:hidden;border-bottom:1px solid #d1d8ae24}.hero-landscape{position:absolute;inset:0;z-index:-2;background:url('assets/ensemble-v36/portal-garden.png') center 55%/cover}.hero-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#103129fa,#103129c9 35%,#10312922 70%),linear-gradient(0deg,#102e26,transparent 24%)}.hero-copy{padding:55px 7vw 48px;position:relative;max-width:710px}.hero-copy>small,.section-intro small,.final-door small{font-size:8px;letter-spacing:2px;color:#decf9f}h1{font:clamp(64px,6.3vw,92px)/1.01 Georgia,serif;letter-spacing:-3px;margin:23px 0 20px}h1 em,h2 em{font-weight:400;color:var(--gold)}.hero-copy>p{font:16px/1.75 Georgia,serif;color:#d5dfc5;margin:0 0 25px}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 22px;border:1px solid #f1dfaf5c;border-radius:11px;background:linear-gradient(135deg,#efdda9,#d4bc81);color:#294330;font-size:12px;font-weight:700;box-shadow:inset 0 1px #fff8db55,0 6px 20px #0b281c33}.gold-button:hover{background:#f2dfad}.gold-button span{font-size:18px}.hero-note{display:flex;align-items:center;gap:8px;font-size:9px;color:#b7cbaa;margin-top:18px}.hero-note>span{color:var(--gold)}.hero-companion{position:absolute;left:67%;bottom:40px;text-align:center;transform:translateX(-50%)}.hero-pip{width:220px;height:220px;display:block;margin:auto;background:url('assets/mondtal/pips-atlas.png') 0 0/300% 200%;filter:drop-shadow(0 14px 12px #08241d88);animation:pip-idle 4s ease-in-out infinite}.hero-companion blockquote{font:italic 13px/1.65 Georgia;color:#e6e7ca;background:#183b2dde;border:1px solid #d4d3a244;border-radius:17px 17px 17px 4px;padding:14px 21px;margin:-8px 0 0;box-shadow:0 6px 25px #05251d55}.hero-caption{position:absolute;bottom:28px;right:35px;font-size:8px;letter-spacing:2px;color:#d0d7b6;writing-mode:vertical-rl}.garden-lights{position:absolute;inset:0;pointer-events:none}.garden-lights i{position:absolute;width:3px;height:3px;border-radius:50%;left:58%;top:20%;background:#ffedaa;box-shadow:0 0 12px #fde397;animation:firefly 6s ease-in-out infinite}.garden-lights i:nth-child(2){left:80%;top:40%;animation-delay:-2s}.garden-lights i:nth-child(3){left:92%;top:70%;animation-delay:-4s}.garden-lights i:nth-child(4){left:52%;top:76%;animation-delay:-1s}.garden-lights i:nth-child(5){left:77%;top:15%;animation-delay:-5s}.garden-lights i:nth-child(6){left:47%;top:60%;animation-delay:-3s}
.world-section{padding:39px 4vw 25px;max-width:1510px;margin:auto}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:0 18px 25px}.section-intro h2{font:38px/1.15 Georgia,serif;letter-spacing:-1px;margin:9px 0 8px}.section-intro p{color:var(--muted);font-size:12px;margin:0}.garden-controls{display:flex;flex-direction:column;align-items:end;gap:9px}.garden-controls>span{font-size:9px;color:#b5c6aa}.garden-controls button{border:1px solid #cdd2a744;border-radius:9px;background:#274b38;color:#ddd7af;font-size:10px;padding:7px 12px}.garden-controls button:hover{background:#3a5b3f}.portal-garden{position:relative;isolation:isolate;padding:20px 18px 0;border:1px solid #c1d1aa35;border-radius:26px;background:linear-gradient(#284a3599,#183c2c55);overflow:hidden}.garden-floor{position:absolute;inset:0;z-index:-2;background:linear-gradient(#12332b66,#12332b38 42%,#102f27ef 75%),url('assets/ensemble-v36/portal-garden.png') center 70%/cover;opacity:.85}.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.world-card{display:flex;flex-direction:column;min-width:0;text-align:left;padding:0;background:none;border:0;color:var(--cream);position:relative;isolation:isolate}.card-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:8px;letter-spacing:1px;color:#e4d9b0;padding:0 6px;min-height:28px}.card-top b{font-size:6px;font-weight:500;letter-spacing:.7px;padding:4px 6px;background:#123c2a9c;border:1px solid #d0d6ab36;border-radius:5px;color:#ded7ac}.world-portal{position:relative;height:230px;display:grid;place-items:center;overflow:visible}.portal-art{display:block;width:100%;height:auto;aspect-ratio:1;background:url('assets/ensemble-v36/portal-atlas.png') no-repeat;background-size:200% 200%;filter:drop-shadow(0 12px 9px #0b2a1c66);transition:transform .3s,filter .3s;position:relative;z-index:1}.portal-0{background-position:0 0}.portal-1{background-position:100% 0}.portal-2{background-position:0 100%}.portal-3{background-position:100% 100%}.portal-glow{position:absolute;width:45%;height:62%;left:28%;top:14%;border-radius:50%;background:var(--a,#b1dec2);filter:blur(31px);opacity:.25;animation:portal-breathe 4s ease-in-out infinite}.world-card:hover:not(:disabled) .portal-art{transform:translateY(-5px) scale(1.045);filter:drop-shadow(0 10px 17px #e6d59f55)}.world-card:focus-visible{outline-offset:4px;border-radius:15px}.world-card.locked .portal-art{filter:saturate(.5) brightness(.79) drop-shadow(0 9px 9px #08251c77)}.world-card.locked .portal-glow{opacity:.09;animation:none}.lock-seal{position:absolute;bottom:14%;left:calc(50% - 15px);width:30px;height:30px;z-index:2;border:1px solid #eed9a480;border-radius:50%;background:#18362de8;color:#dbc999;display:grid;place-items:center;font-size:15px;box-shadow:0 3px 15px #092b1b66}.world-card.complete .lock-seal{background:#405d39;color:#f8e5a7}.portal-walkway{height:63px;position:relative;pointer-events:none;display:block}.portal-walkway:after{content:'';position:absolute;left:-18px;right:-18px;top:17px;height:22px;transform:skewY(-2deg);border-radius:50%;background:linear-gradient(0deg,#b29b5933,#d6c78b4d,#a0a56622);filter:blur(4px)}.card-copy{position:relative;flex:1;padding:17px 16px 13px;background:linear-gradient(135deg,#244b3bd9,#12382cf0);border:1px solid #c8cfa333;border-bottom:0;border-radius:16px 16px 0 0;box-shadow:inset 0 1px #fff0c10d}.card-copy>small{font-size:7px;letter-spacing:1px;color:#daca9e}.card-copy h3{font:26px/1.1 Georgia;margin:10px 0 9px;letter-spacing:-.4px;min-height:57px}.card-copy .card-desc{display:block;font-size:11px;line-height:1.75;color:#b8cdb2;margin:0;min-height:58px}.card-bottom{padding:13px 16px 17px;display:flex;align-items:center;justify-content:space-between;gap:5px;background:#153b2ddd;border:1px solid #c8cfa333;border-top:1px solid #d2d6aa26;border-radius:0 0 16px 16px;margin-bottom:20px;font-size:10px;color:#e7d8a9}.card-bottom strong{font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.3px}.world-card.locked .card-bottom{display:block}.world-card.locked .card-bottom strong{display:block;margin-top:4px}.world-card.locked .card-copy h3{color:#c6d2bb}.garden-caption{text-align:center;color:#a6c19f;font:italic 12px Georgia;margin:20px 0 5px}.garden-caption span{color:#dec98c;margin-right:6px}
.pip-walker{position:absolute;left:0;top:0;width:92px;height:98px;padding:0;border:0;background:none;z-index:5;will-change:transform;touch-action:manipulation}.walker-pip{display:block;position:absolute;inset:0;background:url('assets/mondtal/pips-atlas.png') 0 0/300% 200%;filter:drop-shadow(0 4px 4px #082b1d55);transform-origin:50% 85%}.pip-walker[data-walking=true] .walker-pip{animation:pip-walk .36s ease-in-out infinite}.pip-walker[data-direction=left] .walker-pip{scale:-1 1}.walker-shadow{position:absolute;left:25%;right:22%;height:12%;bottom:7%;border-radius:50%;background:#112d2090;filter:blur(4px)}.walker-bubble{position:absolute;left:50%;bottom:calc(100% - 7px);transform:translateX(-50%);width:190px;padding:10px 12px;border:1px solid #d9c38a;border-radius:14px 14px 14px 4px;background:#f2e9cf;color:#36533a;box-shadow:0 6px 20px #062b2455;font:11px/1.5 Georgia;pointer-events:none}.pip-walker.bubble-left .walker-bubble{left:16px;transform:none}.pip-walker.bubble-right .walker-bubble{left:auto;right:12px;transform:none}
.final-door{max-width:1250px;margin:10px auto 45px;padding:45px 40px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:55px;align-items:center;border-top:1px solid #c9d2ac30}.key-art{width:100%;aspect-ratio:1;background:url('assets/ensemble-v36/portal-atlas.png') 100% 100%/200% 200%;filter:drop-shadow(0 0 28px #c4ce8d22)}.final-door h2{font:43px/1.1 Georgia;margin:13px 0 17px;letter-spacing:-1px}.final-door p{color:#b8cbb0;font-size:12px;line-height:1.75}.words{display:flex;gap:9px;margin:22px 0}.words span{width:88px;height:54px;display:grid;place-items:center;border:1px solid #c3d0a63d;border-radius:10px;background:#1d4230;font:24px Georgia;color:#8fa887}.words span.found{border-color:#ddc88e;color:#f1dc9e;background:#3a5739}#finalForm label{display:block;font-size:9px;color:#b6c4a5;margin:0 0 7px}#finalForm>div{display:flex;gap:8px}#finalKey{min-width:0;flex:1;border:1px solid #c9d2a84d;border-radius:10px;background:#092c22;color:#efead2;padding:12px;font-size:12px}#finalKey::placeholder{color:#92aa8e}#finalForm .gold-button{padding:12px 16px;font-size:10px;gap:10px}#finalFeedback{font-size:11px;margin:8px 0}.test-final{display:inline-block;font-size:10px;color:var(--gold);margin-top:10px}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 6vw;border-top:1px solid var(--line);color:#91ad8c;font-size:8px}footer span:first-child{letter-spacing:1.8px}
.portal-travel{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#092c25f5;overflow:hidden}.travel-glow{position:absolute;width:330px;height:400px;border-radius:50%;background:#c1d7a34d;filter:blur(80px);animation:travel-light 1.25s ease-in forwards}.travel-portal{width:340px;height:340px;background:url('assets/ensemble-v36/portal-atlas.png') 0 0/200% 200%;animation:travel-door 1.3s ease-in forwards}.travel-pip{position:absolute;width:140px;height:140px;margin-top:210px;background:url('assets/mondtal/pips-atlas.png') 0 0/300% 200%;animation:travel-pip 1.25s ease-in forwards}.portal-travel p{position:absolute;left:20px;right:20px;bottom:12%;text-align:center;font:18px Georgia;color:#eee2b5;z-index:3;text-shadow:0 2px 8px #113d2b}
@keyframes pip-idle{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes pip-walk{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -4px;rotate:3deg}}@keyframes firefly{50%{translate:9px -22px;opacity:.2}}@keyframes portal-breathe{50%{opacity:.37;scale:1.08}}@keyframes travel-pip{0%{transform:translateY(50px) scale(1);opacity:1}70%{transform:translateY(-75px) scale(.25);opacity:.6}100%{transform:translateY(-95px) scale(.05);opacity:0}}@keyframes travel-door{0%,55%{transform:scale(1)}100%{transform:scale(7);opacity:.15}}@keyframes travel-light{80%{opacity:1}100%{transform:scale(8);opacity:.75}}
@media(min-width:1600px){.world-portal{height:260px}.portal-walkway{height:75px}}
@media(max-width:1100px){.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.world-portal{height:260px}.portal-art{width:290px;max-width:100%}.world-section{max-width:1000px;padding:33px 4vw}.portal-garden{padding:18px 25px 0}.card-copy h3{min-height:0;font-size:28px}.card-copy .card-desc{min-height:0;max-width:340px}.card-bottom{margin-bottom:4px}.world-grid{padding-bottom:20px}.hero-companion{left:76%;bottom:50px}.hero-pip{width:180px;height:180px}.hero-companion blockquote{font-size:11px;padding:12px 17px}.hero-copy{padding-left:6vw}.final-door{grid-template-columns:220px minmax(0,1fr);gap:30px}.garden-controls>span{font-size:8px}.section-intro h2{font-size:34px}}
@media(max-width:640px){.hub-header{padding:13px 16px}.brand-pip{width:41px;height:41px}.hub-brand>span:last-child{font-size:20px}.hub-brand small{font-size:5px;letter-spacing:1.4px}.hub-header nav{gap:0}.hub-header nav>a:first-child{display:none}.hub-header nav a{font-size:9px}.hub-header nav span{margin-left:2px}.hub-hero{min-height:560px}.hero-copy{padding:35px 24px 20px}.hero-copy>small{font-size:6px;letter-spacing:1.3px}h1{font-size:63px;letter-spacing:-2px;margin:21px 0 18px}.hero-copy>p{font-size:13px;line-height:1.75}.hero-copy .gold-button{padding:12px 17px;font-size:11px;gap:15px}.hero-note{font-size:8px;max-width:160px;line-height:1.6}.hero-landscape{background-position:58% center}.hero-landscape:after{background:linear-gradient(90deg,#103129f2,#10312999 62%,#10312944),linear-gradient(0deg,#102e26,transparent 25%)}.hero-companion{left:auto;right:14px;bottom:25px;transform:none;display:flex;align-items:end;gap:0;flex-direction:row-reverse}.hero-pip{width:116px;height:116px;margin:0 -9px 0 0}.hero-companion blockquote{font-size:10px;padding:10px 12px;margin:0 0 3px;max-width:190px;border-radius:13px 13px 4px 13px}.hero-caption{display:none}.section-intro{display:block;padding:0 2px 20px}.section-intro small{font-size:6px;letter-spacing:1.6px}.section-intro h2{font-size:31px;margin-top:8px}.section-intro p{font-size:10px;max-width:290px}.garden-controls{margin-top:16px;align-items:center;justify-content:space-between;flex-direction:row;gap:6px}.garden-controls>span{font-size:7px;max-width:195px}.garden-controls button{font-size:8px;padding:6px 8px}.world-section{padding:25px 12px 18px}.portal-garden{padding:12px 9px 0;border-radius:19px}.world-grid{gap:10px 10px;padding-bottom:10px}.world-portal{height:165px}.portal-art{width:192px;max-width:120%;flex-shrink:0}.card-top{font-size:6px;padding:0 2px;letter-spacing:.5px;min-height:33px;align-items:start;flex-direction:column;gap:2px}.card-top b{font-size:5px;padding:2px 4px;letter-spacing:.4px}.portal-glow{top:20%;height:55%;width:40%;left:30%}.lock-seal{width:23px;height:23px;left:calc(50% - 12px);font-size:12px;bottom:10%}.portal-walkway{height:53px}.portal-walkway:after{height:16px;top:15px}.card-copy{padding:12px 10px 10px;border-radius:12px 12px 0 0}.card-copy>small{font-size:6px;letter-spacing:.4px}.card-copy h3{font-size:21px;min-height:47px;letter-spacing:-.4px;margin:8px 0}.card-copy .card-desc{display:block;font-size:9px;line-height:1.65;min-height:60px}.card-bottom{padding:10px;font-size:8px;border-radius:0 0 12px 12px}.card-bottom strong{font-size:10px}.garden-caption{font-size:10px;line-height:1.6;max-width:290px;margin:15px auto 0}.pip-walker{width:73px;height:78px}.walker-bubble{width:145px;font-size:10px;padding:8px}.final-door{display:block;padding:25px 20px 30px;margin:0 10px 20px;text-align:center}.key-art{width:145px;margin:0 auto -5px}.final-door h2{font-size:37px}.final-door>div>small{font-size:7px}.final-door p{font-size:11px}.words{justify-content:center}.words span{width:68px;height:47px;font-size:21px}#finalForm{text-align:left}#finalForm>div{flex-direction:column}#finalForm .gold-button{font-size:11px;padding:12px}footer{padding:17px 20px;font-size:7px;gap:12px}footer span:first-child{letter-spacing:1px}.travel-portal{width:280px;height:280px}.travel-pip{width:110px;height:110px;margin-top:180px}.portal-travel p{font-size:15px;bottom:15%}}
@media(max-width:365px){.world-portal{height:143px}.portal-art{width:165px}.card-copy h3{font-size:19px}.card-copy .card-desc{display:block;font-size:8px}.hub-brand>span:last-child{font-size:18px}.hero-companion blockquote{max-width:164px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.pip-walker{will-change:auto}}

/* v37 · a little encounter in the forest above the portal garden. */
.hub-hero{min-height:510px}.hero-copy{z-index:3;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-adventure{position:absolute;left:47%;right:2%;top:10px;bottom:15px;isolation:isolate}.hero-gate{position:absolute;width:86%;aspect-ratio:1;left:-9%;top:-5%;z-index:1;background:url('assets/ensemble-v36/portal-atlas.png') 0 0/200% 200%;filter:drop-shadow(0 0 24px #9adc9344);animation:hero-portal-breathe 6s ease-in-out infinite;pointer-events:none}.hero-gate:after{content:'';position:absolute;left:35%;top:31%;width:26%;height:39%;border-radius:50%;background:radial-gradient(ellipse,#def3b81c,transparent 72%);box-shadow:0 0 40px #c0eda51a;animation:hero-portal-breathe 4s ease-in-out infinite}.forest-watcher{position:absolute;width:52%;aspect-ratio:1;right:-2%;top:20%;z-index:0;background:url('assets/scene-v37/forest-watcher.png') center/contain no-repeat;filter:brightness(.69) drop-shadow(0 15px 15px #0e2719a3);transform-origin:50% 90%;animation:watcher-peek 12s ease-in-out infinite;pointer-events:none}.watcher-eye{position:absolute;width:6%;height:8%;border-radius:50%;background:#ff291314;box-shadow:0 0 17px #ff241959;animation:watcher-eyes 12s ease-in-out infinite}.eye-one{left:29%;top:26.3%;transform:rotate(13deg)}.eye-two{left:43.4%;top:30.8%;transform:rotate(-12deg)}.hero-adventure .hero-companion{left:37%;bottom:17px;width:56%;transform:translateX(-50%);z-index:4;display:block;text-align:center}.hero-pip-button{position:relative;display:block;margin:auto;padding:0;width:174px;height:174px;border:0;background:none;border-radius:50%;cursor:pointer}.hero-pip-button:hover{background:radial-gradient(ellipse at 50% 75%,#f5e6b21a,transparent 60%)}.hero-pip-button:focus-visible{outline:2px solid #f1dda8;outline-offset:-12px}.hero-adventure .hero-pip{width:174px;height:174px;margin:0;transform-origin:50% 80%;animation:pip-startle 12s ease-in-out infinite;filter:drop-shadow(0 11px 8px #0b291cc2)}.pip-alarm{position:absolute;right:22px;top:4px;color:#f6e1ab;font:700 31px Georgia;transform:rotate(14deg);text-shadow:0 2px 8px #103526;animation:pip-alarm 12s ease-in-out infinite}.hero-adventure blockquote{padding:12px 16px;font:italic 13px/1.6 Georgia;margin:-4px 0 0;border:1px solid #e7dab364;border-radius:17px 17px 17px 4px;background:#14382ae8;box-shadow:0 9px 25px #082b1e5c;min-height:67px;backdrop-filter:blur(8px)}.comfort-note{display:block;font:8px system-ui;letter-spacing:.3px;color:#bcd4ae;margin-top:9px}.hero-motion{position:absolute;right:23px;bottom:17px;z-index:5;background:#163a2bc7;color:#d4dfbf;border:1px solid #d5d4a533;border-radius:8px;font:8px system-ui;padding:7px 9px;cursor:pointer}.hero-caption{right:21px;bottom:80px}.scene-paused *{animation-play-state:paused!important}.hero-adventure.comforted .hero-pip{animation:pip-idle 3s ease-in-out infinite}.hero-adventure.comforted .pip-alarm{opacity:0;animation:none}.hero-adventure.comforted .hero-pip-button:after{content:'♥';position:absolute;right:28px;top:18px;font-size:22px;color:#efc3b0;animation:pip-idle 2s infinite}
@keyframes hero-portal-breathe{50%{filter:drop-shadow(0 0 34px #b6e9a869);opacity:.92}}
@keyframes watcher-peek{0%,16%,82%,100%{opacity:.55;transform:translate(13px,14px) rotate(-3deg) scale(.94)}25%,56%{opacity:1;transform:translate(-8px,-4px) rotate(2deg) scale(1)}65%{opacity:.8;transform:translate(2px,7px) rotate(-1deg)}}
@keyframes watcher-eyes{0%,18%,75%,100%{opacity:.3}25%,55%{opacity:1;box-shadow:0 0 22px #ff291a88}42%{opacity:.6}}
@keyframes pip-startle{0%,20%,78%,100%{transform:translate(0,0) rotate(0)}12%{transform:translate(0,-3px) rotate(1deg)}24%{transform:translate(3px,-17px) rotate(8deg)}28%{transform:translate(-26px,0) rotate(-7deg)}30%,34%,38%{transform:translate(-32px,0) rotate(-4deg)}32%,36%,40%{transform:translate(-27px,0) rotate(3deg)}52%{transform:translate(-30px,0) rotate(-4deg)}65%{transform:translate(-7px,-2px) rotate(1deg)}}
@keyframes pip-alarm{0%,21%,63%,100%{opacity:0;transform:translateY(4px) rotate(14deg)}24%,52%{opacity:1;transform:translateY(-4px) rotate(14deg)}}
@media(min-width:1500px){.hero-gate{width:75%;left:-2%;top:-14%}.forest-watcher{width:46%;right:1%;top:9%}.hero-adventure .hero-companion{bottom:22px}}
@media(max-width:1100px) and (min-width:641px){.hero-adventure{left:48%;right:1%;top:75px;bottom:13px}.hero-gate{width:100%;left:-15%;top:-6%}.forest-watcher{width:59%;right:-5%;top:18%}.hero-adventure .hero-companion{width:65%;left:37%;bottom:24px}.hero-adventure .hero-pip,.hero-pip-button{width:146px;height:146px}.hero-adventure blockquote{font-size:11px;min-height:60px}.hero-motion{right:8px;bottom:6px;font-size:7px}}
@media(max-width:640px){.hub-hero{min-height:790px}.hero-copy{padding:34px 24px 20px}.hero-copy>p{max-width:260px}.hero-note{max-width:none}.hero-adventure{left:0;right:0;top:360px;bottom:15px}.hero-gate{width:92%;max-width:390px;left:-9%;top:-7%}.forest-watcher{width:60%;max-width:255px;right:-4%;top:10%}.hero-adventure .hero-companion{left:37%;right:auto;bottom:33px;width:65%;display:block}.hero-pip-button,.hero-adventure .hero-pip{width:142px;height:142px;margin:auto}.hero-adventure blockquote{font-size:11px;padding:10px 14px;max-width:none;min-height:57px;margin:-3px 0 0;border-radius:14px 14px 14px 3px}.comfort-note{font-size:7px;margin-top:7px}.hero-motion{right:17px;bottom:6px;font-size:7px}.pip-alarm{font-size:25px;right:19px;top:0}}
@media(prefers-reduced-motion:reduce){.hero-adventure *{animation:none!important}.forest-watcher{opacity:.85}.pip-alarm{display:none}.hero-gate{filter:drop-shadow(0 0 20px #b6e9a845)}}

@media(max-width:640px){.hub-hero{min-height:815px}.hero-adventure{top:385px}}

/* v38 · Softly lit garden under the left-hand copy. */
.hero-landscape:after{background:linear-gradient(90deg,#103129df,#103129b8 34%,#10312922 70%),linear-gradient(0deg,#102e26,transparent 24%)}
.hero-copy h1{text-shadow:0 3px 25px #062d2359}.hero-copy>p{text-shadow:0 2px 8px #103129}
@media(max-width:640px){.hero-landscape:after{background:linear-gradient(90deg,#103129e6,#1031299c 62%,#10312944),linear-gradient(0deg,#102e26,transparent 25%)}}