:root {
  --ink: #12323a;
  --teal: #007c91;
  --teal-2: #00b8d4;
  --mint: #e6faff;
  --cream: #f4fcff;
  --sand: #cdeff5;
  --white: #fff;
  --coral: #f45304;
  --line: rgba(18, 50, 58, .14);
  --shadow: 0 24px 60px rgba(0, 120, 145, .16);

  --radius: 1.35rem;
  --container: min(1180px, calc(100% - 2rem));
  --serif: 'Libre Baskerville', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);line-height:1.65;background:#fff}body.menu-open{overflow:hidden}img,video{display:block;max-width:100%}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}button,input,select,textarea{font:inherit}.container{width:var(--container);margin-inline:auto}.section{padding:clamp(4.5rem,8vw,8rem) 0}.section-dark{color:#fff;background:var(--teal)}.section-soft{background:var(--mint)}.section-warm{background:var(--cream)}.skip-link{position:fixed;z-index:9999;left:1rem;top:1rem;padding:.75rem 1rem;background:#fff;color:#000;transform:translateY(-200%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.safety-alert{background:#f6e6cf;color:#4a3724}.alert-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 0}.alert-inner p{margin:0;font-size:.86rem}.icon-button{border:0;background:transparent;color:inherit;font-size:1.8rem;line-height:1;cursor:pointer}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}.utility-bar{background:var(--ink);color:#fff;font-size:.78rem}.utility-inner,.utility-links,.nav-row,.primary-nav{display:flex;align-items:center}.utility-inner{justify-content:space-between;min-height:2.2rem}.utility-inner p{margin:0}.utility-links{gap:1.2rem}.utility-links a{text-decoration:none}.nav-row{justify-content:space-between;min-height:5.25rem}.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--teal)}.brand-mark{width:2.45rem;height:2.45rem}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font-family:var(--serif);font-size:1.05rem}.brand small{margin-top:.25rem;letter-spacing:.26em;text-transform:uppercase}.primary-nav{gap:1.6rem}.primary-nav>a{text-decoration:none;font-weight:600;font-size:.93rem}.menu-toggle{display:none;width:3rem;height:3rem;border:0;background:transparent}.menu-toggle span:not(.sr-only){display:block;width:1.55rem;height:2px;margin:5px auto;background:currentColor}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.8rem 1.25rem;border:2px solid var(--coral);border-radius:999px;background:var(--coral);color:#fff;text-decoration:none;font-weight:700;cursor:pointer;transition:.2s ease}.button:hover{transform:translateY(-2px);filter:brightness(.96)}.button-small{min-height:2.75rem;padding:.55rem 1rem}.button-ghost{border-color:rgba(255,255,255,.65);background:transparent}.button-light{background:#fff;border-color:#fff;color:var(--teal)}.button-dark{background:var(--teal);border-color:var(--teal)}.hero{position:relative;min-height:760px;display:grid;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0 0 0 48%;background:#dceceb}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--teal) 0%,transparent 35%)}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr)}.hero-copy{max-width:650px;padding:5rem 0 9rem}.eyebrow{margin:0 0 1rem;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero h1,.section-heading h2{font-family:var(--serif);font-weight:400;line-height:1.12}.hero h1{margin:.2rem 0 1.4rem;font-size:clamp(3.3rem,7vw,6.7rem);letter-spacing:-.055em}.hero h1 em{font-weight:400;color:#b9dfda}.hero-lead{max-width:590px;font-size:1.16rem}.button-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.7rem}.trust-list{display:flex;flex-wrap:wrap;gap:1.25rem;margin:2rem 0 0;padding:0;list-style:none;font-size:.86rem}.trust-list li:before{content:'✓';margin-right:.45rem;color:#aee0d8}.hero-card{position:absolute;z-index:3;left:50%;bottom:0;transform:translate(-50%,45%);width:min(1050px,calc(100% - 2rem));padding:2.1rem 2.4rem;border-radius:var(--radius);background:#fff;color:var(--ink);box-shadow:var(--shadow)}.hero-card h2{margin:.1rem 0 1rem;font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.3rem)}.location-finder label{font-weight:700;font-size:.85rem}.select-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;margin-top:.45rem}.select-row select,.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:.75rem;background:#fff;color:var(--ink);padding:.9rem 1rem}.intro-section{padding-top:12rem}.split-grid,.media-grid,.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}.section-heading{max-width:720px}.section-heading h2{margin:.15rem 0 1rem;font-size:clamp(2.4rem,5vw,4.5rem);letter-spacing:-.04em}.section-heading p:last-child{font-size:1.05rem}.centered{text-align:center;margin:0 auto 3rem}.prose{font-size:1.12rem}.text-link{display:inline-block;margin-top:.5rem;color:var(--teal);font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature-card,.resource-card{padding:2rem;border-radius:var(--radius);background:#fff}.feature-card h3,.resource-card h3,.service-card h3{margin:.8rem 0 .5rem;font-family:var(--serif);font-size:1.35rem}.line-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--mint);color:var(--teal)}.line-icon svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.service-card{display:grid;grid-template-columns:43% 1fr;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.service-card img{width:100%;height:100%;min-height:280px;object-fit:cover;background:var(--mint)}.service-card>div{padding:2rem}.services-details{margin-top:2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services-details summary{padding:1.2rem 0;font-weight:700;cursor:pointer}.service-list{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem 1.2rem;padding:0 0 1.5rem;list-style-position:inside}.locations-section{background:linear-gradient(135deg,#123e47,#1c6470)}.location-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem}.location-tabs{display:flex;flex-direction:column;gap:.5rem}.location-tabs button{padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.22);border-radius:.8rem;background:transparent;color:#fff;text-align:left;cursor:pointer}.location-tabs button[aria-selected="true"]{background:#fff;color:var(--teal);font-weight:700}.location-detail{min-height:430px;padding:clamp(2rem,5vw,4rem);border-radius:var(--radius);background:#fff;color:var(--ink)}.location-detail h3{max-width:650px;margin:.3rem 0 2rem;font-family:var(--serif);font-size:clamp(2rem,4vw,3.7rem);line-height:1.14}.location-detail dl{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.location-detail dl div{border-top:1px solid var(--line);padding-top:.75rem}.location-detail dt{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.location-detail dd{margin:.2rem 0 0}.review-shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem}.review{text-align:center;max-width:820px;margin:auto}.review blockquote{margin:1rem 0 1.5rem;font-family:var(--serif);font-size:clamp(1.6rem,4vw,3rem);line-height:1.4}.review p span{color:#5d7378}.stars{color:#c6834b;letter-spacing:.18em}.carousel-button{width:3.3rem;height:3.3rem;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}.carousel-status{text-align:center;font-size:.8rem;color:#667b80}.video-frame{padding:1rem;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.video-frame video{width:100%;aspect-ratio:16/10;border-radius:.8rem;background:#111}.media-note{margin:.65rem .2rem 0;font-size:.74rem;color:#647478}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.resource-card{border:1px solid var(--line)}.schedule-grid{align-items:start}.appointment-form{padding:2rem;border-radius:var(--radius);background:#fff;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:flex;flex-direction:column}.field-full{grid-column:1/-1}.field label{margin-bottom:.35rem;font-weight:700}.field textarea{resize:vertical}.error{min-height:1.25rem;color:#a52b2b;font-size:.78rem}.form-status{font-weight:700}.site-footer{padding:5rem 0 1.5rem;background:#102f36;color:#fff}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem}.brand-footer{color:#fff}.footer-grid h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}.footer-grid ul{padding:0;list-style:none}.footer-grid a{text-decoration:none}.legal-row{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.15);font-size:.78rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid #f4b96a;outline-offset:3px}@media(max-width:900px){.utility-inner p{display:none}.utility-inner{justify-content:flex-end}.menu-toggle{display:block}.primary-nav{position:fixed;inset:calc(5.25rem + 2.2rem) 0 auto;display:flex;flex-direction:column;align-items:stretch;padding:1.5rem;background:#fff;box-shadow:var(--shadow);transform:translateY(-130%);visibility:hidden;transition:.25s}.primary-nav.open{transform:none;visibility:visible}.primary-nav>a{padding:.7rem}.hero{min-height:860px}.hero-media{inset:45% 0 0}.hero-media:after{background:linear-gradient(180deg,var(--teal),transparent 45%)}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:4rem 0 20rem}.split-grid,.media-grid,.schedule-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:repeat(2,1fr)}.service-list{grid-template-columns:repeat(2,1fr)}.location-layout{grid-template-columns:1fr}.location-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.intro-section{padding-top:13rem}}@media(max-width:620px){.utility-links a:not(:last-child){display:none}.hero{min-height:930px}.hero-copy{padding-top:3rem}.hero h1{font-size:3.3rem}.hero-card{padding:1.35rem}.select-row{grid-template-columns:1fr}.service-grid,.resource-grid,.form-grid{grid-template-columns:1fr}.service-card{grid-template-columns:1fr}.service-card img{min-height:220px}.location-tabs{grid-template-columns:1fr 1fr}.location-detail dl{grid-template-columns:1fr}.review-shell{grid-template-columns:1fr}.carousel-button{position:absolute}.review-shell{position:relative;padding-bottom:4.5rem}.carousel-button.previous{bottom:0;left:calc(50% - 4rem)}.carousel-button.next{bottom:0;right:calc(50% - 4rem)}.footer-grid{grid-template-columns:1fr}.legal-row{flex-direction:column}.field-full{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Krall Eye Clinic additions */
