/* Version 41: consistent portfolio framing and editorial alignment. */
:root{--portfolio-ratio:85.6 / 53.98;--chapter-stone:#DACBB9}
#services,#card-design,#print,#brand-identity,#digital{scroll-margin-top:110px}
.expertise-overview{padding:55px 6%;background:var(--chalk)}
.expertise-overview .eyebrow{color:var(--ink);margin-bottom:15px}
.expertise-overview h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.15;text-wrap:balance}
.expertise-overview nav{display:flex;flex-wrap:wrap;gap:16px 36px;margin-top:28px}
.expertise-overview a{padding:10px 0;border-bottom:1px solid var(--ink);font-size:1rem}
.expertise-overview a:hover{border-color:var(--coral)}
.expertise-overview a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.visual-evolution .specialism-card,.visual-evolution .specialism-brand{background:#fff}
.visual-evolution .print-pillar.wrap,.visual-evolution .digital-pillar{background:var(--chapter-stone)}
.visual-evolution :is(.specialism,.print-pillar,.digital-pillar) .eyebrow{color:var(--coral);font-size:.875rem;letter-spacing:.12em;font-weight:400}
.card-sector-link{background:var(--chapter-stone)}
.card-sector-number,.sector-action .ui-arrow{color:var(--ink)}
.brand-feature-media{grid-template-columns:repeat(2,minmax(0,1fr))}
.brand-feature-media img,.card-service .project-grid img{display:block;width:100%;height:auto;aspect-ratio:var(--portfolio-ratio);object-fit:cover;object-position:center;border-radius:18px}
.card-service .project-grid{gap:28px}
.card-service .service-hero{padding-bottom:35px}
.card-service .gift-card-work .section-head{margin-bottom:24px}
.visual-evolution .digital-pillar .packaging-showcase,.digital-pillar .packaging-showcase .project-video,.digital-pillar .packaging-showcase video{border:0;box-shadow:none;background:var(--chapter-stone)}
.digital-pillar .packaging-showcase video{object-fit:cover}
.visual-evolution .retailer-heading{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.visual-evolution .retailer-heading>div{width:100%}
.visual-evolution .retailer-heading p{margin-left:auto;margin-right:auto}
.visual-evolution .work-heading{width:auto;max-width:none;margin-left:calc(4vw + 51.48px);margin-right:6%;padding:0}
.collaboration-art{aspect-ratio:1.75}
.collaboration-copy{display:grid;grid-template-rows:auto auto 1fr auto auto;align-items:start;justify-items:stretch}
.collaboration-copy>.eyebrow{font-size:.75rem;letter-spacing:.09em;margin:0 0 10px}
.collaboration-copy>p:not(.eyebrow){text-wrap:pretty}
.collaboration-details{margin:0 0 24px;font-size:.875rem;line-height:1.6}
.collaboration-details>div{display:grid;grid-template-columns:1fr 1.25fr;gap:15px;border-top:1px solid var(--line);padding:14px 0}
.collaboration-details dt,.collaboration-details dd{margin:0;font-weight:400}
.collaboration-details dd{text-align:right}
.collaboration-copy .text-link{justify-self:start;display:inline-flex;align-items:center;gap:10px}
.collaboration-copy .text-link .collaboration-plus{margin-left:-10px}
@media(max-width:720px){
.expertise-overview{padding:38px 6%}.expertise-overview nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.expertise-overview a{font-size:.9rem}
.brand-feature-media{grid-template-columns:1fr;gap:20px}
.brand-feature-media img,.card-service .project-grid img{border-radius:14px}
.visual-evolution .work-heading{margin-left:6%;margin-right:6%}
.collaboration-details>div{grid-template-columns:1fr 1.2fr;gap:12px}
.collaboration-copy{display:flex}.collaboration-details{width:100%}
}

/* Branded collaboration panels, following the supplied reference. */
.collaboration-options{gap:28px;align-items:stretch}
.collaboration-options article{background:#fff;padding:14px;border-radius:24px;box-shadow:0 8px 28px #25252508}
.collaboration-art{aspect-ratio:85.6/53.98;border-radius:16px}
.collaboration-copy{padding:30px 20px 18px}
.collaboration-copy>.eyebrow{font-size:.72rem;line-height:1.6;letter-spacing:.09em}
.collaboration-copy h3{font-size:clamp(1.6rem,2.35vw,2.6rem)}
.collaboration-copy>p:not(.eyebrow){font-size:.95rem;line-height:1.75;margin:18px 0 26px}
.collaboration-details>div{min-height:74px;align-items:center;padding:14px 0}
.collaboration-details dt{font-family:Syne,Arial,sans-serif;font-weight:700}
.collaboration-details dd{color:#56524d}
@media(max-width:1000px) and (min-width:721px){.collaboration-copy{padding:25px 12px 15px}.collaboration-details>div{min-height:94px}}
@media(max-width:720px){.collaboration-options{gap:24px}.collaboration-options article{padding:10px;border-radius:20px}.collaboration-art{border-radius:12px}.collaboration-copy{padding:25px 14px 18px}.collaboration-details>div{min-height:70px}}

/* Version 44: consistent project links and tighter comparison panels. */
.visual-evolution :is(.sector-action,.specialism-all,.brand-feature-action,.print-pillar .pillar-foot .text-link,.digital-pillar .pillar-foot .text-link){font-family:Syne,Arial,sans-serif;font-size:1rem;font-weight:700;line-height:1.45;color:var(--ink);white-space:normal}
.visual-evolution :is(.sector-action,.specialism-all,.brand-feature-action,.print-pillar .pillar-foot .text-link,.digital-pillar .pillar-foot .text-link) .ui-arrow{color:inherit;flex-shrink:0}
.brand-feature-link:hover .brand-feature-action{color:var(--ink)}
.collaboration-copy{padding:22px 20px 14px;grid-template-rows:auto auto auto auto auto;align-content:start}
.collaboration-copy>.eyebrow{margin:0 0 8px}
.collaboration-copy>p:not(.eyebrow){line-height:1.6;margin:12px 0 16px}
.collaboration-details{margin-bottom:16px}
.collaboration-details>div{min-height:52px;padding:10px 0}
.collaboration-copy .text-link{margin-top:0}
@media(max-width:1000px) and (min-width:721px){.collaboration-copy{padding:20px 12px 12px}.collaboration-details>div{min-height:64px}}
@media(max-width:720px){.collaboration-copy{padding:20px 14px 14px}.collaboration-details>div{min-height:52px}}