/* VARIANTA 3 – „Tři tvary“ (Bauhaus)
   Layout: teplý papír, silné černé linky, barevné bloky; kruh = vize lídra (červená), čtverec = vize firmy (modrá), trojúhelník = vize v týmu (žlutá).
   Záměrně jen světlý vzhled. Písma hostovaná lokálně. */
@font-face { font-family: "Unbounded"; font-style: normal; font-display: swap; font-weight: 200 900; src: url(fonts/unbounded-latin-ext-wght-normal.woff2) format("woff2-variations"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Unbounded"; font-style: normal; font-display: swap; font-weight: 200 900; src: url(fonts/unbounded-latin-wght-normal.woff2) format("woff2-variations"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-display: swap; font-weight: 100 900; src: url(fonts/work-sans-latin-ext-wght-normal.woff2) format("woff2-variations"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Work Sans"; font-style: normal; font-display: swap; font-weight: 100 900; src: url(fonts/work-sans-latin-wght-normal.woff2) format("woff2-variations"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

:root {
  --paper: #F6F1E7;
  --paper-2: #EDE5D5;
  --ink: #111111;
  --ink-soft: #4A4740;
  --red: #E5432A;     /* kruh · vize lídra */
  --blue: #2433C9;    /* čtverec · vize firmy */
  --sun: #F4B81C;     /* trojúhelník · vize v týmu */
  --white: #FFFFFF;
  --f-display: "Unbounded", "Arial Black", Arial, sans-serif;
  --f-body: "Work Sans", "Helvetica Neue", Arial, sans-serif;
  --line: 3px solid var(--ink);
  color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 1.0625rem/1.55 var(--f-body); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { max-width: 100%; display: block; height: auto; }
a { color: var(--blue); text-underline-offset: 3px; font-weight: 600; }
a:hover { color: var(--red); }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
h1, h2, h3 { font-family: var(--f-display); margin: 0; text-wrap: balance; letter-spacing: -.03em; }
h1 { font-size: clamp(2.4rem, 6.4vw, 5.6rem); font-weight: 900; line-height: 1.08; }
h2 { font-size: clamp(1.9rem, 4.2vw, 3.6rem); font-weight: 800; line-height: 1.1; }
h3 { font-size: clamp(1.15rem, 1.8vw, 1.45rem); font-weight: 700; line-height: 1.15; letter-spacing: -.015em; }
p { margin: 0; max-width: 62ch; }
.mark { background: linear-gradient(transparent 14%, var(--sun) 14%, var(--sun) 94%, transparent 94%); padding: 0 .1em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.wrap { max-width: 1280px; margin: 0 auto; padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px)); }
.kicker { font: 700 .78rem var(--f-body); text-transform: uppercase; letter-spacing: .14em; }
.muted { color: var(--ink-soft); }
.small { font-size: .93rem; }
.lead { font-size: clamp(1.12rem, 1.5vw, 1.32rem); line-height: 1.45; }
.skip { position: absolute; left: -999px; top: 8px; background: var(--ink); color: var(--paper); padding: 8px 14px; z-index: 100; }
.skip:focus { left: 12px; }

/* tvary */
.sh { display: inline-block; width: 1em; height: 1em; flex: none; vertical-align: -.1em; }
.sh--c { border-radius: 50%; background: var(--red); }
.sh--s { background: var(--blue); }
.sh--t { background: var(--sun); clip-path: polygon(50% 0, 100% 100%, 0 100%); }

/* tlačítka */
.btns { display: flex; flex-wrap: wrap; gap: 14px; }
.btn { display: inline-flex; align-items: center; gap: .6em; padding: 1rem 1.4rem; font: 700 1rem/1 var(--f-body); text-decoration: none; border: var(--line); transition: transform .15s, box-shadow .15s, background .15s; }
.btn--main { background: var(--ink); color: var(--paper); box-shadow: 6px 6px 0 var(--red); }
.btn--main:hover { color: var(--paper); transform: translate(-2px, -2px); box-shadow: 8px 8px 0 var(--red); }
.btn--line { background: var(--paper); color: var(--ink); }
.btn--line:hover { color: var(--ink); background: var(--sun); }
.btn .arr { transition: transform .15s; }
.btn:hover .arr { transform: translateX(4px); }

/* hlavička */
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 60; background: var(--paper); }
.top { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 50; background: var(--paper); border-bottom: var(--line); }
.top__in { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 14px; }
.brand { display: flex; align-items: center; gap: 12px; color: var(--ink); text-decoration: none; font: 800 1rem/1 var(--f-display); letter-spacing: -.02em; text-transform: uppercase; }
.brand .marks { display: flex; gap: 3px; font-size: 14px; }
.brand:hover { color: var(--ink); }
.nav { display: flex; align-items: center; gap: 24px; }
.nav a { color: var(--ink); text-decoration: none; font-weight: 600; font-size: .95rem; }
.nav a:hover, .nav a[aria-current] { color: var(--blue); }
.nav a[aria-current] { box-shadow: inset 0 -3px 0 var(--sun); }
.nav .btn { padding: .7rem 1rem; font-size: .92rem; color: var(--paper); box-shadow: 4px 4px 0 var(--red); }
.menu-btn { display: none; background: var(--paper); border: var(--line); color: var(--ink); padding: .5rem .9rem; font: 700 .85rem var(--f-body); text-transform: uppercase; cursor: pointer; }
@media (max-width: 1000px) {
  .menu-btn { display: inline-block; }
  .nav { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: flex-start; gap: 18px; background: var(--paper); border-bottom: var(--line);
    padding: 22px max(20px, env(safe-area-inset-right, 0px)) 26px max(20px, env(safe-area-inset-left, 0px)); }
  .nav.open { display: flex; }
  .nav a { font-size: 1.15rem; }
}

/* sekce */
.sec { padding-block: clamp(64px, 8vw, 116px); border-bottom: var(--line); }
.sec--alt { background: var(--paper-2); }
.sec__head { display: grid; gap: 18px; margin-bottom: clamp(32px, 4vw, 52px); max-width: 880px; }
.sec__head .kicker { display: flex; align-items: center; gap: 10px; }

/* hero */
.hero { border-bottom: var(--line); overflow: hidden; }
.hero__grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: clamp(30px, 5vw, 70px); align-items: center; padding-block: clamp(48px, 7vw, 96px); }
.hero__text { display: grid; gap: 26px; }
.comp { position: relative; width: 100%; max-width: 480px; aspect-ratio: 1; justify-self: center; }
.comp > a { position: absolute; display: grid; place-items: center; text-decoration: none; color: var(--white); font: 700 clamp(.78rem, 1.2vw, .95rem)/1.15 var(--f-display); text-align: center; letter-spacing: -.01em; transition: transform .35s cubic-bezier(.3,1.5,.5,1); animation: drop .9s cubic-bezier(.3,1.4,.5,1) both; }
.comp > a:hover { transform: translateY(-8px) rotate(-3deg); color: var(--white); }
.comp .c { width: 58%; aspect-ratio: 1; border-radius: 50%; background: var(--red); top: 0; left: 0; z-index: 2; }
.comp .s { width: 50%; aspect-ratio: 1; background: var(--blue); right: 0; top: 26%; z-index: 1; animation-delay: .12s; }
.comp .t { width: 58%; aspect-ratio: 1.1; left: 12%; bottom: 0; background: var(--sun); clip-path: polygon(50% 0, 100% 100%, 0 100%); color: var(--ink); padding-top: 34%; z-index: 3; animation-delay: .24s; }
.comp .t:hover { color: var(--ink); }
.comp small { display: block; font: 500 .72rem var(--f-body); letter-spacing: .06em; text-transform: uppercase; margin-top: 4px; opacity: .9; }
@keyframes drop { from { transform: translateY(-30px) scale(.92); opacity: .2; } to { transform: none; opacity: 1; } }
@media (max-width: 900px) { .hero__grid { grid-template-columns: 1fr; } .comp { max-width: 340px; } }

/* fakta */
.band { background: var(--ink); color: var(--paper); border-bottom: var(--line); }
.facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.facts li { padding: 26px 20px; display: grid; gap: 4px; border-right: 1px solid color-mix(in srgb, var(--paper) 25%, transparent); }
.facts li:first-child { padding-left: 0; }
.facts li:last-child { border-right: 0; }
.facts strong { font: 800 clamp(1.6rem, 3vw, 2.4rem)/1 var(--f-display); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.facts span { opacity: .8; font-size: .93rem; }
@media (max-width: 760px) { .facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .facts li { padding-left: 0; border-right: 0; } }
.logos { display: flex; flex-wrap: wrap; gap: 8px 24px; list-style: none; padding: 18px 0 22px; margin: 0; font-weight: 600; font-size: .95rem; border-top: 1px solid color-mix(in srgb, var(--paper) 25%, transparent); opacity: .85; }

/* claimy */
.claims { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: var(--line); }
.claims p { max-width: none; padding: clamp(26px, 3.4vw, 44px); font: 800 clamp(1.3rem, 2.4vw, 2rem)/1.12 var(--f-display); letter-spacing: -.03em; min-height: 220px; display: grid; align-content: space-between; gap: 20px; }
.claims p span { display: block; }
.claims p:nth-child(1) { background: var(--red); color: var(--white); border-right: var(--line); border-bottom: var(--line); }
.claims p:nth-child(2) { background: var(--paper); border-bottom: var(--line); }
.claims p:nth-child(3) { background: var(--sun); border-right: var(--line); }
.claims p:nth-child(4) { background: var(--blue); color: var(--white); }
.claims small { font: 700 .75rem var(--f-body); text-transform: uppercase; letter-spacing: .14em; }
@media (max-width: 760px) { .claims { grid-template-columns: 1fr; } .claims p { min-height: 0; border-right: 0 !important; border-bottom: var(--line) !important; } .claims p:last-child { border-bottom: 0 !important; } }

/* kompas */
.quiz { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.quiz ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.qbtn { width: 100%; text-align: left; display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 14px; align-items: center; cursor: pointer; background: var(--paper); color: var(--ink);
  border: var(--line); padding: 16px 18px; font: 600 1.05rem/1.35 var(--f-body); transition: transform .12s, box-shadow .12s; }
.qbtn:hover { transform: translate(-2px, -2px); box-shadow: 4px 4px 0 var(--ink); }
.qbtn .box { width: 26px; height: 26px; display: grid; place-items: center; border: 3px solid var(--ink); }
/* Kompas: kruh = rozvoj týmů (tym), čtverec = facilitace (org), trojúhelník = koučink (lidr) */
.qbtn[data-k="tym"] .box { border-radius: 50%; }
.qbtn[data-k="lidr"] .box { border: 0; background: var(--ink); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.qbtn[data-k="lidr"] .box::before { content: ""; width: 16px; height: 14px; margin-top: 7px; background: var(--paper); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.qbtn[aria-pressed="true"][data-k="tym"] .box { background: var(--red); border-color: var(--red); }
.qbtn[aria-pressed="true"][data-k="org"] .box { background: var(--blue); border-color: var(--blue); }
.qbtn[aria-pressed="true"][data-k="lidr"] .box { background: var(--sun); }
.qbtn[aria-pressed="true"][data-k="lidr"] .box::before { display: none; }
.qbtn[aria-pressed="true"] { box-shadow: 4px 4px 0 var(--ink); }
.result { position: sticky; top: 96px; border: var(--line); background: var(--ink); color: var(--paper); padding: clamp(24px, 3vw, 34px); display: grid; gap: 16px; transition: background .3s, color .3s; box-shadow: 8px 8px 0 var(--sun); }
.result[data-k="tym"] { background: var(--red); color: var(--white); box-shadow: 8px 8px 0 var(--ink); }
.result[data-k="org"] { background: var(--blue); color: var(--white); box-shadow: 8px 8px 0 var(--ink); }
.result[data-k="lidr"] { background: var(--sun); color: var(--ink); box-shadow: 8px 8px 0 var(--ink); }
.result .mono { font: 700 .75rem var(--f-body); text-transform: uppercase; letter-spacing: .14em; }
.result h3 { font-size: clamp(1.4rem, 2.3vw, 1.9rem); font-weight: 800; }
.result .meter { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.result .meter div { display: grid; gap: 6px; font: 600 .72rem var(--f-body); text-transform: uppercase; letter-spacing: .06em; }
.result .meter i { display: block; height: 10px; border: 2px solid currentColor; position: relative; }
.result .meter i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--w, 0%); background: currentColor; transition: width .4s ease; }
.result .btn--main { background: var(--paper); color: var(--ink); box-shadow: none; }
.result .btn--main:hover { background: var(--white); color: var(--ink); }
.result .btn--line { background: transparent; color: inherit; border-color: currentColor; }
.result .btn--line:hover { background: var(--paper); color: var(--ink); }
@media (max-width: 900px) { .quiz { grid-template-columns: 1fr; } .result { position: static; } }

/* tři cesty */
.paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: var(--line); }
.path { display: grid; grid-template-rows: auto 1fr; border-right: var(--line); scroll-margin-top: 100px; background: var(--paper); }
.path:last-child { border-right: 0; }
.path__top { height: 150px; position: relative; overflow: hidden; border-bottom: var(--line); }
.path__top .shape { position: absolute; width: 120px; height: 120px; right: 22px; bottom: -26px; transition: transform .4s cubic-bezier(.3,1.5,.5,1); }
.path:hover .path__top .shape { transform: translateY(-14px) rotate(-6deg); }
.path__top b { position: absolute; left: 22px; top: 20px; font: 900 2.4rem/1 var(--f-display); }
.path--c .path__top { background: var(--red); color: var(--white); } .path--c .shape { border-radius: 50%; background: var(--paper); }
.path--s .path__top { background: var(--blue); color: var(--white); } .path--s .shape { background: var(--paper); }
.path--t .path__top { background: var(--sun); } .path--t .shape { background: var(--ink); clip-path: polygon(50% 0, 100% 100%, 0 100%); bottom: -10px; }
.path__body { padding: 24px; display: grid; gap: 12px; align-content: start; }
.path__layer { font: 700 .75rem var(--f-body); text-transform: uppercase; letter-spacing: .14em; color: var(--ink-soft); }
.path h3 { font-size: clamp(1.4rem, 2.2vw, 1.85rem); font-weight: 800; }
.path__q { font-weight: 700; font-size: 1.08rem; }
.path dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 14px; margin: 6px 0 0; padding-top: 14px; border-top: 2px solid var(--ink); font-size: .95rem; }
.path dt { font: 700 .72rem var(--f-body); text-transform: uppercase; letter-spacing: .1em; padding-top: 3px; }
.path dd { margin: 0; }
.path .btns { margin-top: 10px; }
@media (max-width: 960px) { .paths { grid-template-columns: 1fr; } .path { border-right: 0; border-bottom: var(--line); } .path:last-child { border-bottom: 0; } .path__top { height: 110px; } }
.minor { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; justify-content: space-between; border: var(--line); padding: 18px 22px; background: var(--paper); scroll-margin-top: 100px; }
.minor p { max-width: none; }

/* metoda */
.method { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: start; }
@media (max-width: 900px) { .method { grid-template-columns: 1fr; } }
.steps6 { list-style: none; margin: 0; padding: 0; display: grid; border: var(--line); counter-reset: s; }
.steps6 li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 4px 16px; padding: 14px 18px; border-bottom: 2px solid var(--ink); counter-increment: s; background: var(--paper); align-items: baseline; }
.steps6 li:last-child { border-bottom: 0; }
.steps6 li::before { content: counter(s, decimal-leading-zero); font: 800 1.1rem var(--f-display); grid-row: span 2; }
.steps6 b { font: 700 1.05rem var(--f-display); letter-spacing: -.02em; }
.steps6 span { color: var(--ink-soft); font-size: .93rem; }
.steps6 li.c { background: var(--red); color: var(--white); } .steps6 li.c span { color: var(--white); }
.steps6 li.s { background: var(--blue); color: var(--white); } .steps6 li.s span { color: var(--white); }
.steps6 li.t { background: var(--sun); } .steps6 li.t span { color: var(--ink); }
.sheet { border: var(--line); background: var(--white); box-shadow: 10px 10px 0 var(--blue); font-size: .95rem; }
.sheet__head { display: flex; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: var(--line); font: 700 .75rem var(--f-body); text-transform: uppercase; letter-spacing: .1em; background: var(--sun); }
.sheet__row { display: grid; grid-template-columns: 82px minmax(0, 1fr); border-bottom: 2px solid var(--paper-2); }
.sheet__row:last-child { border-bottom: 0; }
.sheet__row > b { padding: 14px 10px 14px 16px; font: 800 .8rem var(--f-display); border-right: 2px solid var(--paper-2); }
.sheet__row > div { padding: 12px 16px; display: grid; gap: 6px; }
.sheet__row.big > div { font: 700 1.05rem/1.3 var(--f-display); letter-spacing: -.02em; }
.sheet .who { display: flex; justify-content: space-between; gap: 10px; }
.sheet .who em { font-style: normal; font-weight: 600; font-size: .82rem; background: var(--paper-2); padding: 1px 8px; white-space: nowrap; align-self: start; }
.note { font-size: .9rem; color: var(--ink-soft); margin-top: 22px; }
.big-line { font: 800 clamp(1.4rem, 2.6vw, 2.2rem)/1.15 var(--f-display); letter-spacing: -.03em; margin-top: 30px; max-width: 26ch; }

/* reference */
.quotes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.quotes figure { margin: 0; padding: 26px; border: var(--line); background: var(--paper); display: grid; gap: 18px; align-content: space-between; }
.quotes figure:nth-child(1) { box-shadow: 8px 8px 0 var(--red); } .quotes figure:nth-child(2) { box-shadow: 8px 8px 0 var(--blue); } .quotes figure:nth-child(3) { box-shadow: 8px 8px 0 var(--sun); }
.quotes blockquote { margin: 0; font-size: 1.06rem; line-height: 1.5; }
.quotes figcaption { font-size: .88rem; color: var(--ink-soft); }
.quotes figcaption b { display: block; color: var(--ink); }
@media (max-width: 900px) { .quotes { grid-template-columns: 1fr; } }

/* o mně */
.about { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: clamp(30px, 5vw, 70px); align-items: center; }
.about__img { position: relative; max-width: 340px; }
.about__img::before { content: ""; position: absolute; width: 70%; aspect-ratio: 1; border-radius: 50%; background: var(--red); right: -26px; top: -26px; z-index: 0; }
.about__img::after { content: ""; position: absolute; width: 40%; aspect-ratio: 1; background: var(--sun); left: -20px; bottom: -20px; z-index: 0; }
.about__img img { position: relative; z-index: 1; border: var(--line); }
.about__txt { display: grid; gap: 20px; }
.ticks { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.ticks li { padding-left: 28px; position: relative; }
.ticks li::before { content: ""; position: absolute; left: 0; top: .42em; width: 12px; height: 12px; background: var(--ink); }
@media (max-width: 760px) { .about { grid-template-columns: 1fr; } .about__img { max-width: 250px; margin: 20px 0 10px 20px; } }

/* FAQ */
.faq { border: var(--line); background: var(--paper); max-width: 920px; }
.faq details { border-bottom: 2px solid var(--ink); }
.faq details:last-child { border-bottom: 0; }
.faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 20px; padding: 18px 22px; font: 700 1.1rem/1.3 var(--f-body); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: ""; width: 16px; height: 16px; flex: none; margin-top: 4px; background: var(--blue); transition: border-radius .2s, background .2s; }
.faq details[open] summary::after { border-radius: 50%; background: var(--red); }
.faq details[open] summary { background: var(--sun); }
.faq details p { padding: 16px 22px 20px; }

/* závěr */
.final { background: var(--red); color: var(--white); border-bottom: var(--line); position: relative; overflow: hidden; isolation: isolate; }
.final__in { padding-block: clamp(80px, 10vw, 140px); display: grid; gap: 28px; }
.final h2 { font-size: clamp(2.2rem, 6vw, 5rem); max-width: 16ch; }
.final .btn--main { background: var(--paper); color: var(--ink); box-shadow: 6px 6px 0 var(--ink); }
.final .btn--main:hover { color: var(--ink); box-shadow: 8px 8px 0 var(--ink); }
.final .contact { display: flex; flex-wrap: wrap; gap: 8px 28px; font-weight: 600; }
.final .contact b { user-select: all; }
.final a { color: var(--white); }
.final::before { content: ""; position: absolute; z-index: -1; width: 380px; aspect-ratio: 1; right: -90px; bottom: -120px; background: var(--sun); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.final::after { content: ""; position: absolute; z-index: -1; width: 220px; aspect-ratio: 1; right: 200px; top: -70px; background: var(--blue); }
@media (max-width: 700px) { .final::before { width: 220px; } .final::after { width: 120px; right: 40px; } }

.foot { background: var(--ink); color: var(--paper); padding-block: 30px 40px; font-size: .88rem; }
.foot__in { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px 30px; }
.foot p { max-width: none; }
.foot a { color: var(--paper); font-weight: 500; }

/* facilitace */
.crumb { font-size: .88rem; color: var(--ink-soft); font-weight: 600; }
.crumb a { color: var(--ink-soft); }
.hero--page .facts { border: var(--line); background: var(--paper); }
.hero--page .facts li { border-right: 2px solid var(--ink); padding: 18px 20px; }
.hero--page .facts li:last-child { border-right: 0; }
@media (max-width: 760px) { .hero--page .facts li { border-right: 0; border-bottom: 2px solid var(--ink); } }
.cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.card { border: var(--line); background: var(--paper); display: grid; gap: 10px; align-content: start; padding: 0 22px 22px; transition: transform .15s, box-shadow .15s; }
.card::before { content: ""; height: 14px; margin: 0 -22px 10px; border-bottom: var(--line); }
.card:nth-child(3n+1)::before { background: var(--red); } .card:nth-child(3n+2)::before { background: var(--blue); } .card:nth-child(3n)::before { background: var(--sun); }
.card:hover { transform: translate(-3px, -3px); box-shadow: 6px 6px 0 var(--ink); }
.card .meta { font-size: .92rem; color: var(--ink-soft); padding-top: 12px; border-top: 2px solid var(--ink); }
.card .meta b { color: var(--ink); }
.tag { justify-self: start; font: 700 .7rem var(--f-body); text-transform: uppercase; letter-spacing: .12em; background: var(--ink); color: var(--paper); padding: 4px 9px; }
@media (max-width: 960px) { .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .cards { grid-template-columns: 1fr; } }
.calc { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border: var(--line); box-shadow: 10px 10px 0 var(--sun); }
.calc__fields { padding: clamp(22px, 3vw, 34px); display: grid; gap: 22px; background: var(--paper); }
.calc label { display: grid; gap: 8px; font-weight: 600; }
.calc .row { display: flex; justify-content: space-between; gap: 10px; }
.calc output { font-weight: 800; color: var(--blue); font-variant-numeric: tabular-nums; }
.calc input[type=range] { width: 100%; accent-color: var(--red); }
.calc__out { background: var(--blue); color: var(--white); padding: clamp(22px, 3vw, 34px); display: grid; gap: 14px; align-content: center; border-left: var(--line); }
.calc__out .mono { font: 700 .75rem var(--f-body); text-transform: uppercase; letter-spacing: .14em; }
.calc__sum { font: 900 clamp(2.4rem, 5vw, 4rem)/1 var(--f-display); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.calc__out .btn--main { background: var(--paper); color: var(--ink); box-shadow: 6px 6px 0 var(--ink); }
@media (max-width: 800px) { .calc { grid-template-columns: 1fr; } .calc__out { border-left: 0; border-top: var(--line); } }
.steps { list-style: none; padding: 0; margin: 0; border: var(--line); counter-reset: s; background: var(--paper); }
.steps li { display: grid; grid-template-columns: 60px minmax(0, 1.1fr) minmax(0, 2fr) minmax(0, .8fr); gap: 18px; padding: 16px 20px; border-bottom: 2px solid var(--ink); align-items: baseline; counter-increment: s; }
.steps li:last-child { border-bottom: 0; }
.steps li::before { content: counter(s, decimal-leading-zero); font: 800 1.05rem var(--f-display); }
.steps b { font-size: 1.05rem; }
.steps .t { font-weight: 700; font-size: .85rem; text-align: right; }
@media (max-width: 760px) { .steps li { grid-template-columns: 44px minmax(0, 1fr); } .steps li > :nth-child(n+2) { grid-column: 2; } .steps .t { text-align: left; } }
.two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px; align-items: start; }
.two > * { min-width: 0; }
@media (max-width: 800px) { .two { grid-template-columns: 1fr; } }
.panel { border: var(--line); padding: 24px; display: grid; gap: 14px; align-content: start; background: var(--paper); }
.panel--blue { background: var(--blue); color: var(--white); }
.panel--blue .ticks li::before { background: var(--sun); }
.panel--blue .tag { background: var(--sun); color: var(--ink); }
.panel--sun { background: var(--sun); }
.photo { border: var(--line); }
.photo img { width: 100%; }
figcaption { font-size: .85rem; color: var(--ink-soft); margin-top: 10px; }
.yes .ticks li::before { background: var(--blue); border-radius: 50%; }
.no .ticks li::before { background: var(--red); }

.reveal { transition: transform .6s ease, opacity .6s ease; }
.reveal.pre { transform: translateY(20px); opacity: .3; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } html { scroll-behavior: auto; } .reveal.pre { transform: none; opacity: 1; } }

.body { display: grid; gap: 26px; }
.body > * { min-width: 0; }
.sec-k { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.hero--page .hero__text { padding-block: clamp(32px, 4.5vw, 64px) clamp(48px, 7vw, 96px); }
.hero--page h1 { max-width: 16ch; }

/* ---------- příběh lídra (varianta 4) ---------- */
.voyage { position: relative; display: grid; gap: 28px; counter-reset: ch; }
.voyage::before { content: ""; position: absolute; left: 31px; top: 30px; bottom: 30px; border-left: 3px dashed var(--ink); }
.chap { position: relative; display: grid; grid-template-columns: 66px minmax(0, 1fr); gap: 0 26px; scroll-margin-top: 100px; }
.chap__mark { width: 66px; height: 66px; display: grid; place-items: center; font: 900 1.2rem var(--f-display); background: var(--paper); border: var(--line); position: relative; z-index: 1; }
.chap--c .chap__mark { border-radius: 50%; background: var(--red); color: var(--white); }
.chap--s .chap__mark { background: var(--blue); color: var(--white); }
.chap--t .chap__mark { border: 0; background: var(--sun); clip-path: polygon(50% 0, 100% 100%, 0 100%); padding-top: 20px; }
.chap--end .chap__mark { background: var(--ink); color: var(--sun); }
.chap__card { border: var(--line); background: var(--paper); display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); }
.chap__main { padding: clamp(22px, 3vw, 32px); display: grid; gap: 14px; align-content: start; }
.chap__step { font: 700 .75rem var(--f-body); text-transform: uppercase; letter-spacing: .14em; color: var(--ink-soft); }
.chap__thought { font: 800 clamp(1.25rem, 2.2vw, 1.75rem)/1.15 var(--f-display); letter-spacing: -.03em; }
.chap__main .svc { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; padding-top: 12px; border-top: 2px solid var(--ink); font-size: .95rem; }
.chap__main .svc b { font-family: var(--f-display); font-size: .9rem; }
.deck { background: var(--ink); color: var(--paper); padding: clamp(22px, 3vw, 32px); display: grid; gap: 10px; align-content: start; border-left: var(--line); }
.deck .k { font: 700 .72rem var(--f-body); text-transform: uppercase; letter-spacing: .16em; color: var(--sun); display: flex; gap: 8px; align-items: center; }
.deck p { font-size: 1.1rem; line-height: 1.45; font-weight: 500; }
.chap--c .chap__card { box-shadow: 8px 8px 0 var(--red); }
.chap--s .chap__card { box-shadow: 8px 8px 0 var(--blue); }
.chap--t .chap__card { box-shadow: 8px 8px 0 var(--sun); }
.chap--end .chap__card { box-shadow: 8px 8px 0 var(--ink); }
@media (max-width: 860px) {
  .chap__card { grid-template-columns: 1fr; }
  .deck { border-left: 0; border-top: var(--line); }
  .chap { grid-template-columns: 44px minmax(0, 1fr); gap: 0 14px; }
  .chap__mark { width: 44px; height: 44px; font-size: .95rem; }
  .chap--t .chap__mark { padding-top: 14px; }
  .voyage::before { left: 20px; }
}
.disclaim { font-size: .88rem; color: var(--ink-soft); margin-top: 26px; }

.sea-band { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-bottom: var(--line); background: var(--blue); color: var(--white); }
.sea-band__img { border-right: var(--line); min-height: 320px; }
.sea-band__img img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.1); }
.sea-band__txt { padding: clamp(36px, 5vw, 72px) max(20px, env(safe-area-inset-right, 0px)) clamp(36px, 5vw, 72px) clamp(24px, 4vw, 60px); display: grid; gap: 20px; align-content: center; }
.sea-band .btn--main { background: var(--paper); color: var(--ink); box-shadow: 6px 6px 0 var(--sun); }
.sea-band .btn--main:hover { color: var(--ink); }
@media (max-width: 860px) { .sea-band { grid-template-columns: 1fr; } .sea-band__img { border-right: 0; border-bottom: var(--line); min-height: 220px; } .sea-band__txt { padding-left: max(20px, env(safe-area-inset-left, 0px)); } }
.captain-line { font: 800 clamp(1.3rem, 2.4vw, 1.9rem)/1.15 var(--f-display); letter-spacing: -.03em; }
.captain-line span { background: linear-gradient(transparent 14%, var(--sun) 14%, var(--sun) 94%, transparent 94%); padding: 0 .1em; }

