/*
Theme Name: Blanka Hašková
Theme URI: https://www.blankahaskova.cz
Author: Mediaface
Author URI: https://mediaface.cz
Description: Osobní web Blanky Haškové — autorka, lektorka dechové práce, průvodkyně přechodovými stavy. Postaveno na Underscores.
Version: 1.0.0
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blankahaskova
*/

/* Screen-reader helper (WP) */
.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}

/* ─────────────────────────────────────────────────────────────
   blankahaskova.cz · sdílený stylesheet
   Design systém dle brand.css (Bricolage Grotesque + Hanken Grotesk)
   ───────────────────────────────────────────────────────────── */

:root{
  --paper:#F4F0E8;--paper-2:#EBE5D9;--paper-3:#DFD7C6;
  --ink:#24201B;--ink-soft:#4A413A;
  --stone:#B8B1A5;--stone-warm:#D8D0C2;
  --earth:#6F5642;--earth-dark:#2C241D;
  --water:#4F7370;--water-deep:#2E5554;--petrol:#163B45;
  --straw:#C8B47D;--straw-soft:#E4D5A8;--copper:#A7653F;--copper-soft:#C68A63;
  --display:"Bricolage Grotesque",Georgia,serif;
  --body:"Hanken Grotesk",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --mx:clamp(20px,5vw,96px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--paper);color:var(--ink);
  -webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.045;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

h1,h2,h3,h4,.display{font-family:var(--display);font-optical-sizing:auto;font-weight:600;line-height:1.02;letter-spacing:-.02em}
.eyebrow{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500;opacity:.62}
.num{font-family:var(--display);font-size:.78rem;letter-spacing:.1em;opacity:.5;font-weight:600}
a{color:var(--copper);text-decoration:none}
a:hover{color:var(--earth)}
em{font-style:normal;color:var(--copper)}
.dark em,.dark-earth em,.petrol-bg em{color:var(--straw)}

/* ─── NAV ─── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;
  padding:22px var(--mx);color:var(--paper);transition:background .4s,color .4s,padding .4s,border-color .4s;
  border-bottom:1px solid transparent}
nav.on-light{color:var(--ink)}
nav:not(.scrolled).on-dark{text-shadow:0 1px 16px rgba(0,0,0,.35)}
nav.scrolled{background:rgba(244,240,232,.93);backdrop-filter:blur(9px);color:var(--ink);
  border-bottom-color:rgba(36,32,27,.12);padding:14px var(--mx);text-shadow:none}
.mark{font-family:var(--display);font-weight:700;font-size:1.4rem;letter-spacing:-.02em;color:inherit;display:inline-block;transform-origin:left center;animation:markBreath 11s ease-in-out infinite}
@keyframes markBreath{0%{transform:scale(.99);opacity:.9}45%{transform:scale(1.012);opacity:1}55%{transform:scale(1.012)}100%{transform:scale(.99);opacity:.9}}
.nav-right{display:flex;align-items:center;gap:28px}
.navlinks{display:flex;gap:28px;font-size:1rem;font-weight:500}
.navlinks a{color:inherit;opacity:.82;transition:opacity .25s;position:relative;padding:5px 0}
.navlinks a:hover{opacity:1}
.navlinks a::after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:0;background:currentColor;transition:width .3s}
.navlinks a:hover::after,.navlinks a.active::after{width:100%}
.navlinks a.active{opacity:1}
.nav-socials{display:flex;gap:9px}
.nav-socials a{color:inherit;display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border:1px solid currentColor;border-radius:50%;opacity:.5;transition:opacity .25s,transform .25s}
.nav-socials a:hover{opacity:1;transform:translateY(-1px)}
.nav-socials svg{width:14px;height:14px}
@media(max-width:900px){.nav-socials{display:none}}
@media(max-width:720px){.mark{font-size:1.2rem}.navlinks{gap:15px;font-size:.9rem}.navlinks a:nth-child(n+4){display:none}}

/* ─── BUTTONS ─── */
.btn{font-family:var(--body);font-size:.94rem;font-weight:500;padding:14px 26px;border-radius:2px;border:1px solid transparent;
  cursor:pointer;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s,color .35s,border-color .35s;
  display:inline-flex;align-items:center;gap:10px;background:none;text-shadow:none;color:var(--ink)}
.btn:hover{transform:translateY(-2px)}
.btn-solid{background:var(--copper);color:var(--paper)}
.btn-solid:hover{background:#b87149;color:var(--paper)}
.btn-line{border-color:rgba(36,32,27,.35);color:var(--ink)}
.btn-line:hover{border-color:var(--ink);color:var(--ink)}
.dark .btn-line,.dark-earth .btn-line,.petrol-bg .btn-line{border-color:rgba(244,240,232,.45);color:var(--paper)}
.dark .btn-line:hover,.dark-earth .btn-line:hover,.petrol-bg .btn-line:hover{border-color:var(--paper);color:var(--paper)}
.btn .arr{transition:transform .35s}
.btn:hover .arr{transform:translateX(4px)}

/* ─── SECTIONS ─── */
section{padding:clamp(72px,11vh,140px) var(--mx);position:relative}
.light{background:var(--paper)}.light-2{background:var(--paper-2)}.light-3{background:var(--paper-3)}
.dark{background:var(--water-deep);color:var(--paper)}
.dark-earth{background:var(--earth-dark);color:var(--paper)}
.petrol-bg{background:var(--petrol);color:var(--paper)}
.section-head{display:flex;align-items:baseline;gap:18px;margin-bottom:52px;flex-wrap:wrap}
.section-head h2{font-size:clamp(1.7rem,3.6vw,3rem)}
.section-head .kicker{flex:1 1 300px;margin-left:auto;font-size:1.05rem;font-weight:300;opacity:.78;max-width:40ch;line-height:1.5}
.dark .num,.dark-earth .num,.petrol-bg .num{color:var(--straw);opacity:.7}

/* ─── PAGE HERO (interior pages) ─── */
.page-hero{min-height:62vh;display:flex;align-items:flex-end;position:relative;overflow:hidden;
  padding:150px var(--mx) clamp(48px,7vh,88px);background:var(--earth-dark);color:var(--paper)}
.page-hero.paper{background:var(--paper);color:var(--ink)}
.page-hero .ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.page-hero .ph-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,17,12,.55) 0%,rgba(24,17,12,.2) 30%,rgba(24,17,12,.78) 100%)}
.page-hero .ph-inner{position:relative;z-index:3;width:100%;max-width:1340px;margin:0 auto}
.page-hero .eyebrow{color:var(--straw);opacity:.92;margin-bottom:20px}
.page-hero.paper .eyebrow{color:var(--copper)}
.page-hero h1{font-size:clamp(2.6rem,7vw,5.4rem);font-weight:700;letter-spacing:-.035em;line-height:.95;max-width:16ch}
.page-hero .ph-lede{font-size:clamp(1.1rem,1.8vw,1.42rem);font-weight:300;max-width:52ch;margin-top:26px;opacity:.9}

