/* Layout and readability retained after the user's colour correction (v22).
   Original colours, gradients and header appearance come from k.min.css.
   Scope: new advice/category content, bounds fixes and the real shopfront. */

/* Keep long opening-hours notices inside the original translucent header. */
@media (min-width: 1280px) {
  header.hdr .hdr-tel { flex: 0 1 180px; min-width: 0; }
  header.hdr .hdr-tel-t { min-width: 0; }
  header.hdr .hdr-tel-t .t { max-width: 158px; white-space: normal; line-height: 1.3; }
  header.hdr .hdr-cta { flex-shrink: 0; }
}

/* Homepage: useful words first; the original hero gradient remains. */
.sc-in {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: clamp(32px, 4.5vw, 68px);
  min-height: 660px;
  padding: 52px 0 58px;
}
.sc h1 {
  font-size: clamp(2.25rem, 3.9vw, 3.75rem);
  line-height: 1.04;
  letter-spacing: -.045em;
  max-width: 18ch;
  margin: 0 0 22px;
}
.sc .lead { font-size: 1.0625rem; line-height: 1.65; max-width: 46ch; }
.sc-copy { display: flex; flex-direction: column; min-width: 0; }
.sc-copy > .kicker { order: 0; margin-bottom: 18px; }
.sc-copy > h1 { order: 1; }
.sc-copy > .lead { order: 2; margin: 0; }
.sc-copy > .sc-btns { order: 3; margin-top: 24px; }
.sc-copy > .sc-benefits { order: 4; margin-top: 22px; }
.sc-copy > .sc-call { order: 5; }
.sc-copy > .sc-trust { order: 6; margin-top: 24px; }
.sc-benefits { gap: 6px 18px; font-weight: 600; }
.sc-trust { padding-top: 18px; border-top: 1px solid var(--line); gap: 12px 24px; }
.sc-tagrow { min-height: 0; padding: 0; margin: 0 0 12px; justify-content: flex-start; }
.sc-slide.on .sc-tag { animation: none; }
.sc-tag {
  min-width: 230px;
}
.sc-tag .sc-n { font-size: .9375rem; }
.sc-tag b { font-size: 1.25rem; margin-top: 4px; }
.sc-tag .sc-q { font-size: .875rem; margin-top: 4px; }
.sc-bike { aspect-ratio: 1200 / 760; }
.sc-ctl { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.sc-dots { gap: 16px; }
.sc-dots button { min-height: 44px; font-size: .8125rem; }

/* Readable spacing without replacing the original section backgrounds. */
.h-bikes,
.h-worlds,
.h-rev,
.advice-section { padding-block: clamp(52px, 6vw, 88px); }
.h-bikes .head,
.h-worlds .head,
.advice-section .head,
.h-rev .head { margin-bottom: 36px; }
.h-bikes .head h2,
.h-worlds .head h2,
.advice-section .head h2,
.finder-teaser .head h2,
.h-story .head h2,
.h-rev .head h2 { font-size: clamp(1.875rem, 2.7vw, 2.625rem); line-height: 1.12; letter-spacing: -.035em; }
.h-bikes .head .lead,
.h-worlds .head .lead,
.advice-section .head .lead,
.finder-teaser .head .lead { font-size: 1rem; line-height: 1.65; }

/* Original cards, shadows and section colours remain in the base theme. */
.h-story-s { padding-top: 56px; padding-bottom: 72px; }
.h-rev .g-badge { max-width: 100%; white-space: normal; flex-wrap: wrap; }

/* Three genuine advice steps, deliberately unboxed. */
.advice-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; counter-reset: none; }
.advice-steps li { display: grid; grid-template-columns: 38px minmax(0, 1fr); column-gap: 14px; align-content: start; min-width: 0; }
.advice-steps .n { grid-row: 1 / 3; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line-2); border-radius: 50%; color: var(--navy); font-size: .9375rem; font-weight: 750; }
.advice-steps h3 { margin: 2px 0 10px; font-size: 1.125rem; line-height: 1.35; letter-spacing: -.02em; }
.advice-steps p { grid-column: 2; margin: 0; color: var(--text-2); font-size: .9375rem; line-height: 1.65; }
.advice-section > .wrap > .btns { margin-top: 32px; }
.finder-teaser { padding-block: 60px; }
.finder-teaser .head { margin: 0; align-items: center; }
.finder-teaser .btns { margin-top: 22px; }

