/* PORTFOLIO PAGE — Responsive Text, Images, Hero */
/* === Typography === */
.portfolio-page h1,
.portfolio-page h2,
.portfolio-page h3 {
font-size: clamp(22px, 3vw, 48px) !important;
line-height: 1.2 !important;
}
.portfolio-page p {
font-size: clamp(14px, 1.2vw, 18px) !important;
line-height: 1.5 !important;
}
/* Buttons / links */
.portfolio-page a,
.portfolio-page button {
font-size: clamp(12px, 1vw, 16px) !important;
line-height: 1.3 !important;
padding: 0.5em 1em;
}
/* === Hero / Title canvas image === */
/* Force hero background images to fill their canvas fully */
.portfolio-page .canvas:first-of-type {
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/* If your hero uses an
![]()
instead of a background */
.portfolio-page .canvas:first-of-type img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
/* === Gallery images === */
.portfolio-page img,
.portfolio-page svg,
.portfolio-page .icon {
max-width: 100%;
height: auto;
display: block;
}
/* === Mobile padding === */
@media (max-width: 768px) {
.portfolio-page {
padding: 0 20px;
}
}