/* ─── PROOFS ─── */
.proofs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(36,32,27,.14)}
.dark .proofs,.dark-earth .proofs{background:rgba(244,240,232,.14)}
.proof{background:var(--paper);padding:clamp(28px,4vw,52px) clamp(22px,3vw,42px)}
.dark .proof,.dark-earth .proof{background:var(--earth-dark)}
.proof .big{font-family:var(--display);font-size:clamp(2rem,4.6vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1}
.proof .big span{color:var(--copper)}
.dark .proof .big span,.dark-earth .proof .big span{color:var(--straw)}
.proof p{margin-top:16px;font-size:.98rem;opacity:.78;max-width:32ch}
@media(max-width:760px){.proofs{grid-template-columns:1fr}}

/* ─── SPLIT / FRAME ─── */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,6vw,90px);align-items:center}
.split.rev{grid-template-columns:.95fr 1.05fr}
@media(max-width:840px){.split,.split.rev{grid-template-columns:1fr;gap:40px}}
.prose p{font-size:1.06rem;margin-top:1.05em;max-width:56ch}
.prose p:first-child{margin-top:0}
.prose .lede{font-size:clamp(1.15rem,1.7vw,1.32rem);font-weight:300;line-height:1.55;max-width:54ch}
.dark .prose p,.dark-earth .prose p,.petrol-bg .prose p{opacity:.88;font-weight:300}

.frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--paper-3)}
.frame img{width:100%;height:100%;object-fit:cover;display:block}
.frame .tag{position:absolute;bottom:14px;left:14px;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);opacity:.85;text-shadow:0 1px 8px rgba(0,0,0,.5)}

.pull{font-family:var(--display);font-weight:500;letter-spacing:-.02em;font-size:clamp(1.7rem,4.4vw,3.2rem);line-height:1.08;max-width:18ch}

/* ─── BOUNDARY (co dělám / kde končí) ─── */
.boundary-top{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,6vw,88px);align-items:end;margin-bottom:clamp(50px,7vh,88px)}
.boundary-quote{font-family:var(--display);font-weight:500;letter-spacing:-.02em;line-height:1.04;font-size:clamp(2.2rem,5.2vw,4rem);max-width:13ch}
.boundary-lead{font-size:1.12rem;font-weight:300;line-height:1.62;opacity:.82;max-width:44ch;padding-bottom:.35em}
.dodont{display:grid;grid-template-columns:1fr 1px 1fr;gap:clamp(34px,5vw,76px);align-items:start}
.rail{align-self:stretch;width:1px;background:linear-gradient(180deg,transparent,rgba(244,240,232,.28) 16%,rgba(244,240,232,.28) 84%,transparent)}
.light .rail,.light-2 .rail{background:linear-gradient(180deg,transparent,rgba(36,32,27,.2) 16%,rgba(36,32,27,.2) 84%,transparent)}
.dd-col h3{font-size:1.34rem;color:var(--straw);margin-bottom:26px;font-weight:600}
.light .dd-col h3,.light-2 .dd-col h3{color:var(--copper)}
.dd-col ul{list-style:none;display:flex;flex-direction:column;gap:18px}
.dd-col li{position:relative;padding-left:30px;font-size:1.18rem;font-weight:300;line-height:1.4;opacity:.92}
.dd-col li::before{content:"";position:absolute;left:0;top:.66em;width:16px;height:1.5px}
.dd-yes li::before{background:var(--straw)}
.dd-no li::before{background:rgba(244,240,232,.42)}
.light .dd-yes li::before,.light-2 .dd-yes li::before{background:var(--copper)}
.light .dd-no li::before,.light-2 .dd-no li::before{background:rgba(36,32,27,.32)}
@media(max-width:780px){.boundary-top{grid-template-columns:1fr;gap:28px;align-items:start}.dodont{grid-template-columns:1fr;gap:34px}.rail{display:none}.dodont .dd-col:last-child{border-top:1px solid rgba(244,240,232,.16);padding-top:30px}.light .dodont .dd-col:last-child,.light-2 .dodont .dd-col:last-child{border-top-color:rgba(36,32,27,.16)}}

