/* Independent studies: a compact project index, and an open image overview. */
.reference-page{--ink:#171717;--muted:#737373;--paper:#fff;font:400 14px/1.55 Arial,Helvetica,sans-serif;background:#fff;color:var(--ink)}
.reference-page h1,.reference-page h2,.reference-page h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:0}
.reference-header{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:auto;padding:44px 0 0}
.reference-name,.reference-name h1{font-size:15px;font-weight:600;line-height:1.4;letter-spacing:0}
.reference-header nav{display:flex;gap:28px}
.reference-header nav a{padding:8px 0}
.reference-indice .reference-header,.reference-index-frame{width:min(89%,1120px)}
.reference-index-frame{margin:60px auto 0;display:grid;grid-template-columns:238px minmax(0,1fr);column-gap:48px;align-items:start}
.reference-rail{grid-column:1;grid-row:1/3;position:sticky;top:32px;max-height:calc(100dvh - 64px);display:flex;flex-direction:column;min-height:0}
.reference-rail h2{font-size:14px;line-height:1.5;text-transform:uppercase;font-weight:600;margin:0 0 3px}
.reference-rail nav{overflow:auto;scrollbar-width:thin;padding:1px 12px 12px 0;min-height:0}
.reference-rail ul,.reference-mobile-menu ul{list-style:none;padding:0;margin:0}
.reference-rail li{margin:0;border-bottom:1px solid #e5e5e5}
.reference-rail a{display:block;padding:9px 2px;font-size:14px;line-height:1.5;color:#757575;overflow-wrap:anywhere}
.reference-rail a:hover{color:#171717;text-decoration:none}
.reference-rail a[aria-current=page]{background:#f0f0ef;color:#303030}
.reference-mobile-menu{display:none}
.reference-project{min-width:0;width:100%;grid-column:2}
.reference-project-heading{margin-bottom:0}
.reference-project-heading h1{font-size:14px;font-weight:600;line-height:1.55;overflow-wrap:anywhere}
.reference-project-heading p{font-size:14px;line-height:1.55}
.reference-project-heading .reference-medium{margin-top:12px;color:var(--muted)}
.reference-description{margin:12px 0 24px}
.reference-description>summary{cursor:pointer;width:fit-content;font-size:13px;color:var(--muted);list-style:none;padding-block:4px}
.reference-description>summary::-webkit-details-marker{display:none}
.reference-description>summary::after{content:' +'}
.reference-description[open]>summary::after{content:' −'}
.reference-page .project-intro{display:block;padding:16px 0 12px;border:0}
.reference-page .project-facts{font-size:13px;margin:0 0 24px;display:block;max-width:none;border:0;padding:0}
.reference-page .project-facts>div{display:flex;gap:20px;margin:0 0 5px}
.reference-page .project-facts dt{font-size:13px;letter-spacing:0;text-transform:none;min-width:90px}
.reference-page .project-facts dd{margin:0;min-width:0}
.reference-page .project-copy p,.reference-page .project-copy p:first-child{font:400 14px/1.7 Arial,Helvetica,sans-serif;letter-spacing:0;margin-bottom:15px}
.reference-section-label{margin-bottom:22px;font-size:14px}
.reference-page .project-cover{margin-bottom:25px}
.reference-page .image-link,.reference-page .gallery .image-link,.reference-page .gallery figure.wide .image-link{display:block;background:#fff;aspect-ratio:auto}
.reference-page .project-cover img,.reference-page .gallery img,.reference-page .gallery figure.wide img{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain}
.reference-page .zoom-hint{display:none}
.reference-page .photo-caption{font-size:11px;line-height:1.5;color:#737373;padding-top:7px}
.reference-page .photo-caption .number{display:none}
.reference-page .section-nav{border:0;display:flex;flex-wrap:wrap;overflow:visible;white-space:normal;gap:10px 22px;font-size:12px;color:var(--muted);padding:0;margin:28px 0}
.reference-page .section-nav a{padding:5px 0}
.reference-page .gallery{display:flex;flex-direction:column;gap:25px}
.reference-page .gallery figure{width:100%}
.reference-page .gallery-section{margin-bottom:38px}
.reference-page .gallery-section>h2,.reference-page .video-section>h2,.reference-page .resources>h2{font:400 14px/1.5 Arial,Helvetica,sans-serif;margin-bottom:22px;letter-spacing:0}
.reference-page .videos{grid-template-columns:1fr;gap:32px}
.reference-page .video-item:only-child{max-width:none}
.reference-page .resources{border:0;padding-top:0;margin-bottom:40px}
.reference-page .resources li{font-size:13px}
.reference-project-end{display:flex;gap:35px;justify-content:space-between;margin:60px 0;font-size:13px;line-height:1.5}
.reference-project-end a{max-width:48%;overflow-wrap:anywhere}
.reference-next{margin-left:auto;text-align:right}
.reference-page .contact{grid-column:2;padding:34px 0 26px;background:#fff;border-top:1px solid #ececec;margin:0;min-width:0}
.reference-page .contact-top{padding-bottom:35px;display:block}
.reference-page .contact h2{font:600 14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;margin-bottom:8px}
.reference-page .contact .email{font-size:14px}
.reference-page .socials{margin-top:20px;font-size:13px}
.reference-page .footer-bottom{font-size:11px;line-height:1.5;border:0;padding-top:0}
.reference-page .about{width:100%;padding:0 0 70px;display:block;border:0}
.reference-page .about h1{font-size:18px;margin-bottom:35px}
.reference-page .about-copy .lead{font:400 16px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0}
.reference-page .about-copy p{font-size:14px}
.reference-about{min-height:65vh}
.reference-indice .reference-statement{max-width:68ch;margin:0 0 46px}
.reference-indice .reference-statement h2{font-size:12px;font-weight:400;line-height:1.6;color:#747474;margin:0 0 20px}
.reference-indice .reference-statement p{font-size:14px;font-weight:400;line-height:1.85;color:#474747;margin:0;text-wrap:pretty}
.reference-indice .reference-statement p+p{margin-top:19px}
.reference-shop{min-height:58vh;padding-bottom:70px;color:#747474}
.reference-shop h1{color:#333}
.reference-shop .shop-status{font-size:18px;font-weight:400;color:#444;margin:42px 0 14px}
.reference-shop p{font-size:14px;line-height:1.7}
.reference-shop .shop-back{display:inline-block;font-size:12px;margin-top:36px}

/* The second option follows the reference's wide, uneven image columns. */
.reference-columnas .reference-header{width:100%;padding:29px 5vw 25px;position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid #ededed}
.reference-columnas .reference-name,.reference-columnas .reference-name h1{font-size:16px}
.reference-overview{margin:38px 5vw 100px}
.reference-masonry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3.3vw;row-gap:48px;align-items:start}
.reference-masonry.is-masonry{grid-auto-rows:1px;row-gap:0}
.reference-card{min-width:0;align-self:start}
.reference-card>a{display:block}
.reference-card>a:hover{text-decoration:none}
.reference-card img{width:100%;height:auto;max-height:none;background:#fff}
.reference-card-caption{font-size:clamp(16px,1.45vw,21px);line-height:1.48;padding-top:16px;overflow-wrap:anywhere}
.reference-card-caption h2{display:inline;font-size:inherit;line-height:inherit;font-weight:600}
.reference-card-caption p{display:inline;color:#7a7a7a;font-size:inherit;line-height:inherit}
.reference-card>a:hover h2{text-decoration:underline;text-underline-offset:4px}
.reference-columnas>.reference-project{width:90%;max-width:1200px;margin:44px auto 0}
.reference-columnas .reference-project-heading{margin-bottom:15px}
.reference-columnas .reference-project-heading h1{font-size:20px}
.reference-back{display:block;width:fit-content;font-size:13px;color:#737373;margin-bottom:30px}
.reference-columnas>.contact{width:90%;margin:0 auto}
.reference-columnas .reference-about{max-width:860px;margin-left:5vw}

@media(max-width:1000px) and (min-width:761px){
 .reference-index-frame{grid-template-columns:205px minmax(0,1fr);gap:32px}
 .reference-rail a{font-size:13px}
}
@media(max-width:760px){
 .reference-header{padding:25px 0 15px;gap:14px}
 .reference-header nav{gap:18px;font-size:13px}
 .reference-indice .reference-header,.reference-index-frame{width:calc(100% - 40px)}
 .reference-index-frame{display:block;margin-top:8px}
 .reference-rail{display:none}
 .reference-mobile-menu{display:block;position:sticky;top:0;background:white;z-index:12;border-bottom:1px solid #e9e9e9;margin-bottom:26px}
 .reference-mobile-menu>summary{padding:14px 0;cursor:pointer;font-size:14px}
 .reference-mobile-menu>nav{max-height:70dvh;overflow:auto;padding-bottom:16px}
 .reference-mobile-menu li{border-bottom:1px solid #e5e5e5}
 .reference-mobile-menu a{display:block;min-height:44px;padding:12px 4px;line-height:1.5;color:#646464}
 .reference-mobile-menu a[aria-current=page]{background:#f0f0ef;color:#303030}
 .reference-project-heading h1{font-size:16px}
 .reference-page .project-intro{display:block}
 .reference-page .project-facts>div{gap:12px}
 .reference-page .gallery{gap:25px}
 .reference-page .contact .footer-bottom{flex-wrap:wrap;gap:22px}
 .reference-columnas .reference-header{padding:22px 20px;gap:12px}
 .reference-header nav{gap:12px;flex-shrink:0}
 .reference-columnas .reference-name,.reference-columnas .reference-name h1{font-size:14px}
 .reference-overview{margin:24px 20px 60px}
 .reference-masonry{grid-template-columns:1fr;row-gap:40px}
 .reference-card-caption{font-size:16px;padding-top:12px}
 .reference-columnas>.reference-project{width:calc(100% - 40px);margin:26px 20px 0}
 .reference-columnas>.contact{width:calc(100% - 40px);margin-inline:20px}
 .reference-columnas .reference-about{margin-left:20px}
 .reference-page .contact-top{padding-bottom:30px}
 .reference-project-end{margin:45px 0}
}
@media print{.reference-header,.reference-rail,.reference-mobile-menu{display:none}.reference-index-frame{display:block;width:100%;margin:0}.reference-masonry{display:block}.reference-card{break-inside:avoid;margin-bottom:30px}.reference-description:not([open])>*{display:block}}

/* A quieter typographic treatment for the selected index proposal. */
.reference-indice .support-banner{width:min(89%,1120px);margin:24px auto 0;padding:4px 16px;background:#151515;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#f5f5f5}
.reference-indice .support-label{font-size:12px;line-height:1.6;font-weight:400;white-space:nowrap}
.reference-indice .support-actions{display:flex;align-items:center;gap:24px;font-size:12px;flex-shrink:0}
.reference-indice .support-actions>a{min-height:44px;display:inline-flex;align-items:center;gap:8px}
.reference-indice .support-donate{display:inline-flex;align-items:center;justify-content:center;background:#303030;color:#fff;padding:13px 20px;font:400 13px/1.5 var(--reference-font);min-height:44px;text-align:center}
.reference-indice .support-donate:hover{background:#505050;text-decoration:none}
.reference-indice .support-banner .support-donate{background:transparent;color:inherit;padding:0;font:inherit}
.reference-indice .support-banner .support-donate:hover{text-decoration:underline;text-underline-offset:5px}
.reference-indice .support-banner+.reference-index-frame{margin-top:48px}
.reference-indice .support-dialog{width:min(980px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:26px 34px 34px;margin:auto;border:1px solid #e7e7e5;color:#303030;background:#fff;overflow:auto;font:400 14px/1.65 var(--reference-font)}
.support-dialog:not([open]){display:none}
.support-dialog::backdrop{background:rgba(22,22,22,.38)}
.reference-indice .support-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.reference-indice .support-close,.reference-indice .support-continue{border:0;background:transparent;font:400 12px/1.5 var(--reference-font);padding:12px 0;min-height:44px;color:#737373}
.reference-indice .support-close{padding-inline:12px;margin-right:-12px}
.reference-indice .support-dialog h2{font-size:14px;line-height:1.5;font-weight:400;letter-spacing:0;margin:0}
.reference-indice .support-dialog-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:start}
.reference-indice .support-film{position:relative;aspect-ratio:16/9;background:#252525;overflow:hidden}
.reference-indice .support-poster{width:100%;height:100%;object-fit:contain;opacity:.72}
.reference-indice .support-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#fff;font-size:12px;text-shadow:0 1px 8px #000}
.reference-indice .support-play-icon{font-size:26px;border:1px solid #ffffffaa;border-radius:50%;height:58px;width:58px;display:grid;place-items:center;padding-left:3px}
.reference-indice .support-film iframe{border:0;display:block;width:100%;height:100%}
.reference-indice .support-youtube{display:inline-block;font-size:11px;color:#777;padding-top:12px}
.reference-indice .support-dialog-copy p{margin:0 0 24px;font-size:16px;line-height:1.65}
.reference-indice .support-dialog-copy .support-donate{width:100%}
.reference-indice .support-continue{display:block;margin-top:16px}
.reference-indice .support-banner a:focus-visible,.reference-indice .support-dialog :is(a,button):focus-visible{outline:1px solid #777;outline-offset:4px}
body.is-supporting{overflow:hidden}
@media(max-width:760px){
 .reference-indice .support-banner{width:calc(100% - 40px);margin-top:10px;gap:12px;padding:4px 12px}
 .reference-indice .support-label{font-size:12px}
 .reference-indice .support-actions{gap:16px;font-size:11px}
 .reference-indice .support-banner+.reference-index-frame{margin-top:20px}
 .reference-indice .support-dialog{width:calc(100% - 24px);padding:16px 20px 24px;max-height:calc(100dvh - 24px)}
 .reference-indice .support-dialog-grid{grid-template-columns:1fr;gap:20px}
 .reference-indice .support-dialog-copy p{font-size:14px;margin-bottom:16px}
 .reference-indice .support-continue{margin-top:8px}
}
@media print{.support-banner,.support-dialog{display:none!important}body.is-supporting{overflow:visible}}
.reference-indice{--reference-font:'Helvetica Neue',Helvetica,Arial,sans-serif;--ink:#303030;--muted:#858585;--paper:#f5f5f4;background:var(--paper);font-family:var(--reference-font);font-weight:400;-webkit-font-smoothing:antialiased}
.reference-indice .contact,.reference-indice .reference-mobile-menu,.reference-indice .image-link,.reference-indice .gallery .image-link,.reference-indice .gallery figure.wide .image-link{background:var(--paper)}
.reference-indice .support-banner a:focus-visible{outline-color:#f5f5f5}
.reference-indice h1,.reference-indice h2,.reference-indice h3{font-family:var(--reference-font)}
.reference-indice .reference-header{padding-top:48px}
.reference-indice .reference-name{font-size:22px;font-weight:400;letter-spacing:.015em}
.reference-indice .reference-header nav{font-size:12px;color:#747474;gap:30px}
.reference-indice .reference-index-frame{grid-template-columns:230px minmax(0,1fr);column-gap:68px;margin-top:74px}
.reference-indice .reference-rail h2{font-size:10px;font-weight:400;letter-spacing:.13em;color:#8b8b8b;margin-bottom:12px}
.reference-indice .reference-rail nav{padding-right:8px;padding-bottom:0}
.reference-indice .reference-rail li,.reference-indice .reference-mobile-menu li{border-color:#ededec}
.reference-indice .reference-rail a{font-size:13px;line-height:1.6;font-weight:400;padding:10px 6px;color:#757575}
.reference-indice a[aria-current=page]{font-weight:500}
.reference-indice .reference-project-heading{margin-bottom:26px}
.reference-indice .reference-project-heading h1{font-size:15px;font-weight:500;letter-spacing:.005em}
.reference-indice .reference-project-heading p{font-size:13px;line-height:1.7;color:#747474}
.reference-indice .reference-project-heading .reference-medium{color:#8a8a8a}
.reference-indice .reference-reading{margin:28px 0 20px;max-width:68ch}
.reference-indice .reference-reading + .reference-reading{margin-top:46px}
.reference-indice .reference-reading-author{font-size:12px;color:#777;margin-bottom:24px}
.reference-indice .reference-reading-copy p{font:400 14px/1.85 var(--reference-font);color:#474747;letter-spacing:0;margin:0 0 19px;text-wrap:pretty}
.reference-indice .reference-reading-source{font-size:11px;line-height:1.7;color:#858585;margin-top:24px}
.reference-indice .reference-reading-source a{display:block;width:fit-content;margin-top:8px}
.reference-indice .reference-technical{margin:22px 0 42px}
.reference-indice .reference-technical .project-facts{margin:18px 0 0}
.reference-indice .socials{flex-wrap:wrap}
.reference-indice .reference-description>summary{font-size:12px;color:#7b7b7b}
.reference-indice .reference-section-label{font-size:12px;margin-bottom:24px;color:#737373}
.reference-indice .project-copy p,.reference-indice .project-copy p:first-child{font-family:var(--reference-font);line-height:1.85}
.reference-indice .photo-caption{font-size:10px;color:#858585}
.reference-indice .gallery-section>h2,.reference-indice .video-section>h2,.reference-indice .resources>h2{font-family:var(--reference-font);font-size:12px;color:#747474}
.reference-indice .reference-rail a:focus-visible,.reference-indice .reference-mobile-menu a:focus-visible,.reference-disciplines button:focus-visible{outline:1px solid #777;outline-offset:2px}
.reference-disciplines{margin-top:24px;padding:0 6px 0;display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;gap:1px}
.reference-disciplines button{display:flex;gap:9px;align-items:baseline;border:0;background:transparent;padding:5px 0;font:400 12px/1.6 var(--reference-font);color:#858585;cursor:pointer;letter-spacing:.015em}
.reference-disciplines button:hover,.reference-disciplines button[aria-pressed=true]{color:#303030}
.reference-disciplines button[aria-pressed=true]{font-weight:500}
.discipline-star{font-size:13px;font-weight:400;color:#a5a5a5}
.reference-disciplines button[aria-pressed=true] .discipline-star{color:#303030}
.reference-indice .reference-rail a.is-discipline-match,.reference-indice .reference-mobile-menu a.is-discipline-match{background:#f0f0ef;color:#303030}
.reference-indice.has-discipline .reference-rail a[aria-current=page]:not(.is-discipline-match),.reference-indice.has-discipline .reference-mobile-menu a[aria-current=page]:not(.is-discipline-match){background:transparent}
@media(min-width:761px) and (max-width:1000px){.reference-indice .reference-index-frame{grid-template-columns:210px minmax(0,1fr);column-gap:40px}}
@media(max-width:760px){
 .reference-indice .reference-header{padding-top:28px}
 .reference-indice .reference-name{font-size:20px}
 .reference-indice .reference-header nav{gap:18px}
 .reference-indice .reference-index-frame{margin-top:10px}
 .reference-indice .reference-mobile-menu a{font-size:13px;line-height:1.65;padding:12px 6px}
 .reference-mobile-menu .reference-disciplines{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-top:18px}
 .reference-mobile-menu .reference-disciplines button{min-height:44px;padding-block:12px}
}