/* Clarity frames the work. Each client’s artwork supplies its own visual voice. */
.clarity-page .folio-intro:before,.clarity-page .page-intro:before,.clarity-page .project-heading:before,.clarity-page .article-head:before,.clarity-page .journal-article-head:before,.clarity-page .brand-invitation:before,.clarity-page .contact-intro:after{background-image:url(clarity-contours-v29.svg);background-size:auto 140%;background-position:75% 50%;background-repeat:no-repeat;filter:none}
.clarity-work .folio-intro:before{opacity:.32;background-size:auto 130%;background-position:70% 50%}
.case-v29{background:#fff;color:#172B32}.case-v29 .portfolio-project-bar{border-bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-block:26px;gap:20px}.case-v29 .portfolio-project-bar .back-link{margin:0;font-size:11px}.case-v29 .portfolio-project-bar h1{text-align:center;font-size:25px;font-weight:500;letter-spacing:-.045em}.case-v29 .portfolio-project-bar>span{text-align:right;font-size:11px}
.case-v29 .case-art{margin:0;position:relative}.case-v29 .case-art>.artwork-open{display:block;width:100%;height:auto;aspect-ratio:auto;padding:0;border:0;background:transparent;overflow:hidden}.case-v29 .case-art img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;max-height:none}.case-v29 .case-art figcaption{padding:17px max(25px,4.5vw);font-size:11px;line-height:1.7;max-width:none;background:#F3F4F0;color:#4F5C58}.case-v29 .case-hero figcaption{background:#fff;border-bottom:1px solid #E2E7E2}
.case-v29 .case-opening{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:100px}.case-v29 .case-kicker{display:block;font-size:10px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;font-weight:500}.case-v29 .case-opening h2{font-size:clamp(38px,4.6vw,76px);line-height:1.07;letter-spacing:-.052em;font-weight:500;max-width:610px;margin-top:24px}.case-v29 .case-lead{font-size:20px;line-height:1.75;margin-top:24px;max-width:620px}.case-v29 .case-scope{font-size:12px;line-height:1.7;margin-top:28px;max-width:580px;color:#52605D}
.case-v29 .case-pair{display:grid;grid-template-columns:1fr 1fr;align-items:start;background:var(--case-secondary)}.case-v29 .case-pair>.case-art{min-width:0}.case-v29 .case-pair>.case-art:nth-child(2)>.artwork-open{aspect-ratio:var(--panel-ratio);display:grid;place-items:center;padding:9%;background:var(--case-primary)}.case-v29 .case-pair>.case-art:nth-child(2)>.artwork-open>img{width:100%;height:100%;object-fit:contain;min-height:0;max-height:100%}
.case-v29 .case-decision{display:grid;grid-template-columns:.5fr 1fr 1.15fr;gap:6%;padding-block:68px;border-bottom:1px solid #E2E7E2}.case-v29 .case-decision h2{font-size:clamp(24px,2.2vw,36px);line-height:1.2;letter-spacing:-.035em;font-weight:500}.case-v29 .case-decision p{font-size:14px;line-height:1.9;max-width:600px;color:#455651}.case-v29 .case-decision>.case-kicker{padding-top:5px}
.case-v29 .case-system-head{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:54px}.case-v29 .case-system-head h2{font-size:28px;font-weight:500;letter-spacing:-.035em;margin-top:18px}.case-v29 .case-system-head h3{font-size:28px;font-weight:500;letter-spacing:-.025em;margin-top:18px}.case-v29 .case-system-head>div>p:not(.case-kicker){font-size:12px;margin-top:13px;color:#52605D}.case-v29 .case-swatches{display:grid;grid-template-columns:1.4fr 1fr 1fr}.case-v29 .case-swatch{background:var(--swatch);color:var(--swatch-ink);min-height:350px;padding:35px 4.5vw;display:flex;flex-direction:column;gap:15px}.case-v29 .case-swatch>span{font-size:11px;opacity:.75}.case-v29 .case-swatch h3{font-size:clamp(26px,2.6vw,42px);font-weight:500;line-height:1.12;letter-spacing:-.04em;margin-top:22px}.case-v29 .case-swatch .hex{font-size:11px;letter-spacing:.06em}.case-v29 .case-swatch>p:last-child{font-size:12px;line-height:1.75;max-width:290px;margin-top:auto;padding-top:30px}
.case-v29 .case-outcome{background:#142B32;color:#F4F2E9}.case-v29 .case-outcome>.wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;padding-block:85px}.case-v29 .case-outcome h2{font-size:clamp(34px,4.1vw,64px);font-weight:500;line-height:1.1;letter-spacing:-.05em;margin-top:25px}.case-v29 .case-outcome>div>div:last-child>p:first-child{font-size:22px;line-height:1.7;max-width:640px}.case-v29 .case-outcome .case-scope{color:#B7C9C6;border-top:1px solid #456066;padding-top:25px}
.case-v29 .case-next{padding-block:65px 80px}.case-v29 .case-next>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.case-v29 .case-next>div>a{font-size:12px}.case-v29 .case-next>a{display:block;max-width:none}.case-v29 .case-next>a img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.case-v29 .case-next h2{font-size:32px;font-weight:500;margin-top:25px}.case-v29 .case-next>a>p{font-size:12px;line-height:1.6;margin-top:10px;color:#52605D}
/* Covers retain the prepared artwork’s actual aspect ratio and complete print edges. */
.clarity-page .folio-image>img[src*="-hero-v29"],.clarity-page .project-image>img[src*="-hero-v29"],.clarity-page .project-card img[src*="-hero-v29"]{height:auto;aspect-ratio:auto;object-fit:contain}.clarity-page .folio-image:has(>img[src*="-hero-v29"]){height:auto;aspect-ratio:auto}
@media(max-width:900px){.case-v29 .case-opening{gap:6%;padding-block:65px}.case-v29 .case-lead{font-size:17px}.case-v29 .case-decision{grid-template-columns:.4fr 1fr 1.2fr;gap:4%;padding-block:48px}.case-v29 .case-decision p{font-size:13px}.case-v29 .case-swatch{padding:28px 6%;min-height:320px}.case-v29 .case-swatch h3{font-size:25px}.case-v29 .case-outcome>.wrap{gap:7%;padding-block:60px}.case-v29 .case-outcome>div>div:last-child>p:first-child{font-size:18px}}
@media(max-width:640px){.case-v29 .portfolio-project-bar{grid-template-columns:1fr 1.5fr;padding-block:22px;gap:12px}.case-v29 .portfolio-project-bar h1{text-align:right;font-size:23px}.case-v29 .portfolio-project-bar>span{grid-column:1/-1;text-align:right;font-size:10px}.case-v29 .case-opening{grid-template-columns:1fr;gap:35px;padding-block:48px}.case-v29 .case-opening h2{font-size:38px;max-width:500px}.case-v29 .case-lead{font-size:16px;margin-top:19px}.case-v29 .case-art figcaption{font-size:10px;padding:15px 24px}.case-v29 .case-pair{grid-template-columns:1fr}.case-v29 .case-pair>.case-art:nth-child(2)>.artwork-open{aspect-ratio:auto;padding:40px 10%}.case-v29 .case-pair>.case-art:nth-child(2)>.artwork-open>img{height:auto;max-height:none}.case-v29 .case-decision{grid-template-columns:1fr;gap:18px;padding-block:38px}.case-v29 .case-decision h2{font-size:27px}.case-v29 .case-decision p{font-size:13px}.case-v29 .case-system-head{grid-template-columns:1fr;gap:30px;padding-block:37px}.case-v29 .case-system-head h2,.case-v29 .case-system-head h3{font-size:27px;margin-top:12px}.case-v29 .case-swatches{grid-template-columns:1fr}.case-v29 .case-swatch{min-height:245px;padding:25px 28px;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.case-v29 .case-swatch>span{grid-column:1/-1}.case-v29 .case-swatch h3{font-size:28px;margin-top:10px;grid-column:1}.case-v29 .case-swatch .hex{grid-column:1}.case-v29 .case-swatch>p:last-child{grid-column:2;grid-row:2/4;padding:0;margin:auto 0;font-size:11px}.case-v29 .case-outcome>.wrap{grid-template-columns:1fr;gap:32px;padding-block:48px}.case-v29 .case-outcome h2{font-size:38px}.case-v29 .case-outcome>div>div:last-child>p:first-child{font-size:17px}.case-v29 .case-next{padding-block:45px}.case-v29 .case-next h2{font-size:28px}}

.clarity-page .folio-picture img[src*="-hero-v29"],.clarity-page .selected-folio>.folio-grid>.folio-item .folio-picture img[src*="-hero-v29"],.clarity-page .all-folio>.folio-grid>.folio-item .folio-picture img[src*="-hero-v29"]{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}

/* v30: keep the work in charge; compact the supporting editorial frame. */
.case-v29 .case-decision{grid-template-columns:1fr 1.15fr;gap:10%;padding-block:48px}.case-v29 .case-decision h2{font-size:clamp(25px,2.2vw,34px);max-width:520px}.case-v29 .case-decision p{font-size:15px;line-height:1.85}.case-v29 .case-swatch{min-height:275px}.case-v29 .case-swatch h3{font-size:clamp(26px,2.7vw,40px)}.case-v29 .case-swatch>p:last-child{font-size:11px}.case-v29 .case-system-head{padding-block:40px}.case-v29 .case-outcome{background:var(--outcome-bg);color:var(--outcome-ink)}.case-v29 .case-outcome>.wrap{grid-template-columns:1fr 1.15fr;padding-block:60px;gap:10%}.case-v29 .case-outcome>div>div:last-child>p:first-child{font-size:22px;line-height:1.7;max-width:640px}.case-v29 .case-art figcaption{font-size:11px;padding-block:15px;background:#fff;border-bottom:1px solid #E2E7E2}.case-v29 .case-pair>.case-art:nth-child(2)>.artwork-open{padding:7%}
@media(max-width:640px){.case-v29 .case-decision{grid-template-columns:1fr;gap:18px;padding-block:34px}.case-v29 .case-decision p{font-size:14px}.case-v29 .case-swatch{min-height:235px}.case-v29 .case-outcome>.wrap{grid-template-columns:1fr;gap:22px;padding-block:40px}.case-v29 .case-outcome>div>div:last-child>p:first-child{font-size:18px}.case-v29 .case-pair>.case-art:nth-child(2)>.artwork-open{padding:34px 9%}}

.case-v29 .case-decision{padding-inline:var(--pad)}.case-v29 .case-decision p{grid-column:auto}