/* =============================================
   HOSCONO Insights — Shared Stylesheet
   ============================================= */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;1,400&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css');

/* --- Reset & Tokens --- */ 
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --g:'EB Garamond',Georgia,serif;
  --s:'DM Sans',Arial,sans-serif;
  --green:#18412B;
  --deep:#00291B;
  --ivory:#F3EEE4;
  --ivory2:#EDE8DC;
  --px:#E8437A;
}
body{font-family:var(--s);background:var(--ivory);color:var(--green)}
img{display:block;max-width:100%}

/* --- Nav --- */
.nav{background:var(--deep);padding:20px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:0.5px solid rgba(243,238,228,0.1);position:sticky;top:0;z-index:100}
.logo-wrap{display:flex;flex-direction:column;line-height:1;text-decoration:none}
.logo-main{font-family:var(--s);font-size:22px;letter-spacing:6px;font-weight:600;color:var(--ivory)}
.logo-sub{font-family:var(--g);font-size:14px;font-style:italic;color:var(--ivory);opacity:0.45;letter-spacing:1px;margin-top:3px}
.nav-links{display:flex;gap:4px;align-items:center}
.nav-link{color:var(--ivory);font-size:14px;text-decoration:none;opacity:0.75;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:3px;transition:opacity 0.2s,background 0.2s}
.nav-link:hover{opacity:1;background:rgba(243,238,228,0.08)}
.nav-link i{font-size:15px}
.nav-cta{background:var(--px)!important;color:#fff!important;opacity:1!important;padding:8px 18px;border-radius:3px;font-size:12px;font-weight:600;letter-spacing:0.5px;display:inline-flex;align-items:center;gap:7px;margin-left:8px;text-decoration:none}

/* --- Shared section utilities --- */
.section{padding:72px 32px}
.sec-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:2px;color:var(--px);margin-bottom:20px}
h2{font-family:var(--g);font-size:34px;font-weight:400;line-height:1.3;margin-bottom:10px}
h2 em{font-style:italic;color:var(--px)}
.sub{font-size:14px;opacity:0.55;max-width:440px;line-height:1.8;margin-bottom:44px;font-weight:300}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--px);color:#fff;font-family:var(--s);font-size:14px;font-weight:600;letter-spacing:0.5px;padding:15px 32px;border:none;border-radius:3px;cursor:pointer;text-decoration:none}
.btn i{font-size:16px}
.sec-label i{font-size:16px}
.eyebrow i{font-size:16px}

/* --- Footer --- */
.footer{background:var(--deep);padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-top:0.5px solid rgba(243,238,228,0.06)}
.footer-left{display:flex;flex-direction:column;gap:2px}
.footer-logo{font-family:var(--s);font-size:13px;letter-spacing:4px;font-weight:600;color:var(--ivory);opacity:0.5}
.footer-sub{font-family:var(--g);font-size:10px;font-style:italic;color:var(--ivory);opacity:0.25}
.footer-links{display:flex;gap:24px}
.footer-link{font-size:11px;color:var(--ivory);opacity:0.3;text-decoration:none;display:flex;align-items:center;gap:5px}
.footer-link:hover{opacity:0.6}

/* --- Mobile --- */
@media(max-width:768px){
  .nav{padding:14px 20px}
  .nav-links .nav-link span{display:none}
  .section{padding:56px 20px}
  .footer{flex-direction:column;gap:16px;text-align:center}
}