/* Presentation type is exclusively sans serif. */
body,button,input,em { font-family:Manrope,Arial,sans-serif; }
em { font-style:normal; }
/* A quiet full-bleed opening. The photograph is the clinic's real interior. */
.hero.hero-cinema { height:100svh;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;overflow:clip;background:#14201b;color:#f7f5eb;isolation:isolate; }
.hero-cinema-image,.hero-cinema-shade { position:absolute;inset:0;pointer-events:none; }
.hero-cinema-image { overflow:hidden;transform:scale(calc(1 + var(--hero-exit,0)*.12));will-change:transform; }
.hero-cinema-image img { height:100%;width:100%;max-width:none;object-fit:cover;object-position:center 47%;animation:cinema-image-in 2.8s cubic-bezier(.16,1,.3,1) both; }
.hero-cinema-shade { background:linear-gradient(180deg,#07130e6b 0%,#08181050 25%,#0818108c 60%,#081810c9 100%); }
.hero-cinema-title { width:100%;position:relative;z-index:1;text-align:center;padding:calc(var(--header) + 20px) var(--gutter) 80px;transform:translateY(calc(var(--hero-exit,0)*-65px));opacity:calc(1 - var(--hero-exit,0)*.9); }
.hero.hero-cinema h1 { font-family:Manrope,Arial,sans-serif;font-size:clamp(62px,8.6vw,148px);font-weight:400;line-height:1.05;letter-spacing:-.065em;max-width:1500px;width:100%;margin:0 auto;text-wrap:balance;text-shadow:0 4px 35px #0002; }
.hero-cinema h1>span { display:block;overflow:clip;padding-bottom:.13em;margin-bottom:-.13em; }
.hero-cinema h1 b { display:block;font-weight:400;animation:cinema-type-in 1.45s cubic-bezier(.16,1,.3,1) both;animation-delay:.2s; }
.hero-cinema h1>span+span b { animation-delay:.4s; }
.hero-cinema-footer { display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);z-index:2;font-size:12px;color:#f5f3e8;animation:cinema-footer-in 1.2s .9s both; }
.hero-cinema-footer a { display:flex;align-items:center;gap:35px;text-decoration:none;font-size:14px; }
.hero-cinema-footer a>span { font-size:24px;font-weight:300; }
body[data-active-chapter="uvod"] .topbar { background:linear-gradient(#10201740,transparent);backdrop-filter:none;border-color:#f6f3e422;color:#f7f4e9; }
body[data-active-chapter="uvod"] .topbar-center>span { display:none; }
body[data-active-chapter="uvod"] .logo span { color:#d4ba83; }
body[data-active-chapter="uvod"] .chapter-menu { color:#19221f;background:#f4f2eb; }
@keyframes cinema-image-in { from{transform:scale(1.15);filter:brightness(.6)}to{transform:scale(1);filter:brightness(1)} }
@keyframes cinema-type-in { from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1} }
@keyframes cinema-footer-in { from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)} }
/* Diagnosis unfolds as four separate frames, not a title and a list. */
.diagnosis-motion { height:425svh; }
.diagnosis-pin { padding:calc(var(--header) + 30px) var(--gutter) 28px; }
.diagnosis-stage { position:relative;flex:1;min-height:0;perspective:1400px; }
.diagnosis-scene { position:absolute;inset:0;display:flex;align-items:center;transform-origin:center;will-change:opacity,transform; }
.diagnosis-intro { justify-content:center;flex-direction:column;text-align:center;padding-bottom:4vh; }
.diagnosis-eyebrow { font-size:clamp(18px,1.5vw,25px);margin-bottom:30px;letter-spacing:-.035em;opacity:var(--intro-label,0);transform:translateY(calc((1 - var(--intro-label,0))*26px)); }
.diagnosis-intro h2 { font-size:clamp(64px,8vw,132px);line-height:1.06;letter-spacing:-.065em;font-weight:400; }
.diagnosis-intro h2>span { display:block;opacity:var(--intro-line-one,0);transform:translateY(calc((1 - var(--intro-line-one,0))*10px));filter:blur(calc((1 - var(--intro-line-one,0))*3px)); }
.diagnosis-intro h2>span+span { opacity:var(--intro-line-two,0);transform:translateY(calc((1 - var(--intro-line-two,0))*10px));filter:blur(calc((1 - var(--intro-line-two,0))*3px)); }
.diagnosis-intro h2[data-title-reveal]>span { opacity:1;transform:none;filter:none; }
.diagnosis-fact { gap:7vw; }
.diagnosis-stat { flex:0 0 45%;min-width:0; }
.diagnosis-value { display:block;font-size:clamp(170px,25vw,420px);font-weight:250;letter-spacing:-.09em;line-height:1;color:#ac4437;font-variant-numeric:tabular-nums; }
.diagnosis-fact[data-diagnosis="2"] .diagnosis-value { color:rgb(var(--accent)); }
.diagnosis-fact[data-diagnosis="3"] .diagnosis-value { color:rgb(var(--ink)); }
.diagnosis-stat-caption { display:block;font-size:12px;letter-spacing:.035em;margin:25px 0 0 12px;color:rgb(var(--muted)); }
.diagnosis-copy { flex:1;max-width:620px; }
.diagnosis-count { display:block;font-size:11px;letter-spacing:.065em;color:rgb(var(--accent));margin-bottom:26px; }
.diagnosis-copy h3 { font-size:clamp(38px,3.8vw,65px);line-height:1.1;letter-spacing:-.055em;font-weight:400;margin-bottom:30px; }
.diagnosis-copy>p { font-size:15px;line-height:1.65;max-width:480px;color:rgb(var(--ink)); }
.diagnosis-copy .diagnosis-note { color:rgb(var(--muted));font-size:14px;margin-top:18px; }
.diagnosis-copy .text-button { font-size:14px;margin-top:16px; }
.diagnosis-controls { display:flex;gap:28px;justify-content:center;position:relative;z-index:2;flex-shrink:0;transition:opacity .4s; }
.diagnosis-controls button { text-align:left;padding:16px 0;border-top:1px solid rgba(var(--line),.5);font-size:12px;min-width:140px;color:rgb(var(--muted)); }
.diagnosis-controls button>span { margin-right:14px;font-size:10px; }
.diagnosis-controls button[aria-pressed="true"] { color:rgb(var(--ink));border-color:rgb(var(--accent)); }
.diagnosis-motion[data-diagnosis-step="0"] .diagnosis-controls { opacity:0; }
.diagnosis-motion[data-diagnosis-step="0"] .diagnosis-controls:focus-within { opacity:1; }
/* Important explanatory copy stays legible across laptop sizes. */
@media(min-width:761px) {
  .section-heading>p,.lead-copy,.annotation p,.gallery-caption p,.design-principles p,
  .journey-panel p,.phase-content p,.local-frame>p,.local-payoff>p,
  .content-motion .month-focus,.content-motion .month-topics li,
  .measurement-list p,.final-bottom p,.dialog-intro,.evidence-item p { font-size:15px;line-height:1.6; }
  .aeo-motion .aeo-step-copy p { font-size:15px;line-height:1.6; }
  .content-motion .cadence-row>p,.content-motion .publishing-number p,
  .content-motion .content-footnote p,.local-query,.local-payoff .local-query,
  .plan-intro>span,.plan-note,.measurement-list small,.measurement-bottom p,
  .aeo-motion .aeo-closing p,.aeo-motion .aeo-source-list b { font-size:14px;line-height:1.5; }
  .aeo-motion .aeo-answer-text { font-size:16px;line-height:1.5; }
  .text-button,.scene-bottom .text-button,.story-bottom>.text-button,
  .content-motion .content-footnote .text-button,.aeo-motion .aeo-closing .text-button { font-size:14px; }
  .content-motion .month-tab,.story-controls button,.aeo-motion .aeo-step-controls>button,.journey-tab { font-size:12px; }
  .content-motion .cadence-toggle button { font-size:12px; }
  .content-motion .cadence-row>p { max-width:345px; }
  .content-motion .publishing-number p { max-width:145px; }
  .content-motion .content-footnote p { max-width:750px; }
  .content-motion .month-panel { margin-left:29%;width:71%; }
  .content-motion .month-topics { display:block; }
  .content-motion .month-topics li { margin-top:6px; }
  .local-frame>p { max-width:450px; }
  .local-query { max-width:420px; }
  .story-controls { gap:22px; }
  .story-controls button { min-width:105px; }
  .aeo-motion .aeo-assembly { height:350px; }
  .aeo-motion .aeo-answer { padding:24px; }
  .aeo-motion .aeo-source-list>div { padding:7px 0; }
  .aeo-motion .aeo-access { font-size:11px;bottom:-5px; }
  .aeo-motion .aeo-closing p { max-width:800px; }
  .aeo-motion .aeo-step-copy { min-height:150px;max-width:480px; }
  .aeo-motion .aeo-step-copy p { max-width:420px; }
}
@media(min-width:761px) and (max-height:740px) {
  .diagnosis-pin { padding-top:calc(var(--header) + 15px);padding-bottom:16px; }
  .diagnosis-intro h2 { font-size:clamp(62px,7.2vw,100px); }
  .diagnosis-copy h3 { font-size:40px;margin-bottom:18px; }
  .diagnosis-count { margin-bottom:17px; }
  .diagnosis-copy .diagnosis-note { margin-top:12px; }
  .diagnosis-copy .text-button { margin-top:8px; }
  .diagnosis-value { font-size:clamp(180px,22vw,300px); }
  .content-motion .content-heading h2 { font-size:43px; }
  .content-motion .publishing-number>span { font-size:70px; }
  .content-motion .cadence-row { margin-top:10px; }
  .content-motion .month-panel { padding:10px 0; }
  .content-motion .month-panel h3 { font-size:36px;margin-bottom:12px; }
  .content-motion .month-topics { margin-top:10px; }
  .content-motion .month-topics li { margin-top:3px;font-size:14px; }
  .content-motion .month-focus { font-size:14px; }
  .content-motion .content-footnote p { max-width:730px; }
  .content-motion .month-tab { padding:11px 0; }
  .aeo-motion .aeo-theater { gap:5vw;padding:10px 0; }
  .aeo-motion .aeo-question { padding-bottom:10px; }
  .aeo-motion .aeo-question p { font-size:23px; }
  .aeo-motion .aeo-assembly { height:285px;margin-top:3px; }
  .aeo-motion .aeo-answer { padding:16px 20px;top:10px; }
  .aeo-motion .aeo-answer-text { font-size:15px;margin-top:12px; }
  .aeo-motion .aeo-source-list>div { padding:4px 0; }
  .aeo-motion .aeo-source-list b { font-size:14px; }
  .aeo-motion .aeo-illustration-label { margin-top:12px; }
  .aeo-motion .aeo-step-copy { margin-top:25px;min-height:140px; }
  .aeo-motion .aeo-closing { padding-top:6px; }
  .aeo-motion .aeo-closing p { font-size:14px; }
  .plan-intro>span { max-width:370px; }
  .phase-content p { max-width:520px; }
}
@media(max-width:760px) {
  .hero.hero-cinema h1 { font-size:clamp(42px,8.6vw,64px);letter-spacing:-.058em; }
  .hero-cinema-title { padding:70px 20px; }
  .hero-cinema-image img { object-position:61% center; }
  .hero-cinema-footer { bottom:25px;left:24px;right:24px;font-size:8px; }
  .hero-cinema-footer a { font-size:10px;gap:15px; }
  .diagnosis-pin { padding-top:calc(var(--header) + 20px); }
  .diagnosis-intro h2 { font-size:clamp(38px,8.4vw,60px); }
  .diagnosis-eyebrow { font-size:16px;margin-bottom:22px; }
  .diagnosis-fact { flex-direction:column;justify-content:center;align-items:flex-start;gap:22px; }
  .diagnosis-stat { flex:none; }
  .diagnosis-value { font-size:130px; }
  .diagnosis-stat-caption { font-size:8px;margin:6px 0 0 5px; }
  .diagnosis-copy { flex:none; }
  .diagnosis-count { font-size:8px;margin-bottom:12px; }
  .diagnosis-copy h3 { font-size:30px;margin-bottom:15px; }
  .diagnosis-copy>p { font-size:12px; }
  .diagnosis-copy .diagnosis-note { font-size:11px;margin-top:10px; }
  .diagnosis-copy .text-button { font-size:11px;margin-top:7px; }
  .diagnosis-controls { gap:10px; }
  .diagnosis-controls button { min-width:0;flex:1;font-size:8px; }
  .diagnosis-controls button>span { display:block;margin:0 0 5px;font-size:7px; }
}
@media(max-width:760px) and (max-height:650px) {
  .diagnosis-pin { padding-top:80px;padding-bottom:10px; }
  .diagnosis-fact { gap:12px; }.diagnosis-value { font-size:95px; }
  .diagnosis-copy h3 { font-size:25px;margin-bottom:10px; }.diagnosis-count { margin-bottom:8px; }
  .diagnosis-copy>p { font-size:10px; }.diagnosis-copy .diagnosis-note { font-size:9px; }
  .diagnosis-copy .text-button { font-size:10px; }.diagnosis-controls button { padding:12px 0; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-cinema-image img,.hero-cinema h1 b,.hero-cinema-footer { animation:none; }
  .hero-cinema-title,.hero-cinema-image { transform:none!important;opacity:1; }
  .diagnosis-scene { transform:none!important;will-change:auto; }
  .diagnosis-intro h2>span,.diagnosis-eyebrow { transform:none;filter:none;opacity:1; }
}
@media print {
  .hero.hero-cinema { height:700px!important;color:white; }
  .hero-cinema-title { opacity:1;transform:none; }
  .hero-cinema h1 b { animation:none;opacity:1;transform:none; }
  .hero-cinema-footer { animation:none; }.hero-cinema-footer>a { display:none; }
  .diagnosis-stage { display:block; }
  .diagnosis-scene { position:relative;opacity:1!important;visibility:visible!important;transform:none!important;min-height:400px;break-inside:avoid; }
  .diagnosis-intro h2>span,.diagnosis-eyebrow { opacity:1;transform:none;filter:none; }
  .diagnosis-controls { display:none; }
}
.seo-motion .seo-google img { width:clamp(240px,26vw,390px);height:auto;max-width:70%; }
.topbar { transition:opacity .4s; }
body[data-active-chapter="nalazi"]:has(#nalazi[data-diagnosis-step="0"]) .topbar,
body[data-active-chapter="seo"]:has(#seo[data-seo-step="0"]) .topbar,
body[data-active-chapter="seo"]:has(#seo[data-seo-step="1"]) .topbar { opacity:0;pointer-events:none; }
/* Focus must override the cinematic intro selector, including its :has() ID. */
body[data-active-chapter="nalazi"]:has(#nalazi[data-diagnosis-step="0"]) .topbar:focus-within,
body[data-active-chapter="seo"]:has(#seo[data-seo-step="0"]) .topbar:focus-within,
body[data-active-chapter="seo"]:has(#seo[data-seo-step="1"]) .topbar:focus-within { opacity:1;pointer-events:auto; }
@media(max-width:760px){.seo-motion .seo-google img{width:220px;max-width:75%}}
@media(min-width:761px){.seo-motion .seo-footer .text-button,.seo-motion .seo-details-trigger{font-size:14px}}
@media(min-width:761px) and (max-height:740px){
  .content-motion .month-monument{font-size:min(23vw,35svh)}
  .aeo-motion .aeo-assembly{height:250px}
  .aeo-motion .aeo-answer{padding:12px 20px}
  .aeo-motion .aeo-source-list>div{padding:2px 0}
  .aeo-motion .aeo-answer-text{line-height:1.4}
}
/* The opening image dissolves into the next canvas while it leaves the viewport. */
.hero.hero-cinema{background:rgb(var(--bg))}
.hero-cinema-image,.hero-cinema-shade{opacity:calc(1 - var(--hero-exit,0)*1.4)}
.hero-cinema-title{opacity:calc(1 - var(--hero-exit,0)*1.8)}
@media(prefers-reduced-motion:reduce){.hero-cinema-image,.hero-cinema-shade,.hero-cinema-title{opacity:1}}