/* The garden window: native controls and film first, one optional 3D surface. */
.garden-experience{--window-height:min(790px,calc(100svh - 38px));width:min(1240px,calc(100% - 104px));margin:0 auto;display:grid;grid-template-columns:.9fr 1.2fr;gap:46px;align-items:start;padding-top:34px}
.experience-copy{position:sticky;top:55px;padding:50px 0 65px}.experience-copy .kicker{display:flex;align-items:center;gap:9px}.experience-copy h1{font-size:clamp(62px,6.3vw,87px)}.experience-copy h1 em{color:var(--accent)}.experience-copy .hero-intro{max-width:340px}.experience-copy .hero-actions{gap:20px}.experience-instructions{display:flex;align-items:center;gap:15px;margin-top:48px;color:var(--muted);font-size:12px;line-height:1.6}.experience-instructions em{font:italic 21px var(--serif);color:var(--accent)}.instruction-line{height:1px;width:31px;background:var(--accent)}.experience-instructions>span:last-child{font-size:30px;margin-left:10px;font-family:var(--serif);color:var(--accent)}
.portal-track{min-width:0;position:relative}.portal-enhanced .portal-track{height:calc(var(--window-height) + var(--scrub-distance,150svh))}.portal-pin{position:sticky;top:18px;height:var(--window-height);display:flex;flex-direction:column;justify-content:center;isolation:isolate}.portal-heading{text-align:center;margin:0 0 15px}.portal-heading .kicker{font-size:8px;letter-spacing:.23em;color:var(--muted)}.portal-heading h2{font-size:31px;line-height:1.1;margin-top:8px;letter-spacing:-.04em}.portal-heading h2 em{color:var(--accent)}
.portal-orbit{height:calc(var(--window-height) - 175px);max-height:595px;min-height:260px;position:relative;flex:none}.orbit-guide{position:absolute;inset:37px 12px 40px;border:1px dashed var(--line);border-radius:50%;transform:rotate(-15deg);opacity:.65;pointer-events:none}.portal-media{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:calc(100% - 178px);max-width:354px;height:calc(100% - 100px);isolation:isolate;filter:drop-shadow(0 18px 13px #2436281b)}.portal-media-inner{position:absolute;inset:0;border-radius:999px 999px 6px 6px;overflow:hidden;background:#203c2c;box-shadow:0 0 0 6px #d9d6bd,0 0 0 8px #acb79b,0 12px 0 -5px #b8bba6}.portal-media-inner>img,.portal-media-inner>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.window-after{opacity:0}.window-film{opacity:0}.window-film.is-ready{opacity:1}.portal-media-inner:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#14291bd9);pointer-events:none}.portal-webgl{position:absolute;inset:-24px;pointer-events:none;opacity:0;transition:opacity .25s}.portal-webgl canvas{display:block;width:100%;height:100%}.portal-media.has-webgl .portal-webgl{opacity:1}.portal-media.has-webgl .portal-media-inner{opacity:0}.window-state{position:absolute;z-index:2;top:45px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.2em;background:#173725b3;color:#fff9e7;border:1px solid #ffffff35;padding:5px 10px;border-radius:30px;pointer-events:none}.window-caption{position:absolute;z-index:2;left:16px;right:16px;bottom:19px;text-align:center;color:#fff9e7;pointer-events:none;text-shadow:0 2px 10px #102819;display:flex;flex-direction:column;gap:7px}.window-name{font:italic 28px/1.05 var(--serif)}.window-detail{font-size:10px;line-height:1.5;max-width:26ch;margin-inline:auto}.portal-choices{position:absolute;inset:0;pointer-events:none;z-index:3}.portal-choice{position:absolute;width:86px;min-height:88px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:11px;line-height:1.3;pointer-events:auto;color:var(--muted);padding:5px 3px;border-radius:10px;transition:color .2s,transform .2s}.portal-choice img{width:70px;height:70px;filter:drop-shadow(0 6px 4px #334a3020);transition:transform .2s}.portal-choice span{position:relative;padding-bottom:9px;white-space:nowrap}.portal-choice[aria-pressed=true]{color:var(--ink);font-weight:650}.portal-choice[aria-pressed=true] span:after{content:'';position:absolute;bottom:0;left:calc(50% - 2px);width:4px;height:4px;background:var(--accent);border-radius:50%}.portal-choice:hover img{transform:translateY(-4px) rotate(-5deg)}.portal-choice:hover{color:var(--ink)}.upper-left{left:0;top:16%}.upper-right{right:0;top:16%}.lower-left{left:0;top:53%}.lower-right{right:0;top:53%}.bottom{left:50%;bottom:0;transform:translateX(-50%);width:108px}.bottom img{height:61px;width:61px}.window-controls{width:min(100% - 90px,340px);margin:11px auto 0;text-align:center}.window-controls label{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted)}.window-cue{font-size:10px;color:var(--ink)}#window-progress{accent-color:var(--ink);width:100%;min-height:27px;margin:2px 0;cursor:ew-resize;touch-action:pan-y}.window-status{font-size:9px;line-height:1.5;color:var(--muted);min-height:14px}.window-next{font-size:10px;border-bottom:1px solid var(--line);display:inline-block;line-height:1.4;margin-top:6px;color:var(--muted);padding-block:3px}.window-next:hover{color:var(--ink)}.garden-experience+.assurance-strip{margin-top:22px}.garden-story{padding-top:70px}
body[data-style=forest] .portal-media-inner{box-shadow:0 0 0 6px #58715b,0 0 0 8px #8b9e77,0 12px 0 -5px #334a38}body[data-style=forest] .portal-choice img{filter:drop-shadow(0 6px 6px #0004)}
@media(min-width:1450px){.garden-experience{gap:74px}.portal-media{width:calc(100% - 185px)}}
@media(max-width:1100px){.garden-experience{width:calc(100% - 64px);gap:20px;grid-template-columns:.9fr 1.15fr}.experience-copy h1{font-size:70px}.experience-copy .hero-intro{font-size:13px}.experience-copy .hero-actions{gap:18px}.portal-media{width:calc(100% - 142px)}.portal-choice{width:68px;font-size:10px}.portal-choice img{width:62px;height:62px}.portal-choice.bottom{width:100px}.window-name{font-size:24px}.window-detail{font-size:9px}.portal-heading h2{font-size:28px}.window-controls{width:calc(100% - 75px)}}
@media(max-width:760px){.garden-experience{--window-height:min(730px,calc(100svh - 85px));display:block;width:calc(100% - 40px);padding-top:0}.experience-copy{position:static;padding:35px 0 32px}.experience-copy h1{font-size:64px;line-height:1;margin-block:18px}.experience-copy h1 br:last-child{display:none}.experience-copy h1 em:after{content:' '}.experience-copy .hero-intro{max-width:450px;font-size:13px}.experience-copy .hero-promise{font-size:13px;margin-top:9px}.experience-copy .hero-actions{margin-top:19px;gap:23px}.experience-copy .hero-note{font-size:10px;margin-top:12px}.experience-instructions{display:none}.portal-pin{top:10px}.portal-heading{margin-bottom:11px}.portal-heading h2{font-size:28px}.portal-orbit{height:calc(var(--window-height) - 155px)}.portal-media{width:calc(100% - 130px);max-width:360px;height:calc(100% - 85px)}.portal-choice img{width:65px;height:65px}.portal-choice{width:65px;font-size:10px}.portal-choice.bottom{width:100px}.portal-choice.bottom img{width:55px;height:55px}.orbit-guide{inset:35px 0 33px}.window-controls{width:min(100% - 70px,340px);margin-top:8px}.window-name{font-size:25px}.window-detail{font-size:9px}.window-state{top:39px}.window-caption{left:10px;right:10px;bottom:15px}.portal-heading .kicker{font-size:8px}.upper-left,.upper-right{top:18%}.lower-left,.lower-right{top:53%}.garden-experience+.assurance-strip{margin-top:15px}}
@media(max-width:430px){.garden-experience{width:calc(100% - 30px)}.experience-copy{padding-inline:5px}.experience-copy h1{font-size:58px}.portal-media{width:calc(100% - 112px)}.portal-choice{width:55px;font-size:9px}.portal-choice img{width:55px;height:55px}.portal-heading h2{font-size:26px}.window-name{font-size:23px}.window-detail{font-size:8px}.window-caption{left:8px;right:8px}.window-controls{width:calc(100% - 50px)}}
@media(max-width:350px){.experience-copy h1{font-size:49px}.experience-copy .hero-actions{gap:16px}.experience-copy .text-link{font-size:11px}.window-name{font-size:20px}.window-detail{display:none}.portal-media{width:calc(100% - 104px)}.portal-choice{width:50px;font-size:8px}.portal-choice img{width:49px;height:49px}.portal-heading h2{font-size:25px}.window-cue{font-size:9px}}
@media(max-height:650px) and (min-width:761px){.garden-experience{--window-height:600px}.experience-copy{top:20px;padding-top:20px}.experience-copy h1{font-size:60px}.experience-instructions{margin-top:22px}.portal-pin{position:sticky;top:0}}
.portal-media{max-width:min(354px,max(140px,calc((var(--window-height) - 260px)*.85)))}
.portal-media:after{content:'';position:absolute;inset:0;z-index:1;border-radius:999px 999px 6px 6px;background:linear-gradient(transparent 55%,#0c241da6);pointer-events:none}.portal-media-inner:after{display:none}
.window-state{white-space:nowrap}
@media(max-width:760px){.orbit-guide{transform:none}}
@media(max-width:430px){.experience-copy h1{font-size:52px}}
@media(max-width:350px){.experience-copy h1{font-size:45px}}

/* Scroll journey. The scene pins for all five films; native scrolling remains free. */
.portal-enhanced .portal-pin{position:sticky;top:12px;justify-content:flex-start;padding-top:6px}
.portal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;flex:none;margin-bottom:12px}
.portal-heading h2{font-size:27px}.portal-heading .kicker{font-size:8px}
.window-exit{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:40px;padding:8px 13px;border:1px solid var(--line);border-radius:30px;background:var(--paper);color:var(--ink);font-size:11px;line-height:1.3;text-align:center;text-decoration:none}
.window-exit:hover{background:var(--ink);color:var(--paper)}
.portal-orbit{flex:1 1 0;height:auto;min-height:0;max-height:none}
.orbit-guide{inset:44px 41px 48px;transform:none}
.portal-media{top:80px;height:calc(100% - 170px)}
.portal-enhanced .portal-choice{right:auto;bottom:auto;width:80px;height:96px;min-height:0;padding:3px;gap:3px;transform:translate(-50%,-50%);transition:color .2s;font-size:11px}
.portal-enhanced .portal-choice img{width:58px;height:58px;flex:none}
.portal-choice span{padding:1px 4px 9px;border-radius:4px;background:var(--paper)}
.portal-choice[aria-pressed=true] img{filter:drop-shadow(0 7px 5px #344c3440)}
.window-controls{width:min(100% - 60px,340px);margin:9px auto 0;flex:none;padding-bottom:9px}
.journey-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;color:var(--muted)}
.journey-count{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--ink)}
.journey-percent{font-variant-numeric:tabular-nums;min-width:25px;text-align:right}
.window-cue{font-size:10px}.window-cue:after{content:none}
.journey-meter{display:none;height:3px;border-radius:3px;overflow:hidden;background:var(--line);margin-top:9px}
.journey-meter i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--ink)}
.window-replay{margin:10px auto 0;padding:8px 14px;border:1px solid var(--line);border-radius:30px;color:var(--ink);background:var(--paper);font-size:11px;cursor:pointer}
.window-replay[hidden]{display:none}
.portal-released .portal-track{height:auto}.portal-released .portal-pin{position:relative;top:0}.portal-released .experience-copy{position:static}
@media(max-width:1100px){.portal-heading h2{font-size:24px}.window-exit{font-size:10px;padding-inline:10px}.portal-enhanced .portal-choice{width:65px;height:84px;font-size:10px}.portal-enhanced .portal-choice img{width:50px;height:50px}.orbit-guide{inset:40px 33px}}
@media(max-width:760px){.garden-experience{--window-height:min(730px,calc(100svh - 84px))}.portal-heading{margin-bottom:7px;gap:8px}.portal-heading h2{font-size:24px;margin-top:0;max-width:190px}.portal-heading .kicker{display:none}.window-exit{max-width:120px;min-height:42px;font-size:10px;padding:7px 10px}.portal-enhanced .portal-choice{width:60px;height:80px;font-size:10px}.portal-enhanced .portal-choice img{width:46px;height:46px}.portal-media{top:65px;height:calc(100% - 140px)}.orbit-guide{inset:38px 30px}.window-controls{width:calc(100% - 35px);padding-bottom:6px}.window-status{display:none}#window-progress{display:none}.journey-meter{display:block}.window-cue{font-size:10px}.window-caption{bottom:14px}}
@media(pointer:coarse){#window-progress{display:none}.journey-meter{display:block}}
@media(max-width:350px){.portal-heading h2{font-size:21px;max-width:145px}.window-exit{max-width:110px;font-size:9px}.portal-enhanced .portal-choice{width:52px;height:74px;font-size:9px}.portal-enhanced .portal-choice img{width:42px;height:42px}.orbit-guide{inset:35px 26px}.portal-media{top:61px;height:calc(100% - 130px)}.window-controls{width:calc(100% - 10px)}.window-cue{font-size:9px}}
@media(max-height:600px){.garden-experience{--window-height:calc(100svh - 26px)}.portal-enhanced .portal-pin{top:8px;padding-top:0}.portal-heading .kicker{display:none}.portal-heading h2{font-size:21px;margin:0}.portal-heading{margin-bottom:3px}.window-exit{min-height:35px;font-size:9px;padding:5px 10px}.portal-enhanced .portal-choice{width:56px;height:61px;font-size:9px;gap:0;padding:0}.portal-enhanced .portal-choice img{width:37px;height:37px}.portal-choice span{padding-bottom:6px}.portal-media{top:35px;height:calc(100% - 103px);max-width:min(220px,calc((var(--window-height) - 135px)*.7))}.orbit-guide{inset:29px 28px}.window-caption{bottom:8px}.window-name{font-size:17px}.window-detail{display:none}.window-state{top:15px;font-size:7px;padding:3px 6px}.window-controls{margin-top:3px;padding-bottom:2px}.window-status{display:none}#window-progress{display:none}.journey-meter{display:block;margin-top:5px}}
@media(max-height:600px) and (max-width:600px){.garden-experience{--window-height:calc(100svh - 77px)}.portal-media{top:30px;height:calc(100% - 88px)}}
@media(prefers-reduced-motion:reduce){.portal-choice img{transition:none}.portal-choice:hover img{transform:none}}