/* The final two How WISE Works sections only. Typography and colours inherit SFF.
   Configurable, separate image layers: content/how-wise-growth.json. */
.wp-how-wise-works .wg-partnerships { position:relative; isolation:isolate; overflow:hidden; padding:80px 0 64px; color:white; background:radial-gradient(ellipse at 78% 105%,color-mix(in srgb,var(--wp-blue),white 16%),transparent 56%),radial-gradient(ellipse at 3% 0%,var(--wp-blue),transparent 66%),color-mix(in srgb,var(--wp-blue),black 57%); }
.wg-light-panels { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; background:linear-gradient(118deg,transparent 50%,#ffffff06 50.2%,transparent 66%),linear-gradient(57deg,transparent 74%,#ffffff04 74.1%,transparent 87%); }
.wg-light-panels::after { content:''; position:absolute; inset:auto 4% -80px; height:180px; border-radius:50%; background:var(--wp-blue); filter:blur(60px); opacity:.55; }
.wg-partnership-heading { margin-bottom:42px; max-width:900px; }
.wp-how-wise-works .wg-partnership-heading .wp-eyebrow { color:white; font-size:14px; letter-spacing:.11em; margin-bottom:20px; }
.wg-partnership-heading .wp-eyebrow::before { background:var(--wp-red); }
.wp-how-wise-works .wg-partnership-heading h2 { color:white; font-size:clamp(50px,5.2vw,76px); line-height:1.02; letter-spacing:-.023em; text-wrap:balance; margin:0; }
.wg-partnership-heading h2::after { content:''; display:block; width:58px; height:3px; margin-top:26px; background:var(--wp-red); box-shadow:0 2px 12px color-mix(in srgb,var(--wp-red),transparent 55%); }
.wg-partnership-grid { display:grid; grid-template-columns:1.06fr 1fr; gap:24px; align-items:stretch; }
.wg-card { position:relative; isolation:isolate; overflow:hidden; border:1px solid color-mix(in srgb,var(--wp-blue),white 58%); border-radius:25px; box-shadow:inset 0 1px 1px #ffffff80,0 5px 0 -1px #00000016,0 18px 25px -15px #0007,0 35px 50px -24px #0009; }
.wg-card-us { background:color-mix(in srgb,var(--wp-blue),black 43%); }
.wg-card-international { background:white; color:var(--wp-blue); border-color:white; margin:12px 0 10px; }
.wg-card-art { position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden; }
.wp-how-wise-works .wg-card-scene { display:block; width:100%; height:100%; object-fit:cover; object-position:70% center; }
.wg-card-us .wg-card-art::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,color-mix(in srgb,var(--wp-blue),black 54%) 0%,color-mix(in srgb,var(--wp-blue),black 54%) 5%,color-mix(in srgb,var(--wp-blue),transparent 68%) 90%),linear-gradient(0deg,color-mix(in srgb,var(--wp-blue),black 54%) 0%,color-mix(in srgb,var(--wp-blue),transparent 16%) 47%,transparent 80%); opacity:.93; }
.wg-card-international .wg-card-art { height:330px; }
.wg-card-international .wg-card-scene { object-position:67% 23%; }
.wg-card-international .wg-card-art::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#fff 1%,#ffffffde 17%,#ffffff00 62%),linear-gradient(90deg,#ffffffc7 0%,#ffffff00 65%); }
.wg-card-content { display:flex; flex-direction:column; align-items:flex-start; height:100%; position:relative; padding:36px 36px 31px; }
.wg-card-badge { display:grid; place-items:center; width:84px; height:84px; border-radius:50%; background:linear-gradient(140deg,#ffffff70,#ffffff16); border:1px solid #ffffff50; box-shadow:inset 0 1px 2px #ffffff78,0 6px 15px #0002; margin-bottom:25px; overflow:hidden; }
.wp-how-wise-works .wg-badge-image { width:69px; height:69px; object-fit:contain; filter:drop-shadow(0 4px 3px #0003); }
.wg-card-international .wg-card-badge { background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--wp-blue),white 82%)); border-color:#fff; margin-bottom:43px; }
.wp-how-wise-works .wg-card-international .wg-badge-image { width:69px; height:69px; object-fit:contain; object-position:center; filter:drop-shadow(0 4px 3px color-mix(in srgb,var(--wp-blue),transparent 70%)); }
.wp-how-wise-works .wg-card h3 { font-size:clamp(31px,2.8vw,42px); line-height:1.04; letter-spacing:-.018em; margin:0 0 24px; max-width:none; color:inherit; text-wrap:initial; }
.wp-how-wise-works .wg-card-us h3 { max-width:none; }
.wg-card-copy { flex:1; }
.wp-how-wise-works .wg-card-copy p { font-size:18px; line-height:1.6; margin:0 0 20px; color:inherit; }
.wg-card-us .wg-card-copy { text-shadow:0 2px 5px #0005; }
.wg-card-action { margin-top:8px; width:100%; }
.wp-how-wise-works .wg-button { font-size:18px; line-height:1.25; gap:22px; border-radius:15px; min-height:63px; padding:12px 13px 12px 23px; }
.wg-button>span:first-child { min-width:0; }
.wg-partnerships :focus-visible { outline:3px solid var(--wp-light); outline-offset:6px; }
.wp-how-wise-works .wg-growth { position:relative; isolation:isolate; padding:69px 0 67px; background:linear-gradient(130deg,#fff,color-mix(in srgb,var(--wp-blue),white 95%)); color:var(--wp-blue); }
.wg-growth-environment { position:absolute; z-index:-2; inset:0; overflow:hidden; pointer-events:none; }
.wp-how-wise-works .wg-growth-landscape { width:100%; height:100%; object-fit:cover; object-position:center bottom; }
.wg-growth-environment::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#ffffff00 0%,#ffffff63 34%,#fffffff2 87%),linear-gradient(90deg,#ffffff00 42%,#ffffffb8 70%); }
.wg-growth-layout { display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:start; }
.wp-how-wise-works .wg-growth-left .wp-eyebrow { font-size:14px; line-height:1.5; letter-spacing:.08em; margin-bottom:23px; }
.wg-growth-left .wp-eyebrow::before { background:var(--wp-red); }
.wp-how-wise-works .wg-growth-left h2 { font-size:clamp(42px,4.25vw,64px); line-height:1.03; letter-spacing:-.024em; color:var(--wp-blue); margin:0; text-wrap:initial; }
.wg-growth-copy { border-left:1px solid color-mix(in srgb,var(--wp-blue),transparent 86%); padding:53px 0 25px 32px; }
.wp-how-wise-works .wg-growth-copy>p { font-size:20px; line-height:1.65; }
.wp-how-wise-works .wg-growth-copy .wp-note { font-size:20px; line-height:1.55; font-weight:700; margin:28px 0 0; padding-top:25px; border-color:color-mix(in srgb,var(--wp-blue),transparent 80%); }
.wp-how-wise-works .wg-growth-copy .wp-actions { margin-top:30px; gap:27px; align-items:center; }
.wp-how-wise-works .wg-contact { font-size:18px; gap:15px; }
.wg-growth-visual { position:relative; margin:14px -7% -20px; width:114%; aspect-ratio:3/2; isolation:isolate; }
.wg-growth-glow { position:absolute; left:5%; right:7%; bottom:14%; height:30%; z-index:-1; border-radius:50%; background:radial-gradient(ellipse,#fff 20%,#ffffff00 72%); filter:blur(15px); }
.wp-how-wise-works .wg-growth-blocks { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 22px 18px color-mix(in srgb,var(--wp-blue),transparent 84%)); }
.wg-growth-stages { list-style:none; margin:0; padding:0; position:absolute; inset:0; }
.wg-growth-stage { padding-top:clamp(46px,5.6vw,84px); position:absolute; left:var(--stage-x); top:var(--stage-y); width:20%; display:flex; flex-direction:column; align-items:center; transform:translateX(-50%); text-align:center; }
.wp-how-wise-works .wg-growth-icon { display:none; width:clamp(46px,5.6vw,84px); height:clamp(46px,5.6vw,84px); object-fit:contain; margin-bottom:0; filter:drop-shadow(2px 5px 2px color-mix(in srgb,var(--wp-blue),transparent 73%)); transition:transform .35s cubic-bezier(.2,.65,.2,1),filter .35s; }
.wg-growth-stage span { display:block; font-family:'Phudu',sans-serif; font-size:16px; font-weight:650; line-height:1.1; letter-spacing:.015em; max-width:10ch; color:var(--wp-blue); }
@media (hover:hover) and (pointer:fine) {
  .wg-growth-stage:hover .wg-growth-icon { transform:translateY(-7px) scale(1.07); filter:drop-shadow(3px 12px 5px color-mix(in srgb,var(--wp-blue),transparent 75%)); }
  .wg-button:hover .wp-arrow { transform:translate(1px,-1px); }
}
@media (min-width:1550px) { .wg-growth-layout { gap:62px; }.wg-card-content { padding:40px 40px 34px; } }
@media (max-width:1150px) {
  .wg-card-content { padding:30px 27px 28px; }
  .wp-how-wise-works .wg-card-copy p { font-size:17px; }
  .wp-how-wise-works .wg-button { font-size:17px; gap:14px; padding-left:18px; }
  .wg-growth-layout { gap:28px; }.wg-growth-copy { padding-left:28px; }
  .wp-how-wise-works .wg-growth-copy>p,.wp-how-wise-works .wg-growth-copy .wp-note { font-size:19px; }
}
@media (max-width:900px) {
  .wp-how-wise-works .wg-partnerships { padding:65px 0 60px; }
  .wp-how-wise-works .wg-partnership-heading h2 { font-size:58px; max-width:16ch; }
  .wg-partnership-grid { grid-template-columns:1fr; gap:30px; }
  .wg-card-international { margin:0; }
  .wg-card-content { padding:34px; }
  .wg-card-us .wg-card-art::after { background:linear-gradient(90deg,color-mix(in srgb,var(--wp-blue),black 54%) 0%,color-mix(in srgb,var(--wp-blue),black 54%) 4%,color-mix(in srgb,var(--wp-blue),transparent 73%) 100%),linear-gradient(0deg,color-mix(in srgb,var(--wp-blue),black 54%),color-mix(in srgb,var(--wp-blue),transparent 30%) 65%,transparent); }
  .wp-how-wise-works .wg-card h3 { font-size:39px; max-width:17ch; }
  .wp-how-wise-works .wg-card-copy p { font-size:18px; }
  .wg-card-international .wg-card-art { height:310px; }
  .wg-card-international .wg-card-badge { margin-bottom:32px; }
  .wg-growth-layout { grid-template-columns:1fr; gap:23px; }
  .wp-how-wise-works .wg-growth-left h2 { font-size:56px; max-width:20ch; }
  .wg-growth-visual { width:min(108%,740px); margin:10px auto -25px; }
  .wg-growth-copy { padding:0; border:0; }
  .wg-growth-stage { padding-top:76px; }
  .wp-how-wise-works .wg-growth-icon { width:76px; height:76px; }
  .wg-growth-stage span { font-size:18px; }
  .wg-growth-environment::after { background:linear-gradient(0deg,#fffffff5,#ffffffb8 42%,#ffffff00 70%,#fffffff2); }
}
@media (max-width:600px) {
  .wp-how-wise-works .wg-partnerships { padding:52px 0 45px; }
  .wg-partnership-heading { margin-bottom:32px; }
  .wp-how-wise-works .wg-partnership-heading .wp-eyebrow { font-size:13px; }
  .wp-how-wise-works .wg-partnership-heading h2 { font-size:42px; line-height:1.06; }
  .wg-partnership-heading h2::after { margin-top:20px; width:42px; }
  .wg-partnership-grid { gap:24px; }
  .wg-card { border-radius:22px; }
  .wg-card-content { padding:26px 22px 29px; }
  .wg-card-badge { width:73px; height:73px; margin-bottom:26px; }
  .wp-how-wise-works .wg-badge-image { width:60px; height:60px; }
  .wp-how-wise-works .wg-card h3 { font-size:34px; margin-bottom:22px; }
  .wp-how-wise-works .wg-card-copy p { font-size:17px; line-height:1.62; }
  .wg-card-us .wg-card-art { opacity:.87; }
  .wg-card-us .wg-card-scene { object-position:73% top; }
  .wg-card-international .wg-card-art { height:260px; }
  .wg-card-international .wg-card-art::after { background:linear-gradient(0deg,#fff 0%,#ffffffeb 25%,#ffffff00 72%),linear-gradient(90deg,#ffffffe6 0%,#ffffff00 90%); }
  .wp-how-wise-works .wg-button { width:100%; justify-content:space-between; padding-left:17px; font-size:17px; gap:12px; }
  .wg-button .wp-arrow { flex-basis:34px; width:34px; height:34px; }
  .wp-how-wise-works .wg-growth { padding:46px 0 54px; }
  .wp-how-wise-works .wg-growth-left .wp-eyebrow { font-size:13px; margin-bottom:20px; }
  .wp-how-wise-works .wg-growth-left h2 { font-size:40px; line-height:1.04; }
  .wg-growth-visual { width:calc(100% + 24px); margin:4px -12px 16px; aspect-ratio:auto; padding-top:66.666%; }
  .wp-how-wise-works .wg-growth-blocks { height:auto; aspect-ratio:3/2; }
  .wg-growth-stages { position:relative; display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:-20px 12px 0; }
  .wg-growth-stage { position:relative; left:auto; top:auto; width:auto; transform:none; display:flex; flex-direction:row; align-items:center; gap:8px; text-align:left; padding:10px 10px 10px 5px; background:linear-gradient(135deg,#fffffff5,#ffffffc9); border:1px solid white; border-radius:14px; box-shadow:inset 0 2px 2px white,0 3px 0 color-mix(in srgb,var(--wp-blue),white 89%),0 11px 18px -12px color-mix(in srgb,var(--wp-blue),transparent 60%); }
  .wp-how-wise-works .wg-growth-icon { display:block; width:51px; height:51px; flex:0 0 51px; }
  .wg-growth-stage span { font-size:16px; letter-spacing:0; }
  .wg-growth-layout { gap:5px; }
  .wp-how-wise-works .wg-growth-copy>p,.wp-how-wise-works .wg-growth-copy .wp-note { font-size:18px; }
  .wp-how-wise-works .wg-growth-copy .wp-actions { gap:23px; }
  .wp-how-wise-works .wg-contact { font-size:18px; }
}
@media (max-width:370px) {
  .wp-how-wise-works .wg-partnership-heading h2 { font-size:36px; }
  .wg-card-content { padding-inline:18px; }
  .wp-how-wise-works .wg-card h3 { font-size:29px; }
  .wp-how-wise-works .wg-growth-left h2 { font-size:35px; }
  .wg-growth-stages { gap:10px; }.wg-growth-stage { gap:5px; padding-right:4px; }
  .wp-how-wise-works .wg-growth-icon { width:39px; height:43px; flex-basis:39px; }
  .wg-growth-stage span { font-size:15px; }
}
@media (prefers-reduced-motion:reduce) { .wg-growth-icon,.wg-button .wp-arrow { transition:none!important; transform:none!important; } }

@media(max-width:600px){.wg-partnership-heading h2 br{display:none}}