.archive-body{background:#e6e1d7}
.archive-main{padding-top:72px}
.archive-hero{padding:100px var(--pad) 85px}
.archive-hero h1{margin:22px 0 45px;font-size:clamp(70px,10vw,155px);font-weight:300;letter-spacing:-.075em;line-height:.82}
.archive-hero h1 em{color:var(--green);font-family:Georgia,serif;font-weight:400}
.archive-hero>div{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px}
.archive-hero>div p{max-width:480px;color:#676c67;font-size:13px;line-height:1.75}
.archive-hero>div span{font-size:9px;letter-spacing:.15em}
.archive-grid{display:grid;padding:0 var(--pad) 120px;grid-template-columns:repeat(12,1fr);gap:70px 16px}
.archive-card{grid-column:span 6;text-align:left}
.archive-card:nth-child(4n+1),.archive-card:nth-child(4n){grid-column:span 7}
.archive-card:nth-child(4n+2),.archive-card:nth-child(4n+3){grid-column:span 5}
.archive-image{display:block;height:640px;overflow:hidden}
.archive-card:nth-child(3n) .archive-image{height:500px}
.archive-image img{width:100%;height:100%;object-fit:cover;transition:.7s}
.archive-card:hover img{transform:scale(1.025)}
.archive-meta{display:flex;padding-top:14px;justify-content:space-between}
.archive-meta h2{font-size:18px;font-weight:500}
.archive-meta span{color:#6c716d;font-size:9px;letter-spacing:.13em}
.archive-back{font-size:10px;letter-spacing:.1em}
@media(max-width:900px){.archive-header .header-phone{display:none}.archive-hero{padding-top:75px}.archive-hero>div{align-items:flex-start;flex-direction:column;gap:25px}.archive-grid{gap:42px}.archive-card,.archive-card:nth-child(4n+1),.archive-card:nth-child(4n),.archive-card:nth-child(4n+2),.archive-card:nth-child(4n+3){grid-column:span 12}.archive-image,.archive-card:nth-child(3n) .archive-image{height:65vh;max-height:620px}}
@media(max-width:560px){.archive-hero h1{font-size:18vw}.archive-grid{padding-bottom:80px}.archive-header .desktop-nav{display:none}.archive-back{font-size:9px}}