/* Campaign art: original MATTLY identity remains in the header and footer.
   Decorative artwork contains no generated logos or embedded copy. */
.detail-hero{background:#040f1e;min-height:620px;padding-top:86px;padding-bottom:70px}
.detail-hero::before{display:none}
.chapter-art{position:absolute;inset:0;z-index:-3;pointer-events:none;display:block}
.chapter-art img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.detail-hero::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#040f1e 0%,rgba(4,15,30,.96) 27%,rgba(4,15,30,.78) 45%,rgba(4,15,30,.10) 69%,rgba(4,15,30,.04)),linear-gradient(0deg,#040f1e 0%,transparent 24%)}
.detail-hero>h1{font-size:clamp(2.7rem,4.65vw,4.65rem);line-height:1.04;max-width:58%;margin-bottom:24px;letter-spacing:-.035em}
.detail-hero>.lead{max-width:55%;font-size:1.09rem;color:#d6e2ee}
.detail-hero>.eyebrow{max-width:58%;color:#4bd3ff}
.detail-hero>.hero-signature{width:57%;margin-top:30px;backdrop-filter:none;background:rgba(4,15,30,.58)}
.detail-hero .breadcrumb{color:#b7c8da}
.hero-signature span{font-size:.72rem;padding:14px 14px}
.page-about .chapter-art{left:57%;right:3%;top:26px;bottom:0}
.page-about .chapter-art img{object-position:center 27%;object-fit:cover}
.page-about .detail-hero::after{background:linear-gradient(90deg,#040f1e 0%,#040f1e 52%,rgba(4,15,30,.12) 65%,rgba(4,15,30,.03)),linear-gradient(0deg,#040f1e,transparent 30%)}
.page-about .detail-hero>h1{max-width:53%;font-size:clamp(2.7rem,4.3vw,4.3rem)}
.page-about .detail-hero>.lead,.page-about .detail-hero>.hero-signature{max-width:51%}
.page-service .service-break-visual{background-size:cover;background-position:75% center}
.page-bookkeeping .service-break-visual{background-image:url("assets/chapter-ledger-800.webp")}
.page-balances .service-break-visual{background-image:url("assets/chapter-balances-800.webp")}
.page-reporting .service-break-visual{background-image:url("assets/chapter-reporting-800.webp")}
.page-catchup .service-break-visual{background-image:url("assets/chapter-recovery-800.webp")}
.page-service .service-break-visual::before{border:0;box-shadow:none}
.page-service .service-break-visual::after{background:linear-gradient(90deg,rgba(7,24,45,.25),transparent 35%)}
.positioning-material::before{background-image:linear-gradient(90deg,rgba(6,20,38,.96),rgba(6,20,38,.80)),url("assets/chapter-ledger-1600.webp")}
.premium-reporting-zone::before{background-image:linear-gradient(90deg,rgba(245,247,250,.99),rgba(245,247,250,.95) 40%,rgba(245,247,250,.78)),url("assets/chapter-reporting-800.webp")}
.notfound::before{background-image:url("assets/chapter-process-1600.webp");opacity:.85}
.legal{border-top:3px solid #00b4ff}
.positioning-material{overflow:hidden}
.detail-shell>*{min-width:0}
@media(min-width:1600px){.detail-hero>h1{max-width:720px}.detail-hero>.lead{max-width:660px}.detail-hero>.hero-signature{width:700px}}
@media(min-width:701px) and (max-width:1050px){
 .detail-hero{padding-top:68px;min-height:560px}
 .detail-hero>h1{max-width:65%;font-size:clamp(2.65rem,5.3vw,3.65rem)}
 .detail-hero>.lead,.detail-hero>.hero-signature{max-width:65%;width:65%}
 .detail-hero>.eyebrow{max-width:65%}
 .detail-hero::after{background:linear-gradient(90deg,#040f1e,rgba(4,15,30,.88) 42%,rgba(4,15,30,.23) 78%),linear-gradient(0deg,#040f1e,transparent 38%)}
 .page-about .chapter-art{left:57%;right:0}
 .page-about .detail-hero>h1{max-width:54%;font-size:clamp(2.5rem,5vw,3.5rem)}
 .page-about .detail-hero>.lead,.page-about .detail-hero>.hero-signature{max-width:53%;width:53%}
 .hero-signature span{padding:12px 9px;font-size:.68rem}
}
@media(max-width:700px){
 .detail-hero{--chapter-height:clamp(240px,75vw,300px);padding:calc(var(--chapter-height) - 10px) 22px 44px;min-height:0;display:block}
 .detail-hero .chapter-art{inset:0 0 auto;height:var(--chapter-height);opacity:1}
 .chapter-art img{object-position:right center}
 .detail-hero::after,.page-about .detail-hero::after{inset:0 0 auto;height:calc(var(--chapter-height) + 5px);background:linear-gradient(0deg,#040f1e 0%,rgba(4,15,30,.25) 23%,transparent 53%)}
 .detail-hero>h1,.page-about .detail-hero>h1{font-size:clamp(2.2rem,9vw,3.25rem);max-width:100%;line-height:1.06;margin-bottom:22px;overflow-wrap:normal}
 .detail-hero>.lead,.page-about .detail-hero>.lead{width:100%;max-width:100%;font-size:1rem;line-height:1.65}
 .detail-hero>.eyebrow{max-width:100%;font-size:.66rem;letter-spacing:.13em}
 .detail-hero>.hero-signature,.page-about .detail-hero>.hero-signature{width:100%;max-width:100%;margin-top:26px;background:transparent;grid-template-columns:1fr}
 .hero-signature span{min-height:40px;padding:10px 0;font-size:.73rem}
 .hero-signature span+span{border-left:0;border-top:1px solid rgba(255,255,255,.10)}
 .detail-hero .breadcrumb{font-size:.75rem;flex-wrap:wrap;margin-bottom:22px;gap:7px}
 .page-about .chapter-art img{object-position:center 31%}
 .page-service .service-break-visual{min-height:270px;background-position:77% center}
 .positioning-material::before{background-image:linear-gradient(90deg,rgba(6,20,38,.96),rgba(6,20,38,.82)),url("assets/chapter-ledger-800.webp")}
 .notfound::before{background-image:url("assets/chapter-process-800.webp")}
}