/* ─── ROWS ─── */
.rows{border-top:1px solid rgba(36,32,27,.18)}
.dark .rows,.dark-earth .rows{border-top-color:rgba(244,240,232,.2)}
.row{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:baseline;padding:26px 0;
  border-bottom:1px solid rgba(36,32,27,.18);transition:padding-left .4s}
.dark .row,.dark-earth .row{border-bottom-color:rgba(244,240,232,.2)}
a.row{color:inherit}
a.row:hover{padding-left:14px;color:inherit}
.row .rtitle{font-family:var(--display);font-size:clamp(1.3rem,2.6vw,2rem);font-weight:600}
.row .rdesc{font-size:.96rem;opacity:.74;max-width:52ch;margin-top:4px}
.row .rmeta{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;opacity:.55;white-space:nowrap}
@media(max-width:680px){.row{grid-template-columns:1fr;gap:8px}.row .rmeta{order:3}}

/* ─── CARDS (audio / kurzy / recenze) ─── */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,30px)}
.cards.two{grid-template-columns:repeat(2,1fr)}
@media(max-width:860px){.cards{grid-template-columns:1fr 1fr}.cards.two{grid-template-columns:1fr}}
@media(max-width:560px){.cards{grid-template-columns:1fr}}
.card{border:1px solid rgba(36,32,27,.16);background:var(--paper);padding:clamp(26px,3vw,38px);display:flex;flex-direction:column;gap:14px}
.dark .card,.dark-earth .card{background:rgba(244,240,232,.05);border-color:rgba(244,240,232,.18)}
.card .c-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.55}
.card h3{font-size:clamp(1.35rem,2.3vw,1.75rem)}
.card p{font-size:.98rem;opacity:.8;line-height:1.55}
.card .c-meta{margin-top:auto;padding-top:10px;font-family:var(--mono);font-size:.74rem;letter-spacing:.05em;opacity:.6}
.card .c-price{font-family:var(--display);font-weight:600;font-size:1.1rem}
.card.feature{background:var(--paper-2);border-color:rgba(167,101,63,.4)}
.badge{display:inline-block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--copper);color:var(--copper);border-radius:2px;align-self:flex-start}

/* ─── QUOTE / REVIEW ─── */
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3.5vw,52px)}
@media(max-width:760px){.quotes{grid-template-columns:1fr}}
.quote{border-left:2px solid var(--copper);padding:6px 0 6px 26px}
.dark .quote,.dark-earth .quote,.petrol-bg .quote{border-left-color:var(--straw)}
.quote p{font-family:var(--display);font-weight:500;letter-spacing:-.01em;font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.28}
.quote .q-src{margin-top:14px;font-family:var(--body);font-size:.86rem;letter-spacing:.02em;opacity:.62;font-weight:400}

/* ─── META STRIP (bibliografie) ─── */
.meta-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(244,240,232,.16);border:1px solid rgba(244,240,232,.16)}
.light .meta-strip,.light-2 .meta-strip{background:rgba(36,32,27,.14);border-color:rgba(36,32,27,.14)}
.meta-cell{background:var(--earth-dark);padding:22px 24px}
.light .meta-cell,.light-2 .meta-cell{background:var(--paper)}
.meta-cell .k{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;opacity:.55;margin-bottom:8px}
.meta-cell .v{font-family:var(--display);font-weight:600;font-size:1.15rem}
@media(max-width:680px){.meta-strip{grid-template-columns:1fr 1fr}}

/* ─── MEDIA LOGOS/LIST ─── */
.media-line{display:flex;flex-wrap:wrap;gap:14px 36px;align-items:center;font-family:var(--display);font-weight:600;font-size:clamp(1.05rem,1.7vw,1.4rem);opacity:.7}
.media-line span{opacity:.9}

/* ─── BIG WORD (vidim) ─── */
.big-word{font-family:var(--display);font-weight:700;font-size:clamp(3.4rem,13vw,11rem);letter-spacing:-.04em;line-height:.9;margin-bottom:.15em}
.big-word i{font-style:normal;color:var(--copper)}
.dark .big-word i,.dark-earth .big-word i,.petrol-bg .big-word i{color:var(--straw)}

/* ─── CTA BAND ─── */
.cta-band{position:relative;overflow:hidden;background:var(--petrol);color:var(--paper);text-align:center;
  padding:clamp(72px,11vh,130px) var(--mx)}
