/*-------------------------------------------------------
author: ncpc 
version: 1.0
-------------------------------------------------------*/

  body {
    background: #FAF7F3;
    color: #181412;
    font-family: 'Plus Jakarta Sans', sans-serif;
    overflow-x: hidden;
  }
	
	.my-border {
	border: 1px solid black;
	}

  /* ── Nav ── */
  .nav-bar {
    background: #FAF7F3;
    border-bottom: 1.5px solid #181412;
  }

  /* ── Buttons ── */
  .btn-purp {
    background: #47144E;
    color: #FAF7F3;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: background 0.25s ease, transform 0.15s ease;
  }
  .btn-purp:hover { background: #822b8E; transform: translateY(-1px); }
	
    .btn-green {
    background: #4ba039;
    color: #FAF7F3;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    font-size: .9rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: background 0.25s ease, transform 0.15s ease;
  }
  .btn-green:hover { background: #4cb735; transform: translateY(-1px); }

  .btn-outline {
    border: 1.5px solid #181412;
    color: #181412;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: background 0.25s ease;
  }
  .btn-outline:hover { background: #787578; color: #FAF7F3; }

  /* ── Big number label ── */
  .section-num {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 900;
    font-size: 9rem;
    line-height: 1;
    color: #C4531F;
    opacity: 0.08;
    position: absolute;
    top: -1.5rem;
    right: 0;
    pointer-events: none;
    letter-spacing: -0.04em;
  }

  /* ── Ticker/label strip ── */
  .label-strip-geo {
    background: #9c9a9c;
	border: 1px solid #181412;
    color: #FFF;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    letter-spacing: 0.20em;
    padding: 10px 24px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
  }

  .label-strip {
    background: #2776CA;
    color: #FAF7F3;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    font-size: 0.8rem;
    letter-spacing: 0.20em;
    text-transform: uppercase;
    padding: 10px 24px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
  }

  .label-strip-gray {
    background: #787578;
    color: #FAF7F3;
  }
	
    .label-strip-section {
    background: #2776CA;
    color: #FAF7F3;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    letter-spacing: 0.20em;
    text-transform: uppercase;
    padding: 10px 24px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
  }

  /* ── Rust band ── */
  .rust-band {
    background: #C4531F;
    color: #FAF7F3;
  }

  /* ── Ink band ── */
  .ink-band {
    background: #444;
    color: #FAF7F3;
  }

  /* ── Service card ── */
  .svc-card {
    border-top: 2px solid #181412;
    transition: border-color 0.25s;
    position: relative;
  }
  .svc-card:hover { border-color: #47144E; }
  .svc-card:hover .svc-num { color: #47144E; opacity: 1; }

  .svc-num {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 900;
    font-size: 3.5rem;
    line-height: 1;
    color: #181412;
    opacity: 0.12;
    transition: all 0.25s;
  }

  /* ── Quote mark ── */
  .big-quote {
    font-family: 'Lora', serif;
    font-size: 12rem;
    line-height: 0.7;
    color: #C4531F;
    opacity: 0.15;
    display: block;
    margin-bottom: -2rem;
  }

  /* ── Form inputs ── */
  .form-field {
    background: #FAF7F3;
    padding: 14px 16px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.9rem;
    width: 100%;
    color: #181412;
    transition: border-color 0.2s;
    outline: none;
    border-radius: 0;
  }
  .form-field:focus { border-color: #C4531F; }
  .form-label {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #7A6E68;
  }

.join-button { 	-webkit-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0; 	-moz-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0; 	box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
	background-color:#4ba039; 	border:1px solid #2d7a1c; 	font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif; 	font-size:12px; 	font-weight:700; 	padding:5px 16px; 
	height:32px; 	color:#fff; 	border-radius:5px; 	-moz-border-radius:5px; 	-webkit-border-radius:5px; letter-spacing: 0.05cm;}

	.join-button:hover{ background-color: #4cb735;}

  /* ── Image treatments ── */
  .img-clip {
    clip-path: polygon(0 0, 100% 0, 100% 92%, 92% 100%, 0 100%);
  }

/* ── Footer ── */

.ncpc-logo img {
	  width: 75%;
	  border-radius: 5px;
	  /*box-shadow: 0 24px 30px rgba(0,0,0,0.35);*/
	  object-fit: cover;
	  border: 1.5px solid #181412;
	}

  /* ── Animations ── */
  @keyframes slideIn {
    from { opacity: 0; transform: translateX(-20px); }
    to   { opacity: 1; transform: translateX(0); }
  }
  .slide-in { animation: slideIn 0.7s ease both; }
  .d1 { animation-delay: 0.1s; }
  .d2 { animation-delay: 0.25s; }
  .d3 { animation-delay: 0.4s; }

  /* ── Running text marquee ── */
  @keyframes marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }
  .marquee-inner {
    display: flex;
    width: max-content;
    animation: marquee 22s linear infinite;
  }

  /* ── Contact split ── */
  .contact-blue-col {
    background: #0074C7;
    color: #FAF7F3;
  }

  /* ── Horizontal rule ── */
  .hr-blue { height: 2px; background: #0074C7; }
  .hr-ink  { height: 1.5px; background: #181412; }