@media (max-width: 1180px) {
  .site-menu.my-menu {
    --my-menu-item-gap: 24px;
    --my-menu-font-size: 20px;
  }

  .services-section {
    padding: 26px 32px 76px;
  }

  .services-gallery.my-gallery {
    width: min(760px, 100%);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-inner {
    grid-template-columns: 1fr;
    row-gap: clamp(58px, 7vw, 86px);
    padding: 12% 6%;
  }

  .about-media {
    padding: 0 6% 8%;
  }

  .about-text {
    padding: 6%;
  }

  .about-copy {
    max-width: none;
    font-size: clamp(18px, 2.1vw, 21px);
    line-height: 1.58;
  }

  .about-text p {
    font-size: 14px;
  }

  .story-inner {
    gap: 58px;
    padding: 10% 6% 0;
  }

  .ceiling-intro,
  .ceiling-material,
  .ceiling-gallery-heading {
    grid-template-columns: 1fr;
  }

  .ceiling-intro__copy,
  .ceiling-material__copy {
    max-width: 760px;
    padding-left: 0;
    border-left: 0;
  }

  .ceiling-compare-heading {
    grid-template-columns: 1fr;
  }

  .ceiling-compare-grid {
    width: min(900px, 100%);
  }

  .marine-intro,
  .marine-chapter__layout,
  .marine-gallery-heading {
    grid-template-columns: 1fr;
  }

  .marine-intro__copy,
  .marine-chapter__content {
    max-width: 760px;
    padding-left: 0;
    border-left: 0;
  }

  .marine-chapter--nautical .marine-chapter__figure {
    order: 1;
  }

  .marine-chapter--nautical .marine-chapter__content {
    order: 2;
  }

  .murales-method,
  .murales-process,
  .murales-compare-grid,
  .automotive-precision,
  .automotive-compare-layout,
  .automotive-laser-band,
  .automotive-vespa-intro {
    grid-template-columns: 1fr;
  }

  .murales-process__copy,
  .automotive-laser-copy {
    max-width: 760px;
  }

  .automotive-laser-copy {
    padding-left: 0;
    border-left: 0;
  }

  .contact-hero__layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "details"
      "form"
      "photo";
  }

  .story-block {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  .story-block__content {
    order: 1;
  }

  .story-block__figure {
    order: 2;
  }

  .story-block__content p {
    font-size: 15px;
  }

  .story-values {
    grid-template-columns: 1fr;
  }

  .story-values > div {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(248, 245, 242, 0.2);
  }

  .story-values > div:last-child {
    border-bottom: 0;
  }

  .story-carousel-section {
    margin-top: 80px;
  }

  .sanding-accordion__layout {
    display: block;
  }

  .sanding-video {
    margin: 0 0 20px;
    flex: none;
  }

  .footer-panel {
    justify-items: center;
    padding: clamp(170px, 22vw, 230px) 40px 82px;
  }

  .footer-courtesy {
    padding: 76px 28px 48px;
  }

  .footer-courtesy p {
    font-size: 34px;
  }
}

@media (max-width: 767px) {
  .edilsab-page .my-gallery[data-my-gallery-layout-mode="carousel"] {
    --my-gallery-carousel-control-space: 46px;
  }

  .edilsab-page .my-gallery[data-my-gallery-layout-mode="carousel"] .my-gallery-carousel__indicators {
    bottom: 12px;
    max-width: calc(100% - 32px);
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 6px;
    overflow-x: auto;
    padding: 6px 5px;
    scroll-padding-inline: 5px;
    scrollbar-width: none;
  }

  .edilsab-page .my-gallery[data-my-gallery-layout-mode="carousel"] .my-gallery-carousel__indicators::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  .brand-banner,
  .brand-banner img {
    height: max(84px, 10.15vw);
  }

  .brand-banner {
    --site-header-mask-height: 35px;
  }

  .nav-band {
    min-height: 66px;
    padding: 12px;
  }

  .site-menu.my-menu {
    width: calc(100% - 16px);
    min-height: 48px;
    padding: 6px 10px;
  }

  .site-menu[data-my-menu-layout="mobile"] .my-menu__toggle {
    font-size: 20px;
    font-weight: 800;
  }

  .hero-section {
    row-gap: 20px;
    padding: 0 18px 24px;
  }

  .hero-image {
    width: min(100%, 620px);
  }

  .hero-section h1 {
    margin: 0;
    font-size: clamp(23px, 6.4vw, 28px);
    line-height: 1.2;
  }

  .services-section {
    padding: 34px 22px 62px;
  }

  .services-gallery.my-gallery {
    width: min(360px, 100%);
    --my-gallery-gap: 34px;
    grid-template-columns: 1fr;
  }

  .service-card {
    gap: 14px;
  }

  .service-card__image.my-gallery__item {
    width: 116px;
  }

  .service-card__body {
    grid-template-rows: auto;
    max-width: 310px;
  }

  .service-card h2 {
    font-size: 18px;
  }

  .service-card p {
    font-size: 14px;
  }

  .about-inner {
    row-gap: 54px;
    padding: 20% 6%;
  }

  .about-media {
    padding: 0 0 12%;
  }

  .about-media h2 {
    font-size: 28px;
    line-height: 1.1;
    text-align: center;
  }

  .about-intro {
    max-width: none;
    justify-items: center;
    padding: 0;
    border-left: 0;
    text-align: center;
  }

  .about-kicker {
    font-size: 12px;
  }

  .about-lead {
    max-width: none;
    font-size: 16px;
  }

  .about-copy {
    max-width: none;
    padding: 0;
    font-size: 17px;
    line-height: 1.58;
    text-align: left;
    text-align-last: auto;
  }

  .about-text {
    padding: 12% 8%;
    text-align: center;
  }

  .about-text h3 {
    font-size: 18px;
  }

  .about-text p {
    text-align: center;
  }

  .carousel-section {
    padding: 24px 20px 24px;
  }

  .edilsab-carousel.my-gallery {
    margin: 0 auto;
  }

  .story-inner {
    gap: 46px;
    padding: 20% 6% 0;
  }

  .ceiling-hero {
    min-height: 620px;
  }

  .ceiling-hero::after {
    background:
      linear-gradient(180deg, rgba(41, 26, 26, 0.34), rgba(41, 26, 26, 0.88)),
      linear-gradient(90deg, rgba(41, 26, 26, 0.68), rgba(41, 26, 26, 0.2));
  }

  .ceiling-hero__image {
    object-position: center top;
  }

  .ceiling-hero__content {
    width: calc(100% - 32px);
    padding: 124px 0 54px;
    text-align: center;
  }

  .ceiling-hero h1 {
    font-size: 42px;
  }

  .ceiling-hero__content > p:not(.ceiling-kicker) {
    font-size: 17px;
  }

  .ceiling-intro,
  .ceiling-material {
    padding: 58px 20px;
  }

  .ceiling-intro h2,
  .ceiling-material__copy h2,
  .ceiling-compare-heading h2,
  .ceiling-gallery-heading h2,
  .ceiling-atelier h2 {
    font-size: 31px;
  }

  .ceiling-compare-section {
    padding: 20px 16px 68px;
  }

  .ceiling-compare-heading {
    gap: 8px;
    margin-bottom: 24px;
    padding-top: 28px;
    text-align: center;
  }

  .ceiling-compare-grid {
    --ceiling-compare-flow-gap: 16px;

    grid-template-columns: 1fr;
    gap: var(--ceiling-compare-flow-gap);
    width: min(520px, 100%);
  }

  .ceiling-compare-grid::before,
  .ceiling-compare-grid::after,
  .ceiling-compare:nth-child(-n + 2)::after,
  .ceiling-compare:nth-child(3)::before {
    display: none;
  }

  .ceiling-compare:nth-child(3) {
    grid-column: auto;
    width: 100%;
  }

  .ceiling-compare__index {
    top: 10px;
    left: 10px;
    min-width: 38px;
    min-height: 26px;
    background: rgba(41, 26, 26, 0.9);
    font-size: 10px;
  }

  .ceiling-compare:nth-child(2) .ceiling-compare__index {
    right: auto;
    left: 10px;
  }

  .ceiling-proof {
    grid-template-columns: 1fr;
    margin-top: 28px;
  }

  .ceiling-proof > div {
    padding: 16px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(69, 44, 44, 0.18);
  }

  .ceiling-proof > div:last-child {
    border-bottom: 0;
  }

  .ceiling-material__copy p:not(.ceiling-kicker) {
    margin-top: 18px;
  }

  .ceiling-gallery-section {
    padding: 58px 0 72px;
  }

  .ceiling-gallery-heading {
    width: calc(100% - 32px);
    margin-bottom: 26px;
  }

  .ceiling-gallery.my-gallery {
    width: calc(100% - 24px);
    --my-gallery-gap: 12px !important;
    --my-gallery-thumb-target: calc((100% - var(--my-gallery-gap)) / 2) !important;
    --my-gallery-carousel-item-basis: calc((100% - var(--my-gallery-gap)) / 2) !important;
  }

  .ceiling-atelier {
    padding: 58px 20px 72px;
  }

  .ceiling-atelier a {
    width: 100%;
    max-width: 320px;
  }

  .marine-hero {
    min-height: 620px;
  }

  .marine-hero::after {
    background:
      linear-gradient(180deg, rgba(41, 26, 26, 0.26), rgba(41, 26, 26, 0.9)),
      linear-gradient(90deg, rgba(41, 26, 26, 0.66), rgba(41, 26, 26, 0.22));
  }

  .marine-hero__image {
    object-position: center center;
  }

  .marine-hero__content {
    width: calc(100% - 32px);
    padding: 124px 0 54px;
    text-align: center;
  }

  .marine-hero h1 {
    font-size: 40px;
  }

  .marine-hero__content > p:not(.marine-kicker) {
    font-size: 17px;
  }

  .marine-intro,
  .marine-chapter {
    padding: 58px 20px;
  }

  .marine-intro h2,
  .marine-chapter__content h2,
  .marine-gallery-heading h3,
  .marine-atelier h2 {
    font-size: 31px;
  }

  .marine-proof {
    grid-template-columns: 1fr;
    margin-top: 28px;
  }

  .marine-proof > div {
    padding: 16px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(69, 44, 44, 0.18);
  }

  .marine-proof > div:last-child {
    border-bottom: 0;
  }

  .marine-chapter__layout,
  .marine-gallery-heading {
    width: 100%;
  }

  .marine-chapter__content p:not(.marine-kicker) {
    font-size: 16px;
    line-height: 1.66;
  }

  .marine-gallery-heading {
    margin-top: 34px;
    margin-bottom: 18px;
  }

  .marine-carousel.my-gallery {
    width: 100%;
    --my-gallery-gap: 12px !important;
    --my-gallery-carousel-item-basis: calc((100% - var(--my-gallery-gap)) / 2) !important;
  }

  .marine-atelier {
    padding: 58px 20px 72px;
  }

  .marine-atelier a {
    width: 100%;
    max-width: 320px;
  }
}