/* Capability-led portfolio, with abstract art rather than invented client work. */
.portfolio-intro{padding:92px 6% 30px;background:#f5eef8;color:#27183b}
.portfolio-intro .section-top{border-color:rgba(58,28,75,.25);color:#675773}
.portfolio-intro-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:end;margin:72px 0 38px}
.portfolio-intro h2{font:600 clamp(42px,6vw,80px)/1.02 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:12px 0 0}
.portfolio-intro h2 em{font:400 italic 1em Georgia,serif;color:#8d4294}
.portfolio-intro p:not(.eyebrow){max-width:510px;font-size:17px;line-height:1.7;color:#594b62;margin:0}
.portfolio-grid-wrap{background:#f5eef8;padding:0 6% 100px;color:#27183b}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}
.portfolio-card{min-width:0}.portfolio-art{position:relative;overflow:hidden;aspect-ratio:1.4;border-radius:24px;background:#1a0e32;isolation:isolate}
.portfolio-art::before,.portfolio-art::after{content:'';position:absolute;pointer-events:none}
.portfolio-art::before{inset:0;background:radial-gradient(ellipse at 25% 25%,rgba(199,108,235,.5),transparent 40%),radial-gradient(ellipse at 80% 75%,rgba(254,126,100,.45),transparent 42%),linear-gradient(145deg,#160b30,#3f1760 65%,#120923)}
.portfolio-art::after{inset:12%;border:1px solid rgba(255,236,255,.25);border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 32px rgba(239,159,255,.16)}
.portfolio-art .art-symbol{position:absolute;z-index:1;inset:0;display:grid;place-items:center;color:#ffe9fb;text-shadow:0 0 28px rgba(255,197,247,.55);font:400 clamp(58px,9vw,115px)/1 Georgia,serif}
.portfolio-art .art-symbol small{font:700 clamp(17px,2.3vw,28px)/1 Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.portfolio-art--web::before{background:radial-gradient(circle at 50% 50%,#c68af1 0,#7936a0 22%,#28123f 54%,#10091c 100%)}
.portfolio-art--ads::before{background:radial-gradient(circle at 30% 25%,rgba(255,177,145,.7),transparent 38%),linear-gradient(135deg,#3a1858,#901f79 55%,#190c31)}
.portfolio-art--design::before{background:radial-gradient(ellipse at 70% 35%,#d36ac3,transparent 40%),linear-gradient(135deg,#34144d,#6c328f 55%,#160c2a)}
.portfolio-art--print::before{background:radial-gradient(ellipse at 35% 60%,#e0878f,transparent 39%),linear-gradient(135deg,#1c0f38,#71418b 64%,#2b103d)}
.portfolio-art--media::before{background:radial-gradient(circle at 65% 40%,#aa7cdc,transparent 32%),linear-gradient(125deg,#1b1030,#442f70 55%,#1b0b2e)}
.portfolio-art--social::before{background:radial-gradient(ellipse at 30% 30%,#c360ae,transparent 40%),linear-gradient(135deg,#26103d,#813568 62%,#21102f)}
.portfolio-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;color:#7e5787;font:700 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.portfolio-card h3{font:700 clamp(23px,3vw,34px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:13px 0}
.portfolio-card p{font-size:15px;line-height:1.7;color:#594b62;margin:0;max-width:58ch}
.portfolio-card a{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-size:13px;font-weight:700;color:#6c2d80;text-decoration:underline;text-underline-offset:5px}
.portfolio-card a:focus-visible{outline:3px solid #8c46a6;outline-offset:4px}
@media(max-width:700px){.portfolio-intro{padding:66px 6% 28px}.portfolio-intro-layout{grid-template-columns:1fr;gap:24px;margin:45px 0 18px}.portfolio-intro p:not(.eyebrow){font-size:16px}.portfolio-grid-wrap{padding:0 6% 70px}.portfolio-grid{grid-template-columns:1fr;gap:36px}.portfolio-art{aspect-ratio:1.45;border-radius:20px}.portfolio-card-top{margin-top:18px}.portfolio-card h3{font-size:26px}}
.portfolio-intro .eyebrow{color:#75417e}