body.page-template-about-page{
  --page-max: 1160px;
  --gap: clamp(16px,2.4vw,28px);
  --card-bg: rgba(255,255,255,.02);
  --card-bd: rgba(255,255,255,.08);
  background:#151515; color:#fff;
}
body.page-template-about-page .site-main,
body.page-template-about-page .site-content,
body.page-template-about-page .content-area{ margin:0; padding:0; background:transparent; border:0; }
body.page-template-about-page .entry-header,
body.page-template-about-page .ast-breadcrumbs-wrapper,
body.page-template-about-page .after-footer-widget-area{ display:none; }
.about-hero{
  position:relative; isolation:isolate;
  min-height:48svh;
  padding:clamp(80px,10vh,120px) 16px 48px;
  background-image:var(--hero-bg);
  background-size:cover;
  background-position:center;
}
.about-hero::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.66) 60%, rgba(0,0,0,.72) 100%);
  z-index:0;
}
.about-hero__inner{
  position:relative; z-index:1;
  max-width:var(--page-max); margin:0 auto;
  display:grid; grid-template-columns: 1.1fr .9fr; gap: var(--gap); align-items:center;
}
.about-hero__copy{ max-width:620px; justify-self:start; }
.about-hero__title{
  margin:0 0 12px; font-weight:900; line-height:1.05;
  font-size:clamp(32px,6vw,56px); color:#fff;
  text-shadow:0 6px 18px rgba(0,0,0,.55);
}
.about-hero__lead{ margin:0 0 16px; font-size:clamp(14px,2vw,18px); opacity:.96; }
.about-hero__cta{ display:flex; gap:12px; flex-wrap:wrap; }
.about-hero__pic{ justify-self:center; transform:translateX(5vw); }
.about-hero__pic img{
  width:min(380px, 28vw);
  aspect-ratio:3/4; object-fit:cover; display:block;
  border-radius:22px; box-shadow:0 22px 54px rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.06);
}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:13px 18px; border-radius:999px; font-weight:800; font-size:15px;
  text-decoration:none; border:0;
  transition:transform .06s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
  -webkit-tap-highlight-color: transparent;
}
.btn-cta      { background:#fff; color:#111; box-shadow:0 8px 22px rgba(0,0,0,.35); }
.btn-cta:hover{ transform:translateY(-1px); box-shadow:0 10px 26px rgba(0,0,0,.42); }
.btn-outline  { background:transparent; color:#fff; border:2px solid rgba(255,255,255,.8); text-decoration:none; }
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active{ color:#fff; border-color:rgba(255,255,255,.9); background:rgba(255,255,255,.10); text-decoration:none; }
.about-section{ background:#1f1f1f; }
.about-section__inner{
  max-width:min(var(--page-max), 980px);
  margin:0 auto; padding:32px clamp(16px,3.5vw,48px) 40px;
}
.about-h2{
  margin:0 0 16px; color:#fff; font-weight:900; line-height:1.05; letter-spacing:.2px;
  font-size:clamp(28px,5vw,56px); text-align:center;
  text-shadow:0 6px 18px rgba(0,0,0,.5);
}
.about-facts{
  list-style:none; margin:0 auto; padding:0;
  display:grid; gap:10px; max-width:860px;
  font-size:18px; font-weight:800; text-align:left;
}
.about-facts li strong{ color:#eaeaea; font-weight:900; }
.about-wide{ width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.certs{ background:#1f1f1f; }
.certs__inner{ padding:24px clamp(16px,3.5vw,48px) 30px; }
.certs-viewport{ position:relative; overflow:hidden; }
.certs-track{
  display:grid; grid-auto-flow:column;
  grid-auto-columns:minmax(280px, 24vw);
  gap:12px; overflow-x:auto;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  scrollbar-width:none;            
}
.certs-track::-webkit-scrollbar{   
  height:0; width:0; background:transparent; display:none;
}
.cert{
  scroll-snap-align:center;
  background:var(--card-bg); border:1px solid var(--card-bd);
  border-radius:14px; box-shadow:0 12px 28px rgba(0,0,0,.35); overflow:hidden;
}
.cert img{ width:100%; height:auto; display:block; aspect-ratio:4/3; object-fit:cover; }
.certs-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  z-index:2;
  --nav-size: 46px;
  --nav-bg:   rgba(89, 89, 89, 0.14); 
  --nav-ring: #1f1f1f;                
  --nav-icon: #1f1f1f;                
  width: var(--nav-size);
  height: var(--nav-size);
  aspect-ratio: 1 / 1;
  padding: 0;
  border-radius: 999px;
  display:grid; place-items:center;
  appearance:none; -webkit-appearance:none;
  box-sizing: content-box;
  background: var(--nav-bg);
  border: 1px solid var(--nav-ring);
  color: var(--nav-icon);
  backdrop-filter: blur(2px);
  cursor:pointer;
  -webkit-tap-highlight-color: transparent;
}
.certs-nav:hover,
.certs-nav:focus,
.certs-nav:active,
.certs-nav:focus-visible{
  background: var(--nav-bg);
  color: var(--nav-icon);
  border-color: var(--nav-ring);
  outline: none;
  box-shadow: none;
}
.certs-nav:disabled{ opacity:.35; cursor:default; }
.certs-nav.prev{ left:10px; }
.certs-nav.next{ right:10px; }
.certs-nav svg{ width:18px; height:18px; }
.certs-nav {
  z-index: 10;
  pointer-events: auto;
}
.certs-track {
  position: relative;
  z-index: 1;
}
.certs-nav {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
@media (max-width:980px){
  .about-hero__inner{ grid-template-columns: 1fr; }
  .about-hero__pic{ transform:none; order:2; }
  .about-hero__copy{ order:1; }
}
@media (max-width:620px){
  .about-hero{ min-height:44svh; padding:clamp(68px,10vh,110px) 16px 40px; }
  .about-hero__pic img{ width:min(480px, 92vw); }
}
@media (max-width:960px){
  body.page-template-about-page .site-header .main-nav .menu{
    position:fixed;
    inset:72px 0 0 0;
    width:100%;
    height:calc(100vh - 72px);
    background:rgba(0,0,0,.96);
    display:none;
    flex-direction:column;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    z-index:2147483647;
  }
  #nav-toggle:checked ~ .main-nav .menu{ display:flex; }
  body.menu-open{ overflow:hidden; height:100vh; }
  body.page-template-about-page .site-header{ z-index:2147483648; }
}
body.page-template-about-page .site-footer{ margin-top:0; }
body.page-template-about-page .site-main,
body.page-template-about-page .site-content,
body.page-template-about-page .content-area{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
}
body.page-template-about-page .site-main > .ast-container,
body.page-template-about-page .site-content > .ast-container{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
}
body.page-template-about-page .ast-container:empty{
  display:none !important;
}
body.page-template-about-page .entry-header,
body.page-template-about-page .ast-breadcrumbs-wrapper,
body.page-template-about-page .ast-archive-description,
body.page-template-about-page .after-footer-widget-area{
  display:none !important;
}
body.page-template-about-page .entry-content > *:first-child{ margin-top:0 !important; }
body.page-template-about-page .entry-content > *:last-child{ margin-bottom:0 !important; }
body.page-template-about-page .site-main{ padding-bottom:0 !important; }
body.page-template-about-page .site-footer{ margin-top:0 !important; }
body.page-template-about-page.ast-plain-container .site-content,
body.page-template-about-page.ast-separate-container .site-content .ast-container{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
}
.cert-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.85);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  cursor: zoom-out;
}
.cert-lightbox.open { display: flex; }
.cert-lightbox img {
  max-width: 92vw;
  max-height: 92vh;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,.6);
  object-fit: contain;
}
.about-tiles {
  display: grid;
  gap: 16px;
  width: 100%;            
  margin: 0 auto;
  padding: 0 clamp(16px,3.5vw,48px); 
}
.about-tile {
  background: var(--card-bg);
  border: 1px solid var(--card-bd);
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 12px 28px rgba(0,0,0,.35);
  transition: transform .12s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
  display: flex;
  flex-direction: column;  
  gap: 8px;
}
.about-tile:hover {
  transform: translateY(-2px);
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 16px 36px rgba(0,0,0,.4);
}
.about-tile__head {
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 4px;
}
.about-tile__body {
  font-size: 16px;
  font-weight: 350;
  opacity: .96;
}
@media (min-width: 980px) {
  .about-tiles {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 979px) {
  .about-tiles {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 979px) {
  .about-tiles {
    grid-template-columns: 1fr;
  }
  .about-tile {
    padding: 12px 14px;   
    gap: 6px;             
  }
  .about-tile__head {
    font-size: 15px;      
    margin-bottom: 2px;
  }
  .about-tile__body {
    font-size: 14px;      
    line-height: 1.35;
  }
}