/* En ordenador, cada fotografía completa y su pie caben en una vista. */
@media(min-width:768px){
.project-detail main .real-wrap{max-width:1100px;padding-top:36px;padding-bottom:36px}
.project-detail main .real-title{font-size:clamp(27px,2.6vw,36px);line-height:1.2;margin-top:10px;margin-bottom:14px}
.project-detail main h2.real-title{font-size:clamp(25px,2.3vw,31px)}
.project-detail main .real-copy{line-height:1.7}
.project-detail main .real-list{margin-top:14px;margin-bottom:14px;line-height:1.7}
.project-detail main .real-pair{width:min(100%,720px);max-width:720px;margin-left:auto;margin-right:auto;gap:20px}
.project-detail main .real-pair img,.project-detail main .stage-project-intro>.real-pair img{width:100%;height:min(360px,calc(100svh - 400px));min-height:200px;aspect-ratio:auto!important;object-fit:contain!important;background:#f3f0eb}
.project-detail main .real-pair figcaption,.project-detail main .real-gallery figcaption,.project-detail main .project-five-sequence figcaption,.project-detail main .project-five-extra figcaption{padding:12px;font-size:12px;line-height:1.5}
.project-detail main .real-gallery{gap:20px;margin-top:24px}
.project-detail main .real-gallery figure{width:100%;max-width:340px;justify-self:center}
.project-detail main .real-gallery img{width:100%;height:min(300px,calc(100svh - 350px));min-height:180px;aspect-ratio:auto!important;object-fit:contain!important;background:#f3f0eb}
.project-detail main .project-five-sequence{max-width:940px;margin:22px auto 0;gap:20px}
.project-detail main .project-five-sequence img{height:min(340px,calc(100svh - 400px));min-height:200px;aspect-ratio:auto!important;object-fit:contain!important;background:#f3f0eb}
.project-detail main .project-five-extra{max-width:300px;margin:22px auto 0}
.project-detail main .project-five-extra img{height:min(340px,calc(100svh - 400px));min-height:200px;aspect-ratio:auto!important;object-fit:contain!important;background:#f3f0eb}
.project-detail main .project-comparison+.project-comparison{margin-top:36px}
.project-detail main .project-comparison .real-copy{margin-bottom:20px}
.project-detail main .project-five-pair{margin-top:20px}
.project-detail main .project-five-subtitle{margin-top:32px;font-size:25px}
.project-detail main .project-pet{gap:36px}
.project-detail main .project-pet img{max-height:min(360px,calc(100svh - 300px));object-fit:contain!important}
.project-detail main .real-hero-image{max-height:min(360px,calc(100svh - 350px))}
.project-detail main .project-four-overview{padding-top:0;gap:36px}
}