/* Keep the interface quiet; the actual identities supply the visual variety. */
.cc-switch{display:flex;flex-wrap:wrap;gap:7px;max-width:100%}
.cc-switch[hidden]{display:none}
.cc-switch button{border:1px solid var(--bf-line);border-radius:8px;background:transparent;color:var(--bf-ink);font:inherit;font-size:12px;padding:9px 13px;min-height:42px;cursor:pointer}
.cc-switch button[aria-pressed=true]{background:var(--bf-ink);color:white;border-color:var(--bf-ink)}
.cc-switch button:focus-visible,.cc-case a:focus-visible{outline:3px solid var(--bf-focus,#6550C8);outline-offset:4px}
.bf-stage-top:has(.cc-switch){flex-wrap:wrap;gap:16px}.bf-stage-top .cc-switch{order:3;flex-basis:100%}.bf-stage-top:has(.cc-switch) .bf-stage-link{margin-left:auto}
.bf-product-art.cc-export-art{background:var(--sample-base);display:flex;align-items:center;justify-content:center;padding:22px 22px 48px}
.bf-product-art.cc-export-art img{width:100%;height:auto;object-fit:contain;border-radius:0;box-shadow:0 8px 30px #21242212}
.cc-stage-links{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.cc-stage-links>a:first-child{font-size:13px;text-decoration:underline;text-underline-offset:4px}
.cc-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.cc-home-grid article{min-width:0}
.cc-home-art{display:block;overflow:hidden;border-radius:12px;background:var(--bf-soft)}.cc-home-art img{display:block;width:100%;height:auto}
.cc-home-grid article>p{font-size:12px;color:var(--bf-muted);margin:18px 0 8px}.cc-home-grid h3{font-size:24px;line-height:1.2;margin:0 0 16px;letter-spacing:-.025em}.cc-home-grid h3 a{text-decoration:none}
.cc-caption,.brand-site p.cc-caption{font-size:12px;line-height:1.75;color:var(--bf-muted)}.cc-home-paths>.cc-caption{margin-top:25px;max-width:82ch}
.gallery-image.cc-gallery-export>img{object-fit:contain;padding:9%;box-sizing:border-box}.gallery-card-heading>span{white-space:normal;text-align:right;max-width:50%}
.cc-industry-note{margin:0 0 24px;max-width:80ch;font-size:13px;color:var(--bf-muted)}
.cc-case{max-width:1376px;margin:auto;padding:0 48px}.cc-case-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center;padding:50px 0}
.cc-case-intro>div>p:first-child{font-size:13px;color:var(--bf-muted)}.brand-site .cc-case-intro h1{font-size:clamp(34px,3.5vw,54px);line-height:1.08;margin:20px 0;max-width:19ch}
.cc-case-intro>div>p{max-width:56ch}.cc-case figure{margin:0;min-width:0}.cc-case-intro figure img{display:block;width:100%;height:auto;border:1px solid var(--bf-line);border-radius:8px}
.cc-case figcaption{font-size:12px;line-height:1.6;color:var(--bf-muted);padding-top:12px}
.cc-case-nav{display:flex;gap:28px;flex-wrap:wrap;border-block:1px solid var(--bf-line);padding:18px 0}.cc-case-nav a{font-size:13px;text-underline-offset:5px}
.cc-case-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:64px 0;border-bottom:1px solid var(--bf-line);scroll-margin-top:24px}
.brand-site .cc-case-section h2,.brand-site .cc-output-section h2{font-size:clamp(29px,3vw,42px);line-height:1.12;margin:0 0 24px}.cc-case-section p{font-size:15px;max-width:66ch}
.cc-case-section dl{margin:0}.cc-case-section dl>div{margin:0 0 22px}.cc-case-section dt{font-size:13px;font-weight:600;margin-bottom:6px}.cc-case-section dd{font-size:14px;line-height:1.7;color:var(--bf-muted);margin:0}
.cc-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:28px;max-width:430px}.cc-colors span{min-width:0}.cc-colors i{height:50px;display:block;border:1px solid #21242218;border-radius:5px;margin-bottom:8px}.cc-colors code{font-family:inherit;font-size:11px}
.cc-decisions h3{font-size:19px;line-height:1.3;margin:0 0 10px}.cc-decisions>div+div{margin-top:32px}.cc-decisions p{color:var(--bf-muted);margin:0}
.cc-output-section{padding:64px 0;border-bottom:1px solid var(--bf-line);scroll-margin-top:24px}.cc-output-section .lp-section-head{margin-bottom:32px}.cc-output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cc-output-grid figure>a{display:flex;align-items:center;justify-content:center;background:#EDEFEA;border-radius:8px;aspect-ratio:1/1;padding:20px}.cc-output-grid img{display:block;width:100%;height:100%;object-fit:contain}.cc-output-grid figcaption{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between}.cc-output-grid figcaption>span{font-size:11px}
.cc-output-section>.cc-caption{margin-top:22px;max-width:90ch}.cc-files .lp-button{margin-top:12px}.cc-downloads{list-style:none;margin:0 0 22px;padding:0}.cc-downloads a{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--bf-line);font-size:15px;text-decoration:none}.cc-downloads a:hover{text-decoration:underline;text-underline-offset:4px}.cc-downloads span{font-size:12px;color:var(--bf-muted)}
.cc-method{border-bottom:0}.cc-method .gallery-text-link{display:block;width:fit-content;margin-top:16px}.cc-method p{font-size:13px;color:var(--bf-muted)}
.vi-sample-choices.cc-studio-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cc-studio-samples .vi-sample-choice{min-width:0}.cc-studio-samples .vi-sample-choice img{width:100%;height:auto;aspect-ratio:1.75;object-fit:contain}.cc-studio-samples .vi-sample-choice small{white-space:normal}
.vi-more-samples{grid-column:1/-1}.vi-more-samples>summary{font-size:12px;cursor:pointer;padding:8px 0;line-height:1.6}.vi-more-samples .vi-sample-choices{margin-top:12px}
@media(max-width:1000px){.cc-case{padding:0 30px}.cc-case-intro{gap:30px;grid-template-columns:1fr 1fr}.cc-home-grid{gap:20px}.cc-home-grid h3{font-size:21px}.cc-case-section{gap:5%}}
@media(max-width:650px){.cc-switch{gap:6px}.cc-switch button{font-size:11px;padding:9px 10px;min-height:42px}.bf-product-art.cc-export-art{padding:15px 15px 38px}.cc-stage-links{gap:12px}.cc-home-grid{grid-template-columns:1fr;gap:32px}.cc-home-grid h3{font-size:25px;max-width:25ch}.cc-case{padding:0 6%}.cc-case-intro{grid-template-columns:1fr;gap:25px;padding:26px 0 32px}.brand-site .cc-case-intro h1{font-size:36px}.cc-case-nav{gap:16px 22px}.cc-case-section{grid-template-columns:1fr;gap:28px;padding:38px 0}.cc-output-section{padding:38px 0}.cc-output-grid{grid-template-columns:1fr;gap:28px}.cc-output-grid figure>a{aspect-ratio:1.15;padding:20px}.vi-sample-choices.cc-studio-samples{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.cc-switch button{font-size:10px}.vi-sample-choices.cc-studio-samples{grid-template-columns:1fr}.cc-colors code{font-size:10px}}