/* Each illustration has its own transparent asset, depth wrapper, and origin.
   Room furniture is never sampled into either fabric canvas. */
.landscape.scenic-camera{inset:-5%;transform:none;isolation:isolate;overflow:hidden}
.clear-sky{position:absolute;inset:-4%;background:linear-gradient(#bfd6df 0%,#dce4dc 48%,#edddc7 76%,#ede0c5 100%)}
.sun-position{position:absolute;left:65%;top:21%;width:8%;filter:saturate(.5);opacity:.85}.sun-position img{width:100%;height:auto;object-fit:contain}
.cloud-position{position:absolute;z-index:2;filter:saturate(.55);opacity:.85}.cloud-position img{display:block;width:100%;height:auto;object-fit:contain;animation:cloud-drift 55s ease-in-out infinite alternate}.cloud-one{left:8%;top:10%;width:22%}.cloud-two{left:44%;top:23%;width:15%}.cloud-two img{animation-delay:-22s;animation-duration:69s}.cloud-three{left:79%;top:8%;width:24%}.cloud-three img{animation-delay:-41s;animation-duration:78s}
.mountain-range{position:absolute;left:-8%;width:116%;pointer-events:none}.mountain-range img{width:100%;height:100%;object-fit:fill}.mountain-far{top:-6%;height:80%;opacity:.65;filter:saturate(.45) brightness(1.16);scale:-1 1}.mountain-near{top:3%;height:80%;filter:saturate(.65);z-index:3}.lake-plane{position:absolute;inset:15% -2% -15%;z-index:4}.lake-plane>img{width:100%;height:100%;object-fit:fill;filter:saturate(.65)}.water-shimmer{top:48%;height:35%;opacity:.08}
.ground-cluster{position:absolute;inset:0;isolation:isolate}.shore-ground{position:absolute;left:-5%;right:-5%;height:80%;top:31%;z-index:1}.shore-ground img{width:100%;height:100%;object-fit:fill;filter:saturate(.75)}
.tree-position{left:-11%;bottom:9%;width:115%;height:135%;z-index:2}.willow{object-fit:fill;object-position:left bottom;filter:saturate(.52) brightness(.97);transform-origin:13% 94%;animation:willow-crown 9s ease-in-out infinite alternate}
.bench-position{left:48%;bottom:8%;width:39%;max-width:none;z-index:3}.bench{animation:none;filter:saturate(.58) contrast(.92) brightness(.99);position:relative;z-index:2}.bench-contact{position:absolute;left:17%;right:12%;bottom:7%;height:8%;border-radius:50%;background:#4d594b45;filter:blur(9px);z-index:0}
.leaves{z-index:5;inset:0;overflow:hidden;pointer-events:none}.leaf{top:var(--top);width:14px;height:7px;background:var(--leaf-color);box-shadow:inset 0 -1px #e9dabd88;transform-origin:60% 50%;animation:leaf-journey var(--duration) linear infinite;animation-delay:var(--delay);opacity:0}
.fabric-panel{position:absolute;top:-1%;width:23%;height:76%;pointer-events:none;z-index:5;filter:drop-shadow(2px 1px 3px #5c59451c)}.fabric-left{left:10%}.fabric-right{right:9%;transform:scaleX(-1)}
.opening-copy{color:#fffdf2;text-shadow:0 2px 14px #3b4a4680}.scene-caption{color:#344d48;text-shadow:0 1px 12px #f5f0df99;top:18%;left:43%}.scene-caption p{font-size:clamp(24px,3vw,43px)}
@keyframes cloud-drift{from{transform:translateX(-15%)}to{transform:translateX(24%)}}
@keyframes willow-crown{0%{transform:rotate(-.45deg)}45%{transform:rotate(.35deg)}100%{transform:rotate(-.1deg)}}
@keyframes leaf-journey{0%{transform:translate3d(0,-2vh,0) rotate(10deg);opacity:0}7%{opacity:.9}25%{transform:translate3d(55px,calc(var(--fall-distance) * .24),0) rotate(110deg)}50%{transform:translate3d(22px,calc(var(--fall-distance) * .52),0) rotate(220deg);opacity:.9}75%{transform:translate3d(100px,calc(var(--fall-distance) * .86),0) rotate(360deg);opacity:.85}88%{transform:translate3d(118px,var(--fall-distance),0) rotate(390deg);opacity:.6}100%{transform:translate3d(118px,var(--fall-distance),0) rotate(390deg);opacity:0}}
@media(max-width:650px){.tree-position{left:-30%;bottom:10%;height:130%;width:180%}.bench-position{left:35%;width:63%;bottom:10%}.shore-ground{top:30%;height:80%;left:-20%;right:-20%}.scene-caption{left:18%;top:21%;width:75%}.scene-caption p{font-size:28px}.cloud-one{width:34%;left:3%}.cloud-two{width:25%;left:40%}.cloud-three{width:32%;left:78%}.sun-position{width:13%;left:66%}.fabric-panel{height:76%}.mountain-far{width:160%;left:-30%}.mountain-near{width:140%;left:-20%}.leaf{width:11px;height:6px}}
.mountain-far{scale:none}.mountain-far img{transform:scaleX(-1)}
.bench{clip-path:inset(42% 0 0 0)}.bench-people{position:absolute;inset:0;width:100%;height:auto;z-index:1;clip-path:inset(0 0 57% 0);filter:saturate(.58) contrast(.92) brightness(.99);transform-origin:48% 43%;animation:quiet-breath 7s ease-in-out infinite alternate}
@media(max-width:650px){.tree-position{left:-110%;width:280%;height:115%}.willow{object-fit:contain}.scene-caption{left:36%;width:60%;top:18%}.scene-caption p{font-size:21px}}
@keyframes quiet-breath{from{transform:rotate(-.12deg) scaleY(1)}to{transform:rotate(.12deg) scaleY(1.003)}}
@media(prefers-reduced-motion:reduce){.willow,.cloud-position img,.leaf{animation:none!important}.leaf{display:none}.landscape.scenic-camera{scale:1!important;translate:none!important}}

/* Final art-direction: shared tree/shore texture, foreground bed, and a
   short camera move toward the open water behind the bench. */
:root{--camera-x:0px;--scene-blur:0px;--bench-reveal:0}
html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
.ground-paint{position:absolute;left:-5%;top:-40%;width:110%;height:145%;z-index:1;pointer-events:none}
.bed-foreground{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:6;pointer-events:none;clip-path:polygon(0 47.5%,3% 47.5%,3.5% 49%,4.5% 51%,9% 54%,11% 57%,13% 61.5%,22% 61.5%,28% 60.5%,36% 60%,40% 61%,41% 62%,42% 60%,43% 59.5%,44.5% 60%,45.5% 62%,46% 64%,46% 69%,45% 74%,45% 87%,44% 93%,43% 98%,0 98%)}
.bench-position{opacity:var(--bench-reveal)}
.landscape.scenic-camera{transform-origin:68% 55%;translate:var(--camera-x) var(--land-y);filter:blur(var(--scene-blur))}
.outdoor-front{transform-origin:68% 61%;transform:translate3d(var(--camera-x),var(--front-y),0) scale(var(--front-scale));filter:blur(var(--scene-blur))}
.paper-wash{background:#fff}.content-section{background:linear-gradient(#fff,var(--paper) 180px)}
.scene-caption{left:62%;width:35%;top:19%}.scene-caption p{font-size:clamp(21px,2.5vw,36px)}
.cloud-position img{animation:cloud-cruise 18s linear infinite alternate}.cloud-two img{animation-delay:-8s;animation-duration:22s}.cloud-three img{animation-delay:-14s;animation-duration:26s}
@keyframes cloud-cruise{from{transform:translateX(-32%)}to{transform:translateX(38%)}}
.cabinet-monitor{left:4.5%;width:6.5%;bottom:46%}
.scroll-invitation{bottom:65px;animation:scroll-invitation-float 3.4s cubic-bezier(.45,0,.2,1) infinite;will-change:transform}
@keyframes scroll-invitation-float{0%,100%{transform:translate(-50%,0)}45%{transform:translate(-50%,-9px)}58%{transform:translate(-50%,-8px)}}
.brand-name,.copyright-brand{font-weight:inherit}.brand-name{white-space:nowrap}
html[lang=zh-CN] .opening-copy h1{font-size:clamp(66px,9vw,145px);letter-spacing:.035em}
@media(max-width:650px){.scene-caption{left:57%;width:40%;top:20%}.scene-caption p{font-size:19px;line-height:1.4}.scroll-invitation{bottom:72px}.cabinet-monitor{left:4.5%;width:6.5%}html[lang=zh-CN] .opening-copy h1{font-size:clamp(45px,13vw,76px)}html[lang=zh-CN] .small-brand{font-size:16px;letter-spacing:.07em}}
@media(prefers-reduced-motion:reduce){.scroll-invitation{animation:none!important}.landscape.scenic-camera,.outdoor-front{filter:none;translate:0 0}}

/* Each ridge is an individual transparent painting, rather than a baked stack. */
.ridge-one{top:-7%;height:80%;z-index:2;opacity:.7;filter:saturate(.45) brightness(1.13)}
.ridge-two{top:-1%;height:80%;z-index:2;filter:saturate(.55) brightness(1.05)}
.ridge-three{top:5%;height:80%;z-index:3;filter:saturate(.6)}
.ridge-four{top:-3%;height:80%;z-index:3;filter:saturate(.65)}
.bench-position{opacity:1}
.chair-foreground{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:6;pointer-events:none}
.journey{height:595.04vh}
@media(max-width:650px){.journey{height:528.4vh}.ridge-one,.ridge-two,.ridge-three,.ridge-four{left:-20%;width:140%}}
@media(prefers-reduced-motion:reduce){.journey{height:233.28vh}}