/* Variant: cream header + mobile photo-first hero (test). Use with hero-dark.css. */
header.top{background:#FAF3E6;color:#223040;border-bottom:2px solid #C4A36B}
header.top .brand{color:#223040}header.top .brand span{color:#223040;opacity:1}
header.top .nav ul a{color:#223040}header.top .nav ul a:hover,header.top .nav ul a:focus{color:#1A222D;text-decoration:underline;text-decoration-color:#C4A36B;text-underline-offset:4px}
header.top .btn{background:#223040;color:#FAF3E6}header.top .btn:hover,header.top .btn:focus{background:#1A222D;color:#FAF3E6}
@media(max-width:860px){.hero-grid>picture{order:-1}.hero-grid>picture .hero-photo{max-width:220px}}
header.top .brand .logo{height:50px}