/* A measured exhibition: readable labels, deliberate entries, photographic continuity. */
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:180ms}
::view-transition-group(eli-artwork){animation-duration:440ms;animation-timing-function:cubic-bezier(.22,.61,.36,1)}
::view-transition-old(eli-artwork),::view-transition-new(eli-artwork){height:100%;object-fit:contain;mix-blend-mode:normal}
.home-wall-descriptor,.piece-description{color:#bdbdb5;font-size:16px;line-height:1.65}
.home-wall-category,.piece-meta,.artwork-meta{color:#b3b4ac;font-size:14px;line-height:1.6}
.home-wall-action .link,.view-artwork,.artwork-story .link{font-size:14px;color:var(--ink);text-underline-offset:7px}
.link,.view-artwork{transition:color 200ms ease,border-color 200ms ease}
.link:hover,.view-artwork:hover{border-color:var(--ink)}
.home-wall-caption{padding-top:26px;gap:28px}
.home-wall-caption .home-wall-descriptor{max-width:580px}
.home-tagline{padding-block:64px 72px}
.home-tagline p{max-width:900px;margin-inline:auto;line-height:1.5}
.home-closing{padding-block:52px 64px}
.home-closing h2{font-size:clamp(28px,3vw,42px);line-height:1.3}
.collection-page>.page-head{margin-bottom:30px;padding-top:0}
.collection-page>.collection-nav{margin-top:0;margin-bottom:28px;padding-block:10px}
.collection-page>.page-head h1{font-size:clamp(38px,4vw,56px);margin-bottom:12px}
.collection-page>.page-head p{margin-block:8px;line-height:1.6}
/* Four exhibition entrances, one reading grid. */
body.work-index .work-page .work-row{display:grid;grid-template-columns:170px minmax(0,1fr) 24px;gap:32px;padding-block:18px;min-height:132px}
body.work-index .work-row-image{width:170px;height:104px;display:flex;align-items:center;justify-content:center}
body.work-index .work-row-image picture{display:block;width:100%;height:100%}
body.work-index .work-row-image img{width:100%;height:100%;object-fit:contain}
body.work-index .work-page .work-row h2{font-size:clamp(38px,4.5svh,54px);color:var(--ink)}
body.work-index .work-page .work-descriptor{font-size:14px;color:#b9bab2;line-height:1.5}
body.work-index .work-page .work-curatorial{font-size:15px;line-height:1.55;color:#b9bab2}
.work-page .work-row:focus-visible{outline:1px solid var(--ink);outline-offset:6px}
.work-page .work-row:hover .work-arrow{transform:translateX(4px)}
html[lang=he] .work-page .work-row:hover .work-arrow{transform:translateX(-4px)}
/* The room arrives early; the palette remains an architectural discovery tool. */
.interiors-page .interiors-intro{width:min(1040px,calc(100% - 48px));max-width:1040px;display:block;padding:52px 0 42px;text-align:center}
.interiors-page .interiors-intro h1{font-size:clamp(32px,3.2vw,46px);line-height:1.25;margin:0 0 16px;white-space:normal}
.interiors-page .interiors-intro .lead{font-size:clamp(23px,2.3vw,31px);line-height:1.45;margin:0 0 22px;white-space:normal}
.interiors-page .interiors-intro .interior-supporting{max-width:920px;margin-inline:auto}
.interiors-page .interiors-intro-copy p,.interiors-page .interiors-architecture{font-size:16px;line-height:1.65;margin:0 auto 10px;max-width:920px;color:#bdbdb5;white-space:normal}
.interiors-intro-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 32px;margin-top:22px}
.interiors-intro-actions .link{margin:0;font-size:14px}
.interiors-page .interior-caption{padding-block:26px 32px}
.interiors-page .interior-caption .interior-description{color:#bdbdb5}
.interiors-page .interiors-closing{padding-block:44px 54px}
.interiors-page .interiors-closing h2{font-size:clamp(30px,3vw,42px)}
@media(max-width:760px){
 .home-wall-caption{padding-top:22px;gap:18px}
 .home-wall-descriptor,.piece-description{font-size:16px;line-height:1.65}
 .home-tagline{padding:36px 24px 44px}
 .home-tagline p{font-size:clamp(23px,6vw,29px)}
 .home-closing{padding-block:36px 44px}
 .collection-page>.collection-nav{margin-bottom:18px;padding-block:8px}
 .collection-page>.page-head{margin-bottom:24px}
 .collection-page>.page-head h1{font-size:36px}
 body.work-index .work-page .work-row{grid-template-columns:76px minmax(0,1fr) 16px;gap:14px;min-height:120px;padding-block:16px}
 body.work-index .work-row-image{width:76px;height:76px}
 body.work-index .work-page .work-row h2{font-size:32px}
 body.work-index .work-page .work-descriptor{font-size:13px;line-height:1.45}
 body.work-index .work-page .work-curatorial{font-size:14px;line-height:1.5}
 .interiors-page .interiors-intro{padding:34px 0 30px}
 .interiors-page .interiors-intro h1{font-size:32px;margin-bottom:14px}
 .interiors-page .interiors-intro .lead{font-size:24px;margin-bottom:18px}
 .interiors-page .interiors-intro-copy p,.interiors-page .interiors-architecture{font-size:16px;line-height:1.65}
 .interiors-intro-actions{gap:16px 24px;margin-top:20px}
 .interiors-page .interior-caption{padding-block:24px 28px}
}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
 .link,.view-artwork,.work-page .work-row,.work-page .work-arrow{transition:none}
 .work-page .work-row:hover .work-arrow{transform:none!important}
 html{scroll-behavior:auto}
}

/* The home page reads in chapters, with two intentional editorial pauses. */
.home-opening{padding-bottom:64px}
.home-chapter-first .home-wall,.home-chapter-second .home-wall{margin-bottom:0}
.home-interlude{box-sizing:border-box}
.home-closing.home-interlude{width:min(760px,calc(100% - 48px));max-width:760px;padding:72px 0 88px;margin-inline:auto}
.home-closing.home-interlude h2{max-width:720px;margin:0 auto 20px;font-size:clamp(29px,3vw,44px);line-height:1.35;letter-spacing:0}
.home-closing.home-interlude p{max-width:600px;margin:0 auto 24px;line-height:1.7;color:#bdbdb5}
.home-tagline.home-interlude{width:min(100%,1100px);padding:80px 24px 88px;margin-inline:auto}
.home-tagline.home-interlude p{font:400 clamp(27px,3.2vw,46px)/1.55 var(--serif);text-align:center;margin:0}
.home-statement-phrase{display:inline-block}
.home-wall-action .link,.home-interlude .link{position:relative;text-decoration:none;border-bottom:0;padding-bottom:7px;background-image:linear-gradient(currentColor,currentColor);background-position:100% 100%;background-size:100% 1px;background-repeat:no-repeat;transition:background-size 260ms ease,color 260ms ease}
.home-wall-action .link:hover,.home-interlude .link:hover{background-size:36% 1px}
html[lang=en] .home-wall-action .link,html[lang=en] .home-interlude .link{background-position:0 100%}
@media(prefers-reduced-motion:no-preference){
 .artwork-fullscreen[open]{animation:eli-viewer-in 220ms ease-out}
 @keyframes eli-viewer-in{from{opacity:0}to{opacity:1}}
}
@media(max-width:760px){
 .home-opening{padding-bottom:52px}
 .home-closing.home-interlude{padding:48px 0 56px}
 .home-closing.home-interlude h2{font-size:29px;line-height:1.4}
 .home-tagline.home-interlude{padding:48px 24px 56px}
 .home-tagline.home-interlude p{font-size:clamp(25px,6.4vw,30px);line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.home-wall-action .link,.home-interlude .link{transition:none}}


/* One shared viewing wall for every home artwork, independent of its aspect ratio. */
.home-wall{width:calc(100% - 48px);max-width:none;margin-inline:auto;margin-bottom:56px;--home-image-height:calc(100svh - var(--header-height) - 24px)}
.home-wall-frame{position:relative;width:100%;height:var(--home-image-height);isolation:isolate}
.home-wall .home-wall-visual{display:block;width:100%;height:100%;max-height:none;margin:0;aspect-ratio:auto}
.home-wall-visual picture,.home-wall-visual img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.home-wall-caption{width:100%;box-sizing:border-box;padding-top:24px;max-width:none;margin-inline:auto}
.home-wall-expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;background:var(--paper);color:var(--ink);border:0;opacity:.7;transition:opacity 200ms ease;cursor:zoom-in}
.home-wall-expand:hover,.home-wall-expand:focus-visible{opacity:1}
.home-opening{padding-top:calc(var(--header-height) + 12px);padding-bottom:56px}
.home-chapter-remaining .home-wall:last-child{margin-bottom:36px}
@media(max-width:760px) and (orientation:portrait){
 .home-wall{width:calc(100% - 32px);margin-bottom:48px}
 .home-wall-frame{height:auto;aspect-ratio:var(--home-ratio);max-height:calc(100svh - var(--header-height) - 24px)}
 .home-opening{padding-top:calc(var(--header-height) + 16px);padding-bottom:48px}
 .home-wall-caption{padding-top:22px}
 .home-wall-expand{right:4px;bottom:4px}
}
@media(orientation:landscape) and (max-height:600px){
 .home-wall{width:calc(100% - 24px);--home-image-height:calc(100svh - var(--header-height) - 16px)}
 .home-wall-frame{height:var(--home-image-height);aspect-ratio:auto}
 .home-wall-caption{padding-top:20px;padding-inline:12px}
 .home-opening{padding-top:calc(var(--header-height) + 8px);padding-bottom:40px}
 .home-wall-expand{right:4px;bottom:4px}
}
@media(prefers-reduced-motion:reduce){.home-wall-expand{transition:none}}

.home-resolution{width:min(800px,calc(100% - 48px));margin-inline:auto;padding:48px 0 64px;text-align:center}
.home-resolution h2{font:400 clamp(28px,3vw,38px)/1.4 var(--serif);margin:0 0 18px}
.home-resolution p{font-size:16px;line-height:1.7;color:#bdbdb5;max-width:660px;margin:0 auto 24px}
.home-resolution>div{display:flex;justify-content:center;gap:16px 32px;flex-wrap:wrap}
.home-resolution .link{margin:0}
@media(max-width:760px){.home-resolution{padding:32px 0 44px}.home-resolution h2{font-size:28px}}

/* Explicit mobile landscape viewing; CSS fallback also supports browsers without orientation locking. */
.home-landscape{display:none}
@media (hover:none) and (pointer:coarse),(max-width:760px){
.home-landscape{display:flex;align-items:center;gap:8px;position:absolute;bottom:12px;left:12px;min-height:44px;padding:8px 12px;border:0;background:rgba(11,13,12,.75);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}
}
@media (orientation:portrait){
.artwork-fullscreen.landscape-view picture{position:absolute;width:100dvh;height:100vw;max-width:none;max-height:none;flex:none;transform:rotate(90deg)}
.artwork-fullscreen.landscape-view img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
}

/* A stable caption rail follows the exact contained artwork width. */
.home-wall-caption{width:min(100%,calc(var(--home-image-height) * var(--home-ratio)));display:block;text-align:start}
.home-wall-identity{width:100%;max-width:none}
.home-wall-identity h2{margin:0 0 8px}
.home-wall-identity .home-title-he{margin:0 0 10px}
.home-wall-identity .home-wall-category{margin:0 0 14px}
.home-wall-identity .home-wall-descriptor{max-width:680px;margin:0}
.home-wall-action{margin-top:18px;text-align:start}
.home-wall-visual,.home-wall-visual img{transform:none;transition:none}
html{scroll-behavior:auto}
@media(max-width:760px) and (orientation:portrait){.home-wall-caption{width:100%}}

/* WORK uses the same viewport-sized viewing wall as HOME. */
.exhibition{padding-inline:24px}
.exhibition .piece,.exhibition .piece.landscape,.exhibition .piece.portrait{width:100%;max-width:none;margin:0 auto 56px;--gallery-image-height:calc(100svh - var(--header-height) - 24px)}
.gallery-wall-frame{position:relative;width:100%;height:var(--gallery-image-height)}
.exhibition .gallery-wall-frame>.visual,.exhibition .gallery-wall-frame picture{display:block;width:100%;height:100%;margin:0;max-height:none}
.exhibition .gallery-wall-frame img{display:block;width:100%;height:100%;max-height:100%;max-width:100%;object-fit:contain;object-position:center;margin:0}
.exhibition .piece-info{display:block;width:min(100%,calc(var(--gallery-image-height) * var(--piece-ratio)));padding:24px 0 0;margin-inline:auto}
.piece-info h2{font-size:clamp(30px,3vw,48px);margin:0 0 8px}
.piece-info .piece-title-he{margin:0 0 10px}
.piece-info .piece-meta{margin:0 0 14px}
.piece-info .piece-description{max-width:680px;margin:0 0 18px}
html[lang=he] .piece-info .piece-support,html[lang=he] .piece-info .piece-support .piece-description,html[lang=he] .piece-info .piece-support .view-artwork{text-align:right}
@media(max-width:760px) and (orientation:portrait){
.exhibition{padding-inline:16px}
.exhibition .piece,.exhibition .piece.landscape,.exhibition .piece.portrait{width:100%;margin-bottom:48px}
.gallery-wall-frame{height:auto;aspect-ratio:var(--piece-ratio);max-height:calc(100svh - var(--header-height) - 24px)}
.exhibition .piece-info{width:100%;padding-top:22px}
.piece-info h2{font-size:clamp(26px,7.2vw,34px)}
}
@media(orientation:landscape) and (max-height:600px){
.exhibition{padding-inline:12px}
.exhibition .piece{--gallery-image-height:calc(100svh - var(--header-height) - 16px)}
.exhibition .piece-info{padding-top:20px}
}

/* Align the artwork destination with its title, not below the whole label. */
@media(min-width:761px){
.home-wall-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:32px}
.home-wall-identity{grid-column:1;grid-row:1}
.home-wall-action{grid-column:2;grid-row:1;margin-top:0;align-self:start;justify-self:end}
.home-wall-action .link{padding-top:4px;margin-top:0}
}

/* Keep page entry stable while locale and runtime data initialize. */
.collection-page{animation:none}