:root{
  --navy: #162f54;
  --gold: #d3ad78;
  --bg-dark: #000916;
  --white: #ffffff;
  --text-muted: rgba(255,255,255,0.8);
  --border-alpha: rgba(255,255,255,0.09);
  --line-alpha: rgba(255,255,255,0.2);
}

*{margin:0;padding:0;box-sizing:border-box;}

body{
  font-family:'Inter', sans-serif;
  background:var(--bg-dark);
  color:var(--white);
}

a{text-decoration:none;color:inherit;}
ul{list-style:none;}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:8px;
  font-weight:500;
  white-space:nowrap;
  transition:opacity .2s ease;
}
.btn:hover{opacity:.85;}

.btn-primary{
  background:var(--white);
  color:var(--navy);
  padding:12px 20px;
  font-size:18px;
  line-height:24px;
  letter-spacing:-0.1px;
}
.btn-primary .arrow{font-size:18px;}

.btn-contact{
  background:#ededed;
  color:var(--navy);
  padding:10px 16px;
  font-size:16px;
  line-height:20px;
  letter-spacing:-0.2px;
  border:1px solid rgba(255,255,255,0.2);
  backdrop-filter:blur(12.5px);
  box-shadow:0 17px 2.5px rgba(0,0,0,0),0 11px 2px rgba(0,0,0,0.01),0 6px 2px rgba(0,0,0,0.03),0 3px 1.5px rgba(0,0,0,0.04),0 1px 1px rgba(0,0,0,0.05);
}

/* ---------- Hero section ---------- */
.hero-section{
  position:relative;
  width:100%;
  min-height:800px;
  overflow:hidden;
}

.hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
  background:var(--bg-dark);
}
.hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0.2;
}

/* Navbar */
.navbar{
  position:relative;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:84px;
  padding:12px 80px;
  border-bottom:1px solid var(--border-alpha);
  backdrop-filter:blur(35px);
  background:linear-gradient(142.5deg, rgba(245,245,241,0.012) 13.1%, rgba(245,245,241,0.006) 18%);
}

.logo img{
  height:44px;
  width:auto;
  object-fit:contain;
}

.nav-links{
  display:flex;
  align-items:center;
  gap:4px;
  height:48px;
  padding:0 10px;
  border-radius:8px;
}
.nav-links li a{
  display:flex;
  align-items:center;
  justify-content:center;
  height:48px;
  padding:4px 16px;
  border-radius:16px;
  font-weight:500;
  font-size:16px;
  letter-spacing:0.1px;
  color:#d6d6d6;
}
.nav-links li a.active{
  color:#86b3fe;
}

/* Guide lines */
.hero-guides{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}
.v-line{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:900px;
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0) 100%);
}
.v-line--left{left:80px;}
.v-line--right{right:79.5px;}

/* Hero content */
.hero-content{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:40px;
  max-width:893px;
  padding:120px 0 160px 120px;
}

.hero-eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
}
.hero-eyebrow .dot{
  width:8px;
  height:8px;
  background:var(--gold);
  display:inline-block;
}
.hero-eyebrow span:last-child{
  color:var(--gold);
  font-size:16px;
  font-weight:500;
  letter-spacing:2px;
  line-height:24px;
}

.hero-copy{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.hero-copy h1{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:64px;
  line-height:72px;
  letter-spacing:1px;
  max-width:807px;
}
.hero-copy h1 em{
  font-style:italic;
  color:var(--gold);
}
.hero-copy p{
  font-size:18px;
  line-height:28px;
  letter-spacing:0.3px;
  color:var(--text-muted);
  max-width:764px;
}

/* Bottom strip */
.hero-strip{
  position:relative;
  z-index:3;
  display:flex;
  width:100%;
  padding:0 80px;
  border-top:1px solid var(--line-alpha);
}
.strip-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:1 1 0;
  padding:12px 16px;
  border-top:1px solid var(--line-alpha);
  border-bottom:1px solid var(--line-alpha);
  border-right:1px solid var(--line-alpha);
  backdrop-filter:blur(6px);
}
.strip-item:first-child{
  border-left:1px solid var(--line-alpha);
}
.strip-item span{
  font-size:16px;
  font-weight:500;
  line-height:24px;
  letter-spacing:0.5px;
  text-transform:uppercase;
  color:#ccc;
}
.strip-item .dots{
  display:flex;
  align-items:center;
  gap:3px;
}
.strip-item .dots b{
  width:6px;
  height:6px;
  background:rgba(211,173,120,0.5);
  display:inline-block;
}

/* ---------- Responsive (fluid scale down, no reflow until real mobile) ---------- */
@media (max-width:1439px){
  .navbar{padding:12px clamp(20px,5.5vw,80px);}
  .hero-content{padding:clamp(60px,8.3vw,120px) clamp(20px,5.5vw,120px) clamp(90px,11vw,160px);max-width:62vw;}
  .hero-copy h1{font-size:clamp(28px,4.44vw,64px);line-height:clamp(34px,5vw,72px);max-width:56vw;}
  .hero-copy p{font-size:clamp(14px,1.25vw,18px);line-height:clamp(20px,1.94vw,28px);max-width:53vw;}
  .nav-links li a{font-size:clamp(13px,1.1vw,16px);padding:4px clamp(8px,1.1vw,16px);}
  .btn-contact{font-size:clamp(13px,1.1vw,16px);padding:clamp(8px,0.7vw,10px) clamp(12px,1.1vw,16px);}
  .btn-primary{font-size:clamp(14px,1.25vw,18px);padding:clamp(10px,0.83vw,12px) clamp(14px,1.4vw,20px);}
  .hero-strip{padding:0 clamp(20px,5.5vw,80px);}
  .strip-item{padding:clamp(8px,0.83vw,12px) clamp(10px,1.1vw,16px);}
  .strip-item span{font-size:clamp(11px,1.1vw,16px);}
  .v-line--left{left:clamp(20px,5.5vw,80px);}
  .v-line--right{right:clamp(20px,5.5vw,79.5px);}
}

/* ---------- Capital Ceiling section ---------- */
.ceiling-section{
  background:#f4f3f1;
  color:var(--navy);
  padding:96px 80px;
}
.ceiling-container{
  width:100%;
}

.ceiling-eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
}
.ceiling-eyebrow .dot{
  width:8px;
  height:8px;
  background:#e07a1f;
  display:inline-block;
}
.ceiling-eyebrow span:last-child{
  color:#e07a1f;
  font-size:14px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
}

