/* Mark Bryant Professional Profile - site.css */
:root {
  --navy:#10263d;
  --blue:#1f6feb;
  --cyan:#19b5c5;
  --ink:#1b2733;
  --muted:#657384;
  --line:#e6ebf0;
  --paper:#ffffff;
  --soft:#f5f8fb;
  --dark:#0d1824;
}
html { scroll-behavior:smooth; }
body {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink); background:#fff; line-height:1.75; font-size:16px;
}
a { color:var(--blue); transition:all .2s ease; }
a:hover,a:focus { color:#1254ad; text-decoration:none; }
img { max-width:100%; height:auto; }
section { scroll-margin-top:72px; }
.navbar {
  min-height:70px; border:0; border-radius:0; margin:0;
  background:rgba(255,255,255,.97); box-shadow:0 1px 12px rgba(16,38,61,.08);
}
.navbar-brand { padding:12px 15px; height:70px; }
.navbar-brand img { height:46px; width:auto; }
.navbar-nav>li>a {
  padding:25px 16px; color:var(--navy); font-size:12px; font-weight:700;
  letter-spacing:.09em; text-transform:uppercase;
}
.navbar-nav>li>a:hover,.navbar-nav>li.active>a { background:transparent; color:var(--blue); }
.navbar-toggle { margin-top:18px; border:1px solid #dce4eb; }
.navbar-toggle .icon-bar { background:var(--navy); }

.hero {
  min-height:calc(100vh - 70px); position:relative; display:flex; align-items:center;
  background:linear-gradient(115deg,rgba(7,21,34,.95),rgba(16,38,61,.82)),url("../images/video-bg2.jpg") center/cover no-repeat;
  color:#fff; overflow:hidden;
}
.hero:after {
  content:""; position:absolute; width:520px; height:520px; border:1px solid rgba(25,181,197,.25);
  border-radius:50%; right:-180px; bottom:-240px;
}
.hero-content { position:relative; z-index:2; padding:100px 0 90px; }
.eyebrow { display:inline-block; color:#7ee4ec; font-size:13px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; margin-bottom:18px; }
.hero h1 { font-size:clamp(46px,7vw,82px); line-height:1; margin:0 0 22px; font-weight:800; letter-spacing:-.035em; }
.hero h1 span { color:#69d8e0; }
.hero .lead { max-width:760px; color:#dce7f1; font-size:22px; line-height:1.55; margin-bottom:34px; }
.hero-actions .btn { margin:0 10px 10px 0; }
.btn-profile {
  background:#fff; color:var(--navy); border:0; border-radius:4px; padding:13px 22px;
  font-weight:700; text-transform:uppercase; letter-spacing:.04em;
}
.btn-profile:hover { background:#eafcff; color:var(--navy); }
.btn-outline {
  color:#fff; background:transparent; border:1px solid rgba(255,255,255,.6); border-radius:4px;
  padding:12px 22px; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
}
.btn-outline:hover { color:var(--navy); background:#fff; }
.hero-meta { margin-top:45px; color:#b7c6d5; font-size:14px; }
.hero-meta span { margin-right:24px; white-space:nowrap; }
.hero-meta i { color:#69d8e0; margin-right:7px; }

.section { padding:95px 0; }
.section-alt { background:var(--soft); }
.section-heading { margin-bottom:58px; }
.section-kicker { color:var(--blue); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.section-title { margin:8px 0 12px; color:var(--navy); font-size:40px; font-weight:800; letter-spacing:-.02em; }
.section-intro { max-width:760px; color:var(--muted); font-size:18px; }
.profile-card {
  background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden;
  box-shadow:0 12px 35px rgba(16,38,61,.08);
}
.profile-photo { width:100%; display:block; }
.profile-body { padding:24px; }
.profile-list { list-style:none; padding:0; margin:0; }
.profile-list li { padding:8px 0; border-bottom:1px solid var(--line); }
.profile-list li:last-child { border:0; }
.profile-list strong { display:inline-block; min-width:88px; color:var(--navy); }
.copy h3 { color:var(--navy); font-size:22px; margin:0 0 15px; }
.copy p { color:#4f5d6b; margin-bottom:20px; }
.check-grid { list-style:none; padding:0; margin:24px 0 0; }
.check-grid li { padding:8px 0; }
.check-grid i { color:#18a9b6; margin-right:10px; }

.skill-card {
  height:100%; padding:28px; border:1px solid var(--line); border-radius:8px; background:#fff;
  box-shadow:0 8px 24px rgba(16,38,61,.05);
}
.skill-icon { font-size:28px; color:var(--blue); margin-bottom:16px; }
.skill-card h3 { margin:0 0 10px; font-size:19px; color:var(--navy); }
.skill-card p { margin:0; color:var(--muted); font-size:15px; }

.timeline { position:relative; margin:0; padding:0 0 0 34px; list-style:none; }
.timeline:before { content:""; position:absolute; left:7px; top:5px; bottom:5px; width:2px; background:#dbe5ee; }
.timeline-item { position:relative; margin-bottom:34px; }
.timeline-item:before {
  content:""; position:absolute; left:-33px; top:7px; width:16px; height:16px; border-radius:50%;
  background:#fff; border:4px solid var(--blue); box-sizing:border-box;
}
.timeline-card { background:#fff; border:1px solid var(--line); border-radius:8px; padding:25px 28px; }
.timeline-date { color:var(--blue); font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.timeline-card h3 { margin:5px 0 4px; color:var(--navy); font-size:20px; }
.timeline-org { color:#52677c; font-weight:600; margin-bottom:10px; }
.timeline-card p { color:var(--muted); margin:0; font-size:15px; }

.education .timeline-card { background:var(--soft); }
.work-grid { display:flex; flex-wrap:wrap; margin:0 -8px; }
.work-item { width:50%; padding:8px; }
.work-card { background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; height:100%; }
.work-card img { display:block; width:100%; height:190px; object-fit:cover; background:#f4f6f8; }
.work-body { padding:20px; }
.work-body h3 { font-size:18px; color:var(--navy); margin:0 0 7px; }
.work-body p { color:var(--muted); font-size:14px; margin:0; }

.awards-grid { display:flex; flex-wrap:wrap; margin:0 -7px; }
.award { width:25%; padding:7px; }
.award img { width:100%; height:210px; object-fit:cover; object-position:top; background:#fff; border:1px solid var(--line); border-radius:6px; }
.award-label { font-size:12px; color:var(--muted); margin-top:7px; }

.contact { background:var(--navy); color:#fff; }
.contact .section-kicker { color:#69d8e0; }
.contact .section-title { color:#fff; }
.contact .section-intro { color:#b9c8d7; }
.contact-card { border-top:1px solid rgba(255,255,255,.14); padding-top:24px; margin-top:30px; }
.contact-link { color:#fff; font-size:20px; }
.contact-link:hover { color:#69d8e0; }
.footer { background:#09131e; color:#8293a5; padding:24px 0; font-size:13px; }
.footer a { color:#b8c7d6; }

.back-top {
  position:fixed; right:20px; bottom:20px; width:42px; height:42px; line-height:42px;
  border-radius:50%; text-align:center; background:var(--blue); color:#fff; display:none; z-index:1000;
}
.back-top:hover { color:#fff; background:#1254ad; }

@media (max-width:767px) {
  .navbar-nav>li>a { padding:12px 15px; }
  .navbar-collapse { border-top:1px solid var(--line); box-shadow:none; }
  .hero { min-height:auto; }
  .hero-content { padding:85px 0 70px; }
  .hero .lead { font-size:18px; }
  .hero-meta span { display:block; margin:8px 0; }
  .section { padding:70px 0; }
  .section-title { font-size:34px; }
  .profile-card { margin-bottom:35px; }
  .work-item { width:100%; }
  .award { width:50%; }
  .award img { height:180px; }
}
@media (min-width:768px) and (max-width:991px) {
  .navbar-nav>li>a { padding-left:9px; padding-right:9px; font-size:11px; }
  .award { width:33.333%; }
}
@media print {
  .navbar,.hero-actions,.back-top { display:none!important; }
  .hero { min-height:0; background:#fff; color:#000; }
  .hero-content { padding:30px 0; }
  .hero h1,.section-title { color:#000; }
  .hero .lead,.hero-meta { color:#333; }
  .section { padding:35px 0; }
}