/* Reference-inspired botanical threshold; scoped to this scene. */
body.in-garden{background:#000;overflow-x:hidden}body.in-garden #cursor{border-color:#f5f2ec}
#garden{position:relative;height:250svh;background:#000;color:#f5f2ec;isolation:isolate}
.garden-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#000;outline:none}
.garden-nav{position:absolute;left:4%;right:4%;top:28px;display:flex;justify-content:space-between;align-items:center;gap:24px;z-index:50}
.garden-nav strong{font:24px Fang;letter-spacing:.12em}.garden-nav button{border:1px solid #f5f2ec66;color:#f5f2ec;background:#0007;padding:8px 15px;font:12px Hei;backdrop-filter:blur(8px)}
.garden-nav button:hover{background:#f5f2ec;color:#000}.garden-layer{position:absolute;max-width:none;transform:translate(-50%,-50%);pointer-events:none;will-change:transform,opacity}
[data-layer="garden-left"],[data-layer="garden-right"],[data-layer="rose"],[data-layer="iris"]{filter:brightness(.72)}
#garden-layers{position:absolute;inset:0;pointer-events:none}.garden-shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0004 0,#0001 52%,#0003 100%);z-index:15;pointer-events:none}
#garden-eye{position:absolute;left:50%;top:51%;width:min(76vw,96vh);max-width:none;transform-origin:53% 54%;transform:translate(-50%,-50%) scale(.26);z-index:18;opacity:0;pointer-events:none;will-change:transform,opacity}
.garden-copy{position:absolute;z-index:22;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:90px 24px 110px;pointer-events:none;text-shadow:0 2px 22px #000}
.garden-copy>p{font:11px Hei;letter-spacing:.25em;margin-bottom:28px}.garden-copy h1{font:clamp(45px,5.8vw,94px)/1.2 Fang;letter-spacing:-.035em}.garden-copy h1 span{display:block}.garden-copy .garden-small{font:14px/1.8 Hei;letter-spacing:.08em;margin:27px 0 0;color:#dedace}
.garden-end{z-index:30;opacity:0;pointer-events:auto;background:radial-gradient(ellipse at center,#0007,transparent 75%)}.garden-end h2{font:clamp(46px,6vw,88px)/1.2 Fang;letter-spacing:.025em;margin:0 0 30px}
.garden-end button,.garden-bottom button{font:12px Hei;border:1px solid #f5f2ec77;color:#f5f2ec;padding:11px 21px;background:#0008}.garden-end button:hover,.garden-bottom button:hover{background:#f5f2ec;color:#000}
.garden-bottom{position:absolute;z-index:40;left:4%;right:4%;bottom:28px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.garden-bottom p{font:11px/1.6 Hei;letter-spacing:.12em}.garden-bottom>span{font:10px Hei;color:#c6c2b8}.garden-progress{position:absolute;z-index:60;bottom:0;height:2px;left:0;width:100%;background:#f5f2ec;transform-origin:left;transform:scaleX(0)}
.garden-reveal{position:absolute;inset:0;z-index:70;background:#101211;opacity:0;pointer-events:none;transition:opacity .38s ease}#garden.revealing .garden-reveal{opacity:1}
@media(max-width:700px){.garden-nav{top:22px;left:20px;right:20px;gap:12px}.garden-nav strong{font-size:18px}.garden-nav button{font-size:10px;padding:8px 10px}.garden-copy h1{font-size:clamp(36px,10vw,68px);line-height:1.26}.garden-copy>p{font-size:9px;margin-bottom:23px}.garden-copy .garden-small{font-size:11px;margin-top:23px}.garden-copy{padding:90px 18px 110px}.garden-bottom{left:20px;right:20px;bottom:25px;align-items:end}.garden-bottom>span{display:none}.garden-bottom p{font-size:9px;max-width:135px;line-height:1.8}.garden-bottom button{font-size:10px;padding:10px 12px}#garden-eye{width:150vw}.garden-end h2{font-size:44px;line-height:1.4}.garden-end button{font-size:12px}.garden-shade{background:radial-gradient(ellipse at center,#0006,#0001 65%)}
}
@media(prefers-reduced-motion:reduce){.garden-reveal{transition:none}#garden-eye{left:16%;top:15%;width:70%;transform:none!important}.garden-copy{transform:none!important}}
