/* Approved responsive layout: principles, team borders and light brief panel. */
.gasyr #gasyr-approach.vision-expanded {
  --bg:#fff; --panel:#f5f5f2; --text:#242423; --muted:#62625e;
  --line:#d4d4ce; --paper:#242423; --hover:#e9dfd1;
  background:#fff; color:var(--text); position:relative;
  margin:0; padding-block:clamp(64px,7vw,110px);
}
.gasyr #gasyr-approach.vision-expanded::before { top:clamp(64px,7vw,110px); }
.gasyr #gasyr-approach.vision-expanded::after { bottom:clamp(64px,7vw,110px); }
.gasyr .vision-expanded .joint { background:#B28D60; }
.gasyr .vision-expanded .image-caption { color:#f4f4f1; }
.gasyr .vision-expanded .vision-media { min-height:0; position:relative; overflow:hidden; }
.gasyr .vision-expanded .vision-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

/* Continue the white pricing background through the whole questionnaire. */
.gasyr #gasyr-brief {
  --bg:#fff; --panel:#f5f5f2; --text:#242423; --muted:#62625e;
  --line:#d4d4ce; --paper:#242423; --hover:#e9dfd1;
  color:var(--text); background:#fff; margin:0; border:0; border-radius:0;
  padding-block:clamp(64px,7vw,110px) clamp(80px,9vw,130px);
  color-scheme:light;
}
.gasyr #gasyr-brief>.shell { padding-inline:var(--gutter); }
.gasyr #gasyr-brief .muted { color:#777770; }
.gasyr #gasyr-brief .option { color:#242423; border-color:#c7c7c0; background:#fff; }
.gasyr #gasyr-brief .option[aria-pressed=true] { background:#eee5d9; border-color:#9b794e; }
.gasyr #gasyr-brief .button { background:#242423; color:#fff; border-color:#242423; }
.gasyr #gasyr-brief .button-outline { background:transparent; color:#242423; border-color:#a4a49a; }
.gasyr #gasyr-brief .field input:not([type=range]) { background:#fff; border-color:#a4a49a; color:#242423; }
.gasyr #gasyr-brief .field input::placeholder { color:#73736c; }
.gasyr #gasyr-brief .error { color:#a32e20; }
.gasyr #gasyr-brief .field input[aria-invalid=true] { border-color:#a32e20; }
.gasyr #gasyr-brief .button:focus-visible { background:#e9dfd1; color:#242423; border-color:#9b794e; }
@media (hover:hover) and (pointer:fine) {
  .gasyr #gasyr-brief .option:hover { background:#f5f2ed; border-color:#9b794e; }
  .gasyr #gasyr-brief .option[aria-pressed=true]:hover { background:#eee5d9; }
  .gasyr #gasyr-brief .button:hover { background:#443a2e; color:#fff; border-color:#443a2e; }
  .gasyr #gasyr-brief .button-outline:hover { background:#e9dfd1; color:#242423; border-color:#9b794e; }
}

/* Staggered three-column composition: spare bottom-left cell. */
.gasyr #gasyr-approach.vision-staggered {
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:auto auto auto;
}
.gasyr .vision-staggered .vision-grid-heading {
  grid-column:1 / 3; grid-row:1; padding:44px 36px 52px;
  border:1px solid var(--line); border-bottom:0;
}
.gasyr .vision-staggered .vision-grid-heading h2 { font-size:clamp(31px,3.3vw,54px); }
.gasyr .vision-staggered .vision-media {
  grid-column:3; grid-row:1 / 3; height:auto; min-height:0;
  border-top:1px solid var(--line);
}
.gasyr .vision-staggered .vision-benefit,
.gasyr .vision-staggered .vision-empty {
  position:relative; padding:36px; min-height:210px;
  border-top:1px solid var(--line); border-left:1px solid var(--line);
}
.gasyr .vision-staggered .vision-benefit h3 { font-size:clamp(22px,2vw,29px); margin-bottom:18px; }
.gasyr .vision-staggered .vision-benefit p { font-size:16px; line-height:1.45; color:var(--muted); max-width:340px; }
.gasyr .vision-staggered .benefit-0 { grid-column:1; grid-row:2; }
.gasyr .vision-staggered .benefit-1 { grid-column:2; grid-row:2; border-right:1px solid var(--line); }
.gasyr .vision-staggered .benefit-2 { grid-column:2; grid-row:3; border-bottom:1px solid var(--line); }
.gasyr .vision-staggered .benefit-3 { grid-column:3; grid-row:3; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.gasyr .vision-staggered .vision-empty { grid-column:1; grid-row:3; border-bottom:1px solid var(--line); }

.gasyr .team-grid-frame { position:relative; }
.gasyr .team-grid-frame .team-grid { margin-block:0; }
.gasyr .team-grid-frame::before,
.gasyr .team-grid-frame::after {
  content:''; position:absolute; left:calc(-1 * var(--gutter));
  right:calc(-1 * var(--gutter)); height:1px; background:var(--line);
  z-index:1; pointer-events:none;
}
/* Match the card borders inside the carousel's 4px joint clearance. */
.gasyr .team-grid-frame::before { top:4px; }
.gasyr .team-grid-frame::after { bottom:4px; }

/* A light inset panel, surrounded by white spacing. */
.gasyr #gasyr-brief { padding-inline:12px; }
.gasyr #gasyr-brief>.shell {
  padding:clamp(36px,5vw,64px) calc(var(--gutter) - 12px);
  background:#f5f5f2; border:1px solid #deded7; border-radius:20px;
}
@media(max-width:1000px) {
  .gasyr .vision-staggered .vision-grid-heading { padding:32px 24px 38px; }
  .gasyr .vision-staggered .vision-benefit,
  .gasyr .vision-staggered .vision-empty { padding:28px 24px; min-height:210px; }
}
@media(max-width:700px) {
  .gasyr #gasyr-approach.vision-staggered { grid-template-columns:1fr; grid-template-rows:auto; }
  .gasyr .vision-staggered .vision-grid-heading { grid-column:1; grid-row:1; padding:32px 22px; }
  .gasyr .vision-staggered .vision-media { grid-column:1; grid-row:2; height:330px; border:1px solid var(--line); }
  .gasyr .vision-staggered .vision-benefit { grid-column:1; min-height:0; padding:28px 22px; border:1px solid var(--line); border-top:0; }
  .gasyr .vision-staggered .benefit-0 { grid-row:3; }
  .gasyr .vision-staggered .benefit-1 { grid-row:4; }
  .gasyr .vision-staggered .benefit-2 { grid-row:5; }
  .gasyr .vision-staggered .benefit-3 { grid-row:6; }
  .gasyr .vision-staggered .vision-empty { display:none; }
  .gasyr #gasyr-brief { padding-inline:8px; }
  .gasyr #gasyr-brief>.shell { padding:32px 18px; border-radius:18px; }
}

