/* DTAT gallery V3.2 — de-duplicate imagery, tighten rhythm */
/* Projects: distinct 4:5 crops, same coherent image language */
.case:nth-child(1):after{background-image:url('/assets/v3/project-interior.webp')!important;background-position:center!important}
.case:nth-child(2):after{background-image:url('/assets/v3/project-spray.webp')!important;background-position:center!important}
.case:nth-child(3):after{background-image:url('/assets/v3/project-landscape.webp')!important;background-position:center!important}
/* Materials: three photographic tiles, each proving its material; the rest stay crafted */
#materials .mat:nth-child(1){background-image:linear-gradient(180deg,rgba(7,29,11,.16),rgba(7,29,11,.86)),url('/assets/v3/mat-wood.webp')!important;background-size:cover!important;background-position:center!important}
#materials .mat:nth-child(2){background-image:linear-gradient(180deg,rgba(7,29,11,.14),rgba(7,29,11,.85)),url('/assets/v3/mat-stone.webp')!important;background-size:cover!important;background-position:center!important}
#materials .mat:nth-child(3){background-image:linear-gradient(180deg,rgba(7,29,11,.12),rgba(7,29,11,.84)),url('/assets/v3/mat-metal.webp')!important;background-size:cover!important;background-position:center!important}
#materials .mat:nth-child(4){background-image:linear-gradient(180deg,rgba(7,29,11,.14),rgba(7,29,11,.85)),url('/assets/v3/mat-concrete.webp')!important;background-size:cover!important;background-position:center!important}
#materials .mat:nth-child(6){background-image:linear-gradient(180deg,rgba(7,29,11,.12),rgba(7,29,11,.83)),url('/assets/v3/mat-industrial.webp')!important;background-size:cover!important;background-position:center!important}
#materials .mat:nth-child(1):before,#materials .mat:nth-child(2):before,#materials .mat:nth-child(3):before,#materials .mat:nth-child(4):before,#materials .mat:nth-child(5):before,#materials .mat:nth-child(6):before{display:none}
#materials .mat h3{text-shadow:0 2px 16px rgba(0,0,0,.3)}
/* Decor card target highlight so navigation feels responsive */
#field-decor{scroll-margin-top:80px}
#field-decor:target{outline:2px solid #78df70;outline-offset:-2px}
#field-decor:target h3{color:#78df70!important}
.svc-link{display:inline-block;margin-top:8px;color:var(--green,#1a9410);font-weight:600;text-decoration:underline;font-size:13px}
.svc-link:hover{color:#0c2e12}
/* Contact form: keep labels visible for accessibility and clarity */
.form label{display:block!important;margin-bottom:6px!important;font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#cfdccf!important}
/* Values: tighten number-to-text alignment */
.value{display:flex!important;flex-direction:column!important}
.value b{line-height:1!important;margin-bottom:2px!important}
.value h3{margin-top:14px!important}
/* Tighten vertical rhythm */
section{padding-block:clamp(80px,9vw,130px)!important}
#about{padding-block:clamp(64px,7vw,100px)!important}
#knowledge{padding-block:60px!important}
.section-head{margin-bottom:54px!important}
.values{margin-top:80px!important}
/* Keep the refined process band, reduce its dominance */
.process:after{background:linear-gradient(90deg,rgba(7,29,11,.9) 0%,rgba(7,29,11,.72) 46%,rgba(7,29,11,.22) 100%)!important}
@media(max-width:900px){
 #materials .mat:nth-child(1),#materials .mat:nth-child(2),#materials .mat:nth-child(3){min-height:200px!important}
 .case{min-height:440px!important}
}
@media(max-width:580px){
 section{padding-block:56px!important}
 #about{padding-block:44px!important}
 #knowledge{padding-block:44px!important}
 .section-head{margin-bottom:36px!important}
 .values{margin-top:56px!important}
 .case{min-height:420px!important}
 .service p,.area p,.value p{font-size:13.5px!important;line-height:1.7!important}
}