/* ---------- NOČNÍ MOŘE: kapitánské momenty (varianta 5) ---------- */
:root { --night: #070D18; --night-2: #0E1E33; --beam: #FF7A2F; --foam: #F2ECE1; --mist: #A3B1C4; }
.night { position: relative; overflow: hidden; isolation: isolate; background: var(--night); color: var(--foam); border-bottom: var(--line); }
.night canvas.sky { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -3; }
.night::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 56px; z-index: -2; background: linear-gradient(180deg, transparent, var(--night-2)); border-top: 1px solid color-mix(in srgb, var(--beam) 30%, transparent); }
.night .beam { position: absolute; z-index: -1; right: clamp(40px, 12vw, 200px); top: 30%; width: 1600px; height: 1600px; margin: -800px -800px 0 0; pointer-events: none; border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0 344deg, color-mix(in srgb, var(--beam) 32%, transparent) 352deg, transparent 360deg);
  -webkit-mask-image: radial-gradient(circle, #000 8%, transparent 62%); mask-image: radial-gradient(circle, #000 8%, transparent 62%); animation: sweep 9s linear infinite; }
@keyframes sweep { to { transform: rotate(360deg); } }
.night .lighthouse { position: absolute; z-index: -1; right: clamp(40px, 12vw, 200px); top: 30%; width: clamp(60px, 7vw, 100px); transform: translate(50%, -12%); }
.night .kicker { color: var(--beam); }
.night h2 { color: var(--foam); }
.night .muted { color: var(--mist); }
.night .lead { color: var(--foam); }
.night__in { padding-block: clamp(80px, 10vw, 140px); display: grid; gap: 22px; max-width: 760px; position: relative; }
.night .btn--main { background: var(--beam); color: var(--ink); border-color: var(--beam); box-shadow: 0 0 0 0 var(--beam); }
.night .btn--main:hover { color: var(--ink); box-shadow: 0 10px 40px -10px var(--beam); transform: translateY(-2px); }
.night .dream { color: var(--beam); }
@media (max-width: 760px) { .night .lighthouse { display: none; } .night .beam { right: -40px; top: 10%; opacity: .7; } }

/* O mně v noci */
.night .about { padding-block: clamp(80px, 10vw, 130px) clamp(110px, 12vw, 160px); }
.night .about__img::before { background: var(--beam); }
.night .about__img::after { background: var(--night-2); border: 2px solid var(--mist); }
.night .about__img img { border-color: var(--foam); }
.night .ticks li::before { background: var(--beam); }
.night .captain-line span { background: none; color: var(--beam); padding: 0; }
.night a { color: var(--beam); }
.miles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid color-mix(in srgb, var(--foam) 25%, transparent); }
.miles div { padding: 18px 16px 0 0; display: grid; gap: 4px; }
.miles strong { font: 900 clamp(1.6rem, 3vw, 2.4rem)/1 var(--f-display); letter-spacing: -.04em; }
.miles strong em { font-style: normal; color: var(--beam); }
.miles span { color: var(--mist); font-size: .9rem; }

