/* Readable Joyous Edge feature, including headings decorated by script.js. */
body .brand-system-page #joyous-edge-feature .case-link-strip-copy :is(h2,h2 *,p){color:#173c31!important}
body .brand-system-page #joyous-edge-feature .case-link-strip-copy :is(.eyebrow,a:not(.button)){color:#553700!important}
body .brand-system-page #joyous-edge-feature .button{display:inline-block;padding:12px 18px;background:#173c31!important;color:#fff!important;text-decoration:none;border-radius:3px}
body .brand-system-page .client-identities{background:#f7f4ec!important;color:#173c31!important}
body .client-identities :is(h2,h3,p){color:#173c31!important}
.client-gallery-intro{max-width:60ch;line-height:1.6}
.client-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px;margin-top:36px}
.team-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.team-logo-grid .client-logo-open{height:260px}
.team-branding-inquiry{margin-top:38px;padding-top:28px;border-top:1px solid #c8c7bb;max-width:65ch}
.team-branding-inquiry h3{font:400 26px/1.2 Georgia,serif;margin:0 0 12px}
.team-branding-inquiry p{line-height:1.6;margin-bottom:22px}
@media(max-width:650px){.team-logo-grid .client-logo-open{height:190px}.team-logo-grid .client-logo-card:last-child{grid-column:1/-1;max-width:300px;width:100%;justify-self:center}}
.client-logo-card{min-width:0}
.client-logo-open{height:200px;display:flex;align-items:center;justify-content:center;background:#fff;padding:18px}
#client-identities .client-logo-open img{mix-blend-mode:normal}
.logo-viewer-art.logo-white-field img{mix-blend-mode:normal}
.client-logo-open img{display:block;width:100%!important;height:100%!important;max-width:var(--logo-width,100%)!important;max-height:var(--logo-height,100%)!important;object-fit:contain}
.client-logo-card h3{font:400 21px/1.2 Georgia,serif;margin:16px 0 6px}
.client-logo-card p{font:13px/1.4 system-ui,sans-serif;margin:0 0 8px}
.client-logo-enlarge{color:#553700!important;font:14px/1.4 system-ui,sans-serif;text-underline-offset:4px}
.client-logo-card a:focus-visible{outline:3px solid #a66b00;outline-offset:5px}
body .brand-selected-real .brand-other-head .eyebrow{color:#ffe08a!important}
.logo-viewer{box-sizing:border-box;width:min(1000px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:20px;background:#f7f4ec;color:#173c31;border:0}
.logo-viewer::backdrop{background:rgba(0,12,8,.88)}
.logo-viewer-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.logo-viewer h2{font:400 24px/1.2 Georgia,serif;margin:0;color:#173c31!important}
.logo-viewer-close{font:14px/1.3 system-ui,sans-serif;padding:10px 16px;background:#173c31;color:#fff;border:0;cursor:pointer}
.logo-viewer-art{height:auto;max-height:calc(100dvh - 116px);display:flex;justify-content:center;align-items:center;background:transparent;padding:0;overflow:auto}
.logo-viewer-art img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 116px);object-fit:contain}
.logo-viewer-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-viewer-size{font:14px/1.3 system-ui,sans-serif;padding:10px;border:1px solid #173c31;color:#173c31;background:transparent;cursor:pointer}
.logo-viewer-art.logo-actual-size{display:block;overscroll-behavior:contain}
.logo-viewer-art.logo-actual-size img{width:var(--native-width);max-width:none;max-height:none;height:auto}
@media(max-width:900px){.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.client-logo-open{height:155px;padding:16px}.client-logo-card h3{font-size:19px}.brand-system-page .brand-other-head{display:block}.logo-viewer{padding:14px}}
@media(max-width:340px){.client-logo-grid{grid-template-columns:1fr}}

/* Uniform white fields with optically balanced artwork on the studio green. */
body .brand-system-page .client-identities,
body .team-page .client-identities:has(.team-logo-grid){background:#173c31!important;color:#f7f4ec!important}
body .brand-system-page .client-identities :is(h2,h3,p),
body .team-page .client-identities:has(.team-logo-grid) :is(h2,h3,p){color:#f7f4ec!important}
body .brand-system-page .client-identities :is(.eyebrow,.client-logo-enlarge),
body .team-page .client-identities:has(.team-logo-grid) :is(.eyebrow,.client-logo-enlarge){color:#ffe08a!important}
.client-logo-open{box-sizing:border-box;text-decoration:none}
.client-logo-open[data-logo-title]{cursor:zoom-in}
.client-logo-card h3{text-wrap:balance}
.client-logo-card p{min-height:2.8em}
.client-logo-open img[src$="gleeful-color.png"]{--logo-width:92%;--logo-height:92%}
.client-logo-open img[src$="baggage-butlers.png"]{--logo-height:96%}
.client-logo-open img[src$="first-night.png"]{--logo-width:90%;--logo-height:90%}
.client-logo-open img[src$="my-chiro-health.png"]{--logo-width:88%;--logo-height:88%}
.client-logo-open img[src$="teliosity.png"]{--logo-height:92%}
.client-logo-open img[src$="parkstone-studios.png"]{--logo-width:94%;--logo-height:94%}
.client-logo-open img[src$="ppc.png"]{--logo-width:90%}
.client-logo-open img[src$="pocket-players-medallion-transparent.webp"]{--logo-width:90%;--logo-height:90%}
body .brand-system-page .brand-real-media{background:#fff;height:200px;box-sizing:border-box;padding:18px}
.logo-viewer-art{background:#fff}
body .client-logo-card a:focus-visible{outline:3px solid #ffe08a;outline-offset:5px}