.sj-hero{position:relative;isolation:isolate;background:#e8e7df;overflow:hidden;touch-action:pan-y}.sj-hero-viewport{overflow:hidden}.sj-hero-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;direction:ltr;transition:transform 700ms cubic-bezier(.22,.61,.36,1)}.sj-hero-slide{min-width:0;background:var(--slide-tone)}.sj-hero-inner{display:grid;grid-template-columns:.85fr 1.3fr;gap:50px;min-height:600px;height:100%;align-items:center}.sj-hero-copy{padding-block:48px 76px;padding-inline-start:28px}.sj-hero-copy .eyebrow{font-size:12px;letter-spacing:.12em;color:#656e58;margin:0 0 20px;text-transform:uppercase}.sj-home .sj-hero-copy h2{font-size:56px;line-height:1.12;font-weight:700;max-width:490px;margin:0 0 24px;text-wrap:balance}.sj-hero-description{font-size:16px;line-height:1.75;max-width:425px;margin:0;color:#62665c}.sj-hero-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:28px;background:white;color:#292e26;padding:12px 25px;margin-top:28px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s}.sj-hero-cta:hover{background:#f5f6ef}.sj-hero-photo{height:600px;width:100%;margin:0;overflow:hidden}.sj-hero-photo img{display:block;height:100%;width:100%;object-fit:cover;object-position:center;user-select:none}.sj-hero-navigation[hidden]{display:none}.sj-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffffed;color:#30372b;display:grid;place-items:center;box-shadow:0 2px 12px #00000008;border:1px solid #00000008;z-index:3;cursor:pointer}.sj-hero-prev{left:12px}.sj-hero-next{right:12px}.sj-hero-prev .icon{transform:rotate(180deg)}[dir=rtl] .sj-hero-prev{left:auto;right:12px}[dir=rtl] .sj-hero-next{right:auto;left:12px}[dir=rtl] .sj-hero-prev .icon{transform:none}[dir=rtl] .sj-hero-next .icon{transform:rotate(180deg)}.sj-hero-controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:0 6px;background:#fffffff2;border-radius:28px;z-index:3;box-shadow:0 2px 12px #00000006;direction:ltr}.sj-hero-dots{display:flex}.sj-hero-dots button,.sj-hero-pause{border:0;background:none;width:36px;height:40px;display:grid;place-items:center;cursor:pointer;padding:0;color:#38402f}.sj-hero-dots button span{width:7px;height:7px;border-radius:100%;background:#c0c4b9;transition:width .25s,background .25s}.sj-hero-dots button[aria-current=true] span{width:19px;border-radius:5px;background:#5b654e}.sj-hero-divider{height:16px;width:1px;background:#dfe2d9;margin-inline:2px}.sj-hero-pause .icon{width:16px;height:16px}.sj-hero-pause .play-icon{display:none}.sj-hero-pause[aria-pressed=true] .pause-icon{display:none}.sj-hero-pause[aria-pressed=true] .play-icon{display:block}.sj-hero button:focus-visible,.sj-hero-cta:focus-visible{outline:2px solid #48553b;outline-offset:3px}.sj-hero-slide.is-entering .sj-hero-photo img{animation:sj-hero-photo-in .8s ease-out both}.sj-hero-slide.is-entering .sj-hero-copy>*{animation:sj-hero-copy-in .6s ease-out both}.sj-hero-slide.is-entering .sj-hero-copy>:nth-child(2){animation-delay:80ms}.sj-hero-slide.is-entering .sj-hero-copy>:nth-child(3){animation-delay:140ms}.sj-hero-slide.is-entering .sj-hero-copy>:nth-child(4){animation-delay:200ms}@keyframes sj-hero-copy-in{from{opacity:.1;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sj-hero-photo-in{from{transform:scale(1.035)}to{transform:scale(1)}}html[lang=zh-CN] .sj-home .sj-hero-copy h2{font-size:40px;font-weight:600;line-height:1.5}[dir=rtl] .sj-home .sj-hero-copy h2{font-size:44px;font-weight:600;line-height:1.5}[dir=rtl] .sj-hero-copy .eyebrow{letter-spacing:0}
@media(max-width:1200px){.sj-hero-inner{gap:30px;min-height:530px}.sj-hero-photo{height:530px}.sj-home .sj-hero-copy h2{font-size:46px}html[lang=zh-CN] .sj-home .sj-hero-copy h2{font-size:36px}[dir=rtl] .sj-home .sj-hero-copy h2{font-size:38px}.sj-hero-copy{padding-inline-start:26px}}
@media(max-width:900px){.sj-hero-inner{gap:24px;min-height:500px}.sj-hero-photo{height:500px}.sj-home .sj-hero-copy h2{font-size:38px}.sj-hero-description{font-size:14px}.sj-hero-arrow{display:none}.sj-hero-copy{padding-inline-start:0}html[lang=zh-CN] .sj-home .sj-hero-copy h2{font-size:32px}[dir=rtl] .sj-home .sj-hero-copy h2{font-size:34px}}
@media(max-width:650px){.sj-hero-inner{width:100%!important;display:grid;grid-template-columns:1fr;grid-template-rows:340px 280px;gap:0;min-height:0}.sj-hero-copy{padding:28px 24px;align-self:center}.sj-home .sj-hero-copy h2{font-size:34px;line-height:1.17;margin-bottom:17px;max-width:340px}.sj-hero-copy .eyebrow{font-size:10px;margin-bottom:14px}.sj-hero-description{font-size:14px;line-height:1.7}.sj-hero-cta{font-size:13px;margin-top:20px;padding:11px 21px}.sj-hero-photo{height:280px}.sj-hero-controls{bottom:12px}.sj-hero-dots button,.sj-hero-pause{width:38px;height:42px}html[lang=zh-CN] .sj-home .sj-hero-copy h2{font-size:30px;line-height:1.45}[dir=rtl] .sj-home .sj-hero-copy h2{font-size:30px;line-height:1.45}}
@media(max-width:360px){.sj-hero-inner{grid-template-rows:375px 250px}.sj-hero-photo{height:250px}.sj-home .sj-hero-copy h2{font-size:30px}[dir=rtl] .sj-home .sj-hero-copy h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.sj-hero-track,.sj-hero *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the round table prominent when cropping the portrait scene. */
.sj-hero-slide[data-hero-sku="SJ-IMG003"] .sj-hero-photo img{object-position:50% 85%}

/* Quiet pagination; retain a keyboard/screen-reader rotation control. */
.sj-hero-controls{padding:0 5px;background:#ffffffe0;box-shadow:none;border-radius:18px;bottom:16px}
.sj-hero-dots button{width:28px;height:30px}
.sj-hero-dots button span{width:5px;height:5px;background:#a4aa9b}
.sj-hero-dots button[aria-current=true] span{width:14px;background:#5b654e}
.sj-hero-divider{display:none}
.sj-hero-pause{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.sj-hero-pause:focus-visible{clip:auto;clip-path:none;width:32px;height:32px;margin:0;inset-inline-start:calc(100% + 8px);bottom:0;background:#fff;border-radius:50%;overflow:visible}
@media(max-width:650px){.sj-hero-controls{bottom:12px}.sj-hero-dots button{width:30px;height:32px}}