/* „Z paluby“ v příběhu jako noční okénko */
.deck { background-color: var(--night); color: var(--foam);
  background-image: radial-gradient(1.2px 1.2px at 12% 18%, var(--foam), transparent), radial-gradient(1px 1px at 72% 12%, var(--foam), transparent), radial-gradient(1.4px 1.4px at 88% 40%, var(--foam), transparent), radial-gradient(1px 1px at 34% 64%, var(--mist), transparent), radial-gradient(1px 1px at 58% 84%, var(--foam), transparent), radial-gradient(1.2px 1.2px at 20% 88%, var(--mist), transparent), linear-gradient(180deg, transparent 70%, var(--night-2)); }
.deck .k { color: var(--beam); }
.deck .k svg { width: 14px; height: 18px; flex: none; }

/* Varianta 5B – týmová linka: čtyři vlastnosti vedení */
.crew4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: var(--line); background: var(--white); }
.crew4 > div { padding: clamp(20px, 2.6vw, 32px); border-right: var(--line); display: grid; gap: 10px; align-content: start; }
.crew4 > div:last-child { border-right: 0; }
.crew4 .sh, .crew4 .marks { font-size: 26px; }
.crew4 .marks { display: flex; gap: 4px; }
.crew4 b { font: 800 clamp(1.1rem, 1.7vw, 1.4rem)/1.12 var(--f-display); letter-spacing: -.03em; }
.crew4 span { color: var(--ink-soft); }
@media (max-width: 900px) { .crew4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .crew4 > div { border-bottom: var(--line); } .crew4 > div:nth-child(2n) { border-right: 0; } .crew4 > div:nth-child(n+3) { border-bottom: 0; } }
@media (max-width: 560px) { .crew4 { grid-template-columns: 1fr; } .crew4 > div { border-right: 0 !important; border-bottom: var(--line) !important; } .crew4 > div:last-child { border-bottom: 0 !important; } }
.svc + .svc { margin-top: -4px; }
.crew4 small { font: 700 .72rem var(--f-body); text-transform: uppercase; letter-spacing: .1em; margin-top: 4px; }
.comp--big > a { font-size: clamp(1.02rem, 1.75vw, 1.4rem); line-height: 1.08; }
.comp--big small { font-size: .7rem; letter-spacing: .05em; max-width: 13ch; margin-inline: auto; line-height: 1.25; margin-top: 6px; }
.comp--big .t { padding-top: 36%; }
.comp--big > a { align-content: center; gap: 0; }
.comp--big small { max-width: 16ch; }
.comp--big .c { padding-bottom: 0; box-sizing: border-box; }
.comp--big .t { align-content: start; }


