body,p,li,a{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important;font-weight:300}h1,h2,h3,h4,h5,h6{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important;font-weight:700}.ccm-portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}.ccm-portfolio-card{aspect-ratio:3/4;border-radius:2px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 24px;position:relative;overflow:hidden;cursor:pointer}.ccm-portfolio-card::after{content:'';position:absolute;inset:-1px;background:linear-gradient(to top,rgba(245,243,240,0.98) 0%,rgba(245,243,240,0.98) 25%,rgba(245,243,240,0.6) 60%,rgba(245,243,240,0.2) 100%);pointer-events:none;z-index:0;transition:background 0.3s}.ccm-portfolio-card:hover::after{background:linear-gradient(to top,rgba(0,0,0,0.88) 0%,rgba(0,0,0,0.88) 30%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.15) 100%)}.ccm-portfolio-click{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transition:opacity 0.3s}.ccm-portfolio-card:hover .ccm-portfolio-click{opacity:1}.ccm-portfolio-click-circle{width:52px;height:52px;border:2px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center}.ccm-portfolio-click-circle svg{width:22px;height:22px;stroke:#ffffff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ccm-portfolio-click-label{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:11px;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;color:#ffffff}.ccm-portfolio-label{color:#1A1A1A;transition:color 0.3s;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:1.2;margin-bottom:4px;position:relative;z-index:1}.ccm-portfolio-card:hover .ccm-portfolio-label{color:#ffffff}.ccm-portfolio-label-dot{color:#CC3A5A}.ccm-portfolio-sub{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;color:rgba(89,88,87,0.6);font-weight:300;transition:color 0.3s;position:relative;z-index:1}.ccm-portfolio-card:hover .ccm-portfolio-sub{color:rgba(255,255,255,0.7)}.ccm-portfolio-arrow{position:absolute;top:24px;right:24px;font-size:18px;color:rgba(89,88,87,0.3);transition:color 0.3s;z-index:1}.ccm-portfolio-card:hover .ccm-portfolio-arrow{color:#CC3A5A}@media (max-width:980px){.ccm-portfolio-grid{grid-template-columns:repeat(2,1fr)}.ccm-portfolio-card{padding:24px 20px}}@media (max-width:600px){.ccm-portfolio-grid{grid-template-columns:1fr}}html,html *{cursor:none!important}