/* Noirin · Webdesign-Einstieg und helle/dunkle Anfrage · September 2026
   Beide Kontaktvarianten verwenden dieselben Layoutregeln. */

/* Vier Elemente, zwei durchgängige Spalten und gemeinsame Zeilen. */
.webdesign-page .pm68-intro-layout{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  grid-template-areas:"title actions" "copy statement";
  column-gap:clamp(44px,7vw,110px);
  row-gap:clamp(52px,6vw,86px);
  align-items:start;
}
.webdesign-page .pm68-intro-layout > h1{
  grid-area:title;
  margin:0;
  padding-top:0;
  font-size:clamp(58px,7.1vw,106px);
  line-height:1.08;
}
.webdesign-page .pm68-intro-layout .pm63-intro-copy{
  grid-area:copy;
  max-width:none;
  min-width:0;
  padding:0;
}
.webdesign-page .pm68-intro-layout .pm64-intro-cta{
  grid-area:actions;
  width:100%;
  min-width:0;
  padding-top:24px;
  align-items:stretch;
  text-align:left;
}
.webdesign-page .pm68-intro-layout .pm64-intro-cta a{
  min-height:68px;
  padding:18px 24px;
  font-size:clamp(12px,1.05vw,15px);
  letter-spacing:.035em;
}
.webdesign-page .pm68-intro-statement{
  grid-area:statement;
  min-width:0;
  margin:0;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(56px,6.3vw,100px);
  font-weight:400;
  line-height:1.04;
  letter-spacing:-.04em;
}
.webdesign-page .pm68-intro-statement > span,
.webdesign-page .pm68-intro-statement > em{display:block;}
.webdesign-page .pm68-intro-statement > em{
  margin-top:.04em;
  color:#bda1ff;
  font-weight:400;
}

/* Identische Geometrie, zwei vollständige Farbpaletten. */
body.pm69-contact{
  --bg:#dedde4;
  --fg:#231c2e;
  --muted:#61596d;
  --line:#c8c2d0;
  --line-strong:#968aab;
  --accent:#6941ae;
  --accent-strong:#60349f;
  --accent-soft:#eee7f8;
  --accent-line:#b4a2d0;
  --benefit-green:#146845;
  --contact-color-scheme:light;
  --contact-form-surface:#f4f2f7;
  --contact-form-edge:#b7abc7;
  --contact-submit-surface:#e9e2f1;
  --contact-field-bg:#fff;
  --contact-border:#9485a6;
  --contact-placeholder:#6e627b;
  --contact-focus:#aa8dd3;
  --contact-selected:#ece4f7;
  --contact-selected-text:#3e2165;
  --contact-link-hover:#3f1d72;
  --contact-note-border:#bdcec4;
  --contact-note-bg:#e2eee7;
  --contact-note-text:#374a40;
  --contact-button-bg:#60349f;
  --contact-button-text:#fff;
  --contact-button-hover:#452273;
  --contact-shadow:rgba(37,25,55,.10);
  background:var(--bg);
  color:var(--fg);
  color-scheme:var(--contact-color-scheme);
  font-weight:400;
}
body.pm69-contact.pm69-contact-dark{
  --bg:#25252c;
  --fg:#f6f3fc;
  --muted:#c3bece;
  --line:#5f586b;
  --line-strong:#9b91b2;
  --accent:#b99af3;
  --accent-strong:#c5a8ff;
  --accent-soft:#3e334f;
  --accent-line:#8d76ad;
  --benefit-green:#81d6ab;
  --contact-color-scheme:dark;
  --contact-form-surface:#2c2a34;
  --contact-form-edge:#746580;
  --contact-submit-surface:#382e45;
  --contact-field-bg:#35343e;
  --contact-border:#9b90aa;
  --contact-placeholder:#bfb6ca;
  --contact-focus:#ba91fc;
  --contact-selected:#47385f;
  --contact-selected-text:#f4eafd;
  --contact-link-hover:#e0c9ff;
  --contact-note-border:#658671;
  --contact-note-bg:#293e33;
  --contact-note-text:#c8ebd7;
  --contact-button-bg:#c5a8ff;
  --contact-button-text:#241735;
  --contact-button-hover:#d8c2ff;
  --contact-shadow:rgba(0,0,0,.22);
}
.pm69-contact .noise{display:none;}
/* Die Navigation behält die ursprüngliche Noirin-Palette und Typografie.
   Nur die Fläche dahinter wird geschlossen, damit sie auch über Hell lesbar bleibt. */
.pm69-contact .topbar{
  --bg:#17171b;
  --fg:#f1eee8;
  --line:rgba(241,238,232,.16);
  --accent:#9f7bff;
  --accent-strong:#b18cff;
  background:var(--bg);
  color:var(--fg);
  color-scheme:dark;
  font-weight:300;
}
.pm69-contact .pm60-contact-main{max-width:1440px;padding-top:128px;}
.pm69-contact .pm60-contact-hero{padding:20px 0 0;border:0;}
.pm69-contact .pm67-topic-back{
  margin-bottom:42px;
  color:var(--muted);
  font-size:13px;
  font-weight:500;
}
.pm69-contact .pm67-topic-back:hover{color:var(--accent);}
.pm68-contact-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);
  gap:clamp(40px,6vw,88px);
  align-items:start;
}
.pm70-contact-heading{margin-bottom:clamp(80px,8vw,120px);}
.pm68-contact-hero-copy{min-width:0;}
.pm69-contact .pm60-contact-hero small{
  margin-bottom:22px;
  font-size:11px;
  font-weight:600;
}
.pm69-contact .pm60-contact-hero h1{
  max-width:1120px;
  margin:0;
  font-size:clamp(68px,9vw,128px);
  font-weight:500;
  line-height:1.03;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.pm70-contact-heading h1 > span{display:block;}
.pm69-contact .pm65-contact-benefits.pm67-benefits{
  width:100%;
  margin:0;
}
.pm69-contact .pm67-benefits ul{display:block;border:0;}
.pm69-contact .pm65-contact-benefits.pm67-benefits li{
  grid-template-columns:27px minmax(0,1fr);
  gap:18px;
  align-items:start;
  padding:25px 0;
  border:0;
}
.pm69-contact .pm65-contact-benefits.pm67-benefits li:first-child{padding-top:0;}
.pm69-contact .pm65-contact-benefits.pm67-benefits li:last-child{padding-bottom:0;}
.pm69-contact .pm65-contact-benefits.pm67-benefits li + li{border-top:1px solid var(--line);}
.pm69-contact .pm65-contact-benefits.pm67-benefits li strong{
  color:var(--benefit-green);
  font-size:clamp(19px,1.65vw,24px);
  font-weight:600;
  line-height:1.55;
  letter-spacing:-.025em;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
  text-decoration-skip-ink:auto;
}
.pm69-contact .pm67-benefits .pm65-benefit-plus{
  color:var(--benefit-green);
  padding-top:4px;
  font-size:30px;
  line-height:1;
  font-weight:500;
}
.pm68-contact-photo{
  position:relative;
  min-width:0;
  min-height:600px;
  margin:0;
  overflow:hidden;
  background:#29423f;
}
.pm68-contact-photo img{
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 64%;
}

/* Direkte Kontaktwege stehen vor dem Formular, mit derselben linken Kante. */
.pm68-direct-contact{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);
  gap:clamp(38px,6vw,88px);
  margin:clamp(94px,10vw,144px) 0 0;
}
.pm68-contact-method{
  display:flex;
  align-items:center;
  gap:clamp(16px,2vw,26px);
  min-width:0;
  padding:18px 0;
  color:var(--fg);
}
.pm68-contact-method svg{
  flex:none;
  width:40px;
  height:40px;
  fill:none;
  stroke:var(--accent);
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.pm68-contact-method > span{min-width:0;}
.pm68-contact-method small{
  display:block;
  margin-bottom:11px;
  color:var(--accent-strong);
  font-size:13px;
  font-weight:600;
  letter-spacing:.06em;
}
.pm68-contact-method strong{
  display:block;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(22px,2.5vw,36px);
  font-weight:500;
  letter-spacing:-.035em;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.pm68-contact-method b{margin-left:auto;font-size:29px;font-weight:400;color:var(--accent);}
a.pm68-contact-method:hover strong{text-decoration:underline;text-underline-offset:6px;}
.pm68-contact-method--pending strong{color:var(--muted);}

/* Eine zusammenhängende Formularfläche mit ruhigem Anfang und klarem Abschluss.
   Die Fläche reicht seitlich über die unveränderte linke Inhaltskante hinaus. */
.pm69-contact .pm60-project-request{
  --contact-form-outset:clamp(12px,2vw,30px);
  --contact-form-end-space:clamp(48px,5vw,72px);
  position:relative;
  isolation:isolate;
  margin:clamp(112px,12vw,176px) 0 clamp(100px,10vw,148px);
  padding:clamp(56px,6vw,88px) 0 var(--contact-form-end-space);
  scroll-margin-top:96px;
}
.pm69-contact .pm60-project-request::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 calc(-1 * var(--contact-form-outset));
  border:1px solid var(--contact-form-edge);
  border-top:4px solid var(--accent);
  border-radius:18px;
  background:var(--contact-form-surface);
  box-shadow:0 20px 54px var(--contact-shadow);
  pointer-events:none;
}
.pm69-contact .pm60-request-intro{
  display:block;
  margin:0 0 clamp(52px,6vw,80px);
}
.pm69-contact .pm60-request-intro h2{
  max-width:1080px;
  margin:0;
  color:var(--fg);
  font-size:clamp(44px,5.8vw,84px);
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.pm69-contact .pm60-request-intro h2 > span{display:block;}
.pm69-contact .pm60-request-intro p{max-width:620px;font-size:17px;line-height:1.75;margin:28px 0 0;}
.pm69-contact .pm62-inline-link{
  color:var(--accent-strong) !important;
  border-color:var(--accent-line);
  font-size:13px;
  font-weight:600;
}
.pm69-contact .pm62-inline-link:hover{color:var(--contact-link-hover) !important;border-color:var(--contact-link-hover);}
.pm69-contact .pm60-request-form{max-width:none;width:100%;margin:0;}
.pm69-contact .pm66-brief-section{
  min-width:0;
  margin:0;
  padding:46px 0 58px;
  border:0;
  border-top:1px solid var(--line);
  background:transparent;
}
.pm69-contact .pm66-brief-section:first-of-type{padding-top:0;border-top:0;}
.pm69-contact .pm66-section-heading{display:block;margin-bottom:36px;}
.pm69-contact .pm66-section-heading h3{font-size:clamp(27px,2.8vw,38px);font-weight:600;line-height:1.1;}
.pm69-contact .pm66-section-heading p{font-size:15px;margin-top:12px;}
.pm69-contact .pm66-question-block{margin-bottom:32px;}
.pm69-contact .pm60-request-form label > span,
.pm69-contact .pm66-question-block > legend,
.pm69-contact .pm60-style-choice > legend{
  margin-bottom:13px;
  color:var(--fg);
  font-family:"Manrope",system-ui,sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:0;
  text-transform:none;
}
.pm69-contact .pm60-request-form label > span em,
.pm69-contact .pm66-question-block > legend em{
  color:var(--muted);
  font-weight:500;
  letter-spacing:0;
}
.pm69-contact .pm60-request-form :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],textarea,select){
  width:100%;
  min-width:0;
  min-height:58px;
  padding:17px 18px;
  border:2px solid var(--contact-border);
  border-radius:3px;
  background:var(--contact-field-bg);
  color:var(--fg);
  color-scheme:var(--contact-color-scheme);
  font-family:"Manrope",system-ui,sans-serif;
  font-size:16px;
  font-weight:500;
  line-height:1.6;
}
.pm69-contact .pm60-request-form select{padding-right:32px;}
.pm69-contact .pm60-request-form :is(input,textarea)::placeholder{color:var(--contact-placeholder);opacity:1;font-weight:400;}
.pm69-contact .pm60-request-form :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],textarea,select):focus{
  border-color:var(--accent);
  outline:3px solid var(--contact-focus);
  outline-offset:2px;
}
.pm69-contact .pm66-choice-grid{gap:12px;}
.pm69-contact .pm66-choice-grid--images{grid-template-columns:repeat(3,minmax(0,1fr));}
.pm69-contact .pm60-request-form .pm66-choice > span{
  gap:11px;
  margin:0;
  padding:17px 18px;
  min-height:76px;
  border:2px solid var(--contact-border);
  border-radius:3px;
  background:var(--contact-field-bg);
  color:var(--fg);
  font-size:15px;
  font-weight:600;
  line-height:1.5;
}
.pm69-contact .pm66-choice > span::before{
  content:"";
  flex:0 0 17px;
  width:17px;
  height:17px;
  border:2px solid var(--contact-border);
  border-radius:50%;
  background:var(--contact-field-bg);
}
.pm69-contact .pm60-request-form .pm66-choice:hover > span{border-color:var(--accent);transform:none;}
.pm69-contact .pm60-request-form .pm66-choice > input:checked + span{
  border-color:var(--accent);
  background:var(--contact-selected);
  box-shadow:none;
  color:var(--contact-selected-text);
}
.pm69-contact .pm66-choice > input:checked + span::before{
  border-color:var(--accent);
  background:var(--accent);
  box-shadow:inset 0 0 0 3px var(--contact-field-bg);
}
.pm69-contact .pm60-style-choice{gap:13px;margin-bottom:32px;}
.pm69-contact .pm60-style-choice input{width:1px;height:1px;padding:0;}
.pm69-contact .pm60-request-form .pm60-style-choice label > span{
  margin:0;
  min-height:185px;
  padding:23px 20px;
  border:2px solid var(--contact-border);
  border-radius:3px;
  color:var(--fg);
  background:var(--contact-field-bg);
}
.pm69-contact .pm60-style-choice b{font-size:21px;font-weight:700;}
.pm69-contact .pm60-request-form .pm60-style-choice label > span em{font-size:14px;font-weight:500;line-height:1.6;color:var(--muted);}
.pm69-contact .pm60-request-form .pm60-style-choice label:hover > span{border-color:var(--accent);}
.pm69-contact .pm60-request-form .pm60-style-choice input:checked + span{
  background:var(--contact-selected);
  border-color:var(--accent);
  color:var(--contact-selected-text);
  box-shadow:inset 0 0 0 1px var(--accent);
}
.pm69-contact .pm60-style-choice input:checked + span b::after{content:" ✓";font-weight:700;}
.pm69-contact .pm66-choice > input:focus-visible + span,
.pm69-contact .pm60-style-choice input:focus-visible + span{
  outline:3px solid var(--accent);
  outline-offset:4px;
}
.pm69-contact .pm66-two-column,
.pm69-contact .pm60-request-grid{gap:28px;}
.pm69-contact .pm66-two-column > label,
.pm69-contact .pm60-request-grid > label{min-width:0;}
.pm69-contact .pm66-two-column textarea{min-height:132px;}
.pm69-contact .pm66-check-grid{gap:12px;}
.pm69-contact .pm66-check-grid label{
  gap:13px;
  min-height:62px;
  padding:16px;
  border:2px solid var(--contact-border);
  border-radius:3px;
  background:var(--contact-field-bg);
}
.pm69-contact .pm66-check-grid label:hover{border-color:var(--accent);}
.pm69-contact .pm66-check-grid label:has(input:checked){border-color:var(--accent);background:var(--contact-selected);}
.pm69-contact .pm60-request-form .pm66-check-grid label > span{margin:0;color:var(--fg);font-size:15px;font-weight:600;line-height:1.5;}
.pm69-contact .pm60-request-form .pm66-check-grid input{width:20px;height:20px;accent-color:var(--accent);}
.pm69-contact .pm66-check-grid input:focus-visible{outline:3px solid var(--accent);outline-offset:3px;}
.pm69-contact .pm66-upload-note{
  margin-top:36px;
  padding:23px 24px;
  border:1px solid var(--contact-note-border);
  background:var(--contact-note-bg);
}
.pm69-contact .pm66-upload-note > span{color:var(--benefit-green);}
.pm69-contact .pm66-upload-note p{font-size:15px;color:var(--contact-note-text);}
.pm69-contact .pm66-upload-note strong{color:var(--benefit-green);font-weight:700;}
.pm69-contact .pm66-optional-panel{border:2px solid var(--contact-border);background:var(--contact-field-bg);}
.pm69-contact .pm66-optional-panel summary{
  min-height:68px;
  padding:18px 22px;
  color:var(--fg);
  font-size:15px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
}
.pm69-contact .pm66-optional-panel .pm66-check-grid{padding:0 22px 22px;}
.pm69-contact .pm66-timeframe{margin-top:32px;max-width:580px;}
.pm69-contact .pm66-contact-section .pm60-request-full{margin-top:32px;}
.pm69-contact .pm60-request-submit{
  position:relative;
  isolation:isolate;
  margin-top:12px;
  padding-top:clamp(32px,4vw,56px);
  border-top:1px solid var(--accent-line);
  gap:32px;
}
.pm69-contact .pm60-request-submit::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 calc(1px - var(--contact-form-outset)) calc(1px - var(--contact-form-end-space));
  border-radius:0 0 17px 17px;
  background:var(--contact-submit-surface);
  pointer-events:none;
}
.pm69-contact .pm60-request-submit p{max-width:550px;font-size:15px;line-height:1.7;}
.pm69-contact .pm60-request-submit button{
  flex:none;
  min-height:64px;
  padding:20px 32px;
  border:2px solid var(--contact-button-bg);
  background:var(--contact-button-bg);
  color:var(--contact-button-text);
  font-size:14px;
  font-weight:700;
  letter-spacing:.035em;
}
.pm69-contact .pm60-request-submit button:hover{background:var(--contact-button-hover);border-color:var(--contact-button-hover);}
.pm69-contact :is(a,button,summary):focus-visible{outline:3px solid var(--accent);outline-offset:5px;}
.pm69-contact .site-footer{border-color:var(--line);margin-top:0;}
.pm69-contact .footer-brand small,
.pm69-contact .footer-brand p,
.pm69-contact .footer-col a,
.pm69-contact .footer-meta small,
.pm69-contact .footer-meta span{color:var(--muted);}
.pm69-contact .footer-col a:hover{color:var(--accent-strong);}
.pm69-contact .footer-meta{border-color:var(--line);}

