:root {
  --navy: #001f4b;
  --red: #db2025;
}

[hidden] { display: none !important; }
html { color-scheme: light; }
#page { margin: 0; }
.site-inner { max-width: none; }
#content.site-content { padding: 0; overflow-x: clip; }
body.page-about-us #content.site-content { margin-bottom: 0 !important; }
main:focus { outline: none; }
:where(a, button, input, textarea, [tabindex]):focus-visible {
  outline: 3px solid #236ccd !important;
  outline-offset: 3px;
}
.skip-link:focus { z-index: 1000; }

@font-face {
  font-family: "Font Awesome Solid";
  src: url("../fonts/awesome-solid.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: block;
}
@font-face {
  font-family: "Elementor Icons";
  src: url("../fonts/eicons.woff2") format("woff2");
  font-display: block;
}
.fas { font: normal 900 1em/1 "Font Awesome Solid"; }
.fa-balance-scale::before { content: "\f24e"; }
.fa-check-circle::before { content: "\f058"; }
.fa-check-double::before { content: "\f560"; }
.fa-clone::before { content: "\f24d"; }
.fa-envelope::before { content: "\f0e0"; }
.fa-leaf::before { content: "\f06c"; }
.fa-location-arrow::before { content: "\f124"; }
.fa-phone::before { content: "\f095"; }
.fa-user-tie::before { content: "\f508"; }
.fa-users::before { content: "\f0c0"; }
.fa-volume-up::before { content: "\f028"; }

#header-widget-area .container { display: flex; padding: 0 16px; }
#header-widget-area .top-head-widget { width: auto; }
#header-widget-area .top-head-widget ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  list-style: none;
}
#header-widget-area .top-head-widget li { float: none; margin: 0; }

#masthead {
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 0;
  background: #fff;
  box-shadow: 0 6px 5px #0000001a;
}
body.home, body.page-about-us { --menu-font: "Segoe UI", Arial, sans-serif; }
#masthead .site-header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 80px;
  padding: 0 13px 0 25px;
}
#masthead .site-branding { margin: 0; }
#masthead .custom-logo-link { display: block; padding: 0; margin: 0; }
#masthead .custom-logo { display: block; width: 240px; height: auto; }
#masthead #menu-toggle::before, #masthead #menu-toggle::after { content: none; }
#masthead .site-header-menu { display: block; margin: 0; }
#masthead ul { list-style: none; margin: 0; padding: 0; }
#masthead .primary-menu { display: flex; align-items: stretch; }
#masthead .primary-menu > li { position: relative; margin: 0; border: 0; float: none; }
#masthead .primary-menu > li > a {
  display: flex;
  align-items: center;
  height: 70px;
  padding: 0 30px;
  color: #000;
  font: 600 14px/1.6 var(--menu-font, Lato, sans-serif);
  text-transform: uppercase;
  transition: color .4s ease-in-out;
}
#masthead .primary-menu > li > a::before {
  position: absolute;
  right: 10%;
  bottom: -1px;
  left: 10%;
  height: 3px;
  background: var(--red);
  content: "";
  transform: scale(0);
  transition: transform .3s linear;
}
#masthead .primary-menu > li:last-child > a::before,
#masthead .primary-menu > li > a::after { content: none; }
#masthead .primary-menu > li > a[aria-current],
#masthead .primary-menu > li:hover > a,
#masthead .primary-menu > li > a:focus-visible { color: var(--red); }
#masthead .primary-menu > li > a[aria-current]::before,
#masthead .primary-menu > li:hover > a::before,
#masthead .primary-menu > li > a:focus-visible::before { transform: scale(1); }

