/* Struktura a písma z ladislavsuchanek.cz – světlá varianta pro Riu, akcent modrá mlha */
:root{
  --bg:#F6F8FA; --panel:#EAEFF4; --panel-2:#DEE5EC; --line:#D3DCE5;
  --fg:#16202A; --muted:#5F6D7A; --accent:#3F6E95; --on-accent:#FFFFFF;
  --soft:#DCE7F1; --accent-2:#8FB3D1; --ghost-line:rgba(22,32,42,.35); --ghost-hover:rgba(63,110,149,.08);
  --display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --body:"Archivo","Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --gut-l:max(20px,env(safe-area-inset-left,0px));
  --gut-r:max(20px,env(safe-area-inset-right,0px));
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:40;background:var(--bg)}
a{color:inherit}
p{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding-left:var(--gut-l);padding-right:var(--gut-r)}
h1,h2,h3,p,li{overflow-wrap:break-word}

.display{font-family:var(--display);font-weight:900;font-style:italic;text-transform:uppercase;line-height:.9;margin:0;text-wrap:balance}
.gold{color:var(--accent)}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 16px}
.lead{font-size:clamp(17px,1.6vw,19px);color:var(--muted);max-width:60ch}
.lead strong{color:var(--fg);font-weight:600}

section{padding-block:clamp(72px,9vw,120px)}
section+section{border-top:1px solid var(--line)}
.shead{display:grid;grid-template-columns:1fr minmax(0,380px);gap:20px 48px;align-items:end;margin-bottom:52px}
.shead .eyebrow{grid-column:1/-1;margin-bottom:-4px}
.shead h2{font-size:clamp(44px,6.4vw,80px)}
.shead .num{display:inline-block;margin-right:.22em;font-weight:800;color:transparent;-webkit-text-stroke:1.5px var(--accent)}
.shead p{color:var(--muted);font-size:16px}
@media (max-width:820px){.shead{grid-template-columns:1fr}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:20px;letter-spacing:.02em;padding:14px 28px 13px;min-height:48px;text-decoration:none;border:1.5px solid var(--accent);border-radius:999px;transition:background .15s,color .15s,border-color .15s;cursor:pointer;line-height:1.1;text-align:center}
.btn-gold{background:var(--accent);color:var(--on-accent)}
.btn-gold:hover{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.btn-ghost{background:transparent;color:var(--fg);border-color:var(--ghost-line)}
.btn-ghost:hover{border-color:var(--accent);background:var(--ghost-hover);color:var(--accent)}
.btn-sm{font-size:16px;padding:10px 18px 9px;min-height:44px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* navigace */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0;flex:0 1 auto}
.logo .mark{width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--display);font-style:italic;font-weight:900;font-size:17px;color:var(--accent);flex:0 0 auto}
.logo b{font-family:var(--display);font-weight:900;font-style:italic;text-transform:uppercase;font-size:24px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.navlinks{display:flex;align-items:center;gap:20px}
.navlinks a.txt{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--muted);white-space:nowrap}
.navlinks a.txt:hover{color:var(--fg)}
.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--fg);width:44px;height:44px;border-radius:999px;cursor:pointer;align-items:center;justify-content:center;flex:0 0 auto}
.menu-btn svg{width:20px;height:20px}
@media (max-width:980px){
  .menu-btn{display:inline-flex}
  .navlinks{position:fixed;inset:calc(68px + env(safe-area-inset-top,0px)) 0 auto 0;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gut-r) 20px var(--gut-l);display:none}
  .navlinks.open{display:flex}
  .navlinks a.txt{font-size:22px;padding:14px 0;border-bottom:1px solid var(--line)}
  .navlinks .btn{margin-top:18px}
}
@media (max-width:400px){.logo b{font-size:20px}}

