body
{
   margin: 0;
   font-family: Arial, Helvetica, sans-serif;
}

header
{
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 16px 18px;
   background: #0b1626;
   color: #fff;
}

header button
{
   border: 0;
   background: transparent;
   color: inherit;
   font-size: 24px;
   cursor: pointer;
   padding: 0;
}

header .header-title
{
   display: flex;
   flex-direction: column;
   gap: 2px;
}

header .header-title span
{
   font-size: 20px;
   font-weight: 600;
   letter-spacing: 1px;
}

header .header-title small
{
   font-size: 12px;
   font-style: italic;
   font-weight: 400;
   opacity: 0.75;
}

main
{
   padding-bottom: 24px;
}

.home-hero img
{
   display: block;
   width: 100%;
   height: auto;
}

.home-content
{
   padding: 0 14px;
}

.home-nav
{
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 36px;
   padding-top: 18px;
}

.home-nav p
{
   margin: 0;
}

.home-nav a
{
   color: #0b1626;
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 0.8px;
   text-decoration: none;
   text-transform: uppercase;
}

.home-nav a:hover
{
   text-decoration: underline;
}

.back-link
{
   margin: 24px 0 0 0;
}

.back-link a
{
   color: #0b1626;
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 0.8px;
   text-decoration: none;
   text-transform: uppercase;
}

.back-link a:hover
{
   text-decoration: underline;
}

.about-page
{
   max-width: 1000px;
   margin: 0 auto;
   padding: 24px 14px;
}

.contact-page
{
   max-width: 1000px;
   margin: 0 auto;
   padding: 24px 14px;
}

.about-page h1
{
   margin: 0 0 18px 0;
   color: #0b1626;
   font-size: 24px;
   letter-spacing: 1px;
}

.about-lead img
{
   display: block;
   width: 100%;
   height: auto;
}

.about-description
{
   margin: 20px 0 24px 0;
   font-size: 16px;
   line-height: 1.6;
}

.about-details
{
   border-top: 1px solid #ccc;
}

.about-details:last-of-type
{
   border-bottom: 1px solid #ccc;
}

.about-details summary
{
   padding: 16px 0;
   color: #0b1626;
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 0.8px;
   cursor: pointer;
   text-transform: uppercase;
}

.gallery
{
   display: grid;
   grid-template-columns: 1fr;
   gap: 14px;
   padding-bottom: 18px;
}

.gallery img
{
   display: block;
   width: 100%;
   height: auto;
}

.technical-details
{
   padding-bottom: 18px;
   line-height: 1.5;
}

.technical-details h2
{
   margin-top: 20px;
   color: #0b1626;
   font-size: 17px;
}

.technical-details ul
{
   margin-top: 8px;
   padding-left: 22px;
}

@media (min-width: 700px)
{
   .gallery
   {
      grid-template-columns: 1fr 1fr;
   }
}