/* V3.0 — Contact readability + image clarity. Loaded last on purpose. */

/* Keep photographic assets crisp. Do not soften actual content images. */
.hero-frame img,
.service-shot img,
.services-landing-image img,
.service-hero-visual img,
.post-thumb img,
.single-cover,
.digital-shift-image img{
  filter:none!important;
  opacity:1!important;
  image-rendering:auto;
  -ms-interpolation-mode:bicubic;
  backface-visibility:hidden;
}
.hero-frame:after{background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 24%,transparent 78%,rgba(245,130,18,.045))!important}
.service-hero-visual:after{background:linear-gradient(140deg,rgba(255,255,255,.045),transparent 19%,transparent 77%,rgba(245,130,18,.055))!important}
.service-shot:after,.post-thumb:after{backdrop-filter:none!important}
@media(hover:hover){
  .service-card:hover .service-shot img{filter:none!important;transform:scale(1.035)!important}
  .post-card:hover .post-thumb img{filter:none!important;transform:scale(1.025)!important}
}
/* The 3D module is animated by CSS; remove its old soft photographic texture. */
.lab-3d .cube-scene{background-image:radial-gradient(circle at 50% 45%,rgba(245,130,18,.16),transparent 32%),linear-gradient(145deg,#130d09,#080605)!important}

/* Contact section: high-contrast, client-friendly form card. */
.contact-grid{align-items:start}
.contact-form{
  position:relative;
  background:linear-gradient(180deg,#fffaf5 0%,#fff2e7 100%)!important;
  border:1px solid rgba(245,130,18,.26)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.8) inset!important;
  color:#251a12!important;
  padding:36px!important;
}
.form-intro{padding-bottom:23px;margin-bottom:24px;border-bottom:1px solid #ead9ca}
.form-intro span{display:block;color:#c45d00;font:800 10px "Syne",sans-serif;letter-spacing:.16em;margin-bottom:8px}
.form-intro h3{color:#1e1610!important;font-size:30px!important;line-height:1.06;margin:0 0 8px!important}
.form-intro p{color:#6d5a4c!important;font-size:13px!important;line-height:1.6;margin:0!important;max-width:620px}
.contact-form label{
  color:#33261d!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  gap:9px!important;
  margin-bottom:17px!important;
}
.contact-form input,
.contact-form select,
.contact-form textarea{
  min-height:54px;
  background:#fff!important;
  color:#201710!important;
  border:1px solid #d8c6b7!important;
  border-radius:14px!important;
  padding:14px 15px!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.35!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset!important;
  caret-color:#d46600;
}
.contact-form textarea{min-height:150px;resize:vertical;line-height:1.55!important}
.contact-form input::placeholder,
.contact-form textarea::placeholder{color:#806f62!important;opacity:1!important;font-weight:500!important}
.contact-form select{color:#2c2119!important;background-color:#fff!important}
.contact-form select option{background:#fff!important;color:#201710!important}
.contact-form input:hover,
.contact-form select:hover,
.contact-form textarea:hover{border-color:#cda884!important}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  outline:none!important;
  color:#17110d!important;
  background:#fff!important;
  border-color:#e47713!important;
  box-shadow:0 0 0 4px rgba(245,130,18,.14),0 12px 28px rgba(122,65,16,.08)!important;
  transform:none!important;
}
.contact-form .btn{min-height:52px;font-size:14px!important;padding-inline:24px!important;background:linear-gradient(135deg,#f58212,#d96500)!important;box-shadow:0 13px 30px rgba(213,101,0,.22)!important}
.contact-form .form-status{color:#6a3815!important;background:#fff4e7;border:1px solid #e9c9a7;padding:11px 13px;border-radius:12px}
.contact-email{color:#ffc27e!important;text-decoration-thickness:1px;text-underline-offset:4px}

/* Make foreground imagery use more of the available area without dimming it. */
.service-shot{background:#17100b!important}
.service-shot img,.services-landing-image img{object-position:center center!important}
.hero-frame img{object-fit:cover!important;object-position:center center!important}

@media(max-width:767px){
  .contact-form{padding:22px!important;border-radius:20px!important}
  .form-intro{padding-bottom:18px;margin-bottom:19px}
  .form-intro h3{font-size:25px!important}
  .contact-form label{font-size:13px!important;margin-bottom:14px!important}
  .contact-form input,.contact-form select,.contact-form textarea{font-size:16px!important;min-height:54px!important}
  .contact-form textarea{min-height:140px!important}
  .contact-form .btn{width:100%!important}
  .service-shot{height:250px!important}
  .service-shot img{object-fit:cover!important}
  .hero-frame img{object-position:center center!important}
}
@media(max-width:479px){
  .contact-form{padding:17px!important}
  .form-intro h3{font-size:23px!important}
  .service-shot{height:220px!important}
}