.portfolio{background:#080808;color:var(--paper);padding-left:0;padding-right:0;overflow:hidden}.portfolio .section-heading{text-align:center;padding:0 6%;margin-bottom:40px}.portfolio .eyebrow{color:var(--lime)}.portfolio h2{font-weight:700}.portfolio h2 span{color:var(--lime)}.portfolio .section-note{color:#aaa;margin:24px auto 0}.portfolio .projects{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:32px max(6%,calc((100% - 440px)/2)) 22px;scrollbar-width:none;overscroll-behavior-x:contain;align-items:stretch}.projects::-webkit-scrollbar{display:none}.portfolio .project{flex:0 0 440px;width:440px;scroll-snap-align:center;scroll-snap-stop:always;opacity:1;transform:none;transition:opacity .45s,transform .45s}.portfolio.carousel-ready .project{opacity:.45;transform:scale(.91)}.portfolio.carousel-ready .project.is-active{opacity:1;transform:scale(1)}.portfolio .project-art{height:490px;min-height:490px;border-radius:22px;padding:28px;box-shadow:none}.portfolio .project-caption{padding:22px 8px 0}.portfolio .project-caption h3{font-size:23px}.portfolio .project-caption p{color:#aaa}.portfolio .type-experiment{font-size:86px;margin-top:40px}.portfolio .web-study{margin-top:65px}.portfolio .web-study p{font-size:49px}.portfolio .experience>p{font-size:73px;margin-top:45px}.portfolio .experience-note{position:static;margin-top:28px;font-size:12px}.portfolio .experience-note b{display:none}.portfolio .experience{background:#252525;border:1px solid #444}.project-controls{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:25px}.project-controls[hidden]{display:none}.project-controls>button{width:48px;height:48px;border:1px solid #666;border-radius:50%;background:none;color:white;font-size:24px;cursor:pointer;transition:background .2s,color .2s}.project-controls>button:hover{background:var(--lime);color:black}.project-dots{display:flex;gap:4px}.project-dots button{border:0;background:transparent;width:32px;height:44px;cursor:pointer;position:relative}.project-dots button:before{content:'';position:absolute;left:11px;top:17px;width:10px;height:10px;border-radius:10px;background:#666;transition:background .25s,transform .25s}.project-dots button[aria-current]:before{background:var(--lime);transform:scale(1.35)}.project-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.projects:focus-visible{outline:2px solid var(--lime);outline-offset:-4px}@media(max-width:760px){.portfolio .projects{gap:14px;padding-inline:10vw;padding-top:15px}.portfolio .project{flex-basis:80vw;width:80vw}.portfolio .project-art{height:410px;min-height:410px;padding:22px;border-radius:18px}.portfolio .type-experiment{font-size:clamp(54px,17vw,78px);margin-top:30px}.portfolio .web-study p{font-size:clamp(30px,9vw,46px)}.portfolio .experience>p{font-size:clamp(45px,13vw,68px);margin-top:35px}.portfolio .experience-note{margin-top:24px}.portfolio .concept{font-size:11px;letter-spacing:.5px}.portfolio .project-caption h3{font-size:20px}.portfolio .project-caption p{font-size:14px}.portfolio .section-heading{margin-bottom:25px}.project-controls{margin-top:12px}.portfolio .web-study{margin-top:45px}}@media(prefers-reduced-motion:reduce){.portfolio .project,.project-controls button,.project-dots button:before{transition:none}}