.drebulis-lp{ margin: 0; background: #FFFFFF; color: #14201A; font-family: "Instrument Sans", ui-sans-serif, system-ui, sans-serif; font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased; text-wrap: pretty; }
.drebulis-lp, .drebulis-lp *{ box-sizing: border-box; }
.drebulis-lp a{ color: #95492E; text-decoration: none; }
.drebulis-lp a:hover{ color: #A85A3C; }
.drebulis-lp a:focus-visible, .drebulis-lp button:focus-visible, .drebulis-lp input:focus-visible, .drebulis-lp summary:focus-visible{ outline: 2px solid #A85A3C; outline-offset: 3px; }
.drebulis-lp input:focus{ outline: 2px solid #A85A3C; outline-offset: 0; }
.drebulis-lp ::selection{ background: #A85A3C; color: #FFFFFF; }
.drebulis-lp summary{ list-style: none; }
.drebulis-lp summary::-webkit-details-marker{ display: none; }
.drebulis-lp details > summary > .om-pm{ transition: transform .25s cubic-bezier(.32,.72,.3,1); }
.drebulis-lp details[open] > summary > .om-pm{ transform: rotate(45deg); }
@keyframes omGrow{ 0%, 6% { transform: scaleY(.05); } 52%, 100% { transform: scaleY(1); } }
@keyframes omDrift{ 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

/* ---- wrapper hygiene -------------------------------------------------- */
.drebulis-lp{max-width:none;margin:0;padding:0}
.drebulis-lp img{max-width:100%;height:auto}
.drebulis-lp h1,.drebulis-lp h2,.drebulis-lp h3,.drebulis-lp p,.drebulis-lp ul{margin:0}
.drebulis-lp [data-reveal]{will-change:opacity,transform}
.drebulis-lp .om-grove,.drebulis-lp svg{overflow:visible}

/* ---- grove ------------------------------------------------------------ */
.drebulis-lp .om-trunk{transform-box:fill-box;transform-origin:50% 100%}

/* ---- responsive: the design has no breakpoints of its own ------------- */
@media (max-width:900px){
  .drebulis-lp .dlp-hero{grid-template-columns:1fr !important;gap:24px !important}
  .drebulis-lp .dlp-split{grid-template-columns:1fr !important;gap:26px !important}
}
@media (max-width:640px){
  .drebulis-lp section > div{padding-left:20px !important;padding-right:20px !important}
  .drebulis-lp .dlp-form{padding:22px 18px 24px !important}
}

/* ---- Fluent Forms inside the gradient contact card -------------------- */
.drebulis-lp .dlp-form .ff-el-group{margin-bottom:16px}
.drebulis-lp .dlp-form .ff-el-group:last-of-type{margin-bottom:0}
.drebulis-lp .dlp-form label,
.drebulis-lp .dlp-form .ff-el-input--label label{
  font-family:'JetBrains Mono',ui-monospace,monospace !important;
  font-size:10.5px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,.6) !important;
  font-weight:400 !important;
  margin-bottom:7px !important;
}
.drebulis-lp .dlp-form .ff-el-is-required.asterisk-right label:after{color:#C98A2E !important}
.drebulis-lp .dlp-form input[type=text],
.drebulis-lp .dlp-form input[type=email],
.drebulis-lp .dlp-form input[type=tel],
.drebulis-lp .dlp-form input[type=url],
.drebulis-lp .dlp-form input[type=number],
.drebulis-lp .dlp-form textarea,
.drebulis-lp .dlp-form select,
.drebulis-lp .dlp-form .ff-el-form-control{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:10px !important;
  padding:12px 13px !important;
  color:#FFFFFF !important;
  font-family:'Instrument Sans',ui-sans-serif,system-ui,sans-serif !important;
  font-size:15px !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  box-shadow:none !important;
}
.drebulis-lp .dlp-form .ff-el-form-control::placeholder{color:rgba(255,255,255,.42) !important;opacity:1}
.drebulis-lp .dlp-form .ff-el-form-control:focus{
  border-color:rgba(255,255,255,.5) !important;
  outline:2px solid #C98A2E !important;
  outline-offset:0 !important;
}
.drebulis-lp .dlp-form textarea{min-height:92px !important;resize:vertical}
.drebulis-lp .dlp-form select option{color:#14201A}
.drebulis-lp .dlp-form .ff-btn-submit,
.drebulis-lp .dlp-form button[type=submit]{
  background:#FFFFFF !important;
  color:#14201A !important;
  border:0 !important;
  border-radius:999px !important;
  font-family:'Instrument Sans',ui-sans-serif,system-ui,sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  padding:13px 22px !important;
  cursor:pointer;
  box-shadow:none !important;
  transition:background .15s;
}
.drebulis-lp .dlp-form .ff-btn-submit:hover,
.drebulis-lp .dlp-form button[type=submit]:hover{background:#EFEDE8 !important}
.drebulis-lp .dlp-form .ff-el-help-message{color:rgba(255,255,255,.5) !important;font-size:13px !important}
.drebulis-lp .dlp-form .text-danger,
.drebulis-lp .dlp-form .error-text{color:#F0B49B !important;font-size:13px !important}
.drebulis-lp .dlp-form .ff-message-success{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:12px !important;
  color:#FFFFFF !important;
  padding:16px !important;
}

.drebulis-lp .dlp-h1:hover{color: #FFFFFF !important; filter: brightness(1.06) !important}
.drebulis-lp .dlp-h2:hover{color: #14201A !important; border-color: #A85A3C !important; background: rgba(168,90,60,.05) !important}
.drebulis-lp .dlp-h3:hover{border-color: #A85A3C !important; box-shadow: 0 16px 34px -26px rgba(20,32,26,.5) !important}
.drebulis-lp .dlp-h4:hover{border-color: #A85A3C !important; box-shadow: 0 16px 34px -26px rgba(20,32,26,.5) !important}
.drebulis-lp .dlp-h5:hover{border-color: #A85A3C !important; box-shadow: 0 16px 34px -26px rgba(20,32,26,.5) !important}
.drebulis-lp .dlp-h6:hover{border-color: #A85A3C !important; box-shadow: 0 16px 34px -26px rgba(20,32,26,.5) !important}
.drebulis-lp .dlp-h7:hover{border-color: #3A5A45 !important; box-shadow: 0 24px 48px -34px rgba(20,32,26,.6) !important}
.drebulis-lp .dlp-h8:hover{border-color: #A85A3C !important; box-shadow: 0 24px 48px -34px rgba(20,32,26,.6) !important}
.drebulis-lp .dlp-h9:hover{border-color: #C98A2E !important; box-shadow: 0 24px 48px -34px rgba(20,32,26,.6) !important}
.drebulis-lp .dlp-h10:hover{border-color: #A85A3C !important; box-shadow: 0 24px 48px -34px rgba(20,32,26,.6) !important}
.drebulis-lp .dlp-h11:hover{border-color: #A85A3C !important; box-shadow: 0 24px 48px -34px rgba(20,32,26,.6) !important}
.drebulis-lp .dlp-h12:hover{border-color: #A85A3C !important; box-shadow: 0 24px 48px -34px rgba(20,32,26,.6) !important}
.drebulis-lp .dlp-h13:hover{color: #FFFFFF !important; filter: brightness(1.07) !important}
