/* Readable catalogue material on the established white interior. */
html[data-belek-view="reader"] {height:auto;overflow-y:auto;}
html[data-belek-view="reader"] body {height:auto;overflow:visible;}
.press-index {max-width:58rem;overflow-wrap:anywhere;}
.press-index section {margin:2rem 0 3rem;}
.press-index ul {list-style:none;padding:0;}
.press-index li {padding:1.2rem 0;border-bottom:1px solid var(--line);}
.press-index li>a {font-size:1.15rem;line-height:1.5;}
.press-meta,.press-note {font-size:.875rem;line-height:1.5;margin:.4rem 0;color:var(--ink-dim);}
/* Biennale guide: upper right; portrait h/8, landscape h/5,
   very wide h/3. The minimum is the guide's 25 mm in CSS pixels. */
.entry {--biennale-height:max(95px,12.5svh);--biennale-top:6.25svh;}
.entry__biennale {position:absolute;z-index:2;top:var(--biennale-top);right:max(12px,calc(var(--biennale-height) * .18));display:block;height:var(--biennale-height);width:auto;margin:0;}
html[data-belek-view="entry"] .entry__img {box-sizing:border-box;padding-top:calc(var(--biennale-top) + var(--biennale-height) + 1.25rem);}
@media(min-aspect-ratio:1/1) {.entry {--biennale-height:max(95px,20svh);--biennale-top:10svh;}}
@media(min-aspect-ratio:2/1) {.entry {--biennale-height:max(95px,33.333svh);--biennale-top:16.667svh;}}
html[data-belek-view="entry"] .entry__artist {font-size:clamp(.875rem,1.4vw,1rem);line-height:1.6;letter-spacing:.16em;margin:0 0 .85rem;}
html[data-belek-view="reader"] .prose {max-width:48rem;font-size:1.125rem;line-height:1.65;min-width:0;overflow-wrap:anywhere;}
.prose p {white-space:pre-line;}
.prose h3 {font-size:1.3rem;line-height:1.4;margin:2.5rem 0 1rem;}
.source-figure {margin:2.5rem 0;break-inside:avoid;}
.source-figure img {display:block;width:100%;height:auto;max-height:85vh;object-fit:contain;object-position:left center;}
.source-figure figcaption {font-size:.875rem;line-height:1.5;margin-top:.75rem;color:var(--ink-dim);}
.source-figure a {display:block;}
.source-figure__open {cursor:zoom-in;}
.image-viewer {box-sizing:border-box;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;border:0;padding:max(.75rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#fff;color:#111;}
.image-viewer[open] {display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.75rem;}
.image-viewer::backdrop {background:#fff;}
html.image-viewer-open,html.image-viewer-open body {overflow:hidden!important;}
.image-viewer__toolbar,.image-viewer__controls {display:flex;align-items:center;gap:.5rem;}
.image-viewer__toolbar {justify-content:space-between;}
.image-viewer__count {font-size:.875rem;}
.image-viewer__controls button {display:grid;place-items:center;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;font:inherit;font-size:1.5rem;cursor:pointer;}
.image-viewer__controls button[hidden] {display:none;}
.image-viewer__stage {min-width:0;min-height:0;display:flex;overflow:hidden;}
.image-viewer__stage img {display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:auto;}
.image-viewer__stage.is-zoomed {display:block;overflow:auto;overscroll-behavior:contain;}
.image-viewer__stage.is-zoomed img {max-width:none;max-height:none;}
.image-viewer__caption {margin:0;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;}
html[data-belek-view="reader"] .prose.prose--plan {max-width:70rem;width:100%;}
.prose--plan > :not(.source-figure) {max-width:48rem;}
.prose--plan .source-figure img {max-height:none;}
/* Exhibition plan: one typographic scale, compact heading and readable work entries. */
html[data-belek-view="reader"] .node:has(.prose--plan) {padding-top:clamp(1.25rem,2.5vw,2.5rem);}
html[data-belek-view="reader"] .node:has(.prose--plan) .node__kicker {margin:1.25rem 0 .4rem;line-height:1.5;letter-spacing:.12em;}
html[data-belek-view="reader"] .node:has(.prose--plan) .node__title {max-width:none;font-size:clamp(2rem,3.2vw,3rem);line-height:1.15;letter-spacing:.005em;}
html[data-belek-view="reader"] .node:has(.prose--plan) .node__grid {margin-top:1rem;gap:0;}
html[data-belek-view="reader"] .prose.prose--plan {font-size:1rem;line-height:1.6;}
html[data-belek-view="reader"] .prose--plan h3 {font-size:1.125rem;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--ink);margin:2rem 0 .75rem;}
html[data-belek-view="reader"] .prose--plan > h3:first-child {font-size:1rem;color:var(--ink-dim);margin:0 0 1.25rem;}
html[data-belek-view="reader"] .prose--plan .source-figure {margin:0 0 2rem;}
html[data-belek-view="reader"] .prose--plan .source-figure figcaption {max-width:48rem;font-size:.875rem;line-height:1.55;letter-spacing:0;margin-top:.75rem;}
html[data-belek-view="reader"] .prose--plan h3:has(a) {font-size:1rem;line-height:1.5;margin:1rem 0 0;padding-top:.75rem;border-top:1px solid var(--line);}
html[data-belek-view="reader"] .prose--plan h3:has(a) a {display:inline-flex;align-items:center;min-height:44px;padding:.25rem 0;text-decoration-thickness:1px;text-underline-offset:.2em;}
html[data-belek-view="reader"] .prose--plan h3:has(a) + p {font-size:1rem;line-height:1.6;margin:.15rem 0 1rem;color:var(--ink-dim);}
html[data-belek-view="reader"] .node:has(.prose--plan) .related {max-width:48rem;margin-top:2.5rem;}
html[data-belek-view="reader"] .node:has(.prose--plan) .related h3 {font-size:1rem;line-height:1.4;letter-spacing:0;text-transform:none;font-weight:400;}
html[data-belek-view="reader"] .node:has(.prose--plan) .permalink {font-size:.875rem;line-height:1.6;}
.source-table {overflow-x:auto;max-width:100%;margin:2rem 0;}
.source-table table {border-collapse:collapse;width:100%;font-size:1rem;min-width:28rem;}
.source-table th,.source-table td {padding:.65rem .8rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;}
.source-table p {margin:0;}
.source-note {scroll-margin-top:8rem;font-size:1rem;padding-bottom:.6rem;}
.note-ref {font-size:.8em;text-decoration:underline;text-underline-offset:.15em;}
.prose .footnotes {border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1rem;}
.prose .footnotes ol {padding-left:1.8rem;}
.prose .footnotes li p {margin:.2rem 0;}
.article-author {font-size:1rem;letter-spacing:.025em;margin:1rem 0 2rem;}
.material-media {max-width:70rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:1.5rem;margin:2rem 0;}
.material-media .source-figure {margin:0;}
.material-media .source-figure img[src*="portrait/"] {max-height:65vh;width:auto;max-width:100%;}
/* Backstage: justified rows of whole photographs on the white interior. Each figure carries its aspect ratio
   in --ar; items grow in proportion to it, so a row shares one height and nothing is cropped. The ::after filler
   keeps the last row from stretching. */
.photo-grid {max-width:70rem;display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0 1rem;padding:0;list-style:none;}
.photo-grid__item {margin:0;min-width:0;flex-grow:calc(var(--ar,1.5) * 100);flex-basis:calc(var(--ar,1.5) * 11rem);}
.photo-grid::after {content:"";flex-grow:100000;flex-basis:0;}
.photo-grid__item a {display:block;cursor:zoom-in;background:var(--ground-2);}
.photo-grid__item img {display:block;width:100%;height:auto;}
.photo-grid__item a:focus-visible {outline:2px solid var(--focus);outline-offset:2px;}
.photo-grid__credit {max-width:70rem;margin:0 0 2rem;font-size:.875rem;line-height:1.5;color:var(--ink-dim);}
@media(max-width:680px) {.photo-grid {gap:.5rem;margin:1.5rem 0 1rem;}.photo-grid__item {flex-basis:calc(var(--ar,1.5) * 7rem);}}
.video-feature {max-width:70rem;margin:2rem 0 3rem;}
.video-feature video {display:block;width:100%;max-height:80vh;background:#000;}
.video-feature figcaption {margin-top:.65rem;font-size:1rem;}
.audio-feature {max-width:48rem;margin:2rem 0;}
.audio-feature audio {display:block;width:100%;}
.audio-duration,.audio-source {font-size:.875rem;line-height:1.5;color:var(--ink-dim);}
.audio-credits {display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.4rem 1.25rem;margin:1.25rem 0;line-height:1.5;}
.audio-credits dt {color:var(--ink-dim);}
.audio-credits dd {margin:0;overflow-wrap:anywhere;}
.project-masthead {display:grid;grid-template-columns:minmax(0,1fr) clamp(110px,14vw,170px);gap:1.75rem 2rem;max-width:70rem;margin:1.5rem 0 2rem;}
.project-masthead__identity {min-width:0;}
.project-masthead .node__kicker:empty {display:none;}
.project-masthead__role {margin:.75rem 0 0;font-size:.875rem;line-height:1.6;color:var(--ink-dim);}
.project-masthead__pavilion {margin:1.25rem 0 .35rem;font-size:1rem;line-height:1.5;}
.project-masthead__exhibition {max-width:35rem;margin:0;font-size:.875rem;line-height:1.6;color:var(--ink-dim);}
.project-masthead__logo {display:block;align-self:start;justify-self:end;width:100%;height:auto;}
.project-masthead__credits {grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.25rem 2rem;margin:0;max-width:48rem;line-height:1.6;}
.project-masthead__credits dt {font-size:.875rem;color:var(--ink-dim);}
.project-masthead__credits dd {margin:.2rem 0 0;overflow-wrap:anywhere;}
.project-masthead a {display:inline-block;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;}
@media(max-width:540px) {.project-masthead {gap:1.5rem 1rem;}.project-masthead__credits {grid-template-columns:minmax(0,1fr);}}
/* Practical information on the white BELEK introduction, from the Biennale pavilion listing. */
.visit-information {max-width:70rem;margin:2rem 0 3rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:1rem;line-height:1.65;}
.visit-information h2 {margin:0 0 1.5rem;font-size:1.25rem;font-weight:400;letter-spacing:.04em;}
.visit-information__grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem 2rem;}
.visit-information h3 {margin:0 0 .5rem;font-size:.875rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);}
.visit-information p {margin:0 0 .75rem;}
.visit-information__hours {display:grid;gap:.5rem;margin:0;}
.visit-information__hours > div {display:flex;flex-wrap:wrap;gap:0 .75rem;justify-content:space-between;}
.visit-information__hours dd {margin:0;white-space:nowrap;}
.visit-information .visit-information__source {margin:1.25rem 0 0;font-size:.875rem;}
.visit-information__source a {display:inline-block;min-height:44px;padding:.5rem 0;text-decoration:underline;text-underline-offset:.2em;}
@media(max-width:680px) {.visit-information__grid {grid-template-columns:minmax(0,1fr);}.visit-information {margin:1.5rem 0 2rem;}}

/* Centre the mobile Biennale mark on the BELEK title (2rem at 1.12 line-height). */
@media(max-width:680px) {.project-masthead__logo {transform:translateY(calc(1.12rem - 50%));}}
.bar__nav {flex-wrap:wrap;align-items:center;}
.bar__brand {padding:.35rem .6rem;}
.foot nav {margin-top:.75rem;font-size:.875rem;line-height:1.8;}
.bar__link,.btn--small {font-size:.875rem;}
.node__grid > .prose {grid-column:1 / -1;}
.plan-legend {display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem;list-style:none;padding:0;}
.plan-legend a {display:block;padding:.75rem 0;border-bottom:1px solid var(--line);}
@media(max-width:680px) {.bar {gap:.5rem;flex-wrap:wrap;}.bar__nav {gap:.75rem;}.bar__tools {margin-left:auto;}.node__title {overflow-wrap:anywhere;}.prose {width:100%;}.source-figure {margin:1.5rem 0;}.bar__link {min-height:44px;display:inline-flex;align-items:center;}}

/* Soft rubber press: a slim rounded rectangular recess and a bright blue label, with no layout shift. */
html[data-belek-view] {--press-blue:#008cf0;}
.press-index li>a {display:inline-block;}
@media (prefers-reduced-motion: no-preference) {
  html:not(.reduce-motion) :is(.btn,.bar__link,.bar__brand,.gallery__item,.related a,.press-index li>a,.list li>a) {
    transition:scale 160ms ease-out,color 160ms ease-out;
  }
  html:not(.reduce-motion) :is(.btn,.bar__link,.bar__brand,.gallery__item,.related a,.press-index li>a,.list li>a):active {
    scale:.99;
  }
}
/* The recessed surface stays inside the hit area and never covers neighbouring labels. */
html[data-belek-view] body :is(a[href],button):not(.n):not(.skip):not(:has(img,svg)) {
  position:relative;isolation:isolate;-webkit-tap-highlight-color:transparent;
}
html[data-belek-view] body :is(a[href],button):not(.n):not(.skip):not(:has(img,svg))::before {
  content:"";position:absolute;inset:16% 0;border-radius:.6rem;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse at 50% 42%,rgba(115,145,165,.035),transparent 74%);
  box-shadow:inset 0 1.5px 3px rgba(70,95,115,.11),inset 0 -1px 2px rgba(255,255,255,.95);
  opacity:0;
}
html[data-belek-view] body :is(a[href],button):not(.n):not(.skip):not(:has(img,svg)):not(:disabled):not([aria-disabled="true"]):is(:active,.is-pressed)::before {opacity:1;}
html[data-belek-view="entry"] body .btn--enter::before {
  background:transparent;box-shadow:inset 0 1.5px 3px rgba(0,0,0,.45),inset 0 -1px 2px rgba(255,255,255,.08);
}
html[data-belek-view] :is(.bar__link,.bar__brand) {border-bottom:1px solid transparent;}
html[data-belek-view] :is(.bar__link,.bar__brand)[aria-current="page"] {border-bottom-color:var(--ink);color:var(--ink);}
html[data-belek-view] body :is(a[href],button):not(.n):not(:disabled):not([aria-disabled="true"]):is(:active,.is-pressed) {
  color:var(--press-blue);background-color:transparent;text-decoration-color:currentColor;transition:none;
}
html[data-belek-view] body :is(a[href],button):not(.n):is(:active,.is-pressed) * {color:inherit;}
html[data-belek-view] .graph .n:is(:active,.is-pressed) circle.ring {stroke-width:2;stroke:var(--press-blue);}
html[data-belek-view] .graph .n:is(:active,.is-pressed) .map-label text {fill:var(--press-blue);}
html[data-belek-view] .gallery__item:is(:active,.is-pressed) {border-color:var(--press-blue);}

@media (max-width: 680px) {
  html[data-belek-view] .bar {padding: .25rem max(.5rem, env(safe-area-inset-right)) .25rem max(.5rem, env(safe-area-inset-left));gap: 0 .25rem;}
  html[data-belek-view] .bar__brand {padding:.2rem .2rem;font-size:.85rem;letter-spacing:.12em;}
  html[data-belek-view] .bar__nav {flex:1;gap:0;justify-content:space-between;}
  html[data-belek-view] .bar__link {padding:.2rem .2rem;font-size:.65rem;letter-spacing:.03em;min-width:40px;min-height:44px;justify-content:center;}
  html[data-belek-view] .bar__tools {flex-basis:100%;gap:.4rem;}
  html[data-belek-view] .bar__tools .btn--small {min-height:44px;padding:.25rem .65rem;font-size:.7rem;}
}
/* Seven menu items stay on one row down to 320 px (Backstage added 2026-09-15). */
@media (max-width: 360px) {
  html[data-belek-view] .bar {gap:0 .15rem;}
  html[data-belek-view] .bar__brand {font-size:.78rem;letter-spacing:.08em;padding:.2rem .1rem;}
  html[data-belek-view] .bar__nav {flex-wrap:nowrap;}
  html[data-belek-view] .bar__link {font-size:.58rem;letter-spacing:0;padding:.2rem .1rem;min-width:0;}
}
/* Cover credits: share the viewport with the image and keep a regular, open rhythm. */
html[data-belek-view="entry"] .entry {height:100svh;min-height:100svh;grid-template-rows:minmax(10rem,1fr) auto;}
html[data-belek-view="entry"] .entry__body {
  display:flex;flex-direction:column;align-items:center;gap:clamp(.65rem,2svh,1.25rem);
  padding-top:1.25rem;padding-bottom:max(1.5rem,6svh,env(safe-area-inset-bottom));
}
html[data-belek-view="entry"] .entry__body > * {margin:0;}
html[data-belek-view="entry"] .entry__curator {
  font-size:clamp(.82rem,1.35vw,1rem);font-weight:300;line-height:1.6;letter-spacing:.12em;color:var(--ink-dim);
}
html[data-belek-view="entry"] .entry__curator:empty {display:none;}
html[data-belek-view="entry"] .entry__line2 {line-height:1.7;}
/* Wide covers reserve the logo's side column instead of pushing the image below it. */
@media(min-width:1000px) and (min-aspect-ratio:1/1) {
  html[data-belek-view="entry"] .entry__img {
    padding-top:max(1.5rem,env(safe-area-inset-top));
    padding-right:calc(var(--biennale-height) * 1.07 + 2rem);
    padding-left:calc(var(--biennale-height) * 1.07 + 2rem);
  }
}

/* Short landscape screens: keep the complete entrance within the viewport. */
@media (orientation: landscape) and (max-height: 430px) {
  html[data-belek-view="entry"] .entry {min-height:100svh;grid-template-rows:minmax(80px,1fr) auto; height:100svh;}
  html[data-belek-view="entry"] .entry__img {padding-top:0;padding-right:calc(var(--biennale-height) + 2rem);padding-left:calc(var(--biennale-height) + 2rem);}
  html[data-belek-view="entry"] .entry__body {gap:.3rem;padding:.25rem max(1rem,env(safe-area-inset-right)) max(.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));}
  html[data-belek-view="entry"] .entry__artist {margin:0 0 .2rem;font-size:.8rem;line-height:1.2;}
  html[data-belek-view="entry"] .entry__title {font-size:1.6rem;line-height:1.1;}
  html[data-belek-view="entry"] .entry__curator {font-size:.75rem;line-height:1.2;}
  html[data-belek-view="entry"] .entry__line {margin:.2rem 0;font-size:.75rem;line-height:1.2;}
  html[data-belek-view="entry"] .entry__line2 {margin:.2rem 0;}
  html[data-belek-view="entry"] .entry__hint {margin:.15rem 0 0;font-size:.7rem;}
  html[data-belek-view="entry"] .entry__note {margin:0;min-height:0;}
  html[data-belek-view="entry"] .btn--enter {padding:.25rem 1rem;}
}