.hero-card address,.contact-card address,.footer-grid address{font-style:normal;line-height:1.7}.brand-section{overflow:hidden;padding-bottom:4rem}.brand-slider{overflow:hidden;position:relative;margin-top:2.5rem}.brand-slider::before,.brand-slider::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:10vw;pointer-events:none}.brand-slider::before{left:0;background:linear-gradient(90deg,#173f4b,transparent)}.brand-slider::after{right:0;background:linear-gradient(-90deg,#173f4b,transparent)}.brand-track{display:flex;width:max-content;gap:1rem;animation:brand-scroll 30s linear infinite;padding:1rem 0}.brand-track.paused{animation-play-state:paused}.brand-chip{display:grid;place-items:center;min-width:220px;min-height:112px;padding:1.5rem 2rem;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);font-family:"Libre Baskerville",serif;font-size:1.25rem;font-weight:700;letter-spacing:.02em;text-align:center;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12)}.brand-controls{display:flex;justify-content:center;margin-top:1.5rem}.brand-controls .carousel-button{width:auto;padding:.7rem 1.2rem;color:#fff;border-color:rgba(255,255,255,.35)}@keyframes brand-scroll{to{transform:translateX(calc(-50% - .5rem))}}.contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);gap:clamp(2rem,6vw,6rem);align-items:start}.contact-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding:clamp(1.5rem,4vw,3rem);background:#fff;color:#173f4b;border-radius:12px;box-shadow:0 25px 70px rgba(0,0,0,.2)}.contact-card section:first-child{grid-column:1/-1}.contact-card .eyebrow{color:#a36246}.hours-list,.phone-list{margin:0}.hours-list div,.phone-list div{padding:.75rem 0;border-bottom:1px solid #d9e2df}.hours-list dt,.phone-list dt{font-weight:700}.hours-list dd,.phone-list dd{margin:.25rem 0 0}.phone-list a{font-size:1.15rem;font-weight:700}.hero-media img{filter:hue-rotate(115deg) saturate(.55)}
@media(max-width:800px){.contact-grid{grid-template-columns:1fr}.contact-card{grid-template-columns:1fr}.contact-card section:first-child{grid-column:auto}.brand-chip{min-width:170px;min-height:90px}.brand-slider::before,.brand-slider::after{width:4vw}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.brand-track .brand-chip[aria-hidden="true"]{display:none}.brand-controls{display:none}}

/* Single-location hero: no floating location card. */
.hero-copy{padding-bottom:5rem}
.intro-section{padding-top:clamp(4.5rem,8vw,8rem)}

/* Logo-based eyewear marquee. Replace files in assets/brands and update content.js. */
.brand-chip{background:#fff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.brand-chip:hover,.brand-chip:focus-visible{transform:translateY(-4px);box-shadow:0 16px 38px rgba(0,0,0,.22)}
.brand-chip img{display:block;width:100%;max-width:180px;height:68px;object-fit:contain;margin:auto}
.brand-slider:hover .brand-track,.brand-slider:focus-within .brand-track{animation-play-state:paused}

.brand-controls .carousel-button{display:none;}
.hero-media {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.hero-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}.hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(10, 35, 42, 0.75);
}
.hero {
    position: relative;
    overflow: hidden;
}

.hero-grid {
    position: relative;
    z-index: 1;
}

/* Team Page Specific Styles */
.team-hero {
    padding: 6rem 0 4rem;
    background: linear-gradient(135deg, #123e47, #1c6470);
}

.doctor-grid {
    display: grid;
    /* Changed from auto-fill to repeat(4, 1fr) for a strict 4-column layout */
    grid-template-columns: repeat(4, 1fr); 
    gap: 1.5rem; /* Slightly reduced gap to fit 4 cards comfortably */
    margin-top: -2rem;
}

.doctor-card {
    background: var(--white);
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
}

.doctor-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 60px rgba(0,0,0,0.18);
}

.doctor-image img {
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
    background: var(--mint);
}

.doctor-info {
    padding: 2rem;
}

.doctor-info h2 {
    margin: 0 0 0.5rem;
    font-family: var(--serif);
    font-size: 1.5rem;
    color: var(--teal);
}

.specialty {
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
    color: #5d7378;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Responsive adjustments for the 4-column layout */
@media (max-width: 1100px) {
    .doctor-grid {
        grid-template-columns: repeat(3, 1fr); /* Drop to 3 columns on smaller desktops */
    }
}

@media (max-width: 850px) {
    .doctor-grid {
        grid-template-columns: repeat(2, 1fr); /* Drop to 2 columns on tablets */
    }
}

@media (max-width: 550px) {
    .doctor-grid {
        grid-template-columns: 1fr; /* Single column on mobile */
        margin-top: 0;
    }
}

/* Doctor Profile Page Styles */

.profile-hero {
  padding: 17rem 0 1rem;
  background: linear-gradient(135deg, #123e47, #1c6470);
  background-position:center center;
  background-repeat: no-repeat;
}

.joe{
	background-image:url("assets/images/banners/DrJoeHeadshot.jpg");
}

.jeff{
	background-image:url("assets/images/banners/DrJeffHeadshot.jpg");
}

.james{
	background-image:url("assets/images/banners/DrJamesHeadshot.jpg");
}

.phil{
	background-image:url("assets/images/banners/DrBeckerHeadshot.jpg");
}

.profile-hero h1 {
  font-family: var(--serif);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--white);
  margin-bottom: -1rem;
}

.profile-tagline {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.9rem;
  color: var(--mint);
  font-weight: 600;
}

/* Profile Layout */
.profile-layout {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 4rem;
  align-items: start;
}

/* Sidebar */
.profile-sidebar {
  position: sticky;
  top: 2rem;
}

.profile-card {
  background: var(--white);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  margin-top: -4rem;
}

.profile-image {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
}

.profile-cta {
  padding: 1.5rem;
}

.button-full {
  display: block;
  width: 100%;
  text-align: center;
}

.profile-quick-info {
  margin-top: 2rem;
  padding: 1.5rem;
  background: rgba(28, 100, 112, 0.08);
  border-radius: var(--radius);
  border-left: 4px solid var(--teal);
}

.profile-quick-info h3 {
  font-family: var(--serif);
  font-size: 1.1rem;
  color: var(--teal);
  margin-bottom: 1rem;
}

.profile-quick-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
}

.profile-quick-info li {
  margin-bottom: 0.5rem;
}

.profile-quick-info strong {
  color: var(--teal);
  font-weight: 600;
}

/* Main Content */
.profile-main {
  padding-top: 1rem;
}

.profile-intro {
  margin-bottom: 2rem;
}

.profile-intro .lead {
  font-size: 1.2rem;
  line-height: 1.8;
  color: var(--teal);
  font-weight: 500;
}

.profile-divider {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 2.5rem 0;
}

/* Q&A Section */
.profile-qa h2 {
  font-family: var(--serif);
  font-size: 2rem;
  color: var(--teal);
  margin-bottom: 2rem;
}

.qa-item {
  margin-bottom: 2.5rem;
}

.qa-item h3 {
  font-family: var(--serif);
  font-size: 1.1rem;
  color: var(--teal);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.qa-item p {
  line-height: 1.8;
  color: #333;
  margin: 0;
}

/* CTA Section */
.profile-cta-section {
  margin-top: 3rem;
  padding: 2rem;
  background: rgba(28, 100, 112, 0.08);
  border-radius: var(--radius);
  text-align: center;
}

.profile-cta-section h3 {
  font-family: var(--serif);
  font-size: 1.5rem;
  color: var(--teal);
  margin-bottom: 0.5rem;
}

.profile-cta-section p {
  margin-bottom: 1.5rem;
  color: #555;
}

/* Responsive */
@media (max-width: 1024px) {
  .profile-layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .profile-sidebar {
    position: static;
    max-width: 400px;
    margin: 0 auto;
  }

  .profile-card {
    margin-top: -2rem;
  }
}

@media (max-width: 768px) {
  .profile-hero {
    padding: 3rem 0 2rem;
  }

  .profile-hero h1 {
    font-size: 2rem;
  }

  .profile-quick-info {
    margin-top: 1.5rem;
    padding: 1.25rem;
  }

  .profile-main {
    padding-top: 0;
  }

  .qa-item h3 {
    font-size: 1rem;
  }

  .profile-cta-section {
    padding: 1.5rem;
  }

  .profile-cta-section h3 {
    font-size: 1.25rem;
  }
}

.video-frame iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: .8rem;
  background: #111;
}

/*Bigger logo size*/
.brand-mark{
	width: 14.45rem;
    height: 7.45rem;
}

/*Default is .93rem*/
.primary-nav>a,.nav-dropdown-toggle{font-size:1rem;}

/*3 testimonials at a time*/
.testimonials-shell {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
}

.testimonials-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 2rem) / 3);
  gap: 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: .5rem .25rem 1rem;
  scrollbar-width: thin;
}

