/* Decorative opacity is carried by the color, not by reveal animation. */
.page-hero { background:var(--paper-alt); }
.page-hero__overlay { background:linear-gradient(110deg,rgba(9,44,63,.68),rgba(9,44,63,.36));opacity:1; }
.page-hero__bg,.page-hero__overlay { transform:none!important;transition:none!important; }
.page-hero__content { position:relative;z-index:1; }
@media(max-width:640px){.page-hero{min-height:380px}.page-hero__content{padding:64px 22px}.page-hero h1{font-size:34px}}

/* The method page keeps its original, uncropped photo beside a light text area. */
.page-hero--method-light{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:52px;min-height:560px;padding:58px max(28px,calc((100vw - 1120px)/2));background:linear-gradient(120deg,#f2f9fd,#faf7f3)}
.page-hero--method-light .page-hero__bg{position:static;order:2;z-index:auto;inset:auto;width:100%;height:440px;background-color:transparent!important;background-size:contain!important}
.page-hero--method-light .page-hero__overlay{display:none;background:transparent;opacity:0}
.page-hero--method-light .page-hero__content{order:1;margin:0;padding:0;text-align:left;max-width:none}
.page-hero--method-light h1{font-size:46px;color:var(--ink);letter-spacing:-.025em}
.page-hero--method-light p{font-size:18px;color:var(--ink-soft);margin:20px 0 28px;line-height:1.65}
.page-hero--method-light .btn{background:var(--brand);color:#fff;border-color:var(--brand);padding-left:25px;padding-right:25px}
.page-hero--method-light .btn-note{color:var(--ink-soft);font-size:13px;line-height:1.6;max-width:400px}
@media(max-width:900px){.page-hero--method-light{grid-template-columns:1fr;gap:26px;padding:48px 28px}.page-hero--method-light .page-hero__content{max-width:650px;margin:auto}.page-hero--method-light .page-hero__bg{height:340px}.page-hero--method-light h1{font-size:36px}}
@media(max-width:520px){.page-hero--method-light{padding:38px 22px;gap:20px}.page-hero--method-light h1{font-size:34px}.page-hero--method-light p{font-size:17px}.page-hero--method-light .page-hero__bg{height:300px}}