*{box-sizing:border-box} :root{font-family:Helvetica,Arial,sans-serif;color:#191919;background:#fafaf9;font-size:16px;font-synthesis:none}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #2447e8;outline-offset:5px}header{padding:30px 40px;display:flex;align-items:center;border-bottom:1px solid #d9d9d6;gap:60px}.wordmark{font-size:29px;font-weight:750;line-height:.88;letter-spacing:-1.5px;position:relative;padding-right:20px}.mark{font-weight:400;font-size:14px;position:absolute;top:0;right:0;letter-spacing:0}nav{display:flex;gap:32px;font-size:14px}nav a{padding:14px 0}nav a[aria-current]{font-weight:600}.nav-dot{display:inline-block;width:6px;height:6px;background:#2447e8;border-radius:50%;vertical-align:middle;margin-left:4px}.edition{margin-left:auto;font-size:12px;letter-spacing:.07em;color:#656562}main{padding:0 40px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:64px 0 46px}.eyebrow{font-size:12px;letter-spacing:.1em;margin:0 0 20px;color:#5c5c59}h1{font-weight:400;font-size:clamp(40px,5.2vw,78px);letter-spacing:-.055em;line-height:1.04;margin:0}.intro-note{font-size:14px;line-height:1.65;margin:0 0 4px;color:#62625f}.toolbar{border-top:1px solid #cfcfcb;border-bottom:1px solid #cfcfcb;display:flex;align-items:center;min-height:65px;gap:24px}.search{display:flex;align-items:center;gap:12px;flex:1}.search input{border:0;background:transparent;min-width:0;width:100%;font-size:14px;padding:20px 0;outline-offset:0}.search input::placeholder{color:#666663}.category{border-left:1px solid #d9d9d6;padding-left:24px}.category select{border:0;background:transparent;max-width:260px;padding:12px 24px 12px 0;font-size:14px}.shuffle{border:0;border-left:1px solid #d9d9d6;background:none;padding:12px 0 12px 24px;font-size:14px}.shuffle span{margin-left:22px;font-size:20px}.collection-info{display:flex;justify-content:space-between;align-items:center;color:#696966;padding:24px 0 8px;font-size:12px}.collection-info p{margin:0 0 16px}.collection-info>span{letter-spacing:.08em;margin-bottom:16px}.gallery{columns:4;column-gap:24px}.card{break-inside:avoid;margin:0 0 32px;display:inline-block;width:100%;vertical-align:top}.image-button{padding:0;border:0;width:100%;display:block;background:#eee;overflow:hidden}.image-button img{width:100%;height:auto;display:block;transition:transform .3s ease}.image-button:hover img{transform:scale(1.025)}.card figcaption{padding:11px 0 0;display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.45}.card .credit{font-size:13px;overflow-wrap:anywhere;align-self:flex-start}.credit:hover{text-decoration:underline;text-underline-offset:3px}.card-category{color:#767671}.more{display:flex;justify-content:center;padding:22px 0 60px}.more button,.empty button{background:transparent;border:1px solid #aaa;padding:15px 24px;font-size:14px}.more button span{margin-left:50px}.more button:hover,.empty button:hover{background:#191919;color:white}.empty{text-align:center;padding:70px 0}.empty h2{font-size:30px;font-weight:400;letter-spacing:-1px}.empty p{color:#646461}footer{border-top:1px solid #d9d9d6;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#696966}footer>a{font-weight:600;font-size:16px;color:#191919}footer>span{letter-spacing:.08em}dialog{border:0;padding:0;width:min(1100px,94vw);max-height:94dvh;background:#fafaf9;color:#191919}dialog::backdrop{background:#151515c9;backdrop-filter:blur(5px)}.detail-top,.detail-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;font-size:14px;border-bottom:1px solid #ddd}.detail-top button,.detail-bottom button{border:0;background:none;padding:10px}.detail-body{padding:24px;display:flex;align-items:center;gap:32px}.detail-body>img{display:block;width:65%;height:65dvh;object-fit:contain;background:transparent}.detail-caption{flex:1;min-width:0}.detail-caption h2{font-size:25px;font-weight:400;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}.detail-caption>a{font-size:14px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.credit-note{font-size:12px;line-height:1.5;color:#6b6b67;margin-top:22px}.detail-bottom{border-top:1px solid #ddd;border-bottom:0}.detail-bottom>a{color:#2447e8}.skip{position:absolute;left:15px;top:-70px;background:white;padding:15px;z-index:5}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1700px){.gallery{columns:5}}@media(max-width:1000px){.gallery{columns:3}header,footer{padding-left:24px;padding-right:24px}main{padding:0 24px}.intro-note{max-width:220px}.detail-body>img{width:60%}}@media(max-width:700px){header{padding:24px 18px;gap:30px}.wordmark{font-size:24px}.edition{display:none}nav{margin-left:auto;gap:22px}main{padding:0 18px}.intro{padding:40px 0 32px;display:block}.intro-note{margin:20px 0 0;max-width:none;font-size:14px}.intro-note br{display:none}.eyebrow{margin-bottom:16px}.toolbar{flex-wrap:wrap;gap:0}.search{flex-basis:100%;border-bottom:1px solid #ddd}.category{border:0;padding:4px 0;flex:1;min-width:0}.category select{max-width:100%;font-size:14px}.shuffle{padding-left:15px}.gallery{columns:2;column-gap:16px}.card{margin-bottom:24px}.collection-info>span{display:none}.card .credit{font-size:12px}.card-category{font-size:12px}footer{padding:25px 18px;flex-wrap:wrap}footer p{order:3;flex-basis:100%;margin:0;line-height:1.6}.detail-body{display:block;padding:16px}.detail-body>img{width:100%;height:48dvh}.detail-caption h2{font-size:21px}.detail-top,.detail-bottom{padding:8px 12px}.credit-note{margin-top:12px}.detail-bottom{font-size:13px}.detail-bottom button{font-size:13px}.more{padding-bottom:40px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Let the collection begin directly beneath the masthead. */
.toolbar{border-top:0}

/* A gallery-native discipline menu, with the same paper and hairline borders. */
.discipline-picker{position:relative;flex-shrink:0}
.discipline-trigger{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:190px;max-width:290px;padding:14px 0;border:0;background:none;font-size:14px;line-height:1.5;text-align:left}
.discipline-trigger svg{flex-shrink:0;transition:transform .15s ease}
.discipline-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.discipline-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:20;width:320px;max-width:calc(100vw - 36px);background:#fafaf9;border:1px solid #cececa;box-shadow:0 14px 36px #19191912;padding:0 6px 6px}
.discipline-menu-heading{padding:17px 12px 13px;margin:0;border-bottom:1px solid #e2e2de;color:#71716c;font-size:11px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}
.discipline-options{max-height:min(360px,55dvh);overflow-y:auto;overscroll-behavior:contain;padding-top:6px;scrollbar-width:thin;scrollbar-color:#bdbdb7 transparent}
.discipline-option{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:10px 12px;cursor:pointer;font-size:14px;line-height:1.4}
.discipline-option:hover,.discipline-option.is-active{background:#eeeee9}
.discipline-option[aria-selected="true"]{color:#2447e8}
.discipline-option-check{font-size:13px;visibility:hidden}.discipline-option[aria-selected="true"] .discipline-option-check{visibility:visible}
.discipline-option-count{color:#80807b;font-size:12px;font-variant-numeric:tabular-nums}
.discipline-option:first-child{margin-bottom:6px;border-bottom:1px solid #e2e2de;padding-bottom:14px}
@media(max-width:700px){.discipline-trigger{min-width:0;width:100%;max-width:none;gap:14px;padding-right:20px}.discipline-menu{left:0;right:auto;top:calc(100% + 7px)}.discipline-picker{flex:1;min-width:0}}

.image-button{position:relative}
.motion-badge{position:absolute;bottom:10px;left:10px;padding:5px 8px;background:rgba(250,250,249,.94);color:#333;font-size:10px;line-height:1;letter-spacing:.04em;border:1px solid rgba(0,0,0,.09);pointer-events:none}
#motion-toggle{margin:12px 0;padding:9px 12px;border:1px solid #ccc;background:transparent;font:inherit;font-size:12px;cursor:pointer}
#motion-toggle:hover{background:#eeeee9}
#motion-toggle:focus-visible{outline:2px solid #333;outline-offset:3px}
#motion-status{font-size:12px;color:#666}
#motion-status:empty{display:none}

/* Keep toolbar tracks within the viewport, including long discipline labels. */
.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;max-width:100%;min-width:0}
.search{min-width:0;width:100%}
.search>svg{flex-shrink:0}
.discipline-picker{min-width:0}
#discipline-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shuffle{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding-right:4px}
.shuffle span{display:inline-flex;align-items:center;flex-shrink:0}
.card-category{overflow-wrap:anywhere}
@media(max-width:700px){
  .toolbar{grid-template-columns:minmax(0,1fr) auto;gap:0;align-items:stretch}
  .toolbar>.search{grid-column:1 / -1;grid-row:1;border-bottom:1px solid #ddd}
  .toolbar>.discipline-picker{grid-column:1;grid-row:2;width:100%;min-width:0;padding:0;border:0}
  .discipline-trigger{width:100%;min-width:0;max-width:100%;height:100%;min-height:54px;padding:14px 16px 14px 0;gap:12px}
  .toolbar>.shuffle{grid-column:2;grid-row:2;margin:0;padding:14px 4px 14px 16px;min-height:54px;border-left:1px solid #d9d9d6}
  .shuffle span{margin-left:18px}
  .discipline-menu{left:0;right:auto;width:320px;max-width:calc(100vw - 36px)}
  .discipline-option>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
}

/* Compact creator-first captions, matching the original two-line treatment. */
.card .credit-name{font-weight:400;color:#191919}
.card .credit-secondary{color:#696966;font-weight:400}

.review-notice{padding:28px 0;border-bottom:1px solid #d9d9d6}.review-notice h1{font-size:20px;font-weight:400;margin:0 0 10px}.review-notice p{font-size:13px;color:#696966;line-height:1.5}.review-notice a{font-size:13px;text-decoration:underline;text-underline-offset:3px}.review-status{font-size:11px;line-height:1.4;color:#696966;margin:7px 0 0}

/* Focus captions mirror the grid hierarchy at a readable display size. */
.detail-caption .detail-creator{font-size:25px;font-weight:400;line-height:1.3;letter-spacing:-.025em;margin:0 0 8px;overflow-wrap:anywhere;color:#191919}
.detail-caption h2{font-size:21px;font-weight:400;line-height:1.35;margin:0;color:#696966;letter-spacing:-.015em}
.detail-caption h2 a{color:inherit;text-decoration:none}
.detail-caption h2 a[href]:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.detail-caption{padding-top:20px}.detail-caption .detail-creator{font-size:21px}.detail-caption h2{font-size:18px}}
