.campaign-library{padding:65px 5vw 80px;background:#ebe5d9;border-top:1px solid var(--line)}.library-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px 6vw;align-items:end}.library-heading>.eyebrow{grid-column:1/-1}.library-heading h2{font-size:clamp(50px,6vw,90px);line-height:1;letter-spacing:-.035em}.library-heading>p:last-child{font-size:13px;max-width:500px;line-height:1.8}.library-tabs{display:flex;gap:25px;border-bottom:1px solid #b6ac9c;margin:40px 0 25px;flex-wrap:wrap}.library-tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:14px 0;font-size:12px;color:var(--ink)}.library-tabs button[aria-pressed=true]{border-color:var(--red);color:var(--red)}.library-tabs button span{font-size:9px;margin-left:10px}.library-grid{display:grid;gap:30px 22px;margin-top:25px}.library-videos{grid-template-columns:repeat(3,1fr)}.library-photos,.library-applications{grid-template-columns:repeat(4,1fr)}.library-card{min-width:0}.library-card video{display:block;width:100%;aspect-ratio:9/16;background:#191918;object-fit:contain}.library-card img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover}.library-applications .library-card img{object-fit:contain;background:#f6f1e7}.library-card figcaption{font-size:12px;line-height:1.5;margin-top:13px}.library-photo-open{padding:0;border:0;width:100%;display:block;background:none}.application-variants{display:flex;gap:7px 12px;flex-wrap:wrap;margin-top:12px;font-size:9px}.library-photo-open:focus-visible{outline:3px solid var(--red);outline-offset:4px}#photo-viewer{width:min(1000px,95vw);padding:55px 20px 20px}#photo-viewer img{max-height:75svh;width:100%;object-fit:contain}#photo-viewer p{text-align:center;font-size:11px;margin-top:15px}.viewer-close{position:absolute;top:15px;right:20px;border:0;background:none;font-size:12px}
@media(max-width:850px){.library-videos{grid-template-columns:repeat(2,1fr)}.library-photos,.library-applications{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.campaign-library{padding:40px 5vw 50px}.library-heading{grid-template-columns:1fr;gap:22px}.library-heading h2{font-size:48px}.library-heading>p:last-child{font-size:12px}.library-tabs{gap:20px;margin-top:30px}.library-tabs button{font-size:10px}.library-grid{gap:25px 12px}.library-photos,.library-applications{grid-template-columns:repeat(2,1fr)}.library-card figcaption{font-size:10px}.application-variants{font-size:8px}.library-videos{grid-template-columns:1fr}.library-videos .library-card{max-width:420px;margin:auto;width:100%}}
