/* BERTA Contact — Dark Atelier. Loaded last and scoped to this page only. */
body .berta-page.berta-contact--reference {
  --contact-bg:#090908;
  --contact-surface:#12110f;
  --contact-ivory:#efe3ca;
  --contact-muted:#c9bda9;
  --contact-champagne:#c7aa83;
  --contact-line:rgba(199,170,131,.28);
  background-color:var(--contact-bg)!important;
  background-image:
    linear-gradient(90deg,rgba(3,3,3,.78) 0%,rgba(5,5,4,.70) 48%,rgba(6,6,5,.84) 100%),
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.48)),
    url('../images/contact-background.jpg')!important;
  background-position:center,center,center 42%!important;
  background-size:cover,cover,cover!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
  color:var(--contact-ivory)!important;
  min-height:calc(100vh - var(--header-h,74px));
  padding:clamp(72px,8vw,132px) 24px clamp(88px,10vw,148px);
}
body .berta-contact--reference .berta-contact__layout {
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:clamp(48px,8vw,120px);
  align-items:start;
  width:min(100%,1180px)!important;
  margin:0 auto!important;
  padding:0!important;
  direction:ltr;
}
body .berta-contact--reference .berta-contact__intro,
body .berta-contact--reference .berta-contact__form {
  min-width:0;
  color:var(--contact-ivory);
}
body .berta-contact--reference .berta-contact__intro {
  padding:clamp(12px,2vw,28px) clamp(36px,5vw,72px) 12px 0;
  border-right:1px solid var(--contact-line);
}
body .berta-contact--reference .berta-contact__eyebrow {
  margin:0 0 26px;
  color:var(--contact-champagne);
  font:500 10px/1.6 var(--berta-font-body,Arial,sans-serif);
  letter-spacing:.2em;
  text-transform:uppercase;
}
body .berta-contact--reference .berta-contact__title {
  margin:0 0 14px;
  color:var(--contact-ivory);
  font:400 clamp(48px,5.5vw,78px)/.98 var(--berta-font-display,Georgia,serif);
  letter-spacing:-.025em;
}
body .berta-contact--reference .berta-contact__tagline {
  margin:0 0 32px;
  color:var(--contact-champagne);
  font:400 clamp(16px,1.5vw,19px)/1.6 var(--berta-font-display,Georgia,serif);
}
body .berta-contact--reference .berta-contact__lead {
  max-width:390px;
  margin:0 0 clamp(52px,7vw,88px);
  color:var(--contact-muted);
  font:400 14px/1.9 var(--berta-font-body,Arial,sans-serif);
}
body .berta-contact--reference .berta-contact__details {
  display:flex;
  flex-direction:column;
  gap:14px;
  margin:0;
  padding:26px 0 0;
  border:0;
  border-top:1px solid var(--contact-line);
  color:var(--contact-muted);
  font:400 13px/1.8 var(--berta-font-body,Arial,sans-serif);
  font-style:normal;
}
body .berta-contact--reference .berta-contact-detail {
  display:grid;
  grid-template-columns:18px auto minmax(0,1fr);
  gap:10px;
  align-items:center;
  width:100%;
  max-width:410px;
  color:var(--contact-ivory);
  text-decoration:none;
}
body .berta-contact--reference .berta-contact-detail__icon {
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  color:var(--contact-champagne);
}
body .berta-contact--reference .berta-contact-detail__icon svg {
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body .berta-contact--reference .berta-contact-detail__label {
  color:var(--contact-champagne);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body .berta-contact--reference .berta-contact-detail__value {
  min-width:0;
  color:var(--contact-ivory);
  text-align:end;
  overflow-wrap:anywhere;
}
body .berta-contact--reference .berta-contact-detail:hover .berta-contact-detail__value {
  color:var(--contact-champagne);
}
body .berta-contact--reference:dir(rtl) .berta-contact-detail {
  grid-template-columns:18px auto minmax(0,1fr);
  direction:rtl;
}
body .berta-contact--reference:dir(rtl) .berta-contact-detail__label {
  letter-spacing:0;
  text-transform:none;
}
body .berta-contact--reference:dir(rtl) .berta-contact-detail__value {
  direction:ltr;
  text-align:left;
}
body .berta-contact--reference .berta-contact__details p {
  max-width:410px;
  margin:8px 0 0;
  color:var(--contact-muted);
}
body .berta-contact--reference .berta-contact__form {
  padding:clamp(28px,4vw,50px)!important;
  border:1px solid var(--contact-line)!important;
  background:rgba(9,9,8,.78)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.34)!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
body .berta-contact--reference .berta-contact-form {
  display:grid;
  gap:20px;
  font:400 12px/1.5 var(--berta-font-body,Arial,sans-serif);
}
body .berta-contact--reference .berta-contact-form__names {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
body .berta-contact--reference .berta-contact-form label {
  display:flex;
  flex-direction:column;
  gap:9px;
  color:var(--contact-muted);
  font-size:11px;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body .berta-contact--reference .berta-contact-form :is(input:not([type=hidden]),textarea,select) {
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:44px;
  padding:11px 13px!important;
  border:1px solid var(--contact-line)!important;
  border-radius:0!important;
  background:#0d0c0b!important;
  box-shadow:none!important;
  color:var(--contact-ivory)!important;
  caret-color:var(--contact-champagne);
  font:400 14px/1.5 var(--berta-font-body,Arial,sans-serif);
}
body .berta-contact--reference .berta-contact-form textarea {
  min-height:148px;
  resize:vertical;
}
body .berta-contact--reference .berta-contact-form :is(input,textarea,select):hover {
  border-color:rgba(199,170,131,.58)!important;
}
body .berta-contact--reference .berta-contact-form :is(input,textarea,select):focus-visible {
  border-color:var(--contact-champagne)!important;
  outline:2px solid var(--contact-champagne)!important;
  outline-offset:3px;
}
body .berta-contact--reference .berta-contact-form button {
  justify-self:end;
  min-width:136px!important;
  min-height:44px;
  padding:12px 28px;
  border:1px solid var(--contact-champagne)!important;
  background:var(--contact-champagne)!important;
  color:var(--contact-bg)!important;
  font:600 11px/1.2 var(--berta-font-body,Arial,sans-serif);
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
}
body .berta-contact--reference .berta-contact-form button:hover {
  border-color:var(--contact-ivory)!important;
  background:var(--contact-ivory)!important;
}
body .berta-contact--reference .berta-contact-form button:focus-visible {
  outline:2px solid var(--contact-ivory)!important;
  outline-offset:4px;
}
body .berta-contact--reference .berta-contact-form__notice {
  padding:14px 16px;
  border:1px solid var(--contact-line);
  background:#0d0c0b;
  color:var(--contact-ivory);
  font-size:13px;
}
body .berta-contact--reference .berta-contact-form__trap {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
}
body .berta-contact--reference:dir(rtl) .berta-contact__layout {
  direction:rtl;
}
body .berta-contact--reference:dir(rtl) .berta-contact__intro {
  padding-right:0;
  padding-left:clamp(36px,5vw,72px);
  border-right:0;
  border-left:1px solid var(--contact-line);
  text-align:right;
}
body .berta-contact--reference:dir(rtl) .berta-contact__form {
  text-align:right;
}
body .berta-contact--reference:dir(rtl) .berta-contact-form button {
  justify-self:start;
}
@media(max-width:760px) {
  body .berta-contact--reference .berta-contact__layout {
    grid-template-columns:minmax(0,1fr)!important;
    gap:42px;
    max-width:600px;
  }
  body .berta-page.berta-contact--reference {
    padding:64px 22px 84px;
    background-position:center,center,58% center!important;
  }
  body .berta-contact--reference .berta-contact__intro,
  body .berta-contact--reference:dir(rtl) .berta-contact__intro {
    padding:0 0 38px;
    border-right:0;
    border-left:0;
    border-bottom:1px solid var(--contact-line);
  }
  body .berta-contact--reference .berta-contact__lead {
    margin-bottom:42px;
  }
}
@media(max-width:420px) {
  body .berta-page.berta-contact--reference {
    padding:52px 18px 70px;
  }
  body .berta-contact--reference .berta-contact__title {
    font-size:42px;
  }
  body .berta-contact--reference .berta-contact__form {
    padding:24px 18px!important;
  }
  body .berta-contact--reference .berta-contact-form__names {
    grid-template-columns:1fr;
  }
  body .berta-contact--reference .berta-contact-form button {
    justify-self:stretch;
    width:100%;
  }
}