.site-shell{grid-template-rows:1fr;grid-template-columns:clamp(176px,13vw,200px) 1fr;max-width:1920px;height:100dvh;margin-inline:auto;display:grid;overflow:hidden}.site-main{min-height:0;padding:var(--space-5) var(--space-2);grid-column:2;position:relative;overflow:hidden auto}.topbar{padding:var(--space-6) var(--space-5);flex-direction:column;grid-area:1/1;display:flex;overflow:hidden}.logo{border-bottom:var(--border) solid;width:100%;height:auto;padding-bottom:var(--space-4);margin-bottom:var(--space-5);color:var(--terra);transition:opacity var(--dur-fast);display:block}.logo:hover{opacity:.75}.logo.logo-active{color:var(--ochre)}.logo-dots{width:100%;height:auto;display:block;overflow:visible}.menu-overlay .logo .logo-dots{width:auto;height:100%}.logo-dots .dot{fill:currentColor;rx:var(--rx);ry:var(--rx);transform-box:fill-box;transform-origin:50%;transition:transform var(--dur-morph) cubic-bezier(.22, 1, .36, 1) var(--delay), opacity var(--dur-morph) linear var(--delay)}.logo-dots.is-line .dot{transform:translate(var(--dx), var(--dy)) scale(var(--s)) rotate(var(--rot))}.logo-dots.is-line .dot:not(.dot--carrier){opacity:0}.logo-dots.is-open .dot{transform:rotate(var(--rot));opacity:1}@media (prefers-reduced-motion:reduce){.logo-dots .dot{transition:none}}.nav{gap:var(--space-35);color:var(--rust);flex-direction:column;display:flex}.nav-item{gap:var(--space-05);width:fit-content;padding-left:var(--space-2);border-left:var(--border) solid transparent;transition:border-color var(--dur-fast);flex-direction:column;display:flex}.nav-label{font-family:var(--font-body);font-size:var(--fs-nav);letter-spacing:.18em;text-transform:uppercase;color:var(--rust);transition:color var(--dur-fast)}.nav-desc{font-family:var(--font-body);font-size:var(--fs-label);letter-spacing:.06em;color:var(--terra);transition:color var(--dur-fast)}.nav-item.is-active{border-left-color:var(--ochre)}.nav-item.is-active .nav-label,.nav-item.is-active .nav-desc,.nav-item:hover .nav-label,.nav-item:hover .nav-desc{color:var(--ochre)}.nav-item:hover{border-left-color:var(--ochre)}.lang-side{padding-top:var(--space-4);border-top:var(--border) solid var(--rust);gap:var(--space-15);flex-direction:column;display:flex}.lang{gap:var(--space-2) var(--space-25);font-size:var(--fs-nav);letter-spacing:.16em;text-transform:uppercase;flex-wrap:wrap;display:flex}.lang-item{color:var(--terra);transition:color var(--dur-fast)}.lang-item--active{color:var(--rust);font-weight:var(--weight-bold)}.lang-item:hover{color:var(--ochre)}.impressum{margin-top:var(--space-2);justify-content:space-between;gap:var(--space-1);flex-flow:wrap;display:flex}@media (max-width:480px){.impressum{flex-direction:column}}.impressum a{font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--terra);transition:color var(--dur-fast)}.impressum a:hover,.impressum a.impressum-active{color:var(--ochre)}.header-svg{padding-bottom:var(--space-4);margin-top:auto}.header-svg img{width:90%;height:auto;max-height:15vh;filter:var(--filter-ochre);display:block}.menu-btn{color:var(--rust);padding:var(--space-3);cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1;display:none}.menu-overlay{z-index:100;background:var(--bg);padding:var(--space-35) var(--space-5) var(--space-8);flex-direction:column;display:none;position:fixed;inset:0;overflow-y:auto}.menu-overlay.is-open{display:flex}.menu-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.menu-overlay .logo,.menu-overlay .logo.logo-active{width:auto;height:22px;color:var(--terra);border:none;margin:0;padding:0}.menu-close{color:var(--rust);padding:var(--space-3);cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1}.menu-nav{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.menu-nav-item{font-family:var(--font-body);color:var(--rust);transition:color var(--dur-fast);gap:var(--space-05);margin-bottom:var(--space-25);flex-direction:column;line-height:1;text-decoration:none;display:flex}.menu-nav-item .nav-label{font-family:var(--font-display);font-weight:var(--weight-display-semibold);font-size:var(--fs-hero);letter-spacing:0;text-transform:uppercase}.menu-nav-item .nav-desc{font-family:var(--font-body);font-size:var(--fs-nav)}.menu-nav-item.is-active,.menu-nav-item:hover,.menu-nav-item.is-active .nav-label,.menu-nav-item.is-active .nav-desc,.menu-nav-item:hover .nav-label,.menu-nav-item:hover .nav-desc{color:var(--ochre)}.menu-nav-item.wip{opacity:.3;pointer-events:none}.menu-footer{padding-top:var(--space-6);border-top:var(--border) solid var(--rust);gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.menu-footer .impressum{flex-direction:row;justify-content:space-between}@media (max-width:768px){.site-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}.site-main{grid-column:1;padding:0;overflow:visible}.topbar{padding:var(--space-35) var(--space-5);background:var(--bg);z-index:50;flex-direction:row;justify-content:space-between;align-items:center;height:auto;position:relative}.topbar .logo{border:none;width:auto;height:22px;margin:0;padding:0}.topbar .logo .logo-dots{width:auto;height:100%}.topbar .nav,.header-svg,.lang-side,.topbar .impressum{display:none}.menu-btn{align-items:center;display:flex}}
.home-grid{gap:var(--space-2);height:100%;padding:var(--space-25);background:var(--ochre);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid}.home-grid .cell{background:var(--bg);min-width:0;min-height:0;padding:var(--space-4) var(--space-4) var(--space-35);transition:background var(--dur-fast);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.home-grid .cell:hover{background:var(--sky)}.home-grid .cell.center:hover,.home-grid .cell.feature:hover{background:inherit}.home-grid .cell:has(.citation):hover{background:inherit}.home-grid article:nth-of-type(2){grid-column-start:3}.home-grid article:nth-of-type(3){grid-row:span 2/span 2;grid-column-start:4}.home-grid article:nth-of-type(4){grid-row-start:2;grid-column-start:3}.home-grid article:nth-of-type(5){grid-row:3/span 2}.home-grid article:nth-of-type(6),.home-grid article:nth-of-type(7),.home-grid article:nth-of-type(8){grid-row-start:3}.home-grid article:nth-of-type(9){grid-row-start:4;grid-column-start:2}.home-grid article:nth-of-type(10){grid-column:3/span 2;grid-row-start:4}.home-grid .cell.feature{grid-area:span 2/span 2/span 2/span 2}.home-grid .cell.feature:before{content:"";background-image:var(--feature-photo,url(/image/index/kunzten-non-profit-kunst-und-k_02_flutgraben-unnamed-2-1500x1000-400w.webp));background-position:var(--feature-pos,center);background-size:var(--feature-size,cover);transition:transform var(--dur-slow) ease;background-repeat:no-repeat;position:absolute;inset:0}@media (min-width:600px){.home-grid .cell.feature:before{background-image:var(--feature-photo,url(/image/index/kunzten-non-profit-kunst-und-k_02_flutgraben-unnamed-2-1500x1000-800w.webp))}}@media (min-width:1000px){.home-grid .cell.feature:before{background-image:var(--feature-photo,url(/image/index/kunzten-non-profit-kunst-und-k_02_flutgraben-unnamed-2-1500x1000-1200w.webp))}}.home-grid .cell.feature:hover:before{transform:scale(1.1)}.home-grid .cell.gif{background:var(--paper);padding:0}.home-grid .cell.gif:hover{background:var(--paper)}.home-grid .cell.gif.blanc,.home-grid .cell.gif.blanc:hover{background:var(--bg)}.home-grid .cell.gif a{padding:var(--space-4) var(--space-4) var(--space-35);z-index:1;position:relative}.home-grid .cell.gif.cell-link:hover{background:var(--ochre)}.home-grid .cell.gif.cell-link:hover:before{filter:var(--filter-rust);mix-blend-mode:normal}.home-grid .cell.gif:before{content:"";inset:var(--space-6);mix-blend-mode:multiply;filter:var(--filter-ochre);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}.home-grid article:nth-of-type(3):before{background-image:url(/image/index/stars-fixe.png)}.home-grid article:nth-of-type(3):hover:before{background-image:url(/image/index/stars.gif)}.home-grid article:nth-of-type(5):before{background-image:url(/image/index/watch_tower.svg)}.home-grid article:nth-of-type(5):hover:before{background-image:url(/image/index/watch_tower.gif)}.home-grid article:nth-of-type(10):before{background-image:url(/image/logos/logo-fixe.png)}.home-grid article:nth-of-type(10):hover:before{background-image:url(/image/logos/05-28_Flutgraben_gif.gif)}@media (prefers-reduced-motion:reduce){.home-grid article:nth-of-type(3):hover:before{background-image:url(/image/index/stars-fixe.png)}.home-grid article:nth-of-type(5):hover:before{background-image:url(/image/index/watch_tower.svg)}.home-grid article:nth-of-type(10):hover:before{background-image:url(/image/logos/logo-fixe.png)}}.home-grid .center{justify-content:center;align-items:center;padding:0;display:flex}.home-grid article:nth-of-type(8):before{content:"";transition:transform var(--dur-slow) ease;z-index:0;background-image:url(/image/index/MZHFenster-400w.webp);background-position:50%;background-size:cover;position:absolute;inset:0}@media (min-width:800px){.home-grid article:nth-of-type(8):before{background-image:url(/image/index/MZHFenster-800w.webp)}}@media (min-width:1400px){.home-grid article:nth-of-type(8):before{background-image:url(/image/index/MZHFenster-1200w.webp)}}.home-grid article:nth-of-type(8):hover:before{transform:scale(1.1)}.home-grid .cell.center a{width:100%;height:100%;padding:var(--space-3) var(--space-35);justify-content:flex-start;gap:var(--space-15);z-index:1;flex-direction:column;display:flex;position:relative}.home-grid .cell a{height:100%;color:inherit;flex-direction:column;justify-content:flex-start;display:flex}.home-grid .cell.cell-link:hover{background:var(--ochre)}.home-grid .cell.cell-link:hover .title{color:var(--rust)}.home-grid .cell.cell-link:hover .meta{color:var(--rust);letter-spacing:.3em}.home-grid .cell .title{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--rust);letter-spacing:-.015em;margin:0;line-height:.92}.home-grid .cell .meta{font-size:var(--fs-meta);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ochre);transition:letter-spacing var(--dur-fast), color var(--dur-fast);background:var(--bg);width:fit-content;padding:var(--space-1) var(--space-2) var(--space-05);margin-top:auto}.home-grid .cell .citation{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:-.01em;text-transform:uppercase;color:var(--rust);transition:transform var(--dur-slow) ease;flex-direction:column;gap:0;margin:auto;line-height:.88;display:flex}.home-grid .cell:has(.citation):hover .citation{transform:scale(1.05)}.home-grid .cell:has(.citation):hover .citation span{font-weight:var(--weight-display-black)}@media (max-width:1100px) and (min-width:769px){.home-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:unset;grid-auto-rows:minmax(140px,auto);grid-auto-flow:dense;height:auto;min-height:100dvh}.home-grid article:nth-of-type(2),.home-grid article:nth-of-type(3),.home-grid article:nth-of-type(4),.home-grid article:nth-of-type(5),.home-grid article:nth-of-type(6),.home-grid article:nth-of-type(7),.home-grid article:nth-of-type(8),.home-grid article:nth-of-type(9),.home-grid article:nth-of-type(10){grid-column:unset;grid-row:unset}.home-grid .cell.feature{grid-area:span 2/span 2}.home-grid article:nth-of-type(10){grid-column:span 3}}@media (max-width:768px){.home-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:unset;grid-auto-rows:minmax(160px,auto);grid-auto-flow:dense;height:auto;min-height:100dvh}.home-grid article:nth-of-type(2),.home-grid article:nth-of-type(3),.home-grid article:nth-of-type(4),.home-grid article:nth-of-type(5),.home-grid article:nth-of-type(6),.home-grid article:nth-of-type(7),.home-grid article:nth-of-type(8),.home-grid article:nth-of-type(9),.home-grid article:nth-of-type(10){grid-column:unset;grid-row:unset}.home-grid .cell.feature{grid-area:span 2/span 2}.home-grid article:nth-of-type(10){grid-column:span 2}}.commons-cell{position:relative;overflow:clip}.commons-cell .commons-view,.commons-cell .commons-view canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.commons-cell .meta{z-index:var(--z-content);position:relative}
.bg-grid{gap:var(--space-1);padding:var(--space-5) var(--space-8);pointer-events:none;z-index:0;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.bg-cell{background:var(--ochre);opacity:.1;min-width:0}.gif-anchor{bottom:var(--space-10);right:var(--space-20);z-index:2;background:var(--bg);width:150px;height:150px;padding:var(--space-1);box-shadow:0 0 0 var(--border) var(--rust);pointer-events:auto;border-radius:50%;position:fixed}.gif-anchor:before{content:"";width:100%;height:100%;filter:var(--filter-ochre);background-position:50%;background-repeat:no-repeat;background-size:105%;display:block}.gif-anchor:hover:before{background-size:contain}.gif-anchor--hello-people:before{background-image:url(/image/gifs/hello_people_fixe.png)}.gif-anchor--hello-people:hover:before{background-image:url(/image/gifs/hello_people.gif)}.gif-anchor--stars:before{background-image:url(/image/gifs/stars-fixe.png)}.gif-anchor--stars:hover:before{background-image:url(/image/gifs/stars.gif)}.gif-anchor--chapo:before{background-image:url(/image/gifs/chapo_fixe.png)}.gif-anchor--chapo:hover:before{background-image:url(/image/gifs/chapo.gif)}.gif-anchor--car:before{background-image:url(/image/gifs/car_fixe.png)}.gif-anchor--car:hover:before{background-image:url(/image/gifs/car.gif)}.gif-anchor--cloud:before{background-image:url(/image/gifs/cloud_fixe.png)}.gif-anchor--cloud:hover:before{background-image:url(/image/gifs/cloud.gif)}.gif-anchor--fille_ballon:before{background-image:url(/image/gifs/fille_ballon_fixe.png)}.gif-anchor--fille_ballon:hover:before{background-image:url(/image/gifs/fille_ballon.gif)}.gif-anchor--pigeon:before{background-image:url(/image/gifs/pigeon_fixe.png)}.gif-anchor--pigeon:hover:before{background-image:url(/image/gifs/pigeon.gif)}@media (prefers-reduced-motion:reduce){.gif-anchor--hello-people:hover:before{background-image:url(/image/gifs/hello_people_fixe.png)}.gif-anchor--stars:hover:before{background-image:url(/image/gifs/stars-fixe.png)}.gif-anchor--cloud:hover:before{background-image:url(/image/gifs/cloud_fixe.png)}.gif-anchor--pigeon:hover:before{background-image:url(/image/gifs/pigeon_fixe.png)}}.gif-anchor-label{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.gif-anchor-label text{font-family:var(--font-body);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;fill:var(--ochre);transition:fill var(--dur-fast), letter-spacing var(--dur-fast);font-size:11px}.gif-anchor-link{z-index:2;border-radius:50%;position:absolute;inset:0}.gif-anchor:hover .gif-anchor-label text{fill:var(--rust);letter-spacing:.3em}.back-to-top{bottom:var(--space-8);width:36px;height:36px;font-family:var(--font-body);font-weight:var(--weight-bold);color:var(--rust);background:var(--bg);border:var(--border) solid var(--rust);cursor:var(--cursor-pointer);z-index:3;opacity:0;pointer-events:none;transition:opacity var(--dur-med), background var(--dur-fast), color var(--dur-fast);font-size:1rem;position:fixed;left:calc(clamp(180px,18vw,260px)/2 + 50vw);transform:translate(-50%)}.back-to-top.is-visible{opacity:1;pointer-events:auto}.back-to-top:hover{background:var(--rust);color:var(--bg)}.page-content{z-index:1;height:100%;padding:var(--space-8) var(--space-10);scrollbar-gutter:stable;gap:var(--space-8);flex-direction:column;display:flex;position:relative;overflow-y:auto}.subnav-bar{justify-content:space-between;align-items:flex-start;display:flex}.subnav{gap:0;width:fit-content;display:flex}.subnav-archive{position:relative}.archive-dropdown{z-index:var(--z-floating);background:var(--bg);border:var(--border) solid var(--rust);flex-direction:column;min-width:100%;display:none;position:absolute;top:100%;right:0}.subnav-archive:hover .archive-dropdown,.subnav-archive:focus-within .archive-dropdown{display:flex}.archive-dropdown .archive-year{border:none;border-bottom:var(--border) solid var(--rust)}.archive-dropdown .archive-year:last-child{border-bottom:none}.row-section{display:none}.row-section.is-active{flex-direction:column;display:flex}.archive-placeholder{font-size:var(--fs-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--terra);padding:var(--space-6) 0}details.row-item{border-bottom:var(--border) solid var(--rust)}details.row-item:first-of-type{border-top:var(--border) solid var(--rust)}details.row-item:last-of-type{margin-bottom:23.33vh}.eddies-intro details.row-item:last-of-type,.hohlenmalerei-intro details.row-item:last-of-type{margin-bottom:0}.collaboration-intro details.row-item:last-of-type{margin-bottom:var(--space-8)}details.row-item>summary{align-items:baseline;gap:var(--space-6);padding:var(--space-4) 0 var(--space-4) var(--space-2);cursor:var(--cursor-pointer);background:var(--ochre-wash);transition:background var(--dur-quick);grid-template-columns:14ch 1fr auto;list-style:none;display:grid}details.row-item>summary::-webkit-details-marker{display:none}details.row-item>summary:hover{background:var(--skytransparent)}details.row-item>summary .row-meta .tag:hover{background-color:#0000}.row-date{font-size:var(--fs-label);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--rust);white-space:nowrap}.row-title{font-family:var(--font-display);font-weight:var(--weight-display-semibold);font-size:var(--fs-h3);color:var(--rust);letter-spacing:-.01em;overflow-wrap:break-word;min-width:0;margin:0;line-height:.95}.row-meta{align-items:center;gap:var(--space-25);white-space:nowrap;font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--terra);display:flex}.row-body{padding:var(--space-3) 0 var(--space-5) var(--space-2);font-size:var(--fs-body);color:var(--rust);line-height:1.6}.row-body p{margin-top:0}.row-body p+p{margin-top:.8em}.row-text{max-width:60ch;line-height:var(--leading-relaxed)}.row-text a{-webkit-text-decoration:underline var(--border);text-decoration:underline var(--border)}@media (max-width:768px){.find-us-last{margin-bottom:23.33vh}.bg-grid{display:none}.page-content{padding:var(--space-5);gap:var(--space-5);padding-top:0}.subnav-bar{row-gap:var(--space-15);flex-wrap:wrap}.subnav{row-gap:var(--space-15);flex-wrap:wrap;flex:1 0 100%}details.row-item>summary{gap:var(--space-3);grid-template-columns:1fr auto}.row-date{display:none}.gif-anchor{width:120px;height:120px;bottom:var(--space-5);right:var(--space-5)}.back-to-top{left:50%;bottom:var(--space-5)}}.row-body:has(.row-photo){gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}.row-photo{gap:var(--space-3);flex-direction:column;min-width:0;max-height:400px;display:flex;overflow-y:auto}.eddies-intro .row-photo-figure{aspect-ratio:1;width:35%;margin:0 auto;position:relative}.eddies-intro .row-photo-figure img{display:none}.eddies-intro .row-photo-figure:before{content:"";width:100%;height:100%;filter:var(--filter-ochre);background-image:url(/image/gifs/eddie_fixe.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.eddies-intro .row-photo-figure:hover:before{background-image:url(/image/gifs/eddie.gif)}@media (prefers-reduced-motion:reduce){.eddies-intro .row-photo-figure:hover:before{background-image:url(/image/gifs/eddie_fixe.png)}}.hohlenmalerei-intro .row-photo-figure{aspect-ratio:1;width:60%;margin:0 auto;position:relative}.hohlenmalerei-intro .row-photo-figure img{display:none}.hohlenmalerei-intro .row-photo-figure:before{content:"";width:100%;height:100%;filter:var(--filter-ochre);background-image:url(/image/eddies/Hohlenmalerei/berlin_la_ville_des_grafitis_fixe.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.hohlenmalerei-intro .row-photo-figure:hover:before{background-image:url(/image/eddies/Hohlenmalerei/berlin_la_ville_des_grafitis.gif)}@media (prefers-reduced-motion:reduce){.hohlenmalerei-intro .row-photo-figure:hover:before{background-image:url(/image/eddies/Hohlenmalerei/berlin_la_ville_des_grafitis_fixe.png)}}.row-photo img{width:100%;height:auto;display:block}.row-photo figure{margin:0}.row-photo figcaption{margin-top:var(--space-1);color:var(--rust);line-height:var(--leading-snug)}.events-grid{gap:var(--space-25);grid-template-columns:repeat(2,1fr);margin-bottom:23.33vh;display:grid}.residents-grid{grid-template-columns:repeat(3,1fr)}.residents-grid .event-card:first-child{grid-column:unset}.event-card{border:var(--border) solid var(--rust);background:var(--bg);text-align:left;min-width:0;font:inherit;color:inherit;cursor:var(--cursor-pointer);transition:border-color var(--dur-quick);flex-direction:column;padding:0;display:flex}.event-card:hover{border-color:var(--ochre)}.event-card__img{aspect-ratio:3/2;background-color:var(--paper);background-image:repeating-linear-gradient(-45deg, var(--rust-hatch) 0 1px, transparent 0 50%);background-size:10px 10px;position:relative;overflow:clip}.event-card__info{padding:var(--space-25) var(--space-35) var(--space-3);gap:var(--space-1);border-top:var(--border) solid var(--rust);flex-direction:column;display:flex}.event-card__date{font-size:var(--fs-label);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--terra)}.event-card__title,.dialog-title{font-family:var(--font-display);font-weight:var(--weight-display-black);font-size:var(--fs-h3);color:var(--rust);letter-spacing:.04em;overflow-wrap:break-word;margin:0;line-height:.95}.event-card__meta{align-items:center;gap:var(--space-15);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.event-card__location{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--terra);margin-left:var(--space-1)}.event-dialog-backdrop{z-index:var(--z-modal);background:var(--skytransparent);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.event-dialog{background:var(--bg);border:var(--border) solid var(--rust);color:var(--rust);width:min(92vw,900px);height:min(88vh,620px);overflow:hidden}.dialog-inner{grid-template-columns:55% 45%;height:100%;display:grid}.dialog-img{background-color:var(--paper);background-image:repeating-linear-gradient(-45deg, var(--rust-hatch) 0 1px, transparent 0 50%);background-size:10px 10px;position:relative;overflow:clip}.dialog-photo-img{object-fit:var(--img-fit,cover);object-position:var(--img-pos,50% 50%)}@media (max-width:768px){.dialog-photo-img{object-fit:var(--img-fit-phone,cover);object-position:var(--img-pos-phone,50% 50%)}}.dialog-img-native{object-fit:contain;background-color:var(--paper);width:100%;height:100%;position:absolute;inset:0}.dialog-img-ochre{background-color:var(--ochre);mix-blend-mode:color;opacity:.65;pointer-events:none;z-index:1;position:absolute;inset:0}.dialog-img-credit,.event-card__credit{z-index:5;padding:var(--space-1) var(--space-2);background:var(--rust-overlay);color:var(--bg);font-family:var(--font-body);font-size:var(--fs-credit);margin:0;line-height:1.3;position:absolute;bottom:0;left:0;right:0}.dialog-img-clickable{cursor:var(--cursor-pointer)}.dialog-img-dots{bottom:var(--space-35);z-index:6;gap:var(--space-15);padding:var(--space-1);background:var(--bg);display:flex;position:absolute;left:50%;transform:translate(-50%)}.dialog-img-dot{border:var(--border) solid var(--rust);width:9px;height:9px;cursor:var(--cursor-pointer);background:0 0;border-radius:50%;padding:0}.dialog-img-dot.is-active{background:var(--rust)}.residents-search-wrap{display:inline-flex;position:relative}.residents-search{font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--fs-label);letter-spacing:.22em;text-transform:uppercase;color:var(--rust);background:var(--bg);border:var(--border) solid var(--rust);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);min-width:240px}.residents-search::placeholder{color:var(--terra)}.residents-search:focus{border-color:var(--sky);outline:none}.residents-search-clear{right:var(--space-2);color:var(--terra);cursor:var(--cursor-pointer);padding:var(--space-05);background:0 0;border:none;font-size:1rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.residents-search-clear:hover{color:var(--rust)}.archive-years{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.archive-year{font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--fs-label);letter-spacing:.22em;text-transform:uppercase;color:var(--rust);border:var(--border) solid var(--rust);padding:var(--space-15) var(--space-35);cursor:var(--cursor-pointer);transition:background var(--dur-quick), color var(--dur-quick);background:0 0}.archive-year.is-active{background:var(--rust);color:var(--bg)}.archive-year:hover:not(.is-active){background:var(--ochre);color:var(--bg)}.dialog-text{border-left:var(--border) solid var(--rust);flex-direction:column;display:flex;position:relative;overflow:hidden}.dialog-close{top:var(--space-35);right:var(--space-4);background:var(--bg);font-family:var(--font-body);font-weight:var(--weight-bold);color:var(--terra);cursor:var(--cursor-pointer);padding:var(--space-1) var(--space-15);transition:color var(--dur-quick);z-index:20;border:none;font-size:1.4rem;line-height:1;position:absolute}.dialog-close:hover{color:var(--rust)}.dialog-scrollable{padding:var(--space-7) var(--space-7) var(--space-4);flex:1;overflow-y:auto}.dialog-title{margin:0 var(--space-8) var(--space-25) 0;font-size:var(--fs-h2)}.dialog-date{font-size:var(--fs-label);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--terra);margin-bottom:var(--space-1)}.dialog-location{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--terra);margin-bottom:var(--space-1)}.dialog-location a{color:inherit;text-underline-offset:var(--space-05);transition:color var(--dur-quick);text-decoration:underline}.dialog-tag-row{gap:var(--space-15);margin-bottom:var(--space-35);flex-wrap:wrap;display:flex}.dialog-divider{border:none;border-top:var(--border) solid var(--rust);margin:0 0 var(--space-35)}.dialog-desc{font-size:var(--fs-small);color:var(--rust);white-space:pre-line;margin:0;line-height:1.65}.dialog-desc+.dialog-desc{margin-top:.8em}.dialog-nav{border-top:var(--border) solid var(--rust);flex-shrink:0;display:flex}.dialog-nav button{padding:var(--space-3) 0;color:var(--rust);font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--fs-label);letter-spacing:var(--tracking-wider);text-transform:uppercase;cursor:var(--cursor-pointer);transition:background var(--dur-quick), color var(--dur-quick);background:0 0;border:none;flex:1}.dialog-nav button+button{border-left:var(--border) solid var(--rust)}.dialog-nav button:hover:not(:disabled){background:var(--ochre);color:var(--bg)}.dialog-nav button:disabled{opacity:.28;pointer-events:none}@media (max-width:1100px){.subnav-bar{row-gap:var(--space-15);flex-wrap:wrap}.subnav{row-gap:var(--space-15);flex-wrap:wrap;flex:1 0 100%}.residents-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:980px){.residents-grid,.events-grid{grid-template-columns:1fr}.row-body:has(.row-photo){grid-template-columns:1fr}.row-photo{max-height:none;overflow-y:visible}}@media (max-width:768px){.row-body:has(.row-photo){grid-template-columns:1fr}.row-photo{max-height:none;overflow-y:visible}.events-grid{grid-template-columns:1fr;margin-bottom:12vh}.residents-grid{grid-template-columns:1fr}.event-card__location{display:none}.event-dialog{width:calc(100vw - 2 * var(--space-4));height:calc(100dvh - 2 * var(--space-4))}.dialog-inner{grid-template-rows:45dvh 1fr;grid-template-columns:1fr}.dialog-text{border-left:none;border-top:var(--border) solid var(--rust)}}.event-card__img--svg{background-color:var(--paper);background-image:none}.graffiti-card-svg{object-fit:contain;width:100%;height:100%;padding:var(--space-5);filter:var(--filter-ochre);position:absolute;inset:0}.graffiti-filters{align-items:center;gap:var(--space-4);margin-top:var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.graffiti-filter-btns{gap:var(--space-2);flex-wrap:wrap;display:flex}.graffiti-count{font-size:var(--fs-label);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--terra)}.dialog-img--svg{background-color:var(--paper);background-image:none}.dialog-svg-img{object-fit:contain;width:100%;height:100%;padding:var(--space-8);filter:var(--filter-ochre);position:absolute;inset:0}.dialog-fields{margin-bottom:var(--space-4);flex-direction:column;display:flex}.dialog-field{gap:var(--space-3);padding:var(--space-25) 0;border-bottom:var(--border) solid var(--rust);grid-template-columns:90px 1fr;display:grid}.dialog-field-label{font-size:var(--fs-label);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--terra);padding-top:.1rem}.dialog-field-value{font-size:var(--fs-small);color:var(--rust);line-height:var(--leading-body)}.dialog-plan{margin:var(--space-4) 0;border:var(--border) solid var(--rust)}.dialog-plan-img{width:100%;height:auto;display:block}.dialog-svg-btn{width:100%;margin-top:var(--space-3);padding:var(--space-25) var(--space-4);border:var(--border) solid var(--rust);color:var(--rust);font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--fs-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-align:center;cursor:var(--cursor-pointer);transition:background var(--dur-quick), color var(--dur-quick);background:0 0;text-decoration:none;display:block}.dialog-svg-btn:hover{background:var(--rust);color:var(--bg)}.dialog-svg-btn--unavailable{border-color:var(--terra);color:var(--terra);cursor:default;pointer-events:none}.preview-wrap{padding:var(--space-6);margin:0 auto}.preview-banner{font-size:var(--fs-meta);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--rust);border:var(--border) solid var(--rust);padding:var(--space-6);margin-bottom:var(--space-6)}.walkthrough-root{background:var(--color-ink);z-index:var(--z-modal);position:fixed;inset:0}.walkthrough-canvas,.walkthrough-canvas canvas{width:100%;height:100%;position:absolute;inset:0}.walkthrough-landing{pointer-events:none;color:var(--color-paper);position:absolute;inset:0}.walkthrough-backbtn{pointer-events:auto}.walkthrough-landing-art,.walkthrough-enter-art{width:100%;height:100%;display:block;position:absolute;inset:0}.walkthrough-backbtn-art{pointer-events:none;width:5.691%;height:8.189%;display:block;position:absolute;top:1.899%;left:5.666%}.walkthrough-backbtn{width:5.44%;height:7.82%;position:absolute;top:2.08%;left:5.79%}.walkthrough-enter{pointer-events:none;background:0 0;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.walkthrough-enter svg{width:100%;height:100%;display:block;position:absolute;inset:0}.walkthrough-enter-shape{fill:var(--color-paper);cursor:pointer;pointer-events:auto;transition:fill var(--dur-fast)}.walkthrough-enter:hover .walkthrough-enter-shape,.walkthrough-enter:focus-visible .walkthrough-enter-shape{fill:var(--color-ink)}.walkthrough-enter-label{pointer-events:none;transition:filter var(--dur-fast);display:block;position:absolute}.walkthrough-enter:hover~.walkthrough-enter-label,.walkthrough-enter:focus-visible~.walkthrough-enter-label{filter:invert()}.walkthrough-enter-title{width:37.77%;height:6.23%;top:46.02%;left:31.53%}.walkthrough-enter-subtitle{width:28.94%;height:2.08%;top:53.05%;left:35.79%}.walkthrough-progress{left:50%;bottom:var(--space-35);font-size:var(--fs-small);opacity:.6;position:absolute;transform:translate(-50%)}.walkthrough-hud-topright{top:var(--space-4);right:var(--space-4);z-index:var(--z-floating);align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex;position:absolute}.walkthrough-minimap{flex:none;width:238.45px;height:153.57px;position:relative}.walkthrough-minimap-frame{width:100%;height:100%;display:block;position:absolute;inset:0}.walkthrough-minimap-plan{width:228px;height:108.5px;position:absolute;top:50%;left:50%;overflow:clip;transform:translate(-50%,-50%)}.walkthrough-minimap-plan img{width:100%;height:100%;display:block;position:absolute;inset:0}.walkthrough-minimap-cursor{width:var(--space-15);height:var(--space-15);margin-left:calc(var(--space-15) / -2);margin-top:calc(var(--space-15) / -2);border-radius:var(--radius-full);background:var(--color-paper);border:var(--border) solid var(--color-ink);pointer-events:none;position:absolute}.walkthrough-info-panel{flex:none;width:232.5px;height:244.3px;display:block}.walkthrough-bottom-bar{left:50%;bottom:var(--space-4);width:626.75px;height:136.4px;z-index:var(--z-floating);position:absolute;transform:translate(-50%)}.walkthrough-bottom-bar img{width:100%;height:100%;display:block;position:absolute;inset:0}.walkthrough-hit{cursor:pointer;background:0 0;border:none;height:100%;padding:0;position:absolute;top:0}.walkthrough-hit--info{width:14%;left:71%}.walkthrough-hit--reveal{width:13.5%;left:86%}.demeure-ways{gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.row-text .demeure-way{text-decoration:none}.demeure-way{gap:var(--space-2);background:var(--color-ink);color:var(--color-paper);padding:var(--space-5) var(--space-5) var(--space-6);transition:background var(--dur-fast), color var(--dur-fast);flex-direction:column;text-decoration:none;display:flex}.demeure-way-title{font-family:var(--font-display);font-weight:var(--weight-display-semibold);font-size:var(--fs-h3);line-height:var(--leading-display)}.demeure-way-meta{font-size:var(--fs-small);line-height:var(--leading-snug);opacity:.75}.demeure-way:hover,.demeure-way:focus-visible{background:var(--color-paper);color:var(--color-ink)}.walkthrough-survey{top:var(--space-4);left:var(--space-4);z-index:var(--z-modal-content);padding:var(--space-2) var(--space-3);background:var(--color-ink);color:var(--color-paper);font-family:var(--font-mono,monospace);font-size:var(--fs-small);white-space:pre;pointer-events:none;position:absolute}.walkthrough-sr{width:var(--space-05);height:var(--space-05);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:clip}.walkthrough-crosshair{border-radius:var(--radius-full);background:var(--color-paper);opacity:.8;pointer-events:none;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}