@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

/* Paste into inPage: Vzhled → Vlastní styly CSS. No style tags. */
#hg-holding.hg-page {
  --hg-bg: oklch(0.2177865 0 0);
  --hg-header: oklch(0.2177865 0 0);
  --hg-text: oklch(1 0 0);
  --hg-muted: oklch(0.87168133 0.00933865 258.33822749);
  --hg-dim: oklch(0.7136601 0.01917569 261.32464518);
  --hg-yellow: oklch(0.86520899 0.17682824 90.38155627);
  --hg-border: oklch(1 0 0 / 10%);
  --hg-pattern: oklch(0.86520899 0.17682824 90.38155627 / 10%);
  --hg-tint: oklch(0.86520899 0.17682824 90.38155627 / 10%);
  --hg-ink: oklch(0.2177865 0 0);
  --hg-darker: oklch(0.17763777 0 0);
  --hg-card: oklch(0.25196475 0 0);
  --hg-light-bg: oklch(0.98163894 0.00170734 247.83899321);
  background: var(--hg-bg); color: var(--hg-text);
  font-family: 'Montserrat', Arial, sans-serif; letter-spacing: 0;
  min-height: 100svh; -webkit-font-smoothing: antialiased;
}#hg-holding.hg-page *, #hg-holding.hg-page *::before, #hg-holding.hg-page *::after { box-sizing: border-box; }#hg-holding.hg-page p, #hg-holding.hg-page h1 { margin: 0; padding: 0; }#hg-holding.hg-page h1 { border: 0; background: none; height: auto; min-height: 0; color: var(--hg-text); text-align: left; text-transform: none; }#hg-holding.hg-page h1::before, #hg-holding.hg-page h1::after { content: none; }#hg-holding.hg-page section, #hg-holding.hg-page header, #hg-holding.hg-page footer, #hg-holding.hg-page main { margin: 0; padding: 0; }#hg-holding.hg-page svg { flex-shrink: 0; }#hg-holding .hg-container { max-width: 1200px; width: calc(100% - 96px); margin-inline: auto; }#hg-holding .hg-header { background: var(--hg-header); border-bottom: 1px solid var(--hg-border); }#hg-holding .hg-header-inner { min-height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }#hg-holding .hg-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; }#hg-holding .hg-brand:focus-visible { outline: 2px solid var(--hg-yellow); outline-offset: 6px; }#hg-holding .hg-logo { background: var(--hg-yellow); color: var(--hg-ink); font-size: 24px; font-weight: 900; padding: 4px 12px; border-radius: 4px; line-height: 32px; }#hg-holding .hg-brand-detail { display: grid; gap: 2px; border-left: 1px solid var(--hg-border); padding-left: 12px; }#hg-holding .hg-brand-detail strong { color: var(--hg-yellow); font-size: 12px; font-weight: 800; }#hg-holding .hg-brand-detail > span { font-size: 10px; color: var(--hg-dim); font-weight: 500; }#hg-holding .hg-header-note { font-size: 10px; font-weight: 700; color: var(--hg-muted); display: flex; align-items: center; gap: 9px; }#hg-holding .hg-dot { width: 6px; height: 6px; display: inline-block; flex-shrink: 0; border-radius: 50%; background: var(--hg-yellow); }#hg-holding .hg-intro { position: relative; background-image: radial-gradient(var(--hg-pattern) 1px, transparent 1px); background-size: 24px 24px; }#hg-holding .hg-intro-inner { padding-block: 66px 52px; }#hg-holding .hg-status { display: inline-flex; align-items: center; gap: 10px; color: var(--hg-yellow); border: 1px solid var(--hg-pattern); background: var(--hg-tint); padding: 10px 14px; border-radius: 4px; font-size: 10px; font-weight: 700; line-height: 1.5; }#hg-holding.hg-page h1 { margin-top: 28px; font-size: 60px; font-weight: 900; line-height: 1.09; max-width: 1050px; }#hg-holding.hg-page h1 > span { color: var(--hg-yellow); }#hg-holding .hg-lead { margin-top: 26px !important; font-size: 20px; font-weight: 500; line-height: 1.625; }#hg-holding .hg-description { margin-top: 10px !important; color: var(--hg-muted); font-size: 16px; font-weight: 500; line-height: 1.85; }#hg-holding .hg-description strong { color: var(--hg-text); font-weight: 600; }#hg-holding .hg-services { display: flex; flex-wrap: wrap; gap: 0; margin-top: 33px; }#hg-holding .hg-services > span { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; padding-inline: 24px; border-right: 1px solid var(--hg-border); }#hg-holding .hg-services > span:first-child { padding-left: 0; }#hg-holding .hg-services > span:last-child { border: 0; }#hg-holding .hg-services svg { width: 22px; height: 22px; color: var(--hg-yellow); }#hg-holding .hg-side-label { position: absolute; right: 26px; top: 50%; writing-mode: vertical-rl; font-size: 9px; font-weight: 600; color: var(--hg-dim); }#hg-holding .hg-photo { position: relative; height: 310px; overflow: hidden; border-top: 3px solid var(--hg-yellow); }#hg-holding .hg-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 53%; display: block; }#hg-holding .hg-photo-shade { position: absolute; inset: 0; background: linear-gradient(0deg, var(--hg-ink), transparent 65%); opacity: .8; }#hg-holding .hg-photo-caption { position: absolute; inset: auto 0 25px; display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: 11px; font-weight: 800; }#hg-holding .hg-photo-number { font-size: 9px; font-weight: 500; }#hg-holding .hg-closing { border-bottom: 1px solid var(--hg-border); }#hg-holding .hg-closing-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 30px; }#hg-holding .hg-closing p { color: var(--hg-muted); font-size: 13px; line-height: 1.9; }#hg-holding .hg-closing strong { color: var(--hg-text); font-weight: 600; }#hg-holding .hg-construction { color: var(--hg-yellow); }#hg-holding .hg-construction svg { display: block; width: 43px; height: 43px; }#hg-holding .hg-footer { background: var(--hg-darker); }#hg-holding .hg-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 24px; color: var(--hg-dim); font-size: 10px; }
@media (min-width: 1600px) {#hg-holding .hg-intro-inner { padding-block: 80px 64px; }#hg-holding .hg-photo { height: 360px; } }
@media (max-width: 1000px) {#hg-holding.hg-page h1 { font-size: 48px; }#hg-holding .hg-side-label { display: none; }#hg-holding .hg-container { width: calc(100% - 64px); } }
@media (max-width: 600px) {#hg-holding .hg-container { width: calc(100% - 40px); }#hg-holding .hg-header-inner { min-height: 82px; }#hg-holding .hg-logo { font-size: 24px; padding: 4px 12px; }#hg-holding .hg-brand { gap: 12px; }#hg-holding .hg-brand-detail { padding-left: 12px; }#hg-holding .hg-brand-detail strong { font-size: 12px; }#hg-holding .hg-brand-detail > span { font-size: 10px; }#hg-holding .hg-header-note { display: none; }#hg-holding .hg-intro-inner { padding-block: 40px 35px; }#hg-holding .hg-status { font-size: 8px; padding: 9px 10px; gap: 8px; }#hg-holding.hg-page h1 { margin-top: 24px; font-size: 34px; line-height: 1.15; }#hg-holding .hg-lead { font-size: 17px; margin-top: 22px !important; }#hg-holding .hg-description { font-size: 14px; line-height: 1.8; }#hg-holding .hg-desktop-break { display: none; }#hg-holding .hg-services { gap: 18px; margin-top: 26px; }#hg-holding .hg-services > span { padding: 0; border: 0; font-size: 10px; gap: 6px; }#hg-holding .hg-services svg { width: 19px; height: 19px; }#hg-holding .hg-photo { height: 240px; }#hg-holding .hg-photo img { object-position: 57% center; }#hg-holding .hg-photo-caption { bottom: 20px; font-size: 9px; }#hg-holding .hg-photo-number { display: none; }#hg-holding .hg-closing-inner { padding-block: 25px; }#hg-holding .hg-closing p { font-size: 12px; }#hg-holding .hg-footer-inner { font-size: 9px; padding-block: 20px; }
}
@media (max-width: 360px) {#hg-holding.hg-page h1 { font-size: 29px; }#hg-holding .hg-services { gap: 12px; } }
/* Skrytí horní lišty inPage na úvodní stránce */
body.frontpage > #header {
  display: none !important;
}
/* Barva pozadí kolem webu — měňte hodnotu #1A1A1A */
body.frontpage {
  --hutira-outer-bg: #1A1A1A;
  background: var(--hutira-outer-bg) !important;
  margin: 0 !important;
}

body.frontpage #main {
  background: transparent !important;
  padding: 0 !important;
}

/* Web vystředěný, široký nejvýše 1200 px */
body.frontpage #main > .container--article {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.frontpage #hg-holding {
  width: 100%;
  margin: 0;
}