/* Balanced category and advice heroes use only existing, truthful assets. */
.category-hero,
.advice-hero { padding-block: 44px 58px; }
.category-hero .crumbs,
.advice-hero .crumbs { margin-bottom: 32px; }
.category-hero-grid,
.advice-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(36px, 5vw, 72px); align-items: center; }
.category-hero-copy,
.advice-hero-copy { min-width: 0; }
.category-hero .category-hero-copy h1,
.advice-hero .advice-hero-copy h1 { font-size: clamp(2rem, 3.15vw, 3rem); line-height: 1.08; letter-spacing: -.04em; max-width: 23ch; margin: 0 0 22px; }
.category-hero .lead,
.advice-hero .lead { font-size: 1.0625rem; line-height: 1.65; max-width: 50ch; }
.category-hero .btns .btn,
.advice-hero .btns .btn,
.category-hero ~ .s .btns .btn,
.advice-hero ~ .cta-s .cta-band .btn { max-width: 100%; white-space: normal; padding-block: 12px; line-height: 1.4; }
.advice-hero ~ .cta-s .cta-band > * { min-width: 0; }
.category-hero-art { margin: 0; background: var(--mist); border-radius: var(--r-lg); padding: 24px; min-width: 0; }
.category-hero-art img { display: block; width: 100%; height: 270px; object-fit: contain; mix-blend-mode: multiply; }
.category-hero-art figcaption { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--text-2); font-size: .875rem; line-height: 1.5; }
.category-hero + .s { padding-block: 48px; }
.category-hero + .s .grid3 { gap: 32px; }
.category-hero + .s .grid3 > div { padding-left: 18px; border-left: 2px solid var(--ice-200); }
.category-hero + .s .grid3 h3 { font-size: 1.125rem; margin-bottom: 12px; }
.category-hero + .s .grid3 p { font-size: .9375rem; line-height: 1.65; }
.advice-hero-panel { background: var(--mist); padding: 32px; border-radius: var(--r-lg); min-width: 0; }
.advice-hero-panel .kicker { margin-bottom: 22px; }
.advice-hero-panel ul { list-style: none; padding: 0; margin: 0; }
.advice-hero-panel li + li { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--line); }
.advice-hero-panel b { display: block; color: var(--navy); font-size: 1.125rem; line-height: 1.4; }
.advice-hero-panel span { display: block; color: var(--text-2); font-size: .9375rem; line-height: 1.6; margin-top: 5px; }
.people-note { align-self: start; padding: 32px; border-left: 3px solid var(--ice-600); border-radius: 0 12px 12px 0; background: var(--mist); }
.people-note .kicker { margin-bottom: 18px; }
main .people-note h2 { font-size: clamp(1.5rem, 2.1vw, 1.875rem); line-height: 1.2; letter-spacing: -.025em; margin: 0 0 18px; max-width: 24ch; }
.people-note p:not(.kicker) { font-size: 1rem; line-height: 1.65; color: var(--text-2); }
.people-note .link { display: inline; font-size: .9375rem; line-height: 1.6; }
.advice-checklist { list-style: none; padding: 0; margin: 24px 0; display: grid; gap: 14px; }
.advice-checklist li { position: relative; padding-left: 26px; font-size: 1rem; line-height: 1.6; color: var(--text-2); }
.advice-checklist li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--navy); font-weight: 750; }

