/* A separate section directly after the mountain scene, in normal page flow. */
.aerial-arrival{--garden-paper:#e5dbcf;position:relative;display:grid;align-items:center;min-height:100svh;margin:0;padding:clamp(48px,8svh,96px) 0;isolation:isolate;color:#55584f;background:var(--garden-paper)}
.scroll-prelude[data-palette=gold]~.aerial-arrival{--garden-paper:#e5dbcf}
/* A static paper wash across the existing mountain edge, without moving,
   duplicating or changing the document position of either section. */
.garden-landscape-tail{position:absolute;inset:-24svh 0 auto;height:28svh;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--garden-paper) 18%,transparent) 24%,color-mix(in srgb,var(--garden-paper) 60%,transparent) 52%,color-mix(in srgb,var(--garden-paper) 91%,transparent) 76%,var(--garden-paper) 86%,var(--garden-paper) 100%)}
.garden-arrival{position:relative;height:72svh;min-height:480px;overflow:visible;isolation:isolate;pointer-events:auto;opacity:1;transform:none;animation:none;transition:none}
.garden-arrival:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23625337' opacity='.24' filter='url(%23g)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.garden-defs{position:absolute;pointer-events:none}
.garden-scroll-cue{position:absolute;left:4%;top:50%;z-index:5;display:flex;align-items:center;gap:10px;color:#95958b;text-decoration:none;font:400 18px/1 Georgia,"Times New Roman",serif}
.garden-scroll-cue__line{display:block;width:clamp(40px,6.5vw,124px);height:1px;overflow:hidden}
.garden-scroll-cue__line:before{content:"";display:block;width:100%;height:100%;background:currentColor;transform-origin:left;animation:garden-scroll-line 1.6s cubic-bezier(.65,0,.35,1) infinite}
.garden-scroll-cue:hover{color:#686e61}
.garden-scroll-cue:focus-visible{outline:1px solid currentColor;outline-offset:8px}
@keyframes garden-scroll-line{0%{transform:scaleX(0);transform-origin:right}45%{transform:scaleX(1);transform-origin:right}55%{transform:scaleX(1);transform-origin:left}100%{transform:scaleX(0);transform-origin:left}}
@media(prefers-reduced-motion:reduce){.garden-scroll-cue__line:before{animation:none}}
.garden-painting{position:absolute;top:3%;left:51.5%;right:9.5%;height:94%;margin:0}
.garden-media{position:absolute;inset:0;clip-path:url(#garden-film-panels);background:#a7afa2}
.garden-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.garden-panel-wipes{position:absolute;inset:0;pointer-events:none}
.garden-panel-wipes i{position:absolute;display:block;transform:scaleY(0);transform-origin:top;background:linear-gradient(to bottom,var(--garden-paper) calc(100% - 14px),transparent);}
.garden-panel-wipes i:nth-child(1){left:-1px;top:calc(2% - 1px);width:calc(23% + 2px);height:calc(86% + 2px);--wipe-delay:0s}
.garden-panel-wipes i:nth-child(2){left:calc(25.7% - 1px);top:calc(10% - 1px);width:calc(23% + 2px);height:calc(90% + 2px);--wipe-delay:.12s}
.garden-panel-wipes i:nth-child(3){left:calc(51.4% - 1px);top:-1px;width:calc(23% + 2px);height:calc(86% + 2px);--wipe-delay:.24s}
.garden-panel-wipes i:nth-child(4){left:calc(77.1% - 1px);top:calc(5% - 1px);width:calc(22.9% + 2px);height:calc(89% + 2px);--wipe-delay:.36s}
.garden-panel-wipes i:nth-child(even){transform-origin:bottom;background:linear-gradient(to top,var(--garden-paper) calc(100% - 14px),transparent)}
.has-panel-wipe:not(.panels-revealed) .garden-panel-wipes i{transform:scaleY(1)}
.has-panel-wipe.panels-revealed .garden-panel-wipes i{transform:scaleY(0);transition:transform 1.35s cubic-bezier(.25,.65,.25,1) var(--wipe-delay)}
@media(prefers-reduced-motion:reduce){.has-panel-wipe .garden-panel-wipes{display:none}}
.garden-video-toggle{position:absolute;right:12px;bottom:10%;z-index:5;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #fff7e5a6;border-radius:50%;background:#e9dfccc9;color:#52574d;font:12px/1 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(6px)}
.garden-video-toggle[hidden]{display:none}
.garden-video-toggle:hover{background:#fff7e5eb}
.garden-video-toggle:focus-visible{outline:2px solid #666c60;outline-offset:4px}
.garden-copy{position:absolute;left:30%;top:50%;width:max-content;display:grid;grid-template-columns:max-content;justify-content:center;transform:translate(-50%,-50%)}
.garden-heading{margin:0 0 44px}
.garden-heading>p{margin:0;font:400 clamp(12px,1.1vw,16px)/1.2 Georgia,"Times New Roman",serif;letter-spacing:.18em;color:#252b26}

.garden-poem{display:flex;flex-direction:row-reverse;justify-content:flex-start;gap:clamp(20px,2vw,30px)}
.garden-poem h2,.garden-poem p{margin:0;writing-mode:vertical-rl;font-family:"Yu Mincho","Noto Serif TC","Songti TC",serif;font-weight:400;flex-shrink:0}
.garden-poem h2{font-size:clamp(17px,1.45vw,23px);letter-spacing:.08em;line-height:2.15;color:#55594f}
.garden-poem p{font-size:clamp(12px,1vw,15px);letter-spacing:.08em;line-height:2.5;color:#6f7265}
.garden-word{position:absolute;top:13%;left:0;margin:0;writing-mode:vertical-rl;text-orientation:mixed;color:#949992;font:400 clamp(54px,min(8.4vw,9svh),150px)/.78 "Bodoni MT",Didot,"Times New Roman",serif;letter-spacing:-.055em;white-space:nowrap;pointer-events:none}
@media(min-aspect-ratio:2/1){.garden-arrival{min-height:330px}}
@media(max-width:700px){
  .garden-scroll-cue{left:15%;top:auto;bottom:4%;font-size:15px}
  .garden-scroll-cue__line{width:35px}
  .garden-arrival{height:81svh;min-height:650px}
  .garden-copy{left:50%;top:22%;width:max-content;justify-content:center}
  .garden-heading{margin-bottom:24px}
  .garden-heading>p{font-size:11px}
  
  .garden-poem{justify-content:flex-end;gap:30px}
  .garden-poem h2{font-size:15px;line-height:1.9;letter-spacing:.18em}
  .garden-poem p{font-size:10px;line-height:1.9;letter-spacing:.12em}
  .garden-painting{left:31%;right:5%;top:44%;height:58%}
  .garden-word{top:12%;font-size:82px}
  .garden-video-toggle{width:29px;height:29px;right:4px;bottom:10%;font-size:10px}
}

.garden-heading{padding-bottom:20px}
@media(max-width:700px){.garden-heading{padding-bottom:14px}}