.creative-showcase{--cream:#FAF8F3;--ink:#20211F;--text:#30302E;--powder:#E5F1F4;--bluegray:#527581;--sand:#EEE8DC;--yellow:#FFDF17;--line:#E6E0D6}
.creative-showcase *{box-sizing:border-box}.creative-showcase{background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.cr-shell{position:relative;margin:0 auto;max-width:440px;background:var(--cream);padding:48px 0 50px;overflow:hidden;box-shadow:none}
.cr-decor{position:absolute;right:-72px;top:-81px;width:180px;height:180px;pointer-events:none;opacity:.4;border-radius:50%;background:radial-gradient(circle at 42% 48%,transparent 55%,#d7cfbf 55%,transparent 56%)}
.cr-title{margin:0 24px;font-weight:850;font-size:clamp(36px,10.2vw,44px);line-height:1.02;letter-spacing:-.053em;max-width:375px}
.cr-yellow-mark{display:inline-block;position:relative;isolation:isolate}.cr-yellow-mark:after{position:absolute;content:"";background:var(--yellow);height:12px;bottom:0;left:-2%;right:-2%;z-index:-1;transform:rotate(-1deg);border-radius:55%}
.cr-intro{margin:18px 25px 22px;font-size:15px;line-height:1.5;color:#54534d;max-width:372px}
.cr-gallery-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-behavior:smooth;padding:0 44px 10px 24px;display:flex;gap:12px}
.cr-gallery-viewport::-webkit-scrollbar{display:none}.cr-gallery-viewport::after{content:"";flex:0 0 75px}.cr-slide{scroll-snap-align:start;flex:0 0 100%;min-width:0;border:4px solid white;border-radius:21px;overflow:hidden;background:white;box-shadow:0 7px 19px #3430241b}.cr-slide img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.cr-bottom-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:12px 26px 11px}.cr-case-name{font-size:19px;letter-spacing:-.028em;line-height:1.2;font-weight:800;margin-bottom:8px}.cr-format{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:6px 11px;font-size:11px;background:var(--powder);color:var(--bluegray);font-weight:700}
.cr-case-right{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.cr-case-no{font-size:13px;white-space:nowrap;color:#89857a;font-weight:700}.cr-arrows{display:flex;gap:7px}.cr-arrow{height:31px;width:31px;background:#fff;border:1px solid #dfddd6;border-radius:50%;font-size:20px;color:#456775;display:grid;place-items:center;cursor:pointer;line-height:1}.cr-arrow:disabled{color:#bfbbb5;background:#f5f2ec;cursor:default}
.cr-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 17px}.cr-progress button,.cr-progress span{padding:0;border:0;width:8px;height:8px;border-radius:100px;background:#d5d5ce}.cr-progress button{cursor:pointer}.cr-progress button.cr-on{background:var(--yellow);width:23px}.cr-progress span{opacity:.45}
.cr-thought{background:var(--sand);border-radius:21px;padding:19px 19px 17px;margin:0 24px 11px;min-height:135px}.cr-eyebrow{font-size:11px;color:var(--bluegray);font-weight:800;letter-spacing:.11em;margin-bottom:9px}.cr-thought-text{font-size:22px;line-height:1.16;font-weight:820;letter-spacing:-.035em;margin:0}.cr-accent{width:46px;height:5px;border-radius:7px;background:var(--yellow);margin-top:14px}
.cr-expander{background:#fff;border:1px solid var(--line);border-radius:18px;margin:0 24px;padding:0;overflow:hidden}.cr-expander-button{cursor:pointer;background:transparent;border:0;padding:16px 18px;text-align:left;display:flex;justify-content:space-between;gap:9px;align-items:center;width:100%;font-family:inherit;font-weight:760;color:var(--ink);font-size:14px}.cr-expander-button:hover{background:#fbfaf7}.cr-expander-button svg{transition:transform .2s}.cr-expander-button[aria-expanded=true] svg{transform:rotate(180deg)}.cr-expanded{padding:0 18px 18px;display:none}.cr-expander.cr-open .cr-expanded{display:block}.cr-expander.cr-open .cr-expander-button{border-bottom:1px solid var(--line)}
.cr-point{padding:16px 0 14px;display:grid;grid-template-columns:40px 1fr;gap:13px;align-items:start}.cr-point+.cr-point{border-top:1px solid var(--line)}.cr-pt-icon{height:40px;width:40px;border-radius:12px;background:var(--powder);color:var(--bluegray);display:grid;place-items:center}.cr-pt-icon svg{width:22px;height:22px;stroke:var(--bluegray);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.cr-ptitle{font-size:14px;font-weight:820;color:var(--ink);margin-bottom:6px}.cr-pbody{font-size:13px;color:#585650;line-height:1.46}
@media(min-width:440px){.cr-title{font-size:43px}}@media(prefers-reduced-motion:reduce){.cr-gallery-viewport{scroll-behavior:auto}.cr-expander-button svg{transition:none}}

/* Seventh slide: a proposal, not a seventh performed case. */
.cr-promo-art{width:100%;aspect-ratio:4/5;background:#152032;display:flex;flex-direction:column;color:white;overflow:hidden;position:relative}
.cr-promo-photo{height:65%;width:100%;overflow:hidden;position:relative;flex-shrink:0}
.cr-promo-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;aspect-ratio:auto}
.cr-promo-photo:after{content:"";position:absolute;inset:auto 0 0;height:20px;background:linear-gradient(transparent,#152032)}
.cr-thought .cr-eyebrow[hidden]{display:none}.cr-promo-footer{height:35%;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:9px 17px 12px;background:linear-gradient(160deg,#14233a 0%,#222228 100%)}
.cr-promo-head{font-size:clamp(23px,6.4vw,28px);font-weight:850;line-height:1.08;letter-spacing:-.04em;color:var(--yellow)}
.cr-promo-copy{font-size:clamp(13px,3.3vw,15px);font-weight:530;line-height:1.32;color:#f5f2e9;max-width:310px}
.cr-slide--promo{border-color:#ffed80}
.cr-progress button[data-index="6"]{background:#d0b970;opacity:.7}.cr-progress button[data-index="6"].cr-on{background:var(--yellow);opacity:1}
/* On the final slide, remove the repeated idea card and generic niche badge. */
.cr-thought[hidden],.cr-format[hidden],.cr-expander[hidden],.cr-proposal-details[hidden]{display:none!important}
.cr-shell.cr-is-promo .cr-bottom-row{margin-top:8px;margin-bottom:7px}
.cr-shell.cr-is-promo .cr-progress{margin-bottom:10px}
.cr-proposal-details{margin:0 24px;display:none;gap:8px}.cr-proposal-details.cr-show{display:grid}
.cr-proposal-copy{color:#5d5b54;font-size:13.5px;line-height:1.38;margin:0}
.cr-proposal-cta{border:0;border-radius:15px;background:var(--yellow);color:var(--ink);font-size:16px;font-weight:830;font-family:inherit;padding:14px 14px;width:100%;cursor:pointer;display:flex;justify-content:center;gap:13px;align-items:center;box-shadow:0 6px 16px #d4ab212e}
.cr-proposal-cta:focus-visible,.cr-arrow:focus-visible,.cr-progress button:focus-visible{outline:3px solid #527581;outline-offset:3px}
.cr-proposal-cta:hover{filter:brightness(.98)}

.creative-showcase .cr-title{color:var(--ink)}
.creative-showcase .cr-shell{box-shadow:none}

.creative-showcase .cr-thought-text{color:var(--ink)}