.ceiling-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:44px;
  line-height:1.25;
  max-width:min(640px,100%);
  margin-bottom:24px;
}
.ceiling-heading .accent{color:#e07a1f;}

.ceiling-text{
  font-size:16px;
  line-height:1.6;
  color:#5a5f66;
  max-width:100%;
  margin-bottom:16px;
}
.ceiling-text--bold strong{color:var(--navy);}

.ceiling-cards{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:56px;
  margin-bottom:40px;
}

.ceiling-card{
  position:relative;
  aspect-ratio:373/400;
}
.ceiling-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  display:block;
  border-radius:16px;
}
.ceiling-card-info{
  position:absolute;
  left:12px;
  right:12px;
  bottom:-32px;
  background:#eeeeec;
  border-radius:12px;
  padding:18px 20px;
  box-shadow:0 10px 24px rgba(0,0,0,0.12);
}
.ceiling-card-info h3{
  font-size:16px;
  font-weight:700;
  color:var(--navy);
  margin-bottom:10px;
}
.ceiling-card-info ul{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.ceiling-card-info li{
  position:relative;
  padding-left:14px;
  font-size:13px;
  color:#5a5f66;
  line-height:1.5;
}
.ceiling-card-info li::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#9aa0a6;
}

.ceiling-bridge{
  margin-top:56px;
  background:#ffffff;
  border-radius:16px;
  padding:32px;
  text-align:center;
  box-shadow:0 4px 20px rgba(0,0,0,0.04);
}
.ceiling-bridge h4{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-style:italic;
  font-size:20px;
  color:#e07a1f;
  margin-bottom:20px;
}
.ceiling-bridge-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px 32px;
  border-top:1px solid #eee;
  padding-top:20px;
}
.ceiling-bridge-list span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  font-weight:500;
  color:var(--navy);
}
.ceiling-bridge-list i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#e04b3f;
  display:inline-block;
}

/* ---------- Hevel Capital Solution section ---------- */
.solution-section{
  background:#ffffff;
  color:var(--navy);
  padding:96px 80px 0;
}
.solution-container{
  width:100%;
  text-align:center;
}

.solution-eyebrow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-bottom:16px;
}
.solution-eyebrow .dot{
  width:8px;
  height:8px;
  background:#e07a1f;
  display:inline-block;
}
.solution-eyebrow span:last-child{
  color:#e07a1f;
  font-size:14px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
}

.solution-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:34px;
  line-height:1.35;
  margin-bottom:48px;
}
.solution-heading .accent{color:#e07a1f;}

.solution-grid{
  position:relative;
  background:#f4f3f1;
  border-radius:20px;
  display:grid;
  grid-template-columns:1fr 1fr;
  text-align:left;
  padding:48px;
  column-gap:64px;
  row-gap:56px;
}
.solution-grid::before{
  content:"";
  position:absolute;
  top:48px;
  bottom:48px;
  left:50%;
  width:1px;
  background:#ddd;
}

.solution-card{
  display:flex;
  flex-direction:column;
}
.solution-card-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:20px;
}
.solution-num{
  font-family:'Fraunces', serif;
  font-size:26px;
  color:#d3ad78;
  flex-shrink:0;
}
.solution-rule{
  flex:1;
  height:1px;
  background:#ddd;
}
.solution-card h4{
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-size:17px;
  font-weight:700;
  color:var(--navy);
  margin-bottom:12px;
}
.solution-card h4 i{
  width:6px;
  height:6px;
  margin-top:6px;
  background:#4a90d9;
  flex-shrink:0;
  display:inline-block;
}
.solution-card p{
  font-size:14.5px;
  line-height:1.7;
  color:#6b7079;
}

.solution-strip{
  display:flex;
  width:100%;
  margin-top:56px;
  border-top:1px solid #e4e4e2;
}
.strip-item--light{
  border-color:#e4e4e2;
}
.strip-item--light:last-child{
  border-right:none;
}
.strip-item--light span{
  color:var(--navy);
}
.strip-item--light .dots b{
  background:rgba(211,173,120,0.7);
}

@media (max-width:1439px){
  .ceiling-section{padding:clamp(48px,7vw,96px) clamp(20px,5.5vw,80px);}
  .solution-section{padding:clamp(48px,7vw,96px) clamp(20px,5.5vw,80px) 0;}
}

@media (max-width:768px){
  .solution-grid{grid-template-columns:1fr;padding:32px;}
  .solution-grid::before,.solution-grid::after{display:none;}
  .solution-heading{font-size:26px;}
  .solution-strip{flex-wrap:wrap;}
  .strip-item--light{flex:1 1 50%;}
}

@media (max-width:900px){
  .ceiling-cards{grid-template-columns:1fr;}
}

@media (max-width:480px){
  .ceiling-heading{font-size:32px;max-width:100%;}
  .ceiling-text{max-width:100%;}
}

@media (max-width:640px){
  .navbar{flex-wrap:wrap;height:auto;row-gap:12px;}
  .nav-links{order:3;width:100%;justify-content:center;padding:0;}
  .hero-content{max-width:100%;padding:40px 20px 120px;}
  .hero-copy h1{max-width:100%;}
  .hero-copy p{max-width:100%;}
  .hero-strip{flex-wrap:wrap;}
  .strip-item{flex:1 1 50%;}
  .v-line--left,.v-line--right{display:none;}
}

/* ---------- NLG Framework section ---------- */
.nlg-section{
  position:relative;
  min-height:640px;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:80px 80px 80px 120px;
  background:var(--bg-dark);
}
.nlg-bg{
  position:absolute;
  inset:0;
  z-index:0;
}
.nlg-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center bottom;
}
.nlg-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,9,22,0.92) 0%, rgba(0,9,22,0.75) 45%, rgba(0,9,22,0.25) 100%),
    linear-gradient(0deg, rgba(0,9,22,0.85) 0%, rgba(0,9,22,0) 45%);
}

.nlg-content{
  position:relative;
  z-index:2;
  max-width:640px;
}

.nlg-eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:20px;
}
.nlg-eyebrow .dot{
  width:8px;
  height:8px;
  background:#d3ad78;
  display:inline-block;
}
.nlg-eyebrow span:last-child{
  color:#d3ad78;
  font-size:14px;
  font-weight:500;
  letter-spacing:2px;
  text-transform:uppercase;
}

.nlg-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:38px;
  line-height:1.3;
  letter-spacing:0.2px;
  color:#fff;
  margin-bottom:24px;
}
.nlg-heading em{
  font-style:italic;
  color:#d3ad78;
}

.nlg-text{
  font-size:16px;
  line-height:1.75;
  letter-spacing:0.2px;
  color:rgba(255,255,255,0.75);
  margin-bottom:32px;
  max-width:560px;
}

