/* Celsius: business stationery within the existing portfolio design. */
.celsius-visual{background:#e2e9ed;color:var(--ink)}
.celsius-visual>img{position:absolute;box-shadow:4px 9px 22px #332a3120;transition:transform .4s}
.celsius-letter{width:37%;left:7%;top:16%;transform:rotate(-7deg)}
.celsius-envelope{width:60%;left:27%;top:43%;transform:rotate(5deg)}
.celsius-business-card{width:54%;left:40%;top:22%;transform:rotate(-6deg)}
.celsius-sticker{width:42%;left:51%;top:73%;transform:rotate(4deg)}
.celsius-visual:hover .celsius-letter{transform:translateY(-4px) rotate(-5deg)}
.celsius-visual:hover .celsius-envelope{transform:translateY(2px) rotate(3deg)}
.celsius-visual:hover .celsius-business-card{transform:translateY(-3px) rotate(-4deg)}
.celsius-visual:hover .celsius-sticker{transform:translateY(2px) rotate(2deg)}
#celsius-dialog .celsius-case-cards,#celsius-dialog .celsius-case-stationery{background:#e6ecef}
.celsius-case-stationery{margin-top:28px}
.celsius-case-stationery img{max-height:610px;object-fit:contain;margin-inline:auto}
.celsius-case-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:28px 35px 0;padding:35px;background:#e6ecef;border-radius:24px;align-items:center}
.celsius-case-labels figcaption{font-size:11px;color:var(--muted);margin-top:17px}
@media(max-width:620px){
 .celsius-case-stationery{margin-top:20px}
 .celsius-case-stationery img{max-height:520px}
 .celsius-case-labels{grid-template-columns:1fr;margin:20px 16px 0;padding:23px;gap:28px;border-radius:18px}
 .celsius-case-labels figcaption{font-size:10px;margin-top:13px}
}
@media(prefers-reduced-motion:reduce){.celsius-visual>img{transition:none}}