/* Shea's service folios: complete artwork, modest overlap, no invented samples. */
.sheas-folio{display:grid;align-items:center;isolation:isolate;min-width:0}
.folio-item{min-width:0;margin:0;display:flex;align-items:center;justify-content:center}
.folio-item img{display:block;width:100%;height:auto;object-fit:contain}
.strategy-folio{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:clamp(25px,4vw,60px) 1.5% 0}
.strategy-folio .folio-item{box-shadow:0 10px 22px #0004}
.strategy-folio .item-1,.strategy-folio .item-3{transform:rotate(-3deg) translateY(-4%)}
.strategy-folio .item-2,.strategy-folio .item-4{transform:rotate(3deg) translateY(3%)}
.creative-folio{grid-template-columns:1.25fr .75fr .65fr;grid-template-rows:auto auto;gap:clamp(12px,2vw,25px);padding:clamp(16px,3vw,40px);background:var(--ink);align-items:stretch}
.creative-folio .folio-item{max-height:clamp(170px,18vw,280px)}
.creative-folio img,.digital-folio img{width:100%;height:100%;max-height:inherit}
.creative-folio .item-1,.creative-folio .item-5{align-self:center}
.creative-folio .item-3,.digital-folio .item-2,.digital-folio .item-4,.digital-folio .item-6,.digital-folio .item-8{transform:rotate(3deg)}
.digital-folio{grid-template-columns:1.4fr .7fr;gap:12px 5px;padding:clamp(15px,2vw,32px);background:#ede9df}
.digital-folio .folio-item{height:clamp(110px,13vw,195px)}
.dark-folio{background:#292a28}
.production-folio{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(9px,1.15vw,18px);margin-top:28px}
.production-folio .folio-item{grid-column:span 2;aspect-ratio:4/5;background:#242422;overflow:hidden}
.production-folio img{height:100%;object-fit:cover}
.production-folio .item-2,.production-folio .item-4,.production-folio .item-7,.production-folio .item-8{grid-column:span 1}
.production-folio .phone img{object-fit:contain;padding:7%}
.production-folio .item-9,.production-folio .item-10{grid-column:span 3;aspect-ratio:1.8}
.production-folio .item-2,.production-folio .item-4,.production-folio .item-7,.production-folio .item-8{aspect-ratio:2/5}
.production-intro.service-hero{display:grid;grid-template-columns:1fr;gap:0}
.production-intro.service-hero .service-hero-copy{max-width:none}
.production-intro.service-hero h1{max-width:none;font-size:clamp(40px,4.9vw,78px);text-wrap:initial}
.production-intro.service-hero .service-hero-copy p{max-width:78ch}
.production-intro .service-hero-art{width:min(100%,900px);margin:24px auto 0}
.production-story.service-story{display:block;padding:clamp(36px,5vw,75px) 6%}
.production-story .service-story-copy{max-width:none}
.production-story h2{max-width:none;margin:12px 0}
.production-story .service-story-copy p{max-width:95ch;margin:8px 0}
.phrase{display:inline-block}
.direction-strategy .document-title{font-size:clamp(30px,3.8vw,61px)}
.art-directed .new-outcome,.v6-redesign .service-outcome{padding:clamp(35px,4vw,62px) 5%;text-align:center}
.art-directed .new-outcome h2,.service-outcome h2{margin:15px auto;max-width:none;font-size:clamp(33px,4.5vw,73px)}
.art-directed .new-outcome>div,.service-outcome .outcome-copy p{margin-inline:auto;max-width:none}
.art-directed .new-outcome>div p,.service-outcome .outcome-copy p{font-size:clamp(16px,1.32vw,20px);margin-block:8px;line-height:1.55}
.new-outcome .outcome-stroke,.service-outcome .outcome-connector{margin-top:24px}
.art-directed .designed-capabilities,.v6-redesign .service-capabilities{padding-block:clamp(36px,5vw,68px)}
.art-directed .designed-tile .tile-copy,.v6-redesign .color-tile{min-height:0;padding:clamp(20px,2vw,32px)}
.v6-redesign .color-tile .tile-copy{padding:0;min-height:0}
.art-directed .designed-tile .tile-index{margin-bottom:18px}
.v6-redesign .color-tile h3{margin:18px 0 10px;letter-spacing:-.01em}
.art-directed .capabilities-heading{margin-bottom:26px}
.v6-redesign .service-section-heading h2{letter-spacing:-.035em}
@media(max-width:760px){
 .creative-folio,.digital-folio{grid-template-columns:repeat(2,minmax(0,1fr))}
 .creative-folio .folio-item{height:clamp(150px,35vw,225px)}
 .strategy-folio{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}
 .digital-folio .folio-item{height:clamp(140px,38vw,235px)}
 .production-folio{grid-template-columns:repeat(2,minmax(0,1fr))}
 .production-folio .folio-item{grid-column:span 1;aspect-ratio:4/5}
 .phrase{display:inline}
 .production-story .service-story-copy{width:100%}
 .direction-creative .new-outcome h2{white-space:normal}
}