@font-face{font-family:'Manrope';src:url('../fonts/Manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root {
 --lime:#d6ff00; --neon:var(--lime); --paper:#f3f3ef; --white:var(--paper); --ink:#080808; --black:var(--ink); --muted:#bdbdb5; --line:#45453f;
 --sans:Arial,Helvetica,sans-serif; --display:'Manrope',Arial,Helvetica,sans-serif;
 --h1:clamp(2.25rem,5.5vw,6rem); --h2:clamp(1.8rem,3.25vw,3.75rem); --h3:clamp(1.125rem,1.5vw,1.5rem);
 --body:clamp(1rem,.95rem + .15vw,1.125rem); --small:.8125rem;
 --gutter:clamp(1rem,3vw,4rem); --section:clamp(3.5rem,6vw,7rem); --gap:clamp(1.5rem,3vw,3.5rem); --content:100rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:var(--body);line-height:1.65}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;width:100%;max-width:100%;object-fit:cover}
h1,h2,h3,p{overflow-wrap:break-word}
h1{font:800 var(--h1)/1.02 var(--display);letter-spacing:-.055em;margin:1.5rem 0}
h2{font:750 var(--h2)/1.08 var(--display);letter-spacing:-.045em;margin:1.5rem 0}
h3{font:750 var(--h3)/1.25 var(--display);letter-spacing:-.02em;margin:1.25rem 0 .75rem}
p,li{font-size:var(--body);line-height:1.7}
p{max-width:62ch;margin:1rem 0}
h1 em{font-style:normal}
main *{min-width:0}
section{scroll-margin-top:2rem}
a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px}
a:hover{text-decoration:underline;text-underline-offset:.3em}
.skip-link{position:absolute;top:1rem;left:1rem;padding:1rem;background:var(--lime);color:var(--ink);z-index:100;transform:translateY(-200%)}
.skip-link:focus{transform:none}
.wrap,.zln-container,.oc-wrap,.p-wrap,.l-wrap,.a-wrap{width:calc(100% - 2 * var(--gutter));max-width:var(--content);margin-inline:auto}
.zln-header{background:var(--ink);border-bottom:1px solid var(--line)}
.header-inner{max-width:calc(var(--content) + 2 * var(--gutter));margin:auto;padding:1rem var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:84px}
.zln-logo{font-size:1.375rem;letter-spacing:-.05em;white-space:nowrap;line-height:1.3;display:inline-flex;align-items:center;gap:.35em;min-height:48px}
.zln-logo strong{color:var(--lime)}
.zln-nav{display:flex;align-items:center;gap:clamp(.25rem,1.3vw,1.5rem)}
.zln-nav a{display:flex;align-items:center;min-height:48px;padding:.5rem .35rem;font-size:.875rem}
.zln-nav a[aria-current=page]{color:var(--lime);text-decoration:underline;text-underline-offset:.5em}
.zln-menu{display:none;min-height:48px;min-width:72px;border:1px solid var(--line);background:none;color:var(--paper);padding:.6rem 1rem;cursor:pointer}
.zln-footer{background:var(--ink);padding:3rem 0 1.5rem;border-top:1px solid var(--line)}
.footer-inner{width:calc(100% - 2 * var(--gutter));max-width:var(--content);margin:auto}
.zln-footer-top,.zln-footer-bottom{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;align-items:center}
.zln-footer-top{padding-bottom:2rem}
.zln-footer-bottom{border-top:1px solid var(--line);padding-top:1.5rem;font-size:var(--small);color:var(--muted)}
.footer-nav{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;margin-bottom:2rem}
.footer-nav a{font-size:.875rem;min-height:44px;display:inline-flex;align-items:center}
.label,.kicker,.ex-kicker,.oc-label,.p-label,.l-kicker,.a-kicker,.zln-eyebrow{font-size:var(--small);font-weight:700;letter-spacing:.09em;line-height:1.5}
.lime,.oc-lime{color:var(--lime)}
.linehead,.editorial-title,.ex-rule,.oc-heading,.p-rule,.l-rule,.a-rule{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid currentColor;padding-bottom:1rem;margin-bottom:1.5rem;font-size:var(--small);font-weight:700;letter-spacing:.06em;line-height:1.5}
.ex-rule strong,.editorial-title strong,.oc-heading b,.l-rule strong,.a-rule strong{color:var(--lime)}
.btn,.outline,.ex-btn,.join-link,.p-dark-btn,.l-cta a,.a-links a{display:inline-flex;min-height:48px;align-items:center;justify-content:space-between;gap:1.5rem;padding:.85rem 1.25rem;font:700 .875rem/1.4 var(--sans);border:1px solid transparent;background:var(--lime);color:var(--ink);transition:background .18s,color .18s}
.btn.dark,.ex-btn,.join-link,.p-dark-btn,.a-links a{background:var(--ink);color:var(--paper)}
.outline{background:transparent;color:var(--paper);border-color:currentColor}
.btn:hover,.outline:hover,.ex-btn:hover,.join-link:hover,.p-dark-btn:hover,.l-cta a:hover,.a-links a:hover{background:var(--paper);color:var(--ink);border-color:var(--ink);text-decoration:none}
.hero .buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.ex-status,.oc-status,.l-status{display:inline-block;padding:.65rem .85rem;border:1px solid currentColor;font-size:var(--small);font-weight:700;line-height:1.6;margin-top:1rem}
.oc-status,.l-status{color:var(--lime)}
.ex-status{background:var(--ink);color:var(--lime)}
.ex-hero,.artist-intro{background:var(--paper);color:var(--ink);padding:var(--section) 0}
.ex-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--gap);align-items:end}
.ex-hero-side{border-left:2px solid;padding-left:2rem;max-width:28rem;justify-self:end}
.ex-hero-side strong{font-size:var(--h3);line-height:1.2}
.hero,.l-hero{position:relative;isolation:isolate;background:#10110f}
.hero{padding:var(--section) 0}
.hero-bg,.l-hero:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080808 0%,#080808e8 35%,#08080855 100%),url('../images/budapest-2400.webp') 70% center/cover;content:""}
.hero-content{width:calc(100% - 2 * var(--gutter));max-width:var(--content);margin:auto}
.hero-content h1{max-width:12ch}
.hero-content .hero-deck{font-size:var(--body);font-weight:700;line-height:1.5;max-width:38ch}
.hero-content p{max-width:42ch}
.hero-tag{position:absolute;right:var(--gutter);bottom:2rem;border-left:2px solid var(--lime);padding:1rem;background:#080808cc;font-size:.875rem}
.l-hero:before{background-image:linear-gradient(90deg,#080808 0%,#080808cc 50%,#08080855),url('../images/budapest-2400.webp')}
.l-hero-inner{padding:var(--section) 0}
.l-hero h1,.a-hero h1{max-width:15ch}
.p-hero{background:var(--paper);color:var(--ink)}
.oc-hero-grid,.p-hero-grid,.a-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--gap);align-items:center;padding-block:var(--section)}
.oc-hero-copy,.p-hero-copy,.a-hero-copy{position:relative}
.oc-hero p,.a-hero p,.l-hero p{color:var(--muted);max-width:44ch}
.ex-band,.artist-banner,.oc-strip,.p-band,.l-band,.a-strip{background:var(--lime);color:var(--ink);padding:1.5rem var(--gutter);font-size:clamp(1.125rem,2.2vw,2rem);font-weight:700;line-height:1.35}
.ex-band span,.artist-banner span,.p-band strong,.l-band strong,.a-strip strong{display:block}
.ex-band .zln-container,.artist-banner .zln-container,.p-band .p-wrap,.l-band .l-wrap,.a-strip .a-wrap{width:100%}
.oc-strip{text-align:center}
.ex-section,.editorial-artists,.oc-section,.p-section,.p-spaces,.p-process,.l-section,.l-city,.l-upcoming,.a-section,.featured,.why,.how,.artists{padding:var(--section) 0}
.ex-next,.join,.oc-cta,.p-cta{padding:var(--section) 0}
.ex-feature,.featured-grid,.l-city-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);margin-top:2rem}
.ex-feature-copy,.featured-copy,.l-city-copy{padding:clamp(1.5rem,3vw,3rem);background:var(--paper);color:var(--ink)}
.featured-copy{padding-left:0}
.l-city-copy{background:var(--lime)}
.featured,.how,.ex-next,.oc-price,.oc-terms,.p-spaces,.l-city,.l-upcoming,.a-mission,.a-vision{background:var(--paper);color:var(--ink)}
.join,.oc-cta,.p-cta,.a-connect,.bottom{background:var(--lime);color:var(--ink)}
.ex-about,.ex-next-grid,.join-grid,.oc-intro,.oc-price-grid,.oc-terms-grid,.oc-cta-grid,.p-intro,.p-cta-grid,.l-intro,.l-info,.l-upcoming-grid,.a-mission-grid,.a-vision-grid,.a-connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:start}
.ex-about,.ex-next-grid,.join-grid,.oc-price-grid,.oc-cta-grid,.p-cta-grid,.l-info,.l-upcoming-grid,.a-vision-grid,.a-connect-grid{align-items:center}
.ex-meta,.oc-includes,.p-benefits,.p-steps,.a-values,.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem}
.ex-meta article,.oc-benefit,.p-benefit,.a-value,.benefits article{border-top:1px solid var(--line);padding:1.5rem 0}
.oc-benefit span,.p-benefit>strong,.a-value>span,.oc-step>strong,.p-step>strong,.benefits strong{color:var(--lime);font-size:1.75rem;line-height:1}
.ex-meta span{color:var(--lime);font-size:var(--small)}
.artist-cards,.artist-grid,.p-spaces-grid,.l-types,.oc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:2rem}
.artist-card,.artist{border:1px solid var(--line);background:#151515}
.artist-details,.artist>footer{padding:1.25rem;background:var(--paper);color:var(--ink);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:var(--small)}
.artist-footnote,.artist-note{color:var(--muted);font-size:var(--small);max-width:75ch}
.art-preview,.art-slot{aspect-ratio:4/5;min-height:15rem;background:#181916;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;color:var(--paper);border:1px solid var(--line)}
.art-slot .slot-index{font-size:var(--small);color:var(--lime);letter-spacing:.1em}
.art-slot .slot-title{font:700 clamp(1.75rem,3vw,3rem)/1.15 var(--display);letter-spacing:-.03em}
.art-slot .slot-note{font-size:var(--small);line-height:1.6;color:var(--muted)}
.oc-hero-art,.p-visual,.a-hero-art,.ex-feature-art{aspect-ratio:4/5;width:100%;max-height:40rem}
.ex-feature-art{aspect-ratio:auto;height:100%;min-height:25rem}
.ex-visual,.a-vision-art{padding:var(--gap);background:var(--lime);color:var(--ink);min-height:22rem;display:flex;align-items:center}
.ex-visual span,.a-vision-art span{font:700 clamp(2rem,4vw,4.5rem)/1.1 var(--sans);letter-spacing:-.05em}
.ex-next-box,.oc-cta-card,.p-cta-box,.l-info-card,.l-cta{padding:clamp(1.5rem,3vw,3rem);border:1px solid currentColor}
.ex-next-box{background:var(--lime)}
.ex-next-box strong,.l-info-card strong,.l-cta strong{font-size:var(--h3);line-height:1.3}
.l-cta{background:var(--ink);color:var(--paper)}
.l-cta a{margin-top:1.5rem}
.p-space,.l-type{min-height:16rem;padding:1.5rem;background:#171815;color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line)}
.p-space span,.l-type span{font-size:var(--small);color:var(--lime)}
.p-process,.oc-process,.a-manifesto{background:#141510}
.oc-step,.p-step{border-top:2px solid var(--lime);padding-top:1.5rem}
.oc-note{font-size:var(--small);color:#51514c}
.oc-number{font:700 clamp(4rem,10vw,9rem)/1.1 var(--sans);letter-spacing:-.07em}
.oc-number small{font-size:.35em}
.oc-disabled{display:inline-flex;padding:1rem 1.5rem;background:var(--ink);color:var(--paper);font-size:.875rem;line-height:1.5}
.symbol{font-size:3rem}
.a-links{display:grid;gap:1rem}
.l-city-image,.featured-img,.whyimage,.open-image{position:relative;min-height:24rem}
.l-city-image img,.featured-img img,.whyimage img,.open-image img{height:100%;position:absolute;inset:0;object-fit:cover}
.l-image-label,.featured-caption{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;padding:1rem;background:#080808e8;color:var(--paper);font-size:var(--small);line-height:1.5}
.whygrid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:var(--gap)}
.whylist p{border-bottom:1px solid var(--line);padding-bottom:1rem;font-size:.9375rem}
.whylist b{color:var(--lime);margin-right:.5rem}
.howgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.howgrid>div:first-child{grid-column:1/-1;max-width:48rem}
.step img{height:auto;aspect-ratio:4/3;margin-top:1rem}
.number{font-size:var(--small);font-weight:700}
.artist>img{aspect-ratio:4/5}
.split,.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:var(--content);margin-inline:auto}
.split{padding-inline:var(--gutter)}
.split article{padding:var(--gap);border-top:1px solid var(--line)}
.split a{display:inline-flex;align-items:center;min-height:48px;color:var(--lime)}
.open{background:var(--paper);color:var(--ink);margin-block:var(--section)}
.open-copy{padding:var(--gap)}
.bottom{padding-block:2rem}
.bottom .wrap{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.empty-directory{margin-top:2rem;padding:var(--gap);border:1px solid var(--line)}
@media(min-width:1921px){:root{--content:112rem;--section:7rem}.hero,.l-hero{min-height:46rem}.hero-bg{background-position:80% 45%}.hero-content{padding-block:2rem}}
@media(max-width:1100px){.artist-cards,.artist-grid,.p-spaces-grid,.l-types,.oc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.whygrid{grid-template-columns:1fr 1fr}.whylist{grid-column:1/-1}.header-inner{gap:1rem}.zln-nav{gap:.2rem}.zln-nav a{font-size:.8125rem}}
@media(max-width:900px){.header-inner{flex-wrap:wrap}.zln-menu{display:block}.zln-nav{width:100%;flex-direction:column;align-items:stretch;gap:0}.zln-header[data-enhanced] .zln-nav:not(.open){display:none}.zln-nav a{font-size:1rem;padding:.8rem 0;border-top:1px solid var(--line)}.oc-hero-grid,.p-hero-grid,.a-hero-grid{grid-template-columns:1fr}.oc-hero-art,.p-visual,.a-hero-art{aspect-ratio:16/9;max-height:none;min-height:19rem}.ex-feature,.featured-grid,.l-city-grid{grid-template-columns:1fr}.ex-feature-art{aspect-ratio:16/9;min-height:20rem}.ex-about,.ex-next-grid,.join-grid,.oc-intro,.oc-price-grid,.oc-terms-grid,.oc-cta-grid,.p-intro,.p-cta-grid,.l-intro,.l-info,.l-upcoming-grid,.a-mission-grid,.a-vision-grid,.a-connect-grid{grid-template-columns:1fr}.oc-includes,.p-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-tag{position:static;display:table;margin:2rem var(--gutter) 0}.hero-tag br{display:none}.hero-bg{background-position:65% center}.hero{background:#080808}.hero-bg{opacity:.65}.featured-copy{padding:1.5rem 0}.ex-hero-grid{grid-template-columns:1fr}.ex-hero-side{justify-self:start}.bottom .wrap{flex-wrap:wrap}}
@media(max-width:600px){.artist-cards,.artist-grid,.p-spaces-grid,.l-types,.oc-steps,.oc-includes,.p-benefits,.p-steps,.a-values,.benefits,.ex-meta,.whygrid,.howgrid,.split,.open{grid-template-columns:1fr}.whylist{grid-column:auto}.split{padding-inline:0}.hero-content .label{max-width:34ch}.hero-content p br{display:none}.hero-tag{font-size:var(--small)}.ex-hero-side{padding-left:1rem}.l-city-image,.featured-img,.whyimage,.open-image{min-height:19rem}.open-image{aspect-ratio:4/3}.oc-hero-art,.p-visual,.a-hero-art{aspect-ratio:4/3;min-height:17rem}.ex-feature-art{min-height:20rem}.art-slot .slot-title{font-size:2rem}.zln-footer-top,.zln-footer-bottom{align-items:flex-start;flex-direction:column}.artist-banner,.ex-band,.p-band,.l-band,.a-strip{font-size:1.125rem}.p-space,.l-type{min-height:12rem}}
@media(max-width:360px){:root{--h1:2rem;--h2:1.65rem}.hero .buttons>*{width:100%}.header-inner{gap:.5rem}.zln-logo{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep portrait media within the mobile grid track. */
.open-image{width:100%;max-width:100%}
@media(max-width:600px){.open-image{aspect-ratio:auto}}

.hero-tag br:after{content:" "}
.photo-panel{position:relative;padding:0;overflow:hidden;aspect-ratio:4/5;min-height:22rem;background:#171815}.photo-panel img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:65% center}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:#080808e8;color:var(--paper);font-size:var(--small);line-height:1.5}.step .art-slot{aspect-ratio:4/3;min-height:18rem;margin-top:1rem}.hero-tag{word-spacing:.15em}.art-slot{height:auto}.photo-credit{font-size:var(--small);color:var(--muted)}
@media(max-width:900px){.photo-panel{aspect-ratio:16/9;min-height:20rem}}
@media(max-width:600px){.hero-bg,.l-hero:before{background-image:linear-gradient(90deg,#080808ed,#08080899),url(../images/budapest-640.webp)}.photo-panel{aspect-ratio:4/3}}

/* Explicit track width prevents aspect-ratio minimum sizes widening grids. */
.art-slot{width:100%;max-width:100%}.step .art-slot{aspect-ratio:auto}

.featured-img.art-slot{aspect-ratio:auto;min-height:24rem}.step img{height:18rem;object-fit:cover}

/* =====================================================
   ZLN GALLERY - UNIFIED FULL IMAGE HERO V1
   Shared temporary artwork.
   Image replacements can be made per page later.
   ===================================================== */

:root {
  --hero-home: url("../images/budapest-2400.webp");
  --hero-exhibitions: url("../images/budapest-2400.webp");
  --hero-artists: url("../images/budapest-2400.webp");
  --hero-open-call: url("../images/budapest-2400.webp");
  --hero-partners: url("../images/budapest-2400.webp");
  --hero-locations: url("../images/budapest-2400.webp");
  --hero-about: url("../images/budapest-2400.webp");

  --hero-overlay: linear-gradient(
    90deg,
    rgba(0,0,0,.94) 0%,
    rgba(0,0,0,.82) 35%,
    rgba(0,0,0,.45) 72%,
    rgba(0,0,0,.30) 100%
  );
}

/* Common hero foundations */

body .hero,
body .ex-hero,
body .artist-intro,
body .oc-hero,
body .p-hero,
body .l-hero,
body .a-hero {
  position: relative;
  isolation: isolate;
  color: #f3f3ef;
  background-color: #080808;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: clamp(540px, 68vh, 900px);
  display: flex;
  align-items: center;
  overflow: hidden;
}

/* Independent image variables for each page */

body .hero {
  background-image: var(--hero-overlay), var(--hero-home);
}

body .ex-hero {
  background-image: var(--hero-overlay), var(--hero-exhibitions);
}

body .artist-intro {
  background-image: var(--hero-overlay), var(--hero-artists);
}

body .oc-hero {
  background-image: var(--hero-overlay), var(--hero-open-call);
}

body .p-hero {
  background-image: var(--hero-overlay), var(--hero-partners);
}

body .l-hero {
  background-image: var(--hero-overlay), var(--hero-locations);
}

body .a-hero {
  background-image: var(--hero-overlay), var(--hero-about);
}

/* Disable previous separate hero background layers */

body .hero-bg,
body .l-hero::before {
  display: none;
}

/* Make former split layouts full width */

body .ex-hero-grid,
body .oc-hero-grid,
body .p-hero-grid,
body .a-hero-grid {
  display: block;
  width: 100%;
  min-height: 0;
}

body .ex-hero-grid > div:first-child,
body .oc-hero-copy,
body .p-hero-copy,
body .a-hero-copy {
  width: 100%;
  max-width: 900px;
  padding-left: 0;
  padding-right: 0;
}

/* Former standalone images no longer occupy half the hero */

body .oc-hero-art,
body .p-visual,
body .a-hero-art {
  display: none;
}

/* Preserve side information in the Exhibitions hero */

body .ex-hero-side {
  margin-top: 28px;
  margin-left: 0;
  justify-self: start;
  border-color: #d6ff00;
}

/* All hero text must remain readable */

body .ex-hero p,
body .artist-intro p,
body .oc-hero p,
body .p-hero p,
body .l-hero p,
body .a-hero p {
  color: #e1e1dc;
}

/* Hero text and controls above background */

body .hero > *,
body .ex-hero > *,
body .artist-intro > *,
body .oc-hero > *,
body .p-hero > *,
body .l-hero > *,
body .a-hero > * {
  position: relative;
  z-index: 1;
}

/* Make sure background fills wide displays */

@media (min-width: 1921px) {
  body .hero,
  body .ex-hero,
  body .artist-intro,
  body .oc-hero,
  body .p-hero,
  body .l-hero,
  body .a-hero {
    min-height: min(75vh, 1050px);
    background-position: center 45%;
  }
}

/* Mobile and tablet hero refinements */

@media (max-width: 900px) {
  body .hero,
  body .ex-hero,
  body .artist-intro,
  body .oc-hero,
  body .p-hero,
  body .l-hero,
  body .a-hero {
    min-height: 560px;
    height: auto;
    background-position: 62% center;
  }

  body .ex-hero-grid,
  body .oc-hero-grid,
  body .p-hero-grid,
  body .a-hero-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  body .hero,
  body .ex-hero,
  body .artist-intro,
  body .oc-hero,
  body .p-hero,
  body .l-hero,
  body .a-hero {
    min-height: 520px;
    background-position: 64% center;
  }

  body .hero-content,
  body .ex-hero-grid,
  body .oc-hero-copy,
  body .p-hero-copy,
  body .a-hero-copy {
    max-width: 100%;
  }

  :root {
    --hero-overlay: linear-gradient(
      90deg,
      rgba(0,0,0,.92),
      rgba(0,0,0,.63)
    );
  }
}

/* END ZLN UNIFIED FULL IMAGE HERO V1 */

/* ==========================================
   ZLN GALLERY MOBILE MENU — PREMIUM V1
   ========================================== */

@media (max-width: 900px) {

  .zln-header {
    background: #080808;
  }

  .zln-header .zln-nav.open {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: #080808;
    color: #f3f3ef;
  }

  .zln-header .zln-nav.open a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 64px;
    padding: 14px 4px;
    background: transparent;
    color: #f3f3ef;
    border: 0;
    border-bottom: 1px solid #303030;
    font-size: clamp(23px, 5vw, 32px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -0.045em;
    text-decoration: none;
    transition: color .18s ease, padding-left .18s ease;
  }

  .zln-header .zln-nav.open a:hover,
  .zln-header .zln-nav.open a:focus-visible,
  .zln-header .zln-nav.open a[aria-current="page"] {
    color: #d6ff00;
    background: transparent;
  }

  .zln-header .zln-nav.open a:focus-visible {
    outline: 2px solid #d6ff00;
    outline-offset: -2px;
  }

  .zln-header .zln-nav.open a:last-child {
    border-bottom: 0;
  }

  .zln-header .zln-menu {
    min-width: 70px;
    min-height: 44px;
    border: 1px solid #454545;
    background: #080808;
    color: #f3f3ef;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
  }
}

@media (hover: hover) and (max-width: 900px) {
  .zln-header .zln-nav.open a:hover {
    padding-left: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zln-header .zln-nav.open a {
    transition: none;
  }
}

/* END ZLN GALLERY MOBILE MENU PREMIUM V1 */

/* =========================================
   ZLN INDEX HERO ALIGNMENT FIX V1
   ========================================= */

/* Match the horizontal spacing of other pages */
body .hero .hero-content {
  box-sizing: border-box;
  width: min(100% - 2 * var(--gutter, 4%), var(--content, 1440px));
  margin-inline: auto;
  padding-inline: 0;
}

/* Prevent unwanted edge alignment on mobile */
@media (max-width: 900px) {
  body .hero .hero-content {
    width: calc(100% - 40px);
    margin-inline: auto;
    padding-inline: 0;
  }
}

@media (max-width: 600px) {
  body .hero .hero-content {
    width: calc(100% - 40px);
    margin-inline: auto;
    padding-inline: 0;
  }
}

/* END ZLN INDEX HERO ALIGNMENT FIX V1 */

/* ZLN INDEX HERO SAFE PADDING V3 */

body .hero .hero-content {
  padding-left: clamp(20px, 3vw, 60px) !important;
  padding-right: clamp(20px, 3vw, 60px) !important;
}

/* END ZLN INDEX HERO SAFE PADDING V3 */



/* ZLN_ARTIST_CATALOG_V1 */
.zln-art-catalog {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:0;
  margin-top:2rem;
  align-items:start;
}

.zln-art-entry {
  min-width:0;
  position:relative;
}

.zln-art-entry-large {
  grid-column:1 / span 4;
  grid-row:1;
  z-index:1;
}

.zln-art-entry-tall {
  grid-column:5 / span 4;
  grid-row:1;
  margin-left:-1px;
  margin-top:46px;
  z-index:2;
}

.zln-art-entry:nth-child(3) {
  grid-column:9 / span 4;
  grid-row:1;
  margin-left:-1px;
  margin-top:18px;
  z-index:1;
}

.zln-art-entry:nth-child(4) {
  grid-column:6 / span 4;
  grid-row:2;
  margin-left:-1px;
  margin-top:-44px;
  z-index:3;
}

.zln-art-visual {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:6/5;
  overflow:hidden;
  isolation:isolate;
  border:1px solid #40403c;
  background:#1d1d1b;
}

.zln-art-entry-large .zln-art-visual {
  aspect-ratio:5/6;
  background:#22231d;
}

.zln-art-entry-tall .zln-art-visual {
  aspect-ratio:6/7;
  background:#161a16;
}

.zln-art-entry:nth-child(3) .zln-art-visual {
  aspect-ratio:6/5;
  background:#222020;
}

.zln-art-entry:nth-child(4) .zln-art-visual {
  aspect-ratio:6/5;
  background:#1b1b24;
}

.zln-art-visual:before {
  content:"";
  position:absolute;
  width:68%;
  aspect-ratio:1;
  border:1px solid rgba(214,255,0,.24);
  border-radius:50%;
  transform:rotate(-25deg) scaleX(1.35);
}

.zln-art-visual:after {
  content:"";
  position:absolute;
  height:1px;
  width:140%;
  background:rgba(214,255,0,.18);
  transform:rotate(-33deg);
}

.zln-art-corner,
.zln-art-watermark {
  position:absolute;
  z-index:2;
  color:#d6ff00;
  font-size:clamp(10px,.75vw,12px);
  letter-spacing:.1em;
  font-weight:700;
}

.zln-art-corner { top:20px; left:20px; }

.zln-art-watermark {
  bottom:18px;
  left:20px;
  color:#d8d8d2;
}

.zln-art-symbol {
  color:#d6ff00;
  font-size:clamp(64px,10vw,150px);
  line-height:1;
  font-weight:800;
  letter-spacing:-.1em;
  z-index:1;
}

.zln-art-symbol span {
  font-size:clamp(11px,1vw,16px);
  letter-spacing:0;
  vertical-align:top;
}

.zln-art-caption {
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:14px 0 18px;
  border-top:2px solid #d6ff00;
  margin-top:8px;
}

.zln-art-overline {
  color:#d6ff00;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
}

.zln-art-caption h3 {
  font-size:clamp(20px,2.1vw,30px);
  letter-spacing:-.045em;
  line-height:1.04;
  margin:8px 0;
  color:#f4f3ed;
}

.zln-art-caption p {
  margin:0;
  color:#b4b4af;
  font-size:13px;
}

.zln-art-index {
  font-size:12px;
  color:#aaa;
}

@media (max-width: 1100px) {
  .zln-art-catalog {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
  }

  .zln-art-entry-large,
  .zln-art-entry-tall,
  .zln-art-entry:nth-child(3),
  .zln-art-entry:nth-child(4) {
    grid-column:auto;
    grid-row:auto;
    margin:0;
  }

  .zln-art-entry:nth-child(2),
  .zln-art-entry:nth-child(4) {
    margin-left:-1px;
  }

  .zln-art-entry:nth-child(3),
  .zln-art-entry:nth-child(4) {
    margin-top:-1px;
  }

  .zln-art-entry-large .zln-art-visual,
  .zln-art-entry-tall .zln-art-visual,
  .zln-art-entry:nth-child(3) .zln-art-visual,
  .zln-art-entry:nth-child(4) .zln-art-visual {
    aspect-ratio:5/6;
  }
}

@media (max-width: 700px) {
  .zln-art-catalog {
    grid-template-columns:1fr;
  }

  .zln-art-entry:nth-child(2),
  .zln-art-entry:nth-child(3),
  .zln-art-entry:nth-child(4) {
    margin:0;
  }

  .zln-art-entry + .zln-art-entry {
    margin-top:18px;
  }

  .zln-art-entry-large .zln-art-visual,
  .zln-art-entry-tall .zln-art-visual,
  .zln-art-entry:nth-child(3) .zln-art-visual,
  .zln-art-entry:nth-child(4) .zln-art-visual {
    aspect-ratio:4/5;
  }

  .zln-art-symbol {
    font-size:clamp(88px,24vw,150px);
  }
}
