/* Scroll57: supplied Works.jsx geometry and PixelImage canvas, scoped to Faten.
   Tailwind utility values below are copied as CSS; the source has no breakpoint. */
.component57{position:relative;isolation:isolate;width:100%;padding:10vw 5vw;background:#fff1f7;color:#21112c;font-family:Satoshi,sans-serif;box-sizing:border-box}
.component57 :where(h2,p,article,div,a,img,canvas){box-sizing:border-box}
.component57 .work57-title{margin:0 0 5vw;font-size:clamp(1.8rem,4vw,6rem);font-weight:500;line-height:1.15;letter-spacing:-.05em}
.component57 .work57-row{display:flex;gap:1rem;align-items:stretch}
.component57 .work57-row-1{margin-bottom:2rem}
.component57 .work57-row-2,.component57 .work57-row-3{margin-top:6vw}
.component57 .work57-card{flex-shrink:1;min-width:0}
.component57 .work57-card-1,.component57 .work57-card-2,.component57 .work57-card-6{width:41.666667%}
.component57 .work57-card-3,.component57 .work57-card-4{width:33.333333%}
.component57 .work57-card-5{width:25%}
.component57 .work57-card-2{padding-top:8vw}
.component57 .work57-card-4{padding-top:12vw}
.component57 .work57-card-6{padding-top:10vw}
.component57 .work57-space{flex-shrink:1;min-width:0}
.component57 .work57-space-1{width:8.333333%}
.component57 .work57-space-2{width:16.666667%}
.component57 .work57-space-3{width:25%}
.component57 .work57-space-4{width:33.333333%}
.component57 .work57-image-link{display:block;color:inherit;text-decoration:none}
.component57 .pixel57{position:relative;width:100%;overflow:hidden;background:#e6d9fa}
.component57 .pixel57.is-animated{opacity:0}
.component57 .pixel57.is-static{opacity:1}
.component57 .work57-image-1{height:32vw}
.component57 .work57-image-2{height:24vw}
.component57 .work57-image-3{height:28vw}
.component57 .work57-image-4{height:36vw}
.component57 .work57-image-5{height:30vw}
.component57 .work57-image-6{height:20vw}
.component57 .pixel57>img{display:block;width:100%;height:100%;object-fit:cover}
.component57 .pixel57>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.component57 .work57-caption{margin:.75rem 0 0;font-size:clamp(.75rem,1.3vw,1.5rem);font-weight:500;line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}
.component57 .work57-caption>a{display:block;color:#21112c;text-decoration:none}
.component57 .work57-caption>span{display:block;margin-top:.25em;color:#43215d;font-size:.82em;line-height:1.4;font-weight:400;letter-spacing:0}
.component57 .work57-all{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:max-content;max-width:100%;min-height:48px;margin-top:6vw;padding:.75rem 0;color:#43215d;font-size:clamp(.875rem,1.3vw,1.3rem);font-weight:500;text-decoration:none;border-bottom:1px solid #d9468f}
.component57 a:focus-visible{outline:2px solid #8252d9;outline-offset:5px}
.component57 a:hover{color:#8252d9}