.proj-list{flex-direction:column;gap:clamp(64px,8vw,112px);display:flex}.proj{content-visibility:auto;contain-intrinsic-size:auto 560px;grid-template-columns:1fr 1.25fr;align-items:center;gap:clamp(28px,4vw,56px);display:grid}.proj.rev{grid-template-columns:1.25fr 1fr}.proj.rev .proj-media,.proj.rev .proj-media-frame,.proj.rev .proj-carousel{order:-1}.proj-carousel{flex-direction:column;gap:14px;width:100%;display:flex}.proj-carousel-slides{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.proj-carousel-slide{opacity:0;transform:translate3d(calc(var(--slide-x,14px) * var(--carousel-dir,1)), 0, 0) scale(.985);transition:opacity .45s var(--ease), transform .45s var(--ease);pointer-events:none;z-index:0;inset:0;width:100%!important;height:100%!important;position:absolute!important}.proj-carousel-slide.on{opacity:1;pointer-events:auto;z-index:1;transform:translate(0,0)scale(1)}.proj-media-tilt[data-carousel-dir="-1"]{--carousel-dir:-1}.proj-media-tilt[data-carousel-dir="1"]{--carousel-dir:1}.proj-carousel-ui{justify-content:center;align-items:center;gap:16px;display:flex}.proj-carousel-btn{font-family:var(--font-dm-mono), "DM Mono", ui-monospace, monospace;color:#0d0d0d73;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0d0d0d1f;width:36px;height:36px;font-size:14px;line-height:1;transition:color .2s linear,border-color .2s linear,background .2s linear}.proj-carousel-btn:hover{color:#0d0d0d;background:#e8e8e4;border-color:#0d0d0d47}.proj-carousel-dots{align-items:center;gap:8px;display:flex}.proj-carousel-dot{border-radius:var(--radius-0);cursor:pointer;width:7px;height:7px;transition:background .2s linear, transform .2s var(--ease);background:#0d0d0d2e;border:none;padding:0}.proj-carousel-dot.on{background:#1b5fd9;transform:scale(1.15)}.proj-carousel-dot:hover{background:#0d0d0d66}.proj-carousel-dot.on:hover{background:#1b5fd9}.proj-media-frame{transform-style:preserve-3d;outline:none;display:block;position:relative}.proj-media-stage{perspective:1600px;perspective-origin:50% 45%;width:100%;padding:1.75rem .75rem 2.25rem;position:relative;overflow:visible}.proj-media-tilt{aspect-ratio:2400/1507;border-radius:var(--radius-md);width:92%;transform-style:preserve-3d;transform-origin:50%;transition:transform .45s var(--ease), box-shadow .45s var(--ease);background:#fff;margin-inline:auto;position:relative;overflow:hidden;transform:rotateY(-11deg)rotateX(5deg);box-shadow:0 8px 14px #0d0d0d61,0 2px 4px #0d0d0d38}.proj.rev .proj-media-tilt{transform:rotateY(11deg)rotateX(5deg)}.proj.rev .proj-media-frame:hover .proj-media-tilt,.proj.rev a.proj-media-frame:focus-visible .proj-media-tilt{transform:rotateY(-9deg)rotateX(-4deg)translateZ(20px)}.proj-media-frame:hover .proj-media-tilt,a.proj-media-frame:focus-visible .proj-media-tilt{transform:rotateY(9deg)rotateX(-4deg)translateZ(20px);box-shadow:0 9px 12px #0d0d0d80,0 2px 4px #0d0d0d4d}a.proj-media-frame:active .proj-media-tilt{transition-duration:.15s;transform:rotateY(3deg)rotateX(-1deg)translateZ(6px)}a.proj-media-frame:focus-visible{outline-offset:6px;border-radius:var(--radius-md);outline:2px solid #1b5fd9}.proj-media-frame .proj-media{border-radius:inherit;background:#fff;inset:0;overflow:hidden;aspect-ratio:auto!important;border:none!important;width:100%!important;height:100%!important;position:absolute!important}.proj-media-frame img,.proj-media-frame span img{object-fit:cover!important;object-position:center center!important;width:100%!important;max-width:none!important;height:100%!important;position:absolute!important;inset:0!important}.proj-media{aspect-ratio:4/3;border-radius:var(--radius-md);width:100%}.proj-media.slot-media{aspect-ratio:2400/1507;background:#fff;border:none}@media (prefers-reduced-motion:reduce){.proj-media-tilt,.proj.rev .proj-media-tilt{transition:box-shadow .2s linear;transform:none}.proj-media-frame:hover .proj-media-tilt,a.proj-media-frame:focus-visible .proj-media-tilt,a.proj-media-frame:active .proj-media-tilt,.proj.rev .proj-media-frame:hover .proj-media-tilt,.proj.rev a.proj-media-frame:focus-visible .proj-media-tilt{transform:none}.proj-carousel-slide{transition:opacity .2s linear;transform:none}.proj-carousel-slide.on{transform:none}}.proj-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.proj-meta{border-top:1px solid #0d0d0d1f;grid-template-columns:repeat(3,auto);gap:32px;margin-top:32px;padding-top:24px;display:grid}.proj-meta dt{margin-bottom:8px}.proj-meta dd{margin:0}@media (max-width:820px){.proj,.proj.rev{grid-template-columns:1fr;gap:28px}.proj.rev .proj-media,.proj.rev .proj-media-frame,.proj.rev .proj-carousel{order:0}.proj.rev .proj-media-tilt{transform:rotateY(-11deg)rotateX(5deg)}.proj.rev .proj-media-frame:hover .proj-media-tilt,.proj.rev a.proj-media-frame:focus-visible .proj-media-tilt{transform:rotateY(9deg)rotateX(-4deg)translateZ(20px)}.proj-meta{grid-template-columns:1fr 1fr;gap:20px}}