/* Vergleich beider Varianten, ohne das ausgefüllte Formular neu zu laden. */
.pm69-contact-tools{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-bottom:42px;
}
.pm69-contact .pm69-contact-tools .pm67-topic-back{margin:0;}
.pm69-theme-switch{
  display:flex;
  gap:4px;
  flex:none;
  padding:4px;
  border:1px solid var(--line-strong);
  border-radius:3px;
  background:var(--contact-field-bg);
}
.pm69-theme-switch a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 20px;
  color:var(--muted);
  font-size:14px;
  font-weight:600;
}
.pm69-theme-switch a:hover{color:var(--accent-strong);background:var(--accent-soft);}
.pm69-theme-switch a[aria-current="page"]{background:var(--contact-button-bg);color:var(--contact-button-text);}

.pm69-contact .pm60-style-choice > legend{width:100%;}
.pm69-style-legend{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px 24px;
}
.pm69-contact .pm69-style-legend .pm62-inline-link{
  max-width:100%;
  min-height:44px;
  padding:12px 15px;
  background:var(--contact-field-bg);
  font-size:13px;
  line-height:1.5;
  letter-spacing:.015em;
  text-transform:none;
}
.pm69-contact .pm69-style-legend .pm62-inline-link > span{flex:none;}

/* Inhaltsseiten werden in verständlichen, überschneidungsfreien Stufen erklärt. */
.pm69-contact .pm69-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.pm69-scope-grid > label:last-child{grid-column:1/-1;}
.pm69-contact .pm60-request-form .pm69-scope-grid .pm66-choice > span{
  display:grid;
  grid-template-columns:17px minmax(0,1fr);
  align-items:start;
  column-gap:14px;
  min-height:112px;
  padding:22px;
}
.pm69-scope-grid .pm66-choice > span::before{margin-top:4px;}
.pm69-scope-copy{min-width:0;}
.pm69-scope-copy b{display:block;font-size:17px;font-weight:700;line-height:1.45;}
.pm69-contact .pm60-request-form .pm69-scope-copy em{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-size:14px;
  font-weight:500;
  line-height:1.65;
}
.pm69-contact .pm69-scope-grid input:checked + span .pm69-scope-copy em{color:var(--contact-selected-text);}
.pm69-scope-note{max-width:900px;margin:18px 0 0;color:var(--muted);font-size:14px;line-height:1.75;}

