.bounceCardsContainer{justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.bounceCardsContainer .card{aspect-ratio:1;border:5px solid #fff;border-radius:25px;width:200px;position:absolute;overflow:hidden;box-shadow:0 4px 10px #0003}.bounceCardsContainer .card .image{object-fit:cover;width:100%;height:100%}.portfolio-folder-view{width:100%}.portfolio-folder-view>.portfolio-intro{padding-bottom:0}.portfolio-folder-layout{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:clamp(56px,7vw,112px);margin-top:clamp(38px,5vh,60px);display:grid}.portfolio-folder-column{grid-template-rows:minmax(360px,1fr);align-items:center;min-width:0;display:grid}.portfolio-folder-stage{isolation:isolate;place-items:center;min-height:330px;display:grid;position:relative}.portfolio-bounce-cards{min-width:0}.portfolio-bounce-cards .card{border:4px solid var(--bg);background:var(--bg);width:clamp(132px,11vw,168px);box-shadow:0 18px 38px color-mix(in srgb, var(--text) 18%, transparent);cursor:default;border-radius:20px}.portfolio-bounce-cards .image{display:block}.portfolio-project-list{border-bottom:1px solid var(--line);align-self:center;margin:0;padding:0;list-style:none}.portfolio-project-list>li{border-top:1px solid var(--line);cursor:pointer;min-height:132px;transition:background-color .22s var(--ease-out);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px 18px;display:grid}.portfolio-project-list>li:hover,.portfolio-project-list>li:focus-within,.portfolio-project-list>li.is-active{background:color-mix(in srgb, var(--text) 4%, transparent)}.portfolio-project-summary{min-width:0}.portfolio-project-summary h3{color:var(--text);letter-spacing:-.03em;margin:0;font-size:clamp(20px,1.8vw,27px);font-weight:620;line-height:1.15}.portfolio-project-summary p{max-width:68ch;color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.65}.portfolio-project-tags{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.portfolio-project-tags span{background:color-mix(in srgb, var(--text) 6%, transparent);min-height:26px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:10px;display:inline-flex}.portfolio-project-action{border:1px solid var(--line-strong);min-width:74px;min-height:38px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:11px;font-weight:600;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}:is(.portfolio-project-action:hover,.portfolio-project-action:focus-visible){background:var(--text);color:var(--bg);transform:translateY(-1px)}.portfolio-project-action:focus-visible{outline:2px solid var(--text);outline-offset:3px}@media (max-width:1080px){.portfolio-folder-layout{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:44px}}@media (max-width:760px){.portfolio-folder-layout{grid-template-columns:1fr;gap:40px;margin-top:30px}.portfolio-folder-column{grid-template-rows:270px}.portfolio-folder-stage{min-height:250px}.portfolio-bounce-cards{transform-origin:50%;transform:scale(.82)}.portfolio-project-list>li{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:120px;padding:20px 0}.portfolio-project-summary h3{font-size:20px}.portfolio-project-tags{gap:5px;margin-top:10px}.portfolio-project-tags span{min-height:24px;padding-inline:8px;font-size:9px}.portfolio-project-action{min-width:64px;padding-inline:10px;font-size:10px}}@media (max-width:430px){.portfolio-project-list>li{grid-template-columns:1fr}.portfolio-project-action{width:max-content;margin-top:2px}}@media (prefers-reduced-motion:reduce){.portfolio-project-list>li,.portfolio-project-action{transition-duration:.01ms}}