.portfolio-cases{padding-block:16px 30px}.portfolio-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:12px 50px;align-items:end;margin:12px 0 30px}.portfolio-intro .eyebrow{grid-column:1/-1;color:var(--orange);margin:0}.portfolio-intro h2{font-size:clamp(2.1rem,3.5vw,3.3rem);font-weight:500}.portfolio-intro>p:last-child{max-width:450px;margin:0;color:var(--muted);font-size:1rem}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.portfolio-case{min-width:0;border:1px solid #3c4655;border-radius:16px;overflow:hidden;background:#111720;box-shadow:0 15px 45px #0003}.portfolio-case.polini{--case:#ffb981;background:linear-gradient(150deg,#282119,#121720 60%)}.portfolio-case.piotr{--case:#caff71;background:linear-gradient(150deg,#1d2822,#121720 60%)}.case-heading{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.875rem;color:#c5cad4}.case-tag{font-size:.75rem;white-space:nowrap;letter-spacing:.035em;color:var(--case);border:1px solid currentColor;padding:4px 7px;border-radius:5px}.case-media{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;align-items:center;padding:0 16px}.case-graphic{display:block;background:#080b10;border-radius:8px;overflow:hidden;outline-offset:5px}.case-graphic img{width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain;transition:filter .2s}.case-graphic:hover img{filter:brightness(1.05)}.case-video{min-width:0;background:#080b10;border:1px solid #465044;border-radius:8px;overflow:hidden}.case-video video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#080b10}.case-video>span{display:block;text-align:center;color:#c4cfbe;font-size:.75rem;line-height:1.5;padding:8px 5px}.case-copy{padding:24px}.case-brand{color:var(--case);font-size:.875rem;letter-spacing:.08em;margin:0 0 12px}.case-copy h3{font-size:clamp(1.6rem,2.1vw,2.1rem);line-height:1.18;font-weight:600}.case-copy>p:not(.case-brand){color:var(--muted);font-size:1rem;margin:16px 0 23px}.case-links{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center}.case-links a{font-size:.9375rem;text-decoration:none;padding-bottom:6px;border-bottom:1px solid #657052;color:#f2f6ec}.case-links a:hover{color:var(--case);border-color:var(--case)}.portfolio-note{font-size:.875rem;color:var(--muted);line-height:1.7;max-width:1060px;margin:24px 0 0}
@media(max-width:1050px){.portfolio-grid{grid-template-columns:1fr}.case-media{max-width:710px;margin-inline:auto}.case-heading{font-size:.875rem}.case-copy{padding:26px}.portfolio-intro{grid-template-columns:1fr;gap:16px}.portfolio-intro>p:last-child{max-width:650px}}
@media(max-width:600px){.portfolio-intro h2{font-size:2.2rem}.portfolio-cases{padding-top:6px}.portfolio-grid{gap:22px}.case-heading{padding:17px 14px;align-items:flex-start;flex-wrap:wrap;font-size:.875rem}.case-media{gap:8px;padding-inline:10px;grid-template-columns:1.1fr 1fr}.case-copy{padding:21px 17px}.case-copy h3{font-size:1.7rem}.case-video>span{font-size:.75rem;padding:7px 3px}.case-links{gap:13px 18px}.case-links a{font-size:.875rem}.portfolio-note{font-size:.875rem}.case-graphic img{transition:none}}
@media(prefers-reduced-motion:reduce){.case-graphic img{transition:none}}
/* Direct order actions stay readable on narrow screens. */
.arena-studio .package-buy:has(.package-cta){display:block;min-width:0}.arena-studio .package-cta{display:block;background:#ff956f;color:#231209;padding:13px 18px;border-radius:10px;text-decoration:none;font-size:15px;font-weight:700;text-align:center;margin-top:18px}.arena-studio .package-cta:hover{background:#ffb093}.arena-studio .package-buy:has(.package-cta)>p:last-child{font-size:12px;line-height:1.5;color:#b7c0ce}.arena-studio footer{flex-wrap:wrap;gap:18px}.arena-studio footer a{font-size:13px}.arena-studio .delivery-number{white-space:nowrap}@media(max-width:750px){.arena-studio .package:has(.package-cta){grid-template-columns:1fr}.arena-studio .package:has(.package-cta) .package-body{grid-column:1;grid-row:2}.arena-studio .package:has(.package-cta) .package-buy{grid-column:1;grid-row:3;text-align:left}.arena-studio .package:has(.package-cta) .price span{display:inline;margin-left:8px}.arena-studio .package:has(.package-cta) .package-buy>p:last-child{display:block}.arena-studio .package-cta{max-width:360px}}