@media(max-width:1100px){
  .pm68-contact-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);gap:40px;}
  .pm69-contact .pm60-style-choice{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pm69-contact .pm66-choice-grid--four{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:820px){
  .webdesign-page .pm68-intro-layout{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"title" "copy" "actions" "statement";
    row-gap:36px;
  }
  .webdesign-page .pm68-intro-layout .pm64-intro-cta{padding-top:4px;}
  .webdesign-page .pm68-intro-statement{font-size:clamp(48px,9.5vw,78px);margin-top:6px;}
  .pm69-contact .topbar{backdrop-filter:none;}
  .pm69-contact .top-nav{position:fixed;}
  .pm69-contact .pm60-contact-main{padding-top:108px;}
  .pm68-contact-hero-grid{grid-template-columns:minmax(0,1fr);gap:48px;}
  .pm69-contact .pm60-contact-hero h1{max-width:760px;font-size:clamp(50px,10vw,80px);}
  .pm70-contact-heading{margin-bottom:64px;}
  .pm68-contact-photo{min-height:0;height:clamp(360px,75vw,560px);}
  .pm68-contact-photo img{object-position:50% 63%;}
  .pm68-direct-contact{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:78px;}
  .pm68-contact-method strong{font-size:clamp(23px,4.8vw,35px);}
  .pm69-contact .pm60-request-intro h2{max-width:760px;}
  .pm69-contact .pm66-choice-grid--three,
  .pm69-contact .pm66-choice-grid--images,
  .pm69-contact .pm66-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  .pm69-contact-tools{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:34px;}
  .webdesign-page .pm68-intro-layout > h1{font-size:clamp(48px,11.2vw,62px);}
  .webdesign-page .pm68-intro-layout .pm64-intro-cta a{padding:17px 18px;font-size:12px;gap:14px;}
  .webdesign-page .pm68-intro-statement{font-size:clamp(44px,10vw,56px);}
  .pm69-contact .pm67-topic-back{margin-bottom:32px;}
  .pm69-contact .pm65-contact-benefits.pm67-benefits li{grid-template-columns:22px minmax(0,1fr);gap:13px;padding-block:23px;}
  .pm69-contact .pm65-contact-benefits.pm67-benefits li strong{font-size:19px;line-height:1.65;}
  .pm68-contact-method{gap:15px;}
  .pm68-contact-method svg{width:31px;height:31px;}
  .pm68-contact-method b{font-size:24px;}
  .pm69-contact .pm60-project-request{padding-top:48px;}
  .pm69-contact .pm60-request-intro h2{font-size:clamp(29px,8.6vw,46px);}
  .pm69-contact .pm60-request-intro p{font-size:16px;}
  .pm69-contact .pm66-brief-section{padding:36px 0 44px;}
  .pm69-contact .pm66-two-column,
  .pm69-contact .pm60-request-grid,
  .pm69-contact .pm60-style-choice,
  .pm69-contact .pm66-choice-grid,
  .pm69-contact .pm66-check-grid,
  .pm69-contact .pm66-optional-panel .pm66-check-grid{grid-template-columns:minmax(0,1fr);}
  .pm69-contact .pm60-request-form .pm60-style-choice label > span{min-height:0;}
  .pm69-contact .pm60-request-form .pm66-choice > span{min-height:66px;}
  .pm69-contact .pm66-upload-note{padding:20px 16px;gap:9px;grid-template-columns:22px minmax(0,1fr);}
  .pm69-contact .pm66-optional-panel summary{padding:17px;}
  .pm69-contact .pm66-optional-panel .pm66-check-grid{padding:0 15px 15px;}
  .pm69-contact .pm60-request-submit{flex-direction:column;align-items:stretch;}
}
@media(prefers-reduced-motion:reduce){
  .pm69-contact .pm66-choice > span,
  .pm69-contact .pm60-style-choice label > span{transition:none;}
}


/* =========================================================
   v67 — final layout refinements
   ========================================================= */

/* Prevent sticky top menus from visually dropping during a style switch. */
.webdesign-page .pm44-style-stage.is-switching .pm44-craft-nav,
.webdesign-page .pm44-style-stage.is-switching .pm49-office-nav{
  position:relative !important;
  top:0 !important;
  transform:none !important;
}

/* Exact anchor offsets for each navigation model. */
.webdesign-page [data-style-slide="soft"] section[id],
.webdesign-page [data-style-slide="art"] section[id]{
  scroll-margin-top:calc(var(--pm60-site-header-h,76px) + var(--pm67-toolbar-h,90px) + 20px) !important;
}
.webdesign-page [data-style-slide="craft"] section[id]{
  scroll-margin-top:calc(var(--pm60-site-header-h,76px) + var(--pm67-toolbar-h,90px) + 86px) !important;
}
.webdesign-page [data-style-slide="office"] section[id]{
  scroll-margin-top:calc(var(--pm60-site-header-h,76px) + var(--pm67-toolbar-h,90px) + 94px) !important;
}

/* Contact pages: headings stay prominent, everything else returns to a
   conventional website scale. */
.pm69-contact .pm60-contact-main{
  max-width:1260px;
  padding-top:108px;
}
.pm69-contact .pm60-contact-hero{padding-top:12px;}
.pm69-contact .pm69-contact-tools{margin-bottom:30px;}
.pm69-contact .pm67-topic-back{font-size:11px;}
.pm69-theme-switch a{
  min-height:36px;
  padding:7px 15px;
  font-size:12px;
}
.pm69-contact .pm60-contact-hero small{
  margin-bottom:16px;
  font-size:9px;
}
.pm69-contact .pm60-contact-hero h1{
  max-width:980px;
  font-size:clamp(56px,7vw,104px);
}
.pm70-contact-heading{margin-bottom:clamp(54px,6vw,82px);}
.pm68-contact-hero-grid{gap:clamp(34px,4.5vw,64px);}
.pm69-contact .pm65-contact-benefits.pm67-benefits li{
  grid-template-columns:22px minmax(0,1fr);
  gap:13px;
  padding:18px 0;
}
.pm69-contact .pm65-contact-benefits.pm67-benefits li strong{
  font-size:clamp(16px,1.35vw,20px);
  line-height:1.5;
}
.pm69-contact .pm67-benefits .pm65-benefit-plus{
  padding-top:2px;
  font-size:24px;
}
.pm68-contact-photo{min-height:460px;}
.pm68-direct-contact{
  gap:clamp(28px,4.5vw,64px);
  margin-top:clamp(62px,7vw,94px);
}
.pm68-contact-method{
  gap:18px;
  padding:13px 0;
}
.pm68-contact-method svg{width:32px;height:32px;}
.pm68-contact-method small{
  margin-bottom:7px;
  font-size:10px;
}
.pm68-contact-method strong{
  font-size:clamp(19px,2vw,28px);
}
.pm68-contact-method b{font-size:23px;}

.pm69-contact .pm60-project-request{
  --contact-form-outset:clamp(8px,1.4vw,18px);
  --contact-form-end-space:clamp(34px,4vw,50px);
  margin:clamp(76px,8vw,108px) 0 clamp(72px,8vw,110px);
  padding:clamp(42px,4.5vw,58px) 0 var(--contact-form-end-space);
}
.pm69-contact .pm60-request-intro{
  margin-bottom:clamp(36px,4vw,52px);
}
.pm69-contact .pm60-request-intro h2{
  max-width:900px;
  font-size:clamp(38px,4.8vw,68px);
}
.pm69-contact .pm60-request-intro p{
  max-width:580px;
  margin-top:18px;
  font-size:14px;
  line-height:1.65;
}
.pm69-contact .pm66-brief-section{
  padding:34px 0 42px;
}
.pm69-contact .pm66-section-heading{margin-bottom:26px;}
.pm69-contact .pm66-section-heading h3{
  font-size:clamp(24px,2.25vw,31px);
}
.pm69-contact .pm66-section-heading p{
  margin-top:8px;
  font-size:13px;
}
.pm69-contact .pm66-question-block{margin-bottom:24px;}
.pm69-contact .pm60-request-form label > span,
.pm69-contact .pm66-question-block > legend,
.pm69-contact .pm60-style-choice > legend{
  margin-bottom:9px;
  font-size:13px;
  line-height:1.45;
}
.pm69-contact .pm60-request-form :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],textarea,select){
  min-height:48px;
  padding:12px 14px;
  border-width:1.5px;
  font-size:14px;
  line-height:1.5;
}
.pm69-contact .pm66-two-column,
.pm69-contact .pm60-request-grid{gap:18px;}
.pm69-contact .pm66-two-column textarea{min-height:108px;}
.pm69-contact .pm66-choice-grid,
.pm69-contact .pm66-check-grid{gap:9px;}
.pm69-contact .pm60-request-form .pm66-choice > span{
  min-height:60px;
  padding:13px 14px;
  border-width:1.5px;
  font-size:13px;
  line-height:1.4;
}
.pm69-contact .pm66-choice > span::before{
  flex-basis:15px;
  width:15px;
  height:15px;
  border-width:1.5px;
}
.pm69-contact .pm60-style-choice{gap:10px;margin-bottom:24px;}
.pm69-contact .pm60-request-form .pm60-style-choice label > span{
  min-height:136px;
  padding:17px 16px;
  border-width:1.5px;
}
.pm69-contact .pm60-style-choice b{font-size:17px;}
.pm69-contact .pm60-request-form .pm60-style-choice label > span em{
  font-size:12px;
  line-height:1.45;
}
.pm69-contact .pm66-check-grid label{
  min-height:52px;
  padding:12px 13px;
  border-width:1.5px;
}
.pm69-contact .pm60-request-form .pm66-check-grid label > span{
  font-size:13px;
  line-height:1.4;
}
.pm69-contact .pm60-request-form .pm66-check-grid input{
  width:17px;
  height:17px;
}
.pm69-contact .pm66-upload-note{
  margin-top:26px;
  padding:17px 18px;
}
.pm69-contact .pm66-upload-note p{font-size:13px;}
.pm69-contact .pm66-optional-panel{border-width:1.5px;}
.pm69-contact .pm66-optional-panel summary{
  min-height:56px;
  padding:14px 17px;
  font-size:13px;
}
.pm69-contact .pm66-optional-panel .pm66-check-grid{padding:0 16px 16px;}
.pm69-contact .pm66-timeframe{margin-top:24px;}
.pm69-contact .pm66-contact-section .pm60-request-full{margin-top:24px;}
.pm69-contact .pm69-style-legend .pm62-inline-link{
  min-height:38px;
  padding:9px 12px;
  font-size:11.5px;
}
.pm69-contact .pm60-request-form .pm69-scope-grid .pm66-choice > span{
  min-height:86px;
  padding:16px;
}
.pm69-scope-copy b{font-size:14px;}
.pm69-contact .pm60-request-form .pm69-scope-copy em{
  margin-top:5px;
  font-size:12px;
  line-height:1.5;
}
.pm69-scope-note{
  margin-top:13px;
  font-size:12px;
  line-height:1.6;
}
.pm69-contact .pm60-request-submit{
  gap:22px;
  padding-top:30px;
}
.pm69-contact .pm60-request-submit p{
  max-width:500px;
  font-size:13px;
  line-height:1.6;
}
.pm69-contact .pm60-request-submit button{
  min-height:52px;
  padding:14px 24px;
  border-width:1.5px;
  font-size:12px;
}

@media(max-width:820px){
  .pm69-contact .pm60-contact-main{padding-top:96px;}
  .pm69-contact .pm60-contact-hero h1{font-size:clamp(46px,9.5vw,72px);}
  .pm68-contact-photo{height:clamp(300px,66vw,460px);}
  .pm68-direct-contact{margin-top:56px;}
}
@media(max-width:560px){
  .pm69-contact .pm60-project-request{padding-top:38px;}
  .pm69-contact .pm60-request-intro h2{font-size:clamp(30px,8.2vw,42px);}
  .pm69-contact .pm60-request-intro p{font-size:13px;}
  .pm69-contact .pm66-brief-section{padding:30px 0 36px;}
}


/* =========================================================
   v68 — canonical white contact page + one-question wizard
   ========================================================= */
