@font-face {
    font-family: 'Helvetica World';
    src: url('../fonts/HelveticaWorld-Bold.eot');
    src: local('Helvetica World Bold'), local('HelveticaWorld-Bold'),
        url('../fonts/HelveticaWorld-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaWorld-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaWorld-Bold.woff') format('woff'),
        url('../fonts/HelveticaWorld-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica World';
    src: url('../fonts/HelveticaWorld-BoldItalic.eot');
    src: local('Helvetica World Bold Italic'), local('HelveticaWorld-BoldItalic'),
        url('../fonts/HelveticaWorld-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaWorld-BoldItalic.woff2') format('woff2'),
        url('../fonts/HelveticaWorld-BoldItalic.woff') format('woff'),
        url('../fonts/HelveticaWorld-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica World';
    src: url('../fonts/HelveticaWorld-Italic.eot');
    src: local('Helvetica World Italic'), local('HelveticaWorld-Italic'),
        url('../fonts/HelveticaWorld-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaWorld-Italic.woff2') format('woff2'),
        url('../fonts/HelveticaWorld-Italic.woff') format('woff'),
        url('../fonts/HelveticaWorld-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica World';
    src: url('../fonts/HelveticaWorld-Regular.eot');
    src: local('Helvetica World'), local('HelveticaWorld-Regular'),
        url('../fonts/HelveticaWorld-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaWorld-Regular.woff2') format('woff2'),
        url('../fonts/HelveticaWorld-Regular.woff') format('woff'),
        url('../fonts/HelveticaWorld-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Base */
:root{
  --bg: #f4eee6;
  --ink: #181411;
  --accent: #c98a4a; /* warm brush */
  --accent-dark: #a8642a;
  --card-bg: #0b2438; /* deep navy */
  --card-grad: linear-gradient(180deg,#0c2f49 0%, #081c2d 100%);
  --muted: #6b6b6b;
  --radius-xl: 1.25rem;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
/*  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";*/
  font-family: Helvetica World;
  color: var(--ink);
  background: var(--bg);
}


.page-title h1{font-size: 60px; font-weight: 700; margin-bottom: 15px;}

.container{max-width: 1268px;}

.navbar .navbar-brand { height: 204px; }
#navbarNav{justify-content: end;}
.nav-item{font-weight: 700;}
.nav-item .nav-link{color: #000000; font-size: 22px;}

.hero{padding-bottom: 30px;}
.hero h1{margin-bottom: 85px; color: #000000;}
.hero-img{flex: 0 0 auto; width: 42%;}
.hero-content{flex: 0 0 auto; width: 50%;}
.lead{font-size: 26px; font-weight: 700; color: #000000; margin-bottom: 25px;}

#about h2{margin-bottom: 150px;}
.about-content{font-size: 24px; font-weight: 800;}

.brand-text{letter-spacing:1px}

/* Typography weights */
.fw-extrabold{font-weight:800}


.display-4 {
  font-size: 80px;
  color: #000000;
  font-weight:800;
  letter-spacing: -0.035em;
  position: relative;
  /*background-image: url("../images/Homepage Element 2.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;*/
}
.display-4 img { position: absolute; top: 22px; left: -22px; }
.about-section{
  font-size: 58px;
  color: #000000;
  letter-spacing: -0.035em;
  /*background-image: url("../images/Second Page Element 3.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;*/
}
.about-section img { position: absolute; z-index: -1; left: -38px; top: -34px; }
.about-content{color: #000000;}
.expert-text{
  color: #000000;
  /*background-image: url("../images/Fourth Page Element 8.png");
  background-position: center;
  background-repeat: no-repeat;*/
}
.scribble{color: #000000; position: relative; }
.scribble img { position: absolute; z-index: -1; left: -28px; }

.card-second-text{color: #000000;}
.btn-accent{
  background: #873d31;
  border-color: #873d31;
  color: #ffffff;
  padding: 14px 46px;
  border-radius: 40px;
  font-weight: 800;
  font-size: 20px;
  text-decoration: underline;
}



.btn-accent:hover{ background: #873d31; border-color: #873d31; color: #ffffff;}

/*.hero-illustration{max-width: 420px;}*/
.hero-container{display: flex; gap: 80px;}

.contact-section{font-size: 78px; font-weight: 800; color: #000000; letter-spacing: -3px; }
.contact-content{font-size: 28px; font-weight: 800; color: #000000; position: relative; z-index: 9; }

/* Section title */
.section-title{
  font-weight:800;
  line-height:1.1;
  font-size: 44px;
}


/*.about-art{max-width: 520px}*/
#services{padding: 48px 0px;}
.services-section-container{display: grid; grid-template-columns: 1fr 1fr; gap: 40px 80px; width: 80%; margin: 0 auto;}
.services-section{font-size: 74px; letter-spacing: -0.035em}
#services .service-art img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.services-content {
 height: 100%;
}

.service-card {
  height: 100%;
  border: 2px solid #000000;
  border-radius: 1.25rem;
  padding: 20px;
}

.card-text{color: #873d31;}
.service-card span{font-weight: 800; font-size: 24px;}

.service-art {
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 1rem;
}

.contact-container{
  display: flex; gap: 70px;
}
/* Contact card */
.contact-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
  border-radius: var(--radius-xl);
  margin-bottom: 30px;
}

.contact-img{flex: 0 0 auto; width: 40%;}
.contact-heading{flex: 0 0 auto; width: 50%;}
.contact-pill{
  display: inline-flex;
  align-items:center;
  width:100%;
  padding:1.2rem 1.5rem;
  border:2px solid #111;
  border-radius: 1.2rem;
  text-decoration:none;
  color:#000;
  font-size: 28px;
  font-weight: 700;
  text-decoration: underline;
}
.bi::before{font-size: 40px;}
.contact-icon{margin-right: 20px;}
.location-text{text-decoration: none;}

/* Utilities & tweaks */
.nav-link{font-weight:600;}

footer{border-top:1px solid rgba(0,0,0,.05);}
.copyright-text{color: #000000;}

/*Veracity AI*/

.veracity-title h2{font-size: 58px; font-weight: 700; margin-bottom: 50px;}


.footer-menu{padding: 0px 12px;}
.footer-menu li {display: inline;}
.footer-menu li a {text-decoration: none; color: inherit; margin: 0 5px;}
.footer-menu li::after {content: " |"; margin: 0 5px;}
.footer-menu li:last-child::after {content: "";}

/*Blog*/
.blog-section-container{display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px 25px;margin: 0 auto;}
.blog-content {height: 100%;}
.blog-card {height: 100%;border: 2px solid #000000;border-radius: 1.25rem;padding: 20px;}
.blog-art {border-radius: 1rem;overflow: hidden;}
#blog .blog-art img {width: 100%;height: auto;object-fit: cover;object-position: center;}
.blog-title a {
    text-decoration: none;
    font-weight: 700;
    color: #000000;
    font-size: 20px;
    margin-top: 15px;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-date {display: flex;align-items: center;gap: 6px;color: #8b3a2e;font-size: 14px;margin-bottom: 10px;}

/* single post page */
.single-post-thumbnail img {max-width: 100%;height: auto;margin-bottom: 20px;}
.single-post-title {font-size: 2.5em;font-weight: bold;margin-top: 10px;margin-bottom: 15px;}
.post-meta {color: #888;font-size: 0.9em;margin-bottom: 15px;}
.sidebar ul li a {text-decoration: none;color: #333;}

/* recent blogs */
.recent-posts-list {list-style: none;padding: 0;}
.recent-post-item {margin-bottom: 15px;padding-bottom: 10px;/*border-bottom: 1px dotted #ddd;*/}
.recent-post-link {display: flex;align-items: flex-start;text-decoration: none;color: #333;}
.recent-post-thumb {width: 60px;height: 60px;object-fit: cover;margin-right: 10px;border-radius: 4px;flex-shrink: 0;}
.card-second-text {font-weight: 800;
  font-size: 14px;}

/* single post sticky sidebar */
.col-md-4 .sidebar {position: sticky;top: 80px;width: 100%;z-index: 10;padding: 20px;background-color: #fff;border: 1px solid rgba(0,0,0,.08);box-shadow: 0 10px 24px rgba(0,0,0,.05);}


/* Responsive fixes */
@media (max-width: 989px){
  .hero-illustration{max-width: 320px;}
  .service-art img{max-width: 100%;}
}
@media (max-width: 575px){
  .display-4{font-size:3rem;}
}
@media (max-width: 768px){
  .about-art{max-width: 100%;}
  .btn-accent{width: 100%;}
  #services .service-art img{height: 150px;}
  .hero{padding-bottom: 0px;}
  .hero-container{display: block;}
  .hero-img{width: 100%;}
  .hero-content{width: 100%;}
  .contact-container{display: block;}
  .contact-heading{width: 100%;}
  .contact-img{width: 100%; margin-top: 20px;}
  .services-section-container{display: block; width: 100%;}
  .services-content{margin-bottom: 10px;}
  #about h2{margin-bottom: 30px;}
  .about-section{font-size: 44px;}
  .about-content{font-size: 22px;}
  .hero h1{margin-bottom: 30px;}
  .section-title{text-align: left;}
  .contact-section{font-size: 50px;}
  .services-section{text-align: center; font-size: 40px;}
  #services{padding: 0px;}
  .contact-pill{font-size: 18px;}
  .bi::before{font-size: 30px;}
  .hero-content img{width: 375px; top: 14px;}
  .about-section img{width: 370px; left: -10px;}
  .contact-content span img{width: 185px;}
  .page-title h1{text-align: center;}
  .veracity-title h2{text-align: center; font-size: 44px; margin-bottom: 30px;}
  #blog {margin-bottom: 30px;}
  .blog-section-container {display: block;width: 100%;}
  .blog-content {margin-bottom: 10px;}
}


@media (max-width: 350px){
 .contact-pill{padding:1rem; font-size:16px;}
 .contact-pill .contact-icon{margin-right:5px;}   
}