.process{background:#d9cbb2;color:#27241f;position:relative;overflow:hidden}
.process:before{content:"";position:absolute;inset:0;opacity:.12;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(59,45,29,.18) 4px)}
.process .container{position:relative}
.process .kicker{color:#9d421b}
.process .section-top>p{color:#51483d;font-family:"Roboto Slab",Georgia,serif;font-size:17px;line-height:1.75}
.process .section-top h2{font-family:Oswald,"Barlow Condensed",sans-serif;letter-spacing:-.025em;color:#28241f}
.process .section-top h2 span{color:#a9481c}
.process-list{border:0;gap:12px;position:relative}
.process-list li{position:relative;min-height:500px;padding:0;border:0;overflow:hidden;isolation:isolate;color:#fff;box-shadow:0 18px 35px rgba(54,40,25,.16)}
.process-list li:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(27,24,20,.16),rgba(27,24,20,.38) 42%,rgba(27,24,20,.96));transition:.35s}
.process-list li:after{content:"";position:absolute;z-index:2;inset:auto 0 0;height:6px;background:#b64f1f;transform:scaleX(.22);transform-origin:left;transition:.45s}
.process-list li:hover:after{transform:scaleX(1)}
.process-list li:hover>img{transform:scale(1.07);filter:sepia(.08) saturate(1.08)}
.process-list li>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s,filter .8s}
.process-list li:nth-child(2)>img{object-position:center 42%}
.process-list li:nth-child(4)>img{object-position:center 35%}
.process-list li>span{position:absolute;top:22px;right:22px;padding:7px 11px;background:#b64f1f;color:#f5ead5;font:700 15px Oswald,sans-serif;letter-spacing:.08em}
.process-list li>div{position:absolute;left:28px;right:25px;bottom:30px}
.process-list li small{display:block;margin-bottom:7px;color:#e9a06c;font:600 11px Oswald,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.process-list h3{margin:0 0 12px;color:#fff;font:700 42px/1 Oswald,"Barlow Condensed",sans-serif;letter-spacing:.025em;text-transform:uppercase;text-shadow:0 3px 18px rgba(0,0,0,.55)}
.process-list p{margin:0;color:#f1ebe1;font:500 15px/1.65 "Roboto Slab",Georgia,serif;text-shadow:0 2px 9px rgba(0,0,0,.65)}
@media(max-width:980px){.process-list{grid-template-columns:repeat(2,1fr)}.process-list li{min-height:450px}}
@media(max-width:650px){.process-list{display:grid;grid-template-columns:1fr;gap:14px}.process-list li{display:block;min-height:420px;padding:0;border:0}.process-list li>div{left:24px;right:24px;bottom:26px}.process-list h3{font-size:39px}.process-list p{font-size:15px}}