.nlg-image{
  position:absolute;
  z-index:1;
  right:0;
  bottom:0;
  width:56%;
  max-width:760px;
  pointer-events:none;
}
.nlg-image img{
  width:100%;
  display:block;
  -webkit-mask-image:linear-gradient(to bottom, #000 82%, rgba(0,0,0,0) 100%);
  mask-image:linear-gradient(to bottom, #000 82%, rgba(0,0,0,0) 100%);
  filter:drop-shadow(0 30px 40px rgba(0,0,0,0.5));
}

@media (max-width:1439px){
  .nlg-section{padding:clamp(48px,7vw,80px) clamp(20px,5.5vw,80px) clamp(48px,7vw,80px) clamp(20px,7vw,120px);}
}

@media (max-width:900px){
  .nlg-section{flex-direction:column;align-items:flex-start;min-height:auto;padding-top:56px;}
  .nlg-content{max-width:100%;}
  .nlg-image{display:none;}
  .nlg-bg::after{background:linear-gradient(180deg, rgba(0,9,22,0.85) 0%, rgba(0,9,22,0.92) 100%);}
}

/* ---------- Two Audiences section ---------- */
.audience-section{
  background:#ffffff;
  color:var(--navy);
  padding:96px 80px;
  text-align:center;
}
.audience-container{
  width:100%;
}

.audience-eyebrow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-bottom:16px;
}
.audience-eyebrow .dot{
  width:8px;
  height:8px;
  background:#e07a1f;
  display:inline-block;
}
.audience-eyebrow span:last-child{
  color:#e07a1f;
  font-size:14px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
}

.audience-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:32px;
  line-height:1.3;
  margin-bottom:16px;
}
.audience-heading .accent{color:#e07a1f;}

.audience-text{
  font-size:14.5px;
  line-height:1.65;
  color:#5a5f66;
  max-width:800px;
  margin:0 auto 56px;
}

.audience-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  text-align:left;
}

.audience-card{
  background:#f4f3f1;
  border-radius:20px;
  overflow:hidden;
}
.audience-card-img{
  width:100%;
  aspect-ratio:295/195;
  overflow:hidden;
}
.audience-card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.audience-card-body{
  padding:32px;
}
.audience-tag{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
}
.audience-tag .dot{
  width:8px;
  height:8px;
  background:#e07a1f;
  display:inline-block;
}
.audience-tag span:last-child{
  color:#e07a1f;
  font-size:13px;
  font-weight:600;
  letter-spacing:1.5px;
  text-transform:uppercase;
}
.audience-card-body h3{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:24px;
  line-height:1.35;
  color:var(--navy);
  margin-bottom:16px;
}
.audience-card-body p{
  font-size:14.5px;
  line-height:1.7;
  color:#6b7079;
}

@media (max-width:1439px){
  .audience-section{padding:clamp(48px,7vw,96px) clamp(20px,5.5vw,80px);}
}

@media (max-width:900px){
  .audience-grid{grid-template-columns:1fr;}
  .audience-heading{font-size:28px;}
}

/* ---------- Get In Touch section ---------- */
.touch-section{
  background:#ffffff;
  padding:0 80px 96px;
}
.touch-card{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  background:var(--bg-dark);
  min-height:680px;
  display:flex;
  align-items:stretch;
}
.touch-bg{
  position:absolute;
  inset:0;
  z-index:0;
}
.touch-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:0.7;
}
.touch-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,9,22,0.92) 0%, rgba(0,9,22,0.7) 45%, rgba(0,9,22,0.5) 100%);
}

.touch-lines{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}
.touch-lines span{
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(255,255,255,0.07);
}
.touch-lines span:first-child{left:33.33%;}
.touch-lines span:last-child{right:16%;}

.touch-inner{
  position:relative;
  z-index:2;
  width:100%;
  display:grid;
  grid-template-columns:1fr 1.15fr;
  align-items:stretch;
  gap:40px;
  padding:64px 60px;
}
.touch-left{
  align-self:start;
}

.touch-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:26px;
}
.touch-eyebrow .dot{
  width:9px;
  height:9px;
  background:#d3ad78;
  display:inline-block;
}
.touch-eyebrow span:last-child{
  color:#d3ad78;
  font-size:15px;
  font-weight:500;
  letter-spacing:2.5px;
  text-transform:uppercase;
}

.touch-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:48px;
  line-height:1.28;
  letter-spacing:0.3px;
  color:#fff;
  margin-bottom:40px;
}
.touch-heading em{
  font-style:normal;
  color:#d3ad78;
}
.touch-left .btn-primary{
  padding:15px 26px;
  font-size:19px;
}

.touch-text{
  align-self:end;
  font-size:17px;
  line-height:1.85;
  letter-spacing:0.2px;
  color:rgba(255,255,255,0.82);
  max-width:100%;
  margin-left:auto;
}

@media (max-width:1439px){
  .touch-section{padding:0 clamp(20px,5.5vw,80px) clamp(48px,7vw,96px);}
  .touch-inner{padding:clamp(32px,4vw,56px) clamp(24px,4.2vw,60px);}
}

@media (max-width:900px){
  .touch-inner{grid-template-columns:1fr;align-items:start;}
  .touch-heading{font-size:32px;margin-bottom:28px;}
  .touch-text{align-self:start;font-size:15px;}
  .touch-text{max-width:100%;margin-left:0;}
  .touch-lines{display:none;}
}

/* ---------- Footer ---------- */
.site-footer{
  position:relative;
  background:#0b1524;
  color:#fff;
  padding:72px 80px 0;
}
.footer-lines{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.footer-lines span{
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(255,255,255,0.06);
}
.footer-lines span:first-child{left:40px;}
.footer-lines span:last-child{right:40px;}

.footer-top{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.9fr 1fr 1.2fr 1.3fr;
  gap:40px;
  padding-bottom:56px;
}

.footer-logo img{
  height:42px;
  width:auto;
  object-fit:contain;
  display:block;
}
.footer-about{
  margin-top:22px;
  font-size:14px;
  line-height:1.7;
  color:rgba(255,255,255,0.72);
  max-width:300px;
}
.footer-subscribe{
  display:inline-block;
  margin-top:20px;
  font-size:14px;
  color:#d3ad78;
  transition:opacity .2s ease;
}
.footer-subscribe:hover{opacity:.8;}

.footer-social{
  display:flex;
  gap:10px;
  margin-top:26px;
}
.footer-social a{
  width:34px;
  height:34px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.1);
  color:rgba(255,255,255,0.8);
  transition:background .2s ease, color .2s ease;
}
.footer-social a:hover{
  background:rgba(255,255,255,0.12);
  color:#fff;
}

.footer-col h4{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:18px;
  color:#fff;
  margin-bottom:22px;
}
.footer-col ul{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.footer-col ul a{
  font-size:14px;
  color:rgba(255,255,255,0.72);
  transition:color .2s ease;
}
.footer-col ul a:hover{color:#fff;}

.footer-name{
  font-size:14px;
  color:rgba(255,255,255,0.9);
  margin-bottom:8px;
}
.footer-role{
  font-size:12px;
  font-weight:500;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#d3ad78;
  margin-bottom:22px;
}
.footer-contact-item{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  color:rgba(255,255,255,0.82);
  margin-bottom:14px;
  transition:color .2s ease;
}
.footer-contact-item:hover{color:#fff;}
.footer-icon{
  width:30px;
  height:30px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.1);
  color:#d3ad78;
}

.footer-bottom{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:24px 0 28px;
  border-top:1px solid rgba(255,255,255,0.08);
}
.footer-bottom p{
  font-size:13.5px;
  color:rgba(255,255,255,0.6);
}
.footer-legal{
  display:flex;
  gap:36px;
}
.footer-legal a{
  font-size:13.5px;
  color:rgba(255,255,255,0.7);
  transition:color .2s ease;
}
.footer-legal a:hover{color:#fff;}

@media (max-width:1439px){
  .site-footer{padding:clamp(48px,5vw,72px) clamp(20px,5.5vw,80px) 0;}
}

@media (max-width:900px){
  .footer-top{grid-template-columns:1fr 1fr;gap:36px;}
  .footer-lines{display:none;}
}

@media (max-width:600px){
  .footer-top{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;}
  .footer-legal{gap:24px;}
}

/* ---------- Breadcrumb / page banner ---------- */
.breadcrumb-section{
  position:relative;
  width:100%;
  min-height:500px;
  overflow:hidden;
  background:var(--bg-dark);
}
.breadcrumb-bg{
  position:absolute;
  inset:0;
  z-index:0;
  background:var(--bg-dark);
}
.breadcrumb-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 60%;
  opacity:0.65;
}
.breadcrumb-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,9,22,0.7) 0%, rgba(0,9,22,0.55) 45%, rgba(0,9,22,0.8) 100%);
}

