/* Campaign 02: the growth promise, followed by the signal story. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero.growth-campaign{height:56.25vw;min-height:740px;max-height:960px;background:#272b2d;overflow:hidden}
.growth-visual{position:absolute;inset:0;z-index:-1}
.growth-visual picture,.growth-visual img{display:block;width:100%;height:100%}
.growth-visual img{object-fit:cover;object-position:center center}
.growth-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#272b2db0 0%,#272b2d30 23%,transparent 36%),linear-gradient(0deg,#272b2d90,transparent 13%);pointer-events:none}
.growth-intro{position:absolute;top:20%;left:4.2%;width:29%}
.growth-campaign h1{font-size:clamp(44px,4vw,67px);line-height:1.05;letter-spacing:-.055em;font-weight:700}
.growth-conversion{position:absolute;top:43%;left:4.2%;width:29%;max-width:390px}
.growth-night{font-size:clamp(30px,2.7vw,44px);line-height:1.1;letter-spacing:-.05em;font-weight:650}
.growth-description{font-size:clamp(15px,1.2vw,20px);line-height:1.5;color:#c8cfd1;margin:24px 0 25px;letter-spacing:-.025em}
.growth-conversion .button{font-size:16px;padding:18px 22px;min-height:57px;gap:24px}
.growth-conversion .commission-note{display:block;margin-top:13px;font-size:12px;color:#c8cfd1}
.growth-foot{position:absolute;bottom:29px;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.growth-foot>a{display:inline-flex;align-items:center;gap:28px;padding:12px 0;border-bottom:1px solid #ffffff50;font-size:12px;color:#f0f2ef}
.growth-foot>a>span{font-size:23px;color:var(--citron)}
.growth-foot>a:hover{color:var(--citron)}
.growth-foot>span{font-size:9px;color:#bfc7c9;text-align:right;max-width:240px;line-height:1.5}
.signal-story{position:relative;padding:82px var(--gutter) 68px;background:#edf0f2;color:var(--ink)}
.section-anchor{position:absolute;top:0}
.signal-story .section-rule{margin-bottom:43px}
.signal-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:42px}
.signal-heading h2{font-size:clamp(40px,4.3vw,66px);line-height:1.04;max-width:790px}
.signal-heading>p{max-width:315px;flex:0 0 27%;font-size:15px;color:#55636b;line-height:1.65;padding-bottom:5px}
.signal-scene{position:relative;overflow:hidden;border-radius:13px;background:#2a3031;aspect-ratio:2.03}
.signal-scene>img{width:100%;height:100%;object-fit:cover;object-position:center 21%}
.signal-scene figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:16px;padding:28px 25px 18px;background:linear-gradient(transparent,#20272ac9);color:#e6ebeb;font-size:8px;letter-spacing:.18em}
.signal-scene figcaption>span{color:var(--citron)}
.signal-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:37px 0 31px;border-bottom:1px solid #c4ccd0}
.signal-steps>li{display:grid;grid-template-columns:31px 1fr;gap:15px;padding:0 31px}
.signal-steps>li:first-child{padding-left:0}
.signal-steps>li:last-child{padding-right:0}
.signal-steps>li+li{border-left:1px solid #c4ccd0}
.signal-step-number{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--citron);color:#253011;font-family:monospace;font-size:11px;margin-top:-5px}
.signal-step-label{display:block;font-size:8px;letter-spacing:.18em;color:#62717a;margin-bottom:13px}
.signal-steps h3{font-size:24px;line-height:1.15;letter-spacing:-.045em;margin-bottom:12px}
.signal-steps p{font-size:13px;line-height:1.65;color:#53636b;max-width:350px}
.signal-source{display:block;font-size:10px;color:#53636b;padding-top:16px;margin-top:17px;border-top:1px solid #d0d7db}
.signal-foot{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:24px}
.signal-foot>p{font-size:10px;line-height:1.6;color:#6a7981;max-width:580px}
.signal-foot .text-link{white-space:nowrap;font-size:12px}
@media(min-width:1600px){.growth-intro,.growth-conversion{left:max(4.2%,calc((100vw - 1660px)/2))}.growth-conversion{top:42%}}
@media(min-width:1024px) and (max-width:1199px){.hero.growth-campaign{min-height:690px}.growth-campaign h1{font-size:43px}.growth-intro,.growth-conversion{width:31%;left:4%}.growth-conversion{top:41%}.growth-description{font-size:15px}.growth-conversion .button{font-size:13px;gap:14px;padding:15px 18px;min-height:50px}.growth-visual img{object-fit:contain;object-position:right bottom}.signal-heading{gap:34px}.signal-heading>p{font-size:13px}.signal-steps>li{padding:0 22px;gap:12px}.signal-steps h3{font-size:21px}}
@media(max-width:1023px){
  .hero.growth-campaign{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;height:auto;min-height:0;max-height:none;padding-bottom:25px}
  .growth-intro{position:relative;top:auto;left:auto;width:auto;grid-row:1;padding:115px 6% 0;text-align:center;z-index:2}
  .growth-campaign h1{font-size:36px;line-height:1.1;letter-spacing:-.045em}
  .desktop-break{display:none}
  .growth-visual{position:relative;inset:auto;z-index:0;grid-row:2;height:510px;margin-top:-10px;overflow:hidden}
  .growth-visual picture{max-width:650px;margin:0 auto}
  .growth-visual img{object-fit:cover;object-position:center 83%}
  .growth-visual::after{background:linear-gradient(180deg,#272b2d 0%,transparent 9%,transparent 90%,#272b2d 100%)}
  .growth-conversion{position:relative;top:auto;left:auto;grid-row:3;width:auto;max-width:none;text-align:center;margin-top:-5px;z-index:2;padding:0 6%}
  .growth-night{font-size:34px}
  .growth-description{font-size:15px;line-height:1.45;margin:13px 0 20px}
  .growth-description br{display:none}
  .growth-conversion .button{min-height:50px;font-size:14px;padding:15px 20px}
  .growth-conversion .commission-note{margin-top:11px;font-size:12px}
  .growth-foot{position:relative;inset:auto;grid-row:4;justify-content:center;margin:23px 6% 0;flex-wrap:wrap;gap:12px}
  .growth-foot>a{padding:7px 0;font-size:11px;gap:20px}
  .growth-foot>span{display:none}
  .signal-heading{display:block}.signal-heading>p{max-width:450px;margin-top:22px;font-size:14px}.signal-heading>p br{display:none}
  .signal-steps{gap:22px}.signal-steps>li{display:block;padding:0 20px 0 0}.signal-steps>li+li{padding-left:0;border:0}.signal-step-number{margin:0 0 16px}.signal-steps h3{font-size:22px}
}
@media(max-width:767px){
  .hero.growth-campaign{padding-bottom:21px}
  .growth-intro{padding-top:103px}
  .growth-campaign h1{font-size:29px;white-space:nowrap}
  .growth-visual{height:380px;margin-top:-8px}
  .growth-night{font-size:31px}
  .growth-description{font-size:13px;margin:12px 0 18px}
  .growth-conversion .button{font-size:13px;min-height:47px;padding:13px 18px}
  .growth-conversion .commission-note{font-size:10px;margin-top:10px}
  .growth-foot{margin-top:20px}.growth-foot>a{font-size:9px;gap:18px}.growth-foot>a>span{font-size:18px}
  .signal-story{padding:49px 6% 39px}
  .signal-story .section-rule{margin-bottom:30px;font-size:7px;gap:13px}.signal-story .section-rule>span:last-child{display:none}
  .signal-heading{margin-bottom:28px}.signal-heading h2{font-size:37px;line-height:1.06}.signal-heading>p{font-size:13px;margin-top:19px;line-height:1.6}
  .signal-scene{margin-left:-6.82%;margin-right:-6.82%;border-radius:0;aspect-ratio:1.78}.signal-scene img{object-fit:contain}
  .signal-scene figcaption{padding:20px 16px 10px;font-size:6px;letter-spacing:.11em}
  .signal-steps{grid-template-columns:1fr;padding:8px 0 0;gap:0;border-bottom:0}
  .signal-steps>li,.signal-steps>li+li{display:grid;grid-template-columns:29px 1fr;gap:15px;padding:27px 0;border-bottom:1px solid #c4ccd0}
  .signal-step-number{width:29px;height:29px;font-size:10px;margin:0}.signal-step-label{font-size:7px;margin:3px 0 10px}.signal-steps h3{font-size:24px;margin-bottom:10px}.signal-steps p{font-size:13px;line-height:1.6}.signal-source{font-size:9px;margin-top:12px;padding-top:0;border-top:0;color:#586b73}
  .signal-foot{display:block;padding-top:20px}.signal-foot>p{font-size:9px;max-width:300px}.signal-foot .text-link{margin-top:10px;font-size:11px}
}
@media(max-width:400px){.growth-campaign h1{font-size:27px}.growth-visual{height:355px}.growth-night{font-size:30px}.signal-heading h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}