/* Romhra — rozpracovaný směr B. Jediný zdroj vizuálních hodnot.
   Základ: ../../pravda/design/romhra/zaklad.md
   Další komponenty přidávat do tohoto sdíleného souboru. */
:root {
  --color-background: #faf2e7;
  --color-surface: #fffaf4;
  --color-text: #392b23;
  --color-text-muted: #6a5546;
  --color-accent: #9c472d;
  --color-accent-hover: #7c3520;
  --color-on-accent: #ffffff;
  --color-border: #d7c5b2;
  --font-heading: Georgia, 'Times New Roman', serif;
  --font-body: Arial, Helvetica, sans-serif;
  --text-base: 1.0625rem;
  --text-small: 1rem;
  --text-h1: clamp(2.25rem, 5vw, 4.5rem);
  --text-h2: clamp(1.875rem, 3vw, 2.75rem);
  --text-h3: 1.5rem;
  --line-body: 1.65;
  --line-heading: 1.12;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 6rem;
  --radius: 3px;
  --content-width: 72rem;
  --reading-width: 40rem;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--line-body)}a{color:inherit}img{display:block;width:100%;height:auto}figure{margin:0}h1,h2,h3{font-family:var(--font-heading);line-height:var(--line-heading);font-weight:400;margin:0}h1{font-size:var(--text-h1);letter-spacing:-.04em}h2{font-size:var(--text-h2);letter-spacing:-.025em}h3{font-size:var(--text-h3)}p{margin:1rem 0}.wrap{width:min(calc(100% - 4rem),var(--content-width));margin-inline:auto}.masthead{display:flex;justify-content:space-between;align-items:center;min-height:100px;border-bottom:1px solid var(--color-border);gap:1.5rem}.wordmark{font:700 2.1rem var(--font-heading);text-decoration:none;letter-spacing:-.08em}.wordmark span{color:var(--color-accent)}nav{display:flex;gap:1.75rem;flex-wrap:wrap}nav a,.footer a{font-size:.95rem;text-decoration:none}nav a:hover,.footer a:hover{color:var(--color-accent);text-decoration:underline}.hero{display:grid;grid-template-columns:1fr .92fr;gap:5rem;align-items:center;padding-block:4rem 5rem}.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 1.5rem}.hero h1 em{color:var(--color-accent);font-weight:400}.intro{max-width:27rem;margin-block:1.75rem;font-size:1.125rem}.button{display:inline-flex;gap:2rem;align-items:center;padding:.85rem 1.2rem;background:var(--color-accent);color:var(--color-on-accent);text-decoration:none;border-radius:var(--radius)}.button:hover{background:var(--color-accent-hover)}.aside{font-size:.9rem;color:var(--color-text-muted);margin-top:1.25rem}.hero-photo img{aspect-ratio:4/5;object-fit:cover;object-position:50% 40%;border-radius:var(--radius)}.hero-photo figcaption{font-size:.85rem;text-align:right;color:var(--color-text-muted);margin-top:.7rem}.diving{border-top:1px solid var(--color-border);padding-block:3rem 4rem;display:grid;grid-template-columns:1fr 2fr;gap:2rem}.diving>div{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.diving p{margin-top:0}.workshop{background:var(--color-surface);padding-block:4.5rem}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.section-head>p{max-width:26rem;color:var(--color-text-muted);margin:0}.works{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.work-wide{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:3rem}.work img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}.work-wide img{aspect-ratio:3/2}.work:not(.work-wide) figcaption{padding-top:1.25rem}.work .eyebrow{display:block;margin:0 0 .7rem}.work p{color:var(--color-text-muted);margin-bottom:0}.work a:focus-visible{display:block;outline:3px solid var(--color-accent);outline-offset:5px}.travel{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding-block:5rem}.travel p{max-width:29rem}.stories a{display:block;text-decoration:none;padding:1.5rem 0;border-bottom:1px solid var(--color-border)}.stories a:first-child{border-top:1px solid var(--color-border)}.stories a:hover h3{color:var(--color-accent)}.stories .eyebrow{display:block;margin-bottom:.65rem}.about{padding-block:4rem;background:var(--color-text);color:var(--color-background)}.about .eyebrow{color:var(--color-border)}.about p:last-child{max-width:var(--reading-width);font-size:1.125rem;margin-bottom:0}.footer{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:2rem}.footer>span{font-size:.9rem;color:var(--color-text-muted)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.skip{position:absolute;left:1rem;top:-6rem;background:var(--color-surface);padding:1rem;z-index:5}.skip:focus{top:1rem}
@media(max-width:850px){.hero{gap:2rem}.diving{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:1.25rem}.travel{gap:2rem}.work-wide{gap:2rem}}
@media(max-width:600px){.wrap{width:calc(100% - 2.5rem)}.masthead{align-items:flex-start;flex-direction:column;padding-block:1.25rem;gap:1rem}nav{gap:.5rem 1.1rem}nav a{font-size:1rem}.hero{grid-template-columns:1fr;padding-block:2.5rem;gap:1.5rem}.hero-photo img{aspect-ratio:4/5}.hero h1{font-size:2.75rem}.diving{padding-block:2.5rem}.diving>div{grid-template-columns:1fr;gap:1rem}.workshop{padding-block:2.5rem}.works,.work-wide,.travel{grid-template-columns:1fr}.work-wide{gap:1.25rem}.travel{padding-block:3rem;gap:1rem}.footer{flex-wrap:wrap}.footer>span{width:100%;order:3}.about{padding-block:2.5rem}}
.contact{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;padding-block:4rem;border-bottom:1px solid var(--color-border)}.contact>div p{max-width:25rem}.contact>div>a{color:var(--color-accent)}.contact form{display:grid;gap:1rem}.contact label{display:block;font-size:1rem}.contact label span{font-size:.875rem;color:var(--color-text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact input,.contact select,.contact textarea{display:block;margin-top:.4rem;width:100%;min-width:0;border:1px solid var(--color-text-muted);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius);padding:.75rem;font:inherit}.contact textarea{resize:vertical}.contact button{font:inherit;border:0;cursor:pointer;justify-self:start}.form-note{font-size:.875rem;color:var(--color-text-muted);margin:0}.form-note:empty{display:none}.visit-counter{font-size:.8rem;color:var(--color-text-muted);margin:.4rem 0 0}@media(max-width:700px){.contact{grid-template-columns:1fr;gap:2rem;padding-block:2.5rem}.form-row{grid-template-columns:1fr}}
.travel-article{padding-block:2.5rem 4rem}.article-back{font-size:1rem;color:var(--color-accent);text-underline-offset:.2em}.article-heading{max-width:52rem;margin:3rem auto;border-bottom:1px solid var(--color-border);padding-bottom:2rem}.article-heading h1{font-size:clamp(2.25rem,5vw,3.75rem)}.article-body{max-width:var(--reading-width);margin-inline:auto}.article-body section{margin-block:2.5rem}.article-body h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem}.article-body p{overflow-wrap:break-word}.article-note{font-size:1rem;color:var(--color-text-muted);line-height:1.65}.article-body>aside{border-top:1px solid var(--color-border);padding-top:1.5rem}.article-next{margin-top:2rem;display:block}.article-next a{font-size:1rem;color:var(--color-accent)}@media(max-width:600px){.article-heading{margin-block:2rem}.travel-article{padding-top:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}