:root{--intro-white:#fafaf6;--forest:#445e3e;--leaf:#687e54}
body.intro-active{overflow:hidden;overscroll-behavior:none;background:var(--intro-white)}
body.transition-lock{overflow:hidden;overscroll-behavior:none;touch-action:none}.garden-iris.active{touch-action:none}
.intro-scene{position:fixed;inset:0;z-index:50;background:var(--intro-white);overflow:hidden;isolation:isolate;touch-action:none;overscroll-behavior:none}
.intro-scene[hidden],.garden-iris[hidden]{display:none}
body.intro-active .gallery-shell{visibility:hidden;pointer-events:none}
.intro-flow,.intro-white{position:absolute;inset:0;pointer-events:none}.intro-flow{z-index:0;background:#879257}.intro-flow>.backdrop{position:absolute;inset:0}.intro-white{z-index:1;background:var(--intro-white);opacity:0}
.wind-background{position:absolute;inset:-3%;overflow:hidden;background:#879257}.wind-field{display:block;width:100%;height:100%}
.portal-title{position:absolute;left:4%;top:31%;width:92%;height:38%;overflow:visible;fill:var(--ink);z-index:2;pointer-events:none}
.book-anchor{position:absolute;inset:0;display:grid;place-items:center;z-index:4;pointer-events:none;perspective:1400px}
.book-camera{position:relative;width:min(31vw,390px);height:min(59vh,500px);perspective:1200px;transform-style:preserve-3d;pointer-events:none}
.portal-book{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(3deg) rotateY(-15deg) rotateZ(3deg);cursor:default;pointer-events:none;isolation:auto;outline-offset:18px}
.portal-book[aria-disabled="false"]{pointer-events:auto;cursor:pointer}.portal-book:focus-visible{outline:1px solid #8a9b8a}
.book-cover,.book-leaf,.book-underleaf{position:absolute;inset:0;display:block;transform-style:preserve-3d;transform-origin:7% 50%;pointer-events:none}
.book-underleaf{transform:translateZ(-9px) translateX(8px) rotate(1deg)}.book-underleaf>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(4px 5px 3px #35442f25)}
.book-cover{transform:translateZ(27px);z-index:20}.book-leaf{transform:translateZ(calc(var(--stack)*3px)) translateX(calc((7 - var(--stack))*1.7px));z-index:calc(var(--stack) + 2)}
.leaf-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(1px 2px 1px #33452e25);pointer-events:none}
.leaf-back{transform:rotateY(180deg)}.book-thickness{position:absolute;left:7%;right:5%;top:4%;bottom:3%;background:repeating-linear-gradient(0deg,#e3e1d5 0px,#e3e1d5 2px,#aeb4a2 3px,#f7f5ea 4px);transform:translateX(11px) translateZ(-7px);border-radius:2px;box-shadow:8px 7px 9px #29422517}
.book-ground-shadow{position:absolute;left:-12%;right:-12%;bottom:-11%;height:20%;background:radial-gradient(ellipse,#28352429,transparent 68%);filter:blur(17px);transform:rotate(-5deg) scaleY(.52);pointer-events:none}
.intro-canopy{position:absolute;inset:0;z-index:7;pointer-events:none;will-change:transform;transform-origin:50% 0}
.canopy-shade{position:absolute;left:-10%;right:-10%;top:-20%;height:76%;background:linear-gradient(#3e553d 2%,#5c734b 50%,#6f805277 77%,transparent);filter:blur(35px);opacity:.6}
.canopy-strand{position:absolute;top:-13vh;width:var(--strand-width,230px);height:var(--strand-height,88vh);transform-origin:50% 0;will-change:transform;filter:drop-shadow(5px 10px 5px #22311f2a)}
.canopy-strand>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.canopy-strand .closed-flower{position:absolute;left:-33%;bottom:-12%;width:166%;max-width:none;height:auto;transform:rotate(180deg);filter:saturate(.83);user-select:none}
.canopy-strand.back-strand{filter:drop-shadow(2px 5px 3px #22311f20);opacity:.92}.canopy-strand.back-strand .closed-flower{opacity:.9}
.intro-hint{position:absolute;z-index:10;bottom:7%;left:0;right:0;text-align:center;color:#f5f3dc;font:14px var(--serif);letter-spacing:2px;text-shadow:0 1px 3px #243c2740;pointer-events:none}.intro-hint>span{display:block;margin-top:12px;font:17px var(--latin)}
.intro-scene.is-ready .intro-hint{visibility:hidden}.intro-scene.is-ready .portal-book:hover .book-cover{filter:brightness(1.035)}
.book-camera.flipping .book-cover{animation:cover-open .42s cubic-bezier(.2,.7,.2,1) forwards}.book-camera.flipping .book-leaf{animation:leaf-turn .45s cubic-bezier(.25,.6,.3,1) forwards;animation-delay:calc(.19s + var(--leaf)*.105s)}
@keyframes cover-open{to{transform:translateZ(27px) rotateY(-168deg)}}
@keyframes leaf-turn{to{transform:translateZ(calc(var(--stack)*3px)) rotateY(-170deg)}}
.garden-iris{position:fixed;inset:0;z-index:100;pointer-events:none;visibility:hidden;overflow:hidden;background:transparent}.garden-iris.active{visibility:visible;pointer-events:auto}
.iris-curtain{position:absolute;background:#536b45;will-change:transform;overflow:visible}.iris-top,.iris-bottom{left:-12%;width:124%;height:63%}.iris-top{top:-4%;transform:translateY(-118%);background:linear-gradient(#3d5539,#718553)}.iris-bottom{bottom:-4%;transform:translateY(118%);background:linear-gradient(#657b4c,#3d5539)}.iris-left,.iris-right{top:-10%;height:120%;width:58%;background:#546b44}.iris-left{left:-3%;transform:translateX(-120%)}.iris-right{right:-3%;transform:translateX(120%)}
.iris-edge{position:absolute;display:flex;align-items:flex-start;justify-content:space-around;gap:0;pointer-events:none}.iris-top .iris-edge{left:0;right:0;bottom:-200px;height:300px}.iris-bottom .iris-edge{left:0;right:0;top:-200px;height:300px;transform:rotate(180deg)}.iris-left .iris-edge{width:120vh;height:280px;left:calc(100% - 140px);top:50%;transform:translate(-50%,-50%) rotate(-90deg)}.iris-right .iris-edge{width:120vh;height:280px;left:140px;top:50%;transform:translate(-50%,-50%) rotate(90deg)}
.iris-edge>img{width:240px;height:300px;object-fit:contain;max-width:none;margin:0 -55px;transform:rotate(180deg);filter:drop-shadow(3px 8px 3px #253a232c)}
.gallery-masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;font:10px var(--latin);letter-spacing:.7px;margin:4px 0 85px}.gallery-masthead button{font:11px var(--serif);letter-spacing:0}.gallery-shell>.projects-section{margin-top:0}.gallery-shell .project-info{z-index:2}.gallery-shell .project-photo{z-index:1}
body.gallery-active{background:var(--paper)}body.gallery-active .gallery-shell{visibility:visible;pointer-events:auto}
.gallery-shell .catalog-end a{white-space:nowrap}
@media(max-width:700px){.book-camera{width:min(55vw,275px);height:min(43vh,380px)}.portal-title{left:3%;width:94%;height:24%;top:38%}.portal-title .title-cn{font-size:350px}.canopy-strand{top:-11vh;filter:drop-shadow(3px 6px 3px #22311f26)}.intro-hint{font-size:12px;bottom:8%;letter-spacing:1px}.canopy-shade{height:74%;filter:blur(22px)}.book-ground-shadow{filter:blur(13px);bottom:-13%}.iris-edge>img{width:180px;height:240px;margin:0 -45px}.iris-top .iris-edge{bottom:-155px;height:240px}.iris-bottom .iris-edge{top:-155px;height:240px}.gallery-masthead{margin:5px 0 55px;font-size:9px}.gallery-masthead button{font-size:10px}.iris-left .iris-edge,.iris-right .iris-edge{height:220px}}
@media(prefers-reduced-motion:reduce){.book-camera.flipping .book-cover,.book-camera.flipping .book-leaf{animation-duration:.01ms;animation-delay:0s}.canopy-strand{will-change:auto}}