.service-tiles{padding:22px 5.3vw;background:var(--cream);display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.service-tiles article{background:#e6ded5;border-radius:7px;overflow:hidden}.service-tiles .process-tile{position:relative}.tile-process-toggle{position:absolute;inset:0;z-index:2;border:0;background:transparent;cursor:pointer}.tile-process-toggle:focus-visible{outline:2px solid var(--wine);outline-offset:-4px}.tile-process-copy{position:absolute;inset:0;z-index:1;display:flex;align-items:end;margin:0;padding:24px;background:linear-gradient(180deg,rgba(41,27,24,.12),rgba(41,27,24,.88));color:#fff;font-size:14px;line-height:1.55;text-align:left;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.process-tile:hover .tile-process-copy,.process-tile:focus-within .tile-process-copy,.process-tile.is-open .tile-process-copy{opacity:1;transform:translateY(0)}
.tile-image{height:310px;background-position:center;background-size:cover}
.tile-one{background-image:url('recce-measurements.png');background-position:75% center}
.tile-two{background-image:url('design-tile.png')}
.tile-three{background-image:url('print-tile.png')}
.tile-four{background-image:url('installation-tile.png')}
.service-tiles h3{font:400 25px/1.03 'DM Serif Display',serif;margin:15px 14px 17px;font-size:0}
.service-tiles h3:after{font:400 25px/1.03 'DM Serif Display',serif}
.service-tiles article:nth-child(1) h3:after{content:'Recce & Measurements'}
.service-tiles article:nth-child(2) h3:after{content:'Design'}
.service-tiles article:nth-child(3) h3:after{content:'Print'}
.service-tiles article:nth-child(4) h3:after{content:'Installation'}
.shared-stats{background:var(--plum);color:#fbf5ed;padding:82px 11vw;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;text-align:center}
.shared-stats article{border-left:1px solid rgba(251,245,237,.25);padding:3px 20px}
.shared-stats article:first-child{border-left:0}
.shared-stats strong{display:block;font:400 clamp(66px,7vw,110px)/.85 'DM Serif Display',serif;letter-spacing:-.06em}
.shared-stats strong span{color:#d9a993}
.shared-stats p{font-size:11px;letter-spacing:.13em;line-height:1.5;text-transform:uppercase;margin:19px 0 0}
.shared-quote{padding:105px 8vw;background:var(--wine);color:#fbf4eb;text-align:center}
.shared-quote p{font:400 clamp(42px,5vw,70px)/1.06 'DM Serif Display',serif;letter-spacing:-.04em;margin:0}
.shared-quote span{display:block;margin-top:28px;font-size:10px;letter-spacing:.15em}
.shared-contact{padding:110px 11vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#e1d4c8}
.shared-contact h2{font:400 clamp(48px,5vw,72px)/.94 'DM Serif Display',serif;letter-spacing:-.045em;margin:0}
.shared-contact>div>p:last-child{margin-top:24px;max-width:330px;line-height:1.7}
.shared-contact form{display:flex;flex-direction:column;gap:23px}
.shared-contact label{font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.shared-contact button{margin-top:8px;border:0;background:var(--ink);color:#fff;padding:16px 20px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-align:left}
.shared-contact button span{float:right;font-size:17px;line-height:10px}
@media(max-width:760px){.service-tiles{padding:12px 22px;grid-template-columns:repeat(2,1fr);gap:8px}
.tile-image{height:auto;aspect-ratio:1/1}
.tile-process-copy{padding:15px;font-size:12px;line-height:1.45}
.service-tiles h3{margin:11px}
.service-tiles h3:after{font-size:19px}
.shared-stats{padding:60px 20px;gap:0}
.shared-stats article{padding:3px 8px}
.shared-stats strong{font-size:55px}
.shared-stats p{font-size:8px;letter-spacing:.08em}
.shared-quote{padding:80px 25px}
.shared-contact{padding:82px 32px;grid-template-columns:1fr;gap:45px}
}