/* Designer 2026-09-30: native WordPress search and article titles. */
.magnetto-blog-hero{position:relative;overflow:hidden;padding:100px 0}
.magnetto-blog-backdrop{position:absolute;inset:0;pointer-events:none}
.magnetto-blog-backdrop>div{height:100%;width:100%;opacity:.9}
.magnetto-blog-hero-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;max-width:1360px}
.magnetto-blog-hero .magnetto-blog-hero-eyebrow{font:500 13px/26px var(--font-body),sans-serif;text-transform:uppercase;letter-spacing:.18em;color:#9ba8c4}
.magnetto-blog-hero h1{max-width:900px;font-size:54px;line-height:64px;margin:0}
.magnetto-blog-hero p{max-width:760px;font-size:18px;line-height:30px;margin:0}
.magnetto-hero-search{display:flex;align-items:center;gap:8px;width:100%;max-width:760px;margin:8px 0 0;padding:8px;background:#fff;border-radius:14px;box-shadow:0 20px 60px -30px rgba(0,0,0,.6)}
.magnetto-hero-search>svg{flex:none;margin-left:12px;color:#9ba8c4}
.magnetto-hero-search input[type=search]{flex:1;min-width:0;width:0;border:0;background:transparent;padding:0 4px;color:#0d1030;font:400 16px/22px var(--font-body),sans-serif;box-shadow:none;border-radius:0}
.magnetto-hero-search input::placeholder{color:#9ba8c4;opacity:1}
.magnetto-hero-search button{--fill:#02095a;flex:none;border:0;border-radius:10px;background:#0071e4;color:white;padding:10px 20px;font:500 16px/22px var(--font-body),sans-serif;cursor:pointer}
.magnetto-hero-search button>span{position:relative;z-index:1}
.magnetto-hero-search:focus-within{outline:2px solid #4a96ff;outline-offset:3px}
.magnetto-popular-tags{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;font:400 14px/22px var(--font-body),sans-serif}
.magnetto-popular-tags>span{color:#9ba8c4}
.magnetto-popular-tags a{color:rgba(255,255,255,.8);text-decoration:underline;text-underline-offset:4px}
.magnetto-popular-tags a:hover{color:#0071e4}
.magnetto-popular-tags a:focus-visible{outline:2px solid #4a96ff;outline-offset:3px}
.magnetto-latest-section{scroll-margin-top:96px}
.magnetto-story-hero{padding:100px 0}
.magnetto-story-hero-grid{grid-template-columns:302px minmax(0,628px) 302px;gap:24px}
.magnetto-story-hero-main{grid-column:2 / span 2}
.magnetto-story-hero h1{max-width:954px;font-size:54px;line-height:64px}
@media(min-width:1024px) and (max-width:1359px){.magnetto-story-hero-grid{grid-template-columns:minmax(190px,1fr) minmax(0,628px) minmax(0,1fr)}}
@media(max-width:1023px){
  .magnetto-blog-hero,.magnetto-story-hero{padding:60px 0 14px}
  .magnetto-blog-hero h1{font-size:46px;line-height:1.15}
  .magnetto-story-hero-grid{display:block}
  .magnetto-story-hero h1{font-size:40px;line-height:48px}
}
@media(max-width:639px){
  .magnetto-blog-hero h1{font-size:30px;line-height:36px}
  .magnetto-blog-hero p{font-size:14px;line-height:22px}
  .magnetto-hero-search input[type=search],.magnetto-hero-search button{font-size:14px;line-height:22px}
  .magnetto-story-hero h1{font-size:30px;line-height:38px}
}