:root{color-scheme:light;--paper:#f5f5f0;--ink:#242622;--muted:#66695f;--yellow:#efe24c;--line:#d4d5cc}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #736500;outline-offset:6px}button{cursor:pointer}h1,h2,p,figure{margin:0}.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}.skip-link{position:absolute;left:20px;top:-100px;z-index:10;background:var(--yellow);padding:16px}.skip-link:focus{top:10px}
.site-header{margin:0 4.3%;height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.7rem;font-weight:800;letter-spacing:-1.5px}.brand span{color:#8a7900}.site-header nav{display:flex;gap:32px;font-size:.9rem}.site-header nav a{padding:10px 0}.site-header nav span{font-size:.75rem;vertical-align:super;margin-left:4px;color:var(--muted)}.header-note{font-family:Georgia,serif;font-size:.95rem;font-style:italic;color:var(--muted)}
.intro{padding:50px 7% 42px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:600;line-height:1.6}.intro h1{font-size:clamp(4rem,7.1vw,7.5rem);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin-top:24px;position:relative}.intro h1>span:first-child{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.07em}.title-dot{display:inline-block;color:var(--yellow);font-size:.46em;vertical-align:middle;margin-left:.5em}.intro-note{font-size:1rem;line-height:1.6;margin-right:4%;padding-bottom:6px}.intro-note a{display:block;font-size:.875rem;margin-top:24px;border-bottom:1px solid var(--ink);padding-bottom:9px}.intro-note a span{margin-left:25px}
.exhibition{margin:0 4.3%}.room-topline{display:flex;justify-content:space-between;font-family:monospace;font-size:.75rem;letter-spacing:.03em;padding:15px 0}.room-scene{height:clamp(440px,43vw,650px);position:relative;background-position:center;background-size:cover;overflow:hidden;isolation:isolate}.concrete{background-color:#c9c9c1;background-image:url('/images/rooms/concrete.webp')}.sky{background-color:#58747b;background-image:url('/images/rooms/sky.webp')}.street{background-color:#33383a;background-image:url('/images/rooms/street.webp')}.wall-title{position:absolute;left:5%;top:10%;display:grid;grid-template-columns:26px 1fr;align-items:baseline;column-gap:12px}.wall-title>span{font-size:.75rem;font-family:monospace}.wall-title h2{font-size:clamp(1.8rem,3vw,3rem);font-weight:400;letter-spacing:-.055em}.wall-title p{grid-column:2;font-family:Georgia,serif;font-style:italic;font-size:.9rem;margin-top:8px}.sky .wall-title,.street .wall-title,.sky .wall-footnote,.street .wall-footnote{color:#fff}.hanging{position:absolute;left:23%;right:10%;top:28%;bottom:17%;display:flex;align-items:center;justify-content:center;gap:7%}.artwork{position:relative;width:25%;padding:12px;background:#f1f0e9;box-shadow:2px 4px 2px #0003,10px 15px 15px #0003;transform:rotate(-.5deg)}.artwork-two{width:30%;transform:translateY(-12%) rotate(.4deg)}.artwork-three{transform:translateY(8%) rotate(.7deg)}.image-placeholder{aspect-ratio:3/4;background:#b8b9ac;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#4f5448;box-shadow:inset 0 0 0 1px #00000010}.artwork-two .image-placeholder{background:#697a76;color:#f5f5e9}.artwork-three .image-placeholder{background:#9d927d;color:#fff}.placeholder-mark{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4.5rem);font-style:italic;font-weight:400}.image-placeholder>span:last-child{font-family:monospace;font-size:.75rem}.artwork figcaption{position:absolute;left:0;top:calc(100% + 14px);font-family:monospace;font-size:.75rem;white-space:nowrap}.sky figcaption,.street figcaption{color:#f5f5f0}.sky .artwork{width:30%}.sky .image-placeholder{aspect-ratio:1.2;background:#b9c8cc;color:#44555a}.sky .artwork-two .image-placeholder{background:#667079;color:#fff}.sky .artwork-three .image-placeholder{background:#aab2b5;color:#344047}.street .image-placeholder{aspect-ratio:1;background:#978475;color:white}.street .artwork-two .image-placeholder{background:#73766c}.street .artwork-three .image-placeholder{background:#a29a85}.wall-footnote{position:absolute;left:5%;bottom:7%;font-family:monospace;font-size:.75rem;opacity:.7}.room-caption{display:flex;justify-content:space-between;gap:28px;padding:26px 0 30px;border-bottom:1px solid var(--line)}.room-caption p{font-family:Georgia,serif;font-size:1.05rem;line-height:1.6;margin-top:6px}.room-caption>a{flex-shrink:0;font-size:.875rem;align-self:center}.room-caption>a span{margin-left:30px}
.rooms-section{padding:80px 7% 85px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:30px}.section-heading h2{font-size:clamp(1.6rem,2.4vw,2.5rem);font-weight:400;letter-spacing:-.045em}.section-heading>span{font-family:Georgia,serif;font-style:italic;color:var(--muted)}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.room-card{padding:0 0 15px;background:none;border:0;text-align:left;min-width:0;border-bottom:1px solid var(--line)}.room-thumbnail{display:block;aspect-ratio:1.55;background-size:cover;background-position:center;position:relative;transition:filter .2s}.thumbnail-number{position:absolute;left:20px;top:15px;color:white;font-size:3.5rem;font-family:Georgia,serif;font-style:italic;text-shadow:0 1px 12px #0006}.room-tag{position:absolute;bottom:16px;left:18px;background:#f5f5f0;color:var(--ink);padding:6px 9px;font-family:monospace;font-size:.75rem}.card-heading{display:flex;justify-content:space-between;font-size:1.65rem;letter-spacing:-.04em;margin:20px 0 9px}.card-heading>span{font-size:1.3rem}.card-description{display:block;font-family:Georgia,serif;font-size:1rem;line-height:1.5;color:var(--muted)}.card-action{display:inline-block;margin-top:23px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:7px 9px;margin-left:-9px}.room-card[aria-pressed=true] .card-action{background:var(--yellow)}.room-card:hover .room-thumbnail{filter:brightness(1.08)}.room-card:hover .card-heading{text-decoration:underline;text-underline-offset:5px}
.thought{margin:0 7%;padding:52px 0 60px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px}.thought>.eyebrow{max-width:15ch}.thought h2{font-family:Georgia,serif;font-size:2.2rem;font-weight:400;line-height:1.15;letter-spacing:-.035em}.thought p:not(.eyebrow){font-size:1rem;line-height:1.75;max-width:55ch;margin-top:20px;color:var(--muted)}.thought-aside{font-family:Georgia,serif;font-style:italic;line-height:1.5;transform:rotate(-7deg);justify-self:center;align-self:center;border-bottom:10px solid var(--yellow)}footer{margin:0 4.3%;padding:30px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;align-items:center}footer>.brand{font-size:1.3rem}footer>span,footer>a:last-child{font-size:.8rem;color:var(--muted)}
@media(min-width:1700px){body{max-width:1800px;margin:auto}.intro h1{font-size:8rem}}
@media(max-width:900px){.header-note{display:none}.intro{padding:45px 5%}.intro-note{margin-right:0}.room-scene{height:460px}.wall-title{top:7%}.hanging{left:12%;right:10%;top:34%;bottom:17%}.artwork{padding:9px}.thought{grid-template-columns:1fr 3fr}.thought-aside{display:none}.room-grid{gap:20px}.card-description{min-height:3em}}
@media(max-width:600px){.site-header{height:80px;margin:0 6%;gap:12px}.brand{font-size:1.35rem}.site-header nav{gap:15px;font-size:.8rem}.site-header nav span{display:none}.intro{padding:38px 6% 30px;display:block}.intro h1{font-size:4.4rem}.intro .eyebrow{font-size:.75rem;letter-spacing:.06em}.intro-note{margin-top:25px;font-size:.95rem}.intro-note br{display:none}.intro-note a{display:table;margin-top:13px}.exhibition{margin:0 4%}.room-topline{font-size:.75rem;gap:20px}.room-topline>span:last-child{max-width:20ch;text-align:right}.room-scene{height:460px}.wall-title{left:7%;top:8%}.wall-title h2{font-size:2.4rem}.hanging{left:8%;right:8%;gap:6%;top:30%;bottom:19%}.artwork{padding:6px;width:28%}.artwork-two{width:34%}.placeholder-mark{font-size:2.3rem}.image-placeholder{gap:8px}.image-placeholder>span:last-child{font-size:.75rem}.artwork figcaption{white-space:normal;font-size:.75rem;line-height:1.5}.photo-label{display:none}.wall-footnote{bottom:7%;left:7%}.room-caption{display:block;padding:22px 3%}.room-caption>a{display:inline-block;margin-top:17px}.rooms-section{padding:45px 7%}.section-heading{display:block}.section-heading>span{display:block;margin-top:10px}.room-grid{grid-template-columns:1fr;gap:30px}.room-thumbnail{aspect-ratio:1.9}.card-heading{margin-top:15px}.card-description{min-height:0}.card-action{margin-top:12px}.thought{display:block;padding:32px 0 40px}.thought>.eyebrow{max-width:none;margin-bottom:20px}.thought h2{font-size:2rem}footer{margin:0 6%;flex-wrap:wrap;gap:20px}footer>.brand{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.intro h1>span:first-of-type{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.07em}
.wall-title>span{white-space:nowrap}.banana{display:block;width:100px;height:100px;background:url('/images/rooms/banana-poses.webp') no-repeat;background-size:300% 100%;pointer-events:none}.room-banana{position:absolute;bottom:7%;left:5%;background-position:100% 50%}.concrete .room-banana{display:none}.sky .room-banana{background-position:50% 50%;left:auto;right:-32px;bottom:33%;width:115px;height:115px}.street .wall-footnote{left:auto;right:5%}.thought-aside{position:relative}.seated{position:absolute;top:-85px;left:20px;background-position:0 50%;transform:rotate(7deg)}
@media(max-width:600px){.room-banana{width:80px;height:80px;bottom:5%;left:4%}.street .wall-footnote{max-width:21ch;text-align:right}.site-header nav a{min-height:44px;display:flex;align-items:center}.intro-note br:after{content:' '}}

/* Immersive rooms share their material with the homepage previews. */
.enter-room{border:0;border-bottom:1px solid var(--ink);background:transparent;align-self:center;padding:12px 0;font-size:.95rem;white-space:nowrap}.enter-room span{margin-left:28px}.room-card .card-action{background:none}.room-card:hover .card-action{background:var(--yellow)}
body.viewing-room{overflow:hidden}.room-viewer{position:fixed;inset:0;margin:0;padding:0;border:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;color:var(--ink);background-size:cover;background-position:center;overflow:auto}.room-viewer::backdrop{background:#242622}.viewer-layout{position:relative;min-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(20px,3vw,48px);gap:20px;isolation:isolate}.viewer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;z-index:2}.room-back{display:flex;align-items:center;gap:14px;padding:8px 20px 8px 8px;border:1px solid #ffffff60;background:#f5f5f0ed;border-radius:100px;box-shadow:0 3px 20px #00000012;color:var(--ink);font-size:.875rem;min-height:52px}.back-symbol{width:36px;height:36px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-size:1.4rem}.room-back:hover{background:#fff;box-shadow:0 5px 22px #0002}.viewer-title{text-align:right}.viewer-title h2{font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:400;letter-spacing:-.045em;margin-top:5px}.viewer-title .eyebrow{font-size:.75rem}.viewer-stage{display:grid;place-items:center;padding:14px 0 32px;min-height:0}.viewer-artwork{width:min(48vw,calc((100dvh - 260px)*.75));min-width:150px;position:relative;background:#f4f3ed;padding:clamp(10px,1.25vw,22px);box-shadow:2px 3px 2px #0003,14px 22px 35px #0004}.viewer-placeholder{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;background:#697a76;color:#f5f5e9}.viewer-placeholder>span:first-child{font-family:Georgia,serif;font-style:italic;font-size:clamp(4rem,9vw,10rem)}.viewer-placeholder>span:last-child{font-family:monospace;font-size:.875rem;text-align:center;padding:0 12px}.viewer-artwork figcaption{position:absolute;top:calc(100% + 14px);left:0;right:0;text-align:center;font-family:monospace;font-size:.8rem;line-height:1.5}.viewer-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;z-index:1}.viewer-note{font-family:monospace;font-size:.75rem;line-height:1.6}.viewer-note span{opacity:.8}.picture-navigation{display:flex;align-items:center;gap:18px;padding:6px;border:1px solid #ffffff70;background:#f5f5f0ed;border-radius:100px;color:var(--ink)}.picture-navigation button{width:44px;height:44px;border:0;border-radius:50%;background:transparent;font-size:1.5rem}.picture-navigation button:hover{background:var(--yellow)}.picture-navigation>span{font-family:monospace;font-size:.875rem;min-width:65px;text-align:center}.room-viewer.sky,.room-viewer.street{color:#f5f5f0}.room-viewer.sky .viewer-artwork{width:min(65vw,calc((100dvh - 260px)*1.3))}.room-viewer.sky .viewer-placeholder{aspect-ratio:1.3;background:#b9c8cc;color:#344047}.room-viewer.street .viewer-artwork{width:min(58vw,calc(100dvh - 260px))}.room-viewer.street .viewer-placeholder{aspect-ratio:1;background:#978475}.room-viewer[data-picture="1"] .viewer-placeholder{background:#a29a85;color:#242622}.room-viewer[data-picture="2"] .viewer-placeholder{background:#495961;color:#fff}.viewer-banana{position:absolute;left:9%;bottom:16%;background-position:100% 50%;z-index:-1}.room-viewer.concrete .viewer-banana{display:none}.room-viewer.sky .viewer-banana{left:auto;right:-30px;bottom:35%;background-position:50% 50%}
@media(max-width:600px){.viewer-layout{padding:20px 18px;gap:20px}.viewer-header{align-items:center;gap:12px}.room-back{gap:8px;padding:6px 12px 6px 6px;font-size:.8rem;min-height:48px}.back-symbol{width:30px;height:30px}.viewer-title h2{font-size:1.4rem}.viewer-title .eyebrow{font-size:.75rem;letter-spacing:.03em}.viewer-artwork{width:min(76vw,calc((100dvh - 260px)*.75));min-width:0}.room-viewer.sky .viewer-artwork,.room-viewer.street .viewer-artwork{width:min(84vw,calc(100dvh - 280px))}.viewer-placeholder>span:last-child{font-size:.75rem}.viewer-bottom{align-items:center;flex-direction:column-reverse;gap:15px}.viewer-note{text-align:center;font-size:.75rem}.viewer-note span{display:none}.viewer-banana{left:1%;bottom:18%;width:75px;height:75px}.viewer-title{max-width:110px}.viewer-stage{padding:8px 0 28px}}
@media(max-height:540px) and (min-width:601px){.viewer-layout{padding:16px 24px;gap:4px}.viewer-artwork{width:calc((100dvh - 165px)*.75)}.room-viewer.sky .viewer-artwork{width:calc((100dvh - 165px)*1.3)}.room-viewer.street .viewer-artwork{width:calc(100dvh - 165px)}.viewer-stage{padding:0 0 30px}.viewer-placeholder>span:first-child{font-size:3rem}.viewer-placeholder{gap:8px}.viewer-title h2{font-size:1.4rem}}