.breadcrumb-guides{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}
.breadcrumb-guides .v-line{
  top:0;
  height:100%;
  transform:none;
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.14) 50%, rgba(255,255,255,0) 100%);
}

.breadcrumb-content{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:90px 80px 100px;
}

.breadcrumb-eyebrow{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:22px;
}
.breadcrumb-eyebrow .dot{
  width:8px;
  height:8px;
  background:var(--gold);
  display:inline-block;
}
.breadcrumb-eyebrow span:last-child{
  color:var(--gold);
  font-size:15px;
  font-weight:500;
  letter-spacing:2.5px;
}

.breadcrumb-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:52px;
  line-height:1.25;
  letter-spacing:0.5px;
  color:#fff;
  margin-bottom:22px;
}
.breadcrumb-heading em{
  font-style:italic;
  color:var(--gold);
}

.breadcrumb-text{
  font-size:16px;
  line-height:1.75;
  letter-spacing:0.2px;
  color:rgba(255,255,255,0.8);
  max-width:760px;
}

@media (max-width:1439px){
  .breadcrumb-content{padding:clamp(56px,6.3vw,90px) clamp(20px,5.5vw,80px) clamp(60px,7vw,100px);}
  .breadcrumb-guides .v-line--left{left:clamp(20px,5.5vw,80px);}
  .breadcrumb-guides .v-line--right{right:clamp(20px,5.5vw,80px);}
}

@media (max-width:900px){
  .breadcrumb-section{min-height:auto;}
  .breadcrumb-heading{font-size:34px;}
  .breadcrumb-guides{display:none;}
}

/* ---------- What We Do : service rows ---------- */
.service-section{
  background:#ffffff;
  color:var(--navy);
  padding:90px 120px;
}
.service-section--alt{
  background:#f4f3f1;
}

.service-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:80px;
}
.service-row--reverse .service-copy{order:2;}
.service-row--reverse .service-media{order:1;}

.service-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}
.service-num{
  font-family:'Fraunces', serif;
  font-size:22px;
  color:#e07a1f;
}
.service-rule{
  width:34px;
  height:1px;
  background:#d8b78c;
}

.service-eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
}
.service-eyebrow .dot{
  width:8px;
  height:8px;
  background:#e07a1f;
  display:inline-block;
}
.service-eyebrow span:last-child{
  color:#e07a1f;
  font-size:13px;
  font-weight:600;
  letter-spacing:1.6px;
  text-transform:uppercase;
}

.service-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:34px;
  line-height:1.3;
  color:var(--navy);
  margin-bottom:16px;
}
.service-heading em{
  font-style:normal;
  color:#e07a1f;
}

.service-tag{
  font-size:17px;
  font-weight:500;
  color:#e07a1f;
  margin-bottom:18px;
}

.service-text{
  font-size:14.5px;
  line-height:1.75;
  color:#5a5f66;
  max-width:520px;
}

.service-media img{
  width:100%;
  aspect-ratio:5/4;
  object-fit:cover;
  display:block;
  border-radius:16px;
  box-shadow:0 18px 40px rgba(22,47,84,0.12);
}

@media (max-width:1439px){
  .service-section{padding:clamp(56px,6.3vw,90px) clamp(20px,8.3vw,120px);}
  .service-row{gap:clamp(32px,5.5vw,80px);}
}

@media (max-width:900px){
  .service-row{grid-template-columns:1fr;gap:32px;}
  .service-row--reverse .service-copy,
  .service-row--reverse .service-media{order:initial;}
  .service-heading{font-size:26px;}
  .service-text{max-width:100%;}
}

/* Compact CTA card variant (What We Do page) */
.touch-card--compact{
  min-height:430px;
}
.touch-card--compact .touch-heading{
  font-size:42px;
  margin-bottom:32px;
}
.touch-card--compact .touch-text{
  font-size:15px;
  line-height:1.8;
}

@media (max-width:900px){
  .touch-card--compact{min-height:auto;}
  .touch-card--compact .touch-heading{font-size:30px;}
}

/* ---------- About : mission ---------- */
.mission-section{
  background:#ffffff;
  color:var(--navy);
  padding:120px 120px 110px;
}
.mission-row{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  align-items:center;
  gap:60px;
}
.mission-copy .service-eyebrow{
  margin-bottom:22px;
}
.mission-copy .service-eyebrow span:last-child{
  font-size:12px;
  letter-spacing:2px;
}
.mission-copy .service-heading{
  font-size:42px;
  line-height:1.25;
  margin-bottom:26px;
}
@media (min-width:1100px){
  .mission-copy .service-heading{white-space:nowrap;}
}
.mission-copy .service-text{
  font-size:16px;
  line-height:1.9;
  margin-bottom:26px;
  max-width:100%;
}
.mission-copy .service-text:last-child{
  margin-bottom:0;
}
.mission-row .service-media img{
  aspect-ratio:4/5;
  max-width:560px;
  margin-left:auto;
  border-radius:20px;
  box-shadow:0 22px 48px rgba(22,47,84,0.16);
}

.mission-callout{
  margin-top:80px;
  background:#fdf6ec;
  border:1px solid #f0e2cd;
  border-radius:10px;
  padding:24px 28px;
  text-align:center;
}
.mission-callout h4{
  font-family:'Fraunces', serif;
  font-style:italic;
  font-weight:400;
  font-size:15px;
  color:#e07a1f;
  margin-bottom:10px;
}
.mission-callout p{
  font-size:16px;
  font-weight:500;
  color:var(--navy);
}

