/* Approved photographic reference. Scenery is never baked into the artwork. */
.site-header{height:94px;padding:10px 14%;gap:28px;background:#f5f1e5;border:0}
.brand{display:block;min-width:200px;font-family:Georgia,serif;line-height:1.05}.brand i{display:block;font-size:1.9rem;font-weight:400}.brand>span{font-size:.95rem;letter-spacing:.08em}.brand small{font-size:.4rem;letter-spacing:.23em;margin-top:6px}.brand-mark{display:none}
.site-header nav{gap:20px;font:500 .65rem/1.2 var(--serif);white-space:nowrap}.languages{font-size:.65rem}
.hero{height:620px;min-height:0;padding:0;display:block;background:#e9e2c8;isolation:isolate}
.hero:before{inset:0;background:url('../images/woodland-photo-scene.png') center/100% 100% no-repeat;opacity:1}
.hero:after{display:none}.woodland-atmosphere{z-index:0}
.hero-copy{position:absolute;left:14%;top:13%;width:29%;max-width:420px;padding:20px 14px;background:radial-gradient(ellipse,#f9f3e6dd 25%,#f9f3e69c 62%,transparent 76%);border-radius:20%;z-index:2}
.hero .eyebrow{font:500 .62rem/1.5 Georgia,serif;letter-spacing:.28em;color:#40513a;margin-bottom:12px;display:block}.hero .eyebrow:before{display:none}
.hero h1,.hero h1 em{font:italic 400 clamp(2.7rem,4.15vw,4.1rem)/1.02 Georgia,serif;letter-spacing:-.035em;color:#243e2b}
.hero .tagline{font:1.04rem/1.25 Georgia,serif;color:#263c29;margin:22px 0 12px;max-width:240px;border-top:1px solid #7d876255;padding-top:13px}
.hero .intro{font: .76rem/1.5 Georgia,serif;color:#283d2c;max-width:275px}
.hero .button{font: .68rem/1.3 Georgia,serif;min-height:42px;padding:12px 20px;margin-top:19px;gap:20px;background:#294a30;border-color:#294a30;color:#fff6e2}
.hero-art{position:absolute;left:51%;bottom:22%;width:34%;max-width:470px;margin:0;padding:0;background:none;border:0;box-shadow:none;z-index:2;filter:drop-shadow(5px 10px 9px #211a1666)}
.authentic-art{position:relative;width:100%;aspect-ratio:360/392;overflow:hidden}
.hero-art .authentic-art img{position:absolute;width:100%;max-width:none;height:auto;top:-11.2245%;left:0;border:0;box-shadow:none;clip-path:polygon(1.3% 9.9%,100% 9.1%,100% 40%,92.7% 90.3%,13.1% 90.1%);filter:brightness(1.06);transform:none}
/* The exact original frame is kept, including its photographed perspective. */
.woodland-tree{inset:0;width:100%;height:100%;bottom:auto;opacity:1;background:url('../images/woodland-photo-scene.png') center/100% 100% no-repeat;transform-origin:0 100%;animation:photo-sway-left 12s ease-in-out infinite alternate;animation-play-state:paused}
.tree-left{clip-path:polygon(0 0,25% 0,18% 20%,12% 45%,13% 77%,0 100%);left:0}
.tree-right{clip-path:polygon(80% 0,100% 0,100% 75%,94% 63%,90% 25%);right:0;transform-origin:100% 0;animation-name:photo-sway-right;animation-duration:15s}
@keyframes photo-sway-left{from{transform:rotate(-.2deg)}to{transform:rotate(.35deg)}}
@keyframes photo-sway-right{from{transform:rotate(.15deg)}to{transform:rotate(-.4deg)}}
.sunlight{background:radial-gradient(ellipse at 53% 15%,#fff7ca66,transparent 60%);opacity:.3}
.drift-leaf{z-index:1;width:17px;height:28px;--travel:730px;--drift:100px;left:42%;animation-duration:21s;background:linear-gradient(135deg,#b6581a,#dc922f 45%,#814e20 49%,#cd731d 55%,#ad4d19);border-radius:2% 85% 5% 75%;box-shadow:1px 3px 3px #56320f25}
.leaf-two{left:89%;--drift:-70px;animation-delay:-13s;animation-duration:27s}.leaf-three{left:6%;--drift:80px;animation-delay:-8s}.leaf-four{left:48%;--drift:-20px;animation-delay:-19s}.leaf-five{left:93%;--drift:-75px;animation-delay:-6s}
.motion-toggle{left:14%;bottom:12px;background:#f4eddbdf;font-size:.55rem;min-height:32px;padding:6px 10px;border-color:#61704955}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 10%;background:#f5f0e4;border-bottom:1px solid #b6b89555;color:#34472d}
.feature-strip>div{text-align:center;padding:0 20px;border-right:1px solid #a9a99040}.feature-strip>div:last-child{border:0}.feature-strip span{font:1.65rem/1.1 Georgia,serif;color:#596b45;display:block;margin-bottom:7px}.feature-strip h2{font:400 .85rem/1.3 Georgia,serif;letter-spacing:0}.feature-strip p{font:.64rem/1.5 Georgia,serif;margin-top:4px}
.collection{padding-top:30px;background:#f3ecdc}.collection .section-heading{display:block;text-align:center;margin-bottom:30px}.collection .section-heading .eyebrow,.collection .section-heading>p{display:none}.collection h2{font:400 1.9rem/1.4 Georgia,serif;letter-spacing:0}.collection h2:after{content:'❧';display:block;font-size:1.3rem;color:#788158}
@media(min-width:1500px){.hero{height:720px}.hero-art{left:52%;width:32%;max-width:530px}.hero-copy{top:16%}}
@media(max-width:1100px){.site-header{padding:10px 7%;gap:18px}.site-header nav{gap:13px}.hero{height:570px}.hero-art{width:38%;left:51%;bottom:21%}.hero-copy{left:13%;width:32%;top:12%}.hero h1,.hero h1 em{font-size:3rem}}
@media(max-width:850px){.site-header{height:auto;min-height:100px;flex-wrap:wrap;padding:12px 7%}.site-header nav{order:3;justify-content:center;border:0;padding:0;gap:25px}.hero{height:550px}.hero-copy{left:10%;width:35%;top:12%}.hero h1,.hero h1 em{font-size:2.6rem}.hero-art{width:40%;left:52%;bottom:22%}.hero .intro{font-size:.72rem}.feature-strip{padding:20px 4%}.feature-strip>div{padding:0 10px}}
@media(max-width:600px){.site-header{padding:12px 6%;gap:5px 10px}.brand{min-width:0}.brand i{font-size:1.5rem}.brand>span{font-size:.75rem}.brand small{font-size:.34rem}.site-header nav{gap:15px;font-size:.61rem;width:100%;overflow:auto;justify-content:flex-start}.hero{height:900px;padding:0;display:block}.hero:before,.woodland-tree{background-size:auto 100%;background-position:53% center}.hero-copy{left:13%;top:4%;width:76%;max-width:none;padding:17px 14px 20px;background:#f8f2e4df;border-radius:2px}.hero h1,.hero h1 em{font-size:2.95rem}.hero .tagline{font-size:1rem;margin-top:16px}.hero .intro{font-size:.76rem;max-width:270px}.hero .eyebrow{font-size:.54rem}.hero .button{margin-top:15px}.hero-art{left:18%;width:72%;bottom:18%;max-width:none}.tree-left{clip-path:polygon(0 0,12% 0,10% 100%,0 100%)}.tree-right{clip-path:polygon(92% 0,100% 0,100% 100%,96% 100%)}.drift-leaf{--travel:1050px;width:12px;height:22px;left:5%}.leaf-two{left:92%;--drift:-20px}.leaf-three{left:50%;--drift:40px}.leaf-four,.leaf-five{display:none}.motion-toggle{left:13%;bottom:12px}.feature-strip{grid-template-columns:1fr 1fr;padding:12px 5%;gap:18px 0}.feature-strip>div{padding:10px}.feature-strip>div:nth-child(2){border:0}.feature-strip h2{font-size:.82rem}.feature-strip p{font-size:.62rem}.collection{padding-top:24px}html[lang=zh-Hans] .hero h1,html[lang=zh-Hans] .hero h1 em{font-size:2.5rem;line-height:1.3}html[lang=zh-Hans] .hero-copy{top:3%}}
@media(prefers-reduced-motion:reduce){.woodland-tree,.sunlight,.drift-leaf{animation:none!important}.drift-leaf{display:none}.woodland-tree{opacity:1}.sunlight{opacity:.3}}

.feature-strip svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.2;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* Corrected original supplied by Bob: full photograph, no brightness or artwork edits. */
.hero-art{left:53%;width:30%;max-width:450px;bottom:21%}
.authentic-art{aspect-ratio:951/1144;overflow:visible}
.hero-art .authentic-art img{position:static;width:100%;height:auto;clip-path:none;filter:none;transform:none}
.art-image img[src$="garden-gate-corrected.jpeg"]{filter:none}
@media(max-width:1100px) and (min-width:601px){.hero-art{left:52%;width:37%;bottom:20%}}
@media(max-width:600px){.hero{height:940px}.hero-art{left:18%;width:72%;bottom:17%;max-width:none}}
/* Anchor navigation is immediate and predictable on every device. */
html{scroll-behavior:auto}
/* Natural shadow outside the authentic photograph; no added mat or frame. */
.hero-art{isolation:isolate;filter:drop-shadow(0 10px 14px #30271955)}
.hero-art::before{content:none}