/* ===== Varianta 5B – celý web (23. 10. 2026) ===== */
/* Symboly: kruh/červená = Rozvoj týmů · čtverec/modrá = Facilitace · trojúhelník/žlutá = Koučink a mentoring · trojice = obecné */
.kicker .marks { display: inline-flex; gap: 3px; font-size: 10px; }
.sec-k .marks { font-size: 12px; }
.hero--page { position: relative; }
.hero--page .hero__text { position: relative; z-index: 1; }
.pshape { position: absolute; z-index: 0; right: max(20px, 5vw); top: clamp(40px, 6vw, 80px); width: clamp(110px, 20vw, 280px); aspect-ratio: 1; }
.pshape--c { border-radius: 50%; background: var(--red); }
.pshape--s { background: var(--blue); }
.pshape--t { background: var(--sun); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
@media (max-width: 1100px) { .pshape { width: 120px; top: 24px; right: 20px; opacity: .9; } }
@media (max-width: 700px) { .pshape { width: 64px; top: 18px; } }
.cards--c .card::before { background: var(--red) !important; }
.cards--s .card::before { background: var(--blue) !important; }
.cards--t .card::before { background: var(--sun) !important; }
.cards--plain .card::before { background: var(--ink) !important; height: 6px; }
.principles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: var(--line); counter-reset: p; background: var(--white); }
.principles li { padding: 22px; border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); counter-increment: p; display: grid; gap: 10px; align-content: start; }
.principles li::before { content: counter(p, decimal-leading-zero); font: 800 1.1rem var(--f-display); }
.principles li:nth-child(4n) { border-right: 0; }
.principles li:nth-last-child(-n+4) { border-bottom: 0; }
.principles b { font-family: var(--f-display); font-size: .98rem; letter-spacing: -.01em; }
@media (max-width: 900px) { .principles { grid-template-columns: repeat(2, minmax(0, 1fr)); } .principles li { border-right: 2px solid var(--ink) !important; border-bottom: 2px solid var(--ink) !important; } .principles li:nth-child(2n) { border-right: 0 !important; } .principles li:nth-last-child(-n+2) { border-bottom: 0 !important; } }
@media (max-width: 560px) { .principles { grid-template-columns: 1fr; } .principles li { border-right: 0 !important; border-bottom: 2px solid var(--ink) !important; } .principles li:last-child { border-bottom: 0 !important; } }
.factbox { border: var(--line); background: var(--white); padding: clamp(22px, 3vw, 36px); display: grid; gap: 20px; max-width: 980px; box-shadow: 10px 10px 0 var(--ink); }
.factbox > p { max-width: 70ch; font-size: 1.1rem; }
.quotes--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.quotes--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 900px) { .quotes--2, .quotes--4 { grid-template-columns: 1fr; } }
.logos--light { border-top: 2px solid var(--ink); margin-top: 30px; color: var(--ink-soft); }
.panel--sunlite { background: var(--white); box-shadow: 8px 8px 0 var(--sun); }
.panel--blue a { color: var(--white); }
.ticks--svc li.li-t::before { background: var(--sun); clip-path: polygon(50% 0, 100% 100%, 0 100%); width: 14px; height: 13px; }
.ticks--svc li.li-c::before { background: var(--red); border-radius: 50%; }
.contact-card { box-shadow: 10px 10px 0 var(--red); }
.contact-card .mono { font: 700 .72rem var(--f-body); text-transform: uppercase; letter-spacing: .14em; opacity: .8; }
.contact-card .btn--main { background: var(--paper); color: var(--ink); box-shadow: 6px 6px 0 var(--ink); }
.contact-card .btn--main:hover { color: var(--ink); }
.about-hero { grid-template-columns: minmax(0, 1.4fr) minmax(0, 340px); }
.about-hero .about__img { justify-self: center; }
.about-hero .about__img img { width: 100%; height: auto; }
@media (max-width: 900px) { .about-hero { grid-template-columns: 1fr; } .about-hero .about__img { max-width: 260px; justify-self: start; margin: 10px 0 10px 20px; } }
.contact-sec .steps li { grid-template-columns: 44px minmax(0, 1fr); }
.contact-sec .steps li > :nth-child(n+2) { grid-column: 2; }
.contact-sec .steps .t { text-align: left; }
/* doladění 5B */
.hero--page h1 { max-width: 14ch; }
.hero--page .lead { max-width: 62ch; }
.pshape { width: clamp(90px, 13vw, 190px); top: clamp(36px, 4vw, 56px); }
@media (min-width: 1101px) { .hero--page h1 { max-width: min(14ch, calc(100% - 220px)); } }
.panel--blue .ticks li::before { background: var(--white); }
.panel--blue .ticks--svc li.li-t::before { background: var(--sun); }
.panel--blue .ticks--svc li.li-c::before { background: var(--red); box-shadow: 0 0 0 2px var(--white); }
.panel--blue .muted { color: var(--white); opacity: .85; }
.yes .ticks li::before, .no .ticks li::before { background: none; border-radius: 0; width: auto; height: auto; top: 0; font-weight: 800; }
.yes .ticks li::before { content: "✓"; color: var(--ink); }
.no .ticks li::before { content: "✕"; color: var(--ink-soft); }
.faq summary::after { content: "+"; width: auto; height: auto; margin-top: 0; background: none; font: 800 1.3rem/1 var(--f-display); }
.faq details[open] summary::after { content: "–"; background: none; border-radius: 0; }
.quotes--k-c figure { box-shadow: 8px 8px 0 var(--red) !important; }
.quotes--k-s figure { box-shadow: 8px 8px 0 var(--blue) !important; }
.quotes--k-t figure { box-shadow: 8px 8px 0 var(--sun) !important; }
@media (max-width: 1100px) { .pshape { width: 110px; top: 24px; right: 20px; } .hero--page h1 { max-width: 14ch; } }
@media (max-width: 700px) { .pshape { width: 52px; top: 14px; } }
.about-hero .about__img::after { background: var(--blue); }
@media (max-width: 500px) { .hero--page .facts strong { font-size: 1.45rem; } }
/* hero úvodní stránky: menší mezera nahoře, vše nad ohybem (23. 10.) */
.hero:not(.hero--page) .hero__grid { align-items: start; padding-block: clamp(20px, 3vw, 40px) clamp(36px, 4vw, 60px); }
.hero:not(.hero--page) .hero__text { gap: 20px; }
.hero:not(.hero--page) h1 { font-size: clamp(2.4rem, min(6.4vw, 9vh), 5.6rem); }
.hero:not(.hero--page) .comp { max-width: min(480px, 60vh); margin-top: clamp(0px, 2vw, 24px); }
@media (max-width: 900px) { .hero:not(.hero--page) .comp { max-width: 340px; margin-top: 10px; } }

