:root{--headerH:96px}
header{background:transparent;pointer-events:none}
header a{pointer-events:auto;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(32px,3.2vw,52px);font-weight:900;text-transform:uppercase;letter-spacing:-.035em}
header .close{color:#101214;font-size:72px;font-weight:700;min-width:64px;min-height:64px}
header a:hover,header a:focus-visible{color:#fef5a6;text-decoration:none}
.projectPage{inset:0;padding:0 0 0 8px}
.projectText{padding-top:0}
.projectImages{padding:0}
.title{font-family:"Arial Black",Arial,sans-serif;font-weight:900;letter-spacing:-.055em;line-height:.9;transform:scaleX(.92);transform-origin:left top}
@media(max-width:1000px){
:root{--headerH:76px}
header a{font-size:clamp(22px,6.4vw,32px);color:#fff}
header .close{color:#101214;font-size:60px;min-width:56px;min-height:56px}
.projectPage{padding:0 0 32px}
.projectImages{order:-1}
.projectText{padding:0 8px}
}

.projectImages{container-type:inline-size;--landscapeRatio:1.5}
.projectImages figure.is-portrait img{width:auto;max-width:100%;height:auto;max-height:calc(100cqw / var(--landscapeRatio));margin-left:0;margin-right:auto;object-fit:contain}