.publicity-portfolio{margin:68px 0 52px;padding-top:44px;border-top:1px solid currentColor;isolation:isolate}
.publicity-portfolio-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end;margin-bottom:30px}
.publicity-portfolio-heading h3{margin:0;font-size:clamp(1.7rem,3.3vw,2.6rem);font-weight:500;line-height:1.12;letter-spacing:-.045em}
.publicity-portfolio-heading .eyebrow{margin-bottom:14px}
.publicity-portfolio-intro{max-width:460px}
.publicity-portfolio-intro p{margin:0;line-height:1.65}
.publicity-portfolio-intro p+p{margin-top:12px;font-size:.82rem;opacity:.68}
.publicity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.publicity-card{display:flex;flex-direction:column;min-width:0;min-height:230px;padding:27px 26px 22px;border:1px solid #9c9c9c60;background:#ffffff07;transition:border-color .25s,background-color .25s,transform .25s}
.publicity-card:hover,.publicity-card:focus-within{border-color:currentColor;background:#ffffff14;transform:translateY(-3px)}
.publicity-card-brand{font-size:.76rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.publicity-card-title{flex:1;padding:29px 0 30px}
.publicity-card-title h4{margin:0;max-width:19ch;font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:500;line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere}
.publicity-card-title p{margin:9px 0 0;font-size:.82rem;opacity:.7}
.publicity-card a{display:flex;align-items:center;justify-content:space-between;gap:18px;color:inherit;font-size:.8rem;text-decoration:none;line-height:1.4}
.publicity-card a span{font-size:1.15rem;transition:transform .25s}
.publicity-card a:hover span{transform:translate(2px,-2px)}
.publicity-card a:focus-visible{outline:2px solid currentColor;outline-offset:7px}
@media(max-width:900px){.publicity-portfolio-heading{gap:28px}.publicity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.publicity-portfolio{margin:46px 0 36px;padding-top:32px}.publicity-portfolio-heading{grid-template-columns:1fr;gap:20px;margin-bottom:23px}.publicity-portfolio-heading h3{font-size:2rem}.publicity-card{min-height:210px;padding:21px 18px 20px}.publicity-card-title{padding-block:25px}.publicity-card a{font-size:.73rem;gap:10px}.publicity-card-brand{font-size:.68rem;letter-spacing:.12em}}
@media(max-width:370px){.publicity-grid{grid-template-columns:1fr}.publicity-card{min-height:190px}}
@media(prefers-reduced-motion:reduce){.publicity-card,.publicity-card a span{transition:none}.publicity-card:hover,.publicity-card:focus-within,.publicity-card a:hover span{transform:none}}