:root {
         --blue: #5e7081;
         --dark: #263746;
         --muted: #778694;
         --light: #fafaf9;
         --line: #dce1e4;
     }

     *,
     *::before,
     *::after {
         box-sizing: border-box;
     }

     body {
         margin: 0;
         color: var(--dark);
         background: var(--light);
         font-family: Arial, Helvetica, sans-serif;
     }

     /* HLAVNÍ ROZLOŽENÍ */

     .company-page {
         display: flex;
         min-height: 100vh;
         min-height: 100dvh;
     }

     /* LEVÁ POLOVINA */

     .company-hero {
         position: relative;
         display: flex;
         align-items: center;
         width: 45%;
         padding: 70px clamp(35px, 5vw, 110px);
         overflow: hidden;
         isolation: isolate;
         color: #fff;
         background: linear-gradient(
             135deg,
             #748798 0%,
             #586b7d 55%,
             #405366 100%
         );
     }

     .company-hero::before {
         content: "";
         position: absolute;
         z-index: -1;
         inset: 0;
         background: linear-gradient(
             125deg,
             transparent 0%,
             transparent 52%,
             rgba(255,255,255,.13) 52%,
             rgba(255,255,255,.13) 66%,
             transparent 66%
         );
     }

     .company-hero::after {
         content: "";
         position: absolute;
         z-index: -1;
         width: 85%;
         height: 130%;
         top: -35%;
         right: -45%;
         transform: skewX(-32deg);
         background: linear-gradient(
             90deg,
             rgba(255,255,255,.09),
             rgba(255,255,255,.015)
         );
     }

     .hero-content {
         position: relative;
         z-index: 1;
         width: 100%;
         transform: translateY(-4%);
     }

     .hero-label {
         margin: 0 0 24px;
         font-size: 12px;
         font-weight: 600;
         letter-spacing: .17em;
         text-transform: uppercase;
         color: rgba(255,255,255,.85);
     }

     .hero-line {
         display: block;
         width: 55px;
         height: 2px;
         margin-bottom: 35px;
         background: rgba(255,255,255,.85);
     }

     .company-name {
         margin: 0;
         font-family: Georgia, "Times New Roman", serif;
         font-size: clamp(44px, 4.1vw, 82px);
         font-weight: 400;
         line-height: 1.13;
         letter-spacing: -.035em;
         overflow-wrap: break-word;
     }

     /* PRAVÁ POLOVINA */

     .company-info {
         display: flex;
         flex-direction: column;
         justify-content: center;
         width: 55%;
         padding: 55px clamp(35px, 4vw, 90px);
         background: var(--light);
     }

     .info-content {
         width: 100%;
         max-width: 760px;
         margin: auto;
     }

     /* ZÁKLADNÍ FIREMNÍ ÚDAJE */

     .info-grid {
         display: grid;
         grid-template-columns: repeat(2, minmax(0, 1fr));
         column-gap: 42px;
         row-gap: 60px;
     }

     .info-section {
         min-width: 0;
     }

     .info-heading {
         margin: 0 0 16px;
         color: var(--muted);
         font-size: 12px;
         font-weight: 700;
         letter-spacing: .12em;
         text-transform: uppercase;
     }

     .info-text {
         margin: 0;
         font-size: 18px;
         line-height: 1.75;
         overflow-wrap: anywhere;
     }

     .info-text a {
         color: var(--dark);
         text-decoration: none;
         border-bottom: 1px solid #aab6c0;
         transition: border-color .2s;
     }

     .info-text a:hover {
         border-color: var(--dark);
     }

     .info-text a:focus-visible {
         outline: 2px solid var(--blue);
         outline-offset: 4px;
     }

     .registry-text {
         margin: 0;
         font-size: 15px;
         line-height: 1.75;
         color: #60717f;
     }

     /* SEKCE PŘES CELOU ŠÍŘKU */

     .info-full {
         grid-column: 1 / -1;
     }

     /* PŘEDSTAVENSTVO */

     .board-section {
         padding-top: 28px;
         border-top: 1px solid var(--line);
     }

     .board-section .info-heading {
         margin-bottom: 25px;
     }

     .board-grid {
         display: grid;
         grid-template-columns: repeat(3, minmax(0, 1fr));
         gap: 25px;
     }

     .board-member {
         min-width: 0;
     }

     .board-member .info-text {
         font-size: 16px;
         margin-bottom: 4px;
     }

     .board-member .registry-text {
         font-size: 13px;
     }

     /* OBCHODNÍ REJSTŘÍK */

     .registry-section {
         padding-top: 25px;
         border-top: 1px solid var(--line);
     }

     /* PATIČKA */

     .company-footer {
         margin-top: 40px;
         padding-top: 20px;
         border-top: 1px solid var(--line);
         color: var(--muted);
         font-size: 12px;
     }

     /* MENŠÍ DESKTOPY */

     @media (max-width: 1599.98px) {
         .board-grid {
             grid-template-columns: 1fr;
             gap: 16px;
         }

         .company-hero,
         .company-info {
             padding-left: 45px;
             padding-right: 45px;
         }

         .info-grid {
             column-gap: 25px;
             row-gap: 45px;
         }

         .info-text {
             font-size: 16px;
         }
     }

     @media (max-width: 1199.98px) {
         .info-grid {
             grid-template-columns: 1fr;
             row-gap: 30px;
         }

         .company-hero,
         .company-info {
             padding-top: 55px;
             padding-bottom: 55px;
         }
     }

     /* TABLET A MOBIL */

     @media (max-width: 991.98px) {
         .company-page {
             flex-direction: column;
         }

         .company-hero,
         .company-info {
             width: 100%;
         }

         .company-hero {
             min-height: 340px;
             padding: 65px 35px;
         }

         .company-name {
             font-size: clamp(44px, 8vw, 70px);
         }

         .hero-content {
             transform: none;
         }

         .company-info {
             padding: 55px 35px;
         }

         .info-grid {
             grid-template-columns: repeat(2, minmax(0, 1fr));
             gap: 40px 35px;
         }

         .board-grid {
             grid-template-columns: repeat(3, minmax(0, 1fr));
             gap: 20px;
         }
     }

     /* MOBIL */

     @media (max-width: 575.98px) {
         .company-hero {
             min-height: 300px;
             padding: 50px 25px;
         }

         .company-info {
             padding: 45px 25px;
         }

         .company-name {
             font-size: clamp(42px, 10vw, 60px);
         }

         .info-grid {
             grid-template-columns: 1fr;
             gap: 30px;
         }

         .info-heading {
             margin-bottom: 10px;
         }

         .info-text {
             font-size: 16px;
         }

         .board-grid {
             grid-template-columns: 1fr;
             gap: 22px;
         }

         .board-section .info-heading {
             margin-bottom: 20px;
         }

         .registry-text {
             font-size: 14px;
         }

         .board-member .registry-text {
             font-size: 13px;
         }

         .company-footer {
             margin-top: 30px;
         }
     }