#masthead .sub-menu {
  position: absolute;
  z-index: 2;
  top: 100%;
  right: 0;
  left: auto;
  display: none;
  width: 12.6875em;
  border: 0 solid #d1d1d1;
  border-bottom-width: 1px;
  background: #fff;
  box-shadow: 0 1px 3px 2px #0000000d;
}
#masthead .sub-menu::before, #masthead .sub-menu::after { content: none; }
#masthead .sub-menu li { border: 0; border-top: 1px dashed #0000001a; }
#masthead .sub-menu a {
  display: block;
  width: auto;
  padding: .65625em .875em;
  color: #1a1a1a;
  font: 600 14px/1.6 var(--menu-font, Lato, sans-serif);
  white-space: normal;
}
#masthead .sub-menu a:hover, #masthead .sub-menu a[aria-current] {
  color: var(--red);
}
#masthead .product-toggle {
  position: absolute;
  z-index: 1;
  right: 1px;
  top: 27px;
  padding: 0;
  width: 20px;
  height: 26px;
  border: 0;
  background: #fff;
  color: var(--navy);
  font: 700 16px/1 Arial, sans-serif;
  opacity: 0;
}
#masthead .product-toggle:focus-visible,
#masthead .product-toggle[aria-expanded="true"] { opacity: 1; }
#masthead .product-toggle[aria-expanded="true"] + .sub-menu { display: block; }

@media (min-width: 911px) {
  #masthead .menu-item-has-children:hover > .sub-menu,
  #masthead:not(.menu-ready) .menu-item-has-children:focus-within > .sub-menu { display: block; }
  #masthead #menu-toggle { display: none; }
}
@media (min-width: 911px) and (max-width: 1290px) {
  #masthead .primary-menu > li > a { font-size: 10px !important; }
}
@media (max-width: 910px) {
  #masthead .site-header-main { min-height: 66px; flex-wrap: wrap; padding: 0 25px; }
  #masthead .custom-logo { width: 180px; }
  #masthead #menu-toggle {
    display: grid;
    place-items: center;
    padding: 0;
    width: 43px;
    height: 42px;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 1px;
    color: #0b0b0b;
    background: #fff;
  }
  .menu-bars {
    width: 21px;
    height: 4px;
    border-radius: 1px;
    background: currentColor;
    box-shadow: 0 -7px currentColor, 0 7px currentColor;
  }
  #masthead .site-header-menu { flex-basis: 100%; }
  #masthead.menu-ready .site-header-menu:not(.is-open) { display: none; }
  #masthead .primary-menu { display: block; }
  #masthead .primary-menu > li { border-top: 1px solid #d1d1d1; }
  #masthead .primary-menu > li > a { height: 45px; padding: 0 30px; }
  #masthead .primary-menu > li > a::before { display: none; }
  #masthead .menu-item-has-children > a { margin-right: 56px; }
  #masthead .product-toggle {
    opacity: 1;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    background: transparent;
    color: #000;
    font-size: 0;
  }
  #masthead .product-toggle::before {
    display: block;
    height: 24px;
    border-left: 1px solid #d1d1d1;
    content: "⌄";
    font: 700 22px/1 Arial, sans-serif;
  }
  #masthead .product-toggle[aria-expanded="true"]::before { content: "⌃"; }
  #masthead .sub-menu { position: static; width: auto; border: 0; margin-left: .875em; box-shadow: none; }
  #masthead .sub-menu li { border-top: 1px solid #d1d1d1; }
  #masthead .sub-menu a { padding: .84375em 0; }
  #masthead:not(.menu-ready) .sub-menu { display: block; }
}
@media (min-width: 710px) and (max-width: 910px) {
  #masthead .site-header-main { min-height: 73px; }
  #masthead .custom-logo { width: 210px; }
}

.elementor-section.elementor-section-stretched { left: auto; width: 100%; }
.elementor-counter .elementor-counter-number-wrapper,
.elementor-counter .elementor-counter-title { justify-content: flex-start; text-align: left; }
.elementor-counter .elementor-counter-number-prefix { display: none; }
.elementor-counter .elementor-counter-number { font-family: Poppins, sans-serif; }
.elementor-counter .elementor-counter-number-suffix { flex: initial; }

