.data-intro{min-height:210px;padding:5vh 0 3vh;overflow:visible;border-bottom:3px solid var(--brown)}
.data-intro h1{z-index:3;white-space:nowrap;font-size:clamp(48px,8.65vw,130px);line-height:.78;letter-spacing:-.065em}
.data-intro .intro-accent{right:auto;left:.5%;top:2.5vh;width:31vw;height:21vh;transform:rotate(-1.5deg)}
.data-intro .intro-accent i{inset:28% -7% -12% 8%;background:var(--pale)}
.data-intro .intro-accent b{inset:0 8% 4% 0;transform:rotate(2.5deg)}
.project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:3.5rem 0 7rem}
.project-card{position:relative}
.project-card::before{content:"";position:absolute;z-index:-1;inset:16px -14px -14px 22%;background:rgba(220,229,237,.82)}
.project-card>a{position:relative;display:flex;flex-direction:column;min-height:560px;border-top:3px solid var(--brown);background:#f1eadc;text-decoration:none;transition:transform .35s var(--ease)}
.project-card>a:hover{transform:translateY(-5px)}
.project-image{position:relative;min-height:0;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,rgba(220,229,237,.72),rgba(233,220,197,.58))}
.project-image::before{content:"";position:absolute;inset:14%;border:1px solid rgba(116,62,44,.46)}
.project-image::after{content:"";position:absolute;left:14%;bottom:13%;width:48%;height:1px;background:var(--blue)}
.project-image span{position:absolute;right:14%;bottom:11%;color:var(--blue);text-transform:uppercase;letter-spacing:.15em;font-size:7px}
.project-copy{display:flex;flex:1;flex-direction:column;padding:2rem 2.1rem 1.75rem}
.project-label{margin:0 0 1.3rem;color:var(--blue);text-transform:uppercase;letter-spacing:.13em;font-size:9px}
.project-copy h2{max-width:720px;margin:0;color:var(--brown);font:clamp(27px,2.4vw,38px)/1.04 Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.025em}
.project-copy time{display:block;margin:1.35rem 0 0;color:var(--brown);font:italic 16px/1.4 var(--serif)}
.project-description{max-width:620px;margin:2rem 0;color:var(--ink);font:italic 17px/1.55 Georgia,"Times New Roman",serif;letter-spacing:.01em}
.project-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(23,37,58,.22);text-transform:uppercase;letter-spacing:.12em;font-size:9px}
.project-arrow{position:absolute;z-index:3;top:12px;right:12px;color:var(--brown);font:19px/1 var(--serif);transition:transform .3s var(--ease)}
.project-card>a:hover .project-arrow{transform:translate(2px,-2px)}
@media(max-width:1100px){
  .project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}
}
@media(max-width:760px){
  .site-header nav{gap:1rem}
  .site-header nav a{font-size:8px;letter-spacing:.09em}
  .data-intro{min-height:230px;padding:7vh 0 4.5vh;overflow:hidden}
  .data-intro h1{white-space:normal;font-size:14vw;line-height:.82}
  .data-intro .intro-accent{left:0;top:2vh;width:58vw;height:19vh}
  .project-list{display:grid;grid-template-columns:1fr;gap:2rem;padding:2.5rem 0 5rem}
  .project-card>a{display:block;min-height:0}
  .project-image{min-height:0;aspect-ratio:16/10}
  .project-copy{padding:2rem 1.5rem 1.5rem}
  .project-copy h2{font-size:31px;line-height:1.05}
  .project-arrow{left:auto;right:12px}
}

.project-image::before,.project-image::after{display:none}
.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s var(--ease)}
.project-image.project-image-contain img{object-fit:contain}
.project-card>a:hover .project-image img{transform:scale(1.02)}