interactive-project-card.is-rimmers .card-surface { background:#f7f7f7; }
interactive-project-card[data-project="rimmers"] { justify-self:center;width:min(var(--card-width,660px),100%); }
.rm-composition { position:absolute;inset:0;border-radius:inherit;overflow:hidden;container-type:size;color:#202020; }
.rm-content { display:contents; }
.rm-logo { position:absolute;left:50%;top:50%;width:63.7879%;aspect-ratio:421 / 32;transform:translate(-50%,-50%);transition:left 380ms ease-out,top 380ms ease-out,width 380ms ease-out,transform 380ms ease-out; }
.is-project-active .rm-logo { transition-duration:220ms;left:6.364%;top:8.268%;width:39.394%;aspect-ratio:260 / 20;transform:none; }
.rm-logo img { position:absolute;inset:0;width:100%;height:100%; }
.rm-default-logo { opacity:1; }.rm-hover-logo { opacity:0; }
.is-project-active .rm-default-logo { opacity:0; }.is-project-active .rm-hover-logo { opacity:1; }
.rm-copy { position:absolute;left:6.364%;top:25.197%;width:60.758%;display:flex;flex-direction:column;gap:2.424cqw;font-family:'Geist',sans-serif;opacity:0;backface-visibility:hidden; }
.rm-copy h2,.rm-copy p { margin:0;line-height:1.3; }
.rm-copy h2 { font-size:3.0303cqw;font-weight:700; }.rm-copy p { font-size:14px;font-weight:400; }
.rm-word { display:inline-block; }.is-project-active .rm-copy { opacity:1; }
.rm-piano { position:absolute;left:19.0909%;top:-16.1417%;width:172.6183%;height:224.268%;display:grid;place-items:center;opacity:0;transition:opacity 600ms ease-out; }
.rm-piano img { width:73.469%;height:73.469%;object-fit:cover;transform:rotate(-60.75deg) scaleY(-1); }
.rm-background-wash { position:absolute;left:-12.1212%;top:0;width:113.03%;height:100.394%;opacity:0;transition:opacity 600ms ease-out;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 746 510' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(77.697 -17.737 25.944 154.62 47.607 273.87)'><stop stop-color='rgb(247,247,247)' offset='0.24561'/><stop stop-color='rgb(247,247,247)' offset='0.46635'/><stop stop-color='rgb(247,247,247)' stop-opacity='0' offset='1'/></radialGradient></defs></svg>");background-size:100% 100%; }
.is-project-active .rm-piano,.is-project-active .rm-background-wash { opacity:1; }
@media(max-width:1000px){
 .is-rimmers .card-surface { aspect-ratio:1; }
 .rm-copy { top:22%;width:84%;gap:8px; }
 .rm-copy h2 { font-size:16px; }.rm-copy p { font-size:12px; }
}
@media(max-width:700px),(hover:none) and (pointer:coarse){interactive-project-card[data-project="rimmers"] { grid-column:auto;width:min(var(--card-width,660px),100%); }}
@media(prefers-reduced-motion:reduce){.rm-logo,.rm-piano,.rm-background-wash{transition:none;}.rm-word{opacity:1!important;filter:none!important;}}

.rm-figma-notes { position:absolute;left:50%;bottom:10%;width:144px;height:200px;pointer-events:none;opacity:0;transform:translateX(-50%) translateZ(80px);transform-origin:50% 100%;transition:opacity 220ms ease-out; }
.rm-note { position:absolute;width:32px;height:32px; }
.rm-note img { display:block;width:100%;height:100%;object-fit:contain; }
.is-project-active .rm-figma-notes { opacity:1; }
@media(prefers-reduced-motion:reduce){.rm-note{animation:none!important;}.rm-figma-notes{transition:none;}}