.partner-hero--join .container{position:relative;z-index:2;}
.partner-hero--join .h1{max-width:880px;}
.partner-hero--join .lead{max-width:680px;margin:24px 0 32px;}

/* Partner artwork: reserved copy column and a separate image band on phones. */
body.pg-become-a-partner.interior-v2 .page-hero.partner-hero--join{background:#061827;animation:none;height:auto;min-height:620px;padding:72px 0;display:flex;align-items:center;}
.partner-join-image{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.partner-join-image img{position:absolute;top:50%;right:0;width:100%;max-width:none;height:auto;transform:translateY(-50%);}
body.pg-become-a-partner.interior-v2 .partner-hero--join>.container{padding-top:0;padding-bottom:0;align-self:center;}
body.pg-become-a-partner.interior-v2 .partner-hero--join .h1{max-width:min(43vw,620px)!important;font-size:clamp(42px,4.1vw,72px);line-height:1.06;text-wrap:balance;}
body.pg-become-a-partner.interior-v2 .partner-hero--join .lead{max-width:min(40vw,560px)!important;font-size:clamp(18px,1.45vw,23px);line-height:1.5;}
body.pg-become-a-partner.interior-v2 .page-hero.partner-hero--join .btn-primary,
body.pg-become-a-partner.interior-v2 .partner-enquiry-panel .ct-submit{background:#005DA7;border-color:#005DA7;color:#fff;box-shadow:0 18px 34px -20px rgba(0,93,167,.65);}
body.pg-become-a-partner.interior-v2 .page-hero.partner-hero--join .btn-primary:hover,
body.pg-become-a-partner.interior-v2 .partner-enquiry-panel .ct-submit:hover{background:#004A85;border-color:#004A85;color:#fff;}
@media(max-width:900px){
 body.pg-become-a-partner.interior-v2 .page-hero.partner-hero--join{min-height:0;padding:56px 0 calc(60vw + 32px);}
 body.pg-become-a-partner.interior-v2 .partner-hero--join .h1{max-width:620px!important;font-size:clamp(36px,6.5vw,56px);}
 body.pg-become-a-partner.interior-v2 .partner-hero--join .lead{width:100%;max-width:min(100%,560px)!important;font-size:18px;}
 .partner-join-image{top:auto;height:60vw;bottom:0;}
 .partner-join-image img{top:auto;bottom:0;width:180%;transform:none;}
}

@media(max-width:900px){body.pg-become-a-partner.interior-v2 .partner-hero--join>.container{width:calc(100% - 48px);min-width:0;margin-inline:auto;padding-inline:0;} .partner-join-image img{min-height:0;max-height:none;}}

/* ── 5 Oct rebuild: the sections below the hero on the site's shared parts (see the template).
   The value cards are .ah-cap2 bs-cards (base.css) and the journey is te-impact / te-journey
   (technology-ecosystem.css, enqueued with this file); only page layout lives here. ── */

/* Stronger together: heading and line beside the photo, then the four cards in one row */
body.pg-become-a-partner .partner-value-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:center;margin-bottom:clamp(40px,4.5vw,64px);}
body.pg-become-a-partner .partner-intro-copy .h2{margin:0 0 22px;}
body.interior-v2.pg-become-a-partner .partner-intro-copy p{max-width:48ch;margin:0;font-size:17px;line-height:1.7;color:var(--text);}
body.pg-become-a-partner .partner-value-visual{margin:0;overflow:hidden;border:1px solid var(--card-line);border-radius:20px;background:#eef5fb;}
body.pg-become-a-partner .partner-value-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}

/* From opportunity to impact: the Technology Ecosystem journey band. The heading is the standard
   .h2 here (on /partners/ it is sized by .te-page h2), so only its colour and spacing are set. */
body.pg-become-a-partner .partner-impact .h2{margin:0 0 24px;color:#fff;}
/* one mark under the heading, as on /partners/: the band's cyan bar, not also the .h2 underline */
body.pg-become-a-partner .partner-impact .h2::after{display:none;}

/* Enquiry (5 Oct, "这块的设计可以improve嘛"): one panel — the copy on the closing-zone navy with the
   closing banners' glass building fading in beneath it, the form on white. Before, the copy was a
   short column beside a tall form card, leaving the lower left empty. */
body.pg-become-a-partner .partner-enquiry-wrap{scroll-margin-top:120px;}
body.pg-become-a-partner .partner-enquiry-panel{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);overflow:hidden;border:1px solid var(--card-line);border-radius:24px;background:#fff;box-shadow:0 28px 64px -48px rgba(8,43,75,.55);}
body.pg-become-a-partner .partner-enquiry-copy{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:clamp(36px,4vw,60px) clamp(28px,3.4vw,52px);background:linear-gradient(165deg,#0b2d57 0%,#07203f 100%);color:#fff;}
body.pg-become-a-partner .partner-enquiry-copy::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;height:min(48%,320px);background:url("img/cta-building.webp") 62% 40%/cover no-repeat;-webkit-mask-image:linear-gradient(0deg,#000 35%,transparent 100%);mask-image:linear-gradient(0deg,#000 35%,transparent 100%);opacity:.85;pointer-events:none;}
body.pg-become-a-partner .partner-enquiry-copy .h2{margin:0 0 22px;color:#fff;}
body.pg-become-a-partner .partner-enquiry-copy .h2::after{background:linear-gradient(90deg,#3BB0C9,#83DDEB);}
body.interior-v2.pg-become-a-partner .partner-enquiry-copy p{max-width:40ch;margin:0;font-size:17px;line-height:1.7;color:rgba(255,255,255,.84);}
/* the form: no card of its own inside the panel; fields on a faint fill so they read as fields */
body.pg-become-a-partner .partner-enquiry-panel .contact-form{margin:0;padding:clamp(32px,4vw,56px) clamp(26px,3.6vw,56px);border:0;border-radius:0;background:#fff;box-shadow:none;}
.partner-enquiry-panel .ct-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.partner-enquiry-panel .ct-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;}
.partner-enquiry-panel .ct-field label{color:#29455d;font-size:13px;font-weight:650;}
.partner-enquiry-panel .ct-field :is(input,textarea){width:100%;min-height:48px;padding:12px 14px;border:1px solid #d5e1ec;border-radius:10px;background:#f7fafc;color:#163550;font:400 15px/1.45 var(--f-body);transition:border-color .2s,background .2s,box-shadow .2s;}
.partner-enquiry-panel .ct-field textarea{min-height:132px;resize:vertical;}
.partner-enquiry-panel .ct-field :is(input,textarea):hover{border-color:#a9c4d9;}
.partner-enquiry-panel .ct-field :is(input,textarea):focus-visible{outline:2px solid #005DA7;outline-offset:2px;border-color:#005DA7;background:#fff;}
.partner-enquiry-panel .contact-form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:6px;}
.partner-enquiry-panel .contact-form-footer>a{color:#49657d;font-size:13px;text-decoration:underline;text-underline-offset:4px;}

@media(max-width:1000px){
  /* stacked: the navy copy band on top (the building a short strip under the text), the form below */
  body.pg-become-a-partner .partner-enquiry-panel{grid-template-columns:minmax(0,1fr);}
  body.pg-become-a-partner .partner-enquiry-copy{padding-bottom:clamp(150px,22vw,200px);}
  body.pg-become-a-partner .partner-enquiry-copy::after{height:clamp(150px,22vw,200px);-webkit-mask-image:linear-gradient(0deg,#000 45%,transparent 100%);mask-image:linear-gradient(0deg,#000 45%,transparent 100%);}
}
@media(max-width:900px){
  body.pg-become-a-partner .partner-value-intro{grid-template-columns:minmax(0,1fr);gap:32px;}
  body.pg-become-a-partner .partner-value-visual{max-width:720px;}
}
@media(max-width:650px){
  .partner-enquiry-panel .ct-row{grid-template-columns:minmax(0,1fr);gap:0;}
  .partner-enquiry-panel .contact-form-footer{align-items:stretch;flex-direction:column-reverse;}
  .partner-enquiry-panel .ct-submit{width:100%;}
  body.pg-become-a-partner .partner-enquiry-panel{border-radius:18px;}
  body.pg-become-a-partner .partner-enquiry-panel .contact-form{padding:26px 20px;}
}