/* Newswire Pro — landing + section styling. Scoped to .np-landing so it never fights the block theme (Twenty Twenty-Five) on other pages. Global tokens (colour, fonts, layout) come from theme.json. */ ::selection{background:#0066FF;color:#fff;} @keyframes dwpulse{0%{box-shadow:0 0 0 0 rgba(0,170,68,.55);}70%{box-shadow:0 0 0 7px rgba(0,170,68,0);}100%{box-shadow:0 0 0 0 rgba(0,170,68,0);}} @keyframes dwmarquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}} /* Landing scope: the design markup relies on border-box + zeroed inherited spacing. */ .np-landing,.np-landing *{box-sizing:border-box;} .np-landing{font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1A1A1A;line-height:1.5;-webkit-font-smoothing:antialiased;} .np-landing a{text-decoration:none;color:inherit;} .np-landing img{max-width:100%;height:auto;} .np-landing h1,.np-landing h2,.np-landing h3,.np-landing h4,.np-landing p,.np-landing figure{margin:0;} /* Full-bleed: never let the block layout cap the landing's sections. */ .np-landing,.np-landing .wp-block-post-content,.np-landing .entry-content{max-width:none!important;margin:0;padding:0;} .np-landing > .wp-block-post-content > section,.np-landing section{width:100%;} /* Stop wide inline-styled mockups/rows from forcing horizontal page scroll on phones (which pushed centred hero content off-screen). Clips the overflow without creating a scroll container that would break the sticky header. */ .np-landing{overflow-x:clip;} /* ── Header / footer template parts ──────────────────────────────────────── */ /* display:contents drops the block wrapper so the sticky header sticks against the page, not its own short wrapper. */ .wp-block-template-part{display:contents;} .np-header,.np-header *,.np-footer,.np-footer *{box-sizing:border-box;} .np-header a,.np-footer a{text-decoration:none;} /* Header bar */ .np-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.86);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #E5E5E5;transition:box-shadow .3s ease;} .np-header.np-scrolled{box-shadow:0 1px 0 rgba(0,0,0,.04),0 10px 30px -12px rgba(16,32,64,.18);} /* backdrop-filter makes .np-header the containing block for fixed descendants, which would trap the nav block's full-screen mobile overlay inside the 68px bar — drop it while the menu modal is open. */ .np-header:has(.wp-block-navigation__responsive-container.is-menu-open){backdrop-filter:none;-webkit-backdrop-filter:none;} .np-header-inner{max-width:1240px;margin:0 auto;padding:15px 40px;gap:24px;} .np-brand{gap:10px;} .np-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--wp--preset--color--primary,#0066FF);flex-shrink:0;} .np-mark--sm{width:32px;height:32px;border-radius:8px;} .np-brand .wp-block-site-title,.np-foot-brand .wp-block-site-title{margin:0;} .np-brand .wp-block-site-title a{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:20px;letter-spacing:-.5px;color:var(--wp--preset--color--ink,#0B0B0B);text-decoration:none;} /* Primary nav (wp:navigation block). Anchor rules cover both the inline bar and the mobile overlay, since the overlay container lives inside the same