/* New HTML composition: original raster stays byte-identical. The opaque left
   panel intentionally occludes old text and background; it is not inpainting. */
.hero-canva-approved.method-hero-html{background:#0B0F26;color:#fff}
.method-hero-html .method-hero-stage,.method-hero-html .method-hero-visual,.method-hero-html .method-hero-canvas{position:relative}
.method-hero-html .method-hero-visual{overflow:hidden}
.method-hero-html .method-hero-surface{position:absolute;inset:0;background:linear-gradient(90deg,#0B0F26 0%,#0B0F26 52.5%,transparent 56%);pointer-events:none}
.method-hero-html .method-hero-copy{position:absolute;top:24%;left:6.2%;width:45.3%;color:#fff;font-family:var(--font-brand-heading)}
.method-hero-html .method-hero-copy .method-hero-eyebrow{color:#FFB16B;font-size:clamp(18px,1.67vw,32px);line-height:1.1;margin:0 0 18px}
.method-hero-html .method-hero-copy h1{font-size:clamp(40px,3.4vw,65.28px);line-height:1.02;letter-spacing:-.045em;font-weight:600;margin:0 0 28px;text-wrap:balance}
.method-hero-html .method-hero-copy h1 em{color:#EB7202;font-style:normal}
.method-hero-html .method-hero-copy>p:not(.method-hero-eyebrow){font-size:clamp(18px,1.67vw,32px);line-height:1.18;font-weight:400;margin:0 0 22px;letter-spacing:-.025em}
@media(max-width:1200px){
 .method-hero-html .method-hero-visual{aspect-ratio:1020/850}
 .method-hero-html .method-hero-canvas{width:188.235294%;margin-left:-88.235294%}
 .method-hero-html .method-hero-copy{position:relative;inset:auto;width:auto;padding:40px 24px 50px}
 .method-hero-html .method-hero-copy .method-hero-eyebrow{font-size:18px;margin-bottom:18px}
 .method-hero-html .method-hero-copy h1{font-size:clamp(34px,5.8vw,52px);line-height:1.07;max-width:22ch;margin-bottom:26px}
 .method-hero-html .method-hero-copy>p:not(.method-hero-eyebrow){font-size:18px;line-height:1.45;max-width:65ch;letter-spacing:normal;margin-bottom:20px}
}
@media(min-width:761px) and (max-width:1200px){
 .method-hero-html .method-hero-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
 .method-hero-html .method-hero-visual{grid-column:2;grid-row:1;width:100%}
 .method-hero-html .method-hero-copy{grid-column:1;grid-row:1;padding:40px 28px}
 .method-hero-html .method-hero-copy h1{font-size:clamp(34px,4vw,48px)}
}
@media(min-width:1051px) and (max-width:1200px){.method-hero-html .method-hero-copy{padding-top:112px}}