/* About the clinic: entrance photos and directions. Scoped to this page. */
.about-page{--about-bronze:#947553;--about-line:#ded8d0; padding-bottom:20px}
.about-intro{padding-top:clamp(40px,7vw,88px);padding-bottom:clamp(30px,5vw,56px)}
.about-intro h1{font-size:clamp(36px,5.4vw,68px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 24px;max-width:850px}
.about-intro h1 em{font-style:normal;color:var(--about-bronze)}
.about-intro>p{font-size:clamp(17px,1.7vw,20px);line-height:1.7;max-width:660px;color:#63605c}
.about-arrival{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);column-gap:clamp(24px,3vw,40px);row-gap:24px;align-items:start;grid-template-areas:'heading heading' 'gallery copy' 'details copy'}
.about-arrival-heading{grid-area:heading}
.about-arrival-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.035em;margin:14px 0 8px}
.about-gallery{grid-area:gallery;min-width:0}
.about-arrival-details{grid-area:details;display:grid;grid-template-columns:1fr 1fr;gap:24px;min-width:0}
.about-arrival-details .about-contact{border:0;padding:0;margin:0}
.about-arrival-details .about-hours{margin:0}
.about-gallery-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px}
.about-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.25s ease-in-out;pointer-events:none}
.about-slide.is-active{opacity:1;z-index:1}
.about-slide img{width:100%;height:100%;object-fit:contain;display:block}
.about-gallery-controls{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px}
.about-gallery-controls[hidden]{display:none}
.about-gallery-controls button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#f0f0f0;color:#525252;font:26px/1 Arial,sans-serif;cursor:pointer;transition:background .25s,color .25s}
.about-gallery-controls button:hover{background:#e5e0d9;color:#342e27}
.about-gallery-controls button:focus-visible,.about-values a:focus-visible{outline:3px solid var(--about-bronze);outline-offset:4px}
.about-second-photo{display:block;padding:16px}
.about-arrival-copy{grid-area:copy;padding:0;min-width:0}
.about-arrival-copy h2{font-size:clamp(28px,2.6vw,36px);line-height:1.15;letter-spacing:-.035em;margin:14px 0 30px}
.about-address{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:20px;background:linear-gradient(120deg,#f5f2ed 0%,#faf9f7 65%,#fff 100%);min-width:0}
.about-address-copy{min-width:0;padding-top:2px}
.about-address .about-small-label{font-size:10px;letter-spacing:.14em;color:#8b7a64}
.about-address .about-address-text{font-size:clamp(20px,1.85vw,25px);font-weight:500;letter-spacing:-.025em;line-height:1.4;margin:8px 0 12px;color:#302e2b;overflow-wrap:anywhere}
.about-location-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;background:#fff;color:#947553;border-radius:50%;box-shadow:0 4px 18px #65513a08}
.about-location-icon svg{width:24px;height:24px}
.about-small-label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#817565}

.about-address .about-landmark{display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0;background:none;color:#797168;font-size:14px;line-height:1.5}
.about-landmark>span{width:5px;height:5px;flex:none;border-radius:50%;background:#a58b6c}
@media(max-width:600px){.about-address{padding:20px 16px;gap:13px;border-radius:16px}.about-location-icon{width:40px;height:40px}.about-location-icon svg{width:21px;height:21px}.about-address .about-address-text{font-size:21px}.about-address .about-landmark{font-size:13px}}
.about-arrival-note{line-height:1.8;color:#6b655e;margin:20px 0 24px}
.about-arrival-actions{display:flex;flex-wrap:wrap;gap:10px}
.about-arrival-actions .btn{font-size:14px}
.about-contact{border-top:1px solid var(--about-line);padding-top:24px;margin-top:28px}
.about-contact .clinic-phones{margin-top:8px}
.about-contact .clinic-phones a{font-size:20px}
.about-hours{margin-top:18px}.about-hours p{font-size:14px;margin:6px 0 0;color:#635d55}
.about-approach{padding-top:clamp(50px,7vw,90px)}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.about-values article{padding:30px 26px 10px 0}
.about-values article+article{padding-left:26px}
.about-value-number{font-size:12px;letter-spacing:.12em;color:var(--about-bronze)}
.about-values h3{font-size:21px;margin:18px 0 12px}
.about-values p{line-height:1.75;color:#6b655e}
.about-values .btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;margin-top:auto;align-self:flex-start;font-size:14px;text-decoration:none;min-height:44px}
.about-values article{display:flex;flex-direction:column;align-items:flex-start}
.about-values article p{margin-bottom:22px}
@media(max-width:1050px){.about-arrival{grid-template-columns:1fr;grid-template-areas:'heading' 'gallery' 'copy' 'details'}.about-arrival-copy h2 br{display:none}.about-arrival-copy{padding:0}.about-values h3{font-size:19px}}
@media(max-width:600px){.about-arrival-details{grid-template-columns:1fr;gap:20px}.about-intro h1{font-size:38px}.about-arrival-actions{display:grid;grid-template-columns:1fr}.about-arrival-actions .btn{width:100%;justify-content:center}.about-values{grid-template-columns:1fr}.about-values article,.about-values article+article{padding:24px 0}}
@media(prefers-reduced-motion:reduce){.about-page *{animation:none!important;transition:none!important}}