.cta-band .cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;mix-blend-mode:luminosity}
.cta-band .cta-inner{position:relative;z-index:2;max-width:760px;margin:0 auto}
.cta-band h2{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.03em;line-height:1.02}
.cta-band p{font-size:1.1rem;font-weight:300;opacity:.9;margin:20px auto 34px;max-width:48ch}
.cta-band .btn-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* ─── LETTER / NEWSLETTER ─── */
.letter{max-width:600px}
.field{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.field input{flex:1;min-width:220px;background:transparent;border:none;border-bottom:1px solid rgba(36,32,27,.4);
  padding:12px 2px;font-family:var(--body);font-size:1rem;color:inherit;outline:none}
.dark .field input,.dark-earth .field input{border-bottom-color:rgba(244,240,232,.4)}
.field input::placeholder{opacity:.5}
.field input:focus{border-color:var(--copper)}

/* ─── ARTICLE (o mně / hranice) ─── */
.article{max-width:720px;margin:0 auto}
.article .lead{font-size:clamp(1.25rem,2.1vw,1.6rem);font-weight:300;line-height:1.45;letter-spacing:-.01em;margin-bottom:1.4em}
.article h2{font-size:clamp(1.5rem,2.8vw,2.2rem);margin:1.7em 0 .5em}
.article h2:first-of-type{margin-top:0}
.article p{font-size:1.08rem;margin-top:1em;line-height:1.62}
.article p.big-line{font-family:var(--display);font-weight:500;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.18;letter-spacing:-.01em;margin:1.2em 0}
.axis{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(36,32,27,.14);margin:44px 0}
.axis .step{background:var(--paper);padding:26px 20px;text-align:center}
.axis .step .n{font-family:var(--mono);font-size:.7rem;opacity:.5;letter-spacing:.1em}
.axis .step .w{font-family:var(--display);font-weight:600;font-size:1.25rem;margin-top:10px;letter-spacing:-.01em}
.axis .step small{display:block;margin-top:8px;font-size:.82rem;opacity:.7;line-height:1.4}
@media(max-width:780px){.axis{grid-template-columns:1fr 1fr}}

.safety-card{background:var(--paper);border-left:3px solid var(--copper);padding:clamp(22px,3vw,32px)}
.dark .safety-card,.dark-earth .safety-card{background:rgba(244,240,232,.05);border-left-color:var(--straw)}
.safety-card h4{font-family:var(--display);font-weight:600;font-size:1.1rem;margin-bottom:10px}
.safety-card p{font-size:.98rem;line-height:1.6;opacity:.85;max-width:60ch}

/* ─── FOOTER ─── */
footer.site{background:var(--earth-dark);color:var(--paper);padding:clamp(66px,9vh,112px) var(--mx) 38px}
.foot-claim{font-family:var(--display);font-weight:500;letter-spacing:-.02em;line-height:1.06;
  font-size:clamp(1.9rem,4.6vw,3.4rem);max-width:18ch;padding-bottom:clamp(40px,6vh,64px);border-bottom:1px solid rgba(244,240,232,.14)}
.foot-claim em{color:var(--straw)}
.foot-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:44px;padding:clamp(42px,5.5vh,60px) 0 clamp(38px,5vh,54px)}
.fcol .fmark{font-family:var(--display);font-weight:700;font-size:1.5rem;margin-bottom:12px}
.fcol .role{font-size:.92rem;opacity:.6;max-width:32ch;line-height:1.55;margin-bottom:20px}
.fcol .email{color:var(--paper);font-size:1.04rem;opacity:.9;border-bottom:1px solid rgba(244,240,232,.3);padding-bottom:2px;transition:color .25s,border-color .25s}
.fcol .email:hover{color:var(--straw);border-color:var(--straw)}
.fcol h4{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;opacity:.5;margin-bottom:20px;font-weight:600}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.fcol li a{color:var(--paper);font-size:1rem;opacity:.78;transition:opacity .25s,padding-left .25s,color .25s}
.fcol li a:hover{opacity:1;padding-left:6px;color:var(--straw)}
.socials{display:flex;gap:13px;margin-top:24px}
.socials a{color:var(--paper);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(244,240,232,.22);
  border-radius:50%;opacity:.78;transition:opacity .25s,border-color .25s,transform .25s}
.socials a:hover{opacity:1;border-color:var(--straw);transform:translateY(-2px)}
.socials svg{width:19px;height:19px}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:30px;
  border-top:1px solid rgba(244,240,232,.14);font-size:.8rem;letter-spacing:.02em;opacity:.5}
.foot-bottom a{color:var(--paper);opacity:.9}
@media(max-width:840px){.foot-cols{grid-template-columns:1fr 1fr;gap:34px}.fcol.brand{grid-column:1/-1;margin-bottom:8px}}
@media(max-width:520px){.foot-cols{grid-template-columns:1fr}}

/* ─── REVEAL ─── */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.stagger>*{opacity:0;transform:translateY(18px);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards}
.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.18s}
.stagger>*:nth-child(3){animation-delay:.32s}.stagger>*:nth-child(4){animation-delay:.46s}
.stagger>*:nth-child(5){animation-delay:.6s}.stagger>*:nth-child(6){animation-delay:.74s}
@keyframes rise{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mark,.reveal,.stagger>*{animation:none!important;opacity:1!important;transform:none!important}}

/* ─── HOMEPAGE HERO ─── */
.hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--earth-dark);color:var(--paper)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% 40%}
.hero-scrim{position:absolute;inset:0;background:
  linear-gradient(98deg, rgba(26,20,15,.9) 0%, rgba(26,20,15,.72) 26%, rgba(26,20,15,.28) 50%, rgba(26,20,15,0) 68%),
  linear-gradient(180deg, rgba(26,20,15,.42) 0%, transparent 16%)}
.hero-grid{position:relative;z-index:3;width:100%;max-width:1340px;margin:0 auto;padding:128px var(--mx) 96px}
.hero-copy{max-width:min(460px,40vw);text-shadow:0 1px 22px rgba(18,12,8,.42)}
.hero .eyebrow{color:var(--straw);opacity:.92}
.wordmark{font-family:var(--display);font-weight:800;letter-spacing:-.04em;
  font-size:clamp(2.9rem,6.6vw,5.4rem);line-height:.88;margin:.2em 0 .34em;color:var(--paper)}
