/* Keep the persistent contact bar as the hero's contact action. */
.rr-page .rr-hero-bottom {
  grid-template-columns:minmax(0,1fr) minmax(170px,230px);
  gap:28px;
  align-items:center;
  margin-top:12px;
  padding:24px 26px;
  border:0;
  border-left:3px solid var(--rr-accent);
  background:var(--rr-surface,#f4f7f5);
}
.rr-page .rr-hero-intro {
  border:0;
  padding:0;
  font-size:16px;
  font-weight:650;
  line-height:1.8;
}
.rr-page .rr-hero-items {
  max-width:680px;
  margin-top:9px;
  font-size:12px;
  line-height:1.9;
}
.rr-page .rr-hero-actions {display:block;}
.rr-page .rr-hero-actions > .rr-kakao {display:none;}
.rr-page .rr-hero-secondary {display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
.rr-page .rr-hero-secondary > a {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:48px;
  padding:11px 16px;
  border:1px solid var(--rr-line);
  border-radius:3px;
  background:#fff;
  font-size:13px;
  font-weight:650;
  text-decoration:none;
}
.rr-page .rr-hero-secondary > a:hover {border-color:var(--rr-accent);}
.rr-page .rr-hero-secondary > a:focus-visible {outline:2px solid var(--rr-accent);outline-offset:4px;}
.rr-page .rr-hero-secondary .rr-contact-status {font-size:10px;line-height:1.7;max-width:240px;}
.rr-page.rr-theme-noir .rr-hero-bottom {background:#f5f5f3;border-left:0;border-top:1px solid var(--rr-line);border-bottom:1px solid var(--rr-line);}
.rr-page.rr-theme-lavender .rr-hero-bottom {border-left:0;border-radius:18px;}
.rr-page.rr-theme-butter .rr-hero-bottom {border-left:0;border-top:2px solid var(--rr-line);}
@media(max-width:600px) {
  .rr-page .rr-hero-bottom {grid-template-columns:1fr;gap:16px;padding:18px 16px;margin-top:6px;}
  .rr-page .rr-hero-intro {font-size:13px;line-height:1.9;}
  .rr-page .rr-hero-items {font-size:10px;line-height:1.9;margin-top:7px;}
  .rr-page .rr-hero-secondary {gap:10px;}
  .rr-page .rr-hero-secondary > a {font-size:12px;min-height:44px;padding:10px 13px;}
  .rr-page .rr-hero-secondary .rr-contact-status {max-width:none;font-size:9px;line-height:1.7;}
}
/* Keep the full portrait inside the mobile canvas; pay details have their own row. */
@media(max-width:600px) {
  .rr-page .rr-hero-stage {display:flex;flex-direction:column;min-height:0;overflow:visible;margin-inline:0;}
  .rr-page .rr-hero-copy {width:100%;padding:20px 0 0;}
  .rr-page .rr-hero-copy > p {width:100%;max-width:360px;margin-top:15px;}
  .rr-page .rr-hero-scene,
  .rr-page.rr-theme-forest .rr-hero-scene,
  .rr-page.rr-theme-cobalt .rr-hero-scene,
  .rr-page.rr-theme-noir .rr-hero-scene,
  .rr-page.rr-theme-lavender .rr-hero-scene,
  .rr-page.rr-theme-coral .rr-hero-scene,
  .rr-page.rr-theme-butter .rr-hero-scene {
    position:relative;inset:auto;width:calc(100% + 36px);height:auto;aspect-ratio:4 / 3;
    flex:none;margin:0 -18px;transform:none;
  }
  .rr-page .rr-hero-scene > img,
  .rr-page.rr-theme-forest .rr-hero-scene > img {
    object-fit:contain;object-position:center;
    mask-image:linear-gradient(0deg,transparent,#000 10%,#000 95%,transparent);
    mask-composite:add;
  }
  .rr-page .rr-hero-scene > .rr-medallion,
  .rr-page.rr-theme-forest .rr-hero-scene > .rr-medallion,
  .rr-page.rr-theme-cobalt .rr-hero-scene > .rr-medallion,
  .rr-page.rr-theme-noir .rr-hero-scene > .rr-medallion,
  .rr-page.rr-theme-coral .rr-hero-scene > .rr-medallion,
  .rr-page.rr-theme-butter .rr-hero-scene > .rr-medallion {left:18px;right:auto;bottom:14px;width:92px;}
  .rr-page .rr-hero-pay {position:relative;inset:auto;width:100%;margin:0 0 8px;flex:none;}
}