/* Readable navigation and restrained, accessible motion. */
.reel-cover{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}
@media(min-width:801px){.reel-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}}
.top-inner{height:auto;min-height:44px;font-size:14px;line-height:1.5;gap:20px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.contact-inline{font-size:14px;flex-wrap:wrap;gap:10px 22px}
.contact-inline>span,.contact-inline>button{display:inline-flex;align-items:center;gap:9px;min-height:30px}
.contact-inline .contact-icon{width:24px;height:24px;flex:0 0 24px;color:#fff;vertical-align:middle}
.contact-inline>span,.contact-inline>button{position:relative;border-radius:6px;transition:color .22s ease,background-color .22s ease,box-shadow .22s ease}
.contact-inline .contact-icon{transition:color .22s ease,transform .22s ease}
.contact-inline>button:focus-visible{color:#65ddff;background:#ffffff0d;box-shadow:0 0 0 5px #ffffff0d}
.contact-inline>button:focus-visible .contact-icon{color:#65ddff}
@media(hover:hover) and (pointer:fine){
 .contact-inline>span:hover,.contact-inline>button:hover{color:#65ddff;background:#ffffff0d;box-shadow:0 0 0 5px #ffffff0d;filter:none}
 .contact-inline>span:hover .contact-icon,.contact-inline>button:hover .contact-icon{color:#65ddff;transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
 .contact-inline>span:hover .contact-icon,.contact-inline>button:hover .contact-icon{transform:none}
}
.topbar .socials button{font-size:15px;min-width:24px;min-height:24px}
body>header{height:auto;min-height:84px;gap:18px;padding-top:10px;padding-bottom:10px}
body>header .brand{flex-basis:215px;flex-shrink:0}
nav{font-size:15px;font-weight:600;gap:14px}
nav a{height:auto;min-height:48px;line-height:1.4}
nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:linear-gradient(90deg,#00b4ee,#0065cb);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
nav a:first-child::after{bottom:4px;transform:scaleX(1)}
nav a:hover,nav a:focus-visible{color:#0076ce}
nav a:hover::after,nav a:focus-visible::after{transform:scaleX(1)}
.header-book .button{font-size:14px;padding:13px 17px;min-height:44px}
.search-button{min-width:40px;min-height:44px}
.button,.instagram,.complete-care,.review,.service,.socials button,.review-heading button{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease}
.button,.instagram{position:relative;isolation:isolate;overflow:hidden}
.button::after,.instagram::after{content:"";pointer-events:none;position:absolute;inset:-60% auto -60% -80%;width:45%;background:linear-gradient(90deg,transparent,#ffffff50,transparent);transform:skewX(-20deg);transition:left .6s ease}
.exam-image,.hospital-image{overflow:hidden}
.exam-image .source-crop,.hospital-image .source-crop,.reel .source-crop{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.reel{transition:transform .25s ease,box-shadow .25s ease}
.footer-links a,.footer-links button{transition:color .2s ease,transform .2s ease}
@media(hover:hover) and (pointer:fine){
 .button:hover,.instagram:hover{transform:translateY(-3px);box-shadow:0 10px 23px #0064b333}
 .button:hover::after,.instagram:hover::after{left:140%}
 .service:hover{transform:translateY(-5px);background:#e6f4ff;border-radius:10px}
 .complete-care:hover{transform:translateY(-4px);box-shadow:0 12px 26px #042e5233}
 .reel:hover{transform:translateY(-7px);box-shadow:0 13px 24px #05385d40}
 .reel:hover .source-crop{transform:scale(1.035)}
 .exam-image:hover .source-crop,.hospital-image:hover .source-crop{transform:scale(1.035)}
 .review:hover{transform:translateY(-4px);box-shadow:0 9px 24px #07467415}
 .socials button:hover{transform:translateY(-3px);color:#36cbff}
 .footer-links a:hover,.footer-links button:hover{color:#52d1ff;transform:translateX(4px)}
 .review-heading button:hover{background:#e2f4ff;transform:scale(1.08)}
}
.button:active,.instagram:active,.reel:active{transform:translateY(0) scale(.985)}
@media(min-width:801px) and (max-width:1399px){
 body>header{display:grid;grid-template-columns:1fr auto auto;gap:2px 20px;padding-top:14px;padding-bottom:8px}
 body>header .brand{width:215px;grid-column:1;grid-row:1}
 .search-button{grid-column:2;grid-row:1}
 .header-book{grid-column:3;grid-row:1;display:block}
 nav{grid-column:1/-1;grid-row:2;width:100%;margin:7px 0 0;justify-content:space-between;gap:10px;flex-wrap:wrap}
 nav a{min-height:44px;font-size:15px}
 .top-inner .motto{display:none}
}
@media(max-width:800px){
 body>header{position:relative;min-height:80px;height:auto;display:flex;padding-top:12px;padding-bottom:12px}
 body>header .brand{flex-basis:210px;max-width:calc(100% - 105px)}
 .menu-toggle{min-width:44px;min-height:44px;padding:0}
 .search-button{padding:0;min-width:36px}
 nav{top:100%;margin:0;max-height:70vh;overflow-y:auto;gap:0}
 nav a{font-size:17px;min-height:48px;padding:13px 0}
 nav a::after{display:none}
 .header-book{display:none}
 .contact-inline{font-size:13px;gap:5px 15px}
 .top-inner{font-size:13px;gap:8px 15px;padding-left:15px;padding-right:15px}
 .top-inner>.socials{margin-left:0;gap:10px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
 .button:hover,.instagram:hover,.service:hover,.complete-care:hover,.reel:hover,.review:hover,.socials button:hover,.footer-links a:hover,.footer-links button:hover,.review-heading button:hover,.button:active,.instagram:active,.reel:active{transform:none}
 .exam-image:hover .source-crop,.hospital-image:hover .source-crop,.reel:hover .source-crop{transform:none}
 .button::after,.instagram::after{display:none}
}

.contact-inline>.email-link{display:inline-flex;align-items:center;gap:9px;min-height:30px;border-radius:6px;transition:color .22s ease,background-color .22s ease,box-shadow .22s ease}
.contact-inline>.email-link:hover,.contact-inline>.email-link:focus-visible{color:#65ddff;background:#ffffff0d;box-shadow:0 0 0 5px #ffffff0d}
.contact-inline>.email-link:hover .contact-icon,.contact-inline>.email-link:focus-visible .contact-icon{color:#65ddff}
@media(prefers-reduced-motion:reduce){.contact-inline>.email-link{transition:none}}