.gzm-client-tasks {
  margin-block: clamp(20px, 4vw, 52px);
}

.gzm-client-tasks .gzm-search-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 16px;
}

.gzm-client-tasks .gzm-search-links a {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 12px;
  border: 1px solid var(--gzm-line, #dce4eb);
  border-radius: 10px;
  background: white;
  font-weight: 550;
  text-decoration: none;
}

.gzm-client-tasks .gzm-search-links a::after {
  content: "›" / "";
  font-size: 1.2em;
  line-height: 1;
}

.gzm-client-tasks .gzm-search-links a:hover {
  border-color: var(--gzm-field-line, #aabaca);
  text-decoration: underline;
}

@media (min-width: 768px) and (max-width: 1099px) {
  #cylinders.gzm-service-group .gzm-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1100px) {
  #cylinders.gzm-service-group .gzm-service-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Frosted surfaces use solid, readable fallbacks. */
html body .site-header .header-inner {
  background: linear-gradient(135deg, #fffffff6, #f5faffef);
  border-color: #fff;
  box-shadow: 0 1px 1px #244e6f10, 0 12px 35px #244e6f12;
}

html body .site-header .brand-mark {
  background: center / contain no-repeat url("/media/brand/gzm-brand-relief.svg");
  border-radius: 0;
}

.gzm-privacy-banner, .gzm-privacy-dialog {
  background-color: #fbfdff;
  border: 1px solid #d8e7f2;
  box-shadow: 0 16px 40px #11385828;
}

@supports (backdrop-filter: blur(12px)) {
  html body .site-header .header-inner {
    background: linear-gradient(135deg, #ffffffe0, #f5faffcb);
    backdrop-filter: blur(16px) saturate(125%);
  }
  .gzm-privacy-banner, .gzm-privacy-dialog {
    background-color: #fbfdfff2;
    backdrop-filter: blur(18px) saturate(115%);
  }
}

.premium-hero_hero__vluGh .premium-hero_lower__kgmQf { margin-top: 0; }
.premium-hero_hero__vluGh .gzm-client-tasks {
  position: relative;
  z-index: 2;
  width: calc(100% - clamp(32px, 8vw, 120px));
  max-width: 1320px;
  padding: clamp(16px, 2.1vw, 28px);
  border: 1px solid #ffffff7a;
  border-radius: 22px;
  margin-top: -48px;
  margin-bottom: 22px;
  background: #173b59;
  border-color: #ffffff7a;
  box-shadow: 0 15px 34px #10283e24;
  color: #fff;
}

@supports (backdrop-filter: blur(12px)) {
  .premium-hero_hero__vluGh .gzm-client-tasks {
    background: linear-gradient(110deg, #103350ee, #143b5bd4);
    backdrop-filter: blur(16px) saturate(120%);
  }
}

.gzm-client-tasks h2 { font-size: clamp(1.25rem, 2.2vw, 1.9rem); margin-bottom: 12px; }
.gzm-client-tasks .gzm-search-links a {
  height: 100%;
  background: #ffffff12;
  border-color: #ffffff55;
  color: #fff;
}

.gzm-client-tasks .gzm-search-links a:hover { background: #ffffff27; border-color: #ffffffa8; }
.gzm-client-tasks .gzm-search-links a:focus-visible { outline-color: #fff; }

.premium-hero_scene__X8xSR .premium-hero_copy__w6Zp8 h1 {
  max-width: 740px;
  font-size: clamp(2.35rem, 4.45vw, 4.15rem);
}

.premium-hero_photograph__7QkWA:has(img[src*="/media/editorial/"])::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #061d35ed 0%, #092642c7 30%, #0d2b514f 55%, transparent 80%);
  pointer-events: none;
}

.gzm-hero-caption {
  position: absolute;
  right: clamp(12px, 4vw, 50px);
  bottom: 62px;
  z-index: 1;
  background: #0a243dde;
  color: #fff;
  border: 1px solid #ffffff45;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 11px;
}

.home_cylinderType__ohx1P:has(.gzm-cylinder-thumb) { grid-template-columns: 24px 48px minmax(0, 1fr) 24px; }
.gzm-cylinder-thumb { width: 48px; height: 78px; object-fit: contain; }

@media (max-width: 900px) {
  .premium-hero_scene__X8xSR .premium-hero_copy__w6Zp8 h1 {
    font-size: clamp(1.95rem, 7.8vw, 3.5rem);
  }
}

@media (max-width: 767px) {
  .premium-hero_scene__X8xSR:has(img[src*="/media/editorial/"]) {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .premium-hero_scene__X8xSR:has(img[src*="/media/editorial/"]) .premium-hero_copy__w6Zp8 {
    order: 1;
    width: 100%;
    padding-block: 30px 23px;
  }
  .premium-hero_photograph__7QkWA:has(img[src*="/media/editorial/"]) {
    position: relative;
    inset: auto;
    z-index: 0;
    order: 2;
    aspect-ratio: 1.68;
  }
  .premium-hero_photograph__7QkWA:has(img[src*="/media/editorial/"]) .premium-hero_media__J41XD {
    inset: 0;
    height: 100%;
  }
  .premium-hero_photograph__7QkWA:has(img[src*="/media/editorial/"]) img {
    object-position: right center !important;
  }
  .premium-hero_photograph__7QkWA:has(img[src*="/media/editorial/"])::after { display: none; }
  .gzm-hero-caption { bottom: 10px; }
  .premium-hero_hero__vluGh .gzm-client-tasks { width: calc(100% - 24px); margin-top: 12px; }
  .gzm-client-tasks .gzm-search-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .gzm-client-tasks .gzm-search-links a { height: 100%; padding-inline: 9px; font-size: .8125rem; }
}

@media (max-width: 980px) {
  .gzm-client-tasks .gzm-search-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.gzm-editorial-contact-copy .actions .button {
  max-width: 100%;
  white-space: normal;
  text-wrap: balance;
}

.gzm-editorial-figure--interior {
  width: 100%;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--gzm-line, #dce4eb);
  border-radius: 18px;
  background: #f4f9ff;
}

.gzm-editorial-figure--interior img {
  display: block;
  width: 100%;
  height: auto;
}

.gzm-editorial-figure--interior figcaption {
  padding: 10px 15px;
  border-top: 1px solid var(--gzm-line, #dce4eb);
  background: white;
  color: var(--gzm-muted, #54677b);
  font-size: .8125rem;
  line-height: 1.45;
}

.gzm-editorial-contact-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  align-items: center;
  gap: clamp(18px, 4vw, 56px);
}

.cyl-hero:has(> .gzm-editorial-figure--interior) {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  align-items: start;
  column-gap: clamp(20px, 4vw, 54px);
  row-gap: 16px;
}

.cyl-hero > .gzm-editorial-figure--interior {
  grid-area: 1 / 2 / 3 / 3;
  align-self: center;
}

.cyl-hero:has(> .gzm-editorial-figure--interior) > .cyl-emergency-jump {
  grid-column: 1;
  justify-self: start;
}

@media (max-width: 760px) {
  .gzm-editorial-contact-hero,
  .cyl-hero:has(> .gzm-editorial-figure--interior) {
    grid-template-columns: minmax(0, 1fr);
  }

  .cyl-hero > .gzm-editorial-figure--interior {
    grid-area: auto;
  }
}