/* Shared related-project cards, including the older case templates. */
@font-face{font-family:Archivo;src:url('../assets/fonts/Archivo-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url('../assets/fonts/Archivo-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('../assets/fonts/NotoSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('../assets/fonts/NotoSans-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
.study-next{--page:#f5f3ef;--ink:#1c1b1b;--muted:#948c7e;--link-hover:#cf8900;--motion-easing:cubic-bezier(.42,0,.58,1);color:var(--ink);font-family:Archivo,'Noto Sans',sans-serif;font-size:18px;font-weight:400;line-height:22px;font-synthesis:none}
.next-case-xorder{--case-bg:#f8e9c9}.next-case-mbulak{--case-bg:#e7ede2}
.study-next .phone-screen,.study-next .phone-frame,.study-next .phone-island,.study-next .phone-island img{position:absolute}
.study-next .phone-island{background:black}
.study-next h2,.study-next h3,.study-next p{margin:0}
.study-next h2{font-size:36px;font-weight:500;line-height:43px}
.study-next h3{font-size:24px;font-weight:500;line-height:29px}
.study-next-arrow{cursor:pointer;color:inherit;font:inherit}
.study-next a{text-decoration:none;color:inherit}
.study-next .study-return{color:var(--muted)}
.study-next .study-return:hover{color:var(--link-hover)}
@media(max-width:700px){.study-next h2{font-size:28px;line-height:1.2}.study-next h3{font-size:22px;line-height:26px}}

.next-case-phone .phone-artwork{display:block;width:100%;height:100%;object-fit:contain}