/* Shared typography, controls and motion across the clinical archive. */
:root{--accent:#b4dee0;--cyan:#b4dee0;--muted:#b6c1cc;--ease:cubic-bezier(.22,1,.36,1);--motion-fast:180ms;--motion-normal:300ms}
html{scroll-behavior:auto}body{font-synthesis:none;text-rendering:optimizeLegibility}button,a{touch-action:manipulation}button{font-family:inherit}button:disabled{cursor:default}.ui-icon,.lucide{display:inline-block;vertical-align:middle;flex-shrink:0;width:20px;height:20px}.ui-icon{margin-inline:3px}a>.ui-icon,button>.ui-icon{pointer-events:none}button:focus-visible,a:focus-visible{outline:2px solid #b4dee0;outline-offset:5px}button[data-book],.primary-button,.mobile-booking{box-shadow:none}.primary-button,.button{border-radius:12px;min-height:48px;transition:background 180ms ease-out,border-color 180ms ease-out}.button:hover,.primary-button:hover{transform:none}.header-cta{border-radius:10px}.header nav,.brand,header .brand{font-family:Manrope,'Manrope Variable',system-ui,sans-serif}.brand span,.brand>span{color:var(--accent)}.brand{letter-spacing:-1px}.eyebrow{color:#b4dee0}.hero-description,.hero-note,.details-heading>p,.detail-card p,.final-bottom>p{color:#b6c1cc}.hero-hint,.viewer-hint{color:#b6c1cc}.hero-display{overflow:hidden}.viewer-tools{display:flex;align-items:center;gap:4px}.viewer-tools button{min-width:40px;min-height:40px;display:grid;place-items:center}.dialog-close,.close{display:grid;place-items:center;min-height:44px;min-width:44px}.detail-card,.note-panel,.contact-card{border-radius:16px}.detail-card:hover .product-visual{transform:none}.detail-plus,.image-cross{display:none}.primary-button,.secondary-button,.text-button,.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px}.final-cta>.lucide{width:40px;height:40px}.mobile-book,.mobile-booking{background:#b4dee0;border-top:1px solid #ffffff24;color:#111921}.contact-phone{color:#b4dee0}.contact-instagram .lucide{color:#b4dee0}.entry-bottom .lucide{width:16px;height:16px}.entry-contact .lucide{width:20px;height:20px}dialog{border-color:#647482;border-radius:18px;background:#101822}dialog::backdrop{background:#05080deb;backdrop-filter:none}footer{color:#b6c1cc}.hero-copy .hero-reveal{opacity:1}.case-card:focus-visible{outline-offset:6px}.mobile-book .ui-icon,.mobile-booking .lucide{width:18px;height:18px}.note-panel{background:#111922;border-color:#2a3542}.button.outline{color:#d3e5e8;border-color:#52626d}.skip-link{z-index:9999}
@media(max-width:900px){.hero-display{min-height:380px}.hero-description{font-size:16px!important}.mobile-booking{background:#b4dee0}.manifesto-word{transform:none!important}.manifesto-object{transform:none!important}.final-title{font-size:clamp(44px,9.5vw,90px)}.final{min-height:0}.final-bottom{gap:24px}.header{height:auto;min-height:94px;flex-wrap:wrap;padding:20px 0;gap:20px}.header nav{gap:20px}.header .brand{font-size:24px}.header nav a{font-size:13px}.header-cta{min-height:44px}}
@media(max-width:640px){h1{overflow-wrap:normal}.entry-shell h1{overflow-wrap:normal}.case-center h1{font-size:clamp(46px,12vw,68px)}.clinical-photos{gap:24px}.clinical-photos img{border-radius:12px}.brand{font-size:23px}.header nav{width:100%;justify-content:space-between}.header nav a{min-height:40px;display:flex!important;align-items:center}header nav a{padding:8px 0}.intro{padding:32px 0}.intro h1{font-size:clamp(32px,8vw,44px)}.note-panel{padding:24px}.about-heading h1{font-size:22vw}.about-story{padding-top:65px}.about-hero-bottom .button{border-radius:12px}.contact-phone{white-space:normal}.entry-icon .lucide{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

body:has(dialog[open]){overflow:hidden}.entry-tiles .entry-arrow{width:18px;height:18px}.entry-icon .lucide{width:22px;height:22px}

@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-cyrillic.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
.model-caption{background:#0b121cde;border:1px solid #d3e5e819;border-radius:10px;padding:12px;max-width:calc(100% - 28px);backdrop-filter:none}.model-caption small{color:#b9c5d0}.viewer-hint{color:#b9c5d0}

/* Shared motion language: native document transitions never delay navigation. */
@view-transition{navigation:auto}
:root{--motion-fast:160ms;--motion-normal:280ms;--motion-enter:360ms;--ease:cubic-bezier(.22,1,.36,1)}
::view-transition-old(root){animation:bgd-page-out 120ms ease-in both}
::view-transition-new(root){animation:bgd-page-in 240ms var(--ease) both}
@keyframes bgd-page-out{to{opacity:0}}
@keyframes bgd-page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes bgd-dialog-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
dialog[open]{animation:bgd-dialog-in var(--motion-normal) var(--ease)}
dialog{max-height:calc(100dvh - 40px);overflow:auto}
header nav a,header nav button,.header nav a,.header-cta{transition:color var(--motion-fast) ease,background var(--motion-fast) ease}
header nav a:hover,.header nav a:hover{color:var(--accent)}
.button:active,.primary-button:active,.secondary-button:active{filter:brightness(.92)}
body:not(:has(.entry-shell)) h1{font-family:Manrope,'Manrope Variable',system-ui,sans-serif;letter-spacing:-.055em}
.ui-icon,.lucide{stroke-width:1.5}
@media(prefers-reduced-motion:reduce){
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}