/* Molepo's dark palette. Layout and application behavior remain in their existing layers. */
html{color-scheme:dark;scrollbar-color:#587976 #081d22}
.molepo-architecture{--teal:#87ddd4;--teal-dark:#adebe4;--ink:#f1f8f6;--muted:#bad0ce;--pale:#173235;--line:#375457;background:#081d22;color:var(--ink)}
.molepo-architecture ::selection{background:#87ddd4;color:#08282c}
.molepo-architecture .header{color:#f1f8f6}
.molepo-architecture .header.scrolled{background:#0b2429f5;border-color:#375457}
.molepo-architecture .brand{color:#f1f8f6}
.molepo-architecture .button,.molepo-architecture .mobile-book{background:#87ddd4;border-color:#87ddd4;color:#08282c;font-size:14px;font-weight:700}
.molepo-architecture .button:hover{background:#b1eee7;border-color:#b1eee7}
.molepo-architecture .text-link{color:#adebe4;font-size:14px}
.molepo-architecture .text-link:hover{color:#fff}

.molepo-architecture .hero{background:#0c2a30}
.molepo-architecture .hero-overlay{background:linear-gradient(90deg,#0a242aed,#0d3036db 55%,#143c43ba)}
.molepo-architecture .hero h1{color:#f1f8f6}
.molepo-architecture .hero-copy{font-size:18px;color:#c4d9d6;max-width:455px}
.molepo-architecture .hero-actions .text-link{font-size:14px;color:#adebe4}
.clinician-arch{background:#35646980}
.clinician-outline{border-color:#668b87}
.molepo-architecture .hero-signature img{opacity:.6}
.molepo-architecture .hero-signature p{color:#c5dfdb}
.hero-band{background:#123b40}
.molepo-architecture .hero-bottom{color:#c4d9d6}
.molepo-architecture .hero-location{font-size:15px}
.molepo-architecture .hero-location small{font-size:13px}
.molepo-architecture .hero-bottom a{font-size:14px}

.molepo-architecture .services,.molepo-architecture .faq{background:#081d22}
.molepo-architecture .section-heading>p{font-size:18px;color:#bad0ce;max-width:360px}
.molepo-architecture .services-grid .service-card:nth-child(n){position:relative;isolation:isolate;overflow:hidden;min-height:495px;padding:25px 22px 20px;background:#102a30;border-color:#375457;box-shadow:none}
.molepo-architecture .service-media{position:absolute;inset:0;z-index:0;width:100%;height:100%;margin:0;border-radius:0;background:#213b40}
.molepo-architecture .service-media img{width:100%;height:100%;object-fit:cover;object-position:var(--image-position,center 30%);opacity:.86;transform:none;transition:opacity .4s ease}
.molepo-architecture .service-card::before{display:block;content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#081d2229 0px,#081d2259 90px,#081d22ed 175px,#081d22fc 100%);pointer-events:none}
.molepo-architecture .service-card::after{display:none}
.molepo-architecture .service-card-body{position:relative;z-index:2;padding-top:155px}
.molepo-architecture .service-card h3{font-size:23px;line-height:1.3;min-height:60px;color:#fff}
.molepo-architecture .service-card-body>p{font-size:16px;line-height:1.75;color:#d0e2df}
.molepo-architecture .service-card .service-link{font-size:12px;color:#adebe4;border-color:#54736e;min-height:48px}
.molepo-architecture .service-card:hover,.molepo-architecture .service-card:focus-within{background:#102a30;border-color:#87ddd4}
.molepo-architecture .service-card:focus-within .service-media img{opacity:1;transform:none}
@media(hover:hover){.molepo-architecture .service-card:hover .service-media img{opacity:1;transform:none}}
.molepo-architecture .more-services>p{font-size:17px;color:#bad0ce}
.molepo-architecture .photo-disclaimer{font-size:13px;color:#b2c9c6}

/* About has a consultation scene; Contact retains its own doctor photograph. */
.molepo-architecture .about{background:#173c37}
.molepo-architecture .about::before{background-image:url('assets/consultation.webp');background-position:center;opacity:.28}
.molepo-architecture .about::after{background:linear-gradient(90deg,#102f2df5,#173c37db 48%,#173c3766)}
.molepo-architecture .about-copy>p:not(.eyebrow){font-size:18px;line-height:1.85;color:#d1e2dc}
.molepo-architecture .about-signoff{font-size:16px}
.molepo-architecture .about-signoff small,.molepo-architecture .about-doctor .photo-label{font-size:13px;color:#c3d9d2}
.molepo-architecture .contact{background:#101f30}
.molepo-architecture .contact-overlay{background:linear-gradient(110deg,#101f30f5,#101f30e3 57%,#172c3be8)}
.molepo-architecture .contact-copy>p:not(.eyebrow){font-size:18px;color:#bfd0d9;max-width:440px}
.molepo-architecture .contact-item{border-color:#415566}
.molepo-architecture .contact-label,.molepo-architecture .contact-copy .contact-label{font-size:12px;color:#bad0d9}
.molepo-architecture .contact-item address{font-size:17px;color:#d0dce1}
.molepo-architecture .booking-panel{background:#192f3d;border-color:#48606d}
.molepo-architecture .form-heading p{font-size:17px;color:#c1d2db}
.molepo-architecture .field label{font-size:15px;color:#edf5f5}
.molepo-architecture .field label>span{font-size:13px;color:#b7ccd2}
.molepo-architecture input,.molepo-architecture select,.molepo-architecture textarea{background:#102431;color:#f1f8f6;border-color:#657f89;font-size:16px;caret-color:#87ddd4}
.molepo-architecture input::placeholder,.molepo-architecture textarea::placeholder{color:#a9c0c9;opacity:1}
.molepo-architecture :is(input,select,textarea)[aria-invalid=true]{border-color:#ffb5bc}
.molepo-architecture .error{color:#ffb5bc;font-size:14px}
.molepo-architecture .required-note,.molepo-architecture .privacy-note,.molepo-architecture .form-notice{font-size:14px;color:#bed0d8;line-height:1.75}
.molepo-architecture #form-status{color:#e1efeb}
.molepo-architecture .visit-planning{border-color:#415566}
.molepo-architecture .visit-planning p{font-size:16px;color:#bfd0d9}
.molepo-architecture .hours-list{font-size:16px}
.molepo-architecture .hours-list>div{border-color:#415566}
.molepo-architecture .practice-map iframe{border-color:#48606d;background:#192f3d;color-scheme:light}

.molepo-architecture .medical-aids{background:#143237}
.molepo-architecture .aids-heading h2{color:#f1f8f6}
.molepo-architecture .aids-heading p{font-size:16px;color:#c1d7d2}
.molepo-architecture .scheme-list{border-color:#42625f}
.molepo-architecture .scheme-list button{color:#e1efeb}
.molepo-architecture .scheme-list button:hover,.molepo-architecture .scheme-list button[aria-pressed=true]{background:#315550;color:#fff}
.molepo-architecture .aids-bottom{font-size:14px;color:#c1d7d2}
.molepo-architecture .aids-bottom .text-link{font-size:14px}
.molepo-architecture .scheme-note{font-size:14px;color:#c1d7d2;line-height:1.8;min-height:26px}
.molepo-architecture .faq-intro>p:not(.eyebrow){font-size:18px;color:#bad0ce}
.molepo-architecture .faq-list summary{font-size:17px}
.molepo-architecture .faq-answer p{font-size:17px;color:#bad0ce;line-height:1.85}

.molepo-architecture .health-footer{background:#06171c}
.molepo-architecture .footer-invitation{background:#12373b}
.molepo-architecture .footer-invitation::before{background:linear-gradient(90deg,#10363bef,#10363bf2),url('assets/hero-scrubs-1920.webp') center/cover fixed}
.molepo-architecture .footer-invitation p,.molepo-architecture .footer-practice>p{font-size:17px;color:#c5dcd6}
.molepo-architecture .footer-columns h3{font-size:16px}
.molepo-architecture .footer-links,.molepo-architecture .footer-columns address{font-size:14px;color:#c5dbd5}
.molepo-architecture .footer-hours .hours-list{font-size:13px}
.molepo-architecture .footer-hours h4{font-size:14px}
.molepo-architecture .footer-invitation .button{background:#87ddd4;border-color:#87ddd4;color:#08282c}
.molepo-architecture .footer-invitation .button:hover{background:#b1eee7}
.molepo-architecture .site-loader,.molepo-architecture .site-loader::backdrop{background:#081d22;color:#f1f8f6}
.molepo-architecture .site-loader__slogan,.molepo-architecture .site-loader__status,.molepo-architecture .site-loader__skip{color:#bad0ce}
.molepo-architecture .site-loader__track{background:#375457}
.molepo-architecture .site-loader__track::after{background:#87ddd4}

@media(max-width:1100px){.molepo-architecture .service-card-body{padding-top:170px}.molepo-architecture .service-card h3{min-height:0}.molepo-architecture .services-grid .service-card:nth-child(n){min-height:465px}}
@media(max-width:900px){.molepo-architecture .header nav.open{background:#102d32fa;border-color:#375457}.molepo-architecture .hero-copy{font-size:17px}.molepo-architecture .section-heading>p{max-width:310px}}
@media(max-width:650px){
  .molepo-architecture .hero-copy,.molepo-architecture .section-heading>p,.molepo-architecture .about-copy>p:not(.eyebrow),.molepo-architecture .contact-copy>p:not(.eyebrow),.molepo-architecture .faq-intro>p:not(.eyebrow){font-size:17px}
  .molepo-architecture .section-heading>p{max-width:none}
  .molepo-architecture .hero-actions .button{font-size:13px}.molepo-architecture .hero-actions .text-link{font-size:13px}
  .molepo-architecture .hero-location{font-size:14px}.molepo-architecture .hero-location small{font-size:12px}.molepo-architecture .hero-bottom a{font-size:12px}
  .molepo-architecture .services-grid{grid-template-columns:1fr;gap:20px}
  .molepo-architecture .services-grid .service-card:nth-child(n){min-height:450px;padding:26px}
  .molepo-architecture .service-card-body{padding-top:155px}
  .molepo-architecture .service-card h3{font-size:25px;min-height:0}
  .molepo-architecture .service-card-body>p{font-size:17px;line-height:1.75}
  .molepo-architecture .service-card .service-link{font-size:14px}
  .molepo-architecture .services-grid .more-services{grid-template-columns:1fr;gap:12px}
  .molepo-architecture .more-services>.text-link{grid-column:1;grid-row:3;justify-self:start}
  .molepo-architecture .aids-heading p{font-size:15px}
  .molepo-architecture .aids-bottom{align-items:flex-start;flex-direction:column;gap:8px;font-size:13px}
  .molepo-architecture .scheme-note{font-size:13px}
  .molepo-architecture .faq-list summary,.molepo-architecture .faq-answer p{font-size:16px}
  .molepo-architecture .hours-list{font-size:14px}.molepo-architecture .footer-hours .hours-list{font-size:13px}
  .molepo-architecture .footer-invitation::before{background-attachment:scroll}
}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.molepo-architecture .footer-invitation::before{background-attachment:scroll}}