main .projects-section{padding-bottom:72px;scroll-margin-top:24px}main .projects-section .section-heading .see-all{letter-spacing:.09em;text-transform:uppercase;color:#a1c6d4;flex-shrink:0;align-items:center;gap:14px;font-family:IBM Plex Mono,monospace;font-size:.75rem;text-decoration:none;transition:color .18s;display:flex}main .projects-section .section-heading .see-all .arrow{width:18px;height:18px}main .projects-section .section-heading .see-all:hover,main .projects-section .section-heading .see-all:focus-visible{color:#60ddff}main .projects-section .section-heading .see-all:hover .arrow,main .projects-section .section-heading .see-all:focus-visible .arrow{transform:translate(4px)}main .projects-section .arrow{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;transition:transform .18s}main .projects-section .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}main .projects-section .project-card{--border:3px;--pad:10px;--cut:16px;--tl:0px;--tr:0px;--br:0px;--bl:0px;--edge:#a1c6d459;color:#e8faff;min-width:0;text-decoration:none;transition:filter .18s;display:block}main .projects-section .project-card:first-child{--tl:var(--cut);--br:var(--cut)}main .projects-section .project-card:last-child{--tr:var(--cut)}main .projects-section .project-card .card-shape{clip-path:polygon(var(--tl) 0, calc(100% - var(--tr)) 0, 100% var(--tr), 100% calc(100% - var(--br)), calc(100% - var(--br)) 100%, var(--bl) 100%, 0 calc(100% - var(--bl)), 0 var(--tl));padding:var(--border);background:var(--edge);transition:background .18s}main .projects-section .project-card .card-inner{clip-path:polygon(max(0px, var(--tl) - calc(var(--border) * .586)) 0, calc(100% - max(0px, var(--tr) - calc(var(--border) * .586))) 0, 100% max(0px, var(--tr) - calc(var(--border) * .586)), 100% calc(100% - max(0px, var(--br) - calc(var(--border) * .586))), calc(100% - max(0px, var(--br) - calc(var(--border) * .586))) 100%, max(0px, var(--bl) - calc(var(--border) * .586)) 100%, 0 calc(100% - max(0px, var(--bl) - calc(var(--border) * .586))), 0 max(0px, var(--tl) - calc(var(--border) * .586)));padding:var(--pad);background:#06131b}main .projects-section .project-card .preview-art,main .projects-section .project-card .project-image{clip-path:polygon(max(0px, var(--tl) - calc((var(--border) + var(--pad)) * .586)) 0, calc(100% - max(0px, var(--tr) - calc((var(--border) + var(--pad)) * .586))) 0, 100% max(0px, var(--tr) - calc((var(--border) + var(--pad)) * .586)), 100% calc(100% - 0px), calc(100% - 0px) 100%, 0px 100%, 0 calc(100% - 0px), 0 max(0px, var(--tl) - calc((var(--border) + var(--pad)) * .586)))}main .projects-section .project-card:hover,main .projects-section .project-card:focus-visible{--edge:#60ddff;filter:drop-shadow(0 0 10px #60ddff59)}main .projects-section .project-card:hover .card-title .arrow,main .projects-section .project-card:focus-visible .card-title .arrow{transform:translate(4px)}main .projects-section .project-card:hover .preview-shape,main .projects-section .project-card:focus-visible .preview-shape{transform:translateY(-4px)}main .projects-section .project-card:focus-visible{outline-offset:4px;outline:2px solid #ffbc66}main .projects-section .card-body{padding:clamp(12px,1.8vh,22px) 10px 12px}main .projects-section .card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}main .projects-section .card-title .card-name{text-transform:uppercase;margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(1.8rem,2.4vw,2.3rem);font-weight:700;line-height:1}main .projects-section .card-title .arrow{color:#60ddff;width:28px;height:28px}main .projects-section .metadata{letter-spacing:.09em;text-transform:uppercase;letter-spacing:.14em;color:#a1c6d4;flex-wrap:wrap;margin:14px 0 0;padding:0;font-family:IBM Plex Mono,monospace;font-size:.75rem;list-style:none;display:flex}main .projects-section .metadata li:not(:last-child):after{content:"/";margin-inline:1.1em}main .projects-section .project-image{object-fit:cover;object-position:top center;width:100%;height:clamp(150px,27vh,300px);display:block}main .projects-section .preview-art{box-sizing:border-box;color:#e8faff;background:#07151f;height:clamp(150px,27vh,300px);padding:7%;position:relative;overflow:hidden}main .projects-section .preview-art.pulse{background:#10182b}main .projects-section .preview-art.pulse .preview-shape i{background:#17294b;border-color:#759eff55}main .projects-section .preview-art.pulse .preview-shape i:nth-child(2){background:#243754}main .projects-section .preview-art.pulse .preview-shape i:nth-child(3){background:#314764}main .projects-section .preview-art.fragments{color:#142630;background:#d8e7e9}main .projects-section .preview-art.fragments .preview-inner strong{font-family:Georgia,serif;font-weight:400}main .projects-section .preview-art.fragments .preview-shape i{background:#37515b;border-color:#b6c9cc}main .projects-section .preview-art.fragments .preview-shape i:nth-child(2){background:#8da6ac}main .projects-section .preview-art.fragments .preview-shape i:nth-child(3){background:#507782}main .projects-section .preview-top{text-transform:uppercase;justify-content:space-between;align-items:center;font-family:IBM Plex Mono,monospace;font-size:.65rem;display:flex}main .projects-section .preview-top span{opacity:.65;font-size:.5rem}main .projects-section .preview-inner{align-items:center;height:70%;display:flex;position:relative}main .projects-section .preview-inner strong{z-index:1;font-family:Inter,Arial,sans-serif;font-size:clamp(1rem,1.75vw,1.7rem);font-weight:500;line-height:1.1}main .projects-section .preview-shape{width:40%;height:90%;transition:transform .25s;position:absolute;top:12%;right:0}main .projects-section .preview-shape i{background:#0c3544;border:1px solid #60ddff66;position:absolute;inset:0;transform:rotate(-13deg)}main .projects-section .preview-shape i:nth-child(2){background:#134555;transform:rotate(-5deg)translate(12%)}main .projects-section .preview-shape i:nth-child(3){background:linear-gradient(155deg,#255f70,#09222b);transform:rotate(4deg)translate(24%)}main .projects-section .demo-label{opacity:.75;font-family:IBM Plex Mono,monospace;font-size:.52rem;position:absolute;bottom:8%}@media (width>=1200px) and (height<=700px){main .projects-section .preview-art,main .projects-section .project-image{height:21vh}}@media (width<=1199px){main .projects-section .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main .projects-section .preview-art,main .projects-section .project-image{aspect-ratio:8/5;height:auto}main .projects-section .preview-inner strong{font-size:1.7rem}}@media (width<=767px){main .projects-section{padding-bottom:40px}main .projects-section .project-grid{grid-template-columns:1fr}main .projects-section .preview-art{aspect-ratio:1.8}main .projects-section .preview-inner strong{font-size:clamp(1.2rem,6vw,2rem)}}@media (prefers-reduced-motion:reduce){main .projects-section *{transition:none!important}main .projects-section .project-card:hover .card-title .arrow,main .projects-section .project-card:hover .preview-shape{transform:none}}