/* Scoped native-text replacement for Lu's flat gold/red campaign reference.
   The owner positions this block inside the full-width product scene. */
.integrated-hero-r4{background-image:url('assets/hero-integrated-scene-r4.jpg');background-size:cover;background-position:center}
.integrated-hero-r4 .hero-inner{display:block;width:100%;max-width:none;height:clamp(560px,50vw,960px);min-height:0}
.integrated-hero-r4 .hero-brand{left:max(48px,calc((100% - 1296px)/2));top:27px;width:90px}
.integrated-hero-r4 .promo-copy-r4{position:absolute;left:max(48px,calc((100% - 1296px)/2));top:clamp(120px,20%,190px)}
.integrated-hero-r4 .hero-visual{position:absolute;inset:0;width:100%;height:100%;margin:0;pointer-events:none}
@media(max-width:1200px){.integrated-hero-r4 .hero-brand,.integrated-hero-r4 .promo-copy-r4{left:32px}.integrated-hero-r4 .hero-brand{width:82px;top:24px}}
@media(max-width:960px){.integrated-hero-r4 .hero-brand,.integrated-hero-r4 .promo-copy-r4{left:22px}.integrated-hero-r4 .hero-brand{width:72px;top:22px}}
@media(min-width:1100px) and (max-width:1279px){.consult-panel{width:100px}.consult-panel>img{width:94px;height:auto}.consult-panel-header{font-size:8px;white-space:normal;gap:0}.consult-close{width:20px}}
.promo-copy-r4{
  position:relative;
  z-index:5;
  width:40%;
  max-width:560px;
  min-width:0;
  color:#fff1ce;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;
  text-shadow:0 2px 2px #75041135;
}
.promo-tag-r4{
  display:inline-block;
  margin:0;
  padding:7px 23px 8px 24px;
  background:linear-gradient(110deg,#ffe8a8,#f8d47e);
  clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);
  color:#850e19;
  font-size:clamp(14px,1.4vw,20px);
  font-weight:800;
  font-style:italic;
  line-height:1.2;
  letter-spacing:1px;
  white-space:nowrap;
  text-shadow:none;
}
.promo-copy-r4 h1.promo-title-r4{
  width:auto;
  margin:17px 0 18px;
  color:#fff0b7;
  font-size:clamp(40px,6.1vw,108px);
  font-weight:900;
  line-height:1.1;
  letter-spacing:.01em;
  white-space:nowrap;
  transform:skewX(-7deg);
  transform-origin:left bottom;
  text-shadow:0 2px 0 #77111a75;
}
.promo-lines-r4{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.promo-line-r4{
  display:flex;
  align-items:baseline;
  gap:.08em;
  margin:0;
  padding-left:14px;
  position:relative;
  color:#fff1d6;
  font-size:clamp(18px,2.15vw,31px);
  font-weight:700;
  line-height:1.3;
  letter-spacing:0;
  white-space:nowrap;
}
.promo-line-r4::before{
  content:"";
  position:absolute;
  left:1px;
  top:50%;
  width:3px;
  height:.95em;
  background:#f5d37e;
  transform:translateY(-45%) skewX(-8deg);
}
.promo-line-r4>strong{
  margin-inline:1px;
  color:#ffdc7b;
  font-family:Arial,"Microsoft YaHei",sans-serif;
  font-size:1.67em;
  font-style:italic;
  font-weight:900;
  line-height:1;
  letter-spacing:-.035em;
}
@media(max-width:1100px) and (min-width:681px){
  .promo-tag-r4{padding:6px 19px 7px 20px}
  .promo-copy-r4 h1.promo-title-r4{margin-block:15px}
  .promo-lines-r4{gap:11px}
  .promo-line-r4{padding-left:12px}
}
@media(max-width:680px){
  .integrated-hero-r4{background-image:none;background-color:#b00817}
  .integrated-hero-r4::before{display:none}
  .integrated-hero-r4 .hero-inner{height:auto;width:100%;padding-top:101px}
  .integrated-hero-r4 .hero-brand{width:60px;top:17px;left:18px}
  .integrated-hero-r4 .promo-copy-r4{position:relative;top:auto;left:auto;width:calc(100% - 36px);margin-inline:18px;padding-bottom:12px}
  .integrated-hero-r4 .hero-visual{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:5/4;margin:0;background:url('assets/hero-integrated-scene-r4.jpg') right center/auto 100% no-repeat;mask-image:linear-gradient(transparent 0,#000 20px)}
  .promo-copy-r4{width:100%;max-width:none}
  .promo-tag-r4{padding:6px 20px 7px 21px;font-size:15px;letter-spacing:.8px}
  .promo-copy-r4 h1.promo-title-r4{
    margin:15px 0 17px;
    font-size:clamp(46px,13.6vw,60px);
    letter-spacing:.01em;
    line-height:1.1;
  }
  .promo-lines-r4{gap:10px}
  .promo-line-r4{font-size:clamp(19px,5.65vw,24px);padding-left:12px;gap:.06em}
  .promo-line-r4::before{width:2px}
  .promo-line-r4>strong{font-size:1.65em;letter-spacing:-.03em}
}