.projects{--white-dim:var(--fg);--text-muted:var(--fg-dim);--text-ghost:color-mix(in srgb, var(--fg) 40%, transparent);--radius-lg:4px;overflow-x:clip}.section-shell{max-width:1920px;margin-inline:auto;padding:clamp(64px,8vw,120px) 20px clamp(96px,12vw,160px)}@media (min-width:768px){.section-shell{padding-inline:36px}}.display-statement{font-family:var(--sans);letter-spacing:-.03em;color:var(--text-ghost);font-weight:500}.projects__intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:56px;display:flex}.projects__headline{color:var(--white-dim);font-size:clamp(40px,4.4vw,72px);line-height:1}.projects__word{display:inline-block}.projects__see-all{font-family:var(--sans);letter-spacing:-.01em;color:var(--white-dim);flex-shrink:0;align-items:center;gap:8px;font-size:18px;line-height:1;text-decoration:none;transition:color .2s;display:inline-flex}.projects__see-all:hover .projects__see-all-icon{color:var(--blue)}.projects__see-all-icon{width:16px;height:16px;transition:color .2s}.projects__grid{grid-template-columns:repeat(2,1fr);gap:clamp(48px,5vw,80px) 16px;display:grid;position:relative}.projects__canvas{z-index:1;pointer-events:none;width:calc(100% + 240px);height:calc(100% + 240px);position:absolute;inset:-120px}.projects__grid--gl .project-card__media>img{opacity:0}.project-card{z-index:2;--ease-lusion:cubic-bezier(.35, 0, 0, 1);min-width:0;display:block;position:relative}.project-card__media{aspect-ratio:10/7;border-radius:var(--radius-lg);position:relative;overflow:hidden}.project-card__media>img{object-fit:cover;width:100%;height:100%;display:block}.project-card__title-row{--title-size:clamp(22px, 2vw, 30px);--row-gap:10px;--hover-shift:calc(var(--title-size) + var(--row-gap));margin-top:14px;position:relative;overflow:hidden}.project-card__arrow{font-size:var(--title-size);height:1.15em;transition:transform .4s var(--ease-lusion);align-items:center;line-height:1;display:flex;position:absolute;top:0;left:0;transform:translate(-110%)}.project-card__arrow svg{width:1em;height:1em;display:block}.project-card__label{align-items:baseline;gap:var(--row-gap);max-width:calc(100% - var(--hover-shift));transition:transform .4s var(--ease-lusion);display:flex}.project-card__index{width:16px;font-family:var(--label);white-space:nowrap;color:var(--white-dim);flex-shrink:0;font-size:13px;line-height:1}.project-card__title{min-width:0;font-family:var(--sans);font-weight:500;font-size:var(--title-size);letter-spacing:-.02em;color:var(--white-dim);margin:0;line-height:1.15}.project-card__char{vertical-align:top;height:1.15em;display:inline-block;overflow:hidden}.project-card__roll{flex-direction:column;display:flex}.project-card__roll>span{white-space:pre;height:1.15em;display:block}@media (hover:hover) and (pointer:fine){.project-card:hover .project-card__label{transform:translateX(var(--hover-shift))}.project-card:hover .project-card__arrow{transition-delay:80ms;transform:translate(0)}}@media (max-width:768px){.project-card__arrow{display:none}.projects__intro{margin-bottom:40px}.projects__see-all{font-size:16px}.projects__grid{grid-template-columns:1fr;gap:40px}}.project-card__link{color:inherit;text-decoration:none;display:block}.project-wip{pointer-events:none;display:none;position:absolute;inset:0}.project-wip__tape{transition:transform .55s var(--ease-lusion);background:repeating-linear-gradient(-45deg,#f5c518 0 14px,#111 14px 28px);padding:7px 0;position:absolute;bottom:9%;left:-4%;right:-4%;overflow:hidden;transform:translateY(160%)rotate(-3deg);box-shadow:0 6px 24px #00000059}.project-wip__track{width:max-content;animation:14s linear infinite paused project-wip-marquee;display:flex}.project-wip__track span{color:#111;font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;white-space:pre;background:#f5c518;padding:3px 0;font-size:12px;font-weight:700}.project-wip__builder{transition:transform .6s var(--ease-lusion);font-size:clamp(56px,7vw,96px);line-height:0;position:absolute;bottom:14%;right:10%;transform:translateY(140%)}.project-wip__figure{transform-origin:50% 100%;filter:drop-shadow(0 8px 16px #0006);width:auto;height:clamp(96px,11vw,150px);display:block}.project-wip__dust{opacity:0;background:#d9c9a3;border-radius:50%;width:.09em;height:.09em;position:absolute;bottom:4%;left:50%}@media (hover:hover) and (pointer:fine){.project-wip{visibility:hidden;transition:visibility 0s .6s;display:block}.project-card--wip:hover .project-wip{visibility:visible;transition-delay:0s}.project-card--wip:hover .project-wip__tape{transform:translateY(0)rotate(-3deg)}.project-card--wip:hover .project-wip__track{animation-play-state:running}.project-card--wip:hover .project-wip__builder{transition-delay:.12s;transform:translateY(0)}.project-card--wip:hover .project-wip__figure{animation:.11s linear infinite project-wip-jackhammer}.project-card--wip:hover .project-wip__dust{animation:.7s ease-out infinite project-wip-dust}.project-card--wip:hover .project-wip__dust--b{--dx:-1;animation-delay:.23s}.project-card--wip:hover .project-wip__dust--c{--dx:.4;animation-delay:.46s}}@keyframes project-wip-marquee{to{transform:translate(-50%)}}@keyframes project-wip-jackhammer{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-.75px,1px)rotate(-.75deg)}50%{transform:translate(.5px,-.5px)rotate(.5deg)}75%{transform:translate(.75px,1px)rotate(-.25deg)}}@keyframes project-wip-dust{0%{opacity:.9;transform:translate(0)scale(1)}to{opacity:0;transform:translate(calc(var(--dx,1) * .5em), -.35em) scale(.3)}}@media (prefers-reduced-motion:reduce){.project-wip__tape,.project-wip__builder{transition-duration:10ms}.project-card--wip:hover .project-wip__track,.project-card--wip:hover .project-wip__figure,.project-card--wip:hover .project-wip__dust{animation:none}}@media (hover:hover) and (pointer:fine){.project-card__link .project-card__media{cursor:none}.project-card__media:hover .project-view__circle{transform:scale(1)}}