/* Product guidance has a readable rhythm; the buy panel remains untouched. */
section.pdp-fit { padding-block: 48px; margin-top: 0; }
section.pdp-fit .head { margin-bottom: 28px; }
section.pdp-fit .grid3 { gap: 32px; }
section.pdp-fit .grid3 > div { padding-left: 18px; border-left: 2px solid var(--ice-200); }
section.pdp-fit .grid3 p { font-size: .9375rem; line-height: 1.65; }

/* The real 4:3 shopfront stays fully visible. This changes layout only. */
.h-story .shopfront-story {
  display: block;
  width: 100%;
  min-width: 0;
  aspect-ratio: 4 / 3;
  align-self: center;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: var(--mist);
}
.ab-hero .phero-img.shopfront-about {
  width: 100%;
  aspect-ratio: 4 / 3;
}
.h-story .shopfront-story img,
.ab-hero .shopfront-about img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  object-fit: contain;
  object-position: center;
  filter: none;
  mix-blend-mode: normal;
}

@media (max-width: 999px) {
  .sc-in { grid-template-columns: minmax(0, 1fr); min-height: 0; padding: 28px 0 36px; gap: 26px; }
  .sc h1 { font-size: clamp(2.25rem, 6.8vw, 3rem); max-width: 22ch; }
  .sc .lead { max-width: 58ch; }
  .sc-stage { min-width: 0; max-width: 600px; width: 100%; margin-inline: auto; }
  .category-hero-grid,
  .advice-hero-grid { gap: 32px; }
  .category-hero-art img { height: 230px; }
}

@media (max-width: 900px) {
  .advice-steps { grid-template-columns: 1fr; gap: 24px; }
  .advice-steps li { grid-template-columns: 36px minmax(0, 1fr); gap: 0 14px; }
  .advice-steps h3 { margin-bottom: 8px; }
  .category-hero-grid,
  .advice-hero-grid { grid-template-columns: 1fr; }
  .category-hero-copy,
  .advice-hero-copy { max-width: 700px; }
  .category-hero-art { max-width: 700px; }
  .advice-hero-panel { max-width: 700px; }
  .category-hero + .s .grid3,
  section.pdp-fit .grid3 { gap: 24px; }
}

