@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{
  --ink:#1c2b2c; --muted:#5c6f6e; --gold:#1a6e79; --gold2:#2f97a1;
  --sage:#417753; --cream:#f1f7f6; --paper:#ffffff; --line:#dde5e4;
  --dark:#14262a; --white:#fff;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:auto}
.topbar{background:var(--dark);color:#fff;font-size:13px;padding:9px 0}
.topbar .container{display:flex;justify-content:space-between;gap:20px}
nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.navin{height:112px;display:flex;align-items:center;justify-content:space-between}
.brand img{
  height:110px;
  width:auto;
  display:block;
}
.navlinks{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}
.navlinks a:hover{color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:7px;font-weight:700;font-size:14px;transition:.25s}
.btn-gold{background:var(--gold);color:#fff;box-shadow:0 12px 26px rgba(26,110,121,.28)}
.btn-gold:hover{background:#12545c;transform:translateY(-2px);box-shadow:0 16px 32px rgba(26,110,121,.36)}
.btn-outline{border:1px solid var(--gold);color:var(--ink)}
.btn-outline:hover{background:#e3f0ef}
.menu{display:none;border:0;background:none;font-size:27px}
.hero{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(
      90deg,
      rgba(10,35,42,.90) 0%,
      rgba(10,35,42,.78) 38%,
      rgba(10,35,42,.52) 68%,
      rgba(10,35,42,.28) 100%
    ),
   url("home-hero.jpg") center center / cover no-repeat;
  padding:110px 0 100px;
  color:#fff;
}

.hero:after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  right:-180px;
  top:-150px;
  pointer-events:none;
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative;z-index:2}
.eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--gold);font-size:12px;font-weight:800;margin-bottom:17px}
.hero .eyebrow{
  color:#d8bd7b;
}

.hero h1{
  color:#fff;
}

.hero h1 span{
  color:#d8bd7b;
}
h1,h2,h3{font-family:"Playfair Display",serif;line-height:1.12}
h1{font-size:clamp(46px,6vw,76px);max-width:720px}
h1 span{color:var(--gold)}
.hero p{
  color:rgba(255,255,255,.88);
  font-size:18px;
  max-width:620px;
  margin:25px 0 30px;
}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-art{min-height:430px;display:grid;place-items:center}
.art-card{width:min(430px,90%);aspect-ratio:1/1;border-radius:50%;background:linear-gradient(145deg,#d9d6cb,#fffdf8);box-shadow:0 30px 70px rgba(38,49,55,.12);display:grid;place-items:center;position:relative}
.art-card:before,.art-card:after{content:"";position:absolute;border:1px solid rgba(26,110,121,.55);border-radius:50%}
.art-card:before{inset:28px}.art-card:after{inset:56px}
.art-inner{text-align:center;position:relative;z-index:2;padding:30px}
.art-inner .mark{font-size:72px;font-family:"Playfair Display",serif;color:var(--ink)}
.art-inner .path{width:100px;height:4px;background:var(--gold);margin:16px auto;border-radius:10px}
.art-inner p{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:0}
.section{padding:90px 0}
.section.alt{background:var(--cream)}
.section-head{max-width:720px;margin-bottom:45px}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-head h2{font-size:44px;margin:9px 0 15px}
.section-head p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);padding:34px 30px;border-radius:14px;box-shadow:0 10px 30px rgba(20,38,42,.05);transition:.3s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(20,38,42,.10);border-color:rgba(26,110,121,.35)}
.card .num{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:2px}
.card h3{font-size:24px;margin:12px 0}
.card p{color:var(--muted);font-size:14px}

.divider{display:flex;align-items:center;gap:14px;margin:0 auto 14px;width:min(1160px,92%)}
.divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.divider .leaf{color:var(--gold);font-size:18px}

.trustbar{background:var(--dark);padding:26px 0}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.trust-item{display:flex;align-items:center;gap:12px;color:#fff}
.trust-item .dot{width:9px;height:9px;border-radius:50%;background:var(--gold2);flex:none;box-shadow:0 0 0 5px rgba(47,151,161,.18)}
.trust-item span{font-size:13.5px;font-weight:600;letter-spacing:.2px;color:#e7efee}

.quote-wrap{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quote-box{max-width:820px;margin:auto;text-align:center;padding:90px 0}
.quote-mark{font-family:"Playfair Display",serif;font-size:64px;color:var(--gold);line-height:1;margin-bottom:6px}
.quote-box p.quote-text{font-family:"Playfair Display",serif;font-size:clamp(22px,3vw,30px);font-style:italic;color:var(--ink);line-height:1.5}
.quote-by{margin-top:22px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:700}

.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.article-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.3s ease;display:flex;flex-direction:column}
.article-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(20,38,42,.10)}
.article-thumb{
  height:190px;
  position:relative;
  overflow:hidden;
  background:var(--dark);
}

.article-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}

.article-card:hover .article-thumb img{
  transform:scale(1.05);
}

.article-thumb:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(10,35,42,.08) 20%,
    rgba(10,35,42,.70) 100%
  );
  pointer-events:none;
}

