.collabsy-ui{isolation:isolate;background:#f7d9c9!important;gap:35px}.collabsy-ui:before{content:"CREATOR / BRAND / COLLABORATION";position:absolute;top:28px;left:30px;font:8px var(--mono);letter-spacing:.14em;color:#9e6c61}.collabsy-ui .phone{z-index:3}.collabsy-ui .match-pill{z-index:6}.collabsy-ui .phone-a{transform:rotate(-5deg) translateY(25px)}.collabsy-ui .phone-b{transform:rotate(5deg) translateY(-25px)}.case-collabsy-ui{height:720px;position:relative;overflow:hidden;border-radius:18px;background:#f7d9c9;color:#171719;display:flex;align-items:center;justify-content:center;gap:55px;isolation:isolate}.case-collabsy-ui:before{content:"CREATOR / BRAND / COLLABORATION";position:absolute;top:28px;left:30px;font:8px var(--mono);letter-spacing:.14em;color:#9e6c61}.case-collabsy-ui:after{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(96,51,42,.13);border-radius:50%;right:-180px;top:-210px}.case-collabsy-ui .phone{width:270px;height:545px;border-width:8px;border-radius:38px;padding:35px 21px 22px;z-index:2}.case-collabsy-ui .phone-a{transform:rotate(-5deg) translateY(30px)}.case-collabsy-ui .phone-b{transform:rotate(5deg) translateY(-30px)}.case-collabsy-ui .notch{width:76px;height:16px}.case-collabsy-ui .profile-cover{height:145px}.case-collabsy-ui .avatar{width:70px;height:70px;margin-top:-35px}.case-collabsy-ui .phone>b{font-size:16px}.case-collabsy-ui .phone-b>b{font-size:25px}.case-collabsy-ui .creator-grid i{height:140px}.case-collabsy-ui .match-pill{z-index:5;right:12%;bottom:12%;font-size:10px;padding:15px 20px}@media(max-width:1100px){.case-collabsy-ui{height:620px}.case-collabsy-ui .phone{width:220px;height:455px}.case-collabsy-ui .creator-grid i{height:110px}}@media(max-width:768px){.collabsy-ui{gap:0}.collabsy-ui .phone-a{transform:rotate(-5deg) translate(28px,20px)}.collabsy-ui .phone-b{transform:rotate(5deg) translate(-28px,-18px)}.case-collabsy-ui{height:520px;gap:0}.case-collabsy-ui .phone{width:180px;height:390px;padding:30px 16px 18px}.case-collabsy-ui .phone-a{transform:rotate(-5deg) translate(30px,22px)}.case-collabsy-ui .phone-b{transform:rotate(5deg) translate(-30px,-18px)}.case-collabsy-ui .profile-cover{height:105px}.case-collabsy-ui .creator-grid i{height:88px}.case-collabsy-ui .match-pill{right:4%;bottom:9%;font-size:8px;padding:12px 15px}}@media(max-width:480px){.case-collabsy-ui{height:440px}.case-collabsy-ui .phone{width:clamp(140px,38vw,170px);height:clamp(300px,80vw,360px)}}