.hero {
  --overlap: 0px;
  position: relative;
  height: calc(max(480px, 50vw) - var(--overlap));
  overflow: hidden;
  color: #fff;
  background: var(--navy);
}
.hero-slide { animation: hero-in .8s cubic-bezier(.25, .46, .45, .94); }
.hero-slide.is-leaving { z-index: 1; animation: none; }
.hero-slide:not(.is-leaving) { z-index: 2; }
@keyframes hero-in { from { opacity: 0; } to { opacity: 1; } }
.hero-slide:first-child:not(.is-leaving):not(.has-rotated) { animation: none; }
.hero-slide { position: absolute; inset: 0; }
.hero-slide > img {
  position: absolute;
  inset: calc(0px - var(--overlap)) 0 0;
  width: 100%;
  height: calc(100% + var(--overlap));
  object-fit: fill;
}
.hero-slide::after {
  position: absolute;
  inset: calc(0px - var(--overlap)) 0 0;
  content: "";
  background: linear-gradient(135deg, rgba(0,22,45,.19), rgba(0,10,36,.71));
}
.hero-copy {
  position: relative;
  top: calc(0px - var(--overlap));
  z-index: 1;
  display: flex;
  height: calc(100% + var(--overlap));
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(1100px, 100%);
  margin: 0 auto;
  text-align: center;
}
.hero .hero-copy > * { color: #fff; }
.hero .hero-eyebrow {
  margin: 0 auto 30px;
  padding: 10px 20px;
  font: 600 18px/1.2 Arial, sans-serif;
  letter-spacing: 2px;
  text-shadow: 2px 1px 2px #000;
}
.hero-slide:nth-child(3) .hero-eyebrow { line-height: 1.5; }
.hero .hero-lead, .hero .hero-title {
  margin: 0;
  font: 600 52px/1.2 Arial, sans-serif;
}
.hero .hero-title {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 30px;
  border-radius: 10px;
  background: rgba(0,0,0,.55);
}
.hero .hero-description {
  width: min(715px, 93%);
  margin: 30px auto 0;
  font: 400 19px/1.5 Roboto, Arial, sans-serif;
}
.hero-controls { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.hero-controls button { pointer-events: auto; }
.hero-prev, .hero-next {
  position: absolute;
  top: calc((100% - var(--overlap)) / 2);
  width: 44px;
  height: 44px;
  padding: 0;
  transform: translateY(-50%);
  border: 0;
  color: #fff;
  background: transparent;
  font: 400 43px/1 Arial, sans-serif;
  text-shadow: 0 1px 2px #001f4b;
}
.hero-prev { left: 9px; }
.hero-next { right: 9px; }
.hero-controls button[data-step] img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  transition: filter .3s ease;
}
.hero-controls button[data-step]:hover img { filter: brightness(1.5); }
.hero-dots {
  position: absolute;
  bottom: 3px;
  left: 50%;
  display: flex;
  align-items: center;
  transform: translateX(-50%);
}
.hero-dots button[data-slide], .image-carousel-dots button {
  display: grid;
  width: 18px;
  height: 32px;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
}
.hero-dots button[data-slide]::before, .image-carousel-dots button::before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(0,0,0,.65);
  content: "";
}
.hero-dots button[aria-pressed="true"]::before, .image-carousel-dots button[aria-pressed="true"]::before {
  background: #f00;
}
.hero-dots button[data-pause] {
  position: absolute;
  left: 100%;
  width: 32px;
  height: 32px;
  margin-left: 5px;
  padding: 0;
  border: 1px solid #fff9;
  border-radius: 50%;
  background: #001f4bbb;
  color: #fff;
  font: 700 14px/1 Arial, sans-serif;
  opacity: 0;
  transition: opacity .2s ease;
}
.hero:hover .hero-dots button[data-pause],
.hero:focus-within .hero-dots button[data-pause] { opacity: 1; }
@media (min-width: 961px) { .hero { --overlap: 80px; } }
@media (min-width: 1025px) { .hero { --overlap: 130px; } }
@media (max-width: 910px) {
  .hero-controls button[data-step] img { width: 22px; height: 22px; }
  .hero-prev, .hero-next { width: 34px; }
}
@media (max-width: 767px) {
  .hero { height: 480px; }
  .hero .hero-eyebrow { margin-bottom: 20px; font-size: 10.8px; }
  .hero-slide:nth-child(3) .hero-eyebrow { max-width: 50%; }
  .hero .hero-lead { max-width: 55%; font-size: 31.2px; }
  .hero .hero-title { margin-top: 20px; font-size: 21.84px; }
  .hero-description { display: none; }
  .hero-controls button[data-step] img { width: 16px; height: 16px; }
  .hero-prev, .hero-next { top: 50%; width: 36px; }
  .hero-prev { left: 5px; }
  .hero-next { right: 5px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-slide { animation: none; }
  .hero .hero-dots button[data-pause] { opacity: 1; }
}

.services-carousel .carousel-track,
[data-image-carousel] .swiper-wrapper {
  position: relative;
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.services-carousel .service-slide, [data-image-carousel] .swiper-slide { scroll-snap-align: start; }
.services-carousel .carousel-arrow { padding: 0; border: 0; border-radius: 0; }
.services-carousel .strip-pause {
  position: absolute;
  z-index: 10;
  right: 16px;
  bottom: 14px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #fff9;
  border-radius: 50%;
  color: #fff;
  background: #001f4bd9;
  font: 700 15px/1 Arial, sans-serif;
  opacity: 0;
}
.services-carousel:hover .strip-pause, .services-carousel:focus-within .strip-pause { opacity: 1; }
.services-carousel .slide-content h3 { font-family: inherit; }

@media (prefers-reduced-motion: no-preference) {
  [data-enter] { --enter-x: 0px; --enter-y: 0px; --enter-scale: 1; }
  .has-entered[data-enter] { animation: enter-view 1.25s both; }
  [data-enter="fadeInLeft"] { --enter-x: -100%; }
  [data-enter="fadeInRight"] { --enter-x: 100%; }
  [data-enter="fadeInUp"] { --enter-y: 100%; }
  [data-enter="fadeInDown"] { --enter-y: -100%; }
  .has-entered[data-enter="zoomIn"] { animation-name: enter-zoom; }
  @keyframes enter-view {
    from { opacity: 0; translate: var(--enter-x) var(--enter-y); }
  }
  @keyframes enter-zoom {
    from { opacity: 0; scale: .3; }
    50% { opacity: 1; }
  }
  .elementor-animation-grow { transition: transform .3s; }
  .elementor-animation-grow:is(:hover, :focus, :active) { transform: scale(1.1); }
  .elementor-animation-push:is(:hover, :focus, :active) { animation: button-push .3s linear; }
  @keyframes button-push {
    50% { transform: scale(.8); }
    100% { transform: scale(1); }
  }
}
[data-image-carousel] { --slides: var(--desktop-slides); }
[data-image-carousel] .swiper-wrapper { gap: var(--slide-gap); align-items: center; }
[data-image-carousel] .swiper-slide {
  flex: 0 0 calc((100% - (var(--slides) - 1) * var(--slide-gap)) / var(--slides));
  min-width: 0;
}
[data-image-carousel] .swiper-slide-inner { margin: 0; text-align: center; }
[data-image-carousel] img { vertical-align: middle; }
[data-image-carousel] .swiper-image-stretch img { width: 100%; }
@media (max-width: 1024px) { [data-image-carousel] { --slides: var(--tablet-slides); } }
@media (max-width: 767px) { [data-image-carousel] { --slides: var(--mobile-slides); } }

.image-carousel-controls {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
}
.image-carousel-controls button { pointer-events: auto; }
.image-carousel-dots { display: flex; z-index: 2; }
.image-carousel-dots button { height: 25px; }
.image-carousel-dots button::before { width: 6px; height: 6px; background: #000; opacity: .2; }
.image-carousel-dots button[aria-pressed="true"]::before { background: #000; opacity: 1; }
.image-carousel-controls > button {
  position: absolute;
  z-index: 2;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: hsla(0,0%,93.3%,.9);
  font: 400 25px/1 "Elementor Icons";
}
.image-carousel-controls > button[data-step] { top: calc(50% - 15px); transform: translateY(-50%); }
.image-carousel-controls > button[data-step="-1"] { left: 10px; }
.image-carousel-controls > button[data-step="1"] { right: 10px; }
.elementor-arrows-position-outside .image-carousel-controls > button[data-step="-1"] { left: 0; }
.elementor-arrows-position-outside .image-carousel-controls > button[data-step="1"] { right: 0; }
.image-carousel-controls > button[data-step="-1"]::before,
.gallery-lightbox button[data-step="-1"]::before { content: "\e87e"; }
.image-carousel-controls > button[data-step="1"]::before,
.gallery-lightbox button[data-step="1"]::before { content: "\e87d"; }
.image-carousel-controls > button[data-step]:hover { color: #fff; }
.image-carousel-controls > button[data-pause] {
  right: 0;
  bottom: 0;
  color: var(--navy);
  font: 700 15px/1 Arial, sans-serif;
  opacity: 0;
}
[data-image-carousel]:hover button[data-pause],
[data-image-carousel]:focus-within button[data-pause] { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .services-carousel .strip-pause, [data-image-carousel] button[data-pause] { opacity: 1; }
}

.exhibition-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.exhibition-grid a { display: block; overflow: hidden; background: #000; }
.exhibition-grid img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; transition: opacity .2s linear; }
.exhibition-grid a:is(:hover, :focus-visible) img { opacity: .8; }
@media (max-width: 1024px) { .exhibition-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .exhibition-grid { grid-template-columns: 1fr; } }
.gallery-lightbox {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  padding: 0;
  border: 0;
  background: transparent;
  color: hsla(0,0%,93.3%,.9);
}
.gallery-lightbox[open] { display: grid; grid-template-columns: 15% minmax(0, 1fr) 15%; align-items: center; }
.gallery-lightbox::backdrop { background: rgba(0,0,0,.8); }
.gallery-lightbox figure { display: grid; width: 100%; height: 100%; place-items: center; margin: 0; }
.gallery-lightbox img {
  width: auto;
  max-width: 100%;
  max-height: calc(100dvh - 140px);
  border-radius: 2px;
  box-shadow: 0 0 30px #0005;
  object-fit: contain;
}
.gallery-lightbox.is-zoomed figure { overflow: auto; display: block; }
.gallery-lightbox.is-zoomed img { max-width: none; max-height: none; min-width: 100%; }
.gallery-lightbox.is-zoomed button[data-step] { visibility: hidden; }
.gallery-lightbox button {
  min-height: 44px;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: 400 25px/1 "Elementor Icons";
}
.gallery-lightbox button:hover { color: #fff; }
.gallery-lightbox button[data-step] { height: 100%; }
.lightbox-bar {
  position: absolute;
  z-index: 1;
  inset: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 0 13px 0 20px;
  background: #0006;
}
.lightbox-bar .lightbox-count { margin-right: auto; font-size: 15px; }
.gallery-lightbox .lightbox-bar button { width: 44px; font-size: 20px; }
.gallery-lightbox [data-close]::before { content: "\e87f"; }
.gallery-lightbox [data-fullscreen]::before { content: "\e95c"; }
.gallery-lightbox [data-fullscreen][aria-label="Exit full screen"]::before { content: "\e95d"; }
.gallery-lightbox [data-zoom]::before { content: "\e92e"; }
.gallery-lightbox [data-zoom][aria-pressed="true"]::before { content: "\e943"; }
.gallery-lightbox [data-share]::before { content: "\e96c"; }
.lightbox-share {
  position: absolute;
  z-index: 2;
  top: 50px;
  right: 57px;
  padding: 12px 20px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 4px 15px #0005;
}
.lightbox-share a { display: block; color: #55595c; line-height: 2.5; }
.lightbox-share a:hover { color: #000; }
@media (max-width: 767px) {
  .gallery-lightbox[open] { grid-template-columns: 10% minmax(0, 1fr) 10%; }
}

.map-link { display: inline-block; margin-top: 5px; }
.enquiry-panel { width: 100%; padding-top: 22.75px; }
.enquiry-form { display: grid; gap: 22.75px; }
.enquiry-form label, .site-search label { display: block; }
.enquiry-form input, .enquiry-form textarea {
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px 7px;
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  background: #f7f7f7;
  color: #1b1b1b;
  font: 600 16px/19px Lato, sans-serif;
}
.enquiry-form textarea { height: 150px; background: transparent; line-height: 28px; resize: vertical; }
.enquiry-form input[type="tel"] { font-weight: 400; }
.enquiry-form input:focus, .enquiry-form textarea:focus { background: #fff; }
.enquiry-actions, .search-controls { display: flex; align-items: center; gap: 12px; }
.enquiry-actions { flex-wrap: wrap; margin-top: 2.25px; }
.enquiry-actions button[type="submit"] {
  min-width: 171px;
  padding: 13.5px 14px 12.5px;
  border: 0;
  border-radius: 2px;
  color: #fff;
  background: #fc1f5c;
  font: 600 16px/1 Lato, sans-serif;
}
.enquiry-actions button[type="submit"]:is(:hover, :focus-visible) { background: #000; }
.enquiry-actions button:disabled { cursor: wait; opacity: .7; }
.enquiry-form [role="status"] { color: #203959; }
.enquiry-form [role="status"]:empty { display: none; }
.site-search label { font: 700 15px/1.4 Lato, sans-serif; }
.site-search input {
  display: block;
  width: 100%;
  margin-top: 5px;
  padding: 9px 12px;
  border: 1px solid #8896a8;
  border-radius: 4px;
  background: #fff;
  color: #151d28;
  font: 400 16px/1.4 Lato, sans-serif;
}
.search-controls { align-items: end; }
.search-controls button {
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid var(--navy);
  border-radius: 4px;
  color: #fff;
  background: var(--navy);
  font: 700 15px/1.4 Lato, sans-serif;
}
.utility-page {
  width: min(100% - 40px, 760px);
  min-height: 45vh;
  margin-inline: auto;
  padding: 60px 0;
  color: var(--navy);
}
.utility-page > h1 { margin-bottom: 16px; }
.utility-page .site-search { margin-block: 24px; }
.utility-page [data-search-results] { margin: 16px 0; padding: 0; list-style: none; }
.utility-page [data-search-results] li { padding: 12px 0; border-top: 1px solid #dae0e8; }
.utility-page [data-search-results] a { font-weight: 700; }
.utility-page p { color: #294465; }

#main-footer .container {
  position: relative;
  left: clamp(0px, calc((100% - 1240px) / 2), 80px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: min(100%, 1240px);
  margin-inline: auto;
  padding-block: 70px 60px;
}
#main-footer .columns {
  width: auto !important;
  margin: 0;
  padding: 20px 10px;
}
#main-footer .columns:first-child p { padding-right: clamp(0px, calc(24vw - 200px), 140px); }
#main-footer .container::before, #main-footer .container::after { display: none; }
.copyright-bar {
  padding: 20px;
  background: #001840;
  color: #c4c7d2;
  text-align: center;
}
@media (max-width: 769px) {
  #main-footer .container { grid-template-columns: 1fr; }
}
