@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Source+Serif+4:wght@600;700&display=swap');
:root{--ink:#102c49;--muted:#66748a;--line:#e5ebf1;--teal:#0b7d88;--selected:#e6f1fa}*{box-sizing:border-box}body{margin:0;background:#fafbfd;color:var(--ink);font:14px/1.5 'IBM Plex Sans',sans-serif}button,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}header{min-height:90px;display:flex;align-items:center;padding:18px 3%;gap:20px;border-bottom:1px solid var(--line);background:#fff}.brand{font:700 clamp(24px,2.5vw,36px)/1 'Source Serif 4',serif;letter-spacing:-1.3px;text-decoration:none;white-space:nowrap}header p{font-size:12px;line-height:1.3;border-left:1px solid #d7e0eb;padding-left:15px;color:var(--muted);margin:0}.edition{margin-left:auto;text-align:right}.edition select{font-weight:600;font-size:16px;background:none;border:0;max-width:100%}.edition small{display:block;font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-top:4px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 90px)}nav{background:#1a3249;color:#eef6ff;padding:35px 16px 25px;display:flex;flex-direction:column;gap:12px}nav button{display:flex;align-items:center;gap:20px;background:none;border:0;color:inherit;text-align:left;border-radius:5px;padding:15px 18px;font-weight:600}nav button>span{font-size:28px;font-weight:400;width:27px;text-align:center}nav button.active{background:var(--selected);color:var(--ink)}nav small{display:block;font-weight:400;font-size:11px;margin-top:3px;color:#9bb6d0}nav button.active small{color:#4c6c89}.nav-footer{margin-top:auto;padding:40px 20px 0;font-size:11px}.nav-footer a{display:inline-block;margin-top:20px;color:#c5dfef}main{display:grid;grid-template-columns:minmax(340px,43%) minmax(0,57%);min-width:0}.browser{border-right:1px solid var(--line)}.intro{padding:24px 28px 18px}h1{font-size:27px;letter-spacing:-.7px;line-height:1.2;margin:0 0 3px}.intro p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.filters select{background:#edf1f6;border:0;border-radius:5px;padding:8px;font-size:11px;min-width:0;max-width:100%}.group-heading{padding:12px 28px 8px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin:0 26px;font-size:17px}.group-heading span{font-size:10px;font-weight:400;color:var(--muted)}.row{width:100%;text-align:left;display:grid;grid-template-columns:60px 1fr 13px;gap:15px;align-items:center;background:none;border:0;padding:14px 28px;color:inherit}.row:hover{background:#f0f5fa}.row.selected{background:var(--selected);box-shadow:inset 3px 0 var(--teal)}.thumb{height:60px;background:#e4eced;display:grid;place-items:center;color:#3d6f73;border-radius:3px;font:500 17px 'Source Serif 4';letter-spacing:1px}.row:nth-child(3n) .thumb{background:#f1e9dc;color:#866d4b}.row:nth-child(3n + 1) .thumb{background:#e9e8f2;color:#696282}.row strong{font-size:14px;display:block}.row p{font-size:12px;color:var(--muted);line-height:1.45;margin:4px 0 0}.row small{font-size:11px;color:var(--muted)}.badge{display:inline-block;background:#e5f0f7;padding:3px 7px;border-radius:4px;font-size:10px;margin-top:5px}.empty{padding:18px 28px;font-size:12px;color:var(--muted)}article{padding:28px;min-width:0;background:white}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.eyebrow{font:500 10px 'IBM Plex Mono',monospace;letter-spacing:1.3px;color:var(--muted)}.action{background:var(--teal);color:white;text-decoration:none;padding:10px 17px;border-radius:4px;font-size:12px;display:inline-block;text-align:center}.save{background:none;border:1px solid #d4e0e6;border-radius:4px;padding:8px 12px;font-size:12px}.top-actions{display:flex;gap:9px;align-items:center}article h2{font-size:30px;letter-spacing:-.7px;line-height:1.2;margin:22px 0 12px}.lead{font-size:17px;color:#5b6780;line-height:1.5}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.tags span{font-size:12px;background:#edf1f6;padding:7px 12px;border-radius:5px}.notice{padding:15px;border-left:3px solid var(--teal);background:#edf6f6;font-size:13px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:25px;border-top:1px solid var(--line);padding-top:5px;margin-top:24px}.detail-grid aside{border-left:1px solid var(--line);padding-left:24px;margin-top:22px}article h3{font:500 10px 'IBM Plex Mono',monospace;letter-spacing:1.3px;margin:24px 0 8px}article p{color:var(--muted);font-size:13px;line-height:1.65}.detail-grid aside p{font-size:12px}.bottom-action{display:block;margin-top:30px}.source-note{font-size:11px;text-align:center;margin-top:12px}.edition-card{display:block;text-align:left;border:1px solid var(--line);background:white;border-radius:5px;padding:20px;margin:12px 25px;width:calc(100% - 50px)}.edition-card strong{display:block}.edition-card p{font-size:12px;color:var(--muted)}.edition-card span{font-size:11px;color:var(--teal)}[hidden]{display:none!important}@media(min-width:851px){.shell{height:calc(100vh - 90px);min-height:600px}main,.browser,article{height:100%}.browser,article{overflow:auto}}@media(max-width:1200px){.shell{grid-template-columns:175px 1fr}nav{padding-inline:10px}nav button{padding:14px 10px;gap:12px}.detail-grid{grid-template-columns:1fr}.detail-grid aside{border-left:0;border-top:1px solid var(--line);padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.detail-top{flex-wrap:wrap}.group-heading{margin:0;padding-inline:24px}.row{padding-inline:22px;grid-template-columns:44px 1fr 12px;gap:12px}.thumb{height:48px}header p{display:none}}@media(max-width:850px){.shell{grid-template-columns:1fr}nav{flex-direction:row;padding:12px 20px;gap:8px}nav button{padding:10px 14px}nav button>span,nav small,.nav-footer{display:none}main{grid-template-columns:minmax(270px,42%) 1fr}header{flex-wrap:wrap;padding:20px}.edition{margin-left:0}.edition small{display:none}.brand{margin-right:auto}article{padding:22px}.intro{padding:22px}h1{font-size:23px}.row{grid-template-columns:1fr 12px}.thumb{display:none}.detail-grid aside{grid-template-columns:1fr}article h2{font-size:27px}.lead{font-size:15px}}@media(max-width:600px){header{gap:14px}.brand{font-size:28px}.edition select{font-size:13px}.shell nav{padding:10px 16px;justify-content:space-between}nav button{font-size:12px;padding:9px 13px}main{display:block}.browser{border-right:0;border-bottom:1px solid var(--line)}#list{max-height:430px;overflow:auto}.intro p br{display:none}.row{grid-template-columns:42px 1fr 12px}.thumb{display:grid;height:44px}article{padding:28px 22px}.detail-grid aside{grid-template-columns:1fr 1fr}.filters{gap:5px}.filters select{font-size:11px;max-width:46%}}

.earlier-label{display:block;font-size:10px;font-weight:500;margin:5px 0;color:inherit;opacity:.8}

#filters-heading{flex-basis:100%;font-size:12px;font-weight:600;line-height:1.4;margin:0 0 2px;color:var(--ink)}

.filters{align-items:center}#filters-heading{flex-basis:auto;margin-right:auto}#checkbox-filters{flex-basis:100%;display:grid;gap:12px}#checkbox-filters fieldset{border:0;padding:0;margin:0;display:flex;gap:6px 14px;flex-wrap:wrap}#checkbox-filters legend{font-size:10px;color:var(--muted);margin-bottom:5px;font-weight:500}#checkbox-filters label{display:inline-flex;align-items:center;gap:6px;font-size:11px;cursor:pointer}#checkbox-filters input{accent-color:var(--teal);margin:0;width:14px;height:14px}@media(pointer:coarse){#checkbox-filters label{min-height:32px}}

.filters{display:block}#filters-heading{display:list-item;cursor:pointer;font-size:12px;font-weight:600;margin:0;list-style-position:inside}#filters-heading::marker{color:var(--muted)}.filters[open] #filters-heading{margin-bottom:12px}#checkbox-filters{width:100%}

.past-edition-badge{background:#f1eadf;color:#746044;margin:6px 0 0}
/* Illustration Weekly palette. */
:root{--ink:#292bd3;--muted:#64618c;--line:#d8d1f0;--teal:#292bd3;--selected:#f9eaa0}
body{background:#eeebfc}header{background:#eeebfc}header p{border-color:var(--line)}nav{background:#e2ddfa;color:var(--ink)}nav button.active{background:var(--ink);color:#fff}nav small{color:var(--muted)}nav button.active small{color:#e2ddfa}.nav-footer a{color:var(--ink)}.browser{background:#eeebfc}article{background:#faf8ff}.filters select{background:#e2ddfa}.row:hover{background:#e6e0fa}.row.selected{background:#f9eaa0;box-shadow:inset 3px 0 var(--ink)}.thumb{background:#e2ddfa;color:var(--ink)}.row:nth-child(3n) .thumb{background:#ffc8a5;color:var(--ink)}.row:nth-child(3n + 1) .thumb{background:#f9eaa0;color:var(--ink)}.action{background:var(--ink)}.save{border-color:#b5adee}.tags span{background:#e2ddfa}.notice{background:#eeebfc;border-color:var(--ink)}article p,.lead{color:#64618c}.badge{background:#ffc8a5;color:var(--ink)}.past-edition-badge{background:#f9eaa0;color:var(--ink)}.edition-card{background:#faf8ff}.source-note{color:var(--muted)}

.portfolio-banner-row{border-top:1px solid #c7bfe8;padding:20px 0 0;margin-top:auto}.nav-footer .portfolio-banner{display:block;margin:0;text-decoration:none;background:#eeebfc;border-radius:5px;overflow:hidden}.portfolio-banner img{display:block;width:100%;height:190px;object-fit:cover;object-position:center 30%}.portfolio-banner span{display:flex;justify-content:space-between;align-items:center;padding:11px 10px;font-size:11px}.portfolio-banner b{font-size:17px;font-weight:400}@media(max-width:850px){.shell nav{flex-wrap:wrap}.portfolio-banner-row{display:block;flex-basis:100%;margin-top:8px;padding-top:14px}.nav-footer .portfolio-banner{display:grid;grid-template-columns:100px 1fr;align-items:center}.portfolio-banner img{height:75px}.portfolio-banner span{padding:12px 18px;font-size:12px}}
.portfolio-banner-row{margin-top:12px;flex-shrink:0}
@media(max-width:850px){.portfolio-banner-row{margin-top:8px}}

.ad-art{width:100%;height:190px;background:#f9eaa0;display:flex;flex-direction:column;justify-content:center;padding:18px;color:var(--ink)}.ad-art .ad-label{display:block;padding:0;font-size:8px;letter-spacing:1.4px}.ad-art strong{display:block;font:600 29px/1.05 'IBM Plex Sans',sans-serif;letter-spacing:-1px;margin:12px 0}.ad-art .ad-description{display:block;padding:0;font-size:11px}.ad-caption{background:#ffc8a5}.ad-placeholder{cursor:default}@media(max-width:850px){.nav-footer .ad-placeholder{grid-template-columns:100px 1fr}.ad-art{height:75px;padding:8px}.ad-art .ad-label{font-size:6px;letter-spacing:.3px}.ad-art strong{font-size:16px;line-height:1;margin:5px 0}.ad-art strong br{display:none}.ad-art .ad-description{font-size:8px}.ad-placeholder .ad-caption{height:100%;align-items:center}}

header>p{white-space:nowrap}

main.archive-view{grid-template-columns:1fr}main.archive-view .browser{border-right:0}main.archive-view #detail{display:none}.archive-view .edition-card{border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;width:100%;padding:22px 28px;background:transparent}.archive-view .edition-card:hover{background:#e2ddfa}.archive-row-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.edition-card .archive-row-top{font-size:16px;color:var(--ink)}.edition-card p{margin:7px 0}.edition-card .archive-row-top>span{font-size:20px}.archive-view #list{max-height:none}

.verification{margin:24px 0;padding:16px;border:1px solid #ddd;border-radius:8px;background:#fffdf6}.verification p{overflow-wrap:anywhere}.verification a{color:inherit;text-underline-offset:3px}

header>p.header-description{display:block;white-space:normal;max-width:370px;line-height:1.5;flex:0 1 370px}.edition{flex-shrink:0}@media(max-width:850px){header>p.header-description{order:3;flex-basis:100%;max-width:none;border-left:0;padding-left:0}}

/* Curator artwork adapts to the sidebar and mobile navigation. */
.nav-footer .portfolio-banner{display:block}.portfolio-banner picture{display:block}.nav-footer .portfolio-banner img{width:100%;height:auto;object-fit:contain;object-position:center}.nav-footer .portfolio-banner:focus-visible{outline-offset:4px}

/* Keep desktop panes bounded and independently scrollable. */
@media(min-width:851px){main,.browser,#detail{min-height:0}#detail{overflow-y:auto;scrollbar-gutter:stable}}

/* Curator page shares the Archive layout. */
.edita-bio{border-top:1px solid var(--line);padding:24px 28px 40px}.edita-bio p{max-width:720px;margin:0 0 18px;font-size:17px;line-height:1.75;color:var(--muted)}.portfolio-banner[aria-current="page"]{outline:3px solid var(--ink);outline-offset:4px}@media(max-width:600px){.edita-bio{padding:22px}.edita-bio p{font-size:16px}}

/* A quieter editorial treatment for the curator biography. */
.edita-view .intro{padding:clamp(30px,5vw,64px) clamp(24px,6vw,80px) 26px;max-width:880px}
.edita-view h1{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:clamp(34px,4vw,48px);letter-spacing:-1.3px;line-height:1.15;margin-bottom:12px}
.edita-view .intro p{font-size:12px;letter-spacing:.035em;line-height:1.6;color:#777198}
.edita-view .edita-bio{border:0;padding:0 clamp(24px,6vw,80px) 56px;max-width:880px}
.edita-view .edita-bio:before{content:'';display:block;width:42px;height:3px;background:#c0b5e9;border-radius:4px;margin:0 0 26px}
.edita-view .edita-bio p{font-size:15px;line-height:1.85;color:#645f7e;max-width:640px;margin-bottom:17px;font-weight:400}
.edita-view .edita-bio p:first-child{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(20px,2vw,24px);line-height:1.55;letter-spacing:-.25px;color:#47406c;margin-bottom:24px;font-weight:600}
.edita-view .edita-bio strong{font-weight:500;color:#484188}
.edita-view .edita-bio p:last-child{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:#79718e}
@media(max-width:600px){.edita-view .intro{padding-top:32px}.edita-view .edita-bio p{line-height:1.75}}

.edita-project{padding:0 clamp(24px,6vw,80px) 56px}.edita-project h2{font-family:"Source Serif 4",Georgia,serif;font-size:24px;font-weight:600;color:var(--ink);margin:0 0 20px}.edita-project figure{margin:0;border-radius:8px;overflow:hidden}.edita-project img{display:block;width:100%;height:auto}

/* Match the biography to listing body typography. */
.edita-view .edita-bio p,.edita-view .edita-bio p:first-child,.edita-view .edita-bio p:last-child{font-family:'IBM Plex Sans',sans-serif;font-size:13px;font-weight:400;line-height:1.65;letter-spacing:normal;color:var(--muted);margin:0 0 12px}
.edita-view .edita-bio p:last-child{border:0;padding-top:0}
.edita-view .edita-bio{padding-bottom:32px}

/* Biography and professional credits share a quiet, responsive grid. */
.edita-view .edita-bio{max-width:none;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:40px;padding-bottom:36px}
.edita-view .edita-bio:before{display:none}
.edita-view .edita-bio .edita-about p{margin:0;padding:0;border:0;font:400 13px/1.65 'IBM Plex Sans',sans-serif;color:var(--muted);max-width:580px}
.edita-credits{border-left:1px solid var(--line);padding-left:28px;display:grid;gap:20px;align-content:start}
.edita-credits h2{font:500 11px/1.5 'IBM Plex Sans',sans-serif;color:var(--ink);margin:0 0 6px}
.edita-credits ul{list-style:none;margin:0;padding:0;font-size:12px;line-height:1.8;color:var(--muted)}
.edita-view .edita-project{padding-bottom:24px}
@media(max-width:850px){.edita-view .edita-bio{grid-template-columns:1fr;gap:22px}.edita-credits{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;grid-template-columns:1fr 1fr;gap:20px}}
@media(max-width:420px){.edita-credits{grid-template-columns:1fr}}

/* Blend the Auzou showcase into the Edita page paper. */
main.edita-view,main.edita-view .browser{background:#fbf8ef}.edita-view .edita-project-combined{padding:0 clamp(8px,2vw,28px) 36px}.edita-project-combined figure{border-radius:0;overflow:visible}.edita-project-combined img{mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent),linear-gradient(to right,transparent,#000 2%,#000 98%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent),linear-gradient(to right,transparent,#000 2%,#000 98%,transparent);-webkit-mask-composite:source-in}

/* Keep the full portfolio collage within a compact viewport-sized area. */
.edita-view .edita-project-combined{padding-bottom:18px}.edita-project-combined img{width:auto;max-width:100%;height:auto;max-height:clamp(240px,55vh,520px);object-fit:contain;margin-inline:auto}@media(max-width:600px){.edita-project-combined img{max-height:42vh}}

/* Keep biography and portfolio together in the left column. */
.edita-about{min-width:0}.edita-view .edita-about .edita-project-combined{padding:22px 0 0}.edita-about .edita-project-combined img{max-width:100%}.edita-credits{min-width:0}

.inline-link{color:inherit;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.inline-link:hover{opacity:.75}

.client-logo-banner{margin:14px 0 0}.client-logo-banner img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.edita-credits{grid-template-columns:1fr}@media(max-width:850px){.edita-credits{grid-template-columns:minmax(0,2fr) minmax(100px,1fr)}}@media(max-width:420px){.edita-credits{grid-template-columns:1fr}.client-logo-banner{max-width:420px}}

.client-logo-banner img{mix-blend-mode:normal;background:transparent}

@media(max-width:850px){.edita-credits{grid-template-columns:1fr}.client-logo-banner{max-width:420px}}

/* Disclaimer belongs to the scrollable Edita page only. */
.edita-view .edita-disclaimer{display:block;position:static;background:#fff3cf;color:#60563e;border-top:1px solid #e7dab3;margin:0;padding:20px clamp(24px,6vw,80px);font-size:13px;line-height:1.7}.edita-disclaimer p{max-width:100%;margin:0;font-style:italic}.edita-disclaimer strong{font-weight:600}@media(max-width:600px){.edita-view .edita-disclaimer{padding:20px 22px;font-size:12px}}

/* Contact remains the final item in the navigation column. */
.nav-contact{display:block;padding:12px 18px;color:var(--ink);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.nav-contact:hover{color:var(--ink)}@media(max-width:850px){.nav-contact{flex-basis:100%;text-align:center;padding:10px 14px}}