.brand{gap:16px}.brand img{width:132px;height:auto;flex:none}.brand__text{gap:2px}.brand__title{font-size:14px}.brand__sub{font-size:10px}
.hero,.page-hero{padding:34px 0 34px}
.hero-baertsch{padding:28px 0 34px}
.hero-baertsch__frame{position:relative;min-height:720px;border-radius:34px;overflow:hidden;background:#0f2232;box-shadow:var(--shadow)}
.hero-baertsch__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-baertsch__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,22,34,.82) 0%, rgba(9,22,34,.74) 34%, rgba(9,22,34,.35) 64%, rgba(9,22,34,.18) 100%)}
.hero-baertsch__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;min-height:720px;padding:58px}
.hero-baertsch__top{max-width:670px}
.hero-baertsch__eyebrow{display:inline-flex;align-items:center;gap:12px;color:#d6e7f6;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.hero-baertsch__eyebrow::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--blue)}
.hero-baertsch h1{margin:18px 0 18px;color:#fff;font-size:clamp(52px,7vw,92px);line-height:.94;letter-spacing:-.06em;max-width:9ch}
.hero-baertsch h1 em{font-style:normal;color:#89c4ff}
.hero-baertsch p{margin:0 0 28px;color:#d7e3ef;font-size:18px;line-height:1.8;max-width:600px}
.hero-baertsch__actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-baertsch__bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:end}
.hero-baertsch__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hero-baertsch__fact,.hero-baertsch__card{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:20px;padding:18px 20px;box-shadow:0 18px 38px rgba(0,0,0,.12)}
.hero-baertsch__fact strong{display:block;font-size:28px;line-height:1;letter-spacing:-.05em;color:var(--navy)}
.hero-baertsch__fact span{display:block;margin-top:6px;font-size:13px;line-height:1.45;color:#53687c}
.hero-baertsch__card{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center}
.hero-baertsch__card img{width:96px;height:96px;object-fit:cover;border-radius:16px}
.hero-baertsch__card span{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.hero-baertsch__card strong{display:block;font-size:24px;line-height:1.08;letter-spacing:-.04em;color:var(--navy)}
.hero-baertsch__card p{margin:8px 0 0;color:#5b6c7d;font-size:14px;line-height:1.6}
.section h2{font-size:clamp(36px,5vw,62px)}
.service-card__index,.project-card__count,.page-hero__index{display:none !important}
@media (max-width:1120px){
 .hero-baertsch__frame,.hero-baertsch__content{min-height:680px}
 .hero-baertsch__bottom{grid-template-columns:1fr}
}
@media (max-width:860px){
 .brand img{width:110px}.brand__title{font-size:13px}.brand__sub{font-size:9px}
 .hero-baertsch__frame,.hero-baertsch__content{min-height:680px}
 .hero-baertsch__content{padding:28px}
 .hero-baertsch h1{font-size:clamp(44px,15vw,62px)}
 .hero-baertsch p{font-size:16px}
 .hero-baertsch__facts{grid-template-columns:1fr}
 .hero-baertsch__card{grid-template-columns:74px 1fr}
 .hero-baertsch__card img{width:74px;height:74px}
}

.brand{gap:16px}.brand img{width:132px;height:auto;flex:none}.brand__text{gap:2px}.brand__title{font-size:14px}.brand__sub{font-size:10px}
@media (max-width:860px){.brand img{width:110px}.brand__title{font-size:13px}.brand__sub{font-size:9px}}


.hero-home{position:relative;overflow:hidden;background:#0f2232;padding:0}
.hero-home__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-home__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,22,34,.84) 0%, rgba(9,22,34,.76) 28%, rgba(9,22,34,.42) 58%, rgba(9,22,34,.24) 100%)}
.hero-home__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;min-height:760px;padding:60px 0 28px}
.hero-home__top{max-width:740px}
.hero-home__eyebrow{display:inline-flex;align-items:center;gap:12px;color:#d6e7f6;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.hero-home__eyebrow::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--brick)}
.hero-home h1{margin:18px 0 18px;color:#fff;font-size:clamp(48px,5.6vw,78px);line-height:.96;letter-spacing:-.06em;max-width:none}
.hero-home h1 em{font-style:normal;color:#89c4ff}
.hero-home__nowrap{white-space:nowrap}
.hero-home p{margin:0 0 28px;color:#d7e3ef;font-size:18px;line-height:1.8;max-width:640px}
.hero-home__actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-home__bottom{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:end}
.hero-home__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hero-home__fact,.hero-home__card{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:20px;padding:18px 20px;box-shadow:0 18px 38px rgba(0,0,0,.12)}
.hero-home__fact strong{display:block;font-size:28px;line-height:1;letter-spacing:-.05em;color:var(--navy)}
.hero-home__fact span{display:block;margin-top:6px;font-size:13px;line-height:1.45;color:#53687c}
.hero-home__card{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center}
.hero-home__card img{width:96px;height:96px;object-fit:cover;border-radius:16px}
.hero-home__card span{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.hero-home__card strong{display:block;font-size:24px;line-height:1.08;letter-spacing:-.04em;color:var(--navy)}
.hero-home__card p{margin:8px 0 0;color:#5b6c7d;font-size:14px;line-height:1.6}
@media (max-width:1120px){
 .hero-home__content{min-height:720px}
 .hero-home__bottom{grid-template-columns:1fr}
}
@media (max-width:860px){
 .hero-home__content{min-height:640px;padding:28px 0 22px}
 .hero-home h1{font-size:clamp(42px,14vw,60px);max-width:9ch}
 .hero-home p{font-size:16px}
 .hero-home__facts{grid-template-columns:1fr}
 .hero-home__card{grid-template-columns:74px 1fr}
 .hero-home__card img{width:74px;height:74px}
 .hero-home__nowrap{white-space:normal}
}
:root{
  --bg:#f4f6f8;
  --surface:#ffffff;
  --surface-2:#edf2f7;
  --ink:#0d1b2a;
  --muted:#5a6a79;
  --line:#d5dee7;
  --navy:#0b2741;
  --navy-2:#133454;
  --blue:#1874d1;
  --blue-soft:#d7ebff;
  --brick:#ce6d52;
  --shadow:0 20px 60px rgba(7,26,44,.08);
  --radius:22px;
  --radius-sm:14px;
  --wrap:min(1240px, calc(100% - 48px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.skip{position:absolute;left:-999px;top:0}
.skip:focus{left:12px;top:12px;background:#fff;padding:10px 12px;border-radius:10px;z-index:100}
.wrap{width:var(--wrap);margin:0 auto}
.utility{background:var(--navy);color:#dbe8f4;font-size:13px}
.utility__inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:8px 0}
.utility__left,.utility__right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.utility__dot{width:8px;height:8px;border-radius:50%;background:var(--blue);display:inline-block;margin-right:10px}
.utility a{color:#fff;font-weight:600}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(14,35,56,.08)}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:92px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand img{width:72px;height:auto;flex:none}
.brand__text{display:flex;flex-direction:column;gap:4px}
.brand__title{font-size:15px;letter-spacing:-.03em;font-weight:800}
.brand__title strong{color:var(--blue)}
.brand__sub{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}
.nav{display:flex;align-items:center;gap:28px}
.nav a{font-size:15px;font-weight:700;color:#23384c;position:relative}
.nav a.active::after,.nav a:hover::after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:3px;background:var(--blue);border-radius:99px}
.header__actions{display:flex;align-items:center;gap:12px}
.menu-toggle{display:none;border:0;background:none;width:44px;height:44px;padding:0}
.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px auto;border-radius:99px}
.mobile-nav{display:none;padding:0 24px 24px;border-top:1px solid rgba(14,35,56,.08);background:#fff}
.mobile-nav a{display:block;padding:14px 0;font-weight:700;border-bottom:1px solid var(--line)}
.mobile-nav .button{margin-top:12px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border-radius:14px;font-weight:800;font-size:15px;border:1px solid transparent;transition:transform .18s ease, box-shadow .18s ease, background .18s ease}
.button:hover{transform:translateY(-1px)}
.button--primary{background:var(--blue);color:#fff;box-shadow:0 12px 30px rgba(24,116,209,.22)}
.button--primary:hover{box-shadow:0 16px 34px rgba(24,116,209,.28)}
.button--ghost{background:transparent;border-color:#a8bfd7;color:var(--navy)}
.button--light{background:#fff;color:var(--navy)}
.button--dark{background:var(--navy);color:#fff}
.hero{padding:34px 0 30px}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch}
.hero__panel{background:linear-gradient(135deg,#0c2a45 0%,#11395d 55%,#0d3150 100%);color:#fff;border-radius:30px;position:relative;overflow:hidden;min-height:680px;padding:56px 54px 48px}
.hero__panel:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 38%),repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.04) 80px);opacity:.65;pointer-events:none}
.hero__eyebrow{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;color:#b8d7f4;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.hero__eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--blue);display:block}
.hero h1{position:relative;z-index:1;margin:20px 0 22px;font-size:clamp(62px,8vw,102px);line-height:.94;letter-spacing:-.06em;max-width:8ch}
.hero h1 em{font-style:normal;color:#7fbcff}
.hero p{position:relative;z-index:1;max-width:560px;font-size:18px;line-height:1.8;color:#d5e5f3;margin:0 0 28px}
.hero__actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px}
.hero__facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:auto}
.hero__fact{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px 18px 16px}
.hero__fact strong{display:block;font-size:28px;letter-spacing:-.05em}
.hero__fact span{display:block;margin-top:4px;color:#c6d9ea;font-size:13px;line-height:1.4}
.hero__visual{position:relative;border-radius:30px;overflow:hidden;min-height:680px;background:#d9e4ee;display:grid;grid-template-rows:1fr auto;box-shadow:var(--shadow)}
.hero__photo{position:relative;min-height:0}
.hero__photo img{width:100%;height:100%;object-fit:cover;object-position:70% center}
.hero__photo::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,39,65,.14),rgba(11,39,65,.04) 35%,rgba(11,39,65,.34));}
.hero__card{position:absolute;left:28px;bottom:28px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);padding:18px 20px;border-radius:18px;max-width:310px;box-shadow:0 18px 40px rgba(13,27,42,.12)}
.hero__card span{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
.hero__card strong{font-size:25px;line-height:1.15;letter-spacing:-.04em}
.hero__card p{margin:10px 0 0;font-size:14px;color:var(--muted);line-height:1.6}
.hero__side{background:var(--surface);padding:24px;border-top:1px solid rgba(13,27,42,.08)}
.hero__sidegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hero__sideitem{background:var(--surface-2);border-radius:18px;padding:18px}
.hero__sideitem span{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.hero__sideitem p{margin:10px 0 0;font-size:14px;color:#304253;line-height:1.6}
.trustbar{padding:0 0 24px}
.trustbar__inner{background:#fff;border:1px solid rgba(13,27,42,.08);border-radius:22px;display:grid;grid-template-columns:1.2fr repeat(4,1fr);overflow:hidden;box-shadow:var(--shadow)}
.trustbar__intro,.trustbar__item{padding:22px 24px;border-left:1px solid rgba(13,27,42,.08)}
.trustbar__intro{border-left:0;background:var(--navy);color:#fff}
.trustbar__intro strong{display:block;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#85bfff;margin-bottom:7px}
.trustbar__intro p,.trustbar__item p{margin:0;font-size:14px;line-height:1.6}
.trustbar__item strong{display:block;font-size:22px;letter-spacing:-.04em;margin-bottom:4px;color:var(--navy)}
.section{padding:110px 0}
.section--compact{padding:84px 0}
.section--light{background:#fff}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:38px}
.kicker{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.kicker::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--blue)}
.section h2{margin:16px 0 0;font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.05em;max-width:10ch}
.section h2 em{font-style:normal;color:var(--blue)}
.section-head p,.lead{max-width:520px;margin:0;color:var(--muted);font-size:17px;line-height:1.8}
.grid-2{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}
.copy-stack p{color:var(--muted);font-size:17px;line-height:1.85;margin:0 0 16px}
.feature-list{display:grid;gap:18px}
.feature{background:#fff;border:1px solid rgba(13,27,42,.08);border-radius:20px;padding:24px 24px 22px;box-shadow:var(--shadow)}
.feature strong{display:block;font-size:16px;letter-spacing:.02em;color:var(--navy);margin-bottom:8px}
.feature p{margin:0;color:var(--muted);font-size:15px}
.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.service-card{background:#fff;border:1px solid rgba(13,27,42,.08);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow)}
.service-card__index{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.service-card h3{margin:0;font-size:30px;line-height:1.02;letter-spacing:-.04em;color:var(--navy)}
.service-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}
.service-card ul{margin:2px 0 0;padding-left:18px;color:#385065}
.service-card li{margin:6px 0}
.media-panel{position:relative;background:var(--navy);border-radius:28px;overflow:hidden;min-height:480px;box-shadow:var(--shadow)}
.media-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.media-panel::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,39,65,.08),rgba(11,39,65,.54))}
.media-panel__label{position:absolute;left:26px;bottom:24px;right:26px;z-index:1;color:#fff}
.media-panel__label span{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9fd0ff;margin-bottom:10px}
.media-panel__label strong{font-size:34px;line-height:1.05;letter-spacing:-.05em;max-width:12ch;display:block}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.project-grid--five{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-card{background:#fff;border:1px solid rgba(13,27,42,.08);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.project-card__media{position:relative;aspect-ratio:1.08/1;background:linear-gradient(135deg,#cfdceb,#eef4fa);overflow:hidden}
.project-card__media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}
.project-card:hover .project-card__media img{transform:scale(1.04)}
.project-card__media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,39,65,.03),rgba(11,39,65,.2))}
.project-card__count{position:absolute;left:18px;top:18px;z-index:1;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.88);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.project-card__body{padding:22px}
.project-card__body span{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:9px}
.project-card__body h3{margin:0 0 10px;font-size:24px;line-height:1.06;letter-spacing:-.04em;color:var(--navy)}
.project-card__body p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}
.note{margin-top:18px;color:var(--muted);font-size:13px}
.statement{background:linear-gradient(135deg,#0b2741 0%,#123556 100%);color:#fff;border-radius:30px;padding:54px;display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center;box-shadow:var(--shadow)}
.statement h2{max-width:none;color:#fff}
.statement p{color:#c9d9e8;font-size:17px;line-height:1.85}
.statement .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.chip{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:700;color:#e7f1fb}
.statement__photo{position:relative;border-radius:24px;overflow:hidden;min-height:360px}
.statement__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.statement__photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,39,65,.08),rgba(11,39,65,.45))}
.refs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ref-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid rgba(13,27,42,.08);border-radius:16px;padding:16px 18px;font-size:14px;font-weight:700;color:#2d4154;box-shadow:var(--shadow)}
.ref-chip i{font-style:normal;color:var(--blue)}
.cta{padding:0 0 110px}
.cta__panel{background:#fff;border:1px solid rgba(13,27,42,.08);border-radius:30px;padding:38px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;box-shadow:var(--shadow)}
.cta h2{margin:0;font-size:clamp(34px,4vw,52px);max-width:none}
.cta p{margin:10px 0 0;color:var(--muted);font-size:16px;line-height:1.8;max-width:720px}
.footer{background:var(--navy);color:#d0deea;padding:72px 0 30px;margin-top:0}
.footer__grid{display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:28px}
.footer__brand h3{margin:0 0 12px;font-size:28px;line-height:1.02;letter-spacing:-.04em;color:#fff}
.footer__brand h3 span{color:#7fbcff}
.footer p,.footer a{color:#c3d2e0;font-size:15px;line-height:1.75}
.footer h4{margin:0 0 14px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#8abdf0}
.footer__bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:24px;font-size:13px;color:#9eb2c5}
.footer__links{display:flex;gap:18px;flex-wrap:wrap}
.page-hero{padding:46px 0 34px}
.page-hero__panel{background:linear-gradient(135deg,#0b2741,#123556);color:#fff;border-radius:28px;padding:42px 44px;box-shadow:var(--shadow)}
.page-hero__eyebrow{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#a8c9e8;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.page-hero h1{margin:18px 0 16px;font-size:clamp(44px,5vw,74px);line-height:.97;letter-spacing:-.05em;max-width:11ch}
.page-hero h1 em{font-style:normal;color:#7fbcff}
.page-hero p{max-width:700px;color:#d2e1ef;font-size:17px;line-height:1.8;margin:0}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.detail-card{background:#fff;border:1px solid rgba(13,27,42,.08);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.detail-card__media{position:relative;aspect-ratio:1.3/1;background:#dce7f1}
.detail-card__media img{width:100%;height:100%;object-fit:cover;object-position:center}
.detail-card__body{padding:26px}
.detail-card__body span{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.detail-card__body h3{margin:0 0 10px;font-size:28px;line-height:1.04;letter-spacing:-.04em;color:var(--navy)}
.detail-card__body p{margin:0 0 12px;color:var(--muted);font-size:15px;line-height:1.8}
.bullet-list{margin:0;padding-left:18px;color:#365067}
.bullet-list li{margin:6px 0}
.references-list{columns:2;column-gap:20px}
.references-list li{break-inside:avoid;list-style:none;background:#fff;border:1px solid rgba(13,27,42,.08);border-radius:16px;padding:14px 16px;margin:0 0 12px;box-shadow:var(--shadow);font-weight:700;color:#2d4154}
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px}
.contact-card,.contact-form{background:#fff;border:1px solid rgba(13,27,42,.08);border-radius:24px;padding:28px;box-shadow:var(--shadow)}
.contact-card h3,.contact-form h3{margin:0 0 18px;font-size:30px;line-height:1.02;letter-spacing:-.04em;color:var(--navy)}
.contact-meta{display:grid;gap:16px}
.contact-meta div{padding-bottom:16px;border-bottom:1px solid var(--line)}
.contact-meta div:last-child{padding-bottom:0;border-bottom:0}
.contact-meta strong{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.contact-meta p,.contact-meta a{margin:0;color:#2d4154;font-size:15px;line-height:1.8;font-weight:600}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:8px}
.field--full{grid-column:1/-1}
label{font-size:13px;font-weight:800;letter-spacing:.06em;color:#274056;text-transform:uppercase}
input,textarea{width:100%;border:1px solid #c8d6e4;background:#f9fbfd;border-radius:14px;padding:15px 16px;color:var(--ink)}
textarea{min-height:160px;resize:vertical}
.form-note{margin-top:14px;color:var(--muted);font-size:13px}
.notice-box{background:var(--blue-soft);border:1px solid #bddcfb;color:#21496d;border-radius:18px;padding:18px;font-size:14px;line-height:1.7}
.map-box{margin-top:20px;background:var(--surface-2);border-radius:18px;padding:18px;color:#304253;font-size:15px;line-height:1.75}
@media (max-width: 1120px){
  .hero__grid,.grid-2,.statement,.contact-grid,.detail-grid{grid-template-columns:1fr}
  .hero__panel,.hero__visual{min-height:auto}
  .trustbar__inner{grid-template-columns:1fr 1fr 1fr}
  .trustbar__intro{grid-column:1/-1}
  .services,.project-grid,.refs-grid,.footer__grid{grid-template-columns:1fr 1fr}
  .cta__panel{grid-template-columns:1fr}
}
@media (max-width: 860px){
  .utility__inner{justify-content:flex-start}
  .nav,.header__actions .header-cta{display:none}
  .menu-toggle{display:block}
  .mobile-nav.open{display:block}
  .hero{padding-top:20px}
  .hero__panel{padding:36px 28px 28px}
  .hero h1{font-size:clamp(48px,18vw,76px)}
  .hero__facts,.hero__sidegrid,.services,.project-grid,.refs-grid,.footer__grid,.form-grid{grid-template-columns:1fr}
  .hero__visual{min-height:560px}
  .hero__card{left:18px;right:18px;bottom:18px;max-width:none}
  .trustbar__inner{grid-template-columns:1fr}
  .section{padding:78px 0}
  .section-head{flex-direction:column;align-items:flex-start}
  .detail-card__body h3,.service-card h3,.contact-card h3,.contact-form h3{font-size:24px}
  .references-list{columns:1}
  .page-hero__panel,.cta__panel,.statement{padding:28px}
}


/* Dino's Bau V7: gezielter Header-, Responsive- und Markenfarben-Feinschliff.
   Layout, Bildauswahl und Seitenstruktur basieren unverändert auf V6. */
:root { --brick-orange: #c96743; }

/* Das Original-Logo ist bereits ein vollständiger Schriftzug. */
.brand { gap: 0; flex-shrink: 0; }
.brand img { width: 165px; height: auto; max-width: 100%; }

/* Zurückhaltender Ziegel-Akzent; Haupt-CTAs und grosse Flächen bleiben blau. */
.utility__dot,
.kicker::before,
.hero-baertsch__eyebrow::before { background: var(--brick-orange); }
.page-hero__eyebrow::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--brick-orange);
}
.page-hero__eyebrow { justify-content: flex-start; }

/* Keine erzwungenen Wortumbrüche oder Breitenüberschreitungen in Rasterkarten. */
.service-card, .project-card, .detail-card, .feature, .ref-chip,
.contact-card, .contact-form, .cta__panel, .hero-baertsch__card,
.hero-baertsch__fact { min-width: 0; }

@media (max-width: 1120px) {
  .section-head > *, .grid-2 > *, .statement > *, .contact-grid > * { min-width: 0; }
  .section h2 { max-width: 100%; }
  .page-hero h1 { max-width: 100%; }
}

@media (max-width: 860px) {
  :root { --wrap: min(1240px, calc(100% - 40px)); }
  .header__inner { min-height: 78px; }
  .brand img { width: 144px; }
  .utility__right > span { display: none; } /* mobile: nicht zwei Zeilen für Adresse und Telefon */
  .utility__inner { min-height: 36px; gap: 10px; justify-content: space-between; }
  .utility__left, .utility__right { gap: 8px; }
  .utility { font-size: 11px; }

  .hero-baertsch { padding-top: 18px; }
  .hero-baertsch__frame { min-height: 0; border-radius: 26px; }
  .hero-baertsch__content {
    min-height: 0;
    padding: 30px 26px;
    gap: 36px;
    justify-content: flex-start;
  }
  .hero-baertsch__top { max-width: 100%; min-width: 0; }
  .hero-baertsch h1 {
    max-width: 100%;
    font-size: clamp(34px, 9.1vw, 54px);
    line-height: 1.03;
    letter-spacing: -.045em;
    overflow-wrap: break-word;
  }
  .hero-baertsch p { font-size: 15px; line-height: 1.72; }
  .hero-baertsch__actions { gap: 12px; margin-top: 24px; }
  .hero-baertsch__actions .button { max-width: 100%; min-height: 48px; }
  .hero-baertsch__bottom { display: grid; gap: 16px; margin-top: 0; }
  .hero-baertsch__facts { display: grid; grid-template-columns: 1fr; gap: 12px; }
  .hero-baertsch__fact { padding: 17px 18px; }
  .hero-baertsch__fact strong { font-size: 25px; }
  .hero-baertsch__card { padding: 16px; grid-template-columns: 74px minmax(0,1fr); }
  .hero-baertsch__card strong { font-size: 20px; }

  .section h2, .statement h2 {
    font-size: clamp(32px, 8vw, 44px);
    max-width: 100%;
    line-height: 1.08;
    letter-spacing: -.043em;
    overflow-wrap: break-word;
  }
  .page-hero h1 {
    font-size: clamp(35px, 8.1vw, 49px);
    max-width: 100%;
    line-height: 1.05;
    letter-spacing: -.045em;
    overflow-wrap: break-word;
  }
  .cta h2 { font-size: clamp(29px, 7vw, 40px); overflow-wrap: break-word; }
  .service-card h3, .detail-card__body h3, .project-card__body h3,
  .contact-card h3, .contact-form h3 {
    overflow-wrap: break-word;
    line-height: 1.16;
  }
  .service-card, .detail-card__body, .contact-card, .contact-form { padding: 24px; }
  .section-head, .grid-2 { gap: 24px; }
  .refs-grid, .services, .project-grid { gap: 16px; }
}

@media (max-width: 520px) {
  .hero-baertsch__content { padding: 26px 22px; gap: 34px; }
  .hero-baertsch h1 { font-size: clamp(33px, 8.8vw, 42px); letter-spacing: -.048em; }
  .hero-baertsch__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
  .hero-baertsch__actions .button { width: 100%; justify-content: center; }
  .hero-baertsch__card { grid-template-columns: 64px minmax(0,1fr); gap: 12px; }
  .hero-baertsch__card img { width: 64px; height: 64px; }
  .hero-baertsch__card strong { font-size: 18px; }
  .hero-baertsch__card p { font-size: 13px; }
  .page-hero__panel { padding: 27px 24px; }
  .section h2 { font-size: clamp(31px, 7.6vw, 38px); }
  .section { padding: 70px 0; }
  .section--compact { padding: 64px 0; }
}

/* Additional spacing at the tablet / compact desktop breakpoint. */
.ref-chip i { color: var(--brick-orange); }
@media (min-width: 861px) and (max-width: 1120px) {
  .hero-baertsch__bottom { margin-top: 28px; }
}


/* V8: Einheitlicher vertikaler Rhythmus und ausbalancierte Inhalte. */
@media (min-width: 861px) {
  .section { padding-block: clamp(76px, 6.2vw, 94px); }
  .section--compact { padding-block: clamp(66px, 5.3vw, 80px); }
  .section-head { align-items: center; margin-bottom: 34px; }
  .grid-2 { align-items: center; gap: clamp(32px, 4vw, 58px); }
  .grid-2 > *, .statement > *, .section-head > * { min-width: 0; }
  .copy-stack { align-self: center; }
  .feature-list { align-self: center; }
  .section:has(.statement) { padding-block: 44px; }
  .statement { padding: clamp(40px, 4vw, 54px); align-items: center; }
  .statement > :first-child { align-self: center; }
  .section:has(.statement) + .section--compact { padding-top: 56px; }
  .cta { padding: 18px 0 82px; }
  .cta__panel { min-height: 218px; padding: 42px clamp(38px,4vw,52px); align-items: center; }
  .cta__panel > * { align-self: center; }
}
/* Subtil zusammenhängende Sektionen statt übermässiger Schatten und Leerräume. */
.feature-list { gap: 14px; }
.feature { box-shadow: 0 10px 28px rgba(7,26,44,.045); }
.project-grid { gap: 20px; }
.project-card { box-shadow: 0 12px 35px rgba(7,26,44,.065); }
.trustbar { padding-bottom: 10px; }
.statement { align-items: center; }
.statement > :first-child { min-width: 0; align-self: center; }
.statement__photo { min-width: 0; }
.cta__panel { align-items: center; }
.cta__panel > * { align-self: center; }
.cta__panel > .button { justify-self: end; }
.cta h2 { line-height: 1.08; }
.cta p { margin-top: 12px; }

/* Projekt-Kategorien: bewusst dieselbe Form wie in V7, aber echte Schaltflächen. */
.chips .chip {
  appearance: none;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.chips .chip:hover { border-color: rgba(255,255,255,.66); background: rgba(255,255,255,.16); }
.chips .chip[aria-pressed="true"] { background: #fff; color: var(--navy); border-color: #fff; box-shadow: inset 0 -3px 0 var(--brick-orange); }
.chips .chip:focus-visible { outline: 3px solid #e5a17d; outline-offset: 4px; }
.statement__photo img { transition: opacity .18s ease; }
.statement__photo img.is-switching { opacity: .55; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media (max-width: 860px) {
  .section { padding-block: 64px; }
  .section--compact { padding-block: 58px; }
  .section-head { margin-bottom: 30px; }
  .section:has(.statement) { padding-block: 34px; }
  .statement { padding: 28px; gap: 26px; }
  .statement__photo { min-height: 290px; }
  .section:has(.statement) + .section--compact { padding-top: 48px; }
  .cta { padding: 18px 0 60px; }
  .cta__panel { gap: 24px; }
  .cta__panel > .button { justify-self: start; }
}
@media (max-width: 520px) {
  .section { padding-block: 58px; }
  .section--compact { padding-block: 54px; }
  .section:has(.statement) { padding-block: 26px; }
  .statement { padding: 25px 22px; }
  .statement__photo { min-height: 240px; }
  .chips { display:flex; flex-wrap:wrap; gap: 9px; }
  .chips .chip { padding: 10px 13px; }
  .cta { padding: 16px 0 52px; }
  .cta__panel { padding: 27px 24px; }
  .cta__panel > .button { justify-self: stretch; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .chips .chip, .statement__photo img { transition: none; }
}


/* V9 – subpage masthead visually integrated into content flow.
   Scopes here are intentionally limited to .page-hero and its adjacent sections.
   The homepage (index.html) has no .page-hero and remains visually unchanged. */
.page-hero {
  padding: 0;
  background: linear-gradient(115deg, #0b2741 0%, #123556 100%);
  color: #fff;
}
.page-hero__panel {
  width: var(--wrap);
  max-width: none;
  margin-inline: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding: clamp(58px, 5.2vw, 82px) 0 clamp(60px, 5.6vw, 86px);
}
.page-hero__panel h1 { margin-bottom: 0; }
.page-hero + .section { padding-top: clamp(46px, 4.2vw, 68px); }
.page-hero + .cta { padding-top: clamp(46px, 4.2vw, 68px); }

/* V9 – reference list: editorial layout, not wide tiles. */
.references-section .references-content {
  width: min(1060px, calc(100% - 48px));
  margin-inline: auto;
}
.references-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .92fr);
  align-items: center;
  gap: clamp(28px, 4vw, 62px);
  margin-bottom: clamp(32px, 4vw, 52px);
}
.references-intro h2 { max-width: 100%; }
.references-intro__copy { min-width: 0; }
.references-intro__copy p { margin: 0; }
.references-intro__copy p + p { margin-top: 18px; }
.references-intro__copy .lead { font-size: 16px; line-height: 1.8; }
.references-intro__note { font-size: 15px; line-height: 1.8; color: var(--muted); }
.references-section .references-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(28px, 4vw, 70px);
  columns: auto;
  gap: 0 clamp(28px, 4vw, 70px);
  padding: 0;
  margin: 0;
}
.references-section .references-list li {
  list-style: none;
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 16px 0 17px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #2d4154;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 650;
  overflow-wrap: anywhere;
}
.references-section .references-list li::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  margin-top: .63em;
  flex: 0 0 5px;
  background: var(--brick-orange);
  border-radius: 50%;
}
@media (max-width: 860px) {
  .page-hero__panel {
    padding: 48px 0 52px;
  }
  .page-hero + .section { padding-top: 42px; }
  .page-hero + .cta { padding-top: 42px; }
  .references-section .references-content { width: var(--wrap); }
  .references-intro { grid-template-columns: 1fr; gap: 20px; }
  .references-section .references-list { gap: 0 26px; }
}
@media (max-width: 620px) {
  .page-hero__panel { padding: 36px 0 42px; }
  .page-hero + .section { padding-top: 34px; }
  .page-hero + .cta { padding-top: 34px; }
  .references-intro { margin-bottom: 22px; }
  .references-section .references-list { grid-template-columns: 1fr; }
  .references-section .references-list li { padding: 14px 0 15px; }
}


/* V10 — Visual Balance & Symmetry
   Purely proportional refinements; no changes to texts, media or interactions.
   Keep the V9 home hero and subpage mastheads intact. */
@media (min-width: 1121px) {
  /* Related content starts from a shared vertical axis with balanced 52/48 columns. */
  .grid-2 {
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
    column-gap: clamp(40px, 5vw, 74px);
  }
  .section h2 { font-size: clamp(38px, 4.7vw, 62px); line-height: 1.04; }
  .grid-2 h2 { max-width: 13.4ch; }
  .section-head h2 { max-width: 14ch; }
  .copy-stack { width: 100%; max-width: 580px; justify-self: start; }
  .section-head > :first-child { max-width: 700px; min-width: 0; }
  .section-head > p { max-width: 460px; flex: 0 1 460px; }

  /* Equal visual rhythm inside cards despite different text lengths. */
  .service-card h3 { min-height: 2.08em; line-height: 1.07; }
  .service-card ul { margin-top: auto; }
  .detail-card__body { display:flex; flex-direction:column; flex: 1; }
  .detail-card { display:flex; flex-direction:column; }
  .detail-card__body h3 { min-height: 2.16em; line-height:1.08; }
  .detail-card__body .bullet-list { margin-top:auto; }
  .project-card__body h3 { min-height: 2.12em; line-height:1.06; }
  .contact-grid { grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); gap: 28px; align-items:stretch; }
}
@media (min-width: 861px) {
  /* An odd fifth card should not look like an unfinished second column. */
  .project-grid--five > .project-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    width: calc((100% - 20px) / 2);
    justify-self: center;
  }
  .project-grid--five > .project-card:last-child:nth-child(odd) .project-card__body {
    width: 100%;
  }

  /* On the references page the final, odd entry sits on the central axis. */
  .references-section .references-list li:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    width: calc((100% - clamp(28px, 4vw, 70px)) / 2);
    justify-self:center;
  }

  .cta__panel { grid-template-columns: minmax(0, 1fr) auto; gap: clamp(26px, 3.6vw, 60px); }
  .cta__panel > .button { white-space:nowrap; }
  .cta { padding-bottom: clamp(60px, 5vw, 78px); }
  .cta__panel { min-height: 200px; }
  .cta__panel p { max-width: 790px; text-wrap: pretty; }

  .section:has(.statement) .statement {
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
    gap: clamp(30px, 3.3vw, 48px);
  }
}
/* Cohesive corner and shadow hierarchy within the existing visual language. */
.service-card, .detail-card, .project-card, .contact-card, .contact-form { border-radius: 22px; }
.statement, .cta__panel { border-radius: 28px; }
.feature { border-radius: 20px; }
.service-card, .detail-card, .contact-card, .contact-form {
  box-shadow: 0 14px 38px rgba(7, 26, 44, .055);
}
.service-card { gap: 16px; }
.contact-card, .contact-form { padding: clamp(24px, 2.2vw, 32px); }
.contact-card h3, .contact-form h3 { line-height: 1.12; }
.contact-grid .contact-meta { gap:16px; }
.contact-grid .field { min-width:0; }
.contact-grid .form-grid { gap: 16px; }

@media (min-width: 861px) and (max-width: 1120px) {
  /* Existing tablet one-column sections remain one column. */
  .cta__panel { grid-template-columns: 1fr; }
  .cta__panel > .button { justify-self: start; }
  .section-head h2, .grid-2 h2 { max-width: 15ch; }
}
@media (max-width: 860px) {
  .project-grid--five > .project-card:last-child:nth-child(odd),
  .references-section .references-list li:last-child:nth-child(odd) {
    grid-column: auto;
    justify-self: stretch;
    width: 100%;
  }
  .section h2, .section-head h2, .grid-2 h2 { max-width: 100%; }
  .service-card h3, .detail-card__body h3, .project-card__body h3 { min-height: 0; }
  .contact-card, .contact-form { padding: 24px; }
  .cta__panel > .button { white-space: normal; }
}


/* V11 – kompakte, ausbalancierte Hero-Typografie
   Nur Startseiten- und Unterseiten-Hero. Keine Änderungen an übrigen Sections. */
@media (min-width: 1121px) {
  .hero-baertsch__frame,
  .hero-baertsch__content { min-height: 640px; }
  .hero-baertsch__content { padding-block: 48px; gap: 32px; }
  .hero-baertsch__top { max-width: min(820px, 78%); }
  .hero-baertsch h1 {
    max-width: none;
    font-size: clamp(52px, 4.6vw, 70px);
    line-height: 1.015;
    letter-spacing: -.056em;
  }
  .page-hero h1 {
    max-width: none;
    font-size: clamp(53px, 4.5vw, 72px);
    line-height: 1.045;
    letter-spacing: -.052em;
  }
  .page-hero__panel { padding-block: 54px 60px; }
}
@media (min-width: 861px) and (max-width: 1120px) {
  .hero-baertsch__top { max-width: 100%; }
  .hero-baertsch h1 {
    max-width: none;
    font-size: clamp(45px, 5vw, 58px);
    line-height: 1.045;
  }
  .page-hero h1 {
    max-width: none;
    font-size: clamp(43px, 4.7vw, 59px);
    line-height: 1.05;
  }
  .page-hero__panel { padding-block: 46px 54px; }
}
@media (max-width: 860px) {
  .hero-baertsch h1 { max-width: 100%; line-height: 1.04; }
  .page-hero h1 { max-width: 100%; line-height: 1.06; }
}
@media (max-width: 520px) {
  .hero-baertsch h1 { font-size: clamp(32px, 8.6vw, 42px); }
  .page-hero h1 { font-size: clamp(31px, 7.5vw, 40px); }
}

/* V13 – Freigegebene Reduktion des Homepage-Heros.
   Der blaue Utility-Balken und die Fakten-/Fahrzeug-/Leistungs-Karten
   wurden im HTML entfernt. Alle bestehenden Markenelemente bleiben erhalten. */
.hero-home__content {
  min-height: clamp(535px, 42vw, 605px);
  justify-content: center;
  padding-block: clamp(54px, 5vw, 76px) clamp(64px, 5.5vw, 82px);
}
.hero-home__top { width: 100%; }
/* Der erste Inhaltsbereich erhält nach dem vollflächigen Foto wieder Luft. */
.hero-home + .section {
  padding-top: clamp(74px, 6vw, 96px);
}
@media (min-width: 861px) and (max-width: 1120px) {
  .hero-home__content { min-height: 535px; }
  .hero-home + .section { padding-top: 76px; }
}
@media (max-width: 860px) {
  .hero-home__content {
    min-height: 0;
    justify-content: flex-start;
    padding-block: 58px 70px;
  }
  .hero-home + .section { padding-top: 64px; }
}
@media (max-width: 520px) {
  .hero-home__content { padding-block: 48px 60px; }
  .hero-home + .section { padding-top: 58px; }
}

/* V13.1: restored original five-part "Wofür wir stehen" section, with
   deliberate breathing room after the Hero and before the following content. */
.hero-home + .trustbar {
  padding-top: clamp(28px, 3vw, 44px);
  padding-bottom: clamp(28px, 3vw, 42px);
}
.hero-home + .trustbar + .section {
  padding-top: clamp(66px, 5.5vw, 84px);
}
@media (min-width: 601px) and (max-width: 1120px) {
  .hero-home + .trustbar .trustbar__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-home + .trustbar .trustbar__intro { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .hero-home + .trustbar { padding-top: 26px; }
  .hero-home + .trustbar + .section { padding-top: 60px; }
}

/* V13.2 – Homepage CTA: symmetrische Aussenabstände zur Abschlussbox.
   Nur die Abschluss-CTA unterhalb des Homepage-Heros ist betroffen. */
main > .hero-home ~ .cta {
  padding-block: clamp(36px, 3.5vw, 50px);
}


/* V13.4 – nur Homepage: ein Projekt-Einstieg statt zweier aufeinanderfolgender Projekt-Sections. */
.home-projects .statement__project-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 22px;
  color: #e7f1fb;
  font-size: 15px;
  font-weight: 750;
  text-decoration: underline;
  text-decoration-color: rgba(231,241,251,.46);
  text-underline-offset: 5px;
  transition: text-decoration-color .18s ease;
}
.home-projects .statement__project-link:hover,
.home-projects .statement__project-link:focus-visible { text-decoration-color: currentColor; }
.home-projects { padding-bottom: clamp(70px, 6vw, 92px); }
.home-references { padding-top: clamp(70px, 6vw, 92px); }
@media (max-width: 860px) {
  .home-projects { padding-bottom: 64px; }
  .home-references { padding-top: 64px; }
}

/* V13.5: Leistungen mit Mehrwert – ausschliesslich Desktop.
   Zwei Karten nebeneinander, dritte Karte über beide Spalten.
   Tablet (<=1120px) und Mobile bleiben in ihrer bisherigen Darstellung. */
@media (min-width: 1121px) {
  .feature-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
  .feature-list > .feature:last-child {
    grid-column: 1 / -1;
  }
}

/* V13.5.1: Original-Logo statt doppelter Wortmarke im Footer */
.footer__brand-logo{display:block;width:210px;max-width:100%;height:auto;margin:0 0 14px}
@media (max-width:860px){.footer__brand-logo{width:188px}}