:root *{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#344154;background:#f5f2ec;min-width:320px;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.header{justify-content:space-between;align-items:flex-start;gap:32px;padding:28px 4vw;display:flex}.logo{display:block}.logo img{width:220px;display:block}.navigation{gap:32px;display:flex}.navigation a{color:#ff5c8a;font-size:1.1rem;text-decoration:none}.hero{padding:6rem 2rem}.hero-container{justify-content:space-between;align-items:center;gap:clamp(2rem,6vw,6rem);max-width:1200px;margin:0 auto;display:flex}.hero-text{flex:1;min-width:0}.hero-text h1{color:#344154;margin:0;font-size:clamp(3rem,7vw,6rem);line-height:.95}.hero-text p{color:#667085;max-width:600px;margin-top:1.5rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.hero-image{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.hero-image img{width:100%;max-width:550px;height:auto;display:block}@media (width<=900px){.hero{padding:4rem 1.5rem}.hero-container{text-align:center;flex-direction:column}.hero-text p{margin-left:auto;margin-right:auto}.hero-image{margin-top:2rem}.hero-image img{max-width:450px}}.hero-text{flex:.9}.hero-image{flex:1.1}.expandable-work{padding:7rem 4vw}.expandable-work-heading{max-width:900px;margin-bottom:3rem}.expandable-work-heading>p{color:#ff5c8a;margin:0 0 .75rem;font-size:.9rem;font-weight:700}.expandable-work-heading h2{color:#344154;margin:0;font-size:clamp(2.75rem,6vw,6rem);line-height:.95}.expandable-projects{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:2rem;display:grid}.expandable-project{border-radius:20px;grid-template-columns:1fr 0fr;align-items:center;min-width:0;min-height:280px;padding:2rem;transition:grid-template-columns .45s,min-height .45s;display:grid;overflow:hidden}.expandable-project.active{grid-column:1/-1;grid-template-columns:.65fr 1.35fr;min-height:480px}.expandable-copy{background:#fff;border-radius:14px;min-width:0;padding:1.5rem;transition:transform .45s,margin-right .45s}.expandable-project.active .expandable-copy{margin-right:2rem;transform:rotate(-2deg)}.project-category{color:#ff5c8a;margin:0 0 .5rem;font-size:.9rem;font-weight:700}.expandable-copy h3{color:#344154;margin:0;font-size:clamp(1.6rem,2.4vw,3.2rem);line-height:.95}.project-description{color:#667085;opacity:0;max-height:0;margin:0;font-size:1rem;font-weight:400;line-height:1.5;transition:max-height .45s,margin-top .45s,opacity .3s .1s,transform .45s;overflow:hidden;transform:translateY(12px)}.expandable-project.active .project-description{opacity:1;max-height:180px;margin-top:1.25rem;transform:translateY(0)}.expandable-video{opacity:0;pointer-events:none;min-width:0;transition:opacity .3s .15s,transform .45s;overflow:hidden;transform:translate(30px)}.expandable-project.active .expandable-video{opacity:1;pointer-events:auto;transform:translate(0)}.expandable-video iframe{aspect-ratio:16/9;border:0;border-radius:16px;width:100%;display:block}.video-placeholder{aspect-ratio:16/9;color:#344154;background:#fff;border-radius:16px;place-items:center;width:100%;font-weight:700;display:grid}.expandable-project:first-child{background:linear-gradient(135deg,#f7b27a,#f67e92)}.expandable-project:nth-child(2){background:linear-gradient(135deg,#6c7cf5,#7c56d6)}.expandable-project:nth-child(3){background:linear-gradient(135deg,#6ed8c8,#2d95af)}@media (width<=900px){.expandable-work{padding:5rem 1.5rem}.expandable-projects{grid-template-columns:1fr}.expandable-project,.expandable-project.active{grid-column:auto;grid-template-columns:1fr;min-height:auto}.expandable-project.active .expandable-copy{margin-right:0}.expandable-video{max-height:0;margin-top:0}.expandable-project.active .expandable-video{max-height:500px;margin-top:1.5rem}}.contact-cta{text-align:center;background:linear-gradient(135deg,#f4efff,#ffeef4);border-radius:32px;max-width:1200px;margin:8rem auto 3rem;padding:6rem 2rem}.contact-eyebrow{text-transform:uppercase;letter-spacing:.08em;margin:0 0 1rem;font-size:.9rem;font-weight:700}.contact-cta h2{margin:0;font-size:clamp(2.5rem,6vw,5rem);line-height:1}.contact-text{max-width:620px;margin:1.5rem auto 2.5rem;font-size:1.1rem;line-height:1.6}.contact-button{color:#fff;background:#111;border-radius:999px;padding:1rem 1.5rem;font-weight:700;text-decoration:none;display:inline-block}