/* Homepage v2: botanical composition based on the supplied video. */
body[data-route="home"] .site-header{height:88px;border-bottom:0;background:var(--paper)}
body[data-route="home"] .site-header nav .nav-mine{background:#292a27;color:#fffefa;border-color:#292a27}
.garden-hero{position:relative;isolation:isolate;overflow:hidden;height:calc(100svh - 88px);min-height:660px;max-height:1100px;background:#f8f7f3}
.garden-scene{position:absolute;inset:0;z-index:-2;overflow:hidden}
.garden-image{height:100%;width:100%;max-width:none;object-fit:cover;object-position:center 58%;transform-origin:82% 55%;animation:garden-drift 16s ease-in-out infinite}
.garden-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#f8f7f3 0,transparent 13%);pointer-events:none}
.garden-intro{position:relative;padding:62px 5% 0;max-width:1600px;margin:auto}
.garden-kicker{font-size:11px;letter-spacing:2px;color:#62695b;line-height:1.8;margin:0 0 27px}
.garden-hero h1{font-family:var(--serif);font-weight:500;color:#284e2e;font-size:clamp(42px,4.65vw,77px);line-height:1.32;letter-spacing:-1.5px;margin:0;max-width:900px}
.garden-hero h1>span{display:block;white-space:nowrap}
.garden-description{font-size:14px;line-height:1.95;margin-top:29px;color:#53594e;letter-spacing:.5px}
.garden-actions{margin-top:28px}
.garden-actions .button{font-size:12px;padding:16px 23px;gap:35px}
.garden-scroll{position:absolute;bottom:28px;left:5%;display:flex;align-items:center;gap:13px;color:white;text-shadow:0 1px 5px #253b2e77;font-size:10px;letter-spacing:1.5px}
.garden-scroll-icon{border:1px solid #ffffff8c;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:15px;background:#20311b30;backdrop-filter:blur(6px);text-shadow:none}
.garden-date{position:absolute;right:5%;bottom:28px;color:white;display:flex;gap:25px;font-size:11px;letter-spacing:1px;padding:11px 16px;border-radius:24px;background:#233d2266;backdrop-filter:blur(12px)}
@keyframes garden-drift{0%,100%{transform:scale(1.015) rotate(-.12deg)}50%{transform:scale(1.035) rotate(.18deg)}}
@media(min-width:1700px){.garden-intro{padding-left:80px}.garden-image{object-position:center 65%}}
@media(max-height:790px) and (min-width:761px){.garden-hero{min-height:590px}.garden-intro{padding-top:30px}.garden-kicker{margin-bottom:18px}.garden-description{margin-top:20px}.garden-actions{margin-top:20px}}
@media(max-width:1100px) and (min-width:761px){.garden-hero h1{font-size:5.1vw}.garden-intro{padding-top:60px}.garden-image{object-position:64% center}.garden-description{font-size:13px}}
@media(max-width:760px){
 body[data-route="home"] .site-header{height:auto;min-height:112px}
 .garden-hero{height:calc(100svh - 112px);min-height:710px;max-height:900px}
 .garden-intro{padding:35px 24px 0}
 .garden-kicker{font-size:9px;margin-bottom:20px;letter-spacing:1.6px}
 .garden-hero h1{font-size:clamp(32px,7.6vw,52px);line-height:1.48;letter-spacing:-.9px}
 .garden-description{font-size:12px;line-height:1.9;margin-top:18px;letter-spacing:0}
 .garden-actions{margin-top:21px}
 .garden-actions .button{font-size:11px;padding:13px 19px;gap:28px}
 .garden-scene{top:285px}
 .garden-image{object-position:78% bottom}
 .garden-scene:after{background:linear-gradient(to bottom,#f8f7f3,transparent 16%)}
 .garden-scroll{left:24px;bottom:22px;font-size:9px;gap:9px}
 .garden-scroll-icon{width:30px;height:30px}
 .garden-date{right:22px;bottom:22px;font-size:9px;padding:10px 12px;gap:13px}
}
@media(prefers-reduced-motion:reduce){.garden-image{animation:none;transform:none}}
/* Individual plants move while the ground and typography stay still. */
.garden-image{animation:none;transform:none}
.garden-canvas,.garden-flowers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.garden-canvas{opacity:0}
.canvas-ready .garden-canvas{opacity:1}
.canvas-ready .garden-image{visibility:hidden}
.garden-flowers{overflow:hidden}
.garden-flower{position:absolute;display:block;transform:translate(-50%,-94%) rotate(var(--lean));transform-origin:50% 94%;pointer-events:none}
.flower-bloom,.flower-sprite{display:block;width:100%;height:100%;transform-origin:50% 94%}
.flower-bloom{animation:flower-open 9s cubic-bezier(.45,0,.2,1) infinite;animation-delay:var(--bloom-delay)}
.flower-sprite{background-image:url('assets/flower-sprites-v3.png');background-size:200% 200%;background-repeat:no-repeat;animation:flower-sway var(--sway-time) ease-in-out infinite;animation-delay:var(--delay)}
@keyframes flower-sway{0%,100%{transform:rotate(-5deg) skewX(-1deg)}50%{transform:rotate(7deg) skewX(2deg)}}
@keyframes flower-open{0%,15%,82%,100%{transform:scale(1)}32%,42%{transform:scale(.08,.12)}64%{transform:scale(1.04,1.03)}}
.motion-paused .flower-bloom,.motion-paused .flower-sprite{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.flower-bloom,.flower-sprite{animation:none;transform:none}}
@media(min-width:1101px){.garden-intro{padding-top:38px}.garden-hero h1{font-size:clamp(58px,5.15vw,82px)}}
@media(max-width:760px){body[data-route="home"] .site-header nav .nav-mine{background:transparent;color:var(--ink);border-color:transparent}}
/* Brand headline: reference-inspired high-contrast serif typography. */
.garden-hero h1{line-height:1.05;letter-spacing:0;font-weight:400}
.garden-hero h1 .hero-name-cn{font-family:'Songti SC','STSong',serif;font-size:clamp(68px,6.2vw,100px);font-weight:400;letter-spacing:.035em}
.garden-hero h1 .hero-name-en{font-family:'Times New Roman',Times,serif;font-size:clamp(76px,6.9vw,110px);font-weight:400;letter-spacing:-.035em;margin-top:7px}
.garden-tagline{margin-top:28px;font-size:16px;line-height:1.8;color:#344e37;letter-spacing:.7px}
.garden-description{margin-top:11px}
@media(max-width:760px){
 .garden-hero h1 .hero-name-cn{font-size:52px;letter-spacing:.025em}
 .garden-hero h1 .hero-name-en{font-size:59px;margin-top:4px}
 .garden-tagline{font-size:12px;margin-top:20px;letter-spacing:0}
 .garden-description{font-size:11px;margin-top:9px}
 .garden-actions{margin-top:18px}
 .garden-scene{top:300px}
}