.testimonial-card {
  scroll-snap-align: start;
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: var(--radius);
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 5px 9px rgba(15, 52, 59, .14);
);
  min-height: 260px;
}

.testimonial-card .stars {
  color: #b8894d;
  letter-spacing: .08em;
  margin-bottom: 1rem;
}

.testimonial-card blockquote {
  margin: 0 0 1.25rem;
  font-family: var(--serif);
  font-size: clamp(1.05rem, 1.4vw, 1.25rem);
  line-height: 1.45;
  color: var(--ink);
}

.testimonial-card p {
  margin: 0;
  color: var(--muted);
}

.testimonial-card strong {
  color: var(--ink);
}

@media (max-width: 992px) {
  .testimonials-track {
    grid-auto-columns: calc((100% - 1rem) / 2);
  }
}

@media (max-width: 576px) {
  .testimonials-shell {
    grid-template-columns: 1fr;
  }

  .testimonials-shell .carousel-button {
    display: none;
  }

  .testimonials-track {
    grid-auto-columns: 88%;
  }
}

/*main navigation ghost button*/
.button-nav-ghost {
  background: transparent;
  color: var(--coral);
  border-color: var(--coral);
}

.button-nav-ghost:hover,
.button-nav-ghost:focus {
  background: var(--coral);
  color: #fff;
}

