:root{--navy:#082b63;--blue:#0c6cf2;--teal:#11b981;--purple:#7146df;--orange:#ff8a1f;--red:#d93d50;--ink:#10213e;--muted:#65758c;--bg:#f7fbff;--card:#fff;--border:#e6edf7;--shadow:0 18px 50px rgba(23,47,86,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fbfdff,#f6f9ff 60%,#f9fbff)}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1200px,92%);margin:auto}
.navbar{position:sticky;top:0;z-index:90;background:#ffffffee;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo img{width:215px}.navlinks{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.navlinks a{font-size:14px;font-weight:800;color:#24406c}.navlinks a:hover{color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;font-weight:800;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(90deg,var(--blue),#347df7);color:#fff}.btn.outline{background:#fff;color:var(--blue);border-color:var(--blue)}
.hero-slider{position:relative;overflow:hidden;background:#eaf4ff}.slide{display:none;min-height:610px;position:relative}.slide.active{display:block}.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center}.slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,250,255,.98) 0%,rgba(244,250,255,.94) 44%,rgba(244,250,255,.54) 65%,rgba(5,34,70,.18) 100%)}
.slide-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:610px;gap:26px}.hero-copy{padding:52px 0}.eyebrow{font-size:13px;letter-spacing:.16em;font-weight:900;color:var(--blue)}.hero-copy h1{font-size:clamp(48px,6vw,76px);line-height:.95;margin:10px 0 8px;color:var(--navy)}.hero-copy h2{font-size:28px;margin:0 0 12px}.hero-copy p{font-size:19px;line-height:1.65;color:#314867;max-width:760px}.role-line{font-weight:900;color:#183861;letter-spacing:.04em}.hero-quote{font-style:italic;font-size:22px;color:#183861;border-left:4px solid var(--blue);padding-left:16px;margin:18px 0}
.hero-photo{align-self:end;height:560px;display:flex;align-items:end;justify-content:center}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:center top;border-radius:28px 28px 0 0;box-shadow:var(--shadow)}.slider-dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:9px;z-index:4}.dot{width:11px;height:11px;border-radius:50%;background:#ffffffaa;border:2px solid #fff;cursor:pointer}.dot.active{background:var(--blue)}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:0;background:#ffffffd9;box-shadow:var(--shadow);font-size:22px;cursor:pointer}.slider-arrow.prev{left:18px}.slider-arrow.next{right:18px}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:26px}.stat{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(30,60,100,.06)}.stat .num{font-size:30px;font-weight:900;color:var(--navy)}.stat small{color:var(--muted)}
.section{padding:58px 0}.section.alt{background:#fff}.section h2{font-size:38px;margin:0 0 8px;color:var(--navy)}.lead{color:var(--muted);font-size:17px;line-height:1.65}
.impact-grid{display:grid;grid-template-columns:1fr 1.1fr .58fr;gap:20px;align-items:stretch}.color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service{color:#fff;border-radius:18px;padding:24px;min-height:165px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow)}.service h3{margin:8px 0}.s1{background:linear-gradient(135deg,#0a57a8,#0b77d5)}.s2{background:linear-gradient(135deg,#05a677,#19c59b)}.s3{background:linear-gradient(135deg,#7043d8,#8a5cf6)}.s4{background:linear-gradient(135deg,#ff6b10,#ff932f)}.s5{background:linear-gradient(135deg,#008c9e,#00afc2)}.s6{background:linear-gradient(135deg,#bd2a3e,#ea4d62)}
.quote-card{background:linear-gradient(180deg,#eef6ff,#f8fbff);border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.quote-card .quote-mark{font-size:72px;color:#2f8df6;line-height:.8}.quote-card blockquote{font-size:22px;line-height:1.55;margin:14px 0}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(30,60,100,.06)}.card h3{margin:4px 0 10px}.card p{color:var(--muted);line-height:1.6}.awards-grid,.gallery-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.photo-card{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.photo-card img{width:100%;height:250px;object-fit:cover}.photo-card .meta{padding:16px}.photo-card h3{margin:0 0 6px}.photo-card p{margin:0;color:var(--muted)}
.page-hero{padding:52px 0;background:linear-gradient(135deg,#0b67f0,#6747d8);color:white}.page-hero h1{font-size:48px;margin:0 0 8px}.page-hero p{margin:0;color:#e8efff;font-size:18px}
.timeline{position:relative}.timeline:before{content:"";position:absolute;left:17px;top:0;bottom:0;width:3px;background:#d8e3f5}.tl{position:relative;padding-left:58px;margin:0 0 30px}.tl:before{content:"";position:absolute;left:4px;top:6px;width:30px;height:30px;border-radius:50%;background:var(--blue);border:6px solid #dfeaff}.tl h3{margin:0}.date{font-size:13px;color:var(--blue);font-weight:900;margin:4px 0 7px}
.speaking-feature{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.speaking-feature img{border-radius:20px;box-shadow:var(--shadow)}
.consult-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.checklist{display:grid;gap:10px;margin-top:18px}.check{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.contact-box{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.contact-box input,.contact-box textarea{width:100%;padding:14px 15px;border:1px solid #dbe4f0;border-radius:10px;margin:8px 0;font:inherit}.contact-box textarea{min-height:150px}
.footer{background:#08264f;color:#e8f0ff}.foot{padding:34px 0;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;align-items:start}.foot img{width:220px;filter:brightness(10)}.foot a{display:block;color:#cbd9f2;margin:8px 0}.small{font-size:14px;color:#aabddd}
@media(max-width:1000px){.navlinks{display:none}.slide-grid,.impact-grid,.speaking-feature,.consult-grid,.contact-grid{grid-template-columns:1fr}.hero-photo{height:440px}.stats{grid-template-columns:repeat(2,1fr)}.awards-grid,.gallery-grid,.blog-grid,.cards3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.hero-copy h1{font-size:48px}.slide{min-height:auto}.slide-grid{min-height:auto}.hero-photo{height:360px}.stats,.awards-grid,.gallery-grid,.blog-grid,.cards3,.color-grid{grid-template-columns:1fr}.section h2{font-size:31px}.page-hero h1{font-size:38px}.foot{grid-template-columns:1fr}}

/* Final poster-inspired homepage */
.poster-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#082b63,#0b67f0 50%,#123d75);color:#fff}
.poster-slide{display:none;min-height:590px;position:relative}.poster-slide.active{display:block}
.poster-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.poster-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,31,69,.94) 0%,rgba(7,55,111,.80) 38%,rgba(7,55,111,.38) 62%,rgba(2,25,55,.78) 100%)}
.poster-grid{position:relative;z-index:2;min-height:590px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:26px}
.poster-copy{padding:50px 0}.poster-copy .script{font-size:28px;font-style:italic;color:#ffd45c;margin-bottom:8px}.poster-copy h1{font-size:clamp(48px,6vw,78px);line-height:.95;margin:8px 0 12px}.poster-copy .roles{font-size:19px;line-height:1.5}.poster-copy .motto{font-size:24px;line-height:1.45;font-style:italic;margin:18px 0;border-left:4px solid #ffd45c;padding-left:16px}
.poster-photo{height:540px;align-self:end}.poster-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:28px 28px 0 0;box-shadow:0 25px 70px rgba(0,0,0,.28)}
.poster-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:50%;background:#ffffffdd;font-size:26px;cursor:pointer}.poster-arrow.prev{left:18px}.poster-arrow.next{right:18px}
.poster-dots{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:9px}.poster-dots span{width:11px;height:11px;border-radius:50%;background:#ffffff77;border:2px solid #fff;cursor:pointer}.poster-dots span.active{background:#ffd45c}
.hero-contact{display:grid;gap:8px;background:rgba(3,25,55,.72);padding:14px 16px;border-radius:14px;margin-top:18px;max-width:520px}.hero-contact a{color:#fff}
.award-slider-wrap{position:relative}.award-track{display:flex;gap:16px;overflow:hidden;scroll-behavior:smooth;padding:4px 2px 12px}.award-slide-card{min-width:280px;max-width:280px;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.award-slide-card img{width:100%;height:200px;object-fit:cover}.award-slide-card .meta{padding:14px}.award-nav{position:absolute;top:42%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border:none;border-radius:50%;background:#fff;box-shadow:var(--shadow);font-size:22px;cursor:pointer}.award-nav.prev{left:-16px}.award-nav.next{right:-16px}
.linkedin-btn{background:#0a66c2;color:white}
@media(max-width:950px){.poster-grid{grid-template-columns:1fr}.poster-photo{height:430px}.poster-slide{min-height:auto}.award-slide-card{min-width:78vw;max-width:78vw}}

/* FULL-PHOTO FIX — hero + award sliders */
.poster-photo{
  height:540px;
  align-self:end;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.25);
  border-radius:28px 28px 0 0;
  backdrop-filter:blur(4px);
}
.poster-photo img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:20px;
  background:#eef5ff;
  box-shadow:0 22px 60px rgba(0,0,0,.28);
}
.poster-bg{
  background-size:cover;
  background-position:center;
  filter:saturate(.9);
}
.award-slide-card img{
  width:100%;
  height:230px;
  object-fit:contain !important;
  object-position:center center !important;
  background:linear-gradient(180deg,#f6f9ff,#eef4fb);
  padding:8px;
}
.photo-card img{
  object-fit:contain !important;
  object-position:center center !important;
  background:#f2f6fb;
  padding:6px;
}
@media(max-width:950px){
  .poster-photo{height:430px;padding:12px;border-radius:22px 22px 0 0}
}
@media(max-width:650px){
  .poster-photo{height:360px;padding:10px}
  .poster-photo img{border-radius:16px}
  .award-slide-card img{height:260px}
}

/* =========================================================
   COMPACT PROFESSIONAL HOME SLIDER
   ========================================================= */
.poster-hero{
  background:linear-gradient(135deg,#062b5c 0%,#0b4f9d 58%,#0b73c9 100%) !important;
  min-height:0 !important;
  border-bottom:1px solid rgba(255,255,255,.15);
}
.poster-slide{
  min-height:410px !important;
}
.poster-bg{
  display:none !important; /* clean professional background — no enlarged photo behind text */
}
.poster-shade{
  background:
    radial-gradient(circle at 82% 20%,rgba(255,255,255,.10),transparent 28%),
    linear-gradient(90deg,rgba(3,27,61,.18),rgba(3,35,74,.03)) !important;
}
.poster-grid{
  min-height:410px !important;
  grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr) !important;
  gap:42px !important;
  padding-top:26px !important;
  padding-bottom:26px !important;
}
.poster-copy{
  padding:24px 0 !important;
  max-width:720px;
}
.poster-copy .script{
  font-size:20px !important;
  margin-bottom:5px !important;
}
.poster-copy h1{
  font-size:clamp(36px,4.4vw,58px) !important;
  line-height:1 !important;
  margin:7px 0 11px !important;
}
.poster-copy .roles{
  font-size:16px !important;
  line-height:1.55 !important;
}
.poster-copy .motto{
  font-size:19px !important;
  line-height:1.45 !important;
  margin:14px 0 !important;
  padding-left:14px !important;
}
.poster-copy p{
  font-size:15px;
  line-height:1.6;
  max-width:660px;
}
.poster-photo{
  width:100% !important;
  max-width:330px !important;
  height:330px !important;
  justify-self:end !important;
  align-self:center !important;
  padding:8px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.26) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.20) !important;
}
.poster-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:16px !important;
  background:#f3f7fc !important;
  box-shadow:none !important;
}
.hero-contact{
  grid-template-columns:1fr 1fr;
  gap:5px 18px !important;
  max-width:650px !important;
  margin-top:14px !important;
  padding:10px 14px !important;
  font-size:13px;
}
.poster-arrow{
  width:38px !important;
  height:38px !important;
  font-size:22px !important;
  background:rgba(255,255,255,.92) !important;
}
.poster-arrow.prev{left:12px !important}
.poster-arrow.next{right:12px !important}
.poster-dots{
  bottom:11px !important;
}
.poster-dots span{
  width:9px !important;
  height:9px !important;
}

/* Compact award slider */
.award-slide-card{
  min-width:245px !important;
  max-width:245px !important;
}
.award-slide-card img{
  height:180px !important;
  object-fit:contain !important;
  background:#f6f8fb !important;
}
.award-slide-card .meta{
  padding:12px !important;
}
.award-slide-card .meta h3{
  font-size:16px;
  margin:0 0 4px;
}
.award-slide-card .meta p{
  font-size:13px;
  margin:0;
}

@media(max-width:950px){
  .poster-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding:28px 24px 34px !important;
    text-align:center;
  }
  .poster-slide{min-height:auto !important}
  .poster-copy{padding:0 !important;margin:auto}
  .poster-copy .motto{display:inline-block;text-align:left}
  .poster-photo{
    justify-self:center !important;
    width:min(300px,86vw) !important;
    height:300px !important;
    order:-1;
  }
  .hero-contact{
    grid-template-columns:1fr !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center;
  }
}
@media(max-width:600px){
  .poster-grid{padding:22px 18px 34px !important}
  .poster-photo{
    width:min(245px,78vw) !important;
    height:245px !important;
  }
  .poster-copy h1{font-size:34px !important}
  .poster-copy .roles{font-size:14px !important}
  .poster-copy .motto{font-size:16px !important}
  .poster-copy p{font-size:14px}
  .poster-arrow{width:34px !important;height:34px !important}
  .award-slide-card{min-width:220px !important;max-width:220px !important}
  .award-slide-card img{height:165px !important}
}

/* PROFESSIONAL FULL-WIDTH SLIDER */
.hero-pro-slider{background:#fff;border-bottom:1px solid #e7edf5}.hero-main{position:relative;height:540px;overflow:hidden;background:#0b1f35}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease;background-size:cover;background-position:center}.hero-slide.active{opacity:1;visibility:visible;z-index:2}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,20,45,.08) 0%,rgba(0,25,55,.18) 42%,rgba(0,20,45,.88) 100%)}.hero-content{position:relative;z-index:3;height:100%;display:flex;justify-content:flex-end;align-items:center}.hero-copy{width:min(560px,46%);color:#fff;padding:30px 0}.hero-kicker{font-size:13px;letter-spacing:.18em;font-weight:700;opacity:.92;margin-bottom:14px}.hero-copy h1{font-size:clamp(42px,5vw,72px);line-height:.98;margin:0 0 20px;color:#fff;letter-spacing:-.03em}.hero-copy h1 span{color:#4da1ff}.hero-copy p{font-size:18px;line-height:1.65;max-width:540px;margin:0 0 24px;color:#f5f8fc}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.ghost-light{border:1px solid rgba(255,255,255,.8);color:#fff!important;background:rgba(255,255,255,.04)}.hero-nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.34);color:#fff;font-size:30px;cursor:pointer}.hero-prev{left:20px}.hero-next{right:20px}.hero-dots{position:absolute;z-index:6;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px}.hero-dots button{width:10px;height:10px;border-radius:999px;border:1px solid #fff;background:rgba(255,255,255,.45);padding:0}.hero-dots button.active{width:28px;background:#2f8cff}.hero-thumbs-wrap{position:relative;padding:14px 54px 16px;background:#fff}.hero-thumbs{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.hero-thumbs::-webkit-scrollbar{display:none}.hero-thumb{flex:0 0 190px;height:118px;padding:0;border:3px solid transparent;border-radius:14px;overflow:hidden;background:#eef3f8;cursor:pointer;opacity:.9}.hero-thumb.active{border-color:#2e8cff;box-shadow:0 8px 24px rgba(46,140,255,.22);opacity:1}.hero-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.thumb-scroll{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:36px;height:36px;border:1px solid #d9e3ee;border-radius:50%;background:#fff;color:#1b4f86;font-size:24px;cursor:pointer}.thumb-prev{left:12px}.thumb-next{right:12px}@media(max-width:760px){.hero-main{height:500px}.hero-slide{background-position:center top}.hero-overlay{background:linear-gradient(180deg,rgba(0,15,35,.12) 0%,rgba(0,18,40,.74) 65%,rgba(0,18,40,.95) 100%)}.hero-content{align-items:flex-end;justify-content:flex-start;padding-bottom:48px}.hero-copy{width:100%;padding:0 18px}.hero-copy h1{font-size:36px}.hero-copy p{font-size:15px}.hero-kicker{font-size:11px}.hero-nav{width:38px;height:38px;font-size:24px}.hero-prev{left:10px}.hero-next{right:10px}.hero-thumbs-wrap{padding:12px 44px 14px}.hero-thumb{flex-basis:135px;height:88px}}

/* FINAL FULL-PHOTO SLIDER — ENTIRE IMAGE ALWAYS VISIBLE */
.hero-fullphoto-slider{
  background:#fff;
  border-bottom:1px solid #e6edf6;
}
.hero-stage{
  position:relative;
  height:500px;
  overflow:hidden;
  background:#071f3c;
}
.hero-stage .hero-slide{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:minmax(0,60%) minmax(360px,40%);
  opacity:0;
  visibility:hidden;
  transition:opacity .55s ease;
}
.hero-stage .hero-slide.active{
  opacity:1;
  visibility:visible;
  z-index:2;
}
.hero-photo-area{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#102c49;
}
.hero-photo-blur{
  position:absolute;
  inset:-30px;
  background-size:cover;
  background-position:center;
  filter:blur(28px) brightness(.48);
  transform:scale(1.12);
  opacity:.9;
}
.hero-photo-full{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center center !important;
  display:block;
}
.hero-info{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:46px 58px 46px 46px;
  color:#fff;
  background:
    radial-gradient(circle at 10% 15%,rgba(55,145,255,.20),transparent 32%),
    linear-gradient(135deg,#071f3c 0%,#0b4078 100%);
}
.hero-info .hero-kicker{
  font-size:12px;
  letter-spacing:.17em;
  font-weight:700;
  opacity:.9;
  margin-bottom:14px;
}
.hero-info h1{
  font-size:clamp(38px,4.4vw,64px);
  line-height:1;
  margin:0 0 18px;
  color:#fff;
}
.hero-info h1 span{
  color:#59a9ff;
  display:block;
}
.hero-info p{
  margin:0 0 24px;
  max-width:510px;
  color:#edf5ff;
  font-size:17px;
  line-height:1.65;
}
.hero-outline{
  color:#fff !important;
  border:1px solid rgba(255,255,255,.75) !important;
  background:transparent !important;
}
.hero-outline:hover{
  background:#fff !important;
  color:#12375f !important;
}
.hero-nav{
  position:absolute;
  z-index:8;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:50%;
  background:rgba(0,0,0,.35);
  color:#fff;
  font-size:28px;
  cursor:pointer;
}
.hero-prev{left:15px}
.hero-next{right:15px}
.hero-dots{
  position:absolute;
  z-index:8;
  left:30%;
  bottom:15px;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
}
.hero-dots button{
  width:10px;
  height:10px;
  border-radius:999px;
  padding:0;
  border:1px solid #fff;
  background:rgba(255,255,255,.42);
}
.hero-dots button.active{
  width:28px;
  background:#3c96ff;
}
.hero-thumbs-wrap{
  position:relative;
  background:#fff;
  padding:13px 50px 15px;
}
.hero-thumbs{
  display:flex;
  gap:10px;
  overflow-x:auto;
  scroll-behavior:smooth;
  scrollbar-width:none;
}
.hero-thumbs::-webkit-scrollbar{display:none}
.hero-thumb{
  flex:0 0 160px;
  height:96px;
  border:3px solid transparent;
  border-radius:12px;
  overflow:hidden;
  padding:0;
  background:#eef3f8;
  cursor:pointer;
}
.hero-thumb.active{
  border-color:#318cff;
  box-shadow:0 6px 18px rgba(49,140,255,.20);
}
.hero-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.thumb-scroll{
  position:absolute;
  z-index:5;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid #d9e4ef;
  background:#fff;
  color:#1b4f86;
  font-size:22px;
  cursor:pointer;
}
.thumb-prev{left:9px}
.thumb-next{right:9px}

@media(max-width:900px){
  .hero-stage{height:650px}
  .hero-stage .hero-slide{
    grid-template-columns:1fr;
    grid-template-rows:390px 260px;
  }
  .hero-info{
    padding:25px 28px 34px;
  }
  .hero-info h1{font-size:36px}
  .hero-info p{font-size:15px}
  .hero-dots{
    left:50%;
    bottom:270px;
  }
}
@media(max-width:600px){
  .hero-stage{height:590px}
  .hero-stage .hero-slide{
    grid-template-rows:330px 260px;
  }
  .hero-info{
    padding:20px 18px 28px;
  }
  .hero-info h1{font-size:30px}
  .hero-info p{font-size:14px}
  .hero-info .hero-kicker{font-size:10px}
  .hero-thumb{
    flex-basis:120px;
    height:78px;
  }
  .hero-dots{bottom:270px}
}