/* Original card composition: reserve the icon column beside the heading. */
.gasyr .service { padding:32px; min-height:0; gap:0; }
.gasyr .service-heading-row { display:contents; }
.gasyr .service .service-glyph { position:absolute; right:32px; top:34px; width:44px; height:44px; }
.gasyr .service .service-type { max-width:calc(100% - 64px); margin:0 0 30px!important; }
.gasyr .service h3 { max-width:calc(100% - 64px); min-height:0; margin:0 0 32px; font-size:clamp(24px,2.15vw,34px); overflow-wrap:normal; }
.gasyr .service>p:not(.service-type) { max-width:none; margin:0 0 32px; line-height:1.5; }
.gasyr .service-bottom { margin-top:auto; }
@media(max-width:1050px){.gasyr .service{padding:26px}.gasyr .service .service-glyph{right:26px;top:28px}.gasyr .service h3{font-size:26px}}
@media(max-width:760px){.gasyr .services{grid-template-columns:1fr}.gasyr .service{padding:28px}.gasyr .service .service-glyph{right:28px;top:30px}}
@media(max-width:400px){.gasyr .service{padding:24px}.gasyr .service .service-glyph{right:24px;top:26px;width:38px;height:38px}.gasyr .service h3{font-size:24px;max-width:calc(100% - 54px)}}