body.pm69-contact{
  --bg:#ffffff !important;
  --fg:#121212 !important;
  --muted:#676767 !important;
  --line:#d9d9d9 !important;
  --line-strong:#bdbdbd !important;
  --accent:#315b4c !important;
  --accent-strong:#24493d !important;
  --accent-soft:rgba(64,133,100,.12) !important;
  --accent-line:rgba(64,133,100,.28) !important;
  --benefit-green:#2e7d57 !important;
  --contact-color-scheme:light !important;
  --contact-form-surface:#eceeef !important;
  --contact-form-edge:#d3d6d8 !important;
  --contact-submit-surface:#e2e5e6 !important;
  --contact-field-bg:#ffffff !important;
  --contact-border:#b9bec1 !important;
  --contact-placeholder:#777 !important;
  --contact-focus:rgba(49,91,76,.18) !important;
  --contact-selected:#dfece5 !important;
  --contact-selected-text:#173c2f !important;
  --contact-link-hover:#173c2f !important;
  --contact-note-border:#b9d4c4 !important;
  --contact-note-bg:#e6f1eb !important;
  --contact-note-text:#2d4b3d !important;
  --contact-button-bg:#315b4c !important;
  --contact-button-text:#ffffff !important;
  --contact-button-hover:#24493d !important;
  --contact-shadow:rgba(0,0,0,.08) !important;
  background:#fff !important;
  color:#121212 !important;
  color-scheme:light !important;
}
.pm69-contact .noise{display:none !important;}
.pm69-contact .site-footer{background:#fff;color:#121212;}
.pm69-contact .footer-brand p,
.pm69-contact .footer-col a,
.pm69-contact .footer-meta small,
.pm69-contact .footer-meta span{color:#686868 !important;}

/* The Noirin header remains dark and separate from the white page. */
.pm69-contact .topbar{
  --bg:#17171b !important;
  --fg:#f1eee8 !important;
  --line:rgba(241,238,232,.16) !important;
  background:#17171b !important;
  color:#f1eee8 !important;
}
.pm69-contact .topbar .top-nav a{color:rgba(241,238,232,.72);}
.pm69-contact .topbar .top-nav a:hover,
.pm69-contact .topbar .top-nav a.active{color:#fff;}

/* No light/dark switch anymore. */
.pm69-theme-switch{display:none !important;}

.pm72-contact-main{
  max-width:1240px !important;
  padding-top:112px !important;
}
.pm72-contact-hero{
  padding-top:18px !important;
}
.pm72-contact-tools{
  margin-bottom:40px !important;
}
.pm72-contact-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);
  gap:clamp(42px,5vw,74px);
  align-items:start;
}
.pm72-contact-hero-copy{
  min-width:0;
}
.pm72-contact-hero-copy > small{
  display:block;
  margin-bottom:16px;
  color:#616161 !important;
  font-size:9px !important;
  font-weight:600 !important;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.pm72-contact-hero-copy h1{
  max-width:720px !important;
  margin:0 !important;
  color:#111 !important;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(58px,6.5vw,98px) !important;
  font-weight:700 !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
  text-wrap:balance;
}
.pm72-contact-photo{
  min-height:0 !important;
  height:clamp(540px,61vw,760px);
  margin:0 !important;
  border-radius:2px;
  background:#eef0eb !important;
}
.pm72-contact-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
}

/* Brush-highlighted benefit statements. */
.pm72-benefits{
  margin-top:clamp(52px,6vw,82px) !important;
}
.pm72-benefits ul{
  display:grid !important;
  gap:14px !important;
}
.pm72-benefits li{
  position:relative;
  isolation:isolate;
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:center !important;
  width:max-content;
  max-width:100%;
  padding:10px 16px 10px 10px !important;
  border:0 !important;
}
.pm72-benefits li::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:4px -5px 3px -8px;
  background:rgba(66,145,105,.18);
  clip-path:polygon(1% 20%, 95% 7%, 100% 73%, 92% 93%, 4% 85%, 0 42%);
  transform:rotate(-.7deg);
  border-radius:12px 5px 10px 4px;
}
.pm72-benefits li:nth-child(even)::before{
  clip-path:polygon(0 11%, 98% 18%, 96% 88%, 7% 95%, 2% 67%);
  transform:rotate(.55deg);
}
.pm72-benefits .pm65-benefit-plus{
  position:relative;
  z-index:2;
  padding:0 !important;
  color:#1e6f49 !important;
  font-size:25px !important;
  font-weight:600 !important;
  line-height:1 !important;
  text-decoration:none !important;
  transform-origin:center bottom;
  animation:pm72PlusBounce 6s cubic-bezier(.2,.8,.3,1) infinite;
}
.pm72-benefits li:nth-child(2) .pm65-benefit-plus{animation-delay:1.4s;}
.pm72-benefits li:nth-child(3) .pm65-benefit-plus{animation-delay:2.8s;}
.pm72-benefits li:nth-child(4) .pm65-benefit-plus{animation-delay:4.2s;}
@keyframes pm72PlusBounce{
  0%,78%,100%{transform:translateY(0) scale(1);}
  82%{transform:translateY(-9px) scale(1.04);}
  86%{transform:translateY(1px) scale(.98);}
  90%{transform:translateY(-4px) scale(1.01);}
  94%{transform:translateY(0) scale(1);}
}
.pm72-benefits strong{
  position:relative;
  z-index:2;
  color:#111 !important;
  font-size:clamp(15px,1.35vw,19px) !important;
  font-weight:600 !important;
  line-height:1.45 !important;
  text-decoration:none !important;
}
.pm72-benefits strong::after{display:none !important;}

.pm72-direct-contact{
  margin-top:clamp(72px,8vw,106px) !important;
}

/* Gray form area — strong but quiet contrast from the white page. */
.pm72-project-request{
  margin-top:clamp(76px,8vw,112px) !important;
  padding:clamp(46px,5vw,66px) clamp(30px,4vw,54px) clamp(40px,4vw,54px) !important;
  border:1px solid #d2d5d6;
  border-radius:14px;
  background:#eceeef !important;
  box-shadow:none !important;
}
.pm72-project-request::before{display:none !important;}
.pm72-request-intro{
  margin:0 0 34px !important;
}
.pm72-request-intro h2{
  max-width:720px !important;
  margin:0 !important;
  color:#111 !important;
  font-size:clamp(36px,4vw,58px) !important;
  font-weight:600 !important;
}
.pm72-request-intro p{
  max-width:640px !important;
  margin:14px 0 0 !important;
  color:#555 !important;
  font-size:13px !important;
  line-height:1.65 !important;
}

/* Progress: only a visual bar, no step count. */
.pm72-progress{
  width:100%;
  height:7px;
  margin:0 0 38px;
  overflow:hidden;
  border-radius:999px;
  background:#d0d3d5;
}
.pm72-progress > span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:#315b4c;
  transition:width .38s cubic-bezier(.2,.8,.25,1);
}

.pm72-wizard-stage{
  position:relative;
  min-height:420px;
}
.pm72-form-step{
  animation:pm72StepIn .34s cubic-bezier(.2,.8,.25,1) both;
}
.pm72-form-step[hidden]{display:none !important;}
@keyframes pm72StepIn{
  from{opacity:0;transform:translateX(18px);}
  to{opacity:1;transform:translateX(0);}
}
.pm72-step-copy{
  display:block;
  margin-bottom:28px;
}
.pm72-step-copy h3{
  max-width:820px;
  margin:0;
  color:#151515;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(28px,3vw,42px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.pm72-step-copy p{
  max-width:650px;
  margin:10px 0 0;
  color:#5f5f5f;
  font-size:13px;
  line-height:1.65;
}
.pm72-step-copy--with-link{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
}
.pm72-step-copy--with-link .pm62-inline-link{
  flex:none;
  color:#24493d !important;
  border-color:#aebdb6 !important;
  background:#fff !important;
}