/* ---------- About : founder ---------- */
.founder-section{
  background:#f4f3f1;
  color:var(--navy);
  padding:90px 120px;
}
.founder-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:34px;
  line-height:1.3;
  color:var(--navy);
  margin-bottom:20px;
}
.founder-heading em{
  font-style:normal;
  color:#e07a1f;
}
.founder-intro .service-text{
  margin-bottom:16px;
  max-width:100%;
}
.founder-intro .service-text strong{color:#e07a1f;font-weight:500;}

.founder-card{
  margin-top:48px;
  display:grid;
  grid-template-columns:0.8fr 1.4fr;
  gap:48px;
  background:#ffffff;
  border-radius:16px;
  padding:36px;
}

.founder-photo{
  position:relative;
  align-self:start;
  margin-bottom:30px;
}
.founder-photo img{
  width:100%;
  aspect-ratio:7/8;
  object-fit:cover;
  object-position:top center;
  display:block;
  border-radius:14px;
}
.founder-photo-caption{
  position:absolute;
  left:16px;
  right:16px;
  bottom:-28px;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:14px 18px;
  border-radius:10px;
  background:rgba(244,243,241,0.92);
  backdrop-filter:blur(8px);
  box-shadow:0 8px 20px rgba(0,0,0,0.18);
}
.founder-photo-role{
  font-size:13px;
  font-weight:500;
  color:var(--navy);
}
.founder-photo-name{
  font-size:13px;
  font-weight:500;
  color:#e07a1f;
}

.founder-label{
  display:block;
  font-size:11.5px;
  font-weight:600;
  letter-spacing:1.8px;
  text-transform:uppercase;
  color:#e07a1f;
  padding-bottom:16px;
  margin-bottom:18px;
  border-bottom:1px solid #eceae6;
}
.founder-label--quote{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:14px;
  letter-spacing:0;
  text-transform:none;
  border-bottom:none;
  padding-bottom:0;
  margin-top:6px;
  margin-bottom:12px;
}

.founder-name{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:28px;
  color:var(--navy);
  margin-bottom:16px;
}

.founder-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px 24px;
  margin-bottom:24px;
}
.founder-tags li{
  position:relative;
  padding-left:14px;
  font-size:12.5px;
  color:#5a5f66;
}
.founder-tags li::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#e04b3f;
}

.founder-body p{
  font-size:14px;
  line-height:1.75;
  color:#5a5f66;
  margin-bottom:16px;
}

.founder-quote{
  border-left:2px solid #e0a457;
  padding:2px 0 2px 18px;
  font-size:15px;
  font-style:italic;
  font-weight:500;
  line-height:1.7;
  color:var(--navy);
}

@media (max-width:1439px){
  .mission-section{padding:clamp(64px,8.3vw,120px) clamp(20px,8.3vw,120px) clamp(60px,7.6vw,110px);}
  .founder-section{padding:clamp(56px,6.3vw,90px) clamp(20px,8.3vw,120px);}
  .mission-row{gap:clamp(32px,4.4vw,64px);}
  .founder-card{gap:clamp(24px,3.3vw,48px);padding:clamp(20px,2.5vw,36px);}
}

@media (max-width:900px){
  .mission-row{grid-template-columns:1fr;gap:32px;}
  .founder-card{grid-template-columns:1fr;gap:28px;}
  .founder-heading{font-size:26px;}
  .founder-name{font-size:23px;}
}

/* ---------- About : why convenience stores ---------- */
.whycs-section{
  display:grid;
  grid-template-columns:1.28fr 1fr;
  background:var(--bg-dark);
  min-height:520px;
}
.whycs-copy{
  position:relative;
  display:flex;
  align-items:center;
}
.whycs-lines{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.whycs-lines span{
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(255,255,255,0.06);
}
.whycs-lines span:first-child{left:60px;}
.whycs-lines span:last-child{right:70px;}

.whycs-inner{
  position:relative;
  z-index:1;
  padding:90px 80px 90px 120px;
}

.whycs-eyebrow{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:22px;
}
.whycs-eyebrow .dot{
  width:8px;
  height:8px;
  background:var(--gold);
  display:inline-block;
}
.whycs-eyebrow span:last-child{
  color:var(--gold);
  font-size:14px;
  font-weight:500;
  letter-spacing:2.2px;
}

.whycs-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:34px;
  line-height:1.35;
  color:#fff;
  margin-bottom:26px;
}
.whycs-heading em{
  font-style:italic;
  color:var(--gold);
}

.whycs-text{
  font-size:14.5px;
  line-height:1.8;
  color:rgba(255,255,255,0.72);
  margin-bottom:18px;
  max-width:560px;
}
.whycs-text:last-child{margin-bottom:0;}
.whycs-text strong{
  color:var(--gold);
  font-weight:500;
}

.whycs-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

@media (max-width:1439px){
  .whycs-inner{padding:clamp(56px,6.3vw,90px) clamp(24px,5.5vw,80px) clamp(56px,6.3vw,90px) clamp(24px,8.3vw,120px);}
}

@media (max-width:900px){
  .whycs-section{grid-template-columns:1fr;min-height:auto;}
  .whycs-lines{display:none;}
  .whycs-heading{font-size:27px;}
  .whycs-text{max-width:100%;}
  .whycs-media img{aspect-ratio:16/10;height:auto;}
}

/* Stacked CTA card variant (About page) */
.touch-section--spaced{
  padding-top:96px;
}
.touch-card--stack{
  min-height:430px;
}
.touch-card--stack .touch-inner{
  grid-template-columns:1fr;
  align-items:center;
}
.touch-card--stack .touch-left{
  align-self:center;
  max-width:820px;
}
.touch-card--stack .touch-heading{
  font-size:40px;
  margin-bottom:22px;
}
.touch-card--stack .touch-text{
  align-self:auto;
  font-size:15px;
  line-height:1.8;
  margin-left:0;
  margin-bottom:32px;
  max-width:760px;
}

@media (max-width:1439px){
  .touch-section--spaced{padding-top:clamp(56px,6.6vw,96px);}
}

@media (max-width:900px){
  .touch-card--stack{min-height:auto;}
  .touch-card--stack .touch-heading{font-size:28px;}
}

/* Active state for the Contact Us nav button */
.btn-contact--active{
  background:#2f6fd0;
  color:#ffffff;
  border-color:rgba(255,255,255,0.28);
}

/* ---------- Contact form ---------- */
.contact-section{
  background:#ffffff;
  padding:80px 80px 96px;
}
.contact-card{
  max-width:1000px;
  margin:0 auto;
  background:#f4f3f1;
  border-radius:12px;
  padding:44px 48px 48px;
}

.contact-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:38px;
  line-height:1.25;
  color:var(--navy);
  margin-bottom:14px;
}
.contact-heading em{
  font-style:normal;
  color:#e07a1f;
}
.contact-sub{
  font-size:14.5px;
  line-height:1.7;
  color:#6b7079;
  margin-bottom:32px;
}

.contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 40px;
}

.field{
  display:flex;
  flex-direction:column;
  margin-bottom:24px;
}
.field label,
.field-label{
  font-size:12.5px;
  font-weight:600;
  color:var(--navy);
  margin-bottom:8px;
}

