.portfolio{padding:110px max(4%,calc((100vw - 1400px)/2));scroll-margin-top:35px;overflow:hidden}.portfolio-top,.portfolio-heading,.portfolio-foot,.project-meta{display:flex;align-items:center;justify-content:space-between;gap:24px}.portfolio-top{border-top:1px solid #ffffff30;padding-top:24px}.portfolio-stamp{font-size:56px;color:#d2ff54;animation:work-spin 18s linear infinite}.portfolio-heading{margin:36px 0 48px;align-items:flex-end}.portfolio-heading h2{font-size:clamp(38px,5.6vw,80px);margin:0}.portfolio-heading h2 em{color:#b4a0ff;font-style:normal}.portfolio-heading p{color:#b8b8af;font-size:14px;line-height:1.8}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{display:block;min-width:0;padding:0;border:0;background:transparent;text-align:left;color:#f5f5ed;cursor:pointer;transition:transform .4s}.project-card:nth-child(2){margin-top:65px}.project-card:nth-child(3){margin-top:130px}.project-image{position:relative;aspect-ratio:1/1.1;overflow:hidden;border-radius:18px;background:#181818;border:1px solid #ffffff20}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s}.project-cars .project-image img{object-fit:contain;background:#050505}.project-number{position:absolute;top:16px;left:16px;background:#10101099;border:1px solid #ffffff40;backdrop-filter:blur(10px);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:12px}.project-open{position:absolute;bottom:20px;right:20px;padding:12px 17px;border-radius:50px;background:#d2ff54;color:#101010;font-size:11px;transform:translateY(65px) rotate(-8deg);transition:transform .35s}.project-card:hover .project-open,.project-card:focus-visible .project-open{transform:translateY(0) rotate(-4deg)}.project-card:hover img{transform:scale(1.06)}.project-card:hover{transform:translateY(-8px)}.project-meta{font-size:9px;letter-spacing:.1em;margin:20px 0 10px;color:#a9a99e}.project-meta>span:last-child{font-size:26px;color:#d2ff54}.project-card h3{font-size:clamp(26px,3vw,43px);margin:0;text-transform:uppercase}.project-card>p{font-size:13px;color:#b7b7ad;margin:10px 0}.portfolio-foot{border-top:1px solid #ffffff25;margin-top:50px;padding-top:24px;font-size:10px;letter-spacing:.09em;color:#a9a99e}#project-dialog{width:min(1100px,94vw);max-height:92vh;padding:0;border:1px solid #ffffff30;border-radius:20px;background:#101110;color:#f7f7ee;overscroll-behavior:contain}#project-dialog::backdrop{background:#000c;backdrop-filter:blur(12px)}.project-toolbar{position:sticky;top:0;z-index:2;background:#151515ef;display:flex;justify-content:space-between;align-items:center;padding:17px 25px;font-size:11px;letter-spacing:.08em;border-bottom:1px solid #ffffff25}.project-toolbar button,#project-next{background:#d2ff54;border:0;border-radius:40px;color:#111;padding:12px 20px;cursor:pointer}.project-intro{padding:45px 5% 30px}.project-intro h2{font-size:clamp(36px,6vw,72px);margin:15px 0}.project-intro p{max-width:680px;line-height:1.8;color:#bdbdb5}.project-gallery{padding:0 3%}.project-gallery figure{margin:0 0 30px}.project-gallery img{display:block;width:100%;height:auto;border-radius:10px;background:#171717}.project-gallery figcaption{font-size:11px;letter-spacing:.08em;color:#b5b5aa;padding:12px 4px}#project-next{display:block;margin:10px auto 35px}.project-card:focus-visible,.project-toolbar button:focus-visible,#project-next:focus-visible{outline:2px solid #d2ff54;outline-offset:6px}@keyframes work-spin{to{transform:rotate(360deg)}}.paused .portfolio-stamp{animation-play-state:paused}body[data-mode=mono] .portfolio{filter:grayscale(1)}@media(max-width:700px){.portfolio{padding:70px 5%}.portfolio-heading{display:block}.portfolio-heading p{margin-top:24px}.portfolio-grid{grid-template-columns:1fr;gap:32px}.project-card:nth-child(n){margin-top:0}.project-image{aspect-ratio:1.3}.project-open{transform:none}.portfolio-top>.label:last-child{display:none}.portfolio-foot{align-items:flex-start;line-height:1.7}.project-toolbar{padding:12px;font-size:9px}}@media(prefers-reduced-motion:reduce){.portfolio-stamp{animation:none}.project-card,.project-image img,.project-open{transition:none}}
.project-toolbar #project-next{margin:0 0 0 auto;background:transparent;color:#d2ff54;border:1px solid #d2ff5455}.project-toolbar{gap:12px}@media(max-width:500px){.project-toolbar>span{display:none}}