/* Same project cards and original logo balloon; paper for print, phone for digital. */
.project-hub .project-card--catalog .project-photo>picture>img{object-position:50% 32%;filter:none}
.project-hub .project-card--catalog .project-photo::after{inset:50% 0 0;background:linear-gradient(transparent,#032b58ba 62%,#032b58e8)}
.project-hub .project-card--catalog .project-reveal{right:calc(35% + 27px);bottom:75px}
.project-hub .project-card--catalog .project-reveal>strong{font-size:clamp(25px,2.3vw,32px)}
.project-catalog-book{position:absolute;z-index:2;width:33%;right:6%;bottom:-23px;pointer-events:none;transform:perspective(700px) rotateY(-13deg) rotate(8deg);transform-origin:50% 85%;filter:drop-shadow(-9px 11px 9px #001a3b66)}
.project-catalog-book>span{display:block;position:relative;background:#e9e6dd;border-radius:1px;box-shadow:4px 2px 0 #c4c6c6,6px 3px 0 #f6f4ed,8px 4px 0 #aeb3b6}
.project-catalog-book>span::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0002,transparent 6%,#fff2 10%,transparent 16%,transparent 93%,#0001);pointer-events:none}
.project-catalog-book img{display:block;width:100%;height:auto;border-radius:1px}
.project-hub .project-card--catalog:hover .project-logo,.project-hub .project-card--catalog:focus-visible .project-logo{transform:scale(1.06)}
.project-card--catalog .project-device{width:29%}
.project-card--catalog .project-device-screen>img{display:block;width:100%;height:auto;aspect-ratio:300/615;object-fit:cover;object-position:top}
@media(max-width:600px){.project-hub .project-card--catalog .project-reveal>strong{font-size:30px}.project-hub .project-card--catalog .project-reveal{bottom:76px;right:calc(34% + 22px)}}
@media(prefers-reduced-motion:reduce){.project-hub .project-card--catalog:hover .project-logo,.project-hub .project-card--catalog:focus-visible .project-logo{transform:none}}