.role-portfolio-hub{padding:58px 0 64px;border-bottom:1px solid var(--line)}
.role-hub-heading{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:end;margin-bottom:30px}
.role-hub-heading h2{margin:10px 0 0;font-size:clamp(32px,4vw,48px);line-height:1.22;letter-spacing:-.03em}
.role-hub-heading>p{max-width:520px;margin:0;color:var(--muted);font-size:14px;line-height:1.9}
.role-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.role-hub-card{position:relative;display:flex;flex-direction:column;min-height:280px;padding:25px 24px 22px;overflow:hidden;border:1px solid #e1d8df;border-radius:18px;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
.role-hub-card::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#d69db7,#9c8eb6,#86afa4)}
.role-hub-card:hover,.role-hub-card:focus-visible{transform:translateY(-4px);border-color:#b99aae;box-shadow:0 16px 36px #795f7117;outline:none}
.role-hub-card.role-ux{background:linear-gradient(145deg,#fff,#f7f4fb)}
.role-hub-card.role-ui{background:linear-gradient(145deg,#fff,#f3faf8)}
.role-index{color:#a37c91;font:22px/1 Georgia,serif}
.role-hub-card small{margin-top:28px;color:#8a7d86;font-size:9px;letter-spacing:.16em}
.role-hub-card h3{margin:8px 0 12px;font-size:25px;line-height:1.3}
.role-hub-card p{margin:0;color:#6e666d;font-size:13px;line-height:1.8}
.role-hub-card strong{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:24px;color:#805e73;font-size:13px}
.role-hub-card strong::after{content:"→";display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#957087;color:#fff}
.product-capabilities{background:#f9f6f8!important;box-shadow:0 0 0 100vmax #f9f6f8!important}
.home-cases{padding-top:58px!important;padding-bottom:64px!important}
.home-cases-heading{margin-bottom:30px!important}
.about{border-top:1px solid var(--line)}
.monogram{font-family:"Snell Roundhand","Bradley Hand","Segoe Script",cursive!important;font-size:16px!important;font-weight:700!important;letter-spacing:-.02em!important;transform:rotate(-6deg)}
.hero .hero-project-sample{display:none!important}
#about .about-details{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;margin-top:28px!important}
#about .about-details>section{grid-column:1!important;grid-row:auto!important;margin:0!important;padding:24px 26px!important;border:1px solid #e5dce2;border-radius:18px;background:#ffffffa8}
#about .about-details>section:first-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;align-items:start}
#about .about-details>section:first-child>h3{grid-column:1/-1}
#about .timeline-row{padding-bottom:16px!important}
@media(max-width:760px){#about .about-details>section{padding:20px 16px!important}#about .about-details>section:first-child{grid-template-columns:1fr;gap:12px}}
.contact-actions .resume-downloads{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px;width:100%}
#contact .contact-actions .resume-downloads .resume-download,#contact .contact-actions .resume-downloads .primary-resume{display:flex!important;grid-column:auto!important;width:auto!important;align-items:center;justify-content:center!important;min-height:48px;padding:10px 12px!important;border:1px solid #cdb9c5!important;border-radius:10px!important;background:#fffafc!important;color:#765a6c!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important;text-align:center}
.contact-actions .resume-downloads .resume-download:hover{border-color:#9b748c!important;background:#f7eef3!important;transform:translateY(-2px)}
@media(max-width:760px){.role-portfolio-hub{padding:40px 0 44px}.role-hub-heading{display:block;margin-bottom:22px}.role-hub-heading>p{margin-top:13px}.role-hub-heading h2{font-size:31px}.role-hub-grid{grid-template-columns:1fr;gap:12px}.role-hub-card{min-height:220px;padding:22px}.role-hub-card small{margin-top:18px}.home-cases{padding-top:42px!important;padding-bottom:46px!important}.contact-actions .resume-downloads{grid-template-columns:1fr}}