/* DAVID BESORA — FINAL PROJECT HEADER CONSISTENCY */
:root{--paper:#e9e6de;--ink:#11110f;--rust:#9e341c;--line:rgba(17,17,15,.28)}
body{font-family:"Helvetica Neue","Neue Haas Grotesk",Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:.01em}
.masthead{height:180px!important;min-height:180px!important;padding:25px 28px!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:start!important;border-bottom:0!important;font-size:12px!important;line-height:1.15!important}
.masthead .name,.name{display:block;width:min(650px,70vw)!important;font-size:25px!important;line-height:.9!important;font-weight:300!important;letter-spacing:-.045em!important}
.masthead .name img,.name img{display:block;width:100%!important;height:auto!important}
.masthead nav,nav{display:flex!important;gap:0!important;color:#5e5c56!important;font-size:14px!important;line-height:1.15!important;text-transform:uppercase!important;font-weight:300!important;letter-spacing:0!important}

.masthead nav{position:absolute!important;top:25px!important;right:28px!important;padding-top:3px!important}
.masthead nav a{margin-left:18px!important}
.masthead nav a:first-child{margin-left:0!important}
.intro{height:160px!important;padding:20px 28px!important}
.intro-meta{display:none!important}
.intro-bottom{display:flex!important;justify-content:space-between!important;font-size:18px!important;line-height:1!important;letter-spacing:.08em!important}
.intro-bottom span:last-child{display:none!important}
h1{font-size:clamp(76px,6.7vw,108px)!important;line-height:.88!important;font-weight:300!important;letter-spacing:-.075em!important;margin:0 0 .7vw -.04em!important;white-space:nowrap!important}
.iphone-word{font-size:.50em!important;font-style:italic!important;letter-spacing:-.035em!important;display:inline-block;vertical-align:baseline;font-weight:300!important}
.project-grid{background:var(--ink);gap:1px}
.project-footer{display:none!important}
footer{font-size:12px!important}
@media (min-width:651px) and (max-width:1024px){
  .masthead{height:150px!important;min-height:150px!important;padding:20px!important}
  .masthead nav{top:20px!important;right:20px!important}
  .intro{height:150px!important;padding:18px 20px!important}
  h1{font-size:6.7vw!important}
}
@media(max-width:650px){
  .masthead{height:120px!important;min-height:120px!important;padding:16px!important;grid-template-columns:1fr auto!important}
  .masthead .name,.name{width:min(430px,78vw)!important;font-size:22px!important}
  .masthead nav{top:16px!important;right:16px!important}
  .masthead nav a{margin-left:10px!important}
  .intro{height:165px!important;padding:16px!important}
  h1{font-size:14vw!important;line-height:.9!important}
  .intro-bottom{font-size:16px!important}
}