.hero h1{font-size:clamp(1.4rem,2.5vw,2.05rem);font-weight:500;line-height:1.14;margin-bottom:.5em;opacity:.96}
.hero .lede{font-size:clamp(1.02rem,1.6vw,1.24rem);opacity:.82;font-weight:300;max-width:42ch}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px}
@media(max-width:880px){
  .hero-img{object-position:64% 30%}
  .hero-scrim{background:linear-gradient(180deg, rgba(24,17,12,.5) 0%, rgba(24,17,12,.4) 24%, rgba(24,17,12,.52) 52%, rgba(24,17,12,.9) 100%)}
  .hero-grid{display:flex;align-items:flex-end;padding-bottom:56px}
  .hero-copy{max-width:none}
  .wordmark{font-size:clamp(2.7rem,12vw,3.6rem)}
  .hero h1{font-size:clamp(1.2rem,4.6vw,1.5rem);max-width:26ch}
}

/* breathing orb */
.breathe-orb{display:inline-flex;align-items:center;gap:20px;margin-top:34px;background:none;border:none;cursor:pointer;
  font-family:var(--body);color:var(--paper);padding:6px 4px}
.orb-disc{position:relative;width:66px;height:66px;border-radius:50%;flex:none;
  background:radial-gradient(closest-side, rgba(232,210,154,.6), rgba(167,101,63,.24) 58%, transparent 78%);
  animation:orbBreath 11s ease-in-out infinite}
.orb-disc::before{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(232,210,154,.75);animation:orbRing 11s ease-in-out infinite}
.orb-disc::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(232,210,154,.55);animation:orbRipple 11s ease-out infinite}
.orb-label{font-size:1.04rem;letter-spacing:.03em;opacity:.85;transition:opacity .3s}
.breathe-orb:hover .orb-label{opacity:1}
@keyframes orbBreath{0%{transform:scale(.78);opacity:.72}40%{transform:scale(1.16);opacity:1}50%{transform:scale(1.16)}100%{transform:scale(.78);opacity:.72}}
@keyframes orbRing{0%{transform:scale(.78);opacity:.4}40%{transform:scale(1.16);opacity:.9}50%{transform:scale(1.16)}100%{transform:scale(.78);opacity:.4}}
@keyframes orbRipple{0%{transform:scale(.78);opacity:.55}42%{transform:scale(1.75);opacity:0}100%{transform:scale(1.75);opacity:0}}
.ambient{position:absolute;right:var(--mx);bottom:42px;z-index:3;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  opacity:.5;color:var(--paper);text-shadow:0 1px 14px rgba(0,0,0,.45)}
@media(max-width:880px){.ambient{display:none}}

/* guided breath overlay */
.breathe-overlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:rgba(22,16,11,.97);color:var(--paper);opacity:0;pointer-events:none;transition:opacity .9s ease;backdrop-filter:blur(4px)}
.breathe-overlay.active{opacity:1;pointer-events:auto}
.breathe-close{position:absolute;top:26px;right:var(--mx);background:none;border:none;color:var(--paper);opacity:.55;
  font-family:var(--body);font-size:.95rem;letter-spacing:.04em;cursor:pointer;transition:opacity .3s;z-index:3}
.breathe-close:hover{opacity:1}
.breathe-intro{text-align:center;max-width:34ch;padding:0 24px}
.breathe-intro .bi-eyebrow{font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--straw);opacity:.8;margin-bottom:18px}
.breathe-intro h3{font-size:clamp(1.8rem,4.5vw,2.8rem);margin-bottom:18px}
.breathe-intro p{font-size:1.05rem;opacity:.8;font-weight:300;line-height:1.6;margin-bottom:32px}
.breathe-intro p strong{font-weight:600;opacity:1;color:var(--straw)}
.breathe-intro .btn-solid{margin:0 auto}
.breathe-stage{position:relative;display:none;place-items:center;width:min(66vw,380px);height:min(66vw,380px)}
.breathe-stage.on{display:grid}
.breathe-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(200,180,125,.55);transform-origin:center;will-change:transform;
  background:radial-gradient(closest-side, rgba(200,180,125,.26), rgba(167,101,63,.1) 60%, transparent 76%)}
.breathe-ring::after{content:"";position:absolute;inset:-16px;border-radius:50%;border:1px solid rgba(200,180,125,.15)}
.breathe-word{position:relative;z-index:2;font-family:var(--display);font-weight:500;font-size:clamp(1.6rem,4.4vw,2.5rem);opacity:.96}
.breathe-count{position:absolute;bottom:-13%;left:0;right:0;text-align:center;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;opacity:.4}
.breathe-meta{position:absolute;bottom:8vh;font-size:.88rem;opacity:.5;max-width:36ch;text-align:center;padding:0 24px}

/* ─── KNIHA (page-kniha, v prototypu inline na kniha.html) ─── */
.book-hero{background:var(--petrol);color:var(--paper);padding:150px var(--mx) clamp(56px,8vh,96px);position:relative;overflow:hidden}
.book-hero .bh-grid{position:relative;z-index:2;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr .8fr;gap:clamp(40px,6vw,90px);align-items:center}
.book-hero .cover{width:100%;max-width:340px;box-shadow:0 30px 70px rgba(0,0,0,.45);transform:rotate(-3deg);transition:transform .5s;justify-self:end}
.book-hero .cover:hover{transform:rotate(0)}
.book-hero h1{font-size:clamp(2.8rem,7vw,5.4rem);letter-spacing:-.04em;line-height:.9}
.book-hero .bh-claim{font-family:var(--display);font-weight:500;font-size:clamp(1.6rem,3vw,2.4rem);margin:.35em 0 .3em}
.book-hero .bh-claim em{color:var(--straw)}
.book-hero .bh-lede{font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:300;opacity:.9;max-width:46ch}
.book-hero .bh-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
@media(max-width:820px){.book-hero .bh-grid{grid-template-columns:1fr;gap:44px}.book-hero .cover{order:-1;justify-self:start;max-width:240px}}

