/* The original design lives in styles.css. This layer is active only for the
   optional, more traditional engineering-studio appearance. */
.design-toggle {
  display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
  padding: 9px 11px; border: 1px solid var(--line); border-radius: 5px;
  background: transparent; color: var(--text); cursor: pointer; font-size: 12px;
}
.design-toggle:hover { border-color: var(--lime); color: var(--lime); }
.design-toggle-prefix { color: var(--muted); }

html[data-design="classic"][data-theme="light"] {
  color-scheme: light;
  --bg: #f1efe9; --panel: #fbfaf6; --panel-2: #eae7df;
  --line: #c9c8be; --text: #233039; --muted: #5a666c;
  --lime: #a04b37; --cyan: #365c6d; --orange: #a04b37;
}
html[data-design="classic"][data-theme="dark"] {
  color-scheme: dark;
  --bg: #171f24; --panel: #202b30; --panel-2: #26343a;
  --line: #48585c; --text: #f0eee6; --muted: #b3bcb9;
  --lime: #d49a7e; --cyan: #8bb3c0; --orange: #d49a7e;
}
html[data-design="classic"] { font-family: Arial, "Segoe UI", sans-serif; }
html[data-design="classic"] body::before,
html[data-design="classic"] .ambient { display: none; }
html[data-design="classic"] .page-shell { max-width: 1320px; padding-inline: clamp(20px, 4vw, 62px); }
html[data-design="classic"] .site-header {
  min-height: 88px; border-top: 4px solid var(--text); border-bottom: 1px solid var(--text);
}
html[data-design="classic"] .brand { font-family: Georgia, serif; font-size: 25px; font-weight: 700; letter-spacing: -.045em; }
html[data-design="classic"] .brand > span:last-child > span,
html[data-design="classic"] .site-footer > span:first-child > span { color: var(--text); }
html[data-design="classic"] .brand small { font-family: Arial, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .1em; }
html[data-design="classic"] .brand-mark { width: 28px; height: 28px; transform: none; border-color: var(--lime); border-radius: 0; }
html[data-design="classic"] .brand-mark span { background: var(--lime); }
html[data-design="classic"] .site-nav { gap: clamp(11px, 1.7vw, 25px); color: var(--text); font-size: 12px; font-weight: 600; }
html[data-design="classic"] .site-nav > a:hover,
html[data-design="classic"] .site-nav a[aria-current="page"] { color: var(--lime); }
html[data-design="classic"] .site-nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 7px; }
html[data-design="classic"] .theme-toggle,
html[data-design="classic"] .design-toggle,
html[data-design="classic"] .nav-contact,
html[data-design="classic"] .quiet-button { border-radius: 0; }
html[data-design="classic"] .design-toggle { border-color: var(--text); font-weight: 700; }
html[data-design="classic"] .design-picker select { border-radius: 0; border-color: var(--text); background: var(--bg); }
html[data-design="classic"] .nav-contact { border-color: var(--text); color: var(--text) !important; }
html[data-design="classic"] .nav-contact:hover { background: var(--text); color: var(--bg) !important; }
html[data-design="classic"] .technology-more { border-radius: 0; border-color: var(--text); background: var(--bg); }
html[data-design="classic"] .technology-more:hover { background: var(--text); color: var(--bg); }

