/*
Theme Name: NAR Ventures
Theme URI: https://www.nar-ventures.com
Author: NAR Ventures
Description: Single-page marketing site for NAR Ventures LLC — approach, companies, developments, industries, team and a contact form that can post to a Monday.com webhook.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: Proprietary
Text Domain: nar-ventures
*/

html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #F5F2EC;
  color: #1A1815;
  font-family: 'DM Sans', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
img { max-width: 100%; }
a { color: #2F5348; text-decoration: none; }
a:hover { color: #1A1815; }
input, select, textarea, button { font-family: inherit; }
::placeholder { color: #A29C90; }

/* hover states (inline styles cover everything else) */
.nar-cta:hover { background: #1A1815 !important; color: #F5F2EC !important; }
.nar-ghost:hover { border-color: #1A1815 !important; }
.nar-tile:hover { background: #EFEBE3 !important; }
.nar-row:hover { background: #EFEBE3; }
.nar-submit:hover { background: #fff !important; }
.nar-field:focus { border-bottom-color: #F0EDE6 !important; }
.nar-mail:hover { color: #fff !important; }

/* mobile logo-grid overflow fix: allow grid/flex items to shrink below image intrinsic width */
.nar-hero > div { min-width: 0; }
.nar-tile, .nar-tile img { min-width: 0; }
.nar-hero .nar-tile { min-height: 0; overflow: hidden; }

/* responsive */
@media (max-width: 1080px) {
  .nar-hero { grid-template-columns: 1fr !important; }
  .nar-pillars { grid-template-columns: repeat(2, 1fr) !important; }
  .nar-companies { grid-template-columns: repeat(2, 1fr) !important; }
  .nar-team { grid-template-columns: repeat(3, 1fr) !important; }
  .nar-split { grid-template-columns: 1fr !important; gap: 24px !important; }
  .nar-stats { grid-template-columns: repeat(2, 1fr) !important; }
  .nar-stats > div { padding: 32px 24px !important; border-left: 0 !important; border-top: 1px solid #E0DAD0; }
  .nar-project { grid-template-columns: 200px 1fr !important; }
  .nar-project > div:last-child { grid-column: 1 / -1; }
  .nar-contact { grid-template-columns: 1fr !important; gap: 48px !important; }
}
@media (max-width: 720px) {
  .nar-nav { display: none !important; }
  .nar-h1 { font-size: 46px !important; }
  .nar-h2 { font-size: 32px !important; }
  .nar-companies, .nar-pillars, .nar-team { grid-template-columns: 1fr !important; }
  .nar-project { grid-template-columns: 1fr !important; }
  .nar-industries { grid-template-columns: 1fr !important; }
  .nar-form { grid-template-columns: 1fr !important; }
  .nar-pad { padding-left: 22px !important; padding-right: 22px !important; }
  .nar-team .nar-photo { max-width: 75% !important; margin-left: auto !important; margin-right: auto !important; }
  .nar-footer-row { flex-direction: column; gap: 8px !important; }
}