/* ─── KONTAKTNÍ FORMULÁŘ (rozšíření .field vzoru) ─── */
.contact-form{display:flex;flex-direction:column;gap:22px}
.contact-form label{display:flex;flex-direction:column;gap:6px}
.contact-form .cf-label{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;opacity:.6}
.contact-form input,.contact-form textarea{background:transparent;border:none;border-bottom:1px solid rgba(36,32,27,.4);
  padding:10px 2px;font-family:var(--body);font-size:1rem;color:inherit;outline:none;resize:vertical}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--copper)}
.contact-form .btn{align-self:flex-start;margin-top:6px}

/* ─── OBSAH PRÁVNÍCH STRÁNEK (.entry-content) ─── */
.entry-content ol,.entry-content ul{margin:1em 0 1em 1.4em;font-size:1.02rem;line-height:1.6}
.entry-content li{margin-top:.5em}
.entry-content p strong{font-family:var(--display);font-weight:600}

/* ─── ODKAZY NA MÉDIA (media-line + zdroje citací) ─── */
.media-line a{color:inherit;border-bottom:1px solid rgba(36,32,27,.22);padding-bottom:1px;transition:color .25s,border-color .25s}
.media-line a:hover{color:var(--copper);border-color:var(--copper)}
.quote .q-src a{color:inherit;border-bottom:1px solid rgba(36,32,27,.28);padding-bottom:1px;transition:color .25s,border-color .25s}
.quote .q-src a:hover{color:var(--copper);border-color:var(--copper)}

/* ─── NEWSLETTER — dopisová karta ─── */
.letter-card{max-width:620px;margin:0 auto;background:var(--paper-2);border:1px solid rgba(36,32,27,.18);
  padding:clamp(34px,5vw,60px);position:relative;box-shadow:0 18px 44px rgba(36,32,27,.07)}
.letter-card::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(36,32,27,.14);pointer-events:none}
.lc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:6px}
.lc-stamp{width:46px;height:56px;flex:none;border:1.5px solid var(--copper);border-radius:2px;display:grid;place-items:center;
  background:
    radial-gradient(circle at 0 0, transparent 3.2px, var(--paper-2) 3.4px) top left,
    var(--paper-2)}
.lc-stamp-dot{width:22px;height:22px;border-radius:50%;
  background:radial-gradient(closest-side, rgba(167,101,63,.85), rgba(167,101,63,.28) 62%, transparent 80%);
  animation:orbBreath 11s ease-in-out infinite}
.letter-card .field{margin-top:26px}
@media(max-width:560px){.lc-stamp{width:38px;height:46px}.lc-stamp-dot{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.lc-stamp-dot{animation:none}}

/* ─── LOGO B·H — monogram s dýchající tečkou ─── */
.mark{display:inline-flex;align-items:baseline;font-weight:800;letter-spacing:-.045em;font-size:1.55rem}
.mark-dot{width:.32em;height:.32em;border-radius:50%;margin:0 .12em;align-self:center;position:relative;flex:none;
  background:radial-gradient(closest-side, var(--copper-soft), var(--copper) 72%);
  animation:dotBreath 11s ease-in-out infinite}
.mark-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(198,138,99,.5);
  animation:dotRipple 11s ease-out infinite}
@keyframes dotBreath{0%{transform:scale(.72);opacity:.78}40%{transform:scale(1.18);opacity:1}52%{transform:scale(1.18)}100%{transform:scale(.72);opacity:.78}}
@keyframes dotRipple{0%{transform:scale(.7);opacity:.5}45%{transform:scale(2);opacity:0}100%{transform:scale(2);opacity:0}}
@media(prefers-reduced-motion:reduce){.mark-dot,.mark-dot::after{animation:none!important}}

/* ─── HRANICE — doladění (lead centrovaný k citátu, linka nad sloupci) ─── */
.boundary-top{align-items:center;margin-bottom:0;padding-bottom:clamp(40px,6vh,64px)}
.boundary-lead{padding-bottom:0}
.dodont{border-top:1px solid rgba(244,240,232,.16);padding-top:clamp(40px,6vh,64px)}
.light .dodont,.light-2 .dodont{border-top-color:rgba(36,32,27,.14)}
.section-head + .dodont{border-top:none;padding-top:0}

/* ─── NAV doladění: větší logo, čitelnější menu na fotce ─── */
.mark{font-size:1.95rem}
nav:not(.scrolled).on-dark{background:linear-gradient(180deg,rgba(24,17,12,.62) 0%,rgba(24,17,12,.28) 62%,rgba(24,17,12,0) 100%)}
nav:not(.scrolled).on-dark .navlinks a{opacity:.95}
nav:not(.scrolled).on-dark .nav-socials a{opacity:.75}
@media(max-width:720px){.mark{font-size:1.55rem}}

/* ─── HERO wordmark: méně tučné, vzdušnější ─── */
.wordmark{font-weight:600;letter-spacing:-.03em}