/* hero */
.hero{position:relative;min-height:min(88vh,820px);display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line);padding:0}
.hero-img{position:absolute;top:0;right:0;bottom:0;width:58%;height:100%;object-fit:cover;object-position:50% 12%;max-width:none}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 38%,color-mix(in srgb,var(--bg) 60%,transparent) 50%,transparent 72%),linear-gradient(0deg,var(--bg) 0%,transparent 30%)}
.hero .wrap{position:relative;z-index:2;width:100%;padding-block:110px 48px}
.hero h1{font-size:clamp(54px,9.4vw,132px)}
.hero .lead{color:var(--muted);margin-top:22px;max-width:52ch}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;border-top:1px solid var(--line)}
.facts>*{min-width:0}
.fact{padding:18px 20px 4px 0}
.fact+.fact{padding-left:20px;border-left:1px solid var(--line)}
.fact .l{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.fact .n{font-family:var(--display);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(32px,4vw,46px);line-height:1;margin-top:8px}
@media (max-width:900px){.hero-img{width:100%;object-position:50% 8%}.hero::before{background:linear-gradient(0deg,var(--bg) 20%,color-mix(in srgb,var(--bg) 85%,transparent) 60%,color-mix(in srgb,var(--bg) 40%,transparent) 100%)}}
@media (max-width:760px){.facts{grid-template-columns:repeat(2,1fr)}.fact:nth-child(3){padding-left:0;border-left:0}.fact:nth-child(n+3){border-top:1px solid var(--line)}}

/* ticker */
.ticker{background:var(--panel);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap}
.ticker-track{display:inline-flex;padding-block:13px;animation:run 60s linear infinite}
.ticker span{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:21px;padding:0 18px;color:var(--muted)}
.ticker span.st{color:var(--fg)}
@keyframes run{100%{transform:translateX(-50%)}}

/* citát */
.quote-band{background:var(--soft)}
.quote-band blockquote{margin:0;font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(34px,5vw,64px);line-height:.95;max-width:20ch;text-wrap:balance}
.quote-band .mark{font-family:var(--display);font-weight:900;font-style:italic;font-size:96px;line-height:.5;color:var(--accent);height:34px}
.quote-band .who{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:28px}

/* témata – pilíře */
.pillars{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
.pillars>*{min-width:0}
.pillar{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline}
.pillar h3{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:30px;line-height:1;margin:0}
.pillar p{color:var(--muted)}
@media (max-width:980px){.pillars{grid-template-columns:1fr}}
@media (max-width:520px){.pillar{grid-template-columns:1fr;gap:6px}}

/* pro koho */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.prose{display:grid;gap:18px;color:var(--muted);max-width:62ch}
.prose strong{color:var(--fg);font-weight:600}
.ticks{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ticks li{border-bottom:1px solid var(--line);padding:14px 0 14px 22px;position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:26px;width:10px;height:2px;background:var(--accent)}

/* dech */
.breath-box{margin-top:clamp(40px,6vw,64px);background:var(--panel);border:1px solid var(--line);padding:clamp(24px,4vw,40px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,5vw,56px);align-items:center}
.ring{position:relative;width:220px;max-width:100%;aspect-ratio:1;display:grid;place-items:center}
.ring::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px dashed var(--line)}
.ring::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--accent);opacity:.35}
.orb{width:44%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--accent-2),var(--accent));transform:scale(var(--s,1));transition:transform 4s cubic-bezier(.45,0,.55,1)}
.phase{position:absolute;font-family:var(--display);font-weight:900;font-style:italic;text-transform:uppercase;font-size:22px;color:var(--on-accent)}
.breath-copy{display:grid;gap:14px}
.breath-copy h3{font-family:var(--display);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(30px,3.6vw,42px);line-height:.95;margin:0}
.breath-copy p{color:var(--muted);max-width:52ch}
.breath-copy .btn{justify-self:start}
.timing{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--accent)}
@media (max-width:640px){.breath-box{grid-template-columns:1fr;justify-items:center;text-align:center}.breath-copy .btn{justify-self:center}.ring{width:200px}}

