.scroll-branding { display: none; }
.work { padding-bottom: 110px; }
.work-title { padding-bottom: 38px; }
.project { position: relative; display: block; min-height: 760px; overflow: visible; }
.project-art { position: absolute; overflow: hidden; }
.project-info,.project-delivery .project-info { position: absolute; z-index: 8; display: block; padding: 0; background: transparent; color: var(--paper); }
.project-info > span { display: block; color: #76a9ef; }.project-info h3 { margin: 105px 0 26px; font-size: clamp(52px,6.1vw,98px); }.project-info p { margin: 0 0 28px; max-width: 290px; }.project-info a { border-bottom-color: #76a9ef; }
.project-showcase .showroom { left: 4.5%; right: 28%; top: 6%; bottom: 10%; background-color: #17447f; }.project-showcase .project-info { top: 17%; right: 6%; width: 27%; }.project-showcase .project-info h3 { margin-top: 115px; }
.project-delivery .delivery-previews { left: 22%; right: 4.5%; top: 8%; bottom: 9%; }.project-delivery .project-info { top: 17%; left: 6%; width: 26%; }.project-delivery .project-info h3 { margin-top: 115px; }
.project::after { left: 14%; right: 14%; bottom: 2px; }.project-showcase::before,.project-delivery::before { content: ""; position: absolute; z-index: 1; width: 11px; height: 11px; border: 1px solid #76a9ef; transform: rotate(18deg); }.project-showcase::before { right: 9%; top: 15%; }.project-delivery::before { left: 16%; top: 14%; }
.project-showcase .showroom-card.one { left: 8%; }.project-showcase .showroom-card.two { right: 9%; }.project-delivery .development-card { right: 4%; bottom: 9%; }
@media (max-width:720px) { .work { padding-bottom: 0; }.work-title { padding-bottom: 25px; }.project { display: flex; flex-direction: column; min-height: 0; height: auto; }.project-art,.project-showcase .showroom,.project-delivery .delivery-previews { position: relative; inset: auto; left: auto; right: auto; top: auto; bottom: auto; height: 490px; width: 100%; }.project-info,.project-delivery .project-info { position: relative; inset: auto; width: auto; padding: 42px 20px; background: #111722; order: 2; }.project-info h3,.project-showcase .project-info h3,.project-delivery .project-info h3 { margin: 55px 0 22px; font-size: 17vw; }.project::after { display: none; } }