/*Mitchell's Best Badges*/
.badge-strip {
  position: relative;
  overflow: hidden;
  padding: 1.25rem 0;
  background: #123e47;
  border-top: 1px solid rgba(255, 255, 255, .12);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.badge-strip-heading {
  text-align: center;
  margin-bottom: .85rem;
  color: rgba(255, 255, 255, .78);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.badge-slider {
  position: relative;
  overflow: hidden;
}

.badge-slider::before,
.badge-slider::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 12vw;
  pointer-events: none;
}

.badge-slider::before {
  left: 0;
  background: linear-gradient(90deg, #123e47, transparent);
}

.badge-slider::after {
  right: 0;
  background: linear-gradient(-90deg, #123e47, transparent);
}

.badge-track {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 1rem;
  padding: .35rem 0;
  animation: badge-scroll 45s linear infinite;/*Adjust speed of scroll*/
}

.badge-chip {
  display: grid;
  place-items: center;
  min-width: 170px;
  height: 88px;
  padding: .85rem 1.25rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(255, 255, 255, .35);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .18);
}

.badge-chip img {
  display: block;
  width: 100%;
  max-width: 130px;
  max-height: 58px;
  object-fit: contain;
}

@keyframes badge-scroll {
  to {
    transform: translateX(calc(-33.333% - .67rem));
  }
}

@media (max-width: 800px) {
  .badge-strip {
    padding: 1rem 0;
  }

  .badge-chip {
    min-width: 145px;
    height: 76px;
    padding: .75rem 1rem;
  }

  .badge-chip img {
    max-width: 115px;
    max-height: 50px;
  }

  .badge-slider::before,
  .badge-slider::after {
    width: 6vw;
  }
}

/*Fixes the services on mobile*/
@media (max-width: 800px) {
  #services .service-grid {
    grid-template-columns: 1fr;
  }

  #services .service-card {
    display: grid;
    grid-template-columns: 1fr;
    background: var(--white);
    overflow: hidden;
  }

  #services .service-card img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    position: static;
  }

  #services .service-card-content,
  #services .service-card .card-content,
  #services .service-card .service-copy,
  #services .service-card > div {
    position: static;
    background: var(--white);
    color: var(--ink);
    padding: clamp(1.75rem, 7vw, 3rem);
    transform: none;
    inset: auto;
  }

  #services .service-card h3,
  #services .service-card p {
    color: var(--ink);
  }

  #services .service-card a {
    color: var(--teal-2);
  }
}

.hero-media::after{background:rgba(10, 35, 42, 0.65)}

.footer-logo{
	text-align:center;
}
.footer-logo .brand-mark{
	height:5rem;
}