/* =====================================================================
UnitedPress.uk - bright hero refresh (homepage)
Header strap + bright hero + hero CTA styling.
===================================================================== */
/* --- 1. Header (tight + luxury strap) --- */
html body header#masthead{padding:0!important}
html body header#masthead .elementor-section,
html body header#masthead .elementor-container,
html body header#masthead .elementor-widget-wrap{padding-top:10px!important;padding-bottom:0!important}
html body header#masthead .e-con-box,
html body header#masthead .elementor-element.e-flex{padding-top:14px!important;padding-bottom:6px!important}
html body header#masthead .e-con-inner{padding-top:0!important;padding-bottom:0!important}
html body header#masthead .elementor-element{margin-bottom:0!important}
html body header#masthead img{max-height:64px!important;width:auto!important}
/* --- 2. Bright hero --- */
html body.home.page main#content section.up-hero.up-hero{
background:radial-gradient(115% 95% at 80% 6%,#fffefb 0%,#fbf5ea 46%,#f2e8d6 100%)!important;
padding:58px 56px 66px!important;
gap:56px!important;
align-items:center!important;
border-bottom:1px solid rgba(16,21,40,.08)!important;
}
html body.home.page main#content section.up-hero.up-hero .up-hero-text{order:1!important;flex:1 1 0!important;max-width:580px!important}
html body.home.page main#content section.up-hero.up-hero .up-hero-covers{order:2!important;flex:1.22 1 0!important;max-width:720px!important}
html body.home.page main#content section.up-hero.up-hero .up-hero-covers img{border-radius:14px!important;box-shadow:0 28px 60px -24px rgba(16,21,40,.45)!important}
html body.home.page main#content section.up-hero.up-hero h2{
font-size:clamp(2.25rem,3.4vw,3.4rem)!important;
line-height:1.06!important;letter-spacing:-.022em!important;
margin:0 0 20px!important;color:#0e1424!important;
}
html body.home.page main#content section.up-hero.up-hero h2::before{
margin-left:0!important;margin-right:auto!important;
margin-bottom:26px!important;width:72px!important;background:#b8924a!important;
}
html body.home.page main#content section.up-hero.up-hero h2 em,
html body.home.page main#content section.up-hero.up-hero h2 span,
html body.home.page main#content section.up-hero.up-hero h2 strong,
html body.home.page main#content section.up-hero.up-hero h2 i{color:#85630f!important;font-style:normal!important}
html body.home.page main#content section.up-hero.up-hero .up-lead{color:#39405a!important;font-size:17px!important;line-height:1.65!important;max-width:545px!important;margin:0 0 12px!important}
html body.home.page main#content section.up-hero.up-hero .up-pubs{color:#5f6579!important;font-size:15px!important;margin:0 0 24px!important}
/* --- 3. Trust strip --- */
html body.home.page main#content section.up-hero.up-hero .up-hero-trust-points{margin-top:30px!important;padding-top:26px!important;border-top:1px solid rgba(16,21,40,.13)!important}
html body.home.page main#content section.up-hero.up-hero .up-tp-icon{background:rgba(138,106,21,.10)!important;border:1px solid rgba(138,106,21,.30)!important;color:#85630f!important;box-shadow:none!important}
html body.home.page main#content section.up-hero.up-hero .up-tp-text strong{color:#0e1424!important}
html body.home.page main#content section.up-hero.up-hero .up-tp-text span{color:#5f6579!important}
/* --- 4. Hero CTA --- */
html body.home.page main#content section.up-hero.up-hero .up-hero-cta-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0 0 6px}
html body.home.page main#content section.up-hero.up-hero a.up-hero-cta{
display:inline-flex;align-items:center;gap:10px;
background:#0e1424!important;color:#fff8e7!important;
padding:17px 34px!important;border-radius:8px!important;
font:700 16px/1 system-ui,-apple-system,sans-serif!important;
text-decoration:none!important;border:1px solid #0e1424!important;
box-shadow:0 12px 28px -12px rgba(14,20,36,.55)!important;transition:.18s;
}
html body.home.page main#content section.up-hero.up-hero a.up-hero-cta:hover{background:#6d520c!important;border-color:#6d520c!important;transform:translateY(-1px)}
html body.home.page main#content section.up-hero.up-hero .up-cta-note{font:500 13.5px/1.5 system-ui,sans-serif!important;color:#5f6579!important}
html body.home.page main#content section.up-hero.up-hero .up-cta-note b{color:#6d520c!important;font-weight:700!important}
/* --- 5. Mobile --- */
@media(max-width:900px){
html body.home.page main#content section.up-hero.up-hero{flex-direction:column!important;padding:40px 22px 48px!important;gap:34px!important}
html body.home.page main#content section.up-hero.up-hero .up-hero-text,
html body.home.page main#content section.up-hero.up-hero .up-hero-covers{max-width:100%!important;width:100%!important}
html body.home.page main#content section.up-hero.up-hero h2{font-size:clamp(1.95rem,7vw,2.6rem)!important}
html body.home.page main#content section.up-hero.up-hero a.up-hero-cta{width:100%!important;justify-content:center!important}
}
/* =====================================================================
ROUND 2 — bigger cover, metallic gold, hidden section, real H1
===================================================================== */
/* Give the cover image more room */
html body.home.page main#content section.up-hero.up-hero{padding:34px 44px 66px!important;gap:48px!important}
html body.home.page main#content section.up-hero.up-hero .up-hero-text{flex:1 1 0!important;max-width:520px!important}
html body.home.page main#content section.up-hero.up-hero .up-hero-covers{flex:1.45 1 0!important;max-width:820px!important}
html body.home.page main#content section.up-hero.up-hero .up-lead{max-width:500px!important}
/* Metallic gold on the highlighted headline words.
Solid colour first as fallback, then a gradient clipped to the glyphs.
Every stop stays >=3.3:1 on the cream (AA for display text). */
html body.home.page main#content section.up-hero.up-hero h2 em,
html body.home.page main#content section.up-hero.up-hero h2 span,
html body.home.page main#content section.up-hero.up-hero h2 strong,
html body.home.page main#content section.up-hero.up-hero h2 i{
color:#85630f!important;
background:linear-gradient(180deg,#a8811f 0%,#8a6714 45%,#6f5410 100%)!important;
-webkit-background-clip:text!important;
background-clip:text!important;
-webkit-text-fill-color:transparent!important;
}
/* Hide the "Clean First. Then Publish." reputation section */
html body.home.page main#content section#reputation.up-rep2{display:none!important}
/* --- SEO: the theme's H1 was display:none + visibility:hidden.
This makes it visible again and styles it to match the original
gold serif line, so the page has one real, visible H1 and the
duplicate version in the header bar is retired. */
html body.home.page main#content .page-header{
display:block!important;background:#0a0e1a!important;
padding:2px 20px 20px!important;margin:0!important;text-align:center!important;
}
html body.home.page main#content .page-header h1.entry-title{
visibility:visible!important;display:block!important;
font-family:'Cinzel','Playfair Display',Georgia,serif!important;
font-size:30px!important;line-height:1.3!important;font-weight:600!important;
letter-spacing:.22em!important;text-indent:.22em!important;text-transform:uppercase!important;
font-variant-numeric:lining-nums!important;
color:#d4a957!important;margin:0!important;padding:0!important;max-width:none!important;
}
/* retire the duplicate
strap in the masthead */
html body.home header#masthead .elementor-heading-title{display:none!important}
@media(max-width:600px){
html body.home.page main#content .page-header h1.entry-title{font-size:22px!important}
html body.home.page main#content .page-header{padding-bottom:22px!important}
}