/* Finished pieces retain their natural proportions at every viewport. */
.creative-selection{display:grid;gap:clamp(16px,2.4vw,34px);padding:clamp(18px,3vw,46px);background:var(--ink,#171715)}
.creative-selection .selection-row{display:grid;align-items:center;justify-content:center;gap:clamp(12px,2vw,28px);min-width:0}
.creative-selection .selection-row:first-child{grid-template-columns:minmax(0,.68fr) minmax(0,1.6fr) minmax(0,1.1fr)}
.creative-selection .selection-row:last-child{grid-template-columns:repeat(2,minmax(0,1fr));width:min(64%,510px);margin:auto}
.creative-selection figure,.social-collection figure{margin:0;min-width:0;display:grid;place-items:center}
.creative-selection img,.social-collection img{display:block;width:100%;height:100%;object-fit:contain}
.creative-selection .selection-row figure{height:clamp(150px,18vw,280px)}
.creative-selection .selection-row:last-child figure{height:clamp(150px,16vw,230px)}
.theme-digital .service-hero.social-intro{display:block;padding-block:clamp(20px,3vw,44px);text-align:center}
.social-intro .page-identity{text-align:left}
.social-intro .service-hero-copy,.social-showcase>.service-story-copy{width:100%;max-width:none;text-align:center}
.social-intro .service-hero-copy h1,.social-showcase .service-story-copy h2{max-width:none;margin:12px auto;text-wrap:balance}
.social-intro .service-hero-copy h1{font-size:clamp(40px,5.2vw,84px)}
.social-intro .service-hero-copy p,.social-showcase .service-story-copy p{max-width:98ch;margin:10px auto;line-height:1.52}
.social-showcase{background:var(--ink,#171715);color:var(--ivory,#f5f1e8);padding:clamp(28px,4vw,60px) 6%}
.social-collection{width:min(100%,1080px);margin:auto;display:grid;gap:clamp(18px,2.5vw,35px)}
.social-featured{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);align-items:center;gap:clamp(12px,2.4vw,32px)}
.social-featured figure{height:clamp(165px,26vw,355px)}
.social-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,2vw,26px);align-items:center}
.social-examples figure{height:clamp(150px,20vw,260px)}
.armadani-post{height:100%;width:auto;aspect-ratio:.715;max-width:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;color:#171715;overflow:hidden}
.armadani-post .account{display:flex;gap:5px;align-items:center;padding:4% 5%;font:600 clamp(9px,.88vw,13px) Arial,sans-serif}
.armadani-post .account b{border-radius:50%;display:grid;place-items:center;width:1.65em;height:1.65em;background:#101010;color:white;font:italic 1.1em/1 Georgia,serif}
.armadani-post img{object-fit:contain;background:white}
.armadani-post svg{display:block;width:100%;height:clamp(15px,1.6vw,23px);padding:2px 5%}
.social-showcase .service-story-copy{margin-top:clamp(28px,4.5vw,68px)}
.social-showcase .service-story-copy h2{font:400 clamp(32px,3.8vw,58px)/1.06 Georgia,serif}
.art-directed .new-outcome.centered-result,.service-page .service-outcome.centered-result{display:block;text-align:center;padding:clamp(30px,4vw,62px) 4%}
.art-directed .centered-result>div,.service-page .centered-result .outcome-copy,.art-directed .centered-result>div p,.service-page .centered-result .outcome-copy p{display:block;width:100%;max-width:none;margin:8px auto;text-align:center;text-wrap:wrap}
main .centered-result>div p,.service-page .centered-result .outcome-copy p{font-size:clamp(15px,1.35vw,20px);letter-spacing:0;line-height:1.5}
.art-directed .centered-result h2,.service-page .centered-result h2{max-width:100%;margin-inline:auto;white-space:normal;text-wrap:balance}
@media(max-width:640px){.creative-selection .selection-row:first-child{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-selection .selection-row:first-child figure:nth-child(2){grid-area:1/1/2/-1}.creative-selection .selection-row:last-child{width:100%}.creative-selection .selection-row figure{height:clamp(125px,38vw,215px)}.social-featured{grid-template-columns:minmax(0,1.5fr) minmax(0,.72fr)}.social-featured figure{height:clamp(125px,29vw,180px)}.social-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.social-examples figure{height:clamp(145px,48vw,230px)}.social-showcase{padding-inline:5%}}
/* Bound the grid track as well as its frame so portrait art cannot overlap the next row. */
.creative-selection figure,.social-collection figure{grid-template:minmax(0,1fr)/minmax(0,1fr)}
.creative-selection img,.social-collection img{min-width:0;min-height:0;max-width:100%;max-height:100%}
@media(min-width:850px){.theme-digital .social-intro .service-hero-copy h1{font-size:clamp(36px,4.15vw,76px);max-width:none}}