.pm72-single-field{
  display:block;
  max-width:780px;
}
.pm72-wizard-form label > span,
.pm72-wizard-form .pm72-single-field > span{
  color:#222 !important;
  font-size:12.5px !important;
  font-weight:600 !important;
}
.pm72-wizard-form :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],textarea,select){
  background:#fff !important;
  color:#111 !important;
  border:1.5px solid #b6bbbd !important;
  border-radius:5px !important;
}
.pm72-wizard-form :is(input,textarea)::placeholder{color:#777 !important;}

.pm72-wizard-form .pm66-choice-grid,
.pm72-wizard-form .pm66-check-grid{
  gap:10px !important;
}
.pm72-wizard-form .pm66-choice > span,
.pm72-wizard-form .pm66-check-grid label{
  background:#fff !important;
  color:#171717 !important;
  border:1.5px solid #b8bdc0 !important;
  border-radius:5px !important;
}
.pm72-wizard-form .pm66-choice > input:checked + span,
.pm72-wizard-form .pm66-check-grid label:has(input:checked){
  border-color:#315b4c !important;
  background:#dfeae4 !important;
}
.pm72-wizard-form .pm60-style-choice label > span{
  background:#fff !important;
  color:#161616 !important;
  border:1.5px solid #b8bdc0 !important;
  border-radius:5px !important;
}
.pm72-wizard-form .pm60-style-choice label > span em{color:#626262 !important;}
.pm72-wizard-form .pm60-style-choice input:checked + span{
  color:#173c2f !important;
  border-color:#315b4c !important;
  background:#dfeae4 !important;
  box-shadow:inset 0 0 0 1px #315b4c !important;
}
.pm72-existing-site{
  display:block;
  max-width:780px;
  margin-top:22px;
}
.pm72-existing-site[hidden]{display:none !important;}
.pm72-wizard-form .pm69-scope-note{color:#666 !important;}

.pm72-wizard-error{
  min-height:22px;
  margin:18px 0 0;
  color:#9c2f2f;
  font-size:12px;
  font-weight:600;
}

.pm72-wizard-nav{
  display:grid;
  grid-template-columns:auto minmax(170px,1fr);
  gap:12px;
  align-items:center;
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid #cbd0d2;
}
.pm72-wizard-nav button{
  min-height:50px;
  border-radius:5px;
  font-family:"Space Grotesk",sans-serif;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.pm72-wizard-nav button:hover:not(:disabled){transform:translateY(-1px);}
.pm72-back{
  min-width:118px;
  padding:0 20px;
  border:1px solid #c5c9cb;
  background:#f7f7f7;
  color:#282828;
}
.pm72-back:disabled{
  opacity:.38;
  cursor:default;
}
.pm72-next,
.pm72-submit{
  width:100%;
  padding:0 28px;
  border:1px solid #315b4c;
  background:#315b4c;
  color:#fff;
}
.pm72-next:hover,
.pm72-submit:hover{background:#24493d;border-color:#24493d;}
.pm72-wizard-nav [hidden]{display:none !important;}

@media(prefers-reduced-motion:reduce){
  .pm72-benefits .pm65-benefit-plus{animation:none !important;}
  .pm72-form-step{animation:none !important;}
  .pm72-progress > span{transition:none !important;}
}

@media(max-width:900px){
  .pm72-contact-hero-grid{
    grid-template-columns:1fr;
  }
  .pm72-contact-photo{
    height:clamp(360px,76vw,620px);
  }
  .pm72-step-copy--with-link{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:600px){
  .pm72-contact-main{padding-top:96px !important;}
  .pm72-contact-hero-copy h1{font-size:clamp(48px,14vw,72px) !important;}
  .pm72-benefits{margin-top:42px !important;}
  .pm72-benefits li{
    width:100%;
    padding-right:10px !important;
  }
  .pm72-project-request{
    padding:34px 18px 24px !important;
    border-radius:9px;
  }
  .pm72-wizard-stage{min-height:500px;}
  .pm72-wizard-nav{
    grid-template-columns:105px minmax(0,1fr);
  }
  .pm72-wizard-nav button{
    min-height:48px;
    font-size:12px;
  }
}


/* =========================================================
   v69 — final contact refinement
   ========================================================= */
body.pm69-contact{
  --pm69-purple:#9180A9;
  --pm69-purple-dark:#6f5e86;
  --pm69-purple-soft:rgba(145,128,169,.13);
  --pm69-purple-line:rgba(145,128,169,.42);
  --accent:#9180A9 !important;
  --accent-strong:#6f5e86 !important;
  --accent-soft:rgba(145,128,169,.13) !important;
  --accent-line:rgba(145,128,169,.32) !important;
  --contact-selected:#eee9f3 !important;
  --contact-selected-text:#3e3150 !important;
  --contact-focus:rgba(145,128,169,.22) !important;
  --contact-note-border:rgba(145,128,169,.28) !important;
  --contact-note-bg:rgba(145,128,169,.08) !important;
  --contact-button-bg:#111111 !important;
  --contact-button-hover:#000000 !important;
}
.pm69-contact .pm72-contact-hero-copy > small,
.pm69-contact .pm68-contact-method small,
.pm69-contact .pm67-topic-back,
.pm69-contact .pm68-contact-method svg,
.pm69-contact .pm68-contact-method b{
  color:var(--pm69-purple) !important;
  stroke:var(--pm69-purple) !important;
}
.pm69-contact .pm67-topic-back:hover{color:var(--pm69-purple-dark) !important;}
.pm69-contact .pm62-inline-link{
  border-color:var(--pm69-purple-line) !important;
  color:var(--pm69-purple-dark) !important;
}
.pm69-contact .pm62-inline-link:hover{
  background:var(--pm69-purple-soft) !important;
  color:#2f243b !important;
}

/* One-line hero title on desktop. */
.pm72-contact-hero-copy h1{
  max-width:none !important;
  white-space:nowrap !important;
  font-size:clamp(50px,5vw,78px) !important;
}

/* Smaller, farther-right image. */
.pm72-contact-hero-grid{
  grid-template-columns:minmax(0,1fr) 330px !important;
  gap:clamp(54px,6vw,90px) !important;
}
.pm72-contact-photo{
  width:330px !important;
  height:500px !important;
  min-height:0 !important;
  justify-self:end !important;
  margin-top:36px !important;
  transform:translateX(clamp(8px,2vw,28px));
}
.pm72-contact-photo img{object-position:50% 48% !important;}

/* Visible brush animation. */
.pm72-benefits li{
  --pm69-brush-rot:-.7deg;
  --pm69-row-delay:0s;
  transform-origin:left center;
}
.pm72-benefits li:nth-child(2){--pm69-brush-rot:.55deg;--pm69-row-delay:1.55s;}
.pm72-benefits li:nth-child(3){--pm69-brush-rot:-.45deg;--pm69-row-delay:3.1s;}
.pm72-benefits li:nth-child(4){--pm69-brush-rot:.4deg;--pm69-row-delay:4.65s;}
.pm72-benefits li::before{
  opacity:0 !important;
  transform:scaleX(.02) rotate(var(--pm69-brush-rot)) !important;
  transform-origin:left center !important;
  will-change:transform,opacity;
}
.pm72-benefits li.is-painted::before{
  animation:pm69BrushPaint .92s cubic-bezier(.2,.78,.24,1) forwards;
}
.pm72-benefits li:nth-child(2).is-painted::before{animation-delay:.12s;}
.pm72-benefits li:nth-child(3).is-painted::before{animation-delay:.24s;}
.pm72-benefits li:nth-child(4).is-painted::before{animation-delay:.36s;}
@keyframes pm69BrushPaint{
  0%{opacity:0;transform:scaleX(.02) rotate(var(--pm69-brush-rot));}
  18%{opacity:.75;}
  72%{opacity:1;transform:scaleX(1.035) rotate(var(--pm69-brush-rot));}
  100%{opacity:1;transform:scaleX(1) rotate(var(--pm69-brush-rot));}
}

/* Whole row bounces together. */
.pm72-benefits .pm65-benefit-plus{animation:none !important;}
.pm72-benefits li.is-painted{
  animation:pm69BenefitBounce 6.4s cubic-bezier(.2,.8,.28,1) infinite;
  animation-delay:calc(1.1s + var(--pm69-row-delay));
}
@keyframes pm69BenefitBounce{
  0%,76%,100%{transform:translateY(0);}
  81%{transform:translateY(-8px);}
  86%{transform:translateY(1px);}
  91%{transform:translateY(-3px);}
  95%{transform:translateY(0);}
}

/* Purple form identity; Continue/Submit stays black. */
.pm72-progress > span{background:var(--pm69-purple) !important;}
.pm72-wizard-form .pm66-choice > input:checked + span,
.pm72-wizard-form .pm66-check-grid label:has(input:checked),
.pm72-wizard-form .pm60-style-choice input:checked + span{
  border-color:var(--pm69-purple) !important;
  background:var(--pm69-purple-soft) !important;
  color:#2f243b !important;
  box-shadow:inset 0 0 0 1px var(--pm69-purple) !important;
}
.pm72-wizard-form .pm66-choice:hover > span,
.pm72-wizard-form .pm66-check-grid label:hover,
.pm72-wizard-form .pm60-style-choice label:hover > span{
  border-color:var(--pm69-purple) !important;
}
.pm72-wizard-form :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],textarea,select):focus{
  border-color:var(--pm69-purple) !important;
  box-shadow:0 0 0 4px rgba(145,128,169,.12) !important;
}
.pm72-back{
  border-color:var(--pm69-purple-line) !important;
  color:var(--pm69-purple-dark) !important;
  background:#f6f3f8 !important;
}
.pm72-next,.pm72-submit{
  border-color:#111 !important;
  background:#111 !important;
  color:#fff !important;
}
.pm72-next:hover,.pm72-submit:hover{
  border-color:#000 !important;
  background:#000 !important;
}

/* Form title remains one line on desktop. */
.pm72-request-intro h2{
  max-width:none !important;
  white-space:nowrap !important;
  font-size:clamp(32px,3.35vw,50px) !important;
}

/* Lower start, natural end height. */
.pm72-project-request{
  margin-top:clamp(118px,12vw,158px) !important;
  margin-bottom:clamp(66px,7vw,90px) !important;
  padding-top:clamp(44px,4.5vw,58px) !important;
  padding-bottom:24px !important;
}
.pm72-wizard-stage{min-height:0 !important;}
.pm72-form-step{min-height:0 !important;}
.pm72-wizard-nav{
  margin-top:18px !important;
  padding-top:18px !important;
}

/* Pictograms. */
.pm69-pictogram{
  flex:0 0 30px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  margin-left:auto;
  color:var(--pm69-purple);
  opacity:.92;
}
.pm69-pictogram svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.pm72-wizard-form .pm66-choice > span{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:72px !important;
  padding:14px !important;
}
.pm72-wizard-form .pm66-check-grid label{
  display:flex !important;
  align-items:center !important;
}
.pm72-wizard-form .pm60-style-choice label > span{
  position:relative !important;
  padding-right:50px !important;
}
.pm72-wizard-form .pm60-style-choice .pm69-pictogram{
  position:absolute;
  right:14px;
  top:14px;
  margin:0;
}
.pm72-wizard-form .pm69-scope-copy{flex:1 1 auto;}
.pm72-wizard-form .pm66-choice-grid--three{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

@media(max-width:1040px){
  .pm72-contact-hero-copy h1{
    white-space:normal !important;
    max-width:720px !important;
  }
  .pm72-contact-hero-grid{grid-template-columns:minmax(0,1fr) 300px !important;}
  .pm72-contact-photo{
    width:300px !important;
    height:460px !important;
    transform:translateX(10px);
  }
}
@media(max-width:900px){
  .pm72-contact-hero-grid{grid-template-columns:1fr !important;}
  .pm72-contact-photo{
    width:min(100%,520px) !important;
    height:clamp(360px,72vw,560px) !important;
    justify-self:end !important;
    margin-top:16px !important;
    transform:none !important;
  }
  .pm72-wizard-form .pm66-choice-grid--three{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:620px){
  .pm72-request-intro h2{white-space:normal !important;}
  .pm72-wizard-form .pm66-choice-grid--three{grid-template-columns:1fr !important;}
  .pm72-benefits li.is-painted{animation:none !important;}
}


/* =========================================================
   v70 — contact wizard structure + restored v68 hero scale
   ========================================================= */

/* Hero returns to the generous v68 proportions, but with an intentional
   two-line title instead of three lines. */
.pm72-contact-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(390px,.78fr) !important;
  gap:clamp(42px,5vw,74px) !important;
  align-items:start !important;
}
.pm72-contact-hero-copy h1{
  max-width:760px !important;
  white-space:normal !important;
  font-size:clamp(62px,7vw,108px) !important;
  line-height:.94 !important;
}
.pm72-contact-hero-copy h1 > span{
  display:block;
  white-space:nowrap;
}
.pm72-contact-photo{
  width:100% !important;
  height:clamp(540px,61vw,760px) !important;
  margin-top:0 !important;
  transform:none !important;
}

/* Email / phone block cleanup. */
.pm72-direct-contact .pm68-contact-method{
  text-decoration:none !important;
}
.pm72-direct-contact .pm68-contact-method strong{
  text-decoration:none !important;
}
.pm72-direct-contact a.pm68-contact-method:hover strong{
  text-decoration:none !important;
}
.pm72-direct-contact .pm68-contact-method b{
  display:none !important;
}

/* Purple and larger form heading. */
.pm72-request-intro h2{
  color:#9180A9 !important;
  font-size:clamp(36px,4vw,58px) !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

/* Fix the brush layer: keep it ABOVE the row background and BELOW text.
   This makes the painting animation reliably visible. */
.pm72-benefits li{
  isolation:isolate !important;
  overflow:visible !important;
}
.pm72-benefits li::before{
  z-index:0 !important;
  opacity:0 !important;
  background:rgba(73,150,111,.22) !important;
}
.pm72-benefits li.is-painted::before{
  animation:pm70BrushPaint 1.28s cubic-bezier(.18,.78,.2,1) forwards !important;
}
.pm72-benefits li:nth-child(2).is-painted::before{animation-delay:.16s !important;}
.pm72-benefits li:nth-child(3).is-painted::before{animation-delay:.32s !important;}
.pm72-benefits li:nth-child(4).is-painted::before{animation-delay:.48s !important;}
@keyframes pm70BrushPaint{
  0%{
    opacity:0;
    transform:scaleX(.015) rotate(var(--pm69-brush-rot));
  }
  12%{opacity:.65;}
  72%{
    opacity:1;
    transform:scaleX(1.05) rotate(var(--pm69-brush-rot));
  }
  100%{
    opacity:1;
    transform:scaleX(1) rotate(var(--pm69-brush-rot));
  }
}
.pm72-benefits .pm65-benefit-plus,
.pm72-benefits strong{
  position:relative !important;
  z-index:2 !important;
}

/* Progress intentionally starts empty until the first "Weiter". */
.pm72-progress > span{
  width:0;
}

/* No helper descriptions under questions. */
.pm72-step-copy > p{
  display:none !important;
}

/* Optional is deliberately stronger. */
.pm72-wizard-form em{
  font-weight:800 !important;
  font-style:normal !important;
  color:#5f4c76 !important;
  letter-spacing:.035em;
}

/* Contact details are now one compact step. */
.pm72-contact-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  max-width:900px;
}
.pm72-contact-fields label:nth-child(3){
  grid-column:1 / -1;
}
.pm72-contact-fields .pm72-single-field{
  max-width:none !important;
}

/* The gray box still adapts tightly to each step. */
.pm72-wizard-stage{
  min-height:0 !important;
}

/* Page-size selection stays text-only by request. */
.pm72-form-step:has(input[name="pages"]) .pm69-pictogram{
  display:none !important;
}

/* Slightly more spacing for the final free-text steps before contact. */
.pm72-form-step:has(textarea){
  padding-bottom:4px;
}

@media(max-width:1060px){
  .pm72-contact-hero-copy h1{
    font-size:clamp(56px,6.8vw,88px) !important;
  }
  .pm72-contact-hero-grid{
    grid-template-columns:minmax(0,1fr) 360px !important;
  }
}
@media(max-width:900px){
  .pm72-contact-hero-grid{
    grid-template-columns:1fr !important;
  }
  .pm72-contact-hero-copy h1 > span{
    white-space:normal;
  }
  .pm72-contact-photo{
    width:min(100%,560px) !important;
    height:clamp(380px,78vw,580px) !important;
    justify-self:end !important;
  }
}
@media(max-width:700px){
  .pm72-request-intro h2{
    white-space:normal !important;
  }
  .pm72-contact-fields{
    grid-template-columns:1fr;
  }
  .pm72-contact-fields label:nth-child(3){
    grid-column:auto;
  }
}


/* =========================================================
   v71 — contact page refinements
   ========================================================= */
:root{
  --pm71-brand-purple:#9180A9;
}
.pm72-contact-hero-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.74fr) !important;
  gap:clamp(44px,5vw,88px) !important;
  align-items:start !important;
}
.pm72-contact-hero-copy h1{
  max-width:900px !important;
  font-size:clamp(78px,8.8vw,136px) !important;
  line-height:.91 !important;
  letter-spacing:-.045em !important;
}
.pm72-contact-hero-copy h1 > span{white-space:nowrap !important;}
.pm72-contact-photo{
  justify-self:end !important;
  align-self:start !important;
  margin-top:52px !important;
  width:min(100%,540px) !important;
  height:clamp(500px,50vw,645px) !important;
  transform:translateX(24px) !important;
}
.pm72-contact-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
}

/* Force visible paint animation immediately on load */
.pm72-benefits li{
  position:relative !important;
  isolation:isolate !important;
}
.pm72-benefits li::before{
  content:"" !important;
  position:absolute !important;
  left:-10px !important;
  right:-10px !important;
  top:50% !important;
  height:1.1em !important;
  border-radius:999px !important;
  background:rgba(73,150,111,.24) !important;
  opacity:0 !important;
  transform-origin:left center !important;
  z-index:1 !important;
  filter:blur(.15px) !important;
}
.pm72-benefits li.is-painted::before{
  animation:pm71BrushPaint 1.12s cubic-bezier(.18,.8,.21,1) forwards !important;
}
@keyframes pm71BrushPaint{
  0%{opacity:0;transform:translateY(-50%) scaleX(.04) rotate(var(--pm69-brush-rot, 0deg));}
  12%{opacity:.95;}
  65%{opacity:1;transform:translateY(-50%) scaleX(1.05) rotate(var(--pm69-brush-rot, 0deg));}
  100%{opacity:1;transform:translateY(-50%) scaleX(1) rotate(var(--pm69-brush-rot, 0deg));}
}
.pm72-benefits .pm65-benefit-plus,
.pm72-benefits strong{
  position:relative !important;
  z-index:2 !important;
}

.pm72-request-intro h2{
  color:var(--pm71-brand-purple) !important;
}
.pm72-progress > span{background:var(--pm71-brand-purple) !important;}
.pm72-wizard-form em{color:var(--pm71-brand-purple) !important;}
.pm72-next{
  background:#111 !important;
  color:#fff !important;
}
.pm72-back{
  border-color:var(--pm71-brand-purple) !important;
  color:var(--pm71-brand-purple) !important;
}

/* Restore the one note only for style direction */
.pm72-step-copy > p{display:none !important;}
.pm72-step-copy .pm72-step-note{
  display:block !important;
  margin-top:10px !important;
  color:#5d5870 !important;
  font-size:.97rem !important;
  line-height:1.45 !important;
}

@media(max-width:1180px){
  .pm72-contact-hero-copy h1{font-size:clamp(72px,8.1vw,118px) !important;}
  .pm72-contact-photo{width:min(100%,500px) !important;height:clamp(460px,48vw,600px) !important;transform:translateX(12px) !important;}
}
@media(max-width:980px){
  .pm72-contact-hero-grid{grid-template-columns:1fr !important;}
  .pm72-contact-hero-copy h1{font-size:clamp(64px,11vw,96px) !important;}
  .pm72-contact-photo{margin-top:22px !important;transform:none !important;width:min(100%,560px) !important;height:clamp(380px,78vw,560px) !important;justify-self:end !important;}
  .pm72-contact-hero-copy h1 > span{white-space:normal !important;}
}


/* =========================================================
   v72 — professional contact hero composition
   ========================================================= */

/* Clean two-column composition. */
.pm72-contact-hero{
  overflow:visible !important;
}

.pm72-contact-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(360px,500px) !important;
  column-gap:clamp(54px,6vw,96px) !important;
  align-items:start !important;
}

.pm72-contact-hero-copy{
  min-width:0 !important;
  max-width:none !important;
}

/* Explicit two-line title, balanced and readable. */
.pm72-contact-hero-copy h1{
  max-width:820px !important;
  margin:0 !important;
  font-size:clamp(76px,8vw,126px) !important;
  line-height:.90 !important;
  letter-spacing:-.052em !important;
  font-weight:700 !important;
}

.pm72-contact-hero-copy h1 > span{
  display:block !important;
  white-space:nowrap !important;
}

/* Benefits belong visually to the title block. */
.pm72-benefits{
  margin-top:clamp(56px,6vw,82px) !important;
  width:min(100%,780px) !important;
}

.pm72-benefits ul{
  display:grid !important;
  gap:18px !important;
  margin:0 !important;
  padding:0 !important;
}

.pm72-benefits li{
  position:relative !important;
  display:grid !important;
  grid-template-columns:26px minmax(0,1fr) !important;
  align-items:center !important;
  gap:14px !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:42px !important;
  padding:8px 14px 8px 10px !important;
  margin:0 !important;
  isolation:isolate !important;
  overflow:visible !important;
  background:transparent !important;
}

/* Disable all older pseudo-marker versions. */
.pm72-benefits li::before,
.pm72-benefits li::after{
  content:none !important;
  display:none !important;
}

/* Real brush element: visible, animated, and safely below the text. */
.pm72-brush-layer{
  position:absolute !important;
  left:-7px !important;
  right:-12px !important;
  top:50% !important;
  height:1.34em !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:0;
  transform:translateY(-50%) scaleX(.015);
  transform-origin:left center !important;
  background:rgba(74,145,108,.22) !important;
  clip-path:polygon(
    0 21%,
    5% 10%,
    33% 13%,
    58% 6%,
    96% 14%,
    100% 68%,
    91% 88%,
    59% 83%,
    33% 92%,
    4% 83%
  );
  filter:saturate(.92);
}

.pm72-benefits li:nth-child(even) .pm72-brush-layer{
  clip-path:polygon(
    0 16%,
    8% 8%,
    36% 17%,
    67% 10%,
    100% 20%,
    96% 82%,
    73% 91%,
    45% 84%,
    6% 92%,
    1% 63%
  );
}

.pm72-benefits .pm65-benefit-plus,
.pm72-benefits strong{
  position:relative !important;
  z-index:2 !important;
}

.pm72-benefits .pm65-benefit-plus{
  color:#237047 !important;
  font-size:25px !important;
  line-height:1 !important;
}

.pm72-benefits strong{
  color:#111 !important;
  font-size:clamp(15px,1.35vw,19px) !important;
  font-weight:600 !important;
  line-height:1.45 !important;
}

/* Image begins exactly at the title and ends exactly after the benefits. */
.pm72-contact-photo{
  width:100% !important;
  max-width:500px !important;
  height:var(--pm72-photo-height, 600px) !important;
  margin-top:var(--pm72-photo-offset, 52px) !important;
  justify-self:end !important;
  align-self:start !important;
  transform:none !important;
  overflow:hidden !important;
}

.pm72-contact-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Keep the following contact methods clearly separated from the hero. */
.pm72-direct-contact{
  margin-top:clamp(72px,8vw,110px) !important;
}

/* Tablet / phone: clean single-column fallback without overlaps. */
@media(max-width:980px){
  .pm72-contact-hero-grid{
    grid-template-columns:1fr !important;
    row-gap:36px !important;
  }

  .pm72-contact-hero-copy h1{
    max-width:760px !important;
    font-size:clamp(64px,11vw,96px) !important;
  }

  .pm72-contact-hero-copy h1 > span{
    white-space:normal !important;
  }

  .pm72-contact-photo{
    width:min(100%,560px) !important;
    max-width:560px !important;
    height:clamp(390px,76vw,570px) !important;
    margin-top:0 !important;
    justify-self:end !important;
  }
}

@media(max-width:620px){
  .pm72-contact-hero-copy h1{
    font-size:clamp(52px,15vw,76px) !important;
  }

  .pm72-benefits{
    margin-top:46px !important;
  }

  .pm72-benefits li{
    width:100% !important;
  }
}


/* =========================================================
   v73 — final contact spacing + direct form delivery
   ========================================================= */

/* Preserve the v72 vertical alignment, but create visibly more air.
   The copy shifts a little left, the image a little right. */
@media(min-width:981px){
  .pm72-contact-hero-copy{
    transform:translateX(-24px) !important;
  }

  .pm72-contact-photo{
    transform:translateX(54px) !important;
  }

  .pm72-contact-hero-grid{
    column-gap:clamp(82px,8vw,126px) !important;
  }
}

/* Larger benefit statements and a substantially thicker brush mark. */
.pm72-benefits{
  width:min(100%,860px) !important;
}

.pm72-benefits ul{
  gap:21px !important;
}

.pm72-benefits li{
  grid-template-columns:32px minmax(0,1fr) !important;
  gap:15px !important;
  min-height:52px !important;
  padding:10px 18px 10px 12px !important;
}

.pm72-benefits .pm65-benefit-plus{
  font-size:31px !important;
  font-weight:700 !important;
}

.pm72-benefits strong{
  font-size:clamp(17px,1.55vw,22px) !important;
  line-height:1.42 !important;
}

.pm72-brush-layer{
  left:-10px !important;
  right:-16px !important;
  height:1.72em !important;
  background:rgba(74,145,108,.25) !important;
}

/* Direct-contact title with two visual pointers. */
.pm72-direct-contact{
  position:relative !important;
  padding-top:86px !important;
}

.pm73-direct-heading{
  position:absolute;
  top:0;
  left:0;
  right:0;
  display:grid;
  justify-items:center;
  pointer-events:none;
}

.pm73-direct-heading > strong{
  color:#161616;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(20px,2vw,27px);
  font-weight:650;
  letter-spacing:-.025em;
}

.pm73-direct-arrows{
  width:min(100%,720px);
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-top:8px;
  color:#9180A9;
  font-size:31px;
  line-height:1;
}

.pm73-direct-arrows span:first-child{
  justify-self:center;
  transform:translateX(-52px);
}

.pm73-direct-arrows span:last-child{
  justify-self:center;
  transform:translateX(52px);
}

/* Contact values underline only on hover/focus. */
.pm72-direct-contact .pm68-contact-method strong{
  display:inline-block;
  text-decoration:none !important;
  text-decoration-thickness:1.5px !important;
  text-underline-offset:5px;
}

.pm72-direct-contact a.pm68-contact-method:hover strong,
.pm72-direct-contact a.pm68-contact-method:focus-visible strong{
  text-decoration:underline !important;
}

/* Background submit state. */
.pm73-honeypot{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
  left:-9999px !important;
}

.pm73-submit-status{
  min-height:22px;
  margin:14px 0 0;
  font-size:13px;
  font-weight:600;
  line-height:1.5;
}

.pm73-submit-status.is-success{
  color:#256a48;
}

.pm73-submit-status.is-error{
  color:#a03939;
}

.pm72-wizard-form.is-submitted .pm72-submit{
  background:#1f6a49 !important;
  border-color:#1f6a49 !important;
}

@media(max-width:980px){
  .pm72-contact-hero-copy,
  .pm72-contact-photo{
    transform:none !important;
  }

  .pm72-direct-contact{
    padding-top:94px !important;
  }

  .pm73-direct-arrows{
    width:100%;
  }
}

@media(max-width:620px){
  .pm72-benefits strong{
    font-size:16px !important;
  }

  .pm72-benefits .pm65-benefit-plus{
    font-size:28px !important;
  }

  .pm72-brush-layer{
    height:1.82em !important;
  }

  .pm73-direct-heading{
    justify-items:start;
  }

  .pm73-direct-arrows{
    display:none;
  }
}


/* =========================================================
   v74 — contact hero refinements
   ========================================================= */
/* Keep the heading style, but make the left/right composition cleaner. */
.pm72-contact-hero-copy h1{
  max-width: 840px !important;
}

.pm72-benefits{
  width:min(100%,920px) !important;
}

.pm72-benefits ul{
  gap:22px !important;
}

.pm72-benefits li{
  grid-template-columns:36px minmax(0,1fr) !important;
  gap:16px !important;
  min-height:58px !important;
  padding:11px 22px 11px 14px !important;
  will-change:transform !important;
}

.pm72-benefits .pm65-benefit-plus{
  font-size:34px !important;
  font-weight:700 !important;
}

.pm72-benefits strong{
  font-size:clamp(18px,1.6vw,23px) !important;
  line-height:1.44 !important;
}

/* Much broader marker so the full line stays covered. */
.pm72-brush-layer{
  left:-18px !important;
  right:-34px !important;
  height:1.95em !important;
  background:rgba(74,145,108,.30) !important;
  filter:saturate(1) !important;
}

/* Put the image lower: start visually around the "hier" line. */
.pm72-contact-photo{
  max-width:480px !important;
}

@keyframes pm74RowJump{
  0%{transform:translateY(0) scale(1);}
  20%{transform:translateY(-9px) scale(1.006);}
  42%{transform:translateY(0) scale(1);}
  60%{transform:translateY(-3px) scale(1.002);}
  100%{transform:translateY(0) scale(1);}
}

@keyframes pm74PlusJump{
  0%{transform:translateY(0) scale(1) rotate(0deg);}
  18%{transform:translateY(-10px) scale(1.16) rotate(-6deg);}
  42%{transform:translateY(0) scale(1) rotate(0deg);}
  60%{transform:translateY(-3px) scale(1.06) rotate(-2deg);}
  100%{transform:translateY(0) scale(1) rotate(0deg);}
}

.pm72-benefits li.pm74-jump{
  animation:pm74RowJump .82s cubic-bezier(.2,.9,.2,1) both !important;
}

.pm72-benefits li.pm74-jump .pm65-benefit-plus{
  animation:pm74PlusJump .82s cubic-bezier(.2,.9,.2,1) both !important;
}

@media (min-width: 981px){
  .pm72-contact-photo{
    transform:translateX(12px) !important;
  }
}

@media (max-width: 980px){
  .pm72-benefits li{
    min-height:52px !important;
  }

  .pm72-brush-layer{
    right:-20px !important;
    height:1.82em !important;
  }
}

/* v75 — Kontaktkomposition, Markenfarbe und kompaktes Erstkontaktformular. */
body.webdesign-contact-page {
  --pm69-purple:#b18cff; --pm69-purple-dark:#b18cff;
  --pm69-purple-soft:rgba(177,140,255,.13); --pm69-purple-line:rgba(177,140,255,.5);
  --pm71-brand-purple:#b18cff;
  --accent:#b18cff !important; --accent-strong:#b18cff !important;
  --accent-soft:rgba(177,140,255,.13) !important; --accent-line:rgba(177,140,255,.5) !important;
}
.webdesign-contact-page main {font-family:"Manrope",system-ui,sans-serif;}
.pm69-contact .pm72-contact-main {max-width:1320px !important;}
.pm72-contact-hero-grid {
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;
  grid-template-areas:"eyebrow eyebrow" "title title" "benefits photo";
  gap:20px clamp(40px,6vw,88px) !important;
}
.pm72-contact-hero-copy {display:contents;transform:none !important;}
.pm72-contact-hero-copy > small {grid-area:eyebrow;margin:0 !important;}
.pm72-contact-hero-copy h1 {
  grid-area:title;max-width:100% !important;white-space:normal !important;
  font-family:"Space Grotesk",sans-serif !important;
  font-size:clamp(56px,7.6vw,110px) !important;line-height:1.02 !important;
  margin:0 0 32px !important;
}
.pm72-contact-hero-copy h1 > span {white-space:normal !important;}
.pm72-benefits {grid-area:benefits;margin:0 !important;width:100% !important;min-width:0;}
.pm72-benefits ul {gap:20px !important;}
.pm72-benefits li {width:100% !important;padding:10px 8px !important;gap:12px !important;grid-template-columns:26px minmax(0,1fr) !important;}
.pm69-contact .pm72-benefits li strong {font-family:"Manrope",sans-serif !important;font-size:clamp(16px,1.4vw,19px) !important;line-height:1.55 !important;}
.pm72-benefits .pm65-benefit-plus {font-size:28px !important;}
.pm72-brush-layer {left:-6px !important;right:-6px !important;height:92% !important;}
.pm72-contact-photo {
  grid-area:photo;width:100% !important;max-width:none !important;min-width:0 !important;
  height:clamp(380px,35vw,500px) !important;min-height:0 !important;
  margin:0 !important;transform:none !important;align-self:start !important;
}
.pm72-contact-photo img {object-position:50% 50% !important;}

/* Die Beschriftung gehört zwischen die beiden Kontaktwege, nicht in die Seitenmitte. */
.pm69-contact .pm72-direct-contact {
  display:grid;grid-template-columns:max-content max-content max-content;
  align-items:center;justify-content:start;gap:clamp(20px,3.5vw,48px);
  width:fit-content;max-width:100%;padding:0 !important;margin-top:72px !important;
}
.pm72-direct-contact > .pm68-contact-method:first-of-type {grid-column:1;grid-row:1;}
.pm72-direct-contact > .pm73-direct-heading {grid-column:2;grid-row:1;}
.pm72-direct-contact > .pm68-contact-method:last-of-type {grid-column:3;grid-row:1;}
.pm73-direct-heading {position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;gap:10px;}
.pm73-direct-heading > strong {font-family:"Manrope",sans-serif;font-size:15px;font-weight:600;letter-spacing:0;white-space:nowrap;}
.pm73-direct-arrows {display:flex;width:100%;justify-content:space-between;margin:0;color:#b18cff;font-size:25px;line-height:1;}
.pm73-direct-arrows span {transform:none !important;}
.pm72-direct-contact .pm68-contact-method {gap:12px;padding:12px 0;}
.pm72-direct-contact .pm68-contact-method strong {font-family:"Manrope",sans-serif;font-size:clamp(17px,1.7vw,22px);font-weight:600;letter-spacing:-.02em;white-space:nowrap;}
.pm72-direct-contact .pm68-contact-method small {color:#4f465c !important;font-size:12px;margin-bottom:8px;}
.pm72-direct-contact .pm68-contact-method svg {width:24px;height:24px;}

/* Kleine Auswahlfelder, klarer Satz und kurze Wege durch sechs Fragen. */
.pm69-contact .pm72-project-request {max-width:960px;margin:72px 0 !important;padding:32px !important;border-radius:12px;}
.pm72-request-intro {margin-bottom:24px !important;}
.pm72-request-intro h2 {font-family:"Manrope",sans-serif !important;font-size:clamp(28px,3.1vw,42px) !important;line-height:1.2 !important;white-space:normal !important;color:#19171d !important;letter-spacing:-.035em !important;}
.pm72-request-intro p {font-family:"Manrope",sans-serif;font-size:14px !important;max-width:620px !important;}
.pm72-progress {height:4px;margin-bottom:24px;}
.pm72-step-copy {margin-bottom:18px;}
.pm72-step-copy h3 {font-family:"Manrope",sans-serif !important;font-size:clamp(21px,2.1vw,27px) !important;line-height:1.3;letter-spacing:-.025em;text-wrap:pretty;}
.pm72-wizard-form :is(label,input,select,textarea,button,legend,b,em) {font-family:"Manrope",sans-serif !important;}
.pm72-wizard-form .pm66-choice-grid,.pm72-wizard-form .pm66-check-grid {gap:10px !important;}
.pm72-wizard-form .pm66-choice-grid--three {grid-template-columns:repeat(2,minmax(0,1fr));}
.pm72-wizard-form .pm66-choice-grid--four {grid-template-columns:repeat(2,minmax(0,1fr));}
.pm69-contact .pm72-wizard-form .pm66-choice > span {min-height:52px !important;padding:10px 12px !important;font-size:14px !important;font-weight:600 !important;line-height:1.45 !important;gap:9px !important;border-width:1px !important;}
.pm69-contact .pm72-wizard-form .pm66-check-grid label {min-height:48px !important;padding:10px 12px !important;border-width:1px !important;gap:9px !important;}
.pm69-contact .pm72-wizard-form .pm66-check-grid label > span {font-size:14px !important;line-height:1.45;}
.pm72-wizard-form .pm69-pictogram {flex-basis:24px;width:24px;height:24px;}
.pm72-wizard-form .pm69-pictogram svg {width:21px;height:21px;}
.pm72-wizard-form .pm69-scope-copy b {font-size:14px !important;line-height:1.45;}
.pm72-wizard-form .pm69-scope-copy em {font-size:12px !important;font-weight:400 !important;line-height:1.5;letter-spacing:0;color:#56505e !important;}
.pm72-wizard-form em {font-size:11px !important;font-weight:500 !important;color:#56505e !important;letter-spacing:0;}
.pm72-wizard-form .pm66-question-block {margin-bottom:16px;}
.pm69-contact .pm72-wizard-form :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],select,textarea) {font-size:16px !important;min-height:44px !important;padding:10px 12px !important;border-width:1px !important;}
.pm72-contact-fields {gap:16px;}
.pm72-wizard-nav {gap:12px;margin-top:16px !important;padding-top:16px !important;}
.pm72-wizard-nav button {min-height:44px !important;padding:11px 20px !important;font-size:13px !important;letter-spacing:0 !important;}
.pm72-back {color:#28222f !important;}
.pm72-wizard-error:empty,.pm73-submit-status:empty {display:none;}

/* Schwarzer Abschluss wie auf der Hauptseite. */
.pm75-footer-surface {background:#101014;width:100%;color:#f1eee8;}
.pm69-contact .pm75-footer-surface .site-footer {background:transparent;color:#f1eee8;border-color:#343239;}
.pm69-contact .pm75-footer-surface .footer-brand strong {color:#b18cff;}
.pm69-contact .pm75-footer-surface :is(.footer-brand small,.footer-brand p,.footer-col a,.footer-col > span,.footer-meta small,.footer-meta span) {color:#bdb8c5 !important;}
.pm69-contact .pm75-footer-surface .footer-col a:hover {color:#b18cff !important;}
.pm69-contact .pm75-footer-surface .footer-meta {border-color:#343239;}
@media(max-width:1000px) {
  .pm69-contact .pm72-direct-contact {grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;gap:20px 32px;}
  .pm72-direct-contact > .pm73-direct-heading {grid-column:1/-1;grid-row:1;justify-self:center;}
  .pm72-direct-contact > .pm68-contact-method:first-of-type {grid-column:1;grid-row:2;}
  .pm72-direct-contact > .pm68-contact-method:last-of-type {grid-column:2;grid-row:2;}
  .pm73-direct-arrows {width:140px;}
  .pm73-direct-arrows span:first-child {rotate:-45deg;}
  .pm73-direct-arrows span:last-child {rotate:45deg;}
}
@media(max-width:820px) {
  .pm72-contact-hero-grid {grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"eyebrow" "title" "benefits" "photo";row-gap:24px !important;}
  .pm72-contact-hero-copy h1 {font-size:clamp(44px,8.4vw,68px) !important;margin-bottom:12px !important;}
  .pm72-contact-photo {width:100% !important;height:clamp(320px,68vw,500px) !important;margin-top:12px !important;}
  .pm72-benefits ul {gap:14px !important;}
}
@media(max-width:600px) {
  .pm69-contact .pm72-direct-contact {grid-template-columns:minmax(0,1fr);gap:16px;margin-top:44px !important;}
  .pm72-direct-contact > .pm73-direct-heading {grid-column:1;grid-row:1;justify-self:start;align-items:flex-start;flex-direction:row;gap:12px;}
  .pm72-direct-contact > .pm68-contact-method:first-of-type {grid-column:1;grid-row:2;}
  .pm72-direct-contact > .pm68-contact-method:last-of-type {grid-column:1;grid-row:3;}
  .pm73-direct-arrows {display:block;width:auto;}
  .pm73-direct-arrows span:first-child {display:block;rotate:-90deg;}
  .pm73-direct-arrows span:last-child {display:none;}
  .pm69-contact .pm72-project-request {padding:22px 16px !important;margin-block:48px !important;}
  .pm72-wizard-form .pm66-choice-grid,.pm72-wizard-form .pm66-check-grid {grid-template-columns:minmax(0,1fr) !important;}
  .pm72-contact-fields {grid-template-columns:minmax(0,1fr);}
}


/* =========================================================
   v76 — contact alignment and brand-color correction
   ========================================================= */

/* More breathing room below the title, while the last benefit aligns
   visually with the bottom of the image. */
@media(min-width:821px){
  .pm72-benefits{
    align-self:stretch !important;
    padding-top:clamp(30px,3.2vw,48px) !important;
    padding-bottom:2px !important;
  }

  .pm72-benefits ul{
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    gap:0 !important;
  }

  .pm72-benefits li{
    flex:0 0 auto;
  }

  .pm72-contact-photo{
    height:clamp(430px,37vw,535px) !important;
  }
}

/* Use the exact same violet as the Noirin title. */
.pm69-contact .pm72-request-intro h2,
.pm72-request-intro h2{
  color:#b18cff !important;
}

/* Mobile returns to normal flowing spacing. */
@media(max-width:820px){
  .pm72-benefits{
    padding-top:18px !important;
  }
  .pm72-benefits ul{
    height:auto !important;
    display:grid !important;
    gap:14px !important;
  }
}

/* =========================================================
   v79 — final contact/about refinements
   ========================================================= */

/* Contact subpages: restore classic side spacing and cleaner first fold. */
body.webdesign-contact-page{
  --pm79-topic-hover:#6f58bb;
}

.pm69-contact .pm72-contact-main{
  max-width:1280px !important;
  padding-inline:clamp(26px,4vw,52px) !important;
}

.pm72-contact-hero{
  padding-top:10px !important;
  padding-bottom:0 !important;
}

.pm77-contact-toprow{
  margin-bottom:22px !important;
}

.pm69-contact .pm67-topic-back,
.pm69-contact .pm77-topic-back{
  color:#9e84f5 !important;
  font-size:clamp(16px,1.15vw,19px) !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  transition:color .22s ease, transform .22s ease !important;
}

.pm69-contact .pm67-topic-back:hover,
.pm69-contact .pm77-topic-back:hover,
.pm69-contact .pm67-topic-back:focus-visible,
.pm69-contact .pm77-topic-back:focus-visible{
  color:var(--pm79-topic-hover) !important;
}

.pm72-contact-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(270px,340px) !important;
  grid-template-areas:"title title" "benefits photo" !important;
  column-gap:clamp(34px,5vw,72px) !important;
  row-gap:10px !important;
  align-items:end !important;
}

.pm72-contact-hero-copy h1{
  grid-area:title !important;
  font-size:clamp(64px,8vw,116px) !important;
  line-height:.95 !important;
  margin:0 0 34px !important;
  max-width:880px !important;
}

.pm72-benefits{
  grid-area:benefits !important;
  width:100% !important;
}

.pm72-benefits ul{
  gap:14px !important;
}

.pm72-benefits li{
  width:fit-content !important;
  max-width:min(100%,900px) !important;
  min-height:auto !important;
  padding:8px 16px 8px 12px !important;
  border:0 !important;
  grid-template-columns:22px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
}

.pm69-contact .pm72-benefits li strong{
  font-size:clamp(17px,1.35vw,20px) !important;
  line-height:1.45 !important;
}

.pm72-benefits .pm65-benefit-plus{
  font-size:25px !important;
  line-height:1 !important;
}

.pm72-brush-layer{
  left:-8px !important;
  right:-10px !important;
  height:1.62em !important;
  border-radius:4px !important;
  background:rgba(92,144,118,.26) !important;
}

.pm72-contact-photo{
  grid-area:photo !important;
  width:min(100%,340px) !important;
  max-width:340px !important;
  height:clamp(270px,22vw,350px) !important;
  justify-self:end !important;
  align-self:end !important;
  margin:0 0 -4px !important;
}

.pm72-contact-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.pm69-contact .pm72-direct-contact{
  margin-top:40px !important;
  padding-top:20px !important;
  border-top:1px solid rgba(17,17,17,.08) !important;
}

.pm73-direct-heading > strong{
  color:#2a2237 !important;
}

/* Slower, clearer brush animation feel. */
.pm72-benefits li.pm74-jump{
  animation-duration:1.05s !important;
}
.pm72-benefits li.pm74-jump .pm65-benefit-plus{
  animation-duration:1.05s !important;
}

/* Contact form: very slightly darker grey. */
.pm69-contact .pm72-project-request{
  background:#efeeef !important;
}

/* Digital contact page text rhythm. */
.pm78-digital-intro .pm78-digital-copy{
  font-size:clamp(20px,1.55vw,24px) !important;
  line-height:1.6 !important;
  max-width:860px !important;
}
.pm78-digital-intro .pm78-digital-copy + .pm78-digital-copy{
  margin-top:1em !important;
}

/* About page: wider intro and signature block. */
.inner-hero .inner-intro{
  max-width:760px !important;
}

.section-block > div{
  max-width:860px;
}

.pm79-signature-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:18px 0 28px;
  padding:12px 18px;
  border-radius:16px;
  background:#101010;
  box-shadow:0 18px 40px rgba(0,0,0,.10);
}

.pm79-signature{
  display:block;
  width:min(100%,260px);
  height:auto;
}

@media (max-width: 980px){
  .pm72-contact-hero-grid{
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-areas:"title" "benefits" "photo" !important;
    row-gap:22px !important;
  }

  .pm72-contact-hero-copy h1{
    font-size:clamp(52px,12vw,86px) !important;
    margin-bottom:18px !important;
  }

  .pm72-benefits ul{
    gap:12px !important;
  }

  .pm72-benefits li{
    max-width:100% !important;
  }

  .pm72-contact-photo{
    width:min(100%,420px) !important;
    max-width:420px !important;
    justify-self:start !important;
    height:clamp(240px,62vw,360px) !important;
    margin-top:6px !important;
  }

  .pm69-contact .pm72-direct-contact{
    margin-top:30px !important;
  }
}

/* =========================================================
   v80 — structure cleanup without touching existing assets
   ========================================================= */

/* Projects: one clear page title, nothing stacked above it. */
.projects-page main{
  padding-top:140px !important;
}
.projects-page .projects{
  padding-top:0 !important;
}
.projects-page .projects-head{
  display:block !important;
  margin-bottom:54px !important;
}
.projects-page .pm80-projects-title{
  margin:0 !important;
  font-family:"Space Grotesk",sans-serif !important;
  font-size:clamp(58px,7.2vw,104px) !important;
  font-weight:500 !important;
  line-height:.95 !important;
  letter-spacing:-.06em !important;
}

/* About: real paragraph rhythm; signature belongs below the copy. */
.inner-page .inner-hero .inner-intro{
  max-width:880px !important;
}
.inner-page .section-block > div{
  max-width:900px !important;
}
.inner-page .pm80-about-paragraph{
  margin:0 !important;
  max-width:900px !important;
  font-size:clamp(14px,1.15vw,16px) !important;
  line-height:1.9 !important;
}
.inner-page .pm80-about-paragraph + .pm80-about-paragraph{
  margin-top:1.55em !important;
}
.inner-page .pm79-signature-wrap{
  display:block !important;
  width:fit-content !important;
  margin:48px 0 0 !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.inner-page .pm79-signature{
  display:block !important;
  width:clamp(210px,19vw,300px) !important;
  height:auto !important;
}

/* Software / KI / Marketing: spacious, balanced, no redundant sub-label. */
.digital-contact-page .pm72-contact-main{
  max-width:1280px !important;
}
.digital-contact-page .pm77-contact-hero{
  padding-top:18px !important;
  padding-bottom:48px !important;
}
.digital-contact-page .pm78-digital-hero-copy{
  padding-top:28px !important;
}
.digital-contact-page .pm78-digital-hero-copy h1{
  max-width:930px !important;
  margin:0 !important;
  font-family:"Space Grotesk",sans-serif !important;
  font-size:clamp(68px,8.2vw,118px) !important;
  font-weight:500 !important;
  line-height:.96 !important;
  letter-spacing:-.06em !important;
  color:#17141c !important;
}
.digital-contact-page .pm78-digital-hero-copy h1 span{
  display:block !important;
}
.digital-contact-page .pm78-digital-intro{
  margin:0 !important;
  padding:56px 0 26px !important;
  border-top:1px solid rgba(23,20,28,.12) !important;
}
.digital-contact-page .pm80-digital-copywrap{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:clamp(36px,6vw,84px) !important;
  max-width:1120px !important;
}
.digital-contact-page .pm78-digital-intro .pm78-digital-copy{
  margin:0 !important;
  max-width:none !important;
  font-family:"Manrope",system-ui,sans-serif !important;
  font-size:clamp(19px,1.45vw,23px) !important;
  font-weight:500 !important;
  line-height:1.65 !important;
  letter-spacing:-.02em !important;
  color:#302a38 !important;
}
.digital-contact-page .pm72-direct-contact{
  margin-top:72px !important;
  margin-bottom:96px !important;
}

@media(max-width:820px){
  .projects-page main{padding-top:112px !important;}
  .projects-page .projects-head{margin-bottom:34px !important;}
  .digital-contact-page .pm77-contact-hero{padding-bottom:28px !important;}
  .digital-contact-page .pm78-digital-hero-copy h1{
    font-size:clamp(52px,13vw,82px) !important;
  }
  .digital-contact-page .pm78-digital-intro{
    padding-top:38px !important;
  }
  .digital-contact-page .pm80-digital-copywrap{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  .digital-contact-page .pm72-direct-contact{
    margin-top:48px !important;
    margin-bottom:64px !important;
  }
  .inner-page .pm79-signature-wrap{
    margin-top:36px !important;
  }
}

/* Start-Feinschliff: nahtloser Beispielbeginn, unveränderte Stilwechsel. */
.webdesign-page .pm43-preview-wrap {
  padding-top:0 !important;
  margin-top:0 !important;
  background:#17171b;
}
.webdesign-page .pm67-style-toolbar {
  box-shadow:0 6px 18px rgba(0,0,0,.08) !important;
}
.webdesign-page .pm44-craft-nav,
.webdesign-page .pm49-office-nav {box-shadow:none !important;}

/* Vollständiges Hochformat bei bestehender Bildbreite. */
.webdesign-contact-page .pm72-contact-photo {
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:1638 / 2048;
  overflow:hidden;
}
.webdesign-contact-page .pm72-contact-photo img {
  position:static !important;
  display:block;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  transform:none !important;
}
.webdesign-contact-page .pm72-brush-layer {background:rgba(55,173,108,.32) !important;}
.webdesign-contact-page.pm69-contact .pm72-direct-contact {margin-top:78px !important;}
@media(max-width:980px) {
  .webdesign-contact-page.pm69-contact .pm72-direct-contact {margin-top:68px !important;}
}

/* Neutrales Hellgrau, schwarze Linien und Text; Auswahl bleibt leicht lila. */
.webdesign-contact-page.pm69-contact .pm72-project-request {
  --contact-form-surface:#ededed;
  --contact-border:#111;
  --contact-selected:#f0e9fc;
  --contact-selected-text:#111;
  background:#ededed !important;
  border-color:#111 !important;
}
.webdesign-contact-page .pm72-wizard-form {background:transparent !important;}
.webdesign-contact-page .pm72-project-request :is(p,h3,legend,label,em,.pm69-scope-copy b,.pm69-scope-copy em,.pm72-single-field > span) {color:#111 !important;}
.webdesign-contact-page .pm72-project-request .pm69-pictogram {color:#9f7bff !important;}
.webdesign-contact-page .pm72-progress {background:#111 !important;}
.webdesign-contact-page .pm72-progress > span {background:#b18cff !important;}
.webdesign-contact-page .pm72-wizard-nav {border-top-color:#111 !important;}
.webdesign-contact-page.pm69-contact .pm72-wizard-form .pm66-choice > span,
.webdesign-contact-page.pm69-contact .pm72-wizard-form .pm66-check-grid label {
  border-color:#111 !important;
  color:#111 !important;
  background:#fff !important;
}
.webdesign-contact-page.pm69-contact .pm72-wizard-form .pm66-choice > input:checked + span,
.webdesign-contact-page.pm69-contact .pm72-wizard-form .pm66-check-grid label:has(input:checked) {
  border-color:#111 !important;
  background:#f0e9fc !important;
  box-shadow:inset 0 0 0 1px #111 !important;
}
.webdesign-contact-page.pm69-contact .pm72-wizard-form :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],textarea,select) {
  border-color:#111 !important;
  color:#111 !important;
}
.webdesign-contact-page .pm78-privacy-note {margin:24px 0 0;font-size:12px;line-height:1.6;}
.webdesign-contact-page .pm78-privacy-note a {color:#111;text-decoration:underline;text-underline-offset:3px;}