@font-face{font-family:Aileron;src:url("../fonts/Aileron-Regular.otf");font-display:swap}@font-face{font-family:Aileron;src:url("../fonts/Aileron-Black.otf");font-weight:800;font-display:swap}@font-face{font-family:Ladislav;src:url("../fonts/Ladislav-Light.otf");font-display:swap}
:root{--paper:#f5f1ed;--ink:#1b1d1f;--blue:#d7e6fa;--line:rgba(27,29,31,.18)}
*,*::before,*::after{box-sizing:border-box}html{background:#dededb;scroll-behavior:smooth}body{max-width:1440px;min-height:100vh;margin:0 auto;overflow-x:hidden;color:var(--ink);background:var(--paper);box-shadow:0 0 60px rgba(27,29,31,.12);font-family:Aileron,Arial,sans-serif}img{display:block;max-width:100%}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.skip-link{position:fixed;top:12px;left:16px;z-index:100;padding:10px 14px;background:#fff;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:12px clamp(20px,4vw,64px);background:rgba(245,241,237,.96);backdrop-filter:blur(12px)}.site-logo{width:82px;height:46px;flex:none;background:url("../img/bf/logo_BF_navigator.svg") center/contain no-repeat}.site-nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,40px)}.site-nav a{position:relative;padding:7px 0;font-size:clamp(.68rem,.85vw,.78rem);font-weight:800;letter-spacing:.13em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.site-nav a::after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--ink);transform:scaleX(0);transition:transform .18s}.site-nav a:hover::after,.site-nav a:focus-visible::after,.site-nav .is-current::after{transform:scaleX(1)}.menu-toggle{display:none}
.info-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;min-height:clamp(420px,49vw,650px);padding:clamp(42px,6vw,88px) clamp(24px,7vw,104px);overflow:hidden}.info-mark{position:absolute;top:clamp(42px,7vw,100px);left:clamp(18px,4vw,56px);z-index:1;width:clamp(100px,16vw,230px);aspect-ratio:330/406;background:url("../img/bf/In.png") center/contain no-repeat}.info-intro__visual{align-self:end;width:min(100%,760px);margin:0 0 -3% 6%}.info-intro__visual img{width:100%;height:auto}.info-intro__heading{position:relative;z-index:2;justify-self:end;max-width:430px;text-align:right}.info-intro__heading p,.story__eyebrow{margin:0 0 18px;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.info-intro h1{margin:0;font:400 clamp(4rem,8vw,8.4rem)/.86 Ladislav,Aileron,sans-serif;letter-spacing:-.04em;text-transform:lowercase}
.story{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(34px,7vw,110px);min-height:clamp(600px,70vw,920px);padding:clamp(70px,9vw,130px) clamp(24px,8vw,118px)}.story--brain{background:var(--blue)}.story--emergency{grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr)}.story__card{position:relative;z-index:2;padding:clamp(30px,4.5vw,62px);background:#fff;box-shadow:0 22px 70px rgba(27,29,31,.09)}.story__card h2{margin:0 0 28px;font:400 clamp(2.2rem,4vw,4.2rem)/.95 Ladislav,Aileron,sans-serif;letter-spacing:-.025em}.story__card p:not(.story__eyebrow){margin:0 0 1.15em;font-size:clamp(.98rem,1.25vw,1.08rem);letter-spacing:.045em;line-height:1.65}.story__art{width:100%;background:center/contain no-repeat}.story__art--brain{aspect-ratio:1;background-image:url("../img/bf/brain_cover_na_web.png")}.story__art--emergency{aspect-ratio:2500/999;background-image:url("../img/bf/fotka_info.png");transform:scale(1.3)}.story__link{display:inline-block;margin-top:10px;padding-bottom:5px;border-bottom:2px solid;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}
.site-footer{padding:clamp(58px,7vw,90px) 20px 38px;background:var(--blue);border-top:1px solid var(--line);text-align:center}.site-footer__logos{display:flex;align-items:center;justify-content:center;gap:clamp(28px,6vw,76px);width:min(720px,100%);margin:0 auto 40px}.partner{display:block;width:145px;height:82px;background:center/contain no-repeat}.partner--mu{background-image:url("../img/bf/logo_MU.svg")}.partner--mme{background-image:url("../img/bf/logo_MME.png")}.partner--all{background-image:url("../img/bf/allisfull.png")}.site-footer__copyright{width:170px;margin:0 auto}
@media(max-width:980px){.site-nav{gap:17px}.site-nav a{font-size:.65rem;letter-spacing:.08em}.info-intro{grid-template-columns:1fr;gap:36px}.info-intro__visual{width:min(82%,680px);margin:0 auto}.info-intro__heading{justify-self:center;text-align:center}.story,.story--emergency{grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr)}.story--emergency .story__card{order:2}.story--emergency .story__art{order:1}}
@media(max-width:720px){.site-header{min-height:66px;padding:10px 16px}.site-logo{width:68px;height:40px}.menu-toggle{display:flex;align-items:center;gap:10px;padding:10px 0 10px 10px;border:0;color:var(--ink);background:transparent;font:800 .72rem Aileron,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.menu-toggle__icon,.menu-toggle__icon::before,.menu-toggle__icon::after{display:block;width:22px;height:2px;background:var(--ink);transition:transform .18s}.menu-toggle__icon{position:relative}.menu-toggle__icon::before,.menu-toggle__icon::after{content:"";position:absolute;left:0}.menu-toggle__icon::before{top:-7px}.menu-toggle__icon::after{top:7px}.menu-toggle[aria-expanded="true"] .menu-toggle__icon{background:transparent}.menu-toggle[aria-expanded="true"] .menu-toggle__icon::before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-toggle__icon::after{top:0;transform:rotate(-45deg)}.site-nav{position:absolute;top:100%;right:0;left:0;display:grid;gap:0;padding:8px 16px 18px;background:var(--paper);border-bottom:.5px solid rgba(27,29,31,.14);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.18s}.site-nav.is-open{opacity:1;visibility:visible;transform:none}.site-nav a{padding:14px 6px;border-bottom:.5px solid rgba(27,29,31,.14);font-size:.72rem}.site-nav a::after{height:1px;background:rgba(27,29,31,.55)}.site-nav .is-current{border-bottom-color:transparent}.info-intro{min-height:0;padding:62px 18px 54px}.info-mark{top:26px;left:12px;width:90px}.info-intro__visual{width:100%;margin-top:28px}.info-intro h1{font-size:clamp(4rem,23vw,6.4rem)}.story,.story--emergency{grid-template-columns:1fr;gap:28px;min-height:0;padding:66px 18px}.story__art{width:min(78%,330px);justify-self:center}.story__art--emergency{width:100%;transform:none}.story__card{padding:30px 24px}.story--emergency .story__card{order:1}.story--emergency .story__art{order:2}.site-footer__logos{flex-wrap:wrap;gap:18px 30px}.partner{width:108px;height:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}

/* Grafika značky zůstává samostatně nad fotografií a nepřekrývá ji. */
.info-mark {
  top: clamp(20px, 3vw, 42px);
  width: clamp(86px, 10vw, 140px);
}

.info-intro__visual { padding-top: clamp(32px, 4vw, 58px); }

@media (max-width: 720px) {
  .info-mark { top: 18px; width: 72px; }
  .info-intro__visual { margin-top: 42px; padding-top: 30px; }
}
