.portfolio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.project{background:#131419;border:1px solid var(--line);min-width:0;display:flex;flex-direction:column}.project-visual{height:310px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border-bottom:1px solid var(--line)}.project-index{position:absolute;top:16px;left:16px!important;font:10px 'Courier New',monospace!important;letter-spacing:1px!important;background:#0c0d10cc;color:#fff;padding:7px 10px;z-index:2}.neon .project-visual{background:#0d1620}.neon .project-visual>img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.valoria .project-visual{background:radial-gradient(ellipse at top,#473659 0%,#211c31 65%)}.valoria .project-visual>img{width:92px;height:92px;image-rendering:auto}.valoria .project-visual>span:not(.project-index){font:22px/1.12 Georgia,serif;letter-spacing:4px;text-align:center;color:#ecd591}.valoria b{font-size:35px;font-weight:400}.valoria small{font:9px 'Courier New',monospace;letter-spacing:5px;color:#bca370}.llw .project-visual{background:radial-gradient(ellipse at center,#3b1d29,#140e19 80%)}.llw .project-visual>span:not(.project-index){font:bold italic 106px/.9 Arial,sans-serif;letter-spacing:-8px;color:#fff;z-index:1;text-shadow:6px 5px 0 #ba344f}.llw small{font:9px 'Courier New',monospace;letter-spacing:3px;z-index:1;color:#e5a5b1}.ring{position:absolute;width:75%;height:130px;border:2px solid #a33d54;transform:perspective(450px) rotateX(54deg) rotateZ(-10deg);box-shadow:0 14px 0 -2px #19121b,0 16px #94394e,0 28px 0 -2px #19121b,0 30px #94394e;opacity:.65}.grimmdesk .project-visual{background:#e8ecde;color:#274735}.grimmdesk .project-visual>img{width:90px;height:90px}.grimmdesk .project-visual>span:not(.project-index){font:39px Georgia,serif;letter-spacing:-2px}.grimmdesk small{font:9px 'Courier New',monospace;letter-spacing:2px}.project-info{padding:30px;display:flex;flex:1;flex-direction:column}.project-info .eyebrow{font-size:10px;color:var(--muted);margin-bottom:15px}.project-info h3{font-size:30px;letter-spacing:-1px;line-height:1.12;margin-bottom:18px}.project-info>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:28px;max-width:520px}.project-cta,.coming{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--line);margin-top:auto;font-size:13px}.project-cta span{color:var(--acid);font-size:22px}.project-cta:hover{color:var(--acid)}.coming{color:#e5a5b1;font:11px 'Courier New',monospace;letter-spacing:1px}.social-directory{padding:35px 0;border-bottom:1px solid var(--line)}.social-directory>h3{font-size:25px;letter-spacing:-.5px;margin-bottom:28px}.social-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.social-group h4{font-size:14px;line-height:1.5;margin-bottom:16px}.social-group nav{display:flex;flex-wrap:wrap;gap:12px 18px}.social-group a{font-size:13px;line-height:1.6;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.social-group a:hover{color:var(--acid)}@media(max-width:900px){.project-visual{height:260px}.project-info{padding:24px}.project-info h3{font-size:26px}.portfolio{gap:20px}}@media(max-width:650px){.portfolio{grid-template-columns:1fr;gap:25px}.project-visual{height:240px}.project-info{padding:25px}.project-info h3{font-size:28px}.social-groups{grid-template-columns:1fr;gap:28px}}