@media (max-width: 560px) {
  .sc-in { padding: 24px 0 30px; gap: 24px; }
  .sc h1 { font-size: 2.25rem; line-height: 1.04; letter-spacing: -.04em; margin-bottom: 18px; }
  .sc-copy > .kicker { font-size: .8125rem; margin-bottom: 14px; }
  .sc .lead { font-size: 1rem; line-height: 1.6; }
  .sc-copy > .sc-btns { margin-top: 20px; gap: 10px; }
  .sc-btns .btn { min-height: 50px; font-size: .9375rem; }
  .sc-copy > .sc-benefits { margin-top: 20px; gap: 6px 18px; }
  .sc-benefits li { flex-basis: auto; }
  .sc-copy > .sc-trust { margin-top: 18px; padding-top: 16px; gap: 12px; }
  .sc-trust li { width: 100%; }
  .sc-trust a { flex-wrap: wrap; }
  .sc-trust small { font-weight: 600; }
  .sc-tag { min-width: 0; padding: 10px 16px 10px 28px; }
  .sc-tag { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; align-items: center; }
  .sc-tag .sc-n { grid-column: 1; }
  .sc-tag b { grid-column: 2; grid-row: 1; margin-top: 0; }
  .sc-tag .sc-q { grid-column: 1 / -1; margin-top: 0; }
  .sc-tagrow { margin-bottom: 8px; }
  .sc-bike { height: 175px; aspect-ratio: auto; }
  .sc-ctl { margin-top: 10px; padding-top: 12px; gap: 12px; }
  .sc-dots { gap: 12px; }
  .sc-dots button { font-size: .8125rem; }
  .sc-dots i { width: 38px; }
  .h-bikes,
  .h-worlds,
  .h-rev,
  .advice-section { padding-block: 48px; }
  .h-bikes { padding-block: 40px; }
  .h-bikes .head,
  .h-worlds .head,
  .advice-section .head,
  .h-rev .head { margin-bottom: 26px; }
  .h-bikes .head h2,
  .h-worlds .head h2,
  .advice-section .head h2,
  .finder-teaser .head h2,
  .h-story .head h2,
  .h-rev .head h2 { font-size: 1.875rem; line-height: 1.15; }
  .h-worlds .world .bg { aspect-ratio: 21 / 9; }
  .h-story-s { padding-block: 28px 36px; }
  .h-story.card.lg { grid-template-columns: minmax(0, 1fr); }
  .h-story.card.lg > * { min-width: 0; }
  .h-story-y { flex-direction: row; align-items: flex-end; gap: 14px; padding: 20px 20px 0; }
  .h-story-yr { gap: 10px; padding-bottom: 18px; }
  .h-story-y span { font-size: 1.65rem; }
  .h-story-y i { min-width: 20px; }
  .h-story-y img { width: 46%; max-height: 95px; margin: 0 -4px -2px 0; }
  .h-story-t { padding: 24px 20px; }
  .h-story-t > .btn { max-width: 100%; white-space: normal; line-height: 1.4; padding-block: 12px; }
  .h-story-t .head { margin-bottom: 22px; }
  .advice-steps { gap: 16px; }
  .advice-steps p { grid-column: 1 / -1; font-size: 1rem; line-height: 1.55; }
  .advice-steps .n { grid-row: 1; }
  .advice-steps h3 { margin-bottom: 8px; }
  .advice-section > .wrap > .btns { margin-top: 24px; }
  .finder-teaser { padding-block: 48px; }
  .category-hero,
  .advice-hero { padding-block: 24px 32px; }
  .category-hero .crumbs,
  .advice-hero .crumbs { margin-bottom: 22px; }
  .category-hero .category-hero-copy h1,
  .advice-hero .advice-hero-copy h1 { font-size: 2rem; max-width: 22ch; margin-bottom: 18px; }
  .category-hero .lead,
  .advice-hero .lead { font-size: 1rem; line-height: 1.6; }
  .category-hero .btns,
  .advice-hero .btns { margin-top: 20px; }
  .category-hero-grid,
  .advice-hero-grid { gap: 28px; }
  .category-hero-art { padding: 16px; }
  .category-hero-art img { height: 170px; }
  .category-hero-art figcaption { margin-top: 12px; padding-top: 12px; }
  .category-hero + .s { padding-block: 36px; }
  .advice-hero-panel { padding: 24px; }
  .advice-hero-panel .kicker { margin-bottom: 18px; }
  .advice-hero-panel li + li { margin-top: 18px; padding-top: 18px; }
  .people-note { padding: 24px 20px; }
  section.pdp-fit { padding-block: 36px; }
  section.pdp-fit .head { margin-bottom: 24px; }
}

@media (max-width: 380px) {
  .sc h1 em { white-space: normal; }
  main .nf h1 em { white-space: normal; }
  .sc-dots { gap: 10px; }
  .sc-dots i { width: 34px; }
  .sc-ctl { gap: 8px; }
  .sc-pz { width: 44px; height: 44px; flex: 0 0 44px; }
}

@media (prefers-reduced-motion: reduce) {
  .sc-slide.on .sc-img,
  .sc-slide.on .sc-sh { animation: none; }
}

