/* Keep the approved hero composition; only extend its imagery and controls. */
#ruike-home-hero .hero-carousel-frame{opacity:0;transition:opacity 500ms ease;pointer-events:none}
#ruike-home-hero .hero-carousel-frame:first-of-type{position:relative}
#ruike-home-hero .hero-carousel-frame:not(:first-of-type){position:absolute;top:0;right:0;display:block;width:73%;height:100%;object-fit:cover;object-position:center}
#ruike-home-hero .hero-carousel-frame.is-current{opacity:1}
#ruike-home-hero .hero-carousel-frame.hero-carousel-complete{object-fit:contain;background:#d9dddf}
#ruike-home-hero .hero-carousel-frame.hero-carousel-full{width:100%}
@media(min-width:761px){#ruike-home-hero .hero{background:#d9dddf}}
@media(min-width:761px) and (max-width:1100px){#ruike-home-hero .hero-image{min-height:570px;object-position:center top}}

#ruike-home-hero .hero-slide-controls{display:block;width:408px;max-width:100%;margin-top:22px;color:#f5f5ec}
#ruike-home-hero .hero-slide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px}
#ruike-home-hero .hero-slide-detail{display:flex;min-width:0;flex-direction:column;gap:7px}
#ruike-home-hero .hero-slide-meta{display:flex;align-items:center;gap:12px}
#ruike-home-hero .hero-slide-count{font:22px/1 Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.6px;color:#f5f5ec;white-space:nowrap}
#ruike-home-hero .hero-slide-count>span{font-size:11px;letter-spacing:.6px;color:#b8c0b8;vertical-align:2px;margin-left:4px}
#ruike-home-hero .hero-slide-mode{font:9px/1 Arial,sans-serif;letter-spacing:.9px;color:#f3d260;white-space:nowrap}
#ruike-home-hero .hero-slide-controls[data-playing=false] .hero-slide-mode{color:#c4c9c1}
#ruike-home-hero .hero-slide-label{font:12px/1.3 Arial,sans-serif;letter-spacing:.1px;color:#eeeee7}
#ruike-home-hero .hero-slide-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
#ruike-home-hero .hero-slide-controls button{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;padding:0;background:transparent;color:inherit;border:0;border-radius:50%;font:inherit;cursor:pointer;touch-action:manipulation;transition:background 160ms ease,color 160ms ease}
#ruike-home-hero .hero-slide-controls button:hover{background:#f3d260;color:#182017}
#ruike-home-hero .hero-slide-controls button:active{background:#e6c454}
#ruike-home-hero .hero-slide-controls button:focus-visible{outline:2px solid #f3d260;outline-offset:4px}
#ruike-home-hero .hero-slide-controls svg{display:block;flex-shrink:0;width:20px;height:20px;overflow:visible}
#ruike-home-hero .hero-slide-controls svg path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#ruike-home-hero .hero-slide-pause{position:relative;isolation:isolate}
#ruike-home-hero .hero-slide-controls .hero-slide-clock{position:absolute;inset:0;width:44px;height:44px;transform:rotate(-90deg);pointer-events:none}
#ruike-home-hero .hero-slide-clock circle{fill:none;stroke-width:1.5}
#ruike-home-hero .hero-slide-clock-track{stroke:#ffffff38}
#ruike-home-hero .hero-slide-clock-progress{stroke:#f3d260;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round}
#ruike-home-hero .hero-slide-toggle-icon{display:block}
#ruike-home-hero .hero-slide-arrows{display:flex;align-items:center;flex-shrink:0;border:1px solid #ffffff45;border-radius:25px;background:#12201830}
#ruike-home-hero .hero-slide-arrows .hero-slide-prev{border-radius:24px 0 0 24px}
#ruike-home-hero .hero-slide-arrows .hero-slide-next{border-radius:0 24px 24px 0;position:relative}
#ruike-home-hero .hero-slide-next::before{content:"";position:absolute;left:0;top:14px;height:16px;width:1px;background:#ffffff30}
#ruike-home-hero .hero-slide-dots{display:flex;align-items:center;justify-content:space-between;gap:2px;margin-top:2px}
#ruike-home-hero .hero-slide-controls .hero-slide-dot{display:flex;flex:1;min-width:24px;width:auto;height:36px;background:transparent;border:0;border-radius:3px}
#ruike-home-hero .hero-slide-marker{display:block;width:5px;height:5px;background:#dbe1d96b;border-radius:3px;transition:width 200ms ease,background 200ms ease}
#ruike-home-hero .hero-slide-dot[aria-pressed=true] .hero-slide-marker{width:26px;background:#f3d260}
#ruike-home-hero .hero-slide-dot:hover .hero-slide-marker{background:#f5f5ec}
#ruike-home-hero .hero-slide-controls .hero-slide-dot:hover,#ruike-home-hero .hero-slide-controls .hero-slide-dot:active{background:transparent}
#ruike-home-hero .hero-carousel-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:760px){
  #ruike-home-hero .hero::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:var(--hero-photo-height);background:#d9dddf;z-index:-1}
  #ruike-home-hero .hero-carousel-frame:not(:first-of-type){top:auto;bottom:0;width:100%;height:var(--hero-photo-height);aspect-ratio:auto;object-fit:cover}
  #ruike-home-hero .hero-carousel-frame.hero-carousel-tall{width:90%;right:5%;object-position:center 35%}
  #ruike-home-hero .hero-carousel-frame.hero-carousel-complete{width:100%;right:0;object-fit:contain}
  #ruike-home-hero .hero-carousel-frame.hero-carousel-wide{object-fit:cover}
  #ruike-home-hero .hero-slide-controls{margin-top:18px;width:100%}
  #ruike-home-hero .hero-slide-toolbar{gap:12px}
}
@media(max-width:360px){#ruike-home-hero .hero-slide-label{font-size:11px}#ruike-home-hero .hero-slide-meta{gap:7px}#ruike-home-hero .hero-slide-toolbar{gap:8px}#ruike-home-hero .hero-slide-actions{gap:8px}#ruike-home-hero .hero-slide-mode{font-size:8px;letter-spacing:.5px}#ruike-home-hero .hero-slide-dots{gap:0}}
@media(max-width:360px){#ruike-home-hero .views{flex-wrap:wrap;justify-content:flex-start;gap:4px}}
@media(prefers-reduced-motion:reduce){#ruike-home-hero .hero-carousel-frame,#ruike-home-hero .hero-slide-controls button,#ruike-home-hero .hero-slide-marker{transition:none}}