/*
 McCSim Innovations — Editable Bootstrap theme
 Main editable visual settings are in :root. All page text is editable directly in each HTML file.
*/
:root { --mcc-navy:#061a2c; --mcc-navy-2:#0c2c45; --mcc-green:#78bd27; --mcc-green-dark:#5e9c1e; --mcc-ink:#0c1d2d; --mcc-muted:#566575; --mcc-page:#f6f8fa; --mcc-border:#dce5eb; --mcc-white:#fff; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mcc-ink);line-height:1.65;background:var(--mcc-white)} h1,h2,h3,h4{font-weight:800;letter-spacing:-.035em;line-height:1.12} h1{font-size:clamp(2.5rem,4.5vw,4.7rem)} h2{font-size:clamp(2rem,3vw,3.2rem)} p{color:var(--mcc-muted)}
/* Header is transparent over the homepage banner and turns opaque once visitors scroll. */
.site-header{background:var(--mcc-navy);z-index:1030;transition:background .25s ease,box-shadow .25s ease}.home .site-header{position:absolute;width:100%;background:linear-gradient(180deg,rgba(4,17,30,.84),rgba(4,17,30,.18))}.home .site-header.is-scrolled{position:fixed;background:rgba(6,26,44,.98);box-shadow:0 8px 24px rgba(0,0,0,.2)}.navbar{padding:1.05rem 0}.brand{display:inline-block;width:210px;text-decoration:none;line-height:0} /* EDIT HERE: change width to resize the PNG logo. */.brand img{display:block;width:100%;height:auto}.site-footer .brand{width:230px}.nav-link{color:#fff!important;font-size:.78rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin:0 .22rem;position:relative}.nav-link:hover:after,.nav-link.active:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:-.58rem;height:2px;background:var(--mcc-green)}.btn-brand{background:var(--mcc-green);border:1px solid var(--mcc-green);color:#fff;font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:.02em;padding:.8rem 1.2rem}.btn-brand:hover{background:var(--mcc-green-dark);border-color:var(--mcc-green-dark);color:#fff}.btn-outline-light{font-weight:800;text-transform:uppercase;font-size:.78rem;padding:.8rem 1.2rem}.eyebrow{color:var(--mcc-green);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
/* Home hero: compact readable copy, vertically centered, with safe distance from header and service tiles. */
.hero{min-height:510px;display:flex;align-items:center;padding:8.75rem 0 5.25rem;color:#fff;background:linear-gradient(90deg,rgba(3,16,29,.96) 0%,rgba(5,25,43,.86) 40%,rgba(5,25,43,.14) 77%),url('../images/slider-6.jpg') center/cover no-repeat}.hero .hero-copy{max-width:600px;padding-block:1.5rem}.hero h1{font-size:clamp(2.2rem,3.65vw,3.65rem);max-width:620px;margin-bottom:0}.hero h1 span{color:var(--mcc-green)}.hero p{color:#e7edf1;font-size:1.02rem;max-width:540px}.hero .eyebrow{color:#c7ef8e}
/* Easy-to-see service tiles: large white cards, generous spacing, strong contrast and distinct boundaries. */
.services-overlap{position:relative;margin-top:-2.9rem;z-index:3}.services-grid{background:transparent}.service-tile{height:100%;background:#fff;border:1px solid #e5ebef;border-radius:.7rem;box-shadow:0 13px 28px rgba(6,26,44,.11);padding:2.35rem 1.45rem 1.75rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.service-tile:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(6,26,44,.16)}.service-tile .tile-icon{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 1.35rem;border:2px solid #d8e4d0;border-radius:50%;color:var(--mcc-green);font-size:2rem;background:#fbfdf9}.service-tile h3{font-size:1.06rem;margin-bottom:.85rem}.service-tile p{font-size:.91rem;margin:0 auto 1.2rem;max-width:220px}.service-link{font-size:.76rem;font-weight:800;color:var(--mcc-green-dark);letter-spacing:.02em;text-decoration:none;text-transform:uppercase}.service-link:hover{color:var(--mcc-green)}
.section-pad{padding:5.25rem 0}.section-heading{max-width:730px;margin-bottom:2.7rem}.card-clean,.service-card{border:0;border-radius:.65rem;box-shadow:0 10px 24px rgba(15,41,58,.07);height:100%}.card-clean .card-body,.service-card .card-body{padding:2rem}.icon-circle{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--mcc-border);border-radius:50%;color:var(--mcc-green);font-size:1.65rem}.link-brand{color:var(--mcc-green-dark);font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:.02em;text-decoration:none}.link-brand:hover{color:var(--mcc-green)}
.results-band{background:linear-gradient(105deg,var(--mcc-navy),#062a45);color:#fff;border-radius:.7rem;padding:2.1rem}.results-band p{color:rgba(255,255,255,.8)}.metric{border-left:1px solid rgba(255,255,255,.25);min-height:112px}.metric i{color:var(--mcc-green);font-size:1.8rem;display:block;margin-bottom:.2rem}.metric strong{display:block;color:#fff;font-size:2.4rem;line-height:1}.metric span{display:block;color:rgba(255,255,255,.78);font-size:.88rem;margin-top:.4rem}.about-panel{background:#fff}.about-panel img{height:330px;width:100%;object-fit:cover;border-radius:.65rem}.check-list{list-style:none;padding:0;margin:1.25rem 0}.check-list li{margin:.45rem 0;color:var(--mcc-ink)}.check-list i{color:var(--mcc-green);margin-right:.45rem}.page-hero{padding:7.5rem 0 3rem;background:linear-gradient(90deg,#fff 0%,#fff 42%,rgba(255,255,255,.2) 68%),url('../images/slider-6.jpg') right center/cover}.breadcrumb{margin-bottom:3.4rem;font-size:.9rem}.breadcrumb-item.active{color:var(--mcc-green)}.feature-panel{background:var(--mcc-page)}.img-cover{width:100%;height:100%;object-fit:cover}.bio-image{min-height:500px;object-position:center}.case-image{height:245px;width:100%;object-fit:cover}.article-image{height:225px;width:100%;object-fit:cover}.quote{border-left:4px solid var(--mcc-green);padding-left:1.5rem;font-size:1.25rem;color:var(--mcc-ink)}.form-control,.form-select{padding:.8rem 1rem;border-color:#d7e0e6}.form-control:focus,.form-select:focus{border-color:var(--mcc-green);box-shadow:0 0 0 .25rem rgba(120,189,39,.15)}.turnstile-wrap{padding:.35rem 0}.turnstile-wrap .form-text{max-width:360px}
.site-footer{background:var(--mcc-navy);color:#fff;padding:4.5rem 0 1.5rem}.site-footer h2{font-size:1rem;margin-bottom:1rem}.site-footer a{color:rgba(255,255,255,.72);text-decoration:none;display:block;margin:.45rem 0}.site-footer a:hover{color:#fff}.site-footer p{color:rgba(255,255,255,.72)}.site-footer hr{border-color:rgba(255,255,255,.16);margin:2.5rem 0 1.25rem}.edit-note{background:#fff8d7;color:#6c5400;border-left:4px solid #f0c74b;padding:.8rem 1rem;font-size:.9rem}
@media(max-width:991.98px){.home .site-header{position:relative;background:var(--mcc-navy)}.home .site-header.is-scrolled{position:relative}.navbar-collapse{background:var(--mcc-navy);padding:1rem;margin-top:.75rem}.nav-link{margin:.45rem 0}.hero{min-height:auto;padding:5.25rem 0}.services-overlap{margin-top:0;padding-top:1.5rem;background:#f6f8fa}.service-tile{padding:2rem 1.25rem}.page-hero{padding-top:4.5rem;background:#fff}.metric{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding-top:1rem}}

/* Projects page: each .project-section is an independent block that can be copied for future projects. */
.projects-list{background:var(--mcc-page)}
.project-section{background:#fff;border:1px solid var(--mcc-border);border-radius:.8rem;padding:clamp(1.4rem,3vw,3rem);box-shadow:0 12px 28px rgba(15,41,58,.07)}
.project-section + .project-section{margin-top:2rem}
.project-visual{overflow:hidden;border:1px solid var(--mcc-border);border-radius:.75rem;background:linear-gradient(135deg,var(--mcc-navy),var(--mcc-navy-2));box-shadow:0 18px 38px rgba(6,26,44,.16)}
.project-browser-bar{min-height:52px;display:flex;align-items:center;gap:.45rem;padding:.75rem 1rem;background:#eef2f5;border-bottom:1px solid #d8e0e6}
.project-browser-bar>span{width:10px;height:10px;border-radius:50%;background:#b9c3ca;flex:0 0 auto}
.project-browser-url{margin-left:.55rem;min-width:0;flex:1;background:#fff;border:1px solid #d8e0e6;border-radius:.35rem;padding:.35rem .65rem;color:var(--mcc-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-visual-body{min-height:300px;display:flex;align-items:center;justify-content:center;gap:1.3rem;padding:2.25rem;color:#fff;text-align:left}
.project-visual-body i{font-size:4.25rem;color:var(--mcc-green)}
.project-visual-label{display:block;color:#c7ef8e;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.35rem}
.project-visual-body strong{display:block;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.1;letter-spacing:-.03em}
.project-lead{font-size:1.05rem}
.project-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.5rem}
.project-meta>div{background:var(--mcc-page);border:1px solid var(--mcc-border);border-radius:.55rem;padding:1rem}
.project-meta span{display:block;color:var(--mcc-muted);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}
.project-meta strong{display:block;font-size:.9rem;line-height:1.35}
@media(max-width:767.98px){.project-meta{grid-template-columns:1fr}.project-visual-body{min-height:230px;padding:1.5rem}.project-visual-body i{font-size:3.2rem}}