/* Solutions overview: reduce, prioritize and guide within the HQESS system. */
.solutions-page { background:var(--hqess-warm-white); color:var(--hqess-graphite); overflow:clip; }
.solutions-page .container { width:min(100% - 2.5rem,90rem); margin-inline:auto; }
.solutions-page h1,.solutions-page h2,.solutions-page h3 { text-wrap:balance; }
.solutions-eyebrow { margin:0 0 1.35rem; color:var(--hqess-green); font-size:.7rem; font-weight:800; letter-spacing:.16em; line-height:1.2; text-transform:uppercase; }

/* Hero: dark problem-led opening inspired by the supplied reference. */
.solutions-hero { min-height:clamp(34rem,72svh,46rem); display:flex; align-items:center; padding:clamp(7.5rem,10vw,9rem) 0 clamp(3.25rem,5vw,4.5rem); background:#1F2328; color:#f3f8f5; }
.solutions-hero__inner { display:block; }
.solutions-hero__copy { width:min(100%,62rem); }
.solutions-hero__copy h1 { max-width:none; margin:0; background:linear-gradient(105deg,#35b86c 0%,#0b7c44 38%,#f29900 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; font-size:clamp(3.5rem,6.6vw,6.35rem); line-height:.95; letter-spacing:-.045em; text-transform:uppercase; }
.solutions-hero__copy h1 span { display:block; }
.solutions-hero__lead { max-width:54rem; margin:1.7rem 0 0; color:rgba(224,238,239,.88); font-size:clamp(1.05rem,1.35vw,1.22rem); line-height:1.55; }
.solutions-hero__support { max-width:54rem; margin:.35rem 0 0; color:rgba(196,216,220,.78); font-size:1rem; line-height:1.55; }
.solutions-hero__problem-rail { margin-top:clamp(2.5rem,5vw,4rem); }
.solutions-hero__problem-label { margin:0 0 .9rem; color:#91aeba; font-size:.7rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.solutions-hero__problem-list { display:flex; flex-wrap:wrap; gap:.6rem; }
.solutions-hero__problem-list a { display:inline-flex; align-items:center; gap:.65rem; min-height:2.55rem; padding:.55rem .85rem; border:1px solid rgba(157,190,211,.28); border-radius:999px; background:rgba(18,39,58,.58); color:#d8e5e8; font-size:.78rem; font-weight:700; letter-spacing:.015em; text-decoration:none; transition:border-color 180ms ease,background-color 180ms ease,color 180ms ease; }
.solutions-hero__problem-list a:hover,.solutions-hero__problem-list a:focus-visible { border-color:transparent; background:linear-gradient(rgba(18,39,58,.9),rgba(18,39,58,.9)) padding-box,linear-gradient(105deg,#0b7c44 0%,#f29900 100%) border-box; color:#f4fbfd; }
.solutions-hero__problem-list a:focus-visible { outline:2px solid #0b7c44; outline-offset:4px; }
.solutions-hero__problem-list .button__icon { width:.9rem; height:.9rem; color:#35b86c; transition:transform 180ms ease,color 180ms ease; }
.solutions-hero__problem-list a:hover .button__icon,.solutions-hero__problem-list a:focus-visible .button__icon { color:#f29900; transform:translateX(.2rem); }
.solutions-text-link { display:inline-flex; align-items:center; gap:.8rem; min-height:2.5rem; color:var(--hqess-green); font-size:.75rem; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; transition:color var(--hqess-transition-fast); }
.solutions-text-link .button__icon { width:1rem; height:1rem; transition:transform var(--hqess-transition-fast); }
.solutions-text-link:hover,.solutions-text-link:focus-visible { color:var(--hqess-graphite); }
.solutions-text-link:hover .button__icon,.solutions-text-link:focus-visible .button__icon { transform:translateX(.3rem); }
.solutions-hero__media { margin:0; }
.solutions-hero__media picture,.solution-chapter__media picture { display:block; overflow:hidden; border-radius:1.1rem; }
.solutions-hero__media picture { aspect-ratio:1.18; }
.solutions-hero__media img,.solution-chapter__media img { width:100%; height:100%; object-fit:cover; transition:transform 700ms cubic-bezier(.2,.7,.2,1); }
.solutions-hero__media:hover img,.solution-chapter__media:hover img { transform:scale(1.025); }
.solutions-hero__media figcaption,.solution-chapter__media figcaption { display:flex; gap:.8rem; margin-top:.8rem; color:#65736b; font-size:.66rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }

/* Four solution chapters: shared type system, intentionally varied composition. */
.solution-chapter { padding:clamp(5.5rem,10vw,10rem) 0; background:#f4f5f1; }
.solution-chapter:nth-child(2) { background:#e7eee8; }
.solution-chapter:nth-child(3) { background:var(--hqess-white); }
.solution-chapter:nth-child(4) { background:#eef0ec; }
.solution-chapter__inner { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:clamp(2.5rem,6vw,7rem); align-items:start; }
.solution-chapter__heading { grid-column:1; }
.solution-chapter__heading h2 { max-width:10ch; margin:0 0 1.25rem; font-size:clamp(2.7rem,4.7vw,5.25rem); line-height:.92; letter-spacing:-.045em; text-transform:uppercase; }
.solution-chapter__heading h2 span { display:block; }
.solution-chapter__context { max-width:28rem; margin:0; color:#56645c; font-size:clamp(1rem,1.3vw,1.15rem); line-height:1.5; }
.solution-chapter__media { grid-column:2; grid-row:1 / span 2; margin:0; }
.solution-chapter__media picture { aspect-ratio:1.05; }
.solution-chapter__media--wide { grid-column:1 / -1; grid-row:auto; }
.solution-chapter__media--wide picture { aspect-ratio:2.2; }
.solution-chapter__body { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1.5rem,4vw,5rem); margin-top:clamp(2rem,4vw,4rem); }
.solution-chapter__block { min-width:0; padding-top:1.1rem; border-top:1px solid rgba(45,64,53,.24); }
.solution-chapter__block h3 { margin:0 0 1.1rem; color:#6b786f; font-size:.68rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.solution-chapter__block ul { display:grid; gap:.7rem; margin:0; padding:0; list-style:none; }
.solution-chapter__block li { position:relative; padding-left:1rem; color:#3f4d45; font-size:1rem; line-height:1.45; }
.solution-chapter__block li::before { position:absolute; top:.58em; left:0; width:.34rem; height:.34rem; border-radius:50%; background:var(--hqess-green); content:""; }
.solution-components { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin-bottom:1.2rem; color:var(--hqess-green); font-size:clamp(1.05rem,1.65vw,1.55rem); font-weight:800; letter-spacing:.02em; }
.solution-components__plus { color:#87948b; font-weight:400; }
.solution-logic { margin:0; color:var(--hqess-graphite); font-family:var(--hqess-font-display); font-size:clamp(1.5rem,2.3vw,2.55rem); line-height:1.02; letter-spacing:-.03em; }
.solution-priority { margin-top:1.6rem; }
.solution-priority__label,.solution-related > span { margin:0 0 .9rem; color:#6b786f; font-size:.66rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.solution-priority ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin:0; padding:0; list-style:none; }
.solution-priority li { display:grid; gap:.25rem; padding-top:.65rem; border-top:1px solid rgba(45,64,53,.2); }
.solution-priority__number { color:var(--hqess-green); font-size:.7rem; font-weight:800; }
.solution-priority__name { font-weight:800; letter-spacing:.04em; }
.solution-priority__note { color:#6b786f; font-size:.78rem; line-height:1.35; }
.solution-outcomes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.solution-outcome { display:grid; gap:.35rem; }
.solution-outcome strong { color:var(--hqess-green); font-family:var(--hqess-font-display); font-size:clamp(2.5rem,4vw,4.2rem); line-height:.9; letter-spacing:-.04em; }
.solution-outcome span { color:#536158; font-size:.75rem; font-weight:800; letter-spacing:.08em; line-height:1.2; text-transform:uppercase; }
.solution-chapter__footer { grid-column:1 / -1; display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; margin-top:clamp(2rem,4vw,4rem); padding-top:1.25rem; border-top:1px solid rgba(45,64,53,.24); }
.solution-related { display:grid; gap:.5rem; margin:0; }
.solution-related > span { margin:0; }
.solution-related strong { color:#536158; font-size:.8rem; font-weight:700; letter-spacing:.04em; }
.solutions-cta { display:inline-flex; align-items:center; gap:.7rem; color:var(--hqess-green); font-size:.72rem; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.solutions-cta .button__icon { width:1rem; height:1rem; transition:transform var(--hqess-transition-fast); }
.solutions-cta:hover .button__icon,.solutions-cta:focus-visible .button__icon { transform:translateX(.25rem); }

/* Intentional chapter variations */
.solution-chapter--wide-image .solution-chapter__heading { display:flex; justify-content:space-between; gap:3rem; align-items:end; }
.solution-chapter--wide-image .solution-chapter__heading h2 { max-width:12ch; }
.solution-chapter--wide-image .solution-chapter__context { max-width:20rem; margin-bottom:.35rem; }
.solution-chapter--image-left .solution-chapter__media { grid-column:1; }
.solution-chapter--image-left .solution-chapter__heading,.solution-chapter--image-left .solution-chapter__body { grid-column:2; }
.solution-chapter--image-left .solution-chapter__body { grid-template-columns:1fr; margin-top:2rem; }
.solution-chapter--editorial-split { background:#eef0ec; }
.solution-chapter--editorial-split .solution-chapter__media picture { aspect-ratio:1.35; }
.solution-chapter--editorial-split .solution-chapter__body { grid-column:1 / -1; }

/* Problem-based consultation panel: the sole conversion section on the Solutions page. */
.solutions-selection { padding:clamp(2.25rem,3vw,3rem) 0 clamp(2.5rem,3.5vw,3.5rem); background:linear-gradient(125deg,#123d2c 0%,#0b6f3f 52%,#25a361 100%); color:#f1f8f3; }
.solutions-selection__inner { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
.solutions-selection .solutions-eyebrow { margin-bottom:.8rem; color:#b1f1c2; }
.solutions-selection h2 { max-width:none; margin:0; color:#f4faf6; font-size:clamp(2.9rem,4.6vw,4.25rem); line-height:1.06; letter-spacing:-.035em; }
.solutions-selection h2 span { display:block; }
.solutions-selection__copy { max-width:54rem; margin:1rem 0 0; color:rgba(232,246,236,.8); font-size:clamp(1rem,1.25vw,1.15rem); line-height:1.45; }
.solutions-selection__problems { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:1.15rem; row-gap:1rem; margin-top:clamp(1.5rem,2vw,2rem); }
.solutions-problem { position:relative; display:flex; min-height:5rem; flex-direction:column; padding:.7rem 2.8rem .7rem 1.1rem; border:1px solid rgba(206,239,217,.24); border-radius:.7rem; background:rgba(7,39,29,.72); color:#f2f8f4; text-decoration:none; transition:border-color 180ms ease,background-color 180ms ease; }
.solutions-problem:hover,.solutions-problem:focus-visible { border-color:rgba(177,241,194,.82); background:rgba(8,49,35,.88); }
.solutions-problem:focus-visible { outline:2px solid #b1f1c2; outline-offset:4px; }
.solutions-problem__number { color:#b1f1c2; font-size:.7rem; font-weight:800; letter-spacing:.12em; line-height:1; }
.solutions-problem__title { margin-top:.5rem; color:#f4faf6; font-size:clamp(1rem,1.3vw,1.22rem); font-weight:800; letter-spacing:-.015em; line-height:1.15; transition:color 180ms ease; }
.solutions-problem__description { max-width:25rem; margin-top:.25rem; color:rgba(224,243,229,.78); font-size:.78rem; line-height:1.3; }
.solutions-problem__arrow { position:absolute; top:.85rem; right:1rem; color:rgba(224,243,229,.78); }
.solutions-problem__arrow .button__icon { width:1.05rem; height:1.05rem; transition:transform 180ms ease,color 180ms ease; }
.solutions-problem:hover .solutions-problem__title,.solutions-problem:hover .solutions-problem__arrow,.solutions-problem:focus-visible .solutions-problem__title,.solutions-problem:focus-visible .solutions-problem__arrow { color:#b1f1c2; }
.solutions-problem:hover .solutions-problem__arrow .button__icon,.solutions-problem:focus-visible .solutions-problem__arrow .button__icon { transform:translateX(.25rem); }
.solutions-selection__actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.5rem; margin-top:clamp(1.75rem,2.5vw,2.5rem); }
.solutions-selection__primary { display:inline-flex; align-items:center; gap:.8rem; min-height:2.9rem; padding:.75rem 1.2rem; border:1px solid #79d59a; border-radius:.45rem; background:#13834e; color:#f6fbf7; font-size:.8rem; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; transition:background-color 180ms ease,border-color 180ms ease,transform 180ms ease; }
.solutions-selection__primary:hover,.solutions-selection__primary:focus-visible { border-color:#79d59a; background:#16945a; transform:translateY(-2px); }
.solutions-selection__primary:focus-visible,.solutions-selection__secondary:focus-visible { outline:2px solid #79d59a; outline-offset:4px; }
.solutions-selection__primary .button__icon,.solutions-selection__secondary .button__icon { width:1rem; height:1rem; transition:transform 180ms ease; }
.solutions-selection__primary:hover .button__icon,.solutions-selection__primary:focus-visible .button__icon,.solutions-selection__secondary:hover .button__icon,.solutions-selection__secondary:focus-visible .button__icon { transform:translateX(.25rem); }
.solutions-selection__secondary { display:inline-flex; align-items:center; gap:.7rem; min-height:2.75rem; color:rgba(232,246,236,.82); font-size:.78rem; font-weight:700; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; transition:color 180ms ease; }
.solutions-selection__secondary:hover,.solutions-selection__secondary:focus-visible { color:#b1f1c2; }

@keyframes solutions-problem-in { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
.solutions-selection.is-visible .solutions-problem { animation:solutions-problem-in 500ms cubic-bezier(.22,1,.36,1) both; animation-delay:calc(var(--problem-index) * 55ms); }

/* Case data enters with a restrained, staggered lift as each chapter reaches the viewport. */
@keyframes solutions-data-in { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
.js .solutions-chapters .solution-chapter__body .solution-chapter__block { opacity:0; transform:translateY(16px); }
.js .solutions-chapters .solution-chapter__body.is-visible .solution-chapter__block { animation:solutions-data-in 560ms cubic-bezier(.22,1,.36,1) both; }
.js .solutions-chapters .solution-chapter__body.is-visible .solution-chapter__block:nth-child(2) { animation-delay:90ms; }
.js .solutions-chapters .solution-chapter__body.is-visible .solution-chapter__block:nth-child(3) { animation-delay:180ms; }
@media (min-width:1200px) {
 .solutions-selection h2 span { white-space:nowrap; }
}

@media (max-width:1184px) {
 .hqess-solutions-page .site-header,.hqess-solutions-page .site-header--overlay:not(.is-scrolled):not(.menu-is-open),.hqess-solutions-page .site-header.menu-is-open { background:#1F2328; color:#e0e7e1; }
 .hqess-solutions-page .site-logo { background:transparent; }
 .solutions-hero__copy h1 { font-size:clamp(3.7rem,7.2vw,6.4rem); }
}
@media (max-width:900px) {
 .solutions-page .container { width:min(100% - 2rem,45rem); }
 .solutions-hero { min-height:0; padding-top:8.5rem; }
 .solutions-hero__inner,.solution-chapter__inner,.solutions-selection__inner { grid-template-columns:1fr; gap:2.75rem; }
 .solutions-hero__copy h1 { max-width:10ch; }
 .solutions-hero__media,.solution-chapter__media,.solution-chapter--image-left .solution-chapter__media { grid-column:1; grid-row:auto; }
 .solution-chapter__heading,.solution-chapter--image-left .solution-chapter__heading { grid-column:1; }
 .solution-chapter--wide-image .solution-chapter__heading { display:block; }
 .solution-chapter--wide-image .solution-chapter__context { margin-top:1.25rem; }
 .solution-chapter__body,.solution-chapter--image-left .solution-chapter__body { grid-column:1; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:0; }
 .solution-chapter__footer { grid-column:1; }
 .solutions-selection__problems { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
 .solutions-page .container { width:min(100% - 1.5rem,36rem); }
 .solutions-hero { min-height:0; padding-top:7.5rem; padding-bottom:3.5rem; }
 .solutions-hero__copy h1 { font-size:clamp(3.1rem,13vw,4.5rem); line-height:.98; }
 .solutions-hero__lead { margin-top:1.35rem; font-size:1rem; }
 .solutions-hero__support { font-size:.92rem; }
 .solutions-hero__problem-rail { margin-top:2.5rem; }
 .solutions-hero__problem-list { gap:.5rem; }
 .solutions-hero__problem-list a { min-height:2.4rem; padding:.5rem .75rem; font-size:.73rem; }
 .solution-chapter__heading h2 { font-size:clamp(2.7rem,13vw,4.3rem); }
 .solutions-selection h2 { max-width:none; margin-bottom:1.75rem; font-size:clamp(2.2rem,9vw,3.2rem); line-height:1.08; letter-spacing:-.025em; }
 .solution-chapter__body,.solution-chapter--image-left .solution-chapter__body { grid-template-columns:1fr; }
 .solution-priority ol { grid-template-columns:1fr; }
 .solution-chapter__footer { display:grid; align-items:start; }
 .solutions-selection { padding:2.75rem 0 3rem; }
 .solutions-selection__problems { grid-template-columns:1fr; gap:.8rem; margin-top:1.75rem; }
 .solutions-problem { min-height:5.75rem; padding:.85rem 3rem .85rem 1.1rem; }
 .solutions-problem__arrow { top:.95rem; right:1.2rem; }
 .solutions-selection__actions { align-items:flex-start; flex-direction:column; gap:.75rem; }
 :root:lang(zh) .solutions-page .solutions-selection h2 { max-width:none; margin-bottom:1.75rem; font-size:clamp(2rem,10vw,3.1rem); line-height:1.08; letter-spacing:-.025em; }
}

/* Unified solution case treatment: landscape scene, title in-image, data below. */
.solutions-chapters .solution-chapter { padding:clamp(2.25rem,4vw,4rem) 0; background:var(--hqess-white); }
.solutions-chapters .solution-chapter__inner { display:grid; grid-template-columns:1fr; gap:0; position:relative; }
.solutions-chapters .solution-chapter__media,
.solutions-chapters .solution-chapter--image-left .solution-chapter__media,
.solutions-chapters .solution-chapter--wide-image .solution-chapter__media { grid-column:1; grid-row:1; width:min(100%,78rem); margin-inline:auto; position:relative; z-index:0; }
.solutions-chapters .solution-chapter__media picture,
.solutions-chapters .solution-chapter__media--wide picture { position:relative; aspect-ratio:2.4; border-radius:1.1rem; }
.solutions-chapters .solution-chapter__media picture::after { position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,16,12,.88) 0%,rgba(8,16,12,.68) 26%,rgba(8,16,12,.25) 53%,transparent 76%); content:""; pointer-events:none; }
.solutions-chapters .solution-chapter__heading,
.solutions-chapters .solution-chapter--image-left .solution-chapter__heading,
.solutions-chapters .solution-chapter--wide-image .solution-chapter__heading { grid-column:1; grid-row:1; align-self:stretch; align-items:flex-start; display:flex; flex-direction:column; justify-content:flex-start; gap:0; width:min(56%,36rem); max-width:none; margin:0 0 0 max(0px,calc((100% - min(100%,78rem)) / 2)); padding:clamp(2rem,4.5vw,4.5rem) 0 clamp(3rem,5vw,5rem) clamp(1rem,4vw,4rem); box-sizing:border-box; overflow:visible; position:relative; z-index:2; color:var(--hqess-white); pointer-events:none; }
.solutions-chapters .solution-chapter__heading .solutions-eyebrow { color:#8bd09f; }
.solutions-chapters .solution-chapter__heading h2 { width:fit-content; max-width:100%; margin:0 0 1.1rem; text-align:center; background:linear-gradient(112deg,#d0f8d8 0%,#8cdda7 46%,#43b879 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; font-size:clamp(2.25rem,4vw,4.35rem); line-height:.94; }
.solutions-chapters .solution-chapter__heading h2 span { width:max-content; max-width:100%; margin-inline:auto; white-space:nowrap; }
.solutions-chapters .solution-chapter__heading h2 span + span { margin-inline:auto; }
.solutions-chapters .solution-chapter__context { max-width:25rem; margin:0; text-align:left; color:rgba(245,250,246,.86); font-size:clamp(.95rem,1.2vw,1.1rem); }
@media (min-width:601px) {
 .solutions-chapters .solution-chapter:nth-child(2) .solution-chapter__context { white-space:nowrap; }
}
.solutions-chapters .solution-chapter__media figcaption { position:relative; z-index:2; }
.solutions-chapters .solution-chapter__body,
.solutions-chapters .solution-chapter--image-left .solution-chapter__body { grid-column:1; grid-row:2; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1.25rem,3vw,3.5rem); width:min(100%,78rem); margin:clamp(1rem,1.5vw,1.5rem) auto 0; padding:0 clamp(1rem,2vw,2rem); }
.solutions-chapters .solution-chapter__block { padding-top:.8rem; border-top:1px solid var(--hqess-border); }
.solutions-chapters .solution-chapter__block h3 { margin-bottom:.8rem; }
.solutions-chapters .solution-chapter__block li { font-size:.9rem; }
.solutions-chapters .solution-components { margin-bottom:.75rem; font-size:clamp(.95rem,1.35vw,1.25rem); }
.solutions-chapters .solution-logic { color:#68756d; font-size:clamp(1.05rem,1.35vw,1.5rem); line-height:1.15; }
.solutions-chapters .solution-outcome strong { font-size:clamp(1.8rem,2.45vw,2.85rem); line-height:.95; white-space:nowrap; font-variant-numeric:tabular-nums; }
.solutions-chapters .solution-chapter__footer { grid-column:1; grid-row:3; width:min(100%,78rem); margin:clamp(1rem,1.5vw,1.5rem) auto 0; padding:1rem clamp(1rem,2vw,2rem) 0; }
.solutions-chapters .solution-priority ol { gap:.55rem; }

@media (max-width:900px) {
 .solutions-chapters .solution-chapter__media,
 .solutions-chapters .solution-chapter__body,
 .solutions-chapters .solution-chapter__footer { width:100%; }
 .solutions-chapters .solution-chapter__media picture,
 .solutions-chapters .solution-chapter__media--wide picture { aspect-ratio:1.5; }
 .solutions-chapters .solution-chapter__heading,
 .solutions-chapters .solution-chapter--image-left .solution-chapter__heading,
 .solutions-chapters .solution-chapter--wide-image .solution-chapter__heading { width:82%; margin-left:0; padding:2rem 1.5rem 3rem; }
 .solutions-chapters .solution-chapter__heading h2 { font-size:clamp(2.05rem,6.2vw,3.55rem); }
 .solutions-chapters .solution-chapter__body { grid-template-columns:repeat(2,minmax(0,1fr)); padding-inline:0; }
 .solutions-chapters .solution-chapter__footer { padding-inline:0; }
}
@media (max-width:600px) {
 .solutions-chapters .solution-chapter { padding:3rem 0; }
 .solutions-chapters .solution-chapter__media picture,
 .solutions-chapters .solution-chapter__media--wide picture { aspect-ratio:1.28; border-radius:.8rem; }
 .solutions-chapters .solution-chapter__media picture::after { background:linear-gradient(90deg,rgba(8,16,12,.9) 0%,rgba(8,16,12,.58) 58%,transparent 100%); }
 .solutions-chapters .solution-chapter__heading,
 .solutions-chapters .solution-chapter--image-left .solution-chapter__heading,
 .solutions-chapters .solution-chapter--wide-image .solution-chapter__heading { width:92%; margin-left:0; padding:1.5rem 1rem 2rem; }
 .solutions-chapters .solution-chapter__heading h2 { font-size:clamp(1.8rem,8.5vw,2.7rem); }
 .solutions-chapters .solution-chapter__context { font-size:.9rem; }
 .solutions-chapters .solution-chapter__body { grid-template-columns:1fr; gap:1.25rem; margin-top:1.25rem; }
 .solutions-chapters .solution-chapter--image-left .solution-chapter__body { grid-template-columns:1fr; }
 .solutions-chapters .solution-chapter__footer { display:grid; align-items:start; gap:1rem; }
}

:root:lang(zh) .solutions-page h1,:root:lang(zh) .solutions-page h2,:root:lang(zh) .solutions-page h3,:root:lang(zh) .solutions-page strong { font-family:var(--hqess-font-zh-display); }
:root:lang(zh) .solutions-page .solutions-hero__copy h1 { letter-spacing:-.06em; }
:root:lang(zh) .solutions-page .solutions-selection h2 { letter-spacing:-.035em; line-height:1.1; }
:root:lang(zh) .solutions-page .solutions-eyebrow,:root:lang(zh) .solutions-page .solutions-text-link,:root:lang(zh) .solutions-page .solutions-cta { letter-spacing:.04em; }
:root:lang(zh) .solutions-page .solutions-hero__copy h1 { width:100%; max-width:none; font-size:clamp(3.25rem,5vw,5.75rem); line-height:1.02; }
:root:lang(zh) .solutions-page .solution-chapter__heading h2 { font-size:clamp(2rem,3.35vw,3.6rem); line-height:1; }
:root:lang(zh) .solutions-page .solution-chapter__heading h2 span { white-space:nowrap; }
:root:lang(zh) .solutions-page .solution-chapter__heading h2 span[data-i18n-zh=""] { display:none; }
@media (min-width:601px) {
 :root:lang(zh) .solutions-page .solutions-selection h2 { max-width:none; font-size:clamp(2.8rem,4.2vw,4.25rem); line-height:1.08; letter-spacing:-.03em; }
 :root:lang(zh) .solutions-page .solutions-selection h2 span { white-space:nowrap; }
}
@media (max-width:600px) {
 :root:lang(zh) .solutions-page .solutions-hero__copy h1 { font-size:clamp(2.6rem,12vw,4rem); }
 :root:lang(zh) .solutions-page .solution-chapter__heading h2 { font-size:clamp(1.8rem,8.5vw,2.7rem); }
}

@media (prefers-reduced-motion:reduce) {
 .solutions-selection.is-visible .solutions-problem { animation:none; }
 .js .solutions-chapters .solution-chapter__body .solution-chapter__block { opacity:1; transform:none; animation:none; }
 .solutions-selection__primary,.solutions-problem,.solutions-problem__title,.solutions-problem__arrow,.solutions-selection__secondary { transition:none; }
}