.article-thumb span{
  position:absolute;
  left:18px;
  bottom:14px;
  z-index:2;
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
}
.article-thumb span{position:absolute;left:18px;bottom:14px;color:#fff;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.article-body{padding:24px;display:flex;flex-direction:column;flex:1}
.article-body h3{font-size:19px;margin-bottom:10px;line-height:1.3}
.article-body p{color:var(--muted);font-size:14px;flex:1}
.article-link{margin-top:16px;font-size:13px;font-weight:800;color:var(--gold);letter-spacing:.3px}
.article-link:hover{color:var(--sage)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.split h2{font-size:44px;margin:8px 0 18px}
.split p{color:var(--muted);margin-bottom:18px}
.checks{display:grid;gap:11px;margin:22px 0}
.check{display:flex;gap:10px;align-items:flex-start}
.check b{color:var(--gold)}
.feature-box{background:var(--dark);color:#fff;border-radius:16px;padding:42px;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.feature-box:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid rgba(47,151,161,.3);right:-90px;top:-80px}
.feature-box h3{font-size:35px;position:relative}.feature-box p{color:#d4dcda;position:relative;margin-top:10px}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.step{text-align:center;padding:25px 14px;border-top:1px solid var(--gold)}
.step strong{display:block;font-family:"Playfair Display",serif;font-size:25px;margin:12px 0 6px}.step span{font-size:13px;color:var(--muted)}
.cta{background:linear-gradient(120deg,#263137,#3d4748);color:#fff;padding:70px 0}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta h2{font-size:42px}.cta p{color:#d9dfdd;margin-top:8px}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}
details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 20px}
summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted);padding-top:12px;font-size:14px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.g{min-height:210px;border-radius:8px;background:linear-gradient(135deg,#d6d1c5,#858b86);position:relative;overflow:hidden}
.g:nth-child(2){background:linear-gradient(135deg,#a8aaa0,#e8e3d7)}.g:nth-child(3){background:linear-gradient(135deg,#697473,#c8ad82)}.g:nth-child(4){background:linear-gradient(135deg,#e4ded1,#9a9b92)}
.g span{position:absolute;left:16px;bottom:14px;color:#fff;font-size:12px;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 8px #000}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:30px}
.contact-item{padding:15px 0;border-bottom:1px solid var(--line)}.contact-item:last-child{border:0}
.contact-item small{display:block;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:1px}
.contact-item strong{display:block;margin-top:4px}
.page-hero{padding:70px 0;background:var(--cream);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:58px}.page-hero p{max-width:700px;color:var(--muted);margin-top:15px}
html{overflow-x:hidden}
body{overflow-x:hidden}
nav{position:sticky}
@media(max-width:850px){
 .topbar{display:none}.navlinks{display:none}.menu{display:block;min-width:44px;min-height:44px}.navin{height:96px}.brand img{height:88px}
 .navlinks.open{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:18px 5% 26px;border-bottom:1px solid var(--line);box-shadow:0 20px 40px rgba(38,49,55,.12);gap:4px;z-index:60}
 .navlinks.open a{padding:12px 0;width:100%;border-bottom:1px solid var(--line)}
 .navlinks.open a:last-child{border-bottom:0}
 .navlinks.open .btn{width:100%;margin-top:8px}
 .hero{padding:65px 0}.hero-grid,.split,.contact-grid{grid-template-columns:1fr;gap:40px}
 .hero-art{min-height:340px}.cards{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}
 .cta-in{flex-direction:column;align-items:flex-start}.page-hero h1{font-size:45px}
 .container{width:min(1160px,90%)}
 .trust-grid{grid-template-columns:1fr 1fr}
 .articles{grid-template-columns:1fr}
 .quote-box{padding:60px 0}
}
@media(max-width:480px){
 h1{font-size:clamp(34px,9vw,46px)}
 .section{padding:56px 0}
 .section-head h2,.split h2{font-size:30px}
 .hero p{font-size:16px}
 .process{grid-template-columns:1fr}
 .gallery{grid-template-columns:1fr}
 .page-hero{padding:46px 0}.page-hero h1{font-size:32px}
 .cta h2{font-size:30px}
 .feature-box{padding:28px;min-height:auto}
 .art-card{width:min(300px,86%)}
 .hero-art{min-height:260px}
 .brand img{height:72px}
 .navin{height:82px}
 .trust-grid{grid-template-columns:1fr}
 .quote-box p.quote-text{font-size:20px}
}
/* =========================================
   THE EDGE PREMIUM MOVING SERVICE BAR
   ========================================= */

.moving-bar {
  width: 100%;
  height: 52px;
  overflow: hidden;
  background: #14262a;
  color: #f3ead8;
  white-space: nowrap;
  display: flex;
  align-items: center;
  border: none;
}

.moving-track {
  display: inline-flex;
  align-items: center;
  gap: 34px;
  width: max-content;
  min-width: max-content;
  padding: 0;
  animation: edge-marquee 60s linear infinite;
}

.moving-track span {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}

.moving-track span:nth-child(even) {
  color: #c6a05c;
  font-size: 17px;
  font-weight: 500;
}

@keyframes edge-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.moving-bar:hover .moving-track {
  animation-play-state: paused;
}

@media (max-width: 850px) {

  .moving-bar {
    height: 46px;
  }

  .moving-track {
  gap: 24px;
  animation-duration: 50s;
}

  .moving-track span {
    font-size: 12px;
    letter-spacing: 1.8px;
  }

  .moving-track span:nth-child(even) {
    font-size: 14px;
  }
}
/* =========================================================
   THE EDGE — PREMIUM WHY CHOOSE SECTION
   Animated Orbit Background
   ========================================================= */

.why-edge{
  position:relative;
  overflow:hidden;
  padding:115px 0 125px;
  background:
    radial-gradient(circle at 50% 45%, rgba(198,160,92,.08), transparent 32%),
    linear-gradient(180deg,#f7faf8 0%,#ffffff 52%,#f4f8f6 100%);
  isolation:isolate;
}

.why-edge-inner{
  position:relative;
  z-index:5;
}

.why-heading{
  max-width:760px;
  margin:0 auto 58px;
  position:relative;
  z-index:8;
}

.why-heading h2{
  max-width:760px;
  margin:10px auto 18px;
}

.why-heading h2 span{
  color:var(--gold);
}

.why-heading p{
  max-width:650px;
  margin:0 auto;
  color:var(--muted);
}


/* ---------------------------------------------------------
   ORBIT RINGS
   --------------------------------------------------------- */

.why-orbit{
  position:absolute;
  border:1px solid rgba(26,110,121,.14);
  border-radius:50%;
  pointer-events:none;
  z-index:1;
}

.orbit-one{
  width:760px;
  height:760px;
  top:-270px;
  right:-245px;
  animation:edge-orbit-rotate 12s linear infinite;
}

.orbit-two{
  width:1080px;
  height:1080px;
  top:-430px;
  right:-405px;
  border-color:rgba(198,160,92,.16);
  animation:edge-orbit-rotate-reverse 18s linear infinite;
}

.orbit-three{
  width:1450px;
  height:1450px;
  top:-610px;
  right:-590px;
  border-color:rgba(26,110,121,.08);
  animation:edge-orbit-rotate 25s linear infinite;
}


/* ---------------------------------------------------------
   MOVING GOLD DOTS
   --------------------------------------------------------- */

.orbit-dot{
  position:absolute;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#c6a05c;
  box-shadow:
    0 0 0 5px rgba(198,160,92,.10),
    0 0 22px rgba(198,160,92,.40);
}

.dot-a{
  top:145px;
  left:62px;
}

.dot-b{
  right:120px;
  bottom:180px;
  width:8px;
  height:8px;
}

.dot-c{
  top:48%;
  left:28px;
  width:7px;
  height:7px;
}


/* ---------------------------------------------------------
   SOFT BACKGROUND GLOW
   --------------------------------------------------------- */

.why-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(55px);
  pointer-events:none;
  z-index:0;
}

.glow-one{
  width:300px;
  height:300px;
  background:rgba(26,110,121,.07);
  top:15%;
  left:-120px;
}

.glow-two{
  width:280px;
  height:280px;
  background:rgba(198,160,92,.08);
  bottom:-80px;
  right:4%;
}


/* ---------------------------------------------------------
   SIX PREMIUM CARDS
   --------------------------------------------------------- */

.why-grid{
  position:relative;
  z-index:8;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.why-card{
  position:relative;
  min-height:245px;
  padding:30px 28px 28px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(26,110,121,.11);
  border-radius:18px;
  box-shadow:
    0 18px 45px rgba(20,38,42,.07),
    0 2px 8px rgba(20,38,42,.03);
  backdrop-filter:blur(10px);
  overflow:hidden;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

.why-card::before{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  background:rgba(26,110,121,.035);
  top:-55px;
  right:-45px;
}

.why-card::after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  bottom:0;
  height:2px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(198,160,92,.7),
    transparent
  );
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .35s ease;
}

.why-card:hover{
  transform:translateY(-7px);
  border-color:rgba(198,160,92,.35);
  box-shadow:
    0 25px 55px rgba(20,38,42,.11),
    0 5px 14px rgba(20,38,42,.04);
}

.why-card:hover::after{
  transform:scaleX(1);
}


/* ---------------------------------------------------------
   CARD NUMBER
   --------------------------------------------------------- */

.why-number{
  position:absolute;
  top:22px;
  right:24px;
  font-size:12px;
  letter-spacing:2px;
  font-weight:700;
  color:rgba(26,110,121,.35);
}


/* ---------------------------------------------------------
   ICON
   --------------------------------------------------------- */

.why-icon{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:22px;
  border:1px solid rgba(198,160,92,.35);
  border-radius:50%;
  color:#c6a05c;
  font-family:"Playfair Display",serif;
  font-size:23px;
  background:rgba(198,160,92,.055);
  transition:
    transform .35s ease,
    background .35s ease;
}

.why-card:hover .why-icon{
  transform:rotate(12deg) scale(1.05);
  background:rgba(198,160,92,.11);
}

.why-card h3{
  position:relative;
  z-index:2;
  margin-bottom:9px;
  font-family:"Playfair Display",serif;
  font-size:21px;
  color:var(--ink);
}

.why-card p{
  position:relative;
  z-index:2;
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
}


/* ---------------------------------------------------------
   BOTTOM BUTTON
   --------------------------------------------------------- */

.why-bottom{
  position:relative;
  z-index:8;
  display:flex;
  justify-content:center;
  margin-top:48px;
}


/* ---------------------------------------------------------
   ORBIT ANIMATIONS
   --------------------------------------------------------- */

@keyframes edge-orbit-rotate{
  from{
    transform:rotate(0deg);
  }
  to{
    transform:rotate(360deg);
  }
}

@keyframes edge-orbit-rotate-reverse{
  from{
    transform:rotate(360deg);
  }
  to{
    transform:rotate(0deg);
  }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:850px){

  .why-edge{
    padding:85px 0 95px;
  }

  .why-heading{
    margin-bottom:42px;
  }

  .why-grid{
    grid-template-columns:repeat(2,1fr);
    gap:17px;
  }

  .why-card{
    min-height:235px;
    padding:26px 22px 24px;
  }

  .orbit-one{
    width:560px;
    height:560px;
    top:-160px;
    right:-220px;
  }

  .orbit-two{
    width:800px;
    height:800px;
    top:-280px;
    right:-340px;
  }

  .orbit-three{
    width:1050px;
    height:1050px;
    top:-390px;
    right:-455px;
  }
}


@media(max-width:560px){

  .why-edge{
    padding:70px 0 80px;
  }

  .why-heading{
    margin-bottom:32px;
  }

  .why-heading h2{
    font-size:32px;
    line-height:1.15;
  }

  .why-heading p{
    font-size:14px;
  }

  .why-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .why-card{
    min-height:auto;
    padding:25px 22px 26px;
  }

  .why-card h3{
    font-size:20px;
  }

  .why-card p{
    font-size:13.5px;
  }

  .orbit-one{
    width:430px;
    height:430px;
    top:-90px;
    right:-210px;
    opacity:.75;
  }

  .orbit-two{
    width:610px;
    height:610px;
    top:-180px;
    right:-300px;
    opacity:.65;
  }

  .orbit-three{
    width:800px;
    height:800px;
    top:-270px;
    right:-400px;
    opacity:.5;
  }

  .why-glow{
    opacity:.65;
  }

  .why-bottom{
    margin-top:35px;
  }
}


/* ---------------------------------------------------------
   ACCESSIBILITY
   --------------------------------------------------------- */

@media(prefers-reduced-motion:reduce){

  .why-orbit{
    animation:none;
  }

  .why-card{
    transition:none;
  }

  .why-card:hover{
    transform:none;
  }

  .why-card:hover .why-icon{
    transform:none;
  }
}
/* =========================================================
   THE EDGE — PREMIUM MEDICAL WATERMARK
   ========================================================= */

.why-edge {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.why-edge .medical-watermark {
  position: absolute;
  display: block;

  width: 560px;
  height: 420px;

  right: -55px;
  top: 50%;

  transform: translateY(-50%);

  color: #1a6e79;
  opacity: 0.075;

  pointer-events: none;
  z-index: 1;
}

.why-edge .medical-watermark svg {
  display: block;
  width: 100%;
  height: 100%;
}

.why-edge .why-orbit {
  z-index: 2;
}

.why-edge .why-glow {
  z-index: 1;
}

.why-edge .why-edge-inner {
  position: relative;
  z-index: 10;
}

@media (max-width: 850px) {
  .why-edge .medical-watermark {
    width: 480px;
    height: 360px;
    right: -150px;
    opacity: 0.06;
  }
}

@media (max-width: 560px) {
  .why-edge .medical-watermark {
    width: 400px;
    height: 300px;
    right: -170px;
    opacity: 0.05;
  }
}

@media (prefers-reduced-motion: reduce) {
  .why-edge .medical-watermark {
    transform: translateY(-50%);
  }
}


/* =========================================================
   THE EDGE — INTERACTIVE CONDITIONS SECTION
   ========================================================= */

.edge-services {
  --edge-section-bg: #eef5f3;
  --edge-accent: #1a6e79;
  --edge-accent-light: #2f97a1;
  --edge-text: #1c2b2c;
  --edge-muted: #5c6f6e;

  position: relative;
  overflow: hidden;
  background: var(--edge-section-bg);
  transition: background-color 0.8s ease;
  padding: 110px 0;
}

.edge-services-inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

/* HEADING */

.edge-services-heading {
  max-width: 720px;
  margin: 0 auto 70px;
  text-align: center;
}

.edge-services-eyebrow {
  display: inline-block;
  margin-bottom: 18px;

  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;

  color: var(--edge-accent);
}

.edge-services-heading h2 {
  margin: 0;

  font-family: "Playfair Display", serif;
  font-size: clamp(40px, 5vw, 68px);
  line-height: 1.05;
  font-weight: 600;

  color: var(--edge-text);
}

.edge-services-heading p {
  max-width: 600px;
  margin: 24px auto 0;

  font-family: "DM Sans", sans-serif;
  font-size: 17px;
  line-height: 1.8;

  color: var(--edge-muted);
}

/* MAIN AREA */

.edge-services-layout {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 70px;
  align-items: stretch;
}

/* LEFT VERTICAL LIST */

.edge-services-list {
  position: relative;

  display: flex;
  flex-direction: column;

  border-left: 1px solid rgba(28, 43, 44, 0.14);
}

.edge-service-item {
  position: relative;

  width: 100%;
  min-height: 58px;

  display: grid;
  grid-template-columns: 48px 1fr 20px;
  align-items: center;

  padding: 12px 16px 12px 22px;

  border: 0;
  border-bottom: 1px solid rgba(28, 43, 44, 0.09);

  background: transparent;

  text-align: left;
  cursor: pointer;

  color: var(--edge-muted);

  transition:
    color 0.35s ease,
    background 0.35s ease,
    transform 0.35s ease;
}

.edge-service-item:hover {
  color: var(--edge-text);
  background: rgba(255,255,255,0.38);
  transform: translateX(5px);
}

.edge-service-item.active {
  color: var(--edge-text);
  background: rgba(255,255,255,0.62);
  transform: translateX(10px);
}

.edge-service-number {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  opacity: 0.55;
}

.edge-service-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.edge-service-dot {
  width: 9px;
  height: 9px;

  border-radius: 50%;

  background: transparent;
  border: 1px solid rgba(28, 43, 44, 0.35);

  transition:
    background 0.35s ease,
    border-color 0.35s ease,
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.edge-service-item.active .edge-service-dot {
  background: var(--edge-accent);
  border-color: var(--edge-accent);

  transform: scale(1.55);

  box-shadow:
    0 0 0 5px rgba(26,110,121,0.10);
}

/* RIGHT CONTENT */

.edge-service-display {
  position: relative;

  min-height: 500px;

  display: flex;
  align-items: center;

  padding: 70px;

  border-radius: 4px;

  background: rgba(255,255,255,0.65);

  box-shadow:
    0 25px 70px rgba(20,38,42,0.08);

  overflow: hidden;
}

/* LARGE NUMBER */

.edge-service-display-number {
  position: absolute;

  right: -20px;
  top: -65px;

  font-family: "Playfair Display", serif;
  font-size: 260px;
  line-height: 1;

  font-weight: 600;

  color: rgba(26,110,121,0.055);

  pointer-events: none;
}

.edge-service-display-content {
  position: relative;
  z-index: 2;

  max-width: 570px;

  animation: edgeServiceContentIn 0.65s ease;
}

@keyframes edgeServiceContentIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.edge-service-display-label {
  display: block;

  margin-bottom: 18px;

  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;

  color: var(--edge-accent);
}

.edge-service-display h3 {
  margin: 0;

  font-family: "Playfair Display", serif;
  font-size: clamp(42px, 5vw, 66px);
  line-height: 1.05;

  font-weight: 600;

  color: var(--edge-text);
}

.edge-service-display p {
  margin: 25px 0 32px;

  max-width: 520px;

  font-size: 16px;
  line-height: 1.85;

  color: var(--edge-muted);
}

/* BUTTON */

.edge-service-button {
  display: inline-flex;
  align-items: center;
  gap: 18px;

  padding: 14px 20px;

  background: var(--edge-accent);
  color: #fff;

  text-decoration: none;

  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;

  transition:
    background 0.3s ease,
    transform 0.3s ease,
    gap 0.3s ease;
}

.edge-service-button:hover {
  background: var(--edge-accent-light);
  transform: translateY(-2px);
  gap: 24px;
}

.edge-service-button span {
  font-size: 19px;
  line-height: 1;
}

/* NEXT CIRCLE */

.edge-service-next {
  position: absolute;

  right: 35px;
  bottom: 35px;

  width: 62px;
  height: 62px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  border: 1px solid rgba(26,110,121,0.30);

  background: rgba(255,255,255,0.78);

  color: var(--edge-accent);

  cursor: pointer;

  font-size: 25px;

  transition:
    background 0.35s ease,
    color 0.35s ease,
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.edge-service-next:hover {
  background: var(--edge-accent);
  color: #fff;

  transform: translateX(4px);

  box-shadow:
    0 10px 30px rgba(26,110,121,0.22);
}

.edge-service-next:active {
  transform: scale(0.94);
}

/* PROGRESS */

.edge-service-progress {
  position: absolute;

  right: 115px;
  bottom: 56px;

  display: flex;
  align-items: center;
  gap: 12px;

  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;

  color: var(--edge-muted);
}

.edge-service-progress i {
  display: block;

  width: 45px;
  height: 1px;

  background: rgba(28,43,44,0.22);
}

/* BACKGROUND COLORS */

.edge-services.state-0 {
  --edge-section-bg: #edf6f4;
}

.edge-services.state-1 {
  --edge-section-bg: #f4f1e8;
}

.edge-services.state-2 {
  --edge-section-bg: #f5eee8;
}

.edge-services.state-3 {
  --edge-section-bg: #f0eef6;
}

.edge-services.state-4 {
  --edge-section-bg: #edf1f5;
}

.edge-services.state-5 {
  --edge-section-bg: #f1f5ec;
}

.edge-services.state-6 {
  --edge-section-bg: #eef5f2;
}

.edge-services.state-7 {
  --edge-section-bg: #eaf3f5;
}

.edge-services.state-8 {
  --edge-section-bg: #edf2f5;
}

.edge-services.state-9 {
  --edge-section-bg: #f2f1ea;
}

.edge-services.state-10 {
  --edge-section-bg: #edf4f1;
}

.edge-services.state-11 {
  --edge-section-bg: #eaf2f3;
}

.edge-services.state-12 {
  --edge-section-bg: #f3eee7;
}

/* TABLET */

@media (max-width: 900px) {

  .edge-services {
    padding: 85px 0;
  }

  .edge-services-layout {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .edge-services-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-left: 0;
  }

  .edge-service-item {
    min-height: 58px;
    border: 1px solid rgba(28,43,44,0.08);
  }

  .edge-service-item.active {
    transform: translateX(4px);
  }

  .edge-service-display {
    min-height: 430px;
    padding: 55px;
  }
}

/* MOBILE */

@media (max-width: 600px) {

  .edge-services {
    padding: 70px 0;
  }

  .edge-services-inner {
    width: min(100% - 30px, 520px);
  }

  .edge-services-heading {
    margin-bottom: 45px;
  }

  .edge-services-heading h2 {
    font-size: 39px;
  }

  .edge-services-heading p {
    font-size: 15px;
    line-height: 1.7;
  }

  .edge-services-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .edge-service-item {
    min-height: 54px;

    grid-template-columns: 38px 1fr 18px;

    padding: 10px 14px;

    border-radius: 2px;
  }

  .edge-service-title {
    font-size: 14px;
  }

  .edge-service-display {
    min-height: 430px;

    padding: 42px 28px;

    border-radius: 3px;
  }

  .edge-service-display-number {
    font-size: 180px;
    right: -10px;
    top: -35px;
  }

  .edge-service-display h3 {
    font-size: 42px;
  }

  .edge-service-display p {
    font-size: 14px;
    line-height: 1.75;
  }

  .edge-service-next {
    right: 22px;
    bottom: 22px;

    width: 54px;
    height: 54px;
  }

  .edge-service-progress {
    right: 90px;
    bottom: 42px;
  }
}
/* ==========================================================
   THE EDGE ABOUT PAGE — VISUAL STORYTELLING DESIGN
   Inspired by the visual rhythm of the supplied reference
   ========================================================== */

.edge-about-hero-new{
  position:relative;
  min-height:650px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    linear-gradient(120deg,#17363b 0%,#285d61 48%,#8b7350 100%);
}

.edge-about-hero-new::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 80% 30%,rgba(255,255,255,.15),transparent 25%),
    linear-gradient(135deg,rgba(13,34,37,.82),rgba(23,54,59,.40));
}

.edge-about-hero-new::after{
  content:"";
  position:absolute;
  width:650px;
  height:650px;
  right:-260px;
  bottom:-360px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
  box-shadow:
    0 0 0 70px rgba(255,255,255,.025),
    0 0 0 140px rgba(255,255,255,.02);
}

.edge-about-hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      90deg,
      rgba(12,31,34,.88) 0%,
      rgba(12,31,34,.65) 48%,
      rgba(12,31,34,.22) 100%
    );
}

.edge-about-hero-content{
  position:relative;
  z-index:3;
  max-width:1180px;
  width:100%;
  padding-top:80px;
  padding-bottom:80px;
}

.edge-about-kicker,
.edge-section-kicker{
  color:#bda06a;
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.edge-about-kicker{
  margin-bottom:20px;
}

.edge-about-hero-new h1{
  max-width:850px;
  margin:0 0 22px;
  color:#fff;
  font-family:"DM Sans",sans-serif;
  font-size:clamp(42px,6vw,72px);
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:700;
}

.edge-about-hero-new p{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.86);
  font-size:18px;
  line-height:1.8;
}

.edge-about-hero-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}

.edge-btn-primary,
.edge-btn-light{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:14px 26px;
  border-radius:3px;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  transition:.25s ease;
}

.edge-btn-primary{
  background:#c19a57;
  border:1px solid #c19a57;
  color:#fff;
}

.edge-btn-primary:hover{
  background:#a98245;
  border-color:#a98245;
  transform:translateY(-2px);
}

.edge-btn-light{
  border:1px solid rgba(255,255,255,.55);
  color:#fff;
  background:rgba(255,255,255,.07);
}

.edge-btn-light:hover{
  background:#fff;
  color:#17363b;
}

.edge-hero-scroll{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:25px;
  transform:translateX(-50%);
  color:rgba(255,255,255,.7);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.edge-hero-scroll span{
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:8px;
  border-radius:50%;
  background:#c19a57;
}


/* ==========================================================
   COMMON SECTION
   ========================================================== */

.edge-about-intro,
.edge-purpose,
.edge-care-section,
.edge-mental-section,
.edge-values,
.edge-environment{
  padding:105px 0;
}

.edge-section-heading{
  max-width:850px;
}

.edge-section-heading.centered{
  margin:0 auto 60px;
  text-align:center;
}

.edge-section-heading h2,
.edge-care-content h2,
.edge-mental-content h2,
.edge-environment-content h2{
  margin:12px 0 20px;
  color:#17363b;
  font-family:"DM Sans",sans-serif;
  font-size:clamp(32px,4vw,50px);
  line-height:1.12;
  letter-spacing:-.035em;
}

.edge-section-heading p{
  margin:0 auto;
  max-width:760px;
  color:#617274;
  font-size:16px;
  line-height:1.85;
}


/* ==========================================================
   INTRO
   ========================================================== */

.edge-about-intro{
  background:#f8faf9;
}

.edge-intro-layout{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:70px;
  align-items:center;
}

.edge-intro-visual{
  position:relative;
  min-height:500px;
}

.edge-visual-main{
  position:absolute;
  inset:0 45px 45px 0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:45px;
  overflow:hidden;
  background:
    linear-gradient(145deg,#214e53,#377c7d 52%,#8c7651);
  box-shadow:0 25px 55px rgba(23,54,59,.16);
}

.edge-visual-main::before{
  content:"";
  position:absolute;
  width:390px;
  height:390px;
  right:-170px;
  top:-170px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  box-shadow:
    0 0 0 50px rgba(255,255,255,.025),
    0 0 0 100px rgba(255,255,255,.02);
}

.edge-visual-label{
  position:relative;
  z-index:2;
  margin-bottom:15px;
  color:#d0b57c;
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
}

.edge-visual-title{
  position:relative;
  z-index:2;
  color:#fff;
  font-size:36px;
  line-height:1.12;
  font-weight:700;
}

.edge-visual-badge{
  position:absolute;
  right:0;
  bottom:0;
  z-index:3;
  width:150px;
  height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#c19a57;
  color:#fff;
  box-shadow:0 15px 35px rgba(23,54,59,.18);
}

.edge-visual-badge strong{
  font-size:34px;
  line-height:1;
}

.edge-visual-badge span{
  margin-top:8px;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.edge-intro-content{
  padding:10px 0;
}

.edge-small-line{
  width:60px;
  height:3px;
  margin-bottom:24px;
  background:#c19a57;
}

.edge-intro-content h3{
  max-width:620px;
  margin:0 0 20px;
  color:#17363b;
  font-size:29px;
  line-height:1.25;
}

.edge-intro-content p{
  color:#526667;
  font-size:16px;
  line-height:1.85;
}

.edge-intro-points{
  margin-top:30px;
  border-top:1px solid #dfe7e5;
}

.edge-intro-points div{
  display:flex;
  align-items:center;
  gap:18px;
  padding:15px 0;
  border-bottom:1px solid #dfe7e5;
}

.edge-intro-points span{
  color:#c19a57;
  font-size:12px;
  font-weight:700;
}

.edge-intro-points strong{
  color:#17363b;
  font-size:14px;
}


/* ==========================================================
   UMEED-STYLE VISUAL GROWTH STORY
========================================================== */

.edge-growth-reference{
  padding:90px 0 0;
  background:#fff;
}

.edge-reference-heading{
  max-width:820px;
  margin:0 auto 45px;
  padding:0 25px;
  text-align:center;
}

.edge-reference-heading .edge-section-kicker{
  color:#287d83;
}

.edge-reference-heading h2{
  margin:12px 0 16px;
  color:#17363b;
  font-family:"DM Sans",sans-serif;
  font-size:clamp(32px,4vw,48px);
  line-height:1.1;
  letter-spacing:-.035em;
}

.edge-reference-heading p{
  max-width:700px;
  margin:auto;
  color:#657677;
  font-size:15px;
  line-height:1.8;
}


/* STACKED FULL-WIDTH PANELS */

.edge-growth-panels{
  width:100%;
}

.edge-growth-panel{
  position:relative;
  min-height:430px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background-position:center;
  background-size:cover;
}

.edge-growth-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      to bottom,
      rgba(16,39,42,.20),
      rgba(16,39,42,.65)
    );
}

.edge-growth-year{
  position:relative;
  z-index:2;
  text-align:center;
  color:#fff;
}

.edge-growth-year span{
  display:block;
  font-size:clamp(48px,8vw,88px);
  line-height:1;
  font-weight:700;
  letter-spacing:-.05em;
  text-shadow:0 5px 20px rgba(0,0,0,.25);
}

.edge-growth-year strong{
  display:block;
  margin-top:14px;
  font-size:18px;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
  text-shadow:0 3px 15px rgba(0,0,0,.3);
}


/*
   These backgrounds intentionally use CSS visual treatments
   until actual The Edge photographs are inserted.
*/

.growth-2015{
  background:
    linear-gradient(135deg,#17363b,#377b7e);
}

.growth-2018{
  background:
    linear-gradient(135deg,#8d6e48,#c19a57);
}

.growth-2020{
  background:
    linear-gradient(135deg,#526b70,#203e43);
}

.growth-2022{
  background:
    linear-gradient(135deg,#285e62,#172f34);
}

.growth-2024{
  background:
    linear-gradient(135deg,#75847e,#34585b);
}

.growth-2026{
  background:
    linear-gradient(135deg,#1d4146,#769093);
}


/* ==========================================================
   VISUAL STATISTICS
========================================================== */

.edge-stats-reference{
  padding:0;
  background:#fff;
}

.edge-stats-image{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;

  background:
    linear-gradient(
      135deg,
      #17363b 0%,
      #286a6e 50%,
      #a18555 100%
    );
}

.edge-stats-image::before{
  content:"";
  position:absolute;
  width:650px;
  height:650px;
  right:-170px;
  top:-280px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
  box-shadow:
    0 0 0 80px rgba(255,255,255,.025),
    0 0 0 160px rgba(255,255,255,.018);
}

.edge-stats-image::after{
  content:"";
  position:absolute;
  width:500px;
  height:500px;
  left:-260px;
  bottom:-280px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
}

.edge-stats-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      90deg,
      rgba(13,34,37,.82),
      rgba(13,34,37,.42),
      rgba(13,34,37,.70)
    );
}

.edge-stats-content{
  position:relative;
  z-index:2;
  width:min(1100px,90%);
  text-align:center;
}

.edge-stats-content .edge-section-kicker{
  color:#d2b77d;
}

.edge-stats-content h2{
  max-width:800px;
  margin:12px auto 55px;
  color:#fff;
  font-size:clamp(32px,4vw,50px);
  line-height:1.12;
  letter-spacing:-.035em;
}

.edge-stat-reference-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(8px);
}

.edge-stat-reference{
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:30px 18px;
  border-right:1px solid rgba(255,255,255,.18);
}

.edge-stat-reference:last-child{
  border-right:0;
}

.edge-stat-reference strong{
  display:block;
  color:#fff;
  font-size:clamp(32px,4vw,50px);
  line-height:1;
  font-weight:700;
}

.edge-stat-reference span{
  display:block;
  margin-top:14px;
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:600;
  letter-spacing:.13em;
  text-transform:uppercase;
}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:700px){

  .edge-growth-reference{
    padding-top:65px;
  }

  .edge-growth-panel{
    min-height:330px;
  }

  .edge-growth-year span{
    font-size:58px;
  }

  .edge-growth-year strong{
    font-size:13px;
  }

  .edge-stats-image{
    min-height:650px;
  }

  .edge-stat-reference-grid{
    grid-template-columns:1fr 1fr;
  }

  .edge-stat-reference{
    min-height:150px;
  }

  .edge-stat-reference:nth-child(2){
    border-right:0;
  }

  .edge-stat-reference:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.18);
  }

}

@media(max-width:420px){

  .edge-growth-panel{
    min-height:280px;
  }

  .edge-stat-reference strong{
    font-size:30px;
  }

  .edge-stat-reference span{
    font-size:10px;
  }

}


/* ==========================================================
   VISION / MISSION
   ========================================================== */

.edge-purpose{
  background:#f6f8f7;
}

.edge-purpose-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
}

.edge-purpose-card{
  position:relative;
  min-height:350px;
  padding:48px;
  overflow:hidden;
  color:#fff;
}

.vision-card{
  background:
    linear-gradient(145deg,#28777b,#173f43);
}

.mission-card{
  background:
    linear-gradient(145deg,#8d7147,#b3925d);
}

.edge-purpose-card::after{
  content:"";
  position:absolute;
  right:-110px;
  bottom:-150px;
  width:330px;
  height:330px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:50%;
}

.edge-purpose-number{
  position:absolute;
  top:28px;
  right:30px;
  color:rgba(255,255,255,.35);
  font-size:14px;
  font-weight:700;
}

.edge-purpose-icon{
  margin-bottom:35px;
  color:rgba(255,255,255,.7);
  font-size:36px;
}

.edge-purpose-card h3{
  position:relative;
  z-index:2;
  margin:0 0 18px;
  font-size:32px;
}

.edge-purpose-card p{
  position:relative;
  z-index:2;
  max-width:600px;
  margin:0;
  color:rgba(255,255,255,.88);
  font-size:16px;
  line-height:1.85;
}


/* ==========================================================
   ADDICTION CARE
   ========================================================== */

.edge-care-section{
  background:#fff;
}

.edge-care-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:75px;
  align-items:center;
}

.edge-care-visual{
  position:relative;
  min-height:540px;
  overflow:hidden;
}

.addiction-visual{
  background:
    linear-gradient(145deg,#17363b,#28777b 55%,#b08a50);
}

.addiction-visual::before{
  content:"";
  position:absolute;
  inset:40px;
  border:1px solid rgba(255,255,255,.22);
}

.addiction-visual::after{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  right:-90px;
  top:-80px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
}

.edge-care-overlay{
  position:absolute;
  left:45px;
  bottom:45px;
  z-index:2;
}

.edge-care-overlay span{
  display:block;
  margin-bottom:12px;
  color:#d1b476;
  font-size:13px;
  font-weight:700;
}

.edge-care-overlay strong{
  display:block;
  color:#fff;
  font-size:42px;
  line-height:1.05;
}

.edge-care-content p,
.edge-mental-content p,
.edge-environment-content p{
  color:#5b6e70;
  font-size:16px;
  line-height:1.85;
}

.edge-care-list{
  margin-top:28px;
}

.edge-care-list div{
  padding:13px 0;
  border-bottom:1px solid #dfe7e5;
  color:#294548;
  font-size:15px;
  font-weight:600;
}

.edge-care-list span{
  margin-right:10px;
  color:#287d83;
}


/* ==========================================================
   MENTAL HEALTH
   ========================================================== */

.edge-mental-section{
  padding:110px 0;
  background:#eef4f2;
}

.edge-mental-layout{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:70px;
  align-items:center;
}

.edge-condition-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin-top:28px;
}

.edge-condition-grid div{
  padding:15px 17px;
  background:#fff;
  border-left:3px solid #287d83;
  color:#294548;
  font-size:14px;
  font-weight:600;
  box-shadow:0 7px 20px rgba(23,54,59,.05);
}

.edge-mental-visual{
  position:relative;
  min-height:500px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle,#387f82 0%,#214e53 50%,#17363b 100%);
  overflow:hidden;
}

.edge-mental-visual::before,
.edge-mental-visual::after{
  content:"";
  position:absolute;
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
}

.edge-mental-visual::before{
  width:430px;
  height:430px;
}

.edge-mental-visual::after{
  width:600px;
  height:600px;
}

.edge-mental-circle{
  position:relative;
  z-index:2;
  width:230px;
  height:230px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.5);
  border-radius:50%;
  color:#fff;
  text-align:center;
}

.edge-mental-circle span{
  font-size:11px;
  letter-spacing:.18em;
}

.edge-mental-circle strong{
  margin:8px 0;
  color:#d0b477;
  font-size:28px;
}

.edge-mental-circle small{
  color:rgba(255,255,255,.7);
}


/* ==========================================================
   VALUES
   ========================================================== */

.edge-values{
  background:#fff;
}

.edge-values-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.edge-value-card{
  position:relative;
  min-height:190px;
  padding:30px;
  background:#f5f8f7;
  border-bottom:3px solid #287d83;
  transition:.25s ease;
}

.edge-value-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 40px rgba(23,54,59,.09);
}

.edge-value-card > span{
  color:#c19a57;
  font-size:12px;
  font-weight:700;
}

.edge-value-card h3{
  margin:16px 0 10px;
  color:#17363b;
  font-size:19px;
}

.edge-value-card p{
  margin:0;
  color:#687a7b;
  font-size:14px;
  line-height:1.7;
}


/* ==========================================================
   WHY THE EDGE
   ========================================================== */

.edge-why{
  position:relative;
  padding:105px 0;
  overflow:hidden;
  background:
    linear-gradient(135deg,#17363b,#285f63);
}

.edge-why::after{
  content:"";
  position:absolute;
  width:650px;
  height:650px;
  right:-300px;
  top:-200px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
}

.edge-why-heading{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:80px;
  align-items:end;
  margin-bottom:55px;
}

.edge-why-heading h2{
  margin:12px 0 0;
  color:#fff;
  font-size:clamp(32px,4vw,48px);
  line-height:1.12;
}

.light-kicker{
  color:#d1b476;
}

.edge-why-heading > p{
  margin:0;
  color:rgba(255,255,255,.76);
  font-size:15px;
  line-height:1.8;
}

.edge-why-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(255,255,255,.2);
}

.edge-why-item{
  min-height:260px;
  padding:32px 25px;
  background:rgba(23,54,59,.72);
  border:1px solid rgba(255,255,255,.07);
}

.edge-why-icon{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:30px;
  border:1px solid #c19a57;
  color:#d0b477;
  font-size:11px;
  font-weight:700;
}

.edge-why-item h3{
  margin:0 0 12px;
  color:#fff;
  font-size:18px;
}

.edge-why-item p{
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:14px;
  line-height:1.75;
}


/* ==========================================================
   STATISTICS
   ========================================================== */

.edge-stats{
  padding:0;
  background:#c19a57;
}

.edge-stats .container{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}

.edge-stat{
  padding:42px 20px;
  text-align:center;
  border-right:1px solid rgba(255,255,255,.25);
}

.edge-stat:last-child{
  border-right:0;
}

.edge-stat strong{
  display:block;
  color:#fff;
  font-size:35px;
  line-height:1.1;
}

.edge-stat span{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.82);
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
}


/* ==========================================================
   ENVIRONMENT
   ========================================================== */

.edge-environment{
  background:#f7f9f8;
}

.edge-environment-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:75px;
  align-items:center;
}

.edge-environment-visual{
  position:relative;
  min-height:480px;
  overflow:hidden;
  background:
    linear-gradient(145deg,#214e53,#377d7f 55%,#9b7b4a);
}

.edge-environment-pattern{
  position:absolute;
  width:500px;
  height:500px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  box-shadow:
    0 0 0 65px rgba(255,255,255,.025),
    0 0 0 130px rgba(255,255,255,.02);
}

.edge-environment-label{
  position:absolute;
  left:40px;
  bottom:40px;
  color:#fff;
  font-size:13px;
  letter-spacing:.2em;
  font-weight:700;
}

.edge-text-link{
  display:inline-block;
  margin-top:20px;
  color:#287d83;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}

.edge-text-link:hover{
  color:#17363b;
}


/* ==========================================================
   FINAL CTA
   ========================================================== */

.edge-final-cta{
  position:relative;
  padding:115px 0;
  overflow:hidden;
  background:
    linear-gradient(135deg,#17363b,#214f53 55%,#96784c);
}

.edge-final-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.12),transparent 25%);
}

.edge-final-content{
  position:relative;
  z-index:2;
  max-width:850px;
  margin:auto;
  text-align:center;
}

.edge-final-content h2{
  margin:14px 0 22px;
  color:#fff;
  font-size:clamp(35px,5vw,56px);
  line-height:1.1;
}

.edge-final-content p{
  max-width:720px;
  margin:0 auto;
  color:rgba(255,255,255,.8);
  font-size:16px;
  line-height:1.85;
}

.edge-final-buttons{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:32px;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:950px){

  .edge-intro-layout,
  .edge-care-layout,
  .edge-mental-layout,
  .edge-environment-layout{
    grid-template-columns:1fr;
  }

  .edge-purpose-grid{
    grid-template-columns:1fr;
  }

  .edge-values-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .edge-why-heading{
    grid-template-columns:1fr;
    gap:25px;
  }

  .edge-why-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .edge-stats .container{
    grid-template-columns:repeat(2,1fr);
  }

}


@media(max-width:700px){

  .edge-about-hero-new{
    min-height:600px;
  }

  .edge-about-hero-content{
    padding-top:60px;
    padding-bottom:70px;
  }

  .edge-about-hero-new h1{
    font-size:38px;
  }

  .edge-about-hero-new p{
    font-size:15px;
  }

  .edge-about-hero-buttons{
    flex-direction:column;
    align-items:stretch;
  }

  .edge-btn-primary,
  .edge-btn-light{
    width:100%;
  }

  .edge-about-intro,
  .edge-purpose,
  .edge-care-section,
  .edge-mental-section,
  .edge-values,
  .edge-environment{
    padding:75px 0;
  }

  .edge-intro-visual{
    min-height:400px;
  }

  .edge-visual-main{
    inset:0 25px 30px 0;
    padding:30px;
  }

  .edge-visual-title{
    font-size:28px;
  }

  .edge-visual-badge{
    width:120px;
    height:120px;
  }

  .edge-timeline-line{
    left:22px;
  }

  .edge-timeline-item,
  .edge-timeline-item.reverse{
    display:block;
    direction:ltr;
    padding-left:55px;
  }

  .edge-timeline-year{
    left:22px;
    width:60px;
    height:60px;
    font-size:12px;
  }

  .edge-timeline-card,
  .edge-timeline-item:nth-child(odd) .edge-timeline-card,
  .edge-timeline-item:nth-child(even) .edge-timeline-card{
    width:100%;
    margin:0;
    padding:25px;
  }

  .edge-purpose-card{
    min-height:auto;
    padding:35px;
  }

  .edge-care-visual,
  .edge-mental-visual,
  .edge-environment-visual{
    min-height:380px;
  }

  .edge-condition-grid{
    grid-template-columns:1fr;
  }

  .edge-values-grid{
    grid-template-columns:1fr;
  }

  .edge-why-grid{
    grid-template-columns:1fr;
  }

  .edge-stats .container{
    grid-template-columns:1fr 1fr;
  }

  .edge-stat{
    padding:30px 10px;
  }

  .edge-stat strong{
    font-size:27px;
  }

}

@media(max-width:420px){

  .edge-about-hero-new h1{
    font-size:33px;
  }

  .edge-section-heading h2,
  .edge-care-content h2,
  .edge-mental-content h2,
  .edge-environment-content h2{
    font-size:30px;
  }

  .edge-stats .container{
    grid-template-columns:1fr;
  }

}

.navin {
width: min(1180px, 92%);
height: 104px;

margin: 0 auto;

display: flex;
align-items: center;
justify-content: space-between;

gap: 30px;
}

/* =========================================================
LOGO
========================================================= */

.brand {
flex: 0 0 auto;

display: flex;
align-items: center;
}

.brand a {
display: flex;
align-items: center;
}

.brand img {
display: block;

width: auto;
height: auto;

max-width: 250px;
max-height: 92px;

object-fit: contain;
object-position: left center;
}

/* =========================================================
NAVIGATION
========================================================= */

.navlinks {
display: flex;
align-items: center;
justify-content: flex-end;

gap: 5px;

margin-left: auto;

font-family: "DM Sans", sans-serif;
font-size: 14px;
font-weight: 600;
}

.navlinks a {
position: relative;

display: inline-flex;
align-items: center;
justify-content: center;

min-height: 44px;

padding: 0 13px;

color: #1c2b2c;

border-radius: 6px;

white-space: nowrap;

transition:
color .25s ease,
background .25s ease;
}

/* Hover */

.navlinks a:hover {
color: #1a6e79;
background: #edf5f4;
}

/* Active tab */

.navlinks a.active {
color: #1a6e79;
}

.navlinks a.active::after {
content: "";

position: absolute;

left: 13px;
right: 13px;
bottom: 4px;

height: 2px;

border-radius: 4px;

background: #c19a57;
}

/* =========================================================
HEADER CONTACT BUTTON
Works with existing .btn / .btn-gold
========================================================= */

.navlinks .btn {
min-height: 42px;

margin-left: 8px;

padding: 0 19px;

border-radius: 6px;

background: #1a6e79;
color: #fff;

box-shadow: 0 8px 20px rgba(26, 110, 121, .18);
}

.navlinks .btn:hover {
background: #12545c;
color: #fff;

transform: translateY(-1px);

box-shadow: 0 11px 25px rgba(26, 110, 121, .24);
}

.navlinks .btn::after {
display: none;
}

/* =========================================================
MOBILE MENU
========================================================= */

.menu {
display: none;

width: 44px;
height: 44px;

align-items: center;
justify-content: center;

border: 1px solid #dde5e4;
border-radius: 7px;

background: #fff;

color: #1c2b2c;

font-size: 25px;
}

/* =========================================================
HEADER / FOOTER — TABLET
========================================================= */

@media (max-width: 1050px) {

.navin {
height: 96px;
}

.brand img {
max-width: 220px;
max-height: 80px;
}

.navlinks {
gap: 2px;
font-size: 13px;
}

.navlinks a {
padding-left: 9px;
padding-right: 9px;
}

.navlinks .btn {
margin-left: 5px;
padding-left: 14px;
padding-right: 14px;
}

}

/* =========================================================
HEADER / FOOTER — MOBILE
========================================================= */

@media (max-width: 850px) {

.navin {
position: relative;

width: min(1180px, 90%);

height: 92px;

}

.brand img {
max-width: 200px;
max-height: 72px;
}

.menu {
display: flex;

flex: 0 0 44px;

}

.navlinks {
display: none;

position: absolute;

top: 92px;
left: 0;
right: 0;

width: 100%;

margin: 0;

padding: 12px 5% 22px;

flex-direction: column;
align-items: stretch;

gap: 0;

background: #ffffff;

border-bottom: 1px solid #dde5e4;

box-shadow: 0 20px 40px rgba(20,38,42,.12);

z-index: 100;

}

.navlinks.open {
display: flex;
}

.navlinks a {
width: 100%;

min-height: 46px;

justify-content: flex-start;

padding: 0 12px;

border-bottom: 1px solid #edf1f0;

border-radius: 0;

}

.navlinks a.active::after {
left: 12px;
right: auto;

width: 25px;

bottom: 7px;

}

.navlinks .btn {
width: 100%;

margin: 10px 0 0;

justify-content: center;

border-radius: 6px;

}

}

/* =========================================================
HEADER / FOOTER — SMALL MOBILE
========================================================= */

@media (max-width: 560px) {

.navin {
height: 86px;
}

.brand img {
max-width: 180px;
max-height: 64px;
}

.navlinks {
top: 86px;
}

}

.edge-shared-header .moving-bar {
  width: 100%;
}

.edge-shared-header nav {
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #dde5e4;
}

.edge-shared-header .navin {
  width: min(1180px, 92%);
  min-height: 96px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.edge-shared-header .brand {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.edge-shared-header .brand img {
  display: block;
  width: auto;
  height: 82px;
  max-width: 250px;
  object-fit: contain;
}

.edge-shared-header .navlinks {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}

.edge-shared-header .navlinks a {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  color: #1c2b2c;
  transition: color .25s ease;
}

.edge-shared-header .navlinks a:hover {
  color: #1a6e79;
}

.edge-shared-header .navlinks .btn-gold {
  padding: 12px 20px;
  border-radius: 6px;
  background: #1a6e79;
  color: #ffffff;
}

.edge-shared-header .menu {
  display: none;
  border: 0;
  background: transparent;
  font-size: 30px;
  cursor: pointer;
}


/* ---------- MOBILE ---------- */

@media (max-width: 1050px) {

  .edge-shared-header .navlinks {
    gap: 13px;
  }

  .edge-shared-header .navlinks a {
    font-size: 13px;
  }

  .edge-shared-header .brand img {
    height: 76px;
    max-width: 220px;
  }

}


@media (max-width: 850px) {

  .edge-shared-header .navin {
    min-height: 86px;
  }

  .edge-shared-header .brand img {
    height: 72px;
    max-width: 210px;
  }

  .edge-shared-header .menu {
    display: block;
  }

  .edge-shared-header .navlinks {
    display: none;
    position: absolute;
    top: 86px;
    left: 0;
    right: 0;
    padding: 20px 5% 25px;
    background: #ffffff;
    border-bottom: 1px solid #dde5e4;
    box-shadow: 0 20px 40px rgba(20,38,42,.12);
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
  }

  .edge-shared-header .navlinks.open {
    display: flex;
  }

  .edge-shared-header .navlinks a {
    padding: 10px 0;
  }

  .edge-shared-header .navlinks .btn-gold {
    text-align: center;
    margin-top: 7px;
  }

}


@media (max-width: 480px) {

  .edge-shared-header .navin {
    min-height: 78px;
  }

  .edge-shared-header .brand img {
    height: 64px;
    max-width: 190px;
  }

  .edge-shared-header .navlinks {
    top: 78px;
  }

}

/* Moving top bar */
.edge-shared-header .moving-bar {
  width: 100%;
  height: 34px;
  overflow: hidden;
  background: #14262a;
  color: #f1f0e8;
  display: flex;
  align-items: center;
}

.edge-shared-header .moving-track {
  display: flex;
  align-items: center;
  gap: 28px;
  width: max-content;
  white-space: nowrap;
  animation: edgeMovingText 28s linear infinite;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

@keyframes edgeMovingText {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Main navigation */
.edge-shared-header .edge-main-nav {
  position: sticky;
  top: 0;
  width: 100%;
  min-height: 100px;
  background: rgba(255,255,255,0.98);
  border-bottom: 1px solid #dce6e4;
  box-shadow: 0 4px 20px rgba(20,38,42,0.07);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.edge-shared-header .navin {
  width: min(1200px, 92%);
  min-height: 100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

/* BIGGER LOGO */
.edge-shared-header .brand {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 100px;
}

.edge-shared-header .brand img {
  display: block;
  width: auto;
  height: 82px;
  max-width: 270px;
  object-fit: contain;
  object-position: left center;
}

/* Navigation links */
.edge-shared-header .navlinks {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
}

.edge-shared-header .navlinks a {
  position: relative;
  color: #263b3e;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  transition: color .25s ease;
}

.edge-shared-header .navlinks a:not(.btn)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 0;
  height: 2px;
  background: #b89452;
  transition: width .25s ease;
}

.edge-shared-header .navlinks a:not(.btn):hover {
  color: #1a6e79;
}

.edge-shared-header .navlinks a:not(.btn):hover::after {
  width: 100%;
}

/* Get Help button */
.edge-shared-header .navlinks .btn-gold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 22px;
  border-radius: 4px;
  background: #1a6e79;
  color: #ffffff;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(26,110,121,.18);
  transition: all .25s ease;
}

.edge-shared-header .navlinks .btn-gold:hover {
  background: #14262a;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(20,38,42,.18);
}

.edge-shared-header .navlinks .btn-gold::after {
  display: none;
}

/* Mobile menu button */
.edge-shared-header .menu {
  display: none;
  border: 0;
  background: transparent;
  color: #14262a;
  font-size: 30px;
  cursor: pointer;
  padding: 8px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 1050px) {

  .edge-shared-header .navlinks {
    gap: 15px;
  }

  .edge-shared-header .navlinks a {
    font-size: 13px;
  }

  .edge-shared-header .brand img {
    height: 76px;
    max-width: 235px;
  }
}


@media (max-width: 850px) {

  .edge-shared-header .edge-main-nav {
    min-height: 86px;
  }

  .edge-shared-header .navin {
    min-height: 86px;
  }

  .edge-shared-header .brand {
    height: 86px;
  }

  .edge-shared-header .brand img {
    height: 70px;
    max-width: 220px;
  }

  .edge-shared-header .menu {
    display: block;
  }

  .edge-shared-header .navlinks {
    display: none;
    position: absolute;
    top: 86px;
    left: 0;
    right: 0;

    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;

    gap: 0;
    padding: 15px 5% 22px;

    background: #ffffff;
    border-bottom: 1px solid #dce6e4;
    box-shadow: 0 15px 30px rgba(20,38,42,.10);
  }

  .edge-shared-header .navlinks.open {
    display: flex;
  }

  .edge-shared-header .navlinks a {
    padding: 12px 0;
    font-size: 15px;
  }

  .edge-shared-header .navlinks a:not(.btn)::after {
    display: none;
  }

  .edge-shared-header .navlinks .btn-gold {
    margin-top: 8px;
    width: 100%;
  }
}


@media (max-width: 520px) {

  .edge-shared-header .moving-bar {
    height: 30px;
  }

  .edge-shared-header .moving-track {
    font-size: 9px;
    gap: 20px;
  }

  .edge-shared-header .navin {
    width: 92%;
  }

  .edge-shared-header .brand img {
    height: 62px;
    max-width: 195px;
  }
}

/* =========================================================
   THE EDGE REHAB — BRAND LOGO + BRAND TEXT
   ========================================================= */

.edge-shared-header .brand {
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
}

.edge-shared-header .brand img {
  height: 82px;
  width: auto;
  max-width: 220px;
  object-fit: contain;
  display: block;
}

.edge-shared-header .brand-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid #d9e2e0;
  padding-left: 16px;
  line-height: 1.25;
}

.edge-shared-header .brand-text strong {
  color: #14262a;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .2px;
}

.edge-shared-header .brand-text small {
  display: block;
  max-width: 210px;
  margin-top: 5px;
  color: #1a6e79;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .7px;
  text-transform: uppercase;
}


/* ---------- MOBILE ---------- */

@media (max-width: 850px) {

  .edge-shared-header .brand {
    gap: 10px;
  }

  .edge-shared-header .brand img {
    height: 65px;
    max-width: 175px;
  }

  .edge-shared-header .brand-text {
    padding-left: 10px;
  }

  .edge-shared-header .brand-text strong {
    font-size: 15px;
  }

  .edge-shared-header .brand-text small {
    font-size: 8px;
    max-width: 150px;
  }

}

@media (max-width: 600px) {

  .edge-shared-header .brand-text {
    display: none;
  }

  .edge-shared-header .brand img {
    height: 65px;
    max-width: 190px;
  }

}

/* BIGGER THE EDGE LOGOS */

.edge-shared-header .brand img {
  height: 105px !important;
  width: auto !important;
  max-width: 300px !important;
  object-fit: contain;
}

.edge-shared-header .brand {
  height: 110px;
  display: flex;
  align-items: center;
}

/* =========================================================
   THE EDGE — FINAL LOGO SIZE
   ========================================================= */

/* HEADER LOGO */
.edge-shared-header .brand {
  height: 115px !important;
  display: flex !important;
  align-items: center !important;
}

.edge-shared-header .brand img {
  display: block !important;
  width: 125px !important;
  height: 122px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
}


/* MOBILE */
@media (max-width: 850px) {
  .edge-shared-header .brand {
    height: 88px !important;
  }

  .edge-shared-header .brand img {
    width: 88px !important;
    height: 86px !important;
  }
}

/* FIX HEADER HEIGHT — KEEP LOGO SIZE */

.edge-shared-header .edge-main-nav {
  min-height: 90px !important;
  height: 90px !important;
  overflow: visible !important;
}

.edge-shared-header .navin {
  min-height: 90px !important;
  height: 90px !important;
}

.edge-shared-header .brand {
  height: 90px !important;
}

/* Keep the logo visually large */
.edge-shared-header .brand img {
  width: 125px !important;
  height: 122px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
}

/* Keep logo centered without increasing the nav block */
.edge-shared-header .brand {
  align-items: center !important;
}

@media (max-width: 850px) {
  .edge-shared-header .edge-main-nav {
    min-height: 82px !important;
    height: 82px !important;
  }

  .edge-shared-header .navin,
  .edge-shared-header .brand {
    min-height: 82px !important;
    height: 82px !important;
  }
}

/* =========================================================
   HEADER — SMALLER NAVIGATION BLOCK, LARGE LOGO
   ========================================================= */

.edge-shared-header .edge-main-nav {
  height: 72px !important;
  min-height: 72px !important;
  overflow: visible !important;
}

.edge-shared-header .navin {
  height: 72px !important;
  min-height: 72px !important;
}

.edge-shared-header .brand {
  height: 72px !important;
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}

.edge-shared-header .brand img {
  width: 125px !important;
  height: 122px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  position: relative;
  z-index: 10;
}

/* =========================================================
   THE EDGE HEADER — FINAL SIZE
   ========================================================= */

.edge-shared-header .edge-main-nav {
  height: 78px !important;
  min-height: 78px !important;
  overflow: visible !important;
}

.edge-shared-header .navin {
  height: 78px !important;
  min-height: 78px !important;
}

.edge-shared-header .brand {
  height: 78px !important;
  min-height: 78px !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}

.edge-shared-header .brand img {
  width: 92px !important;
  height: 90px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Keep navigation vertically centered */
.edge-shared-header .navlinks {
  align-items: center !important;
}

@media (max-width: 850px) {
  .edge-shared-header .edge-main-nav,
  .edge-shared-header .navin,
  .edge-shared-header .brand {
    height: 76px !important;
    min-height: 76px !important;
  }

  .edge-shared-header .brand img {
    width: 78px !important;
    height: 76px !important;
  }
}

/* =========================================================
   HEADER LOGO — NO EXTRA WHITE BACKGROUND
   ========================================================= */

.edge-shared-header .brand {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

.edge-shared-header .brand img {
  width: 92px !important;
  height: 90px !important;
  max-width: none !important;
  max-height: none !important;

  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  object-fit: contain !important;
}

/* Keep the navigation compact */
.edge-shared-header .edge-main-nav {
  height: 78px !important;
  min-height: 78px !important;
  background: #fff !important;
  overflow: visible !important;
}

.edge-shared-header .navin {
  height: 78px !important;
  min-height: 78px !important;
}

/* =========================================
   THE EDGE — ABOUT PAGE HERO
   ========================================= */

.edge-about-hero-new{
  position:relative;
  min-height:560px;
  display:flex;
  align-items:center;
  overflow:hidden;

  background-image:url("about-hero.jpg");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;

  color:#fff;
}

.edge-about-hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;

  background:
    linear-gradient(
      90deg,
      rgba(10,35,42,.92) 0%,
      rgba(10,35,42,.82) 35%,
      rgba(10,35,42,.56) 65%,
      rgba(10,35,42,.25) 100%
    );
}

.edge-about-hero-content{
  position:relative;
  z-index:2;
  padding-top:90px;
  padding-bottom:90px;
}

.edge-about-kicker{
  color:#d8bd7b;
  font-size:12px;
  font-weight:800;
  letter-spacing:3px;
  text-transform:uppercase;
  margin-bottom:18px;
}

.edge-about-hero-new h1{
  max-width:800px;
  color:#fff;
  font-family:"Playfair Display",serif;
  font-size:clamp(42px,5.5vw,70px);
  line-height:1.1;
  margin:0 0 24px;
}

.edge-about-hero-new p{
  max-width:690px;
  color:rgba(255,255,255,.90);
  font-size:18px;
  line-height:1.75;
  margin:0 0 32px;
}

.edge-about-hero-buttons{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

/* Make buttons readable over the photograph */
.edge-about-hero-buttons .btn{
  border-radius:7px;
}

.edge-about-hero-buttons .btn-outline{
  color:#fff;
  border-color:rgba(255,255,255,.65);
  background:rgba(255,255,255,.06);
}

.edge-about-hero-buttons .btn-outline:hover{
  background:#fff;
  color:var(--ink);
}

/* Decorative circle */
.edge-about-hero-new::after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-190px;
  top:-170px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  z-index:1;
  pointer-events:none;
}

/* Mobile */
@media(max-width:800px){

  .edge-about-hero-new{
    min-height:520px;
    background-position:center center;
  }

  .edge-about-hero-content{
    padding-top:75px;
    padding-bottom:70px;
  }

  .edge-about-hero-new h1{
    font-size:clamp(38px,10vw,54px);
  }

  .edge-about-hero-new p{
    font-size:16px;
    line-height:1.65;
  }

  .edge-about-hero-new::after{
    width:350px;
    height:350px;
    right:-180px;
    top:-120px;
  }
}

/* =========================================================
   THE EDGE — ABOUT INTRODUCTION
   Premium two-column image + content section
   ========================================================= */

.edge-about-intro{
  position:relative;
  padding:105px 0 100px;
  background:#fff;
  overflow:hidden;
}

.edge-about-intro::before{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  border-radius:50%;
  background:rgba(47,151,161,.055);
  left:-250px;
  top:80px;
  pointer-events:none;
}

.edge-about-intro-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}


/* ---------------------------------------------------------
   LEFT CONTENT
   --------------------------------------------------------- */

.edge-about-intro-content{
  max-width:650px;
}

.edge-about-section-label{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#1a6e79;
  font-size:12px;
  font-weight:800;
  letter-spacing:3px;
  text-transform:uppercase;
  margin-bottom:18px;
}

.edge-about-section-label::before{
  content:"";
  width:34px;
  height:2px;
  background:#d8bd7b;
  display:block;
}

.edge-about-intro-content h2{
  font-family:"Playfair Display",serif;
  color:#14262a;
  font-size:clamp(38px,4vw,56px);
  line-height:1.12;
  margin:0 0 23px;
}

.edge-about-lead{
  color:#5c6f6e;
  font-size:18px;
  line-height:1.8;
  margin-bottom:30px;
}


/* ---------------------------------------------------------
   THE EDGE BRAND BLOCK
   --------------------------------------------------------- */

.edge-about-brand-block{
  display:flex;
  align-items:center;
  gap:24px;
  padding:24px 0;
  margin-bottom:26px;
  border-top:1px solid #dde5e4;
  border-bottom:1px solid #dde5e4;
}

.edge-about-brand-mark{
  font-family:"Playfair Display",serif;
  font-size:27px;
  font-weight:600;
  color:#14262a;
  letter-spacing:2px;
  white-space:nowrap;
}

.edge-about-brand-lines{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding-left:24px;
  border-left:1px solid #d8bd7b;
}

.edge-about-brand-lines strong{
  color:#1a6e79;
  font-size:14px;
  font-weight:700;
}


/* ---------------------------------------------------------
   2015 STAT
   --------------------------------------------------------- */

.edge-about-stat{
  display:flex;
  align-items:center;
  gap:22px;
  padding:23px 26px;
  margin-bottom:32px;
  background:#f1f7f6;
  border-left:4px solid #1a6e79;
  border-radius:4px;
}

.edge-about-stat-number{
  font-family:"Playfair Display",serif;
  color:#1a6e79;
  font-size:40px;
  line-height:1;
  font-weight:600;
}

.edge-about-stat-text{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.edge-about-stat-text strong{
  color:#14262a;
  font-size:15px;
}

.edge-about-stat-text span{
  color:#5c6f6e;
  font-size:13px;
  line-height:1.5;
}


/* ---------------------------------------------------------
   TEXT
   --------------------------------------------------------- */

.edge-about-intro-content h3{
  color:#14262a;
  font-family:"Playfair Display",serif;
  font-size:27px;
  line-height:1.3;
  margin:0 0 15px;
}

.edge-about-intro-content > p:not(.edge-about-lead){
  color:#5c6f6e;
  font-size:15px;
  line-height:1.8;
  margin-bottom:17px;
}


/* ---------------------------------------------------------
   IHRA REGISTRATION
   --------------------------------------------------------- */

.edge-about-registration{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-top:27px;
  padding:19px 20px;
  background:#fff;
  border:1px solid #dde5e4;
  border-radius:8px;
  box-shadow:0 12px 30px rgba(20,38,42,.05);
}

.edge-about-registration-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:50%;
  background:#1a6e79;
  color:#fff;
  font-size:14px;
  font-weight:800;
}

.edge-about-registration strong{
  display:block;
  color:#14262a;
  font-size:14px;
  margin-bottom:3px;
}

.edge-about-registration p{
  color:#5c6f6e;
  font-size:13px;
  line-height:1.6;
  margin:0;
}


/* ---------------------------------------------------------
   RIGHT IMAGE
   --------------------------------------------------------- */

.edge-about-image-column{
  position:relative;
  padding:18px 18px 35px 35px;
}

.edge-about-image-frame{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  background:#14262a;
  box-shadow:
    0 30px 70px rgba(20,38,42,.18),
    0 8px 25px rgba(20,38,42,.08);
}

.edge-about-image-frame img{
  width:100%;
  height:auto;
  min-height:520px;
  object-fit:cover;
  display:block;
}

.edge-about-image-frame::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(10,35,42,.02) 40%,
    rgba(10,35,42,.30) 100%
  );
  pointer-events:none;
}


/* Gold decorative edge */

.edge-about-image-accent{
  position:absolute;
  z-index:3;
  width:105px;
  height:105px;
  right:-18px;
  top:-18px;
  border-top:3px solid #d8bd7b;
  border-right:3px solid #d8bd7b;
  pointer-events:none;
}


/* ---------------------------------------------------------
   IMAGE CAPTION
   --------------------------------------------------------- */

.edge-about-image-caption{
  position:absolute;
  z-index:4;
  left:25px;
  right:25px;
  bottom:24px;
  display:flex;
  align-items:center;
  gap:17px;
  padding:17px 20px;
  background:rgba(20,38,42,.90);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:9px;
  color:#fff;
}

.edge-about-caption-number{
  font-family:"Playfair Display",serif;
  color:#d8bd7b;
  font-size:25px;
  font-weight:600;
  line-height:1;
}

.edge-about-image-caption div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.edge-about-image-caption strong{
  color:#fff;
  font-size:14px;
}

.edge-about-image-caption span:not(.edge-about-caption-number){
  color:rgba(255,255,255,.72);
  font-size:11px;
}


/* ---------------------------------------------------------
   THREE PILLARS
   --------------------------------------------------------- */

.edge-about-pillars{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:75px;
}

.edge-about-pillar{
  position:relative;
  display:flex;
  gap:18px;
  min-height:180px;
  padding:30px 27px;
  background:#fff;
  border:1px solid #dde5e4;
  border-radius:12px;
  box-shadow:0 12px 30px rgba(20,38,42,.055);
  transition:.3s ease;
}

.edge-about-pillar:hover{
  transform:translateY(-6px);
  border-color:rgba(26,110,121,.35);
  box-shadow:0 22px 45px rgba(20,38,42,.10);
}

.edge-about-pillar-number{
  flex:none;
  font-family:"Playfair Display",serif;
  color:#1a6e79;
  font-size:22px;
  font-weight:600;
  line-height:1;
  padding-top:3px;
}

.edge-about-pillar h3{
  color:#14262a;
  font-family:"Playfair Display",serif;
  font-size:21px;
  line-height:1.25;
  margin:0 0 10px;
}

.edge-about-pillar p{
  color:#5c6f6e;
  font-size:13.5px;
  line-height:1.7;
  margin:0;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:950px){

  .edge-about-intro{
    padding:80px 0;
  }

  .edge-about-intro-grid{
    grid-template-columns:1fr;
    gap:55px;
  }

  .edge-about-intro-content{
    max-width:760px;
  }

  .edge-about-image-column{
    max-width:720px;
    width:100%;
    margin:0 auto;
  }

  .edge-about-image-frame img{
    min-height:420px;
  }

  .edge-about-pillars{
    grid-template-columns:1fr;
    max-width:720px;
    margin-left:auto;
    margin-right:auto;
  }

}


@media(max-width:600px){

  .edge-about-intro{
    padding:65px 0;
  }

  .edge-about-intro-content h2{
    font-size:36px;
  }

  .edge-about-lead{
    font-size:16px;
  }

  .edge-about-brand-block{
    gap:15px;
  }

  .edge-about-brand-mark{
    font-size:22px;
  }

  .edge-about-brand-lines{
    padding-left:15px;
  }

  .edge-about-stat{
    padding:20px;
    gap:16px;
  }

  .edge-about-stat-number{
    font-size:34px;
  }

  .edge-about-image-column{
    padding:10px 10px 25px 15px;
  }

  .edge-about-image-frame{
    border-radius:14px;
  }

  .edge-about-image-frame img{
    min-height:330px;
  }

  .edge-about-image-caption{
    left:15px;
    right:15px;
    bottom:15px;
    padding:14px 15px;
  }

  .edge-about-caption-number{
    font-size:21px;
  }

  .edge-about-pillar{
    min-height:0;
    padding:25px 22px;
  }

}
/* =========================================================
   SITE FOOTER — shared across all pages
   ========================================================= */
.site-footer{background:var(--dark);color:#c9d4d2;position:relative}
.site-footer::before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:44px;padding:60px 0 40px}
.footer-brand img{height:76px;width:auto;background:#fff;padding:8px 14px;border-radius:8px;display:block;margin-bottom:18px}
.footer-brand p{font-size:14px;line-height:1.75;color:#aab8b6;max-width:340px}
.footer-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.footer-badges span{font-size:11px;letter-spacing:.4px;text-transform:uppercase;font-weight:700;color:var(--gold2);border:1px solid rgba(47,151,161,.35);padding:6px 10px;border-radius:20px}
.footer-col h4{font-family:"Playfair Display",serif;font-size:17px;color:#fff;font-weight:600;margin-bottom:22px;position:relative;padding-bottom:12px}
.footer-col h4::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:var(--gold2)}
.footer-col a{display:block;color:#aab8b6;font-size:14px;margin:0 0 12px;transition:.2s}
.footer-col a:hover{color:var(--gold2);padding-left:3px}
.footer-contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;font-size:14px;color:#aab8b6}
.footer-contact-item svg{flex:none;width:17px;height:17px;color:var(--gold2);margin-top:2px}
.footer-contact-item a{color:#aab8b6}
.footer-contact-item a:hover{color:var(--gold2)}
.footer-cta{margin-top:10px;width:100%}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding:22px 0;font-size:12px;color:#7f8e8c}
@media(max-width:900px){
  .footer-top{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:560px){
  .footer-top{grid-template-columns:1fr;padding:48px 0 32px;gap:34px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}