/* formulář zájmu – výcvik facilitace */
.lead-form { display: grid; gap: 12px; margin-top: 4px; }
.lead-form[hidden] { display: none; }
.lead-form label { display: grid; gap: 6px; font: 700 .9rem var(--f-body); }
.lead-form .opt { font-weight: 400; color: var(--ink-soft); }
.lead-form input, .lead-form textarea { font: 400 1rem var(--f-body); color: var(--ink); background: var(--white); border: var(--line); padding: .7rem .8rem; width: 100%; border-radius: 0; }
.lead-form input:focus-visible, .lead-form textarea:focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; }
.lead-form .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lead-form .form-msg { font-weight: 700; min-height: 1.2em; margin: 0; }
button.btn { cursor: pointer; }

/* karty služeb: stejné zarovnání řádků ve všech třech sloupcích */
@media (min-width: 961px) {
  @supports (grid-template-rows: subgrid) {
    .paths { grid-template-rows: repeat(7, auto); }
    .path { grid-row: span 7; grid-template-rows: subgrid; row-gap: 0; }
    .path__body { grid-row: span 6; grid-template-rows: subgrid; row-gap: 12px; align-content: stretch; }
    .path__body > * { align-self: start; }
  }
}

/* trojúhelník v hero: text výš, aby byla mezera nad spodní hranou */
.comp--big .t { padding-top: 31%; }

