/* Latest Figma 1430:2893: white packshot/copy composition. */
.home_cream_feature { position:relative; display:grid; grid-template-columns:minmax(0,723fr) minmax(0,1197fr); width:100%; min-height:min(35.78125vw,687px); overflow:hidden; background:var(--y-color-surface-default); color:var(--y-color-text-primary); }
.home_cream_feature_media { position:relative; min-width:0; overflow:hidden; }
.home_cream_feature_media > img { position:absolute; top:-16.03%; left:-36.37%; width:213.49%; height:205.41%; max-width:none; object-fit:fill; }
.home_cream_feature_copy { display:flex; min-width:0; flex-direction:column; align-items:flex-start; padding:var(--y-layout-section-space) var(--home-gutter) var(--y-layout-section-space) min(12.083333vw,232px); }
#yuriu-site .home_cream_feature_copy :is(h2,p) { width:100%; max-width:795px; margin:0; color:inherit; }
.home_cream_feature_heading { width:100%; margin-bottom:var(--y-space-40); }
#yuriu-site .home_cream_feature_copy h2 { margin-bottom:0; }
.home_cream_feature_heading h2 span { font:inherit; color:inherit; }
#yuriu-site .home_cream_feature_copy p { white-space:pre-line; }
.btn.home_cream_detail_link { --button-blue:var(--y-color-text-primary); align-self:flex-start; margin-top:var(--y-space-32); }

/* Two slides share the same slots and grid row, preventing height jumps. */
.home_line_showcase { position:relative; width:100%; padding:0; background:var(--y-color-surface-slate); }
.home_line_slides { display:grid; overflow:hidden; touch-action:pan-y pinch-zoom; }
.home_line_panel { grid-area:1 / 1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-width:0; min-height:clamp(620px,47.864583vw,919px); width:100%; overflow:hidden; background:transparent; color:var(--y-color-text-on-dark); visibility:hidden; transition:visibility 0s linear 480ms; }
.home_line_panel.is_active { visibility:visible; transition-delay:0s; z-index:1; }
.home_line_panel :is(.home_line_panel_intro,.home_line_panel_inset,.home_line_panel_film,.home_line_panel_media img) { opacity:0; transition:opacity 480ms ease; }
.home_line_panel.is_active :is(.home_line_panel_intro,.home_line_panel_inset,.home_line_panel_film,.home_line_panel_media img) { opacity:1; }
.home_line_panel_copy { display:flex; min-width:0; flex-direction:column; align-items:center; justify-content:center; gap:clamp(32px,3.072917vw,59px); padding:var(--y-layout-section-space) var(--y-layout-page-gutter); text-align:center; }
.home_line_panel_intro { width:100%; min-height:var(--line-intro-height,0px); }
#yuriu-site .home_line_panel_intro h2 { margin:0; color:inherit; }
.home_line_panel_intro h2 a { color:inherit; text-decoration:none; }
#yuriu-site .home_line_panel_intro p { width:100%; margin:var(--y-space-24) 0 0; color:inherit; white-space:pre-line; }
.home_line_panel_inset,.home_line_panel_film { position:relative; display:block; flex:none; width:min(100%,clamp(190px,15.104167vw,290px)); aspect-ratio:290 / 393; overflow:hidden; }
.home_line_panel_inset img,.home_line_panel_film video { display:block; width:100%; height:100%; object-fit:cover; }
.home_line_panel_media { position:relative; display:block; min-width:0; min-height:0; overflow:hidden; }
.home_line_panel_media img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.home_line_panel_media:focus-visible,.home_line_panel_inset:focus-visible,.home_line_panel_intro a:focus-visible { outline:2px solid currentColor; outline-offset:-4px; }
.home_line_dots { position:absolute; z-index:3; bottom:clamp(24px,3.333333vw,64px); left:25%; display:flex; gap:4px; transform:translateX(-50%); }
.home_line_dot { display:grid; width:32px; height:32px; padding:0; place-items:center; border:0; background:transparent; color:var(--y-color-text-on-dark); cursor:pointer; }
.home_line_dot::before { content:''; width:8px; height:8px; border:1px solid currentColor; border-radius:50%; }
.home_line_dot[aria-pressed="true"]::before { background:currentColor; }
.home_line_arrow { position:absolute; top:50%; z-index:3; display:grid; width:clamp(48px,3.75vw,72px); height:clamp(48px,3.75vw,72px); padding:0; place-items:center; border:0; border-radius:0; background:transparent; color:var(--y-color-text-primary); cursor:pointer; transform:translateY(-50%); }
.home_line_arrow::before { content:''; width:22px; height:22px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg); margin-right:8px; }
.home_line_arrow--prev { left:var(--y-space-24); color:var(--y-color-text-on-dark); }
.home_line_arrow--prev::before { transform:rotate(-135deg); margin:0 0 0 8px; }
.home_line_arrow--next { right:var(--y-space-24); }
.home_line_showcase button:focus-visible { outline:2px solid var(--y-color-text-accent); outline-offset:4px; }
.home_line_status { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (max-width:1100px) {
  .home_cream_feature { grid-template-columns:40% minmax(0,1fr); }
  .home_cream_feature_copy { padding-inline:var(--y-space-32) var(--home-gutter); }
  #yuriu-site .home_cream_feature_copy h2 { margin-bottom:0; }
  .home_line_panel_copy { padding-inline:clamp(60px,8vw,100px); }
}
@media (max-width:768px) {
  .home_cream_feature { grid-template-columns:minmax(0,1fr); }
  .home_cream_feature_media { height:clamp(320px,80vw,520px); }
  .home_cream_feature_media > img { width:100%; height:100%; top:0; left:0; object-fit:cover; object-position:center 30%; }
  .home_cream_feature_copy { padding:var(--y-layout-section-space) var(--home-gutter); }
  .home_cream_feature_heading { margin-bottom:var(--y-space-32); }
  #yuriu-site .home_cream_feature_copy h2 { margin-bottom:0; }
  .home_line_panel { grid-template-columns:minmax(0,1fr); min-height:0; }
  .home_line_panel_copy { padding:var(--y-layout-section-space) max(64px,var(--y-layout-page-gutter)) 88px; gap:var(--y-space-32); }
  .home_line_panel_inset,.home_line_panel_film { width:min(60vw,230px); }
  .home_line_panel_media { height:clamp(300px,90vw,520px); }
  .home_line_dots { top:calc(100% - clamp(300px,90vw,520px) - 64px); bottom:auto; left:50%; }
  .home_line_arrow { top:35%; color:var(--y-color-text-on-dark); }
  .home_line_arrow--prev { left:8px; }
  .home_line_arrow--next { right:8px; }
}
@media (prefers-reduced-motion:reduce) {
  .home_line_panel { transition:none; transform:none; }
  .home_line_panel :is(.home_line_panel_intro,.home_line_panel_inset,.home_line_panel_film,.home_line_panel_media img) { transition:none; }
}

/* Match Figma 1430:2899: text starts at (981,155) on a 1920px section. */
.home_cream_feature_copy { padding-top: clamp(80px,8.072917vw,155px); padding-bottom: clamp(80px,8.072917vw,155px); padding-left: min(13.4375vw,258px); }
@media (max-width:1100px) { .home_cream_feature_copy { padding-left: var(--y-space-32); } }
@media (max-width:768px) {
  .home_cream_feature_copy { padding: var(--y-layout-section-space) var(--home-gutter); }
  .home_cream_feature_media > img { object-fit: contain; object-position: center; }
}