/* Direkter Telefonkontakt im Hol- und Bringservice. */
.hb-contact { margin-top: 24px; }
.hb-contact p { margin: 0 0 8px; font-size: .95rem; }
.hb .hb-phone { display: inline-flex; align-items: center; gap: 14px; min-height: 48px; max-width: 100%; padding-block: 4px; color: var(--ice); font-size: clamp(1.7rem, 3.6vw, 3rem); font-weight: 800; line-height: 1.2; letter-spacing: -.035em; text-decoration: none; white-space: nowrap; font-variant-numeric: tabular-nums; }
.hb .hb-phone span { font-size: .65em; }
.hb .hb-phone:hover { text-decoration: underline; text-underline-offset: .16em; }
.hb .hb-phone:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; border-radius: 3px; }
@media (min-width: 1100px) {
  .ab-tl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 901px) and (max-width: 1199px) {
  .partner-wall { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .partner-wall .logo-tile { grid-column: span 3; }
  .partner-wall .logo-tile:nth-child(n + 5) { grid-column: span 4; }
}
@media (min-width: 1200px) {
  .partner-wall { grid-template-columns: repeat(7, minmax(0, 1fr)); }
}
@media (min-width: 901px) and (max-width: 1099px) {
  .ab-tl li:last-child { grid-column: 1 / -1; }
}

/* Supplied partner originals: compensate only their white outside margins. */
.partner-wall .partner-logo-frame {
  position: relative;
  display: block;
  width: min(132px, 100%);
  height: 44px;
  overflow: hidden;
}
.partner-wall .partner-logo-frame img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  max-width: none;
  max-height: none;
  min-height: 0;
  transform: translate(-50%, -50%);
  filter: none;
  opacity: 1;
  mix-blend-mode: normal;
}
.partner-wall .partner-sram img { width: 152%; }
.partner-wall .partner-paul-lange img { width: 138%; }
.partner-wall .partner-rohloff img { width: 170%; }

