.portfolio-hero{background:radial-gradient(circle at top left,rgba(255,107,53,.14),transparent 32%),radial-gradient(circle at top right,rgba(37,99,235,.1),transparent 30%),#f7f3ed;padding:110px 24px}.portfolio-hero__container{margin:0 auto;max-width:1120px}.portfolio-hero__content{max-width:900px}.portfolio-hero__eyebrow{color:#ff6b35;font-size:13px;font-weight:800;letter-spacing:.08em;margin:0 0 20px;text-transform:uppercase}.portfolio-hero__heading{color:#17212b;font-size:clamp(48px,6vw,78px);font-weight:800;letter-spacing:-.06em;line-height:.98;margin:0}.portfolio-hero__description{color:#667085;font-size:19px;line-height:1.7;margin:28px 0 0;max-width:720px}.portfolio-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.portfolio-button{align-items:center;border-radius:14px;display:inline-flex;font-size:14px;font-weight:800;justify-content:center;min-height:50px;padding:0 21px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.portfolio-button:hover{transform:translateY(-2px)}.portfolio-button--primary{background:#17212b;box-shadow:0 14px 30px rgba(23,33,43,.18);color:#fff}.portfolio-button--secondary{background:hsla(0,0%,100%,.65);border:1px solid #e8dfd2;color:#17212b}@media (max-width:700px){.portfolio-hero{padding:76px 20px}.portfolio-hero__heading{font-size:46px}.portfolio-hero__description{font-size:16px}}