.field input,
.field textarea{
  font-family:'Inter', sans-serif;
  font-size:14px;
  color:var(--navy);
  background:#ffffff;
  border:1px solid #e2e0dc;
  border-radius:6px;
  padding:13px 16px;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.field textarea{
  resize:vertical;
  min-height:110px;
  line-height:1.6;
}
.field input::placeholder,
.field textarea::placeholder{
  color:#a7abb1;
}
.field input:focus,
.field textarea:focus{
  border-color:#e07a1f;
  box-shadow:0 0 0 3px rgba(224,122,31,0.12);
}

.pill-group{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.pill{
  position:relative;
  display:block;
  cursor:pointer;
}
.pill input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.pill span{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  font-size:14px;
  color:var(--navy);
  background:#ffffff;
  border:1px solid #e2e0dc;
  border-radius:999px;
  transition:border-color .2s ease, color .2s ease;
}
.pill:hover span{
  border-color:#cfcbc4;
}
.pill input:checked + span{
  border-color:#e07a1f;
  color:#e07a1f;
}

.btn-send{
  align-self:flex-start;
  background:var(--navy);
  color:#ffffff;
  border:none;
  border-radius:6px;
  padding:14px 22px;
  font-family:'Inter', sans-serif;
  font-size:14.5px;
  cursor:pointer;
  margin-top:4px;
}

@media (max-width:1439px){
  .contact-section{padding:clamp(48px,5.5vw,80px) clamp(20px,5.5vw,80px) clamp(56px,6.6vw,96px);}
  .contact-card{padding:clamp(24px,3vw,44px) clamp(20px,3.3vw,48px) clamp(28px,3.3vw,48px);}
}

@media (max-width:768px){
  .contact-grid{grid-template-columns:1fr;gap:0;}
  .pill-group{grid-template-columns:1fr 1fr;gap:12px;}
  .contact-heading{font-size:28px;}
}

/* ---------- Contact details ---------- */
.details-section{
  background:#f4f3f1;
  padding:80px 120px 96px;
}
.details-inner{
  width:100%;
}
.details-section .service-eyebrow{
  margin-bottom:20px;
}
.details-section .service-eyebrow span:last-child{
  font-size:12px;
  letter-spacing:2px;
}

.details-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:38px;
  line-height:1.25;
  color:var(--navy);
  margin-bottom:12px;
}
.details-heading em{
  font-style:normal;
  color:#e07a1f;
}
.details-company{
  font-size:14px;
  color:#6b7079;
  margin-bottom:36px;
}

.details-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
}
.details-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  background:#ffffff;
  border-radius:8px;
  padding:28px 24px;
  transition:box-shadow .2s ease, transform .2s ease;
}
.details-card:hover{
  box-shadow:0 12px 28px rgba(22,47,84,0.1);
  transform:translateY(-2px);
}
.details-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  overflow:clip;
  color:#2f6fd0;
}
.details-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.details-value{
  font-family:'Fraunces', serif;
  font-size:17px;
  color:var(--navy);
}

@media (max-width:1439px){
  .details-section{padding:clamp(48px,5.5vw,80px) clamp(20px,8.3vw,120px) clamp(56px,6.6vw,96px);}
}

@media (max-width:768px){
  .details-cards{grid-template-columns:1fr;gap:16px;}
  .details-heading{font-size:28px;}
}

/* ---------- Newsletter form (in CTA card) ---------- */
.newsletter-form{
  display:flex;
  align-items:stretch;
  gap:14px;
  max-width:520px;
}
.newsletter-form input{
  flex:1;
  font-family:'Inter', sans-serif;
  font-size:14.5px;
  color:#ffffff;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.18);
  border-radius:6px;
  padding:14px 18px;
  outline:none;
  transition:border-color .2s ease, background .2s ease;
}
.newsletter-form input::placeholder{
  color:rgba(255,255,255,0.55);
}
.newsletter-form input:focus{
  border-color:rgba(211,173,120,0.7);
  background:rgba(255,255,255,0.12);
}
.newsletter-form .btn-primary{
  border:none;
  cursor:pointer;
  font-family:'Inter', sans-serif;
  font-size:15px;
  padding:14px 22px;
}

@media (max-width:600px){
  .newsletter-form{flex-direction:column;max-width:100%;}
}

/* ---------- Insights page ---------- */
.insight-section{
  background:#ffffff;
  color:var(--navy);
  padding:64px 120px 80px;
}

.insight-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-bottom:48px;
}
.insight-tab{
  flex:1;
  font-family:'Inter', sans-serif;
  font-size:14px;
  color:var(--navy);
  background:#f4f3f1;
  border:1px solid transparent;
  border-radius:6px;
  padding:14px 18px;
  cursor:pointer;
  white-space:nowrap;
  transition:border-color .2s ease, color .2s ease, background .2s ease;
}
.insight-tab:hover{
  border-color:#e2e0dc;
}
.insight-tab.is-active{
  background:#fdf8f2;
  border-color:#e0a457;
  color:#e07a1f;
}

.sec-title{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:32px;
  line-height:1.25;
  color:var(--navy);
  border-left:3px solid #2f4f7f;
  padding-left:16px;
  margin-bottom:32px;
}
.sec-title em{
  font-style:normal;
  color:#e07a1f;
}

.roadmap-card{
  display:grid;
  grid-template-columns:0.95fr 1fr;
  align-items:center;
  gap:40px;
  background:#f4f3f1;
  border-radius:12px;
  padding:22px;
}
.roadmap-media img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:8px;
  display:block;
}
.roadmap-body{
  padding-right:24px;
}
.roadmap-body .service-eyebrow{
  margin-bottom:16px;
}
.roadmap-body .service-eyebrow span:last-child{
  font-size:12px;
  letter-spacing:1.6px;
}
.roadmap-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:26px;
  line-height:1.35;
  color:var(--navy);
  margin-bottom:16px;
}
.roadmap-text{
  font-size:14.5px;
  line-height:1.75;
  color:#5a5f66;
  margin-bottom:26px;
}

.btn-outline{
  background:#ffffff;
  color:var(--navy);
  border:1px solid #e2e0dc;
  padding:12px 20px;
  font-size:14.5px;
  border-radius:6px;
}

@media (max-width:1439px){
  .insight-section{padding:clamp(40px,4.4vw,64px) clamp(20px,8.3vw,120px) clamp(56px,5.5vw,80px);}
}

@media (max-width:1100px){
  .insight-tab{flex:1 1 auto;}
}

@media (max-width:900px){
  .roadmap-card{grid-template-columns:1fr;gap:24px;}
  .roadmap-body{padding-right:0;}
  .sec-title{font-size:26px;}
}

/* Our Insight grid */
.sec-title--spaced{
  margin-top:72px;
}

.insight-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
}

.insight-card{
  display:flex;
  flex-direction:column;
  background:#f4f3f1;
  border-radius:12px;
  padding:18px;
}
.insight-card-media img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:8px;
  display:block;
}
.insight-card-body{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:22px 8px 8px;
}
.insight-card-body .service-eyebrow{
  margin-bottom:14px;
}
.insight-card-body .service-eyebrow span:last-child{
  font-size:11.5px;
  letter-spacing:1.5px;
}
.insight-card-body h3{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:21px;
  line-height:1.35;
  color:var(--navy);
  margin-bottom:14px;
}
.insight-card-body p{
  font-size:14px;
  line-height:1.75;
  color:#5a5f66;
  margin-bottom:22px;
}

