/* Shared mobile layout and typography for every project and IA example. */

@media(max-width:1079px){
body{background:#f7f7f7}#site-surface{box-shadow:none}
.project-detail{width:1125px;padding-top:337.06px}
.detail-header{left:54.695px;width:1015.61px;height:162.68px;border-radius:0 0 76px 76px}
.detail-nav,.detail-heading{display:none}
.detail-logo{left:auto;right:71.225px;top:28.7px;width:101.84px;height:50.36px}
.project-pager{left:120.64px;top:251.36px;font-size:20px;line-height:28px}
.detail-content{display:block;margin-left:120.46px;width:884.08px}
.detail-copy h1{font-size:56px;line-height:67.2px;letter-spacing:0;margin-bottom:9.93px}
.detail-copy p{font-size:35px;line-height:42px}
.detail-copy .project-description+.project-description{margin-top:28px}
.project-client,.project-credits{margin-top:56px!important}
.detail-copy .project-credits p+p{margin-top:14px}
.detail-images{width:884.08px;gap:16.31px;margin-top:161.73px}
.detail-images img{width:100%;height:auto}
.detail-footer{width:933.03px;height:129.167px;margin:286.94px 0 0 102.34px;padding:35.8px 47.269px;border-radius:70px 70px 0 0}
}

@media(max-width:1079px){
.project-pager a{position:relative;display:inline-block}
.project-pager a::after{content:"";position:absolute;inset:calc(-10px / var(--mobile-artboard-scale,.333333)) calc(-6px / var(--mobile-artboard-scale,.333333))}
.detail-footer{height:175px;padding-top:37px}
.detail-footer div{font-size:max(calc(14.37px + var(--mobile-large-step,9px)),calc(11px / var(--mobile-artboard-scale,.333333)));line-height:1.4}
}

@media(max-width:1079px){
.project-detail{--detail-title-size:calc(56px + var(--mobile-type-step,6px));--detail-body-size:calc(35px + var(--mobile-type-step,6px));--detail-pager-size:max(calc(20px + var(--mobile-large-step,9px)),calc(12px / var(--mobile-artboard-scale,.333333)))}
.project-detail .detail-copy h1{font-size:var(--detail-title-size);line-height:1.2;font-weight:700}
.project-detail .detail-copy p{font-size:var(--detail-body-size);line-height:1.2;font-weight:400}
.project-detail .project-pager{font-size:var(--detail-pager-size);line-height:1.4}
.project-detail .project-pager a,.project-detail .pager-divider{font-size:inherit;line-height:inherit}
}