.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.portfolio-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#f8f6ef}.portfolio-art{height:300px;position:relative;overflow:hidden}.santa-art{background:#364ec3;display:flex;align-items:center;padding:30px 22px;background-image:radial-gradient(circle at 90% 0%,#6473dd,transparent 55%)}.browser-mock{width:100%;border-radius:9px;overflow:hidden;box-shadow:0 20px 35px #09114a55;border:1px solid #ffffff60;transform:rotate(-3deg);transition:transform .2s}.santa-art:hover .browser-mock{transform:rotate(0deg)}.browser-bar{height:23px;background:#fbf5de;display:flex;align-items:center;gap:4px;padding:0 9px}.browser-bar i{width:4px;height:4px;background:#bebbb0;border-radius:50%}.browser-bar span{margin-left:9px;color:#686861;font:8px Arial,sans-serif}.browser-mock img{width:100%;display:block}.sf-label{position:absolute;bottom:13px;right:18px;color:#ffe000;font:600 10px 'Exo 2',sans-serif;letter-spacing:1.5px}.portfolio-body{padding:25px 26px 28px}.portfolio-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);letter-spacing:.04em}.portfolio-card h2{font-size:31px;margin:15px 0 10px}.portfolio-card p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.portfolio-card .link{font-size:13px}.live-status{color:#3c6948}.game-art{background:#253a34;color:#ecefdc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background-image:linear-gradient(#b2c5a70b 1px,transparent 1px),linear-gradient(90deg,#b2c5a70b 1px,transparent 1px);background-size:30px 30px}.game-art:before{content:'';width:190px;height:190px;position:absolute;border:1px solid #a3b7a125;border-radius:50%}.game-art svg{width:100px;height:75px;stroke:#d1dac5;fill:none;stroke-width:1.5;z-index:1}.game-art strong{font:600 24px Jura,sans-serif;letter-spacing:4px;z-index:1}.game-art small{font:10px 'Exo 2',sans-serif;letter-spacing:2px;color:#a9beac}.soon-status{color:#a54427}.coming-note{display:inline-block;margin-top:24px;font:600 13px Jura,sans-serif;color:#a54427;border:1px solid #cbbca9;border-radius:20px;padding:7px 13px}@media(max-width:760px){.portfolio-grid{grid-template-columns:1fr}.portfolio-art{height:310px}}@media(max-width:400px){.portfolio-art{height:245px}.portfolio-body{padding:21px}.santa-art{padding:23px 16px}}@media(prefers-reduced-motion:reduce){.browser-mock{transition:none}}