.insight-card--wide{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:0.95fr 1fr;
  align-items:center;
  gap:40px;
}
.insight-card--wide .insight-card-media img{
  aspect-ratio:4/3;
}
.insight-card--wide .insight-card-body{
  padding:0 24px 0 0;
}

@media (max-width:900px){
  .insight-grid{grid-template-columns:1fr;gap:20px;}
  .insight-card--wide{grid-template-columns:1fr;gap:20px;padding:18px;}
  .insight-card--wide .insight-card-body{padding:22px 8px 8px;}
}

/* Insight detail breadcrumb meta line */
.breadcrumb-meta{
  font-size:14.5px;
  letter-spacing:0.3px;
  color:rgba(255,255,255,0.72);
}

/* ---------- Insight detail article ---------- */
.article-section{
  background:#ffffff;
  color:var(--navy);
  padding:72px 120px 80px;
}

.article-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:28px;
  line-height:1.35;
  color:var(--navy);
  margin-bottom:26px;
}

.article-text{
  font-size:16px;
  line-height:1.9;
  color:#5a5f66;
  margin-bottom:24px;
}

@media (min-width:1440px){
  .article-text{
    font-size:17.5px;
    line-height:1.95;
    margin-bottom:26px;
  }
}

.article-figure{
  margin-top:34px;
}
.article-figure img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:12px;
  display:block;
}

@media (max-width:1439px){
  .article-section{padding:clamp(48px,5vw,72px) clamp(20px,8.3vw,120px) clamp(56px,5.5vw,80px);}
}

@media (max-width:900px){
  .article-heading{font-size:23px;}
}

/* ---------- Insight detail : phase roadmap ---------- */
.phases{
  position:relative;
  margin-top:56px;
  display:flex;
  flex-direction:column;
  gap:40px;
}
.phases::before{
  content:"";
  position:absolute;
  top:22px;
  bottom:22px;
  left:22px;
  width:1px;
  background:#e6e4e0;
}

.phase{
  position:relative;
  display:grid;
  grid-template-columns:44px 1fr;
  gap:16px;
  align-items:start;
}
.phase-num{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid #e6ddcd;
  background:#ffffff;
  font-family:'Fraunces', serif;
  font-size:19px;
  line-height:1;
  color:#d3ad78;
}

.phase-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:12px;
  padding-top:10px;
}
.phase-top .service-eyebrow{
  margin-bottom:0;
}
.phase-top .service-eyebrow span:last-child{
  font-size:11.5px;
  letter-spacing:1.5px;
}
.phase-tag{
  font-size:11px;
  font-weight:500;
  letter-spacing:0.8px;
  text-transform:uppercase;
  color:#e0a457;
  white-space:nowrap;
  text-decoration:underline;
  text-underline-offset:3px;
}

.phase-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:22px;
  line-height:1.4;
  color:var(--navy);
  margin-bottom:18px;
}

.phase-table{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#ffffff;
  border:1px solid #e6e4e0;
  border-radius:6px;
  overflow:hidden;
}
.phase-col + .phase-col{
  border-left:1px solid #e6e4e0;
}
.phase-col h4{
  background:#eceae6;
  border-bottom:1px solid #e6e4e0;
  font-size:13px;
  font-weight:500;
  color:var(--navy);
  padding:11px 20px;
}
.phase-col ul{
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:16px 20px 20px;
}
.phase-col li{
  position:relative;
  padding-left:15px;
  font-size:13.5px;
  line-height:1.55;
  color:#4c5158;
}
.phase-col li::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#8b9099;
}

.phase-note{
  margin-top:48px;
  background:#f4f3f1;
  border-radius:8px;
  padding:20px 24px;
  font-size:13px;
  font-style:italic;
  line-height:1.75;
  color:#6b7079;
  text-align:center;
}

@media (max-width:900px){
  .phases::before{display:none;}
  .phase{grid-template-columns:1fr;gap:14px;}
  .phase-top{flex-direction:column;align-items:flex-start;gap:10px;}
  .phase-table{grid-template-columns:1fr;}
  .phase-col + .phase-col{border-left:none;border-top:1px solid #e6e4e0;}
  .phase-heading{font-size:21px;}
}

/* Narrow CTA paragraph variant */
.touch-text--narrow{
  max-width:330px;
}

/* Phase roadmap : larger type on wide screens */
@media (min-width:1440px){
  .phase{
    grid-template-columns:50px 1fr;
    gap:20px;
  }
  .phases::before{left:25px;}
  .phase-num{
    width:50px;
    height:50px;
    font-size:21px;
  }
  .phase-top{padding-top:12px;}
  .phase-top .service-eyebrow span:last-child{font-size:12.5px;}
  .phase-tag{font-size:12px;}
  .phase-heading{
    font-size:25px;
    margin-bottom:20px;
  }
  .phase-col h4{
    font-size:14.5px;
    padding:13px 24px;
  }
  .phase-col ul{
    gap:9px;
    padding:18px 24px 24px;
  }
  .phase-col li{
    font-size:15px;
    line-height:1.6;
    padding-left:17px;
  }
  .phase-note{
    font-size:14.5px;
    padding:24px 32px;
  }
}

/* ---------- NLG Framework : content blocks ---------- */
.block{
  padding-top:40px;
}
.block--divided{
  border-bottom:1px solid #e6e4e0;
  padding-bottom:36px;
}
.block-heading{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:24px;
  line-height:1.35;
  color:var(--navy);
  margin-bottom:18px;
}
.block .article-text{
  margin-bottom:0;
}

/* Four pillars */
.pillars{
  display:flex;
  flex-direction:column;
  gap:22px;
  margin-top:26px;
}
.pillar-top{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}
.pillar-num{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  flex-shrink:0;
  border-radius:4px;
  background:#fdf3e6;
  font-size:11px;
  font-weight:500;
  color:#e07a1f;
}
.pillar-top h4{
  font-size:15px;
  font-weight:500;
  color:#e07a1f;
}
.pillar p{
  font-size:15px;
  line-height:1.75;
  color:#5a5f66;
  max-width:640px;
}

/* Selection criteria row */
.criteria{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  width:100%;
  margin-top:40px;
}
.criteria-chip{
  display:inline-flex;
  align-items:center;
  gap:9px;
  flex:1 1 0;
  justify-content:center;
  background:#f4f3f1;
  border-radius:5px;
  padding:14px 16px;
  font-size:14px;
  color:var(--navy);
  white-space:nowrap;
}
.criteria-chip i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#e07a1f;
  flex-shrink:0;
}