/* Werkstattabrechnung mit vorhandener Versicherung oder Leasingvertrag. */
.ws-billing .head.stack { max-width: 950px; }
.ws-billing-card { min-width: 0; padding: clamp(24px, 3vw, 36px); border: 1px solid var(--line); border-radius: var(--r); background: var(--white); }
.ws-billing-card h3 { margin: 0 0 14px; font-size: clamp(1.2rem, 2vw, 1.5rem); line-height: 1.35; }
.ws-billing-card p { line-height: 1.65; }
.ws-billing-card .kicker { margin: 0 0 24px; }
.ws-billing .grid2 { align-items: stretch; }
.ws-insurance-logos, .ws-leasing-logos { display: grid; gap: 16px; margin: 0 0 24px; padding: 0; list-style: none; }
.ws-insurance-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ws-leasing-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 18px; }
.ws-insurance-logos li, .ws-leasing-logos li { display: flex; align-items: center; justify-content: flex-start; min-width: 0; height: 76px; overflow: hidden; }
.ws-leasing-logos li { height: 60px; }
.ws-insurance-logos img, .ws-leasing-logos img { display: block; width: 100%; max-width: 190px; max-height: 76px; height: auto; object-fit: contain; }
.ws-leasing-logos img { max-width: 145px; max-height: 44px; }
.ws-insurance-logos .ws-linexo-logo img, .ws-leasing-logos .ws-linexo-logo img { width: 100%; height: auto; max-height: none; flex: none; }
.ws-leasing-logos .ws-linexo-logo img { max-width: 132px; }
.ws-leasing-logos li:nth-child(4) img { width: auto; max-width: 100%; }
.ws-billing-note { margin: 24px 0 0; max-width: 950px; font-size: .95rem; line-height: 1.65; }
@media (max-width: 560px) {
  .ws-leasing-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Ein Modelleinstieg; Beratung und Marken als ergänzende Orientierung. */
.drawer .drawer-subnav { margin: 4px 0 10px; padding-left: 18px; border-left: 2px solid var(--ice); }
.drawer .drawer-subnav a { font-size: 1.15rem; font-weight: 700; letter-spacing: 0; min-height: 44px; display: flex; align-items: center; }
.catalog-paths { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 22px; }
.catalog-paths a { display: inline-flex; align-items: center; min-height: 44px; }
.radliste .flab[for="f-max"] { white-space: normal; line-height: 1.4; letter-spacing: .05em; }
.eb-use-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
.eb-use-grid article { min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: var(--r); background: var(--white); }
.eb-use-grid h3 { font-size: 1.15rem; line-height: 1.4; margin: 0 0 12px; }
.eb-use-grid p { line-height: 1.65; }
.eb-use-grid .link { display: inline-block; line-height: 1.6; }
@media (max-width: 1100px) { .eb-use-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .eb-use-grid { grid-template-columns: 1fr; gap: 14px; } }

/* v27: shorter home journey, real shop photographs, existing colour palette. */
.home-refined main > .s { padding-block: clamp(42px, 5vw, 72px); }
.home-feature { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:clamp(28px,5vw,72px); align-items:center; }
.home-feature-copy { min-width:0; }
.home-feature-copy h2 { margin-bottom:20px; }
.home-feature-copy .lead { margin-bottom:20px; }
.home-photo { margin:0; border-radius:var(--r); overflow:hidden; aspect-ratio:1.12; }
.home-photo img { width:100%; height:100%; object-fit:cover; display:block; }
.home-photo-workbench { aspect-ratio:.94; }
.home-photo-workbench img { object-position:50% 65%; }
.home-facts { padding-left:20px; margin:0 0 24px; line-height:1.65; }
.home-facts li+li { margin-top:10px; }
.home-feature .btns { align-items:center; gap:12px 24px; }
.home-feature .link { display:inline-flex; align-items:center; min-height:44px; line-height:1.5; }
.home-finder-note { margin-top:24px; padding-top:18px; border-top:1px solid var(--line); font-size:.95rem; line-height:1.6; }
.home-prices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:24px 0 8px; }
.home-prices a { display:flex; flex-direction:column; gap:6px; padding:16px; border:1px solid var(--line); border-radius:var(--r); text-decoration:none; }
.home-prices strong { font-size:2rem; line-height:1.2; }
.home-prices a:hover { border-color:var(--ink); }
.home-workshop .note { margin-bottom:22px; }
.home-linexo { display:flex; align-items:center; justify-content:center; overflow:hidden; width:140px; height:60px; }
.h-lease .home-linexo img { width:140px; height:140px; max-height:none; max-width:none; flex:none; filter:none; opacity:1; }
.colour-samples img { object-position:50% 52%; }
.ws-services-layout { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:32px; align-items:stretch; }
.ws-detail-photo { margin:0; border-radius:var(--r); overflow:hidden; min-height:320px; }
.ws-detail-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:60% 50%; }
.ws-services-layout .ws-svc { grid-template-columns:repeat(2,minmax(0,1fr)); }
.form-next { margin:0 0 18px; line-height:1.6; font-size:.95rem; }
.home-photo { position:relative; }
.home-photo::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(0deg,var(--bone),rgba(251,248,242,.08) 36%,transparent 65%); }
.home-workshop .home-feature { background:var(--navy); color:var(--paper); padding:clamp(24px,3vw,42px); border-radius:var(--r); }
.home-workshop .home-photo::after { background:linear-gradient(0deg,var(--navy),rgba(16,26,48,.08) 30%,transparent 65%); }
.home-workshop .lead,.home-workshop .note { color:inherit; }
.home-workshop .kicker,.home-workshop .link { color:var(--ice); }
.home-workshop .home-prices a { color:inherit; border-color:rgba(255,255,255,.25); }
.home-workshop .home-prices a:hover { border-color:var(--ice); }
.home-refined .home-workshop .btn:not(.ghost) { --bg:var(--ice); --fg:var(--navy); background:var(--ice); color:var(--navy); }
.home-refined .home-workshop .btn:not(.ghost):hover { background:#b3f0fc; color:var(--navy); }
@media(max-width:1000px) { .ws-services-layout { grid-template-columns:1fr; } .ws-detail-photo { min-height:0; aspect-ratio:2.4; } }
@media(max-width:800px) {
 .home-feature { grid-template-columns:1fr; gap:26px; }
 .home-photo { aspect-ratio:1.5; }
 .home-photo-workbench { aspect-ratio:1.05; }
 .home-refined .h-rev .quotes { gap:16px; }
 .home-refined .h-rev .quote { padding:24px; }
}
@media(max-width:560px) { .ws-services-layout .ws-svc { grid-template-columns:1fr; } .home-prices { gap:10px; } .home-prices a { padding:14px 10px; } }