.rr-work{background:var(--ink);color:var(--paper);overflow:hidden;padding:var(--section-pad) 0;position:relative}.rr-work__pattern{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:-25% -5%;opacity:.04;pointer-events:none;position:absolute}.rr-work__inner{position:relative;z-index:1}.rr-work__head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:1400px;padding:0 var(--gutter)}.rr-work__title{color:var(--paper);font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:300;letter-spacing:-.02em;line-height:1;margin:0}.rr-work__label,.rr-work__title span{color:var(--clay)}.rr-work__shelf{display:flex;gap:2rem;overflow-x:auto;padding:0 var(--gutter) 2rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-color:var(--clay) transparent;scrollbar-width:thin}.rr-work__shelf::-webkit-scrollbar{height:4px}.rr-work__shelf::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.rr-work__shelf::-webkit-scrollbar-thumb{background:var(--clay);border-radius:2px}.rr-work-card{background:hsla(0,0%,100%,.035);border:1px solid hsla(0,0%,100%,.08);display:flex;flex:0 0 380px;flex-direction:column;min-height:240px;padding:2rem;scroll-snap-align:start;transition:background .3s ease,border-color .3s ease,transform .3s ease}.rr-work-card:hover{background:hsla(0,0%,100%,.065);border-color:var(--clay);transform:translateY(-4px)}.rr-work-card>*{margin-top:0}.rr-work-card p:first-child{color:var(--clay);font-family:var(--font-label);font-size:.7rem;font-weight:500;letter-spacing:.18em;margin-bottom:1.5rem;text-transform:uppercase}.rr-work-card h1,.rr-work-card h2,.rr-work-card h3,.rr-work-card h4{color:var(--paper);font-family:var(--font-display);font-size:1.4rem;font-weight:400;letter-spacing:-.01em;line-height:1.3;margin:0 0 1.25rem}.rr-work-card p:not(:first-child){color:hsla(0,0%,100%,.65);font-family:var(--font-body);font-size:.95rem;line-height:1.55;margin-bottom:0;margin-top:auto}@media (max-width:600px){.rr-work__head{margin-bottom:2.5rem}.rr-work-card{flex:0 0 280px;min-height:220px;padding:1.5rem}}