/* postup */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.steps>*{min-width:0}
@media (max-width:980px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.steps{grid-template-columns:1fr}}
.step{background:#FFFFFF;border:1px solid var(--line);padding:26px 24px;display:grid;gap:12px;align-content:start}
.step .num{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.1em}
.step h3{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:30px;line-height:1;margin:0}
.step p{color:var(--muted);font-size:15.5px}

/* karty */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid>*{min-width:0}
@media (max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid{grid-template-columns:1fr}}
.card{background:#FFFFFF;border:1px solid var(--line);padding:26px 24px 24px;display:flex;flex-direction:column;gap:16px;min-width:0;transition:border-color .2s}
.card:hover{border-color:var(--accent)}
.card.feat{border-color:var(--accent)}
.card .kind{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.card h3{font-family:var(--display);font-weight:900;font-style:italic;text-transform:uppercase;font-size:36px;line-height:.92;margin:0;text-wrap:balance}
.card p{font-size:15.5px;color:var(--muted)}
.card ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.card ul li{border-bottom:1px solid var(--line);padding:8px 0 8px 18px;position:relative;font-size:15px;color:var(--muted)}
.card ul li::before{content:"";position:absolute;left:0;top:19px;width:8px;height:2px;background:var(--accent)}
.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.price b{font-family:var(--display);font-weight:900;font-style:italic;text-transform:uppercase;font-size:34px;line-height:1}
.price span{font-family:var(--mono);font-size:12px;color:var(--muted)}
.card .actions{display:flex;gap:10px;flex-wrap:wrap}
.card .actions .btn{flex:1 1 auto}

/* o mně */
.approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:stretch}
.approach figure{margin:0;position:relative;min-height:480px}
.approach figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.approach figcaption{position:absolute;left:0;bottom:0;background:var(--bg);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:9px 14px;z-index:1}
.about-text{display:grid;gap:18px;align-content:start}
.creds{border-top:1px solid var(--line);margin-top:10px}
.cred{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline}
.cred dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cred dd{margin:0;font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:22px;line-height:1.05}
@media (max-width:900px){.approach{grid-template-columns:1fr}.approach figure{min-height:0;aspect-ratio:4/5;max-height:560px;max-width:100%}}
@media (max-width:480px){.cred{grid-template-columns:1fr;gap:4px}}

/* FAQ */
.faq{border-top:1px solid var(--line);max-width:900px}
details{border-bottom:1px solid var(--line);padding-block:22px}
summary{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(24px,2.6vw,30px);line-height:1;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--accent);flex:0 0 auto}
details[open] summary::after{content:"–"}
details p{margin-top:14px;color:var(--muted);max-width:68ch}

/* kontakt */
.final{position:relative;overflow:hidden}
.final::before{content:"";position:absolute;inset:0;background:radial-gradient(80% 120% at 85% 40%,var(--soft),transparent 60%);pointer-events:none}
.final .wrap{position:relative}
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}
.final h2{font-size:clamp(56px,8vw,112px)}
.final .lead{color:var(--muted);margin-top:20px}
.dl{display:grid;border-top:1px solid var(--line);margin:34px 0 0}
.dl div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.dl dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:4px}
.dl dd{margin:0;user-select:all;overflow-wrap:anywhere}
.form{background:var(--panel);border:1px solid var(--line);padding:clamp(20px,3vw,32px);display:grid;gap:16px}
.form label{display:grid;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.form input,.form select,.form textarea{font:inherit;font-family:var(--body);font-size:16px;letter-spacing:0;text-transform:none;color:var(--fg);background:#FFFFFF;border:1px solid var(--line);padding:12px 14px;min-height:48px;width:100%}
.form textarea{min-height:140px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:560px){.form .two{grid-template-columns:1fr}}
.form button{justify-self:start}
.note{font-family:var(--mono);font-size:12px;color:var(--accent)}

footer{border-top:1px solid var(--line);padding-block:34px 42px;font-family:var(--mono);font-size:12px;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;gap:14px 32px;justify-content:space-between}
footer a{text-decoration:none;color:var(--fg)}
footer a:hover{color:var(--accent)}


/* galerie */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gallery figure{margin:0;position:relative;overflow:hidden;aspect-ratio:1/1;min-width:0;max-width:100%}
.gallery figure:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.gallery img{width:100%;height:100%;object-fit:cover;display:block}
.gallery figcaption{position:absolute;left:0;bottom:0;background:var(--bg);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:7px 12px}
@media (max-width:760px){.gallery{grid-template-columns:repeat(2,1fr)}.gallery figure:first-child{grid-row:auto;aspect-ratio:3/2}}

.lang{display:flex;border:1px solid var(--line)}
.lang a{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-decoration:none;color:var(--muted);padding:8px 9px;line-height:1}
.lang a[aria-current="true"]{background:var(--fg);color:var(--bg)}
@media (max-width:980px){.navlinks .lang{align-self:flex-start;margin:18px 0 0}}
.hp{position:absolute;left:-9999px}
.thanks{min-height:70vh;display:flex;align-items:center}

/* patička – weby, se kterými spolupracujeme */
footer .links{display:flex;flex-wrap:wrap;gap:8px 20px}
.net{flex-basis:100%;padding-bottom:24px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.net-h{margin:0 0 14px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.net ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 24px}
.net a{display:grid;gap:3px}
.net b{font-family:var(--display);font-style:italic;font-weight:800;font-size:22px;line-height:1.05;text-transform:uppercase}
.net span{font-family:var(--body);font-size:14px;line-height:1.35;color:var(--muted)}
.net a:hover b{color:var(--accent)}

/* souhlas ve formuláři */
.form .consent{font-family:var(--body);font-size:13.5px;letter-spacing:0;text-transform:none;color:var(--muted);margin:0}
.form .consent a{color:var(--fg)}

/* cookie lišta */
.cookie{position:fixed;left:calc(16px + env(safe-area-inset-left,0px));right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:50;max-width:560px;margin-left:auto;background:#FFFFFF;border:1px solid var(--line);padding:20px;display:grid;gap:14px;box-shadow:0 20px 60px rgba(22,32,42,.18)}
.cookie[hidden]{display:none}
.cookie p{font-size:14.5px;color:var(--muted);margin:0}
.cookie p a{color:var(--fg)}
.cookie .row{display:flex;flex-wrap:wrap;gap:10px}

/* právní stránky */
.legal{max-width:820px;display:grid;gap:16px}
.legal h2{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:28px;line-height:1;margin:24px 0 0}
.legal p,.legal ul{margin:0;color:var(--fg)}
.legal ul{padding-left:20px;display:grid;gap:6px}
.legal a{color:var(--accent)}
.page-head{padding-block:clamp(56px,8vw,96px) 40px}
.page-head h1{font-size:clamp(46px,7vw,96px)}
.navlinks.simple{display:flex;position:static;flex-direction:row;padding:0;border:0;background:none}
.legal-wrap{border-top:0;padding-top:0}
.legal .back{margin-top:24px}
.legal .back a{color:var(--fg);text-decoration:none}

/* sekce Nejen pro sportovce: tři karty vedle sebe, jinak pod sebou */
#nejen-sport .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){#nejen-sport .grid{grid-template-columns:1fr}}