/* claim „Odvážná vize. Sladěný tým.“ – dva řádky */
.hero:not(.hero--page) h1.h1-claim { font-size: clamp(2rem, min(4.6vw, 9vh), 4.6rem); white-space: nowrap; }
@media (max-width: 900px) { .hero:not(.hero--page) h1.h1-claim { font-size: clamp(1.6rem, 8.4vw, 4rem); } }

/* hero úvodní stránky 26. 10.: portrét z provizorní verze, 6 faktů, lišta referencí */
.hero.hero--home .hero__grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(28px, 5vw, 72px); padding-block: clamp(32px, 5vw, 72px); }
.hero--home .hero__text { gap: 24px; }
.hero.hero--home h1 { font-size: clamp(2rem, 4.4vw, 4rem); font-weight: 900; line-height: 1.08; letter-spacing: -.03em; }
.hero--home h1 span { display: inline-block; }
.hero--home .lead { font-size: clamp(1.1rem, 1.45vw, 1.28rem); line-height: 1.5; }
.hero--home .lead strong { font-weight: 700; }
.portrait { position: relative; width: 100%; max-width: 500px; aspect-ratio: 1; justify-self: center; }
.portrait .f { position: absolute; }
.portrait .c { width: 72%; aspect-ratio: 1; border-radius: 50%; background: var(--red); left: 6%; top: 4%; }
.portrait .s { width: 36%; aspect-ratio: 1; background: var(--blue); right: 0; top: 30%; }
.portrait .t { width: 40%; aspect-ratio: 1.1; background: var(--sun); left: 0; bottom: 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.portrait picture { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: center; }
.portrait img { width: 92%; height: auto; position: relative; filter: drop-shadow(0 10px 18px rgba(17,17,17,.18)); }
.portrait::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: var(--line); }
@media (max-width: 900px) { .hero.hero--home .hero__grid { grid-template-columns: 1fr; } .portrait { max-width: 360px; order: 2; } }
.facts--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.facts--6 li { padding: 24px 18px; font-size: .9rem; line-height: 1.35; align-content: start; gap: 6px; }
.facts--6 li:first-child { padding-left: 0; }
.facts--6 strong { font-size: clamp(1.05rem, 1.5vw, 1.4rem); line-height: 1.05; white-space: nowrap; letter-spacing: -.03em; }
.facts--6 strong { color: var(--white); }
.facts--6 li:nth-child(odd) strong { color: var(--sun); }
.facts--6 span { opacity: 1; color: var(--white); }
@media (max-width: 1000px) {
  .facts--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .facts--6 li { padding-left: 18px; border-bottom: 1px solid color-mix(in srgb, var(--paper) 25%, transparent); }
  .facts--6 li:nth-child(3n+1) { padding-left: 0; }
  .facts--6 li:nth-child(3n) { border-right: 0; }
  .facts--6 li:nth-child(n+4) { border-bottom: 0; }
}
@media (max-width: 600px) {
  .facts--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .facts--6 li, .facts--6 li:nth-child(3n+1) { padding: 20px 0 20px 16px; border-right: 1px solid color-mix(in srgb, var(--paper) 25%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--paper) 25%, transparent); }
  .facts--6 li:nth-child(odd) { padding-left: 0; }
  .facts--6 li:nth-child(even) { border-right: 0; }
  .facts--6 li:nth-child(n+5) { border-bottom: 0; }
}
.band--home .logos { opacity: .9; gap: 8px 28px; }