/* Identitas SMK Kesehatan Bojonegoro v1.4 – logo autentik dengan animasi halus */
/* Gerakan CSS saja: tidak ada request library animasi, tidak ada layout shift. */
.smk-brand-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;flex:0 0 auto}
.brand .smk-brand-mark--header{width:49px;height:49px;animation:smk-logo-appear .85s cubic-bezier(.2,.75,.3,1) both}
.brand .smk-brand-title{display:block;min-width:0}
.smk-brand-mark .smk-logo-image{width:100%;height:100%;object-fit:contain;display:block;max-width:none}
.brand .smk-brand-mark--header .smk-logo-image{animation:smk-logo-hover 5.4s ease-in-out infinite;filter:drop-shadow(0 3px 5px rgba(15,80,124,.11))}
.brand:hover .smk-logo-image,.brand:focus-visible .smk-logo-image{animation-play-state:paused;transform:translateY(-2px) rotate(-3deg) scale(1.045)}
.smk-footer-brand{display:inline-flex;align-items:center;gap:14px;color:#fff;margin-bottom:2px}
.smk-footer-brand strong{line-height:1.35;font-weight:760}
.smk-brand-mark--footer{width:66px;height:66px;filter:drop-shadow(0 4px 9px rgba(8,25,41,.22))}
.smk-brand-mark--footer .smk-logo-image{animation:smk-logo-hover 6.5s ease-in-out infinite;animation-delay:-1.5s}
.smk-hero-logo-chip{position:absolute;z-index:3;top:-17px;right:-16px;width:94px;height:94px;border-radius:24px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.96);display:grid;place-items:center;box-shadow:0 18px 40px rgba(7,24,38,.25);pointer-events:none;animation:smk-hero-logo-float 6.2s ease-in-out infinite}
.smk-hero-logo-chip .smk-logo-image{position:relative;z-index:1;width:74px;height:74px;object-fit:contain}
.smk-hero-logo-halo{position:absolute;inset:-7px;border:1px solid rgba(73,215,222,.23);border-radius:30px;animation:smk-logo-halo 5s ease-in-out infinite}
@keyframes smk-logo-appear{from{opacity:0;transform:translateY(8px) scale(.84)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes smk-logo-hover{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(2.5deg)}}
@keyframes smk-hero-logo-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes smk-logo-halo{0%,100%{opacity:.35;transform:scale(.98)}50%{opacity:.8;transform:scale(1.035)}}
@media (max-width:1050px){.brand .smk-brand-mark--header{width:44px;height:44px}.brand{gap:8px}}
@media (max-width:600px){.brand .smk-brand-mark--header{width:39px;height:39px}.smk-hero-logo-chip{top:-12px;right:-8px;width:67px;height:67px;border-radius:19px}.smk-hero-logo-chip .smk-logo-image{width:54px;height:54px}.smk-hero-logo-halo{inset:-4px;border-radius:23px}.smk-brand-mark--footer{width:59px;height:59px}}
@media (max-width:380px){.brand .smk-brand-mark--header{width:34px;height:34px}.brand{gap:6px}}
@media (prefers-reduced-motion:reduce){.brand .smk-brand-mark--header,.smk-logo-image,.smk-hero-logo-chip,.smk-hero-logo-halo{animation:none!important;transform:none!important;transition:none!important}}

@media (max-width:360px){.header-inner{gap:6px}.brand{font-size:9px;gap:4px}.brand .smk-brand-title small{font-size:8px;letter-spacing:.07em}.header-cta{font-size:9px;padding:7px 8px}.menu-toggle{padding:6px 9px}}