.toolkit-charts{margin-top:56px;padding-top:34px;border-top:1px solid var(--line)}.toolkit-charts-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:26px}.toolkit-charts-heading h3{font-size:33px;font-weight:400;letter-spacing:-1px;margin:0}.toolkit-charts-heading p{max-width:440px;color:var(--muted);font-size:12px;line-height:1.7;margin:0}.toolkit-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 22px}.toolkit-chart-project{min-width:0}.toolkit-chart-video{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff}.toolkit-chart-meta{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.65px;color:var(--muted);margin:14px 0 10px}.toolkit-chart-project h4{font-size:17px;font-weight:500;margin:0 0 10px}.toolkit-chart-project p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 14px}.toolkit-chart-links{display:flex;flex-wrap:wrap;gap:10px 17px}.toolkit-chart-links a{font-size:10px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:4px}.toolkit-chart-links a:hover{border-color:currentColor}.toolkit-chart-links a:focus-visible{outline:2px solid currentColor;outline-offset:5px}@media(max-width:900px){.toolkit-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolkit-charts-heading{display:block}.toolkit-charts-heading p{margin-top:13px}}@media(max-width:540px){.toolkit-chart-grid{grid-template-columns:minmax(0,1fr);gap:32px}.toolkit-chart-project h4{font-size:18px}.toolkit-chart-meta{font-size:9px}.toolkit-chart-links a{font-size:12px}}
/* Motion charts stay within the creator's toolkit, in a pink glass folder. */
#charts-folder{margin-top:24px}
#charts-folder .folder-back{background:linear-gradient(160deg,#ffc4df,#dc77aa 40%,#a64375);border-color:#ffe0f0b3;box-shadow:inset 0 2px 3px #fff0f6ae,inset 0 -4px 20px #69234455,0 28px 45px #0003}
#charts-folder .folder-back::before{background:linear-gradient(#f4afd0,#df87b0);border-color:#ffe2efb3}
#charts-folder .folder-front{filter:drop-shadow(0 12px 15px #59243c35)}
#charts-folder .folder-front::before{background:#e887ba14}
#charts-folder .folder-front-label{font-family:var(--sans);font-size:22px;font-weight:500;letter-spacing:-.5px;text-transform:none;color:#fff0f7;left:29%;bottom:14%}
#charts-folder .folder-monogram{color:#fff0f7}
#charts-folder .folder-monogram span{color:#ffc1e1}
#charts-folder .folder-close,#charts-folder .folder-back-to-films{color:#854464}
#charts-folder .folder-card-cover:focus-visible,#charts-folder .folder-trigger:focus-visible{outline-color:#ad5480}
#charts-folder .folder-card-cover img{object-fit:contain;background:#f7f2f5}
#charts-folder .folder-card-cover>span{font-size:clamp(9px,1vw,13px);letter-spacing:0;line-height:1.25;padding:24px 8px 10px}
#motion #charts-folder .video-player{aspect-ratio:1/1;background:#fff;object-fit:contain}
#charts-folder .folder-card-copy .project-goal>span{color:#a64e79}
#charts-folder .toolkit-chart-links{margin-top:15px}
@media(max-width:700px){#charts-folder .folder-front-label{font-size:18px}}

#charts-folder.has-focused-film .folder-square.is-selected .folder-card-content{display:block}

/* Folder titles match the sentence-case pink Motion charts label. */
:is(#ad-grid,#motion-folder,#toolkit-folder,#explainer-video,#charts-folder) .folder-front-label{font-family:var(--sans);font-size:22px;font-weight:500;letter-spacing:-.5px;line-height:normal;text-transform:none;left:29%;bottom:14%}
@media(max-width:700px){:is(#ad-grid,#motion-folder,#toolkit-folder,#explainer-video,#charts-folder) .folder-front-label{font-size:18px}}

/* Tile covers show the artwork; project names remain in the opened details. */
:is(#ad-grid,#motion-folder,#toolkit-folder,#explainer-video,#charts-folder) .folder-card-cover>span{display:none}