/* Proposal 3 is the selected mobile hero; proposals 1 and 2 remain available for comparison. */
@media (max-width: 650px) {
  .mobile-proposal-1 .rainbow-hero {
    display:flex;
    align-items:flex-end;
    min-height:calc(100svh - 72px);
    background:#061a2b;
  }
  .mobile-proposal-1 .rainbow-hero-photo {
    background-size:auto 302%;
    background-position:63% 14%;
    filter:saturate(1.13) contrast(1.08);
  }
  .mobile-proposal-1 .rainbow-hero-shade {
    background:linear-gradient(180deg,#061b2a1a 0%,#061b2a29 25%,#061b2abf 45%,#061b2af5 67%,#061b2a 100%),linear-gradient(90deg,#061b2a70,transparent 74%);
  }
  .mobile-proposal-1 .rainbow-hero-copy {
    width:100%;
    padding:23px 23px 31px;
  }
  .mobile-proposal-1 .rainbow-eyebrow {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:12px;
    font-size:11px;
    letter-spacing:.3em;
  }
  .mobile-proposal-1 .rainbow-eyebrow:before{content:"";width:28px;height:1px;background:#f1cf8c}
  .mobile-proposal-1 .rainbow-hero h1 {
    font-size:clamp(46px,12.5vw,61px);
    line-height:.83;
    letter-spacing:-.05em;
  }
  .mobile-proposal-1 .rainbow-hero h1 em{color:#f8d69b}
  .mobile-proposal-1 .rainbow-hero-copy>p:nth-of-type(2){margin-top:17px;color:#f6f4ec;font-size:15px;line-height:1.35}
  .mobile-proposal-1 .rainbow-hero-actions{margin-top:22px;gap:13px}
  .mobile-proposal-1 .rainbow-hero-actions a{min-height:50px;border-radius:5px;font-size:10px}
  .mobile-proposal-1 .rainbow-hero-actions a:nth-child(2){min-height:30px;padding-left:3px;border:0;border-bottom:1px solid #d6ad71;border-radius:0;background:transparent;box-shadow:none;font-size:10px}

  .mobile-proposal-2 .rainbow-hero{
    min-height:760px;
    background:radial-gradient(circle at 82% 0,#fffdf8,#f1ebe1 78%);
    color:#10253a;
  }
  .mobile-proposal-2 .rainbow-hero-photo{
    inset:360px 0 0;
    background-size:auto 302%;
    background-position:62% 14%;
    filter:saturate(1.1);
  }
  .mobile-proposal-2 .rainbow-hero-shade{
    inset:360px 0 0;
    background:linear-gradient(180deg,#071d2b00 0%,#071d2b36 45%,#071d2bdc 100%);
  }
  .mobile-proposal-2 .rainbow-hero-copy{padding:26px 23px 25px}
  .mobile-proposal-2 .rainbow-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:13px;color:#a76a30;font-size:11px;font-weight:700}
  .mobile-proposal-2 .rainbow-eyebrow:before{content:"";width:8px;height:8px;border:1px solid #a76a30;border-radius:50%;background:#dfad68;box-shadow:0 0 0 4px #dfad6829}
  .mobile-proposal-2 .rainbow-hero h1{font-size:clamp(44px,11.5vw,57px);line-height:.85;text-shadow:0 1px 0 #fff,0 5px 11px #25384a24}
  .mobile-proposal-2 .rainbow-hero h1 em{color:#9d672f;text-shadow:0 1px 0 #fff,0 4px 10px #7e542630}
  .mobile-proposal-2 .rainbow-hero-copy>p:nth-of-type(2){margin-top:13px;color:#172b3b;font-size:15px;line-height:1.33;text-shadow:none}
  .mobile-proposal-2 .rainbow-hero-actions{position:absolute;right:23px;bottom:23px;left:23px;max-width:none;gap:11px;margin:0}
  .mobile-proposal-2 .rainbow-hero-actions a{min-height:47px;box-shadow:inset 0 1px 0 #fff9,0 4px 0 #885e34,0 14px 18px #0008}
  .mobile-proposal-2 .rainbow-hero-actions a:nth-child(2){background:linear-gradient(145deg,#102c41,#071c2e);box-shadow:inset 0 1px 0 #ffffff50,0 4px 0 #050f1b,0 14px 18px #0008}

  .mobile-proposal-3 .rainbow-hero{
    min-height:max(calc(100svh - 72px), 720px);
    background:#081f32;
  }
  .mobile-proposal-3 .rainbow-hero-photo{
    inset:0 0 auto;
    height:44%;
    background-size:auto 302%;
    background-position:63% 14%;
    filter:saturate(1.22) contrast(1.07);
  }
  .mobile-proposal-3 .rainbow-hero-shade{
    background:linear-gradient(180deg,transparent 0%,#081f3200 29%,#081f32 46%,#081f32 100%);
  }
  .mobile-proposal-3 .rainbow-hero-copy{
    position:relative;
    top:calc((100svh - 72px) * .42);
    width:calc(100% - 24px);
    max-width:none;
    margin:0 12px;
    padding:18px 17px 21px;
    border:1px solid #d3ae735c;
    border-top:2px solid #edca8e;
    border-radius:4px;
    background:linear-gradient(155deg,#132e44f5,#071d2ff8);
    box-shadow:inset 0 1px 0 #ffffff4a,0 8px 0 #020e1c,0 22px 35px #0008;
  }
  .mobile-proposal-3 .rainbow-eyebrow{margin-bottom:12px;color:#e6bd7b;font-size:10px;letter-spacing:.31em}
  .mobile-proposal-3 .rainbow-hero h1{font-size:clamp(42px,10.7vw,54px);line-height:.84}
  .mobile-proposal-3 .rainbow-hero h1 em{color:#f6d79e}
  .mobile-proposal-3 .rainbow-hero-copy>p:nth-of-type(2){margin-top:11px;font-size:14px;line-height:1.3}
  .mobile-proposal-3 .rainbow-hero-actions{gap:9px;margin-top:14px}
  .mobile-proposal-3 .rainbow-hero-actions a{min-height:42px;padding-inline:13px;font-size:9px}
}

@media (max-width: 650px) and (max-height: 700px) {
  .mobile-proposal-3 .rainbow-hero{min-height:max(calc(100svh - 72px),650px)}
  .mobile-proposal-3 .rainbow-hero-photo{height:43%}
  .mobile-proposal-3 .rainbow-hero-copy{top:calc((100svh - 72px) * .33);padding:15px 16px 18px}
  .mobile-proposal-3 .rainbow-eyebrow{margin-bottom:9px}
  .mobile-proposal-3 .rainbow-hero h1{font-size:clamp(38px,10vw,43px)}
  .mobile-proposal-3 .rainbow-hero-copy>p:nth-of-type(2){margin-top:8px;font-size:13px}
  .mobile-proposal-3 .rainbow-hero-actions{gap:7px;margin-top:10px}
  .mobile-proposal-3 .rainbow-hero-actions a{min-height:38px}
}