.creatives-page{padding-top:68px}.creatives-intro{display:grid;grid-template-columns:1.7fr 1fr;gap:60px;align-items:end;padding-bottom:65px;border-bottom:1px solid var(--line)}.creatives-intro h1{font-size:clamp(42px,5.1vw,76px);line-height:1.04;letter-spacing:-3px;margin:24px 0 0}.creatives-intro h1 span{color:var(--lime)}.creatives-deck{max-width:380px;justify-self:end}.creatives-deck p{color:var(--muted);font-size:17px;line-height:1.65;margin:18px 0}.creatives-deck a{font-size:13px;font-weight:700}.creative-orbit{font-size:62px;line-height:1;color:var(--pink)}.creative-directory{padding-top:44px;scroll-margin-top:24px}.creative-toolbar{display:flex;justify-content:space-between;gap:30px;align-items:center}.creative-toolbar label{font-size:12px;font-family:SpaceMono,monospace;flex:1;max-width:670px}.creative-search-wrap{display:flex;align-items:center;border:1px solid #48464d;background:#17161b;border-radius:8px;margin-top:12px;padding:0 18px;gap:12px}.creative-search-wrap:focus-within{outline:2px solid var(--lime);outline-offset:3px}.creative-search-wrap svg{width:22px;flex-shrink:0;color:var(--muted)}.creative-search-wrap input{background:none;border:0;color:var(--fg);min-width:0;width:100%;padding:19px 0;font:15px Syne,sans-serif;outline:none}.creative-search-wrap input::placeholder{color:#a4a1ab}.creative-total{font-size:13px;line-height:1.6;color:var(--muted)}.creative-total strong{color:var(--lime)}.creative-filters{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 27px}.creative-filters button{padding:11px 17px;border:1px solid #45434c;border-radius:99px;background:transparent;color:var(--fg);font:12px Syne,sans-serif;font-weight:700;cursor:pointer}.creative-filters button[aria-pressed=true]{color:#111;background:var(--lime);border-color:var(--lime)}.creative-filters button:hover{border-color:var(--lime)}.creative-results-line{display:flex;justify-content:space-between;align-items:center;font:11px SpaceMono,monospace;color:var(--muted);margin-bottom:17px}.creative-results-line p{margin:0}.creatives-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}.creative-card{display:flex;flex-direction:column;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}.creative-card[hidden]{display:none}.creative-photo{position:relative;aspect-ratio:1;overflow:hidden;background:#26222d}.creative-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 15%;transition:transform .3s}.creative-card:hover .creative-photo img{transform:scale(1.025)}.creative-badge{position:absolute;bottom:12px;left:12px;padding:7px 10px;border-radius:4px;color:var(--fg);background:#111e;font:10px SpaceMono,monospace}.creative-copy{padding:22px 20px 18px;display:flex;flex-direction:column;flex:1}.creative-discipline{color:var(--pink);font:10px SpaceMono,monospace;line-height:1.5;margin:0 0 10px}.creative-copy h2{font-size:25px;line-height:1.12;letter-spacing:-.8px;margin:0 0 14px}.creative-description{font-size:14px;line-height:1.7;color:#bbb8c1;margin:0 0 22px}.creative-connections{margin-top:auto}.creative-episode{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:16px;color:var(--lime);font-size:13px;font-weight:700}.creative-socials{display:flex;flex-wrap:wrap;gap:18px;padding-top:16px;font-size:11px;color:var(--muted)}.creative-socials a:hover{color:var(--fg)}.creative-empty{text-align:center;padding:80px 20px;border:1px dashed var(--line);border-radius:10px}.creative-empty h2{font-size:32px}.creative-empty p{color:var(--muted)}.creative-empty .button{margin-top:15px}.creative-outro{margin:65px 0 0;border-top:1px solid var(--line);padding:40px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.creative-outro p{font-size:clamp(24px,3vw,40px);font-weight:700;margin:0;letter-spacing:-1px}.creative-outro a{color:var(--lime);white-space:nowrap;font-weight:700}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:1200px){.creatives-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creatives-intro{gap:30px;grid-template-columns:1.5fr 1fr}.creatives-intro h1{letter-spacing:-2px}}
@media(max-width:800px){.creatives-page{padding-top:35px}.creatives-intro{grid-template-columns:1fr;gap:24px;padding-bottom:35px}.creatives-deck{max-width:540px;justify-self:start}.creative-orbit{display:none}.creatives-deck p{margin:0 0 16px}.creatives-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.creative-toolbar{align-items:end}.creative-total{display:none}.creative-copy{padding:18px 16px}.creative-copy h2{font-size:24px}.creative-outro{flex-direction:column;align-items:start}}
@media(max-width:480px){.creatives-intro h1{font-size:42px;letter-spacing:-2px}.creatives-grid{grid-template-columns:1fr}.creative-photo{aspect-ratio:1.12}.creative-copy{padding:24px}.creative-copy h2{font-size:30px}.creative-description{font-size:15px}.creative-filters{gap:8px}.creative-filters button{padding:10px 13px}.creative-results-line{font-size:10px}.creative-search-wrap input{font-size:13px}.creative-directory{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.creative-photo img{transition:none}}