/* AURA 8.6.8 — DEVELOPERS PAGE ONLY.
   Important: selectors are keyed from the PHP body class page-developers, not from the file-template wrapper.
   This means the presentation still applies if WordPress is rendering a database-saved FSE template.
   Existing content, images and Gutenberg blocks remain untouched. */
body.page-developers{--aura-dev-navy:#071725;--aura-dev-blue:#153a55;--aura-dev-gold:#c8a86b;--aura-dev-paper:#f1eee7;--aura-dev-line:rgba(21,53,76,.18);background:#fff!important;color:#15354c!important}
body.page-developers #aura-main{margin:0!important;padding:0!important;max-width:none!important;background:#fff!important;color:#15354c!important}

/* Editable page content at the top — works with either the theme template or a saved FSE template. */
body.page-developers #aura-main>.wp-block-post-content{margin:0!important;padding:0!important;max-width:none!important}
body.page-developers #aura-main>.wp-block-post-content>.wp-block-cover:first-child{position:relative!important;min-height:720px!important;margin:0!important;display:flex!important;align-items:center!important;overflow:hidden!important}
body.page-developers #aura-main>.wp-block-post-content>.wp-block-cover:first-child:after{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(90deg,rgba(2,12,20,.92) 0%,rgba(3,16,27,.74) 30%,rgba(3,16,27,.36) 52%,rgba(3,16,27,.08) 72%,transparent 88%)!important;pointer-events:none!important}
body.page-developers #aura-main>.wp-block-post-content>.wp-block-cover:first-child>.wp-block-cover__inner-container{position:relative!important;z-index:3!important;width:min(1600px,calc(100% - 80px))!important;max-width:1600px!important;margin:auto!important}
body.page-developers #aura-main>.wp-block-post-content>.wp-block-cover:first-child h1{max-width:1100px!important;margin:0 0 28px!important;color:#fff!important;font-size:clamp(58px,7vw,118px)!important;line-height:.9!important;letter-spacing:-.06em!important;font-weight:500!important}
body.page-developers #aura-main>.wp-block-post-content>.wp-block-cover:first-child p{max-width:820px!important;color:rgba(255,255,255,.92)!important;font-size:clamp(18px,1.5vw,23px)!important;line-height:1.58!important}

/* If page content has no Cover hero, retain the existing first block and give it HMO editorial scale rather than replacing content. */
body.page-developers #aura-main>.wp-block-post-content>h1:first-child,
body.page-developers #aura-main>.wp-block-post-content>.wp-block-heading:first-child{width:min(1600px,calc(100% - 96px))!important;margin:0 auto!important;padding:110px 0 45px!important;color:var(--aura-dev-blue)!important;font-size:clamp(58px,7vw,112px)!important;line-height:.9!important;letter-spacing:-.06em!important;font-weight:500!important}

/* Developer practice pattern — approved HMO cream editorial treatment. */
body.page-developers #aura-main .aura-developer-positioning{width:100%!important;max-width:none!important;margin:0!important;padding:clamp(90px,8vw,130px) max(48px,calc((100vw - 1600px)/2))!important;background:var(--aura-dev-paper)!important;color:#15354c!important;box-sizing:border-box!important}
body.page-developers #aura-main .aura-developer-positioning .aura-section-head{gap:clamp(50px,7vw,120px)!important;margin:0 0 78px!important;align-items:flex-start!important}
body.page-developers #aura-main .aura-developer-positioning .aura-section-head>.wp-block-column:first-child{flex-basis:24%!important}
body.page-developers #aura-main .aura-developer-positioning .aura-section-head>.wp-block-column:last-child{flex-basis:76%!important}
body.page-developers #aura-main .aura-developer-positioning h2{max-width:1080px!important;margin:0 0 34px!important;color:var(--aura-dev-blue)!important;font-size:clamp(54px,5.3vw,90px)!important;line-height:.92!important;letter-spacing:-.06em!important;font-weight:500!important}
body.page-developers #aura-main .aura-developer-positioning .aura-lead{max-width:850px!important;margin:0 0 24px!important;font-size:20px!important;line-height:1.65!important}
body.page-developers #aura-main .aura-developer-positioning .aura-section-head .wp-block-column:last-child>p:last-child{max-width:850px!important;line-height:1.7!important}
body.page-developers #aura-main .aura-eyebrow{color:var(--aura-dev-gold)!important;font-size:11px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.19em!important;text-transform:uppercase!important}
body.page-developers #aura-main .aura-developer-positioning .aura-developer-principles{gap:0!important;margin:0!important;border-top:1px solid var(--aura-dev-line)!important;border-bottom:1px solid var(--aura-dev-line)!important}
body.page-developers #aura-main .aura-developer-positioning .aura-developer-principles>.wp-block-column{min-height:300px!important;margin:0!important;padding:38px 42px 44px 0!important}
body.page-developers #aura-main .aura-developer-positioning .aura-developer-principles>.wp-block-column+.wp-block-column{padding-left:42px!important;border-left:1px solid rgba(21,53,76,.16)!important}
body.page-developers #aura-main .aura-developer-positioning .aura-developer-principles h3{margin:20px 0 22px!important;color:var(--aura-dev-blue)!important;font-size:clamp(29px,2.5vw,42px)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:500!important}
body.page-developers #aura-main .aura-developer-positioning .aura-developer-principles p:not(.aura-eyebrow){line-height:1.65!important}

/* Existing photography, evidence and enquiry patterns keep all content and images. */
body.page-developers #aura-main .aura-dark-service{width:100%!important;max-width:none!important;margin:0!important;background:var(--aura-dev-navy)!important;color:#fff!important;padding:clamp(90px,8vw,125px) max(48px,calc((100vw - 1600px)/2))!important;box-sizing:border-box!important}
body.page-developers #aura-main .aura-dark-service h2{color:#fff!important;font-size:clamp(54px,5.3vw,90px)!important;line-height:.92!important;letter-spacing:-.055em!important}
body.page-developers #aura-main .aura-visual-story{width:100%!important;max-width:none!important;margin:0!important;background:var(--aura-dev-paper)!important;padding:clamp(90px,8vw,125px) max(48px,calc((100vw - 1600px)/2))!important;box-sizing:border-box!important}
body.page-developers #aura-main .wp-block-image img{display:block!important}
body.page-developers #aura-main .wp-block-button__link{border-radius:0!important}

@media(max-width:900px){
 body.page-developers #aura-main>.wp-block-post-content>.wp-block-cover:first-child{min-height:620px!important}
 body.page-developers #aura-main>.wp-block-post-content>.wp-block-cover:first-child>.wp-block-cover__inner-container{width:calc(100% - 40px)!important}
 body.page-developers #aura-main>.wp-block-post-content>h1:first-child,
 body.page-developers #aura-main>.wp-block-post-content>.wp-block-heading:first-child{width:calc(100% - 40px)!important;padding-top:80px!important}
 body.page-developers #aura-main .aura-developer-positioning{padding:76px 20px!important}
 body.page-developers #aura-main .aura-developer-positioning .aura-section-head,
 body.page-developers #aura-main .aura-developer-positioning .aura-developer-principles{display:block!important}
 body.page-developers #aura-main .aura-developer-positioning .aura-section-head>.wp-block-column:first-child{margin-bottom:30px!important}
 body.page-developers #aura-main .aura-developer-positioning .aura-developer-principles>.wp-block-column{min-height:0!important;padding:32px 0!important;border-left:0!important;border-bottom:1px solid var(--aura-dev-line)!important}
 body.page-developers #aura-main .aura-dark-service,
 body.page-developers #aura-main .aura-visual-story{padding-left:20px!important;padding-right:20px!important}
}