/* Published photographic galleries and passage. */
body:is(.art-version-2, .art-version-3) .ship.section-4 { background: #bfc1c3; }
body:is(.art-version-2, .art-version-3) .ship.section-4::before,
body:is(.art-version-2, .art-version-3) .ship.section-4::after { opacity: 0; }
body:is(.art-version-2, .art-version-3) .ship.section-4 .atmosphere { display: none; }
body:is(.art-version-2, .art-version-3) .ship.section-4 .portrait-underlay { background: none !important; }
body:is(.art-version-2, .art-version-3) .art-hit-map { width: 100vw; }
.art-photo-surfaces { position:absolute; inset:0; overflow:hidden; pointer-events:none; display:none; }
body:is(.art-version-2,.art-version-3) .art-photo-surfaces { display:block; }
.art-photo-surfaces img, .art-photo-ceiling { position:absolute; left:0; top:0; width:1024px; height:1024px; max-width:none; transform-origin:0 0; }
.art-photo-ceiling { background:url(./art-ceiling-shadow-v5.webp) 0 -256px / 1024px 1280px no-repeat; }
.art-preserved-layer { display:none; position:absolute; left:50%; top:50%; width:1280px; height:720px; transform:translate(-50%,-50%) scale(var(--art-scale,1)); pointer-events:none; }
body.art-version-2 .art-preserved-layer[data-room="2"],body.art-version-3 .art-preserved-layer[data-room="3"] { display:block; }
.art-photo-wall { position:absolute; inset:0; background:url('./art-walls-warm-v2.webp') 0 0 / 1280px 720px no-repeat; transform-origin:0 0; }
.art-original { position:absolute; left:0; top:0; max-width:none; transform-origin:0 0; box-shadow:0 3px 6px #0003; }
.art-photographic-ceramics { position:absolute; inset:0; width:1280px; height:720px; max-width:none; transform:scale(.44); transform-origin:50% 100%; }
.art-fixed-bench { position:absolute; inset:0; background:url('./art2-room-photo-v3.webp') 0 0 /1280px 720px no-repeat; clip-path:polygon(46% 65%,54% 65%,58% 83%,58% 93%,43% 93%,43% 83%); transform:translateY(28px) scale(1.06); transform-origin:50% 65%; }
.art-installation-original { position:absolute; left:352px; top:261px; width:576px; height:224px; max-width:none; object-fit:contain; }

/* The original gallery hotspots are reused where the same work appears. */
body.art-version-2 .art-hit-map .art-hotspot:not(:nth-child(1), :nth-child(6), .art-cat-hotspot),
body.art-version-3 .art-hit-map .art-hotspot:is(:nth-child(1), :nth-child(4), :nth-child(6), .art-cat-hotspot) { display: none; }
body.art-version-2 .art-cat-hotspot { display: block; }
body.art-version-3 .art-hit-map .art-hotspot:nth-child(3) {
  left: 1% !important; top: 20% !important; width: 29% !important; height: 37% !important;
}
body.art-version-3 .art-hit-map .art-hotspot:nth-child(5) {
  left: 38% !important; top: 28% !important; width: 25% !important; height: 27% !important;
}
body:not(.art-version-2) .art-cat-hotspot { display: none; }
.art-cat-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  border: 0;
  border-radius: 10px;
  max-width: min(92vw, 1260px);
  max-height: 92svh;
  padding: 16px;
  color: #fff;
  background: #211710;
  box-shadow: 0 20px 80px #000b;
}
.art-cat-dialog::backdrop { background: #090605c9; }
.art-cat-dialog img { display: block; max-width: 100%; max-height: calc(92svh - 86px); object-fit: contain; }
.art-cat-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
.art-cat-dialog h2 { font: 700 21px Georgia, serif; }
.art-cat-dialog button { cursor: pointer; border: 1px solid #fff8; border-radius: 999px; padding: 5px 11px; color: #fff; }
.art-cat-dialog button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
/* The Kunst tabs use the same soft pill as Tidslinje. */
.art-version-chooser {
 position:fixed;z-index:42;top:29px;right:3vw;
 display:none;gap:0;
 width:max-content;max-width:calc(100vw - 24px);box-sizing:border-box;padding:3px;
 border:0;border-radius:999px;
 background:linear-gradient(110deg,#183456,#1b2d53);
 box-shadow:0 6px 14px #03071670,0 0 14px #3f8cda26;
 isolation:isolate;
 --art-pill:linear-gradient(105deg,#51cdee,#4daeee 34%,#8475eb 68%,#a044dd);
 --art-pill-glow:#6e9de98c;
}
.art-version-chooser:has(#art-gallery-tab-4.is-active) {
 --art-pill:linear-gradient(105deg,#da4d62,#ad4da6 58%,#625fd2);
 --art-pill-glow:#bd528e85;
}
.art-version-chooser:has(#art-gallery-tab-2.is-active) {
 --art-pill:linear-gradient(105deg,#f5d64b,#e1856d 48%,#b044a4);
 --art-pill-glow:#df8b7985;
}
body.art-gallery-open .art-version-chooser{display:flex;}
body:has(.art-series) .art-version-chooser,body:has(.art-cat-dialog[open]) .art-version-chooser{display:none;}
.art-tab-marker{
 position:absolute;left:0;top:3px;bottom:3px;width:var(--marker-width,0px);
 border-radius:999px;pointer-events:none;z-index:0;
 transform:translateX(var(--marker-left,0px));
 transition:transform 430ms cubic-bezier(.22,.75,.25,1),width 430ms cubic-bezier(.22,.75,.25,1);
}
.art-tab-marker::before,.art-tab-marker::after{
 content:"";position:absolute;pointer-events:none;border-radius:inherit;
 background:var(--art-pill);
}
.art-tab-marker::before{inset:0;filter:blur(8px);box-shadow:0 0 14px var(--art-pill-glow);}
.art-tab-marker::after{inset:3px;filter:blur(2.5px);opacity:.58;}
.art-tab-glow{display:none;}
.art-version-chooser button{
 position:relative;z-index:1;appearance:none;border:0;border-radius:999px;
 background:transparent;color:#fff;min-height:30px;padding:4px 12px;
 font:500 11px/1.15 Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;
 cursor:pointer;white-space:nowrap;text-align:center;transition:color 220ms ease;text-shadow:0 1px 5px #06122550;
}
.art-version-chooser button.is-active{background:transparent;color:#fff;}
.art-version-chooser button:hover{color:#fff;}
.art-version-chooser button:focus-visible{outline:2px solid #d7f3ff;outline-offset:1px;}
@media(max-width:760px){
 .art-version-chooser{top:12px;right:12px;width:max-content;}
 .art-version-chooser button{min-height:42px;padding:7px 8px;font-size:14px;letter-spacing:.06em;}
}
@media(max-width:380px){.art-version-chooser button{padding-inline:8px;font-size:12px;}}
@media(max-width:340px){.art-version-chooser{top:62px;}}
@media(prefers-reduced-motion:reduce){.art-tab-marker,.art-version-chooser button{transition:none;}}

/* Click targets follow the new, smaller photographic displays. */
body.art-version-3 .art-hotspot:nth-child(7) { left:29% !important; top:63% !important; width:11% !important; height:33% !important; }
body.art-version-3 .art-hotspot:nth-child(8) { left:39% !important; top:70% !important; width:20% !important; height:29% !important; }
body.art-version-3 .art-hotspot:nth-child(9) { left:51% !important; top:56% !important; width:11% !important; height:35% !important; }
body.art-version-3 .art-hotspot:nth-child(10) { left:61% !important; top:63% !important; width:12% !important; height:33% !important; }
body.art-version-2 .art-hit-map .art-hotspot:nth-child(6) { left:30% !important; top:35% !important; width:40% !important; height:31% !important; }

@media (max-aspect-ratio: 1/1) {
 .art-photo-ceiling { background-position:0 -256px; background-size:1024px 1280px; }
}




/* Local gallery sequence: original, installation room, passage, ceramics room. */
body.art-version-4 .ship.section-4 { background:#c4bdb4; }
body.art-version-4 .ship.section-4::before,body.art-version-4 .ship.section-4::after {opacity:0;}
body.art-version-4 .ship.section-4 .atmosphere {display:none;}
body.art-version-4 .ship.section-4 .portrait-underlay {background:none !important;}
body.art-version-4 .art-hit-map {width:100vw;}
body.art-version-4 .art-preserved-layer[data-room="4"] {display:block;}
.art-hall-photo {position:absolute;inset:0;background:url(./art-hall-wall-v2.webp) center/1280px 720px no-repeat;}
body.art-version-4 .art-hit-map .art-hotspot:not(:nth-child(4)) {display:none;}
body.art-version-4 .art-hit-map .art-hotspot:nth-child(4) {left:25% !important;top:23% !important;width:50% !important;height:50% !important;}
body.art-version-2 .art-hit-map .art-hotspot:nth-child(5) {display:block;left:68% !important;top:31% !important;width:32% !important;height:32% !important;}
body.art-version-3 .art-hit-map .art-hotspot:nth-child(5) {display:none;}
body.art-version-2 .art-cat-hotspot {display:none;}
body.art-version-3 .art-cat-hotspot {display:block;}
.art-pige-hotspot {display:none;}
body.art-version-2 .art-pige-hotspot {display:block;left:68%;top:36%;width:10%;height:22%;}
.art-photographic-ceramics {transform:none;}
body.art-version-3 .art-hotspot:nth-child(7) {left:12% !important;top:57% !important;width:15% !important;height:42% !important;}
body.art-version-3 .art-hotspot:nth-child(8) {left:34% !important;top:62% !important;width:28% !important;height:38% !important;}
body.art-version-3 .art-hotspot:nth-child(9) {left:57% !important;top:51% !important;width:14% !important;height:37% !important;}
body.art-version-3 .art-hotspot:nth-child(10) {left:73% !important;top:59% !important;width:15% !important;height:41% !important;}
.art-slide-frame {position:absolute;left:0;top:0;width:100%;height:100%;contain:layout paint;overflow:hidden;pointer-events:none;background:#171511;z-index:3;}
.art-slide-frame .art-preserved-layer {display:block !important;}
.art-slide-frame .art-photo-surfaces {display:block;}
body.art-travelling .art-hit-map,body.art-travelling .ship.section-4>.art-photo-surfaces {visibility:hidden;}
body:has(.art-cat-dialog[open]) .art-version-chooser {display:none;}


body.art-version-4 .art-photo-surfaces {display:block;}
.art-photographic-ceramics {transform:translate(150px,173px) scale(.76);transform-origin:0 0;}
body.art-version-2 .art-hit-map .art-hotspot.art-pige-hotspot {display:block;}
body.art-version-3 .art-hit-map .art-hotspot.art-cat-hotspot {display:block;}
body.art-version-3 .art-hit-map .art-hotspot.art-pige-hotspot {display:none;}
body.art-version-2 .art-hit-map .art-hotspot:nth-child(5) {left:83% !important;top:36% !important;width:16% !important;height:29% !important;}
body.art-version-2 .art-hit-map .art-hotspot.art-pige-hotspot {left:78.5%;top:40%;width:4.5%;height:20%;}
@media(max-aspect-ratio:1/1){.art-hall-photo{clip-path:polygon(0 40px,1280px 40px,1280px 540px,0 540px);}}
.art-hall-extent {position:absolute;inset:0;overflow:hidden;display:none;pointer-events:none;}
.art-hall-extent>div {position:absolute;left:0;top:0;width:1280px;height:720px;background:url(./art-hall-wall-v2.webp) 0 0/1280px 720px no-repeat;transform-origin:0 0;}
body.art-version-4 .art-hall-extent {display:block;}
body.art-version-4 .art-photo-surfaces {display:none;}
.art-hall-photo {clip-path:polygon(0 75px,1280px 75px,1280px 535px,0 535px);}
body.art-travelling .ship.section-4>.art-hall-extent {visibility:hidden;}
@media(max-aspect-ratio:1/1){.art-hall-photo{clip-path:polygon(0 75px,1280px 75px,1280px 535px,0 535px);}}
body.art-version-4 .art-hall-extent {display:none;}
body.art-version-4 .art-photo-surfaces {display:block;}

.art-hall-photo,.art-hall-panel {position:absolute;inset:0;background:url(./art-hall-wall-v2.webp) 0 0/1280px 720px no-repeat;transform-origin:0 0;}

.art-travel-strip{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;pointer-events:none;}

/* Pige now belongs to the transverse passage wall. */
body.art-version-2 .art-hit-map .art-hotspot.art-pige-hotspot {display:none;}
body.art-version-4 .art-hit-map .art-hotspot.art-pige-hotspot {display:block;left:80.4%;top:33.3%;width:12.8%;height:30%;}
/* Bring the frozen photographic cases forward together, preserving their proportions. */
.art-photographic-ceramics {transform:translate(102px,168px) scale(.84);}
body.art-version-3 .art-hotspot:nth-child(7) {left:10% !important;top:58% !important;width:17% !important;}
body.art-version-3 .art-hotspot:nth-child(8) {left:33% !important;top:63% !important;width:31% !important;}
body.art-version-3 .art-hotspot:nth-child(9) {left:57% !important;top:52% !important;width:16% !important;}
body.art-version-3 .art-hotspot:nth-child(10) {left:74% !important;top:60% !important;width:17% !important;}

.art-podium-extensions{position:absolute;left:0;top:0;width:1280px;height:720px;transform:translate(102px,168px) scale(.84);transform-origin:0 0;pointer-events:none;}
.art-podium-face{position:absolute;left:0;top:0;background:url('./art-podium-extended-v6.webp') no-repeat;background-size:1671px 941px;transform-origin:0 0;}

/* Keep the selected room behind the assembling homepage during close. */
.ship.has-section.section-4:not(.is-open) .art-room {pointer-events:none;}
.art-page-heading {transition:opacity .45s;}
.ship.has-section.section-4:not(.is-open) .art-page-heading {opacity:0;}
.ship.has-section.section-4:not(.is-open) .art-hover-label {visibility:hidden;}

.ship.section-4.is-open .art-room {touch-action:pan-y;}

/* Keep one flat painter order when the room moves into its animated frame.
   Perspective wall transforms must never composite over the foreground art. */
.art-preserved-layer {isolation:isolate;transform-style:flat;z-index:1;}
.art-photo-wall,.art-hall-photo {z-index:0;}
.art-original {z-index:2;}
.art-original.art-skirting {z-index:1;}
.art-installation-original,.art-fixed-bench {z-index:3;}
.art-photographic-ceramics {z-index:4;}
.art-podium-extensions {z-index:5;}
.art-slide-frame {isolation:isolate;transform-style:flat;}
.art-slide-frame .art-photo-surfaces {z-index:0;}

.art-travel-snapshot{display:block;width:100%;height:100%;}

.art-travel-error{position:absolute;left:50%;bottom:60px;transform:translateX(-50%);z-index:43;background:#211d19e8;color:white;padding:10px 18px;border-radius:10px;font:14px Arial,sans-serif;}


/* The marker uses the room position directly; no independent easing or delay. */
.art-version-chooser.is-following-room .art-tab-marker{transition:none;}

/* Passage artwork groups have separate click regions. */
body.art-version-4 .art-hit-map .art-hotspot:nth-child(4){left:24.21875% !important;top:30.55% !important;width:50.8% !important;height:38.62% !important;}
body.art-version-4 .art-hit-map .art-hotspot.art-pige-hotspot{left:80.46875% !important;top:33.33% !important;width:12.66% !important;height:30% !important;}
body.art-version-4 .art-hit-map .art-hotspot.art-dunst-hotspot{display:block;}
body:not(.art-version-4) .art-hit-map .art-hotspot.art-dunst-hotspot{display:none;}