/* Real publications and campaign creative, within the existing portfolio. */
.publication-section,.motion-section{margin:48px 6vw 0;padding-top:28px;border-top:1px solid var(--line)}
.media-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.media-section-heading h2{font-size:clamp(26px,3vw,40px);line-height:1.15;max-width:700px}
.media-section-heading p{max-width:650px;font-size:13px;line-height:1.6;margin-top:12px}
.media-section-heading img{width:70px;height:70px;flex:none}
.book-reader{padding:20px;background:#e8e5da;border:1px solid #d3d0c4}
.reader-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px;font-size:12px}
.reader-toolbar label{display:flex;gap:8px;align-items:center}
.reader-toolbar select,.reader-toolbar button,.reader-controls button,.motion-filter button,.video-versions button{font:inherit;color:inherit;background:var(--paper,#f8f6ee);border:1px solid #858578;padding:10px 15px;min-height:44px}
.reader-pages{display:flex;justify-content:center;align-items:flex-start;min-height:200px;gap:0;max-width:1060px;margin:auto;animation:page-arrive .25s ease}
.reader-page{width:50%;border:0;padding:0;background:white;cursor:zoom-in;box-shadow:0 5px 15px #0002}
.reader-page:only-child{width:50%}.reader-page img{display:block;width:100%;height:auto}
.reader-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;font-size:12px}
.reader-controls button:disabled{opacity:.35;cursor:default}.reader-status{min-width:110px;text-align:center}
.reader-note{font-size:11px;line-height:1.6;margin:16px 0 0}
.reader-note a{text-decoration:underline;text-underline-offset:3px}
.book-reader:fullscreen{overflow:auto;background:#e8e5da;padding:24px;}.book-reader:fullscreen .reader-pages{max-width:1100px}
.publication-section .reader-download{font-size:12px;text-decoration:underline}
.pub-zoom{max-width:98vw;width:1450px;max-height:96vh;padding:52px 12px 12px;background:var(--cream);overflow:auto;border:0}
.pub-zoom .dialog-close{position:sticky;top:0;float:right;margin-top:-43px;background:var(--cream);z-index:2}
.pub-zoom img{display:block;width:100%;max-width:none;height:auto}
.motion-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px;font-size:12px}
.motion-filter button[aria-pressed=true],.video-versions button[aria-pressed=true]{background:var(--ink);color:var(--cream)}
.motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}
.motion-card{min-width:0}.motion-card[hidden]{display:none}
.motion-open{position:relative;display:block;width:100%;padding:0;border:0;aspect-ratio:4/3;overflow:hidden;background:#252525;cursor:pointer}
.motion-open img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.motion-open:hover img{transform:scale(1.025)}
.motion-open>span{position:absolute;bottom:14px;left:14px;display:flex;align-items:center;gap:8px;background:var(--yellow);color:var(--ink);padding:9px 13px;font-size:12px}
.motion-card h3{font-size:17px;line-height:1.3;min-height:45px;margin:14px 0 7px}.motion-card p{font-size:11px;line-height:1.5;color:var(--muted)}
.motion-context{font-size:13px;line-height:1.65;max-width:800px;margin:0 0 24px}
.video-dialog{width:min(1060px,96vw);max-height:96vh;overflow:auto;border:0;padding:24px;background:var(--cream);color:var(--ink)}
.video-dialog::backdrop,.pub-zoom::backdrop{background:#151513e8}
.video-dialog>header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:16px}
.video-dialog h2{font-size:23px;line-height:1.25}.video-dialog .video-close{font:28px Poppins,sans-serif;background:transparent;border:1px solid var(--line);min-width:44px;min-height:44px}
.video-screen{background:#171715;display:flex;justify-content:center}.video-screen video{width:100%;max-height:65vh;object-fit:contain}
.video-versions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 8px;font-size:12px}.video-detail{font-size:11px;line-height:1.6;color:var(--muted)}
.motion-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 28px}
.motion-summary strong{display:block;font-size:28px}.motion-summary span{font-size:11px}
.collection-jump{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0;font-size:12px}.collection-jump a{border-bottom:1px solid;padding-bottom:4px}
@keyframes page-arrive{from{opacity:.4;transform:translateX(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.reader-pages{animation:none}.motion-open img{transition:none}}
@media(max-width:850px){.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-summary strong{font-size:23px}}
@media(max-width:700px){.publication-section,.motion-section{margin:32px 6vw 0;padding-top:22px}.book-reader{padding:12px}.reader-page,.reader-page:only-child{width:100%}.reader-controls{gap:10px}.reader-controls button{padding:10px 12px}.reader-status{min-width:85px}.reader-toolbar{gap:8px}.reader-toolbar select{max-width:160px}.motion-grid{grid-template-columns:1fr;gap:26px}.motion-card h3{min-height:0}.media-section-heading img{width:45px;height:45px}.video-dialog{padding:16px}.video-dialog h2{font-size:20px}.motion-summary{gap:8px}.motion-summary strong{font-size:21px}.motion-summary span{font-size:10px}}

.zoom-tools{display:flex;gap:16px;align-items:center;position:sticky;top:0;background:var(--cream);width:max-content;padding:5px;margin-bottom:12px;z-index:1}.zoom-tools button{width:44px;height:44px;font:22px Poppins,sans-serif;background:var(--cream);border:1px solid var(--line)}.zoom-tools span{font-size:12px;min-width:40px;text-align:center}

.motion-open { aspect-ratio: 16/9; }
.motion-open img { object-fit: contain; }
.motion-card h3 { min-height: 0; }
.motion-card p { margin: 0; }