:root{--font-head:'Sora',sans-serif;--font-body:'Inter',sans-serif}
.brand-logo{gap:.72rem;letter-spacing:-.045em}
.brand-logo img{display:block;width:45px;height:45px;flex:none}
.brand-name{font-family:'Sora',sans-serif;font-size:1.05rem;font-weight:800;color:#08111f;white-space:nowrap}
.brand-name>span{color:#1257ff}
.footer-logo .brand-name{color:#fff}
.footer-logo .brand-name>span{color:#3dd9ff}
@media(max-width:420px){.brand-logo img{width:40px;height:40px}.brand-name{font-size:.94rem}}

.project-kiwi .project-visual{background:#123c36;color:#daffad}

.project-photo{padding:0;background:#eaf0f7!important}
.project-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.project-water .project-photo img,.project-aqua .project-photo img{object-fit:contain;padding:20px}
.project-kiwi .project-photo img{object-fit:contain;padding:16px}
.project:hover .project-photo img{transform:scale(1.035)}
.project-photo .project-index{opacity:1;background:#08111f;color:white;padding:.4rem .65rem;border-radius:6px;font-size:.875rem}
.project-info>div{min-width:0;width:100%}
.project-info p{font-size:.875rem}
.project-url{display:block;color:var(--muted);font-size:.875rem;margin-top:.8rem;overflow-wrap:anywhere}
.project-visit{display:inline-flex;gap:.7rem;align-items:center;color:var(--blue);font-weight:700;font-size:.95rem;margin-top:.65rem}
.project:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.project:hover .project-photo img{transform:none}}

.project-visual.project-screenshot{display:block;height:auto;aspect-ratio:2.15/1;background:#eef2f8!important}
.project .project-screenshot img{object-fit:contain;padding:0;object-position:center;width:100%;height:100%}
.project .project-screenshot .project-index{left:.5rem;top:.5rem;opacity:.85}
.project-info .project-description{font-size:1rem;text-transform:none;letter-spacing:normal;line-height:1.65;margin:.85rem 0 .25rem}
.project-software .project-visit:focus-visible{outline:3px solid var(--blue);outline-offset:4px}