/* ─── ŠIROKÝ DESKTOP: obsah sekcí centrovaný (strop ~1400px) ─── */
section,footer.site{padding-left:max(var(--mx),calc((100vw - 1400px)/2));padding-right:max(var(--mx),calc((100vw - 1400px)/2))}
nav,nav.scrolled{padding-left:max(var(--mx),calc((100vw - 1400px)/2));padding-right:max(var(--mx),calc((100vw - 1400px)/2))}
.page-hero{padding-left:max(var(--mx),calc((100vw - 1400px)/2));padding-right:max(var(--mx),calc((100vw - 1400px)/2))}
.book-hero{padding-left:max(var(--mx),calc((100vw - 1400px)/2));padding-right:max(var(--mx),calc((100vw - 1400px)/2))}
.cta-band{padding-left:max(var(--mx),calc((100vw - 1400px)/2));padding-right:max(var(--mx),calc((100vw - 1400px)/2))}

/* ─── KONTAKT — karta formuláře ─── */
.contact-card{background:var(--paper-2);border:1px solid rgba(36,32,27,.16);padding:clamp(28px,4vw,46px);
  box-shadow:0 18px 44px rgba(36,32,27,.06)}
.contact-card .c-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.55}

/* ─── HRANICE — lead ukotvený linkou (jako .quote) ─── */
.boundary-lead{border-left:2px solid var(--straw);padding-left:clamp(20px,2.5vw,32px)}
.light .boundary-lead,.light-2 .boundary-lead{border-left-color:var(--copper)}
@media(max-width:780px){.boundary-lead{border-left-width:2px}}

/* ─── BENEFITY v kartě metody (obsah ze starého webu) ─── */
.card ul.benefits{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:2px;padding:0}
.card ul.benefits li{position:relative;padding-left:24px;font-size:.95rem;opacity:.85;line-height:1.45}
.card ul.benefits li::before{content:"";position:absolute;left:0;top:.62em;width:14px;height:1.5px;background:var(--straw)}
.light .card ul.benefits li::before,.light-2 .card ul.benefits li::before{background:var(--copper)}

/* big-line i mimo .article (konzultace split na /dychat/) */
.prose p.big-line{font-family:var(--display);font-weight:500;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.18;letter-spacing:-.01em;margin:.6em 0}

/* ─── TÓNOVÁNÍ ILUSTRAČNÍCH FOTEK — zemitý grade do palety značky ───
   Jen pro nové (Unsplash) fotky, prototypové fotky Blanky se nesahají. */
.frame.tone img{filter:sepia(.3) saturate(.78) contrast(.96) brightness(.99)}
.frame.tone::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(165deg, rgba(167,101,63,.16) 0%, rgba(44,36,29,.24) 100%);
  mix-blend-mode:multiply}
.frame.tone::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg, rgba(244,240,232,.06), transparent 30%)}

/* hero wordmark: volnější prostrkání i řádkování */
.wordmark{letter-spacing:-.005em;line-height:.98;font-weight:550}

/* ─── MEDIA-LINE jako klikatelné chipy (odkazy na rozhovory) ─── */
.media-line{gap:12px 14px}
.media-line a{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid rgba(36,32,27,.3);
  border-radius:2px;border-bottom-width:1px;color:inherit;opacity:1;
  transition:color .25s,border-color .25s,transform .3s cubic-bezier(.2,.7,.2,1)}
.media-line a::after{content:"↗";font-size:.72em;opacity:.5;transition:transform .3s,opacity .25s}
.media-line a:hover{color:var(--copper);border-color:var(--copper);transform:translateY(-2px)}
.media-line a:hover::after{transform:translate(2px,-2px);opacity:1}
.media-line span{opacity:.5;padding:12px 4px}
.dark .media-line a,.dark-earth .media-line a{border-color:rgba(244,240,232,.3)}
.dark .media-line a:hover,.dark-earth .media-line a:hover{color:var(--straw);border-color:var(--straw)}

/* ─── FIX: btn-line viditelný na hero a cta-band (tmavá pozadí mimo .dark/.dark-earth) ─── */
.hero .btn-line,.cta-band .btn-line{border-color:rgba(244,240,232,.5);color:var(--paper)}
.hero .btn-line:hover,.cta-band .btn-line:hover{border-color:var(--paper);color:var(--paper)}

/* ─── FIX: linka v patičce přes celou šířku (claim je teď jednořádkový) ─── */
footer.site .foot-claim{max-width:none}

/* ─── KONZULTACE split: menší fotka, větší text ─── */
.split.consult{grid-template-columns:1.2fr .8fr}
.split.consult .frame{width:100%;max-width:440px;justify-self:end}
.split.consult p:not(.big-line){font-size:1.14rem}
.split.consult .big-line{font-size:clamp(1.9rem,3.4vw,2.7rem)}
@media(max-width:840px){.split.consult{grid-template-columns:1fr}.split.consult .frame{justify-self:start}}

/* ─── MOBILE AUDIT FIXES (touch targety, mobilní nav) ───
   Apple HIG: klikatelné prvky min 44×44 px. */

/* Nav odkazy: vyšší zásahová plocha (vizuálně beze změny — jen padding) */
.navlinks a{padding:12px 0}

/* Patička: odkazy ve sloupcích a dolní liště */
.fcol li a{display:inline-block;padding:6px 0;margin:-6px 0}
.foot-bottom a{display:inline-block;padding:10px 2px;margin:-10px 0}
.fcol .email{display:inline-block;padding:8px 0;margin:-8px 0}

/* Zavření dechového overlaye — bylo jen 20 px vysoké */
.breathe-close{padding:14px 16px;margin:-14px -16px}