html[data-design="classic"] h1,
html[data-design="classic"] .section-head h2,
html[data-design="classic"] .home-reference-head h2,
html[data-design="classic"] .related-section h2,
html[data-design="classic"] .catalog-section h2,
html[data-design="classic"] .article-section h2,
html[data-design="classic"] .listing-hero h1,
html[data-design="classic"] .contact-intro h2,
html[data-design="classic"] .principle-layout h2,
html[data-design="classic"] .about-intro h2,
html[data-design="classic"] .about-company h2,
html[data-design="classic"] .about-expertise h2,
html[data-design="classic"] .about-process h2,
html[data-design="classic"] .about-billing h2 {
  font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.045em;
}
html[data-design="classic"] h1 { font-size: clamp(44px, 5.4vw, 79px); line-height: 1.05; }
html[data-design="classic"] h1 em,
html[data-design="classic"] .listing-hero h1 em,
html[data-design="classic"] .principle-layout h2 em { color: var(--lime); font-style: italic; }
html[data-design="classic"] .hero { padding: clamp(58px, 7vw, 92px) 0 45px; }
html[data-design="classic"] .hero-layout { grid-template-columns: minmax(0, 1.5fr) minmax(240px, .5fr); align-items: stretch; }
html[data-design="classic"] .hero-lead,
html[data-design="classic"] .listing-hero p,
html[data-design="classic"] .article-hero > p { color: var(--muted); }
html[data-design="classic"] .hero-lead { font-size: clamp(16px, 1.3vw, 18px); line-height: 1.67; }
html[data-design="classic"] .hero-aside {
  min-height: 0; padding: 24px; border: 1px solid var(--line); border-top: 3px solid var(--lime);
  color: var(--muted); background: var(--panel); font-size: 10px;
}
html[data-design="classic"] .hero-aside::after {
  content: "ANALÝZA   /   NÁVRH   /   REALIZACE";
  display: block; margin-block: auto; padding-block: 22px;
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
  color: var(--lime); line-height: 1.8;
}
html[data-design="classic"] .hero-aside-orbit { display: none; }
html[data-design="classic"] .hero-aside-bottom { text-align: left; font-size: 12px; letter-spacing: .04em; }
html[data-design="classic"] .eyebrow,
html[data-design="classic"] .section-kicker { letter-spacing: .13em; }
html[data-design="classic"] .primary-link { border-radius: 0; background: var(--text); color: var(--bg); }
html[data-design="classic"] .primary-link:hover { transform: none; background: var(--lime); color: #fff; }
html[data-design="classic"] .hero-secondary { color: var(--text); border-bottom: 1px solid var(--lime); padding-bottom: 5px; }
html[data-design="classic"] .hero-secondary:hover { color: var(--lime); }

html[data-design="classic"] .offer-paths { gap: 0; border: 1px solid var(--line); }
html[data-design="classic"] .offer-paths > a { min-height: 235px; border: 0; border-radius: 0; background: var(--panel); }
html[data-design="classic"] .offer-paths > a + a { border-left: 1px solid var(--line); }
html[data-design="classic"] .offer-paths > a:hover { transform: none; background: var(--panel-2); }
html[data-design="classic"] .offer-paths h2,
html[data-design="classic"] .reference-card h3,
html[data-design="classic"] .offer-card h2 { font-family: Georgia, serif; font-weight: 400; letter-spacing: -.025em; }
html[data-design="classic"] .offer-paths p,
html[data-design="classic"] .offer-card p,
html[data-design="classic"] .offers-close p,
html[data-design="classic"] .reference-cta p { color: var(--muted); }
html[data-design="classic"] .widget-content,
html[data-design="classic"] .reference-card,
html[data-design="classic"] .reference-card:hover,
html[data-design="classic"] .filter-section,
html[data-design="classic"] .process-list li,
html[data-design="classic"] .aside-panel,
html[data-design="classic"] .skill-card,
html[data-design="classic"] .technology-card,
html[data-design="classic"] .offer-card,
html[data-design="classic"] .offers-close,
html[data-design="classic"] .about-expertise-card,
html[data-design="classic"] .about-process li,
html[data-design="classic"] .about-turnover,
html[data-design="classic"] .about-billing-grid > div,
html[data-design="classic"] .capability-card,
html[data-design="classic"] .widget-collapsed {
  background: var(--panel); border-color: var(--line); border-radius: 0; box-shadow: none;
}
html[data-design="classic"] .widget-content::before { display: none; }
html[data-design="classic"] .stage-rail::before { display: none; }
html[data-design="classic"] .stage-tab,
html[data-design="classic"] .stage-symbol { border-radius: 0; }
html[data-design="classic"] .stage-tab[aria-selected="true"] { transform: none; background: var(--panel-2); border-color: var(--line); }
html[data-design="classic"] .stage-symbol { background: var(--panel-2); color: var(--cyan); border-color: var(--line); }
html[data-design="classic"] .stage-tab[aria-selected="true"] .stage-symbol { background: var(--text); border-color: var(--text); color: var(--bg); box-shadow: none; }
html[data-design="classic"] .live-dot { box-shadow: none; animation: none; }
html[data-design="classic"] .chip,
html[data-design="classic"] .content-chip,
html[data-design="classic"] .project-status-badge { border-radius: 0; background: var(--panel-2); border-color: var(--line); color: var(--text); }
html[data-design="classic"] .reference-grid { gap: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
html[data-design="classic"] .reference-card,
html[data-design="classic"] .reference-card:hover { border-top: 0; border-left: 0; transform: none; }
html[data-design="classic"] .reference-card:hover { background: var(--panel-2); }
html[data-design="classic"] .reference-card p,
html[data-design="classic"] .article-section p,
html[data-design="classic"] .skill-card p,
html[data-design="classic"] .contact-intro p,
html[data-design="classic"] .stage-panel p,
html[data-design="classic"] .example-card p,
html[data-design="classic"] .about-intro p,
html[data-design="classic"] .about-company p { color: var(--muted); }
html[data-design="classic"] .reference-card-bottom,
html[data-design="classic"] .filter-section label,
html[data-design="classic"] .skill-list p,
html[data-design="classic"] .technology-card span,
html[data-design="classic"] .empty-examples,
html[data-design="classic"] .widget-topline,
html[data-design="classic"] .widget-foot,
html[data-design="classic"] .column-head,
html[data-design="classic"] .chip-label,
html[data-design="classic"] .panel-label,
html[data-design="classic"] .case-index { color: var(--muted); }
html[data-design="classic"] .reference-cta,
html[data-design="classic"] .estimate-box { background: var(--panel-2); border-color: var(--line); border-radius: 0; }
html[data-design="classic"] .filter-section select,
html[data-design="classic"] .contact-form input:not([type="checkbox"]),
html[data-design="classic"] .contact-form textarea,
html[data-design="classic"] .contact-form select { background: var(--panel); color: var(--text); border-color: var(--line); border-radius: 0; }
html[data-design="classic"] .challenge-list,
html[data-design="classic"] .skill-references a,
html[data-design="classic"] .contact-form label,
html[data-design="classic"] .contact-form .form-consent { color: var(--text); }
html[data-design="classic"] .site-footer { color: var(--muted); border-top-color: var(--text); }
html[data-design="classic"] .site-footer > span:first-child { font-family: Georgia, serif; font-weight: 700; }

@media (max-width: 960px) {
  html[data-design="classic"] .site-header { flex-wrap: wrap; padding-block: 17px; }
  html[data-design="classic"] .site-nav { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
}
@media (max-width: 770px) {
  html[data-design="classic"] .hero-layout { grid-template-columns: 1fr; }
  html[data-design="classic"] .hero-aside { display: none; }
  html[data-design="classic"] .site-nav a:not(.nav-contact) { display: inline; }
}
@media (max-width: 600px) {
  html[data-design="classic"] .page-shell { padding-inline: 18px; }
  html[data-design="classic"] .site-header { align-items: flex-start; }
  html[data-design="classic"] .site-nav { gap: 12px 16px; }
  html[data-design="classic"] .site-nav > a:not(.nav-contact) { font-size: 11px; }
  html[data-design="classic"] .offer-paths { grid-template-columns: 1fr; }
  html[data-design="classic"] .offer-paths > a + a { border-left: 0; border-top: 1px solid var(--line); }
  html[data-design="classic"] .hero { padding-top: 48px; }
  html[data-design="classic"] h1 { font-size: clamp(42px, 10vw, 60px); }
  .design-toggle-prefix { display: none; }
}
/* Portfolio levels use the same Studio design and keep small parts distinct. */
.reference-kind,.example-kind { display:block; font-size:.72rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; margin:.55rem 0; color:var(--lime); }
.reference-context { display:block; font-size:.78rem; line-height:1.5; opacity:.75; margin:1rem 0 .4rem; }
.portfolio-tabs { display:flex; flex-wrap:wrap; gap:.6rem; margin:0 0 2rem; }
.portfolio-tabs a { padding:.85rem 1.1rem; border:1px solid var(--line); border-radius:8px; text-decoration:none; font-weight:650; }
.portfolio-tabs a[aria-current="page"] { background:var(--lime); color:var(--bg); }
.portfolio-tabs span { margin-left:.45rem; opacity:.8; }
.portfolio-parent { padding:1.3rem; margin:1rem 0 2rem; border-left:3px solid var(--lime); background:var(--panel); }
.portfolio-parent a { display:block; margin:.6rem 0; text-underline-offset:4px; }
.portfolio-parent h2 { font-size:clamp(1.6rem,3vw,2.5rem); margin:.65rem 0; }
.parent-project-card { border-top:1px solid var(--line); margin-top:1.3rem; padding-top:1rem; }
.parent-project-card h3 { font-size:1.35rem; margin:.4rem 0; }
.parent-project-card p { max-width:75ch; }
.parent-project-link { font-size:.9rem; font-weight:700; }
.portfolio-parts { margin:4rem 0; padding-top:2rem; border-top:1px solid var(--line); }
.portfolio-parts h2 { font-size:clamp(1.8rem,3vw,2.8rem); }
.portfolio-parts > h3 { margin:2rem 0 1rem; }
.portfolio-parts > .primary-link { margin-top:1.5rem; }
.portfolio-cross,.portfolio-switch { margin:1rem 0 2rem; padding:1rem 0; }
.portfolio-cross a,.portfolio-switch a { font-weight:650; text-underline-offset:5px; }
.portfolio-cross p,.portfolio-switch p { font-size:.85rem; opacity:.75; margin:.5rem 0; }
.skill-group-label { font-size:.8rem; text-transform:uppercase; letter-spacing:.06em; margin:1rem 0 .4rem; opacity:.7; }
.technology-links { display:flex; flex-wrap:wrap; gap:.5rem 1rem; margin-top:.6rem; font-size:.8rem; }
.technology-links a { text-underline-offset:3px; }
.filter-section { grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); }
.filter-section label,.filter-section select { min-width:0; max-width:100%; }
.site-header .site-nav { flex-wrap:wrap; justify-content:flex-end; row-gap:.6rem; }
@media(max-width:760px) { .portfolio-tabs a { flex:1; min-width:130px; } .portfolio-parts { margin-top:2.5rem; } .site-header .site-nav { justify-content:flex-start; } }