.reference{background:#e8e3da;padding:110px 0}.reference-head{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}.reference-head h2{font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,5.5rem);line-height:.98;letter-spacing:-.04em;margin:10px 0 0}.reference-head>p{font-size:1.08rem;color:#4b4842;margin:0 0 10px}.project-gallery{display:grid;grid-template-columns:1.15fr 1.15fr .8fr;grid-template-rows:310px 310px;gap:12px;margin-top:55px}.project-gallery figure{margin:0;overflow:hidden;background:#ccc}.project-gallery figure:first-child{grid-row:1/3}.project-gallery .wide{grid-column:2/4}.project-gallery figure:last-child{grid-column:2}.project-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.project-gallery figure:hover img{transform:scale(1.025)}.project-credit{font-size:.82rem;color:#6b665e;margin-top:14px;text-transform:uppercase;letter-spacing:.12em}@media(max-width:850px){.reference{padding:80px 0}.reference-head{grid-template-columns:1fr;gap:22px}.project-gallery{grid-template-columns:1fr 1fr;grid-template-rows:330px 230px 300px}.project-gallery figure:first-child{grid-row:1}.project-gallery .wide{grid-column:1/3}.project-gallery figure:last-child{grid-column:auto}}@media(max-width:520px){.project-gallery{grid-template-columns:1fr;grid-template-rows:none}.project-gallery figure,.project-gallery figure:first-child,.project-gallery .wide,.project-gallery figure:last-child{grid-column:1;grid-row:auto;height:330px}.project-gallery .wide{height:220px}}
.reference-light{background:#f6f3ed;border-top:1px solid rgba(36,33,28,.12)}.project-gallery-six figure:last-child{grid-column:3}.project-gallery-six figure:nth-child(4){grid-column:2}.project-gallery-six figure:nth-child(5){grid-column:3}@media(max-width:850px){.project-gallery-six figure:last-child,.project-gallery-six figure:nth-child(4),.project-gallery-six figure:nth-child(5){grid-column:auto}}@media(max-width:520px){.project-gallery-six figure:last-child,.project-gallery-six figure:nth-child(4),.project-gallery-six figure:nth-child(5){grid-column:1}}
.workshop{padding:110px 0;background:#20231f;color:#f5f1e8}.workshop-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.workshop h2{font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,5.2rem);line-height:.98;letter-spacing:-.04em;margin:10px 0 28px}.workshop-copy{max-width:670px;color:#c8c9c2;font-size:1.08rem}.workshop-facts{border-top:1px solid rgba(255,255,255,.2)}.workshop-facts article{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:baseline;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.2)}.workshop-facts strong{font-family:Georgia,serif;font-size:clamp(1.65rem,3vw,2.6rem);font-weight:400}.workshop-facts span{color:#c8c9c2}.reference-dark{background:#d6d0c6;border-top:1px solid rgba(36,33,28,.14)}.project-gallery-eight{grid-template-rows:300px 300px 260px}.project-gallery-eight figure:nth-child(6){grid-column:1}.project-gallery-eight figure:nth-child(7){grid-column:2}.project-gallery-eight figure:nth-child(8){grid-column:3}.project-gallery-eight figure:first-child{grid-row:1/3}@media(max-width:850px){.workshop{padding:80px 0}.workshop-grid{grid-template-columns:1fr;gap:45px}.project-gallery-eight{grid-template-rows:330px 230px 260px 260px}.project-gallery-eight figure:nth-child(6),.project-gallery-eight figure:nth-child(7),.project-gallery-eight figure:nth-child(8){grid-column:auto}}@media(max-width:520px){.workshop-facts article{grid-template-columns:1fr;gap:6px}.project-gallery-eight{grid-template-rows:none}.project-gallery-eight figure:nth-child(6),.project-gallery-eight figure:nth-child(7),.project-gallery-eight figure:nth-child(8){grid-column:1}}