.creative-library{--cl-orange:#a84214;max-width:1250px;margin:auto}.cl-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.cl-heading h1{font-family:Georgia,serif;font-size:clamp(33px,4vw,52px);letter-spacing:-1.4px}.cl-heading p:last-child{color:#626861;margin:0}.cl-public-label{font-size:11px;border:1px solid #d4d1c7;padding:8px 12px;border-radius:30px}.cl-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #c9c8bf;margin-bottom:32px;gap:8px}.cl-sections button{border:0;border-bottom:3px solid transparent;background:transparent;border-radius:0;text-align:left;padding:18px 12px;display:flex;gap:16px;align-items:center}.cl-sections button small{font-size:11px;color:#78786e}.cl-sections button[aria-pressed=true]{border-color:var(--cl-orange);color:var(--cl-orange);background:#f2e9df}.cl-section-heading{display:flex;gap:25px;justify-content:space-between;align-items:center}.cl-section-heading h2{font-size:25px;margin-bottom:6px}.cl-section-heading p:last-child{font-size:13px;color:#626861}.cl-note{font-size:12px;background:#eeede7;border-left:3px solid #bd5825;padding:12px;max-width:340px}.cl-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.cl-controls label{flex:1;min-width:115px}.cl-controls .cl-search{flex:2.5;min-width:220px}.cl-controls input,.cl-controls select{margin-bottom:0;min-height:46px}.cl-results-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;font-size:12px}.cl-results-bar p{margin:0}.cl-results-bar button{color:var(--cl-orange);padding:7px 12px}.cl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cl-card{min-width:0;background:#fff;border:1px solid #deddd5;border-radius:8px;overflow:hidden}.cl-art{position:relative;background:#252c31;color:#f8f7f4;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.cl-art-equipment{background:#e8e4da;color:#20262d}.cl-art-tools{background:#c85b26;color:#fff}.cl-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.cl-art [hidden]{display:none}.cl-art-icon{font-size:45px;line-height:1.1;font-family:Georgia,serif;border:1px solid currentColor;border-radius:50%;width:85px;height:85px;display:grid;place-items:center;opacity:.8}.cl-art-note,.cl-image-fallback{font-size:11px;padding:12px 16px;text-align:center}.cl-media-label{position:absolute;top:12px;left:12px;border-radius:3px;padding:4px 8px;background:#fff;color:#20262d;font-size:10px}.cl-card-body{padding:20px}.cl-meta{color:var(--cl-orange);font-size:10px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.cl-card h2{font-size:19px;margin-bottom:8px}.cl-card h2 button{padding:0;border:0;text-align:left;background:none;font:inherit;line-height:1.4;display:flex;gap:12px;justify-content:space-between;width:100%;overflow-wrap:anywhere}.cl-card h2 button:hover{text-decoration:underline;color:var(--cl-orange)}.cl-client{font-size:12px;font-weight:600;margin-bottom:8px}.cl-description{font-size:12px;color:#626861;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cl-card-foot{border-top:1px solid #e7e6df;padding-top:12px;font-size:10px;color:#65695f;display:grid;gap:4px}.cl-card-foot small{font-size:10px}.cl-state{background:#eeece4;border:1px solid #d9d6cb;border-radius:8px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 25px}.cl-state h2{font-family:Georgia,serif;font-size:27px;max-width:500px}.cl-state p{max-width:510px;font-size:13px;color:#626861}.cl-state-symbol{font-size:32px;color:var(--cl-orange);margin-bottom:12px}.cl-footnote{margin-top:25px;max-width:720px;font-size:11px;color:#676c63}.creative-library dialog{border:1px solid #d1cec3;border-radius:10px;padding:0;max-width:640px;width:calc(100% - 32px);max-height:90dvh;color:#20262d;background:#f8f7f4;overflow:auto;overscroll-behavior:contain}.creative-library dialog::backdrop{background:#10181cbb}.cl-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;position:sticky;top:0;z-index:1;background:#f8f7f4}.cl-dialog-top .eyebrow{margin:0;overflow-wrap:anywhere;min-width:0}.cl-dialog-top button{flex-shrink:0}.cl-detail-copy{padding:25px}.cl-detail-copy h2{font-size:30px;font-family:Georgia,serif;overflow-wrap:anywhere}.cl-detail-copy dl{grid-template-columns:105px minmax(0,1fr)}.cl-detail-copy dd,.cl-detail-copy p,.cl-detail-copy li{overflow-wrap:anywhere}.cl-detail-copy ul{padding-left:18px;font-size:13px}.cl-detail-copy .primary{max-width:100%;font-size:12px}.cl-modal-open{overflow:hidden}.cl-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-public-label{max-width:170px}.cl-sections button{gap:8px;font-size:12px}}
@media(max-width:760px){body:has(.creative-library) .sidebar nav{display:flex;flex-wrap:wrap;overflow:visible;white-space:normal;gap:3px}body:has(.creative-library) .sidebar nav a{padding:8px;min-height:40px;font-size:11px}body:has(.creative-library) .sidebar nav a span{display:none}body:has(.creative-library) main{padding-top:22px}.cl-heading{margin-bottom:22px;gap:12px;align-items:start}.cl-heading h1{font-size:33px}.cl-heading p:last-child{font-size:12px}.cl-public-label{display:none}.cl-sections{gap:0;margin-bottom:25px}.cl-sections button{padding:12px 7px;display:block;font-size:11px;line-height:1.4}.cl-sections button small{display:block;margin-bottom:5px;font-size:10px}.cl-section-heading{display:block}.cl-section-heading h2{font-size:23px}.cl-controls{gap:10px}.cl-controls .cl-search{flex-basis:100%;min-width:0}.cl-controls label{min-width:100px}.cl-controls label:nth-child(2){flex-basis:100%}.cl-controls input,.cl-controls select{font-size:13px}.cl-grid{grid-template-columns:1fr;gap:18px}.cl-art{aspect-ratio:16/9}.cl-state{min-height:260px;padding:26px 18px}.cl-state h2{font-size:25px}.cl-dialog-top{padding:12px;gap:8px}.cl-dialog-top .eyebrow{font-size:9px}.cl-detail-copy{padding:20px}.cl-detail-copy h2{font-size:27px}.cl-detail-copy dl{grid-template-columns:80px minmax(0,1fr)}.cl-footnote{font-size:11px}}