.criteria-diamond{
  width:104px;
  height:104px;
  flex-shrink:0;
  background:#f4f3f1;
  transform:rotate(45deg);
  display:flex;
  align-items:center;
  justify-content:center;
}
.criteria-diamond-inner{
  transform:rotate(-45deg);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
}
.criteria-diamond-inner strong{
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:20px;
  color:#e07a1f;
}
.criteria-diamond-inner em{
  font-style:normal;
  font-size:11px;
  color:#8b9099;
}

@media (min-width:1440px){
  .block-heading{font-size:27px;}
  .pillar-top h4{font-size:16px;}
  .pillar p{font-size:16px;}
  .criteria-chip{font-size:15px;}
}

@media (max-width:900px){
  .criteria{flex-wrap:wrap;gap:12px;}
  .criteria-chip{flex:1 1 40%;max-width:none;}
  .criteria-diamond{order:-1;margin:0 auto 8px;}
  .block-heading{font-size:21px;}
}

/* ---------- NLG Framework : operating cadence ---------- */
.cadence{
  display:flex;
  flex-direction:column;
  margin-top:28px;
}
.cadence-item{
  padding:28px 0;
  border-bottom:1px solid #e6e4e0;
}
.cadence-item:first-child{
  padding-top:0;
}
.cadence-item:last-child{
  border-bottom:none;
}
.cadence-item img{
  width:100%;
  aspect-ratio:16/7;
  object-fit:cover;
  border-radius:10px;
  display:block;
  margin-bottom:18px;
}
.cadence-item h4{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:'Fraunces', serif;
  font-weight:400;
  font-size:19px;
  color:var(--navy);
  margin-bottom:12px;
}
.cadence-item h4 i{
  width:7px;
  height:7px;
  flex-shrink:0;
  background:#e07a1f;
  display:inline-block;
}
.cadence-item p{
  font-size:15px;
  line-height:1.8;
  color:#5a5f66;
}

@media (min-width:1440px){
  .cadence-item h4{font-size:21px;}
  .cadence-item p{font-size:16px;}
}

@media (max-width:900px){
  .cadence-item h4{font-size:17px;}
}

/* ---------- NLG Framework : icon tiles ---------- */
.block--topline{
  border-top:1px solid #e6e4e0;
  margin-top:8px;
}

.tiles{
  display:grid;
  gap:18px;
  margin-top:28px;
}
.tiles--4{
  grid-template-columns:repeat(4,1fr);
}
.tiles--audience{
  grid-template-columns:repeat(6,1fr);
}
.tiles--audience .tile{grid-column:span 2;}
.tiles--audience .tile:nth-child(4),
.tiles--audience .tile:nth-child(5){grid-column:span 3;}

.tile{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
  background:#f4f3f1;
  border-radius:6px;
  padding:22px 18px;
}
.tile-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  overflow:clip;
  color:#2f6fd0;
}
.tile-icon img,
.tile-icon svg{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.tile-label{
  font-size:13.5px;
  font-weight:600;
  line-height:1.5;
  color:var(--navy);
}

.tiles-note{
  margin-top:28px;
}

@media (min-width:1440px){
  .tile-label{font-size:14.5px;}
  .tile-icon{width:28px;height:28px;}
}

@media (max-width:900px){
  .tiles--4{grid-template-columns:repeat(2,1fr);}
  .tiles--audience{grid-template-columns:repeat(2,1fr);}
  .tiles--audience .tile,
  .tiles--audience .tile:nth-child(4),
  .tiles--audience .tile:nth-child(5){grid-column:span 1;}
}

@media (max-width:520px){
  .tiles--4,
  .tiles--audience{grid-template-columns:1fr;}
}

/* ---------- Checklist (orange check + label) ---------- */
.checklist{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:24px;
}
.checklist li{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14.5px;
  font-weight:500;
  color:#e07a1f;
}
.check{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  flex-shrink:0;
  border-radius:5px;
  background:#fdf3e6;
  color:#e0a457;
}
.check svg{
  width:13px;
  height:13px;
}

@media (min-width:1440px){
  .checklist li{font-size:15.5px;}
  .checklist{gap:16px;}
}

/* Accent (orange) article paragraph */
.article-text--accent{
  color:#e07a1f;
  font-weight:500;
}

/* Tighten the gap between an article section and the CTA banner that follows it */
.article-section + .touch-section--spaced{
  padding-top:0;
}
.article-section:has(+ .touch-section--spaced){
  padding-bottom:56px;
}
.article-section > .block--divided:last-child{
  padding-bottom:28px;
}

/* "Partner Types:" underlined label */
.partner-label{
  margin-top:22px;
  font-size:14.5px;
  font-weight:500;
  color:#e07a1f;
  text-decoration:underline;
  text-underline-offset:4px;
}

@media (min-width:1440px){
  .partner-label{font-size:15.5px;}
}

/* Tighten the gap between the insights list and the CTA banner that follows */
.insight-section + .touch-section--spaced{
  padding-top:0;
}
.insight-section:has(+ .touch-section--spaced){
  padding-bottom:56px;
}

/* ---------- Responsive fixes ---------- */

/* Stacked ceiling cards need room for the straddling info panel */
@media (max-width:900px){
  .ceiling-cards{row-gap:72px;}
}

/* Mission image shouldn't be forced right-aligned once stacked */
@media (max-width:900px){
  .mission-row .service-media img{margin-left:0;max-width:100%;}
}

/* Hero: let height follow content on tablet/mobile so the strip sits at the bottom */
@media (max-width:1100px){
  .hero-section{min-height:auto;}
}

/* Breadcrumb banner: tighter on small screens */
@media (max-width:600px){
  .breadcrumb-heading{font-size:30px;}
  .breadcrumb-text,
  .breadcrumb-meta{font-size:14px;}
  .breadcrumb-eyebrow span:last-child{font-size:13px;letter-spacing:2px;}
}

/* Navbar on small screens */
@media (max-width:640px){
  .navbar{padding:14px 20px;}
  .logo img{height:38px;}
  .nav-links{gap:2px;}
  .nav-links li a{height:40px;font-size:14px;padding:4px 10px;}
}

/* Section headings scale down on phones */
@media (max-width:600px){
  .hero-copy h1{font-size:30px;line-height:38px;}
  .solution-heading{font-size:24px;}
  .audience-heading{font-size:25px;}
  .nlg-heading{font-size:25px;}
  .touch-heading{font-size:26px;}
  .article-heading{font-size:21px;}
  .sec-title{font-size:23px;}
  .contact-heading{font-size:25px;}
  .details-heading{font-size:25px;}
  .roadmap-heading{font-size:21px;}
  .insight-card-body h3{font-size:19px;}
  .founder-name{font-size:21px;}
}

/* Buttons shouldn't overflow narrow phones */
@media (max-width:420px){
  .btn-primary{font-size:14px;padding:12px 16px;white-space:normal;}
  .insight-tab{font-size:13px;padding:12px 14px;white-space:normal;}
}

/* Logo links */
.logo a,
.footer-logo a{
  display:inline-block;
  line-height:0;
  transition:opacity .2s ease;
}
.logo a:hover,
.footer-logo a:hover{opacity:.85;}