/* Scoped to homepage hero; navigation and following sections remain unchanged. */
.hero.hero-cinematic {display:flex;align-items:center;min-height:760px;min-height:max(720px,calc(100svh - 158px));gap:0;isolation:isolate;background:#e8e7db;padding:58px clamp(24px,4vw,80px);box-sizing:border-box;overflow:hidden}
.hero.hero-cinematic::before {content:none}
.hero-cinematic .hero-img {position:absolute;inset:-36px;margin:0;min-height:0;z-index:-2;background:#e8e7db;transform:translate3d(0,var(--mh-hero-parallax,0px),0);will-change:transform}
.hero-cinematic .hero-img picture {display:block;width:100%;height:100%}
.hero-cinematic .hero-img img {width:100%;height:100%;object-fit:cover;object-position:65% center;animation:mh-hero-camera 16s ease-in-out infinite alternate;transform-origin:70% 55%;will-change:transform}
.hero-cinematic .hero-img::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(231,243,230,.12),transparent 55%),linear-gradient(0deg,rgba(48,63,45,.16),transparent 28%)}
.hero-cinematic .hero-text {position:relative;z-index:2;width:min(45%,590px);box-sizing:border-box;flex:none;padding:38px clamp(26px,2.6vw,46px);border:1px solid rgba(255,255,255,.72);border-radius:32px;background:linear-gradient(145deg,rgba(237,247,234,.88),rgba(250,247,239,.81) 70%,rgba(226,239,221,.88));box-shadow:0 24px 75px rgba(48,63,45,.13),inset 0 1px 0 #ffffff90;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:mh-hero-panel 1.1s cubic-bezier(.2,.7,.2,1) both}
.hero-cinematic .hero-text::before {content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 0 10%,#fff8,transparent 60%);pointer-events:none;animation:mh-hero-glow 9s ease-in-out infinite alternate}
.hero-cinematic .hero-text>* {position:relative}
.hero-cinematic .hero-tag {font-size:10px;letter-spacing:.22em;line-height:1.8;margin-bottom:22px;color:#53684d;animation:mh-hero-rise .9s .15s both}
.hero-cinematic h1 {font-family:'Playfair Display','PingFang SC','Microsoft YaHei',serif;font-size:clamp(52px,5.2vw,88px);line-height:1.05;letter-spacing:-.035em;font-weight:400;color:#303f2d;margin:0 0 25px;overflow-wrap:break-word}
.hero-cinematic .mh-hero-line {display:block;animation:mh-hero-rise 1.2s .25s cubic-bezier(.16,1,.3,1) both}
.hero-cinematic .mh-hero-line:last-child {animation-delay:.48s}
.hero-cinematic h1 em {color:#ab8954;background:linear-gradient(105deg,#a4834e 30%,#d7bb85 46%,#a4834e 62%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:mh-hero-gold 7s ease-in-out infinite;font-weight:400}
.hero-cinematic .hero-sub {color:#596653;font-size:16px;line-height:1.75;margin:0 0 27px;max-width:450px;animation:mh-hero-rise 1s .65s both}
.hero-cinematic .hero-cta {gap:12px;flex-wrap:wrap;animation:mh-hero-rise 1s .8s both}
.hero-cinematic .hero-cta a {position:relative;font-size:11px;padding:16px 21px;letter-spacing:.07em;white-space:normal;text-align:center;transition:transform .3s,box-shadow .3s,background .3s}
.hero-cinematic .btn-primary {background:#303f2d;color:#f5f1ea;box-shadow:0 7px 15px #303f2d20}
.hero-cinematic .btn-primary:hover {background:#43563e;transform:translateY(-5px);box-shadow:0 12px 25px #303f2d35}
.hero-cinematic .btn-ghost {border-color:#728168;background:rgba(255,255,255,.3);color:#303f2d}
.hero-cinematic .btn-ghost:hover {background:#f7faf3;transform:translateY(-4px)}
.hero-cinematic .hero-cta a::after {content:'↗';display:inline-block;margin-left:7px;transition:transform .3s}
.hero-cinematic .hero-cta a:hover::after {transform:translate(3px,-3px)}
.hero-cinematic .hero-delivery {font-size:10px;color:#66725e;line-height:1.7;margin-top:23px;padding-top:16px;border-color:#657a4a30;gap:6px;animation:mh-hero-rise 1s 1s both}
.hero-cinematic .mh-hero-proof {position:absolute;right:clamp(24px,4vw,80px);bottom:42px;max-width:300px;padding:20px 26px;border-radius:23px;background:rgba(246,249,239,.83);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #ffffffa0;box-shadow:0 12px 40px #303f2d20;color:#303f2d;animation:mh-hero-rise 1.1s 1.1s both}
.mh-hero-proof strong {display:block;font-family:'Playfair Display','PingFang SC','Microsoft YaHei',serif;font-weight:400;font-size:22px;line-height:1.3;margin-bottom:7px}
.mh-hero-proof span {display:block;font-size:11px;line-height:1.7;color:#596653}
.hero-cinematic .mh-hero-motion {margin:18px 0 0;align-self:flex-start;padding:7px 11px;font-size:10px;color:#51634a;background:#ffffff60;border:1px solid #51634a30;border-radius:30px;cursor:pointer}
.hero-cinematic :is(a,button):focus-visible {outline:2px solid #a4834e;outline-offset:4px}
.hero-cinematic.is-motion-paused *, .hero-cinematic.is-motion-paused *::before {animation-play-state:paused!important}
@keyframes mh-hero-camera {from{transform:scale(1.015) translateX(-.4%)}to{transform:scale(1.13) translateX(1.2%)}}
@keyframes mh-hero-panel {from{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:none}}
@keyframes mh-hero-rise {from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes mh-hero-gold {0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}
@keyframes mh-hero-glow {from{opacity:.3}to{opacity:.85}}
@media(min-width:1800px){.hero-cinematic .hero-text {width:590px}.hero-cinematic h1 {font-size:88px}}
@media(max-width:1050px){.hero.hero-cinematic {padding:40px 28px;min-height:730px}.hero-cinematic .hero-text {width:51%;padding:30px}.hero-cinematic h1 {font-size:58px}.hero-cinematic .mh-hero-proof {right:25px;bottom:30px;max-width:240px;padding:17px 20px}}
@media(max-width:700px){.hero.hero-cinematic {display:flex;align-items:flex-end;min-height:880px;padding:290px 14px 24px}.hero-cinematic .hero-img {inset:-18px}.hero-cinematic .hero-img img {object-position:72% top;transform-origin:72% 35%}.hero-cinematic .hero-img::after {background:linear-gradient(0deg,#edf3e4bb,transparent 80%)}.hero-cinematic .hero-text {width:100%;max-width:none;border-radius:26px;padding:26px 24px;background:linear-gradient(145deg,#edf7eae8,#faf7efe5)}.hero-cinematic h1 {font-size:clamp(40px,11vw,62px);margin-bottom:20px;line-height:1.07}.hero-cinematic .hero-tag {font-size:9px;margin-bottom:17px;letter-spacing:.17em}.hero-cinematic .hero-sub {font-size:14px;margin-bottom:22px}.hero-cinematic .hero-cta {gap:10px}.hero-cinematic .hero-cta a {font-size:10px;padding:13px 15px}.hero-cinematic .hero-delivery {font-size:9px}.hero-cinematic .mh-hero-proof {top:22px;bottom:auto;right:16px;max-width:220px;padding:12px 17px;border-radius:18px}.mh-hero-proof strong {font-size:18px}.mh-hero-proof span {font-size:10px}}
/* Mobile keeps a dedicated furniture crop above the readable panel. */
@media(max-width:700px){.hero.hero-cinematic {min-height:0;padding-top:320px;background:linear-gradient(155deg,#e7f3e6,#f5f1ea)}.hero-cinematic .hero-img {inset:0 0 auto;height:430px}.hero-cinematic .hero-img img {object-position:82% center;transform-origin:82% 55%}.hero-cinematic .hero-img::after {background:linear-gradient(0deg,#eaf2e4,transparent 36%)}}
@media(prefers-reduced-motion:reduce){.hero-cinematic *,.hero-cinematic *::before {animation:none!important;transition:none!important}.hero-cinematic .hero-img {transform:none!important}.hero-cinematic .mh-hero-motion {display:none}.hero-cinematic h1 em {-webkit-text-fill-color:#ab8954;background:none}}