/* Formulářová pole: min ~46 px výška pro pohodlné ťukání */
.contact-form input,.contact-form textarea{padding:13px 2px}
.field input{padding:14px 2px}

/* Mobilní nav: místo skrytí 4.+5. položky skryj jen Newsletter —
   Kontakt musí být na mobilu dostupný z menu */
@media(max-width:720px){
  .navlinks a:nth-child(n+4){display:inline-block}
  .navlinks a:nth-child(4){display:none}
  .navlinks{gap:13px;font-size:.88rem}
}
@media(max-width:400px){.navlinks{gap:10px;font-size:.84rem}}

/* ─── HAMBURGER MENU (mobil <720px) ─── */
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;
  background:none;border:none;cursor:pointer;padding:10px;margin:-6px -10px -6px 0}
.nav-burger span{display:block;width:24px;height:1.8px;background:currentColor;border-radius:1px;transition:transform .3s,opacity .3s}
@media(max-width:720px){
  .navlinks{display:none!important}
  .nav-burger{display:inline-flex}
  .nav-socials{display:none}
}
.mobile-menu{position:fixed;inset:0;z-index:200;background:var(--earth-dark);color:var(--paper);
  display:flex;flex-direction:column;justify-content:center;padding:0 var(--mx);
  opacity:0;pointer-events:none;transition:opacity .45s ease}
.mobile-menu.open{opacity:1;pointer-events:auto}
.mm-close{position:absolute;top:22px;right:var(--mx);background:none;border:none;color:var(--paper);opacity:.6;
  font-family:var(--body);font-size:.95rem;letter-spacing:.04em;cursor:pointer;padding:14px 0 14px 16px;transition:opacity .3s}
.mm-close:hover{opacity:1}
.mm-links{display:flex;flex-direction:column}
.mm-links a{color:var(--paper);font-family:var(--display);font-weight:600;letter-spacing:-.02em;
  font-size:clamp(2rem,9vw,2.8rem);line-height:1;padding:16px 0;border-bottom:1px solid rgba(244,240,232,.12);
  opacity:0;transform:translateY(14px);transition:none}
.mm-links a:last-child{border-bottom:none}
.mm-links a:hover{color:var(--straw)}
.mobile-menu.open .mm-links a{opacity:1;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.mobile-menu.open .mm-links a:nth-child(1){transition-delay:.08s}
.mobile-menu.open .mm-links a:nth-child(2){transition-delay:.15s}
.mobile-menu.open .mm-links a:nth-child(3){transition-delay:.22s}
.mobile-menu.open .mm-links a:nth-child(4){transition-delay:.29s}
.mobile-menu.open .mm-links a:nth-child(5){transition-delay:.36s}
.mm-socials{display:flex;gap:13px;margin-top:38px}
.mm-socials a{color:var(--paper);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border:1px solid rgba(244,240,232,.25);border-radius:50%;opacity:.8}
@media(prefers-reduced-motion:reduce){.mm-links a,.mobile-menu{transition:none!important}}

/* ─── KONTAKTNÍ FORMULÁŘ v2 — boxovaná pole místo podtržítek ─── */
.contact-form{gap:16px}
.contact-form .cf-label{font-size:.7rem;opacity:.65}
.contact-form input,.contact-form textarea{background:var(--paper);border:1px solid rgba(36,32,27,.2);border-radius:2px;
  padding:13px 14px;transition:border-color .25s,box-shadow .25s}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--copper);box-shadow:0 0 0 3px rgba(167,101,63,.13)}
.contact-form .btn{margin-top:8px}

/* ─── OSA (o-mne) v2 — cesta s body místo sloupců s čárkami ─── */
.axis{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(20px,3vw,44px);
  margin:56px 0 0;background:none}
.axis::before{content:"";position:absolute;left:5px;right:5px;top:5px;height:1.5px;background:rgba(36,32,27,.16)}
.axis .step{position:relative;background:none;padding:30px 0 0;text-align:left}
.axis .step::before{content:"";position:absolute;top:0;left:0;width:11px;height:11px;border-radius:50%;
  transform:translateY(-4.5px);background:radial-gradient(closest-side,var(--copper-soft),var(--copper) 72%)}
.axis .step:last-child::before{animation:dotBreath 11s ease-in-out infinite}
.axis .step .n{font-family:var(--mono);font-size:.68rem;opacity:.45;letter-spacing:.12em}
.axis .step .w{font-family:var(--display);font-weight:650;font-size:clamp(1.3rem,1.9vw,1.7rem);margin-top:8px;letter-spacing:-.015em}
.axis .step small{display:block;margin-top:8px;font-size:.9rem;opacity:.68;line-height:1.5;max-width:24ch}
@media(max-width:780px){
  .axis{grid-template-columns:1fr;gap:30px;margin-top:44px}
  .axis::before{left:5px;right:auto;top:2px;bottom:6px;width:1.5px;height:auto}
  .axis .step{padding:0 0 0 32px}
  .axis .step::before{top:5px;transform:none}
  .axis .step small{max-width:none}
}
@media(prefers-reduced-motion:reduce){.axis .step:last-child::before{animation:none}}
.axis .step:last-child::before{top:-4.5px;transform:none}
@media(max-width:780px){.axis .step:last-child::before{top:5px}}

/* ─── TYPOGRAFIE — obecná pravidla ─── */
p,li,td,th{overflow-wrap:break-word}
h1,h2,h3,h4{text-wrap:balance}
p{text-wrap:pretty}
.nowrap,.brand-name,a[href^="tel"],a[href^="mailto"]{white-space:nowrap}