:root{--paper:#f8f7f3;--ink:#242521;--muted:#64665e;--line:#d8d9d0;--accent:#674536;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;font-family:var(--sans);font-synthesis:none;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{cursor:pointer}::selection{background:#d7b9a4;color:#242521}
.skip{position:fixed;left:12px;top:-100px;z-index:10;padding:12px 20px;background:var(--paper)}.skip:focus{top:12px}

.site{max-width:1580px;margin:auto;padding:0 56px}.site-header{display:flex;justify-content:space-between;align-items:center;padding:27px 0 23px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:baseline;gap:17px}.wordmark{font-family:var(--serif);font-weight:500;font-size:58px;letter-spacing:-.072em;line-height:.8}.wordmark .dot{color:var(--accent)}.brand-city{font-size:9px;letter-spacing:.3em;text-transform:uppercase;border-left:1px solid var(--line);padding-left:17px}.header-note{display:flex;align-items:center;gap:26px;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.header-note a{border-bottom:1px solid var(--ink);padding-bottom:5px}.header-note svg{width:11px;height:11px;margin-left:8px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;padding:36px 0 31px}.eyebrow{font-size:9px;letter-spacing:.21em;text-transform:uppercase;margin:0 0 13px;color:var(--muted)}h1{font-family:var(--serif);font-weight:500;font-size:clamp(44px,4.25vw,68px);line-height:.98;letter-spacing:-.035em;margin:0}h1 em{font-weight:500}.intro-copy{max-width:300px;font-size:12px;color:var(--muted);line-height:1.8;margin:0 1px 5px 0}.intro-copy span{display:block;margin-top:10px}.section-head{display:flex;justify-content:space-between;align-items:center;padding:15px 0 17px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.section-head h2{font:inherit;margin:0}.section-head .section-right{color:var(--muted);display:flex;gap:28px}.section-head .hover-hint{letter-spacing:.03em;text-transform:none}.venues{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:22px;row-gap:23px}.venue{min-width:0;display:block;position:relative}.photo{aspect-ratio:1.66;position:relative;overflow:hidden;background:#e1e1d8}.photo img{height:100%;width:100%;display:block;object-fit:cover;filter:grayscale(1);transform:scale(1.001);transition:filter .75s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.venue:is(:hover,:focus-visible) .photo img{filter:grayscale(0);transform:scale(1.055)}.photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.27));opacity:0;transition:opacity .6s}.venue:is(:hover,:focus-visible) .photo:after{opacity:1}.image-action{position:absolute;right:14px;bottom:13px;border:1px solid #ffffff8a;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:white;z-index:1;opacity:0;transform:translate(-6px,6px);transition:opacity .4s,transform .4s}.image-action svg{width:17px;height:17px}.venue:is(:hover,:focus-visible) .image-action{opacity:1;transform:translate(0)}.venue-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 0 3px}.venue-location{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.13em;margin:0 0 5px}.venue h3{font-family:var(--serif);font-size:25px;font-weight:500;line-height:1.05;margin:0;letter-spacing:-.02em}.venue .subname{font-family:var(--sans);font-size:10px;font-weight:400;display:block;color:var(--muted);line-height:1.4;margin-top:5px;letter-spacing:.01em}.caption-arrow{width:16px;height:16px;margin-top:19px;flex-shrink:0;transition:transform .35s,color .35s}.venue:is(:hover,:focus-visible) .caption-arrow{transform:translate(3px,-3px);color:var(--accent)}.venue-index{display:none}.site-footer{margin:30px 0 0;border-top:1px solid var(--line);padding:23px 0 27px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:var(--muted)}.footer-thought{font-family:var(--serif);font-size:21px;font-style:italic;color:var(--ink)}.footer-links{display:flex;gap:22px;align-items:center}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-wien{text-transform:uppercase;letter-spacing:.13em}

@media(min-width:1700px){.site{padding:0 75px}.photo{aspect-ratio:1.6}}
@media(max-width:1100px){.site{padding:0 32px}.venues{column-gap:16px}.venue h3{font-size:23px}.venue-location{font-size:7px}.intro{gap:35px}.intro-copy{max-width:270px;font-size:11px}.photo{aspect-ratio:1.38}.venue .subname{font-size:9px}}
@media(max-width:850px){.site{padding:0 26px}.site-header{padding:24px 0}.header-note span{display:none}.venues{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 19px}.photo{aspect-ratio:1.6}.venue-location{font-size:8px}.venue h3{font-size:27px}.venue .subname{font-size:10px}.intro{padding:30px 0;gap:22px}h1{font-size:52px}.intro-copy{max-width:245px;font-size:11px}.section-head .hover-hint{display:none}.site-footer{flex-wrap:wrap;row-gap:18px}.footer-links{margin-left:auto}.footer-wien{display:none}}
@media(max-width:560px){.site{padding:0 18px}.site-header{padding:23px 0 22px}.wordmark{font-size:51px}.brand{gap:12px}.brand-city{padding-left:12px;font-size:8px}.header-note{font-size:8px;letter-spacing:.1em}.header-note a{padding-bottom:4px}.header-note svg{margin-left:5px}.intro{display:block;padding:27px 0 24px}.eyebrow{font-size:8px;margin-bottom:12px}h1{font-size:51px;line-height:.97}.intro-copy{font-size:11px;line-height:1.75;max-width:310px;margin:18px 0 0}.intro-copy span{display:none}.section-head{padding:13px 0 14px;font-size:8px}.venues{gap:23px 13px}.photo{aspect-ratio:1.16}.venue-caption{gap:5px;padding-top:10px}.venue h3{font-size:24px}.venue-location{font-size:7px;letter-spacing:.075em;margin-bottom:6px}.venue .subname{font-size:9px;margin-top:4px}.caption-arrow{width:13px;height:13px;margin-top:17px}.image-action{height:27px;width:27px;right:9px;bottom:9px}.image-action svg{width:13px;height:13px}.site-footer{margin-top:25px;padding:20px 0 23px;align-items:flex-start}.footer-thought{font-size:19px;display:block;width:100%}.footer-links{margin-left:0;gap:20px;font-size:9px}.copyright{margin-left:auto;font-size:8px}}
@media(hover:none){.photo img{filter:grayscale(.9)}.venue.is-visible .photo img{filter:grayscale(0);transform:scale(1.025)}.hover-hint{display:none}.image-action{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.photo img,.venue.is-visible .photo img,.venue:is(:hover,:focus-visible) .photo img{transform:none!important}.photo img{filter:none!important}}
@media(max-width:360px){.venue-location{font-size:6px}.venue h3{font-size:22px}}
body{min-height:100vh}
@media(max-width:360px){.brand-city{display:none}.header-note a{white-space:nowrap}}
/* Approved Café Diglas artwork. */
.brand .brand-logo{display:block;width:250px;height:auto;aspect-ratio:2090/505;flex-shrink:0}.brand{align-items:center}
@media(max-width:560px){.brand .brand-logo{width:190px}.site-header{gap:18px}}
@media(max-width:360px){.brand .brand-logo{width:163px}.site-header{gap:12px}}

/* The public gallery has one design and two languages. */
.venue-card{min-width:0;align-self:start}
.venue-info{margin-top:9px;border-top:1px solid var(--line);color:var(--muted)}
.venue-info summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:9px 0;list-style:none;cursor:pointer;font-size:10px;line-height:1.4;letter-spacing:.02em;touch-action:manipulation}
.venue-info summary::-webkit-details-marker{display:none}
.venue-info summary:hover,.venue-info[open] summary{color:var(--ink)}
.venue-info summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.venue-info-toggle{position:relative;flex:0 0 10px;width:10px;height:10px}
.venue-info-toggle:before,.venue-info-toggle:after{content:'';position:absolute;inset:0;margin:auto;background:currentColor}
.venue-info-toggle:before{height:1px;width:10px}
.venue-info-toggle:after{height:10px;width:1px}
.venue-info[open] .venue-info-toggle:after{display:none}
.venue-info p{margin:0;padding:0 0 9px;font-size:11px;line-height:1.8;overflow-wrap:break-word}
@media(max-width:560px){.venue-info{margin-top:7px}.venue-info summary{font-size:9px;min-height:38px;gap:7px}.venue-info p{font-size:10px;line-height:1.75}}
.home-language-switch{display:flex;align-items:center;gap:4px;border-left:1px solid var(--line);padding-left:17px}
.header-note .home-language-switch a{display:grid;place-items:center;min-width:30px;min-height:36px;padding:0;border-bottom:0;color:var(--muted);letter-spacing:.08em}
.header-note .home-language-switch a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.header-note .home-language-switch a:hover{color:var(--ink)}
@media(max-width:850px){.header-note{gap:20px}.home-language-switch{padding-left:13px}}
@media(max-width:560px){.header-note{flex-direction:column;align-items:flex-end;gap:5px}.home-language-switch{padding-left:0;border-left:0;gap:5px}.header-note .home-language-switch a{min-width:32px;min-height:28px}.home-venues-link{white-space:nowrap}.home-page[lang="en"] h1{font-size:clamp(38px,10.8vw,51px)}}

/* Familie Diglas directory: approved wordmark and cultural heritage section. */
.home-page .family-brand{display:flex;flex-direction:column;align-items:center;gap:4px;width:174px;flex-shrink:0}
.home-page .family-label{font:400 9px/1.2 var(--sans);letter-spacing:.37em;text-transform:uppercase;color:#6c2633;margin-left:10px}
.home-page .family-brand svg{width:174px;height:68px;display:block}
.home-page .site-header{padding:19px 0 20px}
.home-page .family-heritage{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);margin-top:40px;padding:36px 0 14px}
.home-page .family-heritage .eyebrow{color:#6c2633;line-height:1.6}
.home-page .family-heritage h2{font:500 clamp(33px,3.2vw,49px)/1.05 var(--serif);letter-spacing:-.025em;margin:0}
.home-page .family-heritage h2 em{font-weight:500}
.home-page .family-heritage-copy{padding-top:2px;max-width:570px}
.home-page .family-heritage-copy p{font-size:12px;line-height:1.9;margin:0 0 16px;color:var(--muted)}
.home-page .family-heritage-copy a{font-size:10px;border-bottom:1px solid #b7a396;padding-bottom:5px;color:#674536}
.home-page .site-footer{flex-wrap:wrap}
@media(max-width:850px){.home-page .family-heritage{gap:30px}}
@media(max-width:560px){.home-page .family-brand{width:151px}.home-page .family-brand svg{width:151px;height:59px}.home-page .family-label{font-size:8px}.home-page .family-heritage{grid-template-columns:1fr;gap:20px;margin-top:30px;padding:27px 0 10px}.home-page .family-heritage h2{font-size:36px}.home-page .family-heritage-copy p{font-size:12px}.home-page .intro h1{font-size:clamp(36px,10.4vw,51px)}}