.chloe-portfolio{position:relative;overflow:hidden;padding:40px 0 100px}.chloe-portfolio--bg-light{background:linear-gradient(90deg,#fbf9fe,#f4f0fb)}.chloe-portfolio--bg-white{background:#fff}.chloe-portfolio--bg-pink{background:#fcf1f7}.chloe-portfolio-container{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 32px;display:flex;flex-direction:column;gap:28px}.chloe-portfolio-card{display:flex;align-items:center;gap:36px;background:#fff;border-radius:24px;padding:24px;box-shadow:0 16px 40px #5a0f370f;border:1px solid rgba(240,97,169,.06);transition:transform .3s ease,box-shadow .3s ease}.chloe-portfolio-card:hover{transform:translateY(-6px);box-shadow:0 26px 54px #5a0f371f}.chloe-portfolio-media{flex:0 0 40%;max-width:40%}.chloe-portfolio-img{width:100%;aspect-ratio:16 / 11;object-fit:cover;border-radius:16px;display:block}.chloe-portfolio-img-placeholder{width:100%;aspect-ratio:16 / 11;border-radius:16px;background:linear-gradient(135deg,#fce3ef,#f4e3fb);border:2px dashed rgba(240,97,169,.35)}.chloe-portfolio-body{flex:1;min-width:0}.chloe-portfolio-heading{font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.3;color:#0b254c;margin-bottom:12px}.chloe-portfolio-heading p{margin:0}.chloe-portfolio-desc{font-weight:400;font-size:15px;line-height:1.6;color:#6b7280;margin-bottom:18px}.chloe-portfolio-desc p{margin:0}.chloe-portfolio-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:#f061a9;transition:gap .25s ease,color .25s ease}.chloe-portfolio-link:hover{gap:12px;color:#0b254c}@media (max-width: 767px){.chloe-portfolio{padding:32px 0 64px}.chloe-portfolio-card{flex-direction:column;align-items:stretch;gap:20px;padding:18px}.chloe-portfolio-media{flex-basis:auto;max-width:100%}.chloe-portfolio-img,.chloe-portfolio-img-placeholder{aspect-ratio:16 / 10}}