:root{color-scheme:dark;--bg:#050910;--ink:#f5f3e9;--muted:#9cacc3;--gold:#e9ca90;--ice:#b5e6f2;--line:rgba(183,203,220,.17);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#050910;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{text-decoration:none;color:inherit}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.museum-shell{overflow:hidden;background:radial-gradient(ellipse 100% 540px at 50% 0%,#1d263a 0%,transparent 75%),#050910}.museum-header,.museum-intro,.exhibit,.museum-collection,.investment-preview,.museum-footer{max-width:1240px;margin-left:auto;margin-right:auto}.museum-header{min-height:94px;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #9ab5e01f}.museum-brand{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.18em;font-weight:800}.museum-brand small{display:block;font-size:9px;letter-spacing:.24em;color:var(--gold);margin-top:5px}.brand-symbol{display:grid;place-items:center;width:46px;height:46px;border:1px solid #a7b8d85c;border-radius:50%;color:var(--gold);font-size:27px;box-shadow:inset 0 0 20px #9eb4ee17,0 0 25px #486f9c13}.header-status{display:flex;align-items:center;gap:9px;color:#bacbd5;font-size:10px;letter-spacing:.18em}.status-light,.exhibit-label i{width:6px;height:6px;border-radius:50%;display:inline-block;background:#92e9c9;box-shadow:0 0 12px #8ee8bc}.return-link{font-size:12px;color:#c9d6e6;white-space:nowrap}.return-link span{color:var(--gold);padding-left:6px}.museum-intro{padding:56px 30px 39px;display:flex;justify-content:space-between;align-items:end;gap:20px}.overline{font-size:10px;letter-spacing:.25em;color:var(--gold);font-weight:750}.museum-intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(33px,5vw,70px);font-weight:500;letter-spacing:-.055em;line-height:1.05;margin:14px 0}.museum-intro h1 em,.investment-preview h2 em{font-weight:400;color:#c7dfef}.intro-description{font-size:13px;color:#a6b6c9;line-height:1.8}.intro-mark{display:flex;flex-direction:column;gap:5px;align-items:center;border-left:1px solid var(--line);padding:0 4px 0 26px;letter-spacing:.19em;font-size:9px;color:var(--muted);white-space:nowrap}.intro-mark strong{font-size:36px;letter-spacing:-.06em;font-weight:300;color:var(--gold)}.museum-lock{max-width:850px;margin:20px auto 130px;border:1px solid #b6d9ec25;border-radius:22px;background:linear-gradient(135deg,#172434b8,#0a1019);padding:65px 24px;text-align:center}.lock-icon{font-size:42px;color:var(--gold)}.museum-lock h2{font-family:Georgia,serif;font-size:clamp(26px,5vw,42px);font-weight:400;margin:15px 0}.museum-lock p{color:var(--muted);line-height:1.65}.museum-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c1b390;padding:12px 20px;background:#d7c49d;color:#111826;letter-spacing:.08em;border-radius:7px;text-transform:uppercase;font-size:11px;font-weight:800;margin-top:20px;min-height:44px}.museum-button.secondary{color:#dfe6f3;background:#142333;border-color:#6b809a}.exhibit{padding:0 30px}.exhibit-topline{display:flex;align-items:center;justify-content:space-between;color:#aabdd5;font-size:10px;letter-spacing:.22em;margin:0 3px 13px}.exhibit-label{display:flex;align-items:center;gap:10px}.exhibit-chamber{height:clamp(530px,54vw,680px);position:relative;isolation:isolate;overflow:hidden;border-radius:16px;border:1px solid #9db7cf45;background:radial-gradient(ellipse 42% 65% at 50% 45%,#1a334a9e 0%,#13263840 35%,transparent 70%),linear-gradient(105deg,#070e17,#0d1b2a 48%,#060b14);box-shadow:inset 0 0 0 1px #fff1,0 35px 90px #01050dbb}.exhibit-chamber::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 54% 53% at 50% 51%,transparent 33%,#070b16ab 83%,#03050aea 110%),repeating-linear-gradient(90deg,transparent 0 119px,#86b9e60b 120px,#86b9e60b 121px,transparent 122px 240px)}.exhibit-chamber::after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:9;box-shadow:inset 0 0 125px #02040bfa;opacity:.54}.chamber-noise{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.73' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E")}.chamber-columns{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#12233830 0 1px,transparent 1px 100%),linear-gradient(90deg,transparent 10%,#3f658120 11%,transparent 13%,transparent 86%,#3f658120 89%,transparent 90%);background-size:14% 100%,100% 100%;opacity:.7}.chamber-rays{position:absolute;inset:0;z-index:1;background:conic-gradient(from 170deg at 50% 97%,transparent 0deg,#3ca4cb0f 11deg,transparent 24deg,#ae70ee14 33deg,transparent 41deg,transparent 315deg,#4aa9ff10 325deg,transparent 360deg);opacity:.75}.plasma-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;opacity:.88}.horizon{position:absolute;left:-15%;right:-15%;height:45%;bottom:-32%;z-index:1;transform:perspective(460px) rotateX(69deg);transform-origin:center 0;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 42px,#6cc6e529 43px,#6cc6e529 44px,transparent 45px 89px),radial-gradient(ellipse,#7b50b015,transparent 70%);box-shadow:0 0 70px #62c6d41d}.orbit{position:absolute;border:1px solid #73d6f442;pointer-events:none;z-index:1;border-radius:50%;left:50%;top:48%;width:min(54vw,550px);aspect-ratio:1;transform:translate(-50%,-50%) rotateX(75deg);box-shadow:0 0 15px #4d90f03c,inset 0 0 18px #4497d228}.orbit-b{width:min(68vw,680px);opacity:.45;transform:translate(-50%,-50%) rotateX(74deg) rotate(28deg)}.pedestal{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);width:min(46%,480px);height:85px;pointer-events:none;z-index:2}.pedestal-light{height:26px;border:1px solid #abd4fb76;background:radial-gradient(ellipse,#b1d7fd77,#4a5fbc30 48%,transparent 78%);border-radius:50%;box-shadow:0 0 35px #4697db78,0 0 115px #4092cf69}.pedestal-plate{height:48px;margin:0 auto;width:85%;clip-path:polygon(11% 0,89% 0,100% 45%,83% 100%,17% 100%,0 45%);background:linear-gradient(#274158,#09121f);border-top:2px solid #a2c6ec6b;box-shadow:0 35px 40px #000}.showcase-anchor{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none}.showcase-float{width:clamp(188px,26%,275px);aspect-ratio:.715;position:relative;transform-style:preserve-3d;filter:drop-shadow(0 15px 21px #02050be0) drop-shadow(0 0 35px #8bc1f525);will-change:transform;pointer-events:auto;touch-action:pan-y;cursor:grab;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));transition:transform .24s ease-out,opacity .18s ease-out}.showcase-float:active{cursor:grabbing}.showcase-float.switching{opacity:.06;transform:perspective(900px) rotateY(55deg) scale(.90)}.slab{position:absolute;inset:0;padding:3.5%;border:1px solid #eef9fbc9;border-radius:4.5%/3%;background:linear-gradient(117deg,#d7e4ee88 0%,#22364cce 8%,#acc1da66 12%,#0b1828d9 19%,#c7d5e562 42%,#17283fcf 60%,#eef6ff88 98%);box-shadow:inset 0 0 7px #ffffffe0,inset 0 0 19px #9fd8ff71,0 0 0 2px #4e81a64f,0 8px 35px #0009;transform-style:preserve-3d}.slab.is-raw{padding:2%;border-radius:3%/2%;background:linear-gradient(120deg,#cdd9e879,#111c28,#8da9bd77)}.slab-edge{position:absolute;inset:1%;border:1px solid #c8f0ff75;pointer-events:none;border-radius:3%/2%;box-shadow:inset 0 0 12px #fff3}.slab-photo{position:relative;display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#151f2e,#0c111b);overflow:hidden;border:1px solid #c5d7e84f;border-radius:1.8%}.slab-photo img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;filter:none}.slab-lens{position:absolute;inset:-.6%;z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(117deg,transparent 19%,#ffffff1a 20%,transparent 23%,transparent 50%,#fff1 54%,transparent 58%,transparent 78%,#cceaff22 80%,transparent 83%);mix-blend-mode:screen}.slab-glint{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(103deg,#fff9,transparent 6%,transparent 78%,#def1ff56 94%,#fff8);border-radius:inherit;opacity:.55}.photo-absent{padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;height:100%;width:100%;border:1px solid #bdcbda28}.photo-absent>span{font-size:9px;letter-spacing:.19em;color:var(--gold)}.photo-absent strong{font-family:Georgia,serif;font-weight:400;font-size:clamp(18px,2vw,26px)}.photo-absent small{font-size:10px;color:var(--muted)}.holo{position:absolute;z-index:4;max-width:25%;min-width:165px;padding:16px 18px;background:linear-gradient(135deg,#132c40ba,#0813209c);border:1px solid #8fc4ee61;box-shadow:0 0 30px #51a8f21a,inset 0 0 35px #76b9ff13;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);clip-path:polygon(0 0,94% 0,100% 13%,100% 100%,6% 100%,0 87%)}.holo:before{content:"";position:absolute;left:9px;top:10px;bottom:10px;width:1px;background:linear-gradient(transparent,#71d8fcb5,transparent)}.holo span,.holo small{display:block;color:#a9c5d9;letter-spacing:.12em;font-size:9px;line-height:1.5}.holo strong{font-size:clamp(16px,2vw,25px);font-weight:500;letter-spacing:-.05em;display:block;padding:10px 0 5px;color:#eaf7ff;overflow-wrap:anywhere}.holo small{letter-spacing:0;font-size:10px;color:#9fbbc9}.holo-left{left:4%;top:24%}.holo-right{right:4%;top:22%}.holo-bottom{right:4%;bottom:18%}.chamber-bottom{position:absolute;z-index:7;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;color:#b0d1de91;letter-spacing:.21em;font-size:9px;pointer-events:none}.exhibit-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 8px 38px;border-bottom:1px solid var(--line)}.caption-copy h2{font-family:Georgia,serif;letter-spacing:-.03em;font-size:clamp(25px,3.6vw,44px);font-weight:400;margin:9px 0}.caption-copy>p:last-child{color:var(--muted);line-height:1.6;font-size:12px}.caption-controls{display:flex;align-items:center;gap:10px}.round-control{height:48px;width:48px;flex-shrink:0;border-radius:50%;background:#101c2c;color:#eef3fa;border:1px solid #809bb267;font-size:24px}.effect-control{padding:0 15px;min-height:45px;border:1px solid #b1d5e16b;background:#142b3d;color:#bde6f3;border-radius:26px;white-space:nowrap;font-size:11px;letter-spacing:.05em}.museum-collection{padding:56px 30px 70px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:28px}.section-heading h2,.investment-preview h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,50px);font-weight:400;letter-spacing:-.04em;margin:12px 0}.section-heading>span{color:var(--muted);font-size:12px}.gallery-filters{display:flex;gap:12px;margin-bottom:22px}.gallery-filters select,.gallery-filters input{border-radius:6px;background:#0c1723;color:var(--ink);border:1px solid #71859a5a;min-height:47px;padding:12px 15px;min-width:0}.gallery-filters select{width:min(45%,280px)}.gallery-filters input{flex:1}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.gallery-tile{background:linear-gradient(150deg,#15273b,#070f19);border:1px solid #92acc130;border-radius:10px;text-align:left;padding:12px;color:var(--ink);min-width:0;transition:border-color .2s,transform .2s}.gallery-tile:hover,.gallery-tile[aria-current="true"]{border-color:#b9eafa9c;box-shadow:inset 0 0 15px #75c7fc0d}.gallery-tile:hover{transform:translateY(-3px)}.gallery-tile figure{margin:0;height:180px;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff0c;border-radius:6px;background:radial-gradient(circle,#31507266,#0a101d 76%)}.gallery-tile img{max-width:100%;max-height:96%;object-fit:contain;filter:drop-shadow(0 12px 10px #0008)}.gallery-tile .no-image{font-family:Georgia,serif;color:#7896a9;font-size:12px;text-align:center;line-height:1.5;padding:10px}.gallery-tile strong{display:block;font-weight:600;font-size:13px;margin:14px 0 5px;line-height:1.4;overflow-wrap:anywhere}.gallery-tile small{font-size:11px;color:var(--muted);line-height:1.4}.gallery-actions{text-align:center}.gallery-empty{grid-column:1/-1;padding:40px 15px;color:#a7bed2;text-align:center;border:1px dashed #5469818a;border-radius:10px}.investment-preview{margin-bottom:75px;padding:44px 35px 32px;border:1px solid #8faec34a;border-radius:16px;background:radial-gradient(ellipse at 98% 0%,#3c5a8042,transparent 44%),linear-gradient(120deg,#121d2b,#080e19);display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.investment-preview>div:first-child>p:last-child{max-width:450px;color:var(--muted);font-size:13px;line-height:1.8}.investment-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:12px}.investment-stats>div{padding:21px 15px;border:1px solid #b6cce133;background:#0a1724aa;border-radius:9px}.investment-stats span{display:block;font-size:9px;letter-spacing:.11em;line-height:1.5;color:#adbbcc}.investment-stats strong{font-size:clamp(16px,2.4vw,28px);font-weight:500;letter-spacing:-.04em;display:block;margin-top:14px;overflow-wrap:anywhere}.investment-future{grid-column:1/-1;border-top:1px solid #b9d8e631;display:flex;justify-content:space-between;gap:15px;padding-top:20px;flex-wrap:wrap;font-size:9px;letter-spacing:.15em;color:#90a8ba}.investment-future b{color:var(--gold);margin:0 8px}.museum-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:26px 30px 36px;color:#90a6b6;letter-spacing:.16em;font-size:9px}.visually-hidden{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}.is-paused .showcase-float,.is-paused .orbit{will-change:auto}
@media(max-width:1000px){.holo-left{left:2%}.holo-right,.holo-bottom{right:2%}.showcase-float{width:26%}.exhibit-chamber{height:610px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.investment-preview{grid-template-columns:1fr}.investment-stats{min-height:115px}}
@media(max-width:680px){.museum-header{padding:15px 17px;min-height:76px}.museum-brand{font-size:9px;gap:9px}.museum-brand small{font-size:7px}.brand-symbol{width:37px;height:37px;font-size:21px}.header-status{display:none}.return-link{font-size:10px}.museum-intro{padding:32px 18px 27px;align-items:center}.museum-intro h1{font-size:clamp(31px,9vw,44px)}.museum-intro .overline{font-size:8px}.intro-description{font-size:11px}.intro-mark{display:none}.exhibit{padding:0 10px}.exhibit-topline{padding:0 8px;font-size:8px;letter-spacing:.13em}.exhibit-chamber{height:660px;border-radius:11px}.showcase-anchor{align-items:flex-start;padding-top:112px}.showcase-float{width:clamp(185px,48vw,240px)}.orbit{top:38%;width:350px}.orbit-b{width:450px}.pedestal{bottom:26%;width:74%}.holo{padding:9px 11px;min-width:0;max-width:46%;clip-path:none;border-radius:5px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.holo span{font-size:8px}.holo strong{font-size:16px;padding:5px 0 2px}.holo small{font-size:9px}.holo-left{left:3%;top:auto;bottom:18%}.holo-right{right:3%;top:auto;bottom:18%}.holo-bottom{left:50%;right:auto;top:auto;bottom:7%;max-width:85%;width:230px;transform:translateX(-50%);text-align:center}.chamber-bottom{left:12px;right:12px;bottom:8px;font-size:7px;display:none}.horizon{bottom:-33%}.exhibit-caption{padding:25px 9px;align-items:flex-start;flex-direction:column}.caption-controls{width:100%}.caption-controls .effect-control{margin-left:auto}.caption-copy h2{font-size:31px}.museum-collection{padding:43px 15px 56px}.section-heading{align-items:start;flex-direction:column;gap:8px}.section-heading h2{font-size:35px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-tile{padding:8px}.gallery-tile figure{height:145px}.gallery-filters{flex-direction:column}.gallery-filters select{width:100%}.investment-preview{margin:0 14px 40px;padding:30px 18px 23px}.investment-stats{grid-template-columns:1fr 1fr}.investment-stats>div{padding:15px}.investment-stats>div:last-child{grid-column:1/-1}.museum-footer{padding:24px 16px;flex-wrap:wrap}.museum-lock{margin:12px 12px 90px}}
@media(max-width:380px){.showcase-anchor{padding-top:105px}.showcase-float{width:180px}.exhibit-chamber{height:626px}.holo{max-width:47%}.holo strong{font-size:14px}.holo small{font-size:8px}.caption-controls{flex-wrap:wrap}.caption-controls .effect-control{margin-left:0}.gallery-tile figure{height:130px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.showcase-float{will-change:auto;transform:none!important}.plasma-canvas{opacity:.5}}


/* Cosmic museum polish: CSS-only atmosphere, larger photo, unboxed stat projections.
   Static gradients and stars keep the GPU cost bounded; no external textures. */
:root{--muted:#b8c9d8;--gold:#f1d3a4;--ink:#f8f5f1}
body{background:#0d1027}
.museum-shell{
 background:
  radial-gradient(ellipse 72% 360px at 80% 5%,rgba(94,55,171,.32),transparent 82%),
  radial-gradient(ellipse 52% 440px at 7% 22%,rgba(22,114,147,.25),transparent 77%),
  radial-gradient(ellipse 65% 550px at 90% 68%,rgba(116,38,116,.20),transparent 82%),
  linear-gradient(135deg,#0b1023 0%,#0c1229 40%,#091925 72%,#100f25 100%);
}
.museum-header{min-height:78px;padding-top:14px;padding-bottom:14px;border-bottom-color:rgba(180,193,238,.12)}
.museum-intro{padding-top:32px;padding-bottom:25px}
.museum-intro h1{font-size:clamp(41px,5.3vw,76px);line-height:1.07}
.intro-description{font-size:15px;color:#c2d0e2}
.overline{font-size:11px;letter-spacing:.20em}
.exhibit-topline{font-size:12px;color:#d0cde6}
.exhibit-chamber{
 height:clamp(600px,59vw,720px);
 border:1px solid rgba(156,160,221,.19);
 border-radius:24px;
 background:
  radial-gradient(ellipse 39% 59% at 50% 42%,rgba(131,40,215,.45) 1%,transparent 85%),
  radial-gradient(ellipse 38% 60% at 24% 36%,rgba(19,161,211,.49),transparent 82%),
  radial-gradient(ellipse 33% 59% at 83% 39%,rgba(234,48,157,.34),transparent 87%),
  radial-gradient(ellipse 36% 38% at 49% 78%,rgba(21,190,170,.31),transparent 88%),
  linear-gradient(113deg,#08142c,#182042 47%,#0d1f32 100%);
 box-shadow:inset 0 0 65px rgba(2,5,24,.30),0 25px 58px rgba(1,4,17,.55);
}
.exhibit-chamber::before{
 background:
  radial-gradient(ellipse 48% 62% at 50% 42%,transparent 35%,rgba(31,9,53,.22) 78%,rgba(6,10,29,.52) 100%),
  linear-gradient(105deg,transparent 15%,rgba(123,71,244,.07) 36%,transparent 64%,rgba(38,194,205,.05) 83%);
}
.exhibit-chamber::after{box-shadow:inset 0 0 83px rgba(2,6,21,.68);opacity:.42}
.chamber-noise{
 opacity:.60;
 background-image:
  radial-gradient(circle at 14px 26px,rgba(232,245,255,.65) 0 1px,transparent 1.6px),
  radial-gradient(circle at 67px 78px,rgba(249,191,249,.58) 0 .8px,transparent 1.6px),
  radial-gradient(circle at 43px 15px,rgba(156,220,255,.58) 0 .6px,transparent 1.6px);
 background-size:139px 171px,217px 199px,91px 123px;
}
.chamber-columns{opacity:.24}
.chamber-rays{
 background:
  radial-gradient(ellipse 26% 48% at 50% 44%,rgba(165,90,250,.24),transparent 95%),
  conic-gradient(from 175deg at 50% 98%,transparent 0deg,rgba(25,224,226,.10) 12deg,transparent 24deg,rgba(191,51,241,.16) 35deg,transparent 51deg,transparent 306deg,rgba(16,183,226,.12) 325deg,transparent 360deg);
 opacity:1;
}
.plasma-canvas{opacity:1}
.orbit{border-color:rgba(142,117,251,.37);box-shadow:0 0 24px rgba(131,78,245,.28),inset 0 0 25px rgba(13,225,206,.16)}
.orbit-b{border-color:rgba(70,224,230,.33);opacity:.72}
.pedestal{bottom:10%}
.pedestal-light{background:radial-gradient(ellipse,rgba(137,207,255,.79),rgba(156,63,240,.42) 50%,transparent 83%);box-shadow:0 0 32px rgba(123,109,253,.65),0 0 105px rgba(36,182,221,.38)}
.pedestal-plate{background:linear-gradient(rgba(39,50,87,.72),rgba(9,17,37,.72));opacity:.7}
.showcase-float{
 width:clamp(260px,35%,375px);
 filter:drop-shadow(0 30px 25px rgba(2,4,16,.68)) drop-shadow(0 0 45px rgba(115,103,255,.34));
}
.slab{
 padding:1.6%;
 border:1px solid rgba(211,244,255,.42);
 background:linear-gradient(120deg,rgba(202,226,255,.37),rgba(22,37,67,.27),rgba(221,235,255,.18));
 box-shadow:inset 0 0 7px rgba(255,255,255,.30),0 0 0 1px rgba(125,190,247,.16),0 13px 40px rgba(2,4,18,.50);
}
.slab.is-raw{padding:.6%;border-color:rgba(218,237,255,.22);background:transparent}
.slab-edge{border-color:rgba(203,232,255,.22);box-shadow:inset 0 0 9px rgba(201,220,255,.15)}
.slab-photo{border:0;background:rgba(9,16,36,.45);border-radius:1.3%}
.slab-lens{opacity:.30}
.slab-glint{opacity:.28}
.holo{
 min-width:176px;
 max-width:24%;
 padding:12px 14px 14px 18px;
 border:0;
 border-radius:0;
 clip-path:none;
 background:linear-gradient(90deg,rgba(18,28,60,.49),rgba(22,25,58,.13) 78%,transparent);
 box-shadow:none;
 backdrop-filter:none;
 -webkit-backdrop-filter:none;
 text-shadow:0 1px 12px rgba(0,0,0,.72),0 0 15px rgba(113,163,255,.28);
}
.holo:before{left:3px;top:10%;bottom:10%;width:2px;background:linear-gradient(transparent,rgba(99,244,242,.88),rgba(174,113,255,.88),transparent);box-shadow:0 0 12px rgba(85,230,250,.54)}
.holo span{font-size:11px;color:#d1e1f3;letter-spacing:.12em}
.holo strong{font-size:clamp(21px,2.45vw,32px);font-weight:550;line-height:1.18;letter-spacing:-.035em;color:#faf8ff;padding:9px 0 5px}
.holo small{font-size:12px;color:#c8d3e8;line-height:1.45}
.holo-left{top:23%;left:2%}
.holo-right{top:22%;right:2%}
.holo-bottom{right:2%;bottom:21%}
.exhibit-caption{padding-top:19px;padding-bottom:26px}
.caption-copy h2{font-size:clamp(32px,4.15vw,52px);line-height:1.13;max-width:880px}
.caption-copy>p:last-child{font-size:15px;color:#bfcce0}
.museum-collection{padding-top:44px}
.section-heading h2{font-size:clamp(32px,4.1vw,54px)}
.gallery-tile{background:linear-gradient(145deg,rgba(41,37,81,.48),rgba(9,30,50,.57));border-color:rgba(123,177,227,.18)}
.gallery-tile figure{background:radial-gradient(circle,rgba(125,77,191,.30),rgba(15,35,61,.50) 77%);border:0}
.investment-preview{background:radial-gradient(ellipse at 87% 5%,rgba(135,59,193,.24),transparent 48%),linear-gradient(120deg,rgba(18,27,54,.92),rgba(10,27,48,.91));border-color:rgba(142,171,224,.19)}
.investment-stats>div{background:rgba(20,35,65,.40);border-color:rgba(156,191,230,.14)}
@media(max-width:1000px) and (min-width:681px){
 .showcase-float{width:clamp(250px,36%,335px)}
 .exhibit-chamber{height:650px}
 .holo{min-width:152px;max-width:25%}
 .holo strong{font-size:clamp(19px,2.3vw,25px)}
 .holo span{font-size:10px}
}
@media(max-width:680px){
 .museum-intro{padding:21px 17px 17px}
 .museum-intro h1{font-size:clamp(36px,10vw,54px);line-height:1.08}
 .intro-description{font-size:13px;line-height:1.55}
 .overline{font-size:10px}
 .exhibit{padding:0 7px}
 .exhibit-topline{font-size:10px;letter-spacing:.09em;padding:0 9px}
 .exhibit-chamber{height:clamp(700px,194vw,790px);border-radius:14px}
 .showcase-anchor{align-items:flex-start;padding-top:57px}
 .showcase-float{width:clamp(222px,66vw,300px);max-width:calc(100% - 46px)}
 .orbit{top:36%;width:360px;max-width:100%}
 .orbit-b{width:470px;max-width:125%}
 .pedestal{bottom:34%;width:80%}
 .holo{
  min-width:0;max-width:44%;width:44%;
  padding:8px 8px 10px 13px;
  background:linear-gradient(90deg,rgba(18,25,60,.62),rgba(12,19,52,.10) 88%,transparent);
  text-shadow:0 2px 9px rgba(0,0,0,.85);
 }
 .holo:before{left:2px}
 .holo span{font-size:10px;letter-spacing:.065em;line-height:1.35}
 .holo strong{font-size:clamp(17px,4.6vw,22px);line-height:1.2;padding:7px 0 4px}
 .holo small{font-size:11px;line-height:1.4}
 .holo-left{left:5%;top:auto;bottom:158px;right:auto}
 .holo-right{right:5%;left:auto;top:auto;bottom:158px}
 .holo-bottom{top:auto;bottom:21px;left:5%;right:auto;transform:none;max-width:90%;width:90%;text-align:left}
 .chamber-bottom{display:none}
 .caption-copy h2{font-size:clamp(29px,7.3vw,41px);line-height:1.15;overflow-wrap:anywhere}
 .caption-copy>p:last-child{font-size:14px}
 .exhibit-caption{padding-top:18px;padding-bottom:25px}
 .museum-collection{padding-top:36px}
 .gallery-tile strong{font-size:14px}
 .gallery-tile small{font-size:12px}
 .investment-preview>div:first-child>p:last-child{font-size:14px}
}
@media(max-width:380px){
 .exhibit-chamber{height:704px}
 .showcase-anchor{padding-top:51px}
 .showcase-float{width:clamp(211px,66vw,247px)}
 .holo{max-width:45%;width:45%}
 .holo strong{font-size:17px}
 .holo span{font-size:9px}
 .holo small{font-size:10px}
 .holo-left,.holo-right{bottom:148px}
 .holo-bottom{bottom:16px;max-width:92%;width:92%;left:4%}
 .caption-copy h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){
 .showcase-float{filter:drop-shadow(0 18px 26px rgba(18,17,57,.64))}
 .chamber-rays{opacity:.75}
 .plasma-canvas{opacity:.45}
}


/* Full-card exhibit fit: the REAL stored photo always fits inside the frame.
   Flex prevents the image's intrinsic grid minimum from extending beyond the
   image well; object-fit:contain guarantees no crop or distortion. */
.showcase-float{
 aspect-ratio:var(--display-ratio,.715);
 max-height:calc(100% - 76px);
}
.slab-photo{
 display:flex;
 align-items:center;
 justify-content:center;
 box-sizing:border-box;
 min-width:0;
 min-height:0;
 padding:clamp(7px,1.0vw,12px);
 overflow:hidden;
}
.slab-photo #featured-photo{
 display:block;
 flex:0 1 auto;
 box-sizing:border-box;
 width:100%;
 height:100%;
 min-width:0;
 min-height:0;
 max-width:100%;
 max-height:100%;
 object-fit:contain;
 object-position:50% 50%;
}
.slab.is-raw .slab-photo{padding:clamp(7px,1.0vw,12px)}
@media(max-width:680px){
 .showcase-float{max-height:min(460px,60vh)}
 .slab-photo{padding:9px}
 .slab.is-raw .slab-photo{padding:9px}
}
@media(max-width:380px){
 .showcase-float{max-height:min(405px,60vh)}
 .slab-photo{padding:8px}
 .slab.is-raw .slab-photo{padding:8px}
}

/* The center exhibit shows the member's ORIGINAL photo—not a second slab.
   Remove all synthetic glass/frame/matte layers once the real image has loaded.
   Keep 12px breathing space on each side and never crop any photograph. */
.slab.has-photo{
 padding:0;
 border:0;
 border-radius:0;
 background:none;
 box-shadow:none;
 overflow:visible;
 display:flex;
 align-items:center;
 justify-content:center;
}
.slab.has-photo .slab-edge,
.slab.has-photo .slab-lens,
.slab.has-photo .slab-glint{display:none}
.slab.has-photo .slab-photo{
 width:100%;
 height:100%;
 padding:0;
 margin:0;
 min-width:0;
 min-height:0;
 border:0;
 border-radius:0;
 background:none;
 box-shadow:none;
 overflow:visible;
 display:flex;
 align-items:center;
 justify-content:center;
}
.slab.has-photo .slab-photo #featured-photo{
 display:block;
 flex:0 0 auto;
 width:calc(100% - 24px);
 height:calc(100% - 24px);
 min-width:0;
 min-height:0;
 max-width:calc(100% - 24px);
 max-height:calc(100% - 24px);
 object-fit:contain;
 object-position:center center;
 margin:auto;
 border:0;
 border-radius:0;
 filter:drop-shadow(0 17px 17px rgba(0,3,18,.52)) drop-shadow(0 0 20px rgba(129,105,232,.16));
}
@media(max-width:680px){
 .slab.has-photo .slab-photo #featured-photo{
  width:calc(100% - 20px);
  height:calc(100% - 20px);
  max-width:calc(100% - 20px);
  max-height:calc(100% - 20px);
 }
}


/* Final image-only museum centerpiece.
   Old .slab glass/frame CSS is intentionally inert: the Museum HTML contains
   no .slab, .slab-edge, .slab-lens, or .slab-glint elements anymore. */
.showcase-float{
 display:flex;
 align-items:center;
 justify-content:center;
 width:clamp(260px,35%,375px);
 aspect-ratio:var(--display-ratio,.715);
 max-height:calc(100% - 76px);
 position:relative;
 isolation:isolate;
 overflow:visible;
 border:0;
 outline:0;
 border-radius:0;
 box-shadow:none;
 background:transparent;
 /* Shadow belongs to the REAL photograph only, never to a fake slab. */
 filter:none;
}
.artifact-aura{
 position:absolute;
 inset:-22% -37%;
 z-index:0;
 pointer-events:none;
 background:
  radial-gradient(ellipse at 29% 46%,rgba(33,208,242,.40),transparent 61%),
  radial-gradient(ellipse at 78% 40%,rgba(187,65,249,.45),transparent 59%),
  radial-gradient(ellipse at 52% 71%,rgba(43,224,158,.29),transparent 60%),
  radial-gradient(ellipse at 45% 18%,rgba(244,170,68,.23),transparent 51%);
 animation:museum-aura-breathe 7.5s ease-in-out infinite alternate;
 transform-origin:50% 50%;
}
.artifact-aura::before,.artifact-aura::after{
 content:"";
 position:absolute;
 inset:-7% -12%;
 border-radius:50%;
 pointer-events:none;
 background:
  conic-gradient(from 28deg at 52% 50%,transparent 0deg,rgba(141,80,244,.0) 33deg,rgba(159,51,243,.23) 75deg,transparent 120deg,rgba(27,206,235,.24) 164deg,transparent 208deg,rgba(54,228,149,.2) 245deg,transparent 286deg,rgba(245,178,78,.2) 315deg,transparent 352deg);
 -webkit-mask-image:radial-gradient(ellipse,transparent 26%,#000 54%,transparent 74%);
 mask-image:radial-gradient(ellipse,transparent 26%,#000 54%,transparent 74%);
 animation:museum-aura-drift 18s linear infinite;
}
.artifact-aura::after{
 inset:4% -4%;
 opacity:.52;
 animation-duration:24s;
 animation-direction:reverse;
}
.showcase-float .featured-original{
 position:relative;
 z-index:2;
 display:block;
 box-sizing:border-box;
 flex:0 1 auto;
 width:calc(100% - 24px);
 height:calc(100% - 24px);
 min-width:0;
 min-height:0;
 max-width:calc(100% - 24px);
 max-height:calc(100% - 24px);
 object-fit:contain;
 object-position:center center;
 margin:auto;
 padding:0;
 border:0;
 border-radius:20px;
 outline:none;
 background:transparent;
 box-shadow:none;
 filter:drop-shadow(0 18px 25px rgba(0,4,21,.56));
}
.featured-original[hidden],.photo-absent[hidden]{display:none!important}
.showcase-float .photo-absent{
 position:relative;
 z-index:2;
 display:flex;
 flex:0 1 100%;
 min-width:0;
 align-self:stretch;
 background:rgba(7,16,32,.25);
}
@keyframes museum-aura-breathe{
 from{transform:scale(.94);opacity:.77}
 to{transform:scale(1.08);opacity:1}
}
@keyframes museum-aura-drift{
 to{transform:rotate(360deg)}
}
.exhibit-chamber.effects-off .artifact-aura,
.exhibit-chamber.effects-off .artifact-aura::before,
.exhibit-chamber.effects-off .artifact-aura::after,
.is-paused .artifact-aura,
.is-paused .artifact-aura::before,
.is-paused .artifact-aura::after{
 animation-play-state:paused;
}
@media(max-width:1000px) and (min-width:681px){
 .showcase-float{width:clamp(250px,36%,335px)}
}
@media(max-width:680px){
 .showcase-float{
  width:clamp(222px,66vw,300px);
  max-width:calc(100% - 46px);
  max-height:min(460px,60vh);
 }
 .showcase-float .featured-original{
  width:calc(100% - 20px);
  height:calc(100% - 20px);
  max-width:calc(100% - 20px);
  max-height:calc(100% - 20px);
 }
 .artifact-aura{inset:-18% -22%}
}
@media(max-width:380px){
 .showcase-float{width:clamp(211px,66vw,247px);max-height:min(405px,60vh)}
}
@media(prefers-reduced-motion:reduce){
 .artifact-aura,.artifact-aura::before,.artifact-aura::after{animation:none!important;opacity:.7}
}


/* Cinematic single-screen exhibit v4.
   Compact info lives INSIDE the chamber, leaving maximum area for real photos.
   No synthetic slab, no image mask, no library or security changes. */
.exhibit-chamber{
 height:clamp(675px,66vw,820px);
 background:
  radial-gradient(ellipse 48% 65% at 50% 34%,rgba(142,61,239,.49),transparent 79%),
  radial-gradient(ellipse 55% 55% at 16% 35%,rgba(24,152,233,.35),transparent 86%),
  radial-gradient(ellipse 50% 60% at 90% 46%,rgba(205,44,171,.30),transparent 84%),
  radial-gradient(ellipse 48% 43% at 50% 78%,rgba(19,195,154,.19),transparent 86%),
  linear-gradient(115deg,#061329,#191838 49%,#071f31);
}
.showcase-anchor{
 inset:14px 0 126px;
 padding:0;
 align-items:center;
 justify-content:center;
}
.showcase-float{
 width:clamp(315px,38%,450px);
 max-width:90%;
 max-height:100%;
 filter:none;
}
.showcase-float .featured-original{
 width:calc(100% - 24px);
 height:calc(100% - 24px);
 max-width:calc(100% - 24px);
 max-height:calc(100% - 24px);
 object-fit:contain;
 object-position:center;
}
.artifact-aura{
 inset:-25% -46%;
 background:
  radial-gradient(ellipse at 30% 45%,rgba(42,180,255,.49),transparent 61%),
  radial-gradient(ellipse at 73% 39%,rgba(188,66,252,.54),transparent 60%),
  radial-gradient(ellipse at 52% 71%,rgba(40,219,160,.37),transparent 63%),
  radial-gradient(ellipse at 47% 16%,rgba(255,188,84,.28),transparent 50%);
}
.exhibit-caption{
 position:absolute;
 left:24px;
 right:24px;
 bottom:14px;
 z-index:8;
 display:flex;
 flex-direction:row;
 align-items:center;
 justify-content:space-between;
 gap:14px;
 padding:0;
 border:0;
 background:transparent;
 text-shadow:0 2px 13px rgba(0,2,13,.83);
}
.caption-copy{min-width:0;max-width:min(69%,740px)}
.caption-copy .overline{font-size:9px;letter-spacing:.16em}
.caption-copy h2{
 font-size:clamp(21px,2.45vw,31px);
 line-height:1.18;
 margin:5px 0 4px;
 max-width:100%;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 overflow:hidden;
 overflow-wrap:anywhere;
}
.caption-copy #card-subtitle{
 display:block;
 font-size:11px;
 line-height:1.4;
 color:#d1dcef;
 white-space:normal;
 overflow-wrap:anywhere;
}
.card-title-details{position:relative;margin-top:2px;font-size:10px;color:#d7c9fa}
.card-title-details summary{cursor:pointer;width:max-content;max-width:100%;text-decoration:underline;text-underline-offset:3px}
.card-title-details p{
 position:absolute;
 z-index:11;
 bottom:calc(100% + 5px);
 left:0;
 width:min(75vw,420px);
 max-height:145px;
 overflow:auto;
 padding:10px 12px;
 font-size:12px;
 line-height:1.5;
 color:#f3f0ff;
 border:1px solid rgba(154,175,238,.22);
 border-radius:9px;
 background:rgba(10,15,38,.96);
 box-shadow:0 10px 35px rgba(0,0,0,.38);
 text-shadow:none;
}
.caption-controls{flex:none;gap:9px}
.round-control{width:43px;height:43px;font-size:22px}
.effect-control{min-height:41px;padding:0 12px}
.chamber-bottom{display:none}
@media(max-width:1000px) and (min-width:681px){
 .showcase-float{width:clamp(300px,39%,430px)}
 .exhibit-chamber{height:clamp(660px,78vw,780px)}
 .showcase-anchor{inset:12px 0 125px}
 .holo-bottom{bottom:23%}
}
@media(max-width:680px){
 .museum-header{min-height:61px;padding:10px 15px}
 .museum-brand{gap:8px}
 .brand-symbol{width:34px;height:34px;font-size:19px}
 .museum-intro{padding:10px 15px 9px;align-items:center}
 .museum-intro h1{font-size:clamp(25px,6.7vw,33px);line-height:1.06;margin:4px 0 0}
 .museum-intro .overline{font-size:8px;letter-spacing:.12em}
 .intro-description{display:none}
 .exhibit{padding:0}
 .exhibit-topline{padding:0 14px;margin:0 0 7px;font-size:9px;letter-spacing:.12em}
 .exhibit-chamber{
  width:100%;
  height:clamp(715px,calc(100svh - 135px),900px);
  border:0;
  border-radius:0;
  box-shadow:none;
 }
 .exhibit-chamber::after{opacity:.24;box-shadow:inset 0 0 53px rgba(2,6,21,.50)}
 .showcase-anchor{
  inset:9px 0 226px;
  padding:0;
  align-items:center;
  justify-content:center;
 }
 .showcase-float{
  width:min(88vw,420px);
  max-width:calc(100% - 12px);
  max-height:100%;
 }
 .showcase-float .featured-original{
  width:calc(100% - 18px);
  height:calc(100% - 18px);
  max-width:calc(100% - 18px);
  max-height:calc(100% - 18px);
 }
 .artifact-aura{inset:-24% -27%}
 .orbit{top:37%}
 .orbit-b{top:37%}
 .pedestal{bottom:31%;width:82%;opacity:.72}
 /* Three compact holograms below the photograph, never on top of the card. */
 .holo{
  top:auto;
  bottom:138px;
  transform:none;
  min-width:0;
  max-width:none;
  width:30%;
  padding:4px 3px 5px 9px;
  background:linear-gradient(90deg,rgba(15,25,56,.57),transparent);
  border:0;
  border-radius:0;
  clip-path:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  text-shadow:0 1px 8px rgba(0,0,0,.87);
 }
 .holo:before{left:2px;top:6px;bottom:6px;width:1px}
 .holo-left{left:3%;right:auto}
 .holo-right{left:35%;right:auto}
 .holo-bottom{left:68%;right:2%}
 .holo span{font-size:8px;letter-spacing:.065em;line-height:1.3}
 .holo strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  max-height:39px;
  font-size:clamp(13px,3.6vw,16px);
  line-height:1.15;
  padding:4px 0 2px;
  font-weight:600;
  overflow-wrap:anywhere;
 }
 .holo small{
  display:block;
  font-size:9px;
  line-height:1.3;
  max-height:24px;
  overflow:hidden;
 }
 .exhibit-caption{
  left:12px;
  right:12px;
  bottom:12px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-end;
  gap:7px;
  padding:0;
  border:0;
 }
 .caption-copy{min-width:0;max-width:100%}
 .caption-copy .overline{font-size:8px;letter-spacing:.12em}
 .caption-copy h2{
  font-size:clamp(18px,5.1vw,23px);
  line-height:1.13;
  margin:3px 0;
  max-width:100%;
  -webkit-line-clamp:2;
 }
 .caption-copy #card-subtitle{
  font-size:10px;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
 }
 .card-title-details{font-size:10px;margin-top:1px}
 .card-title-details p{width:min(90vw,370px);font-size:11px}
 .caption-controls{
  display:flex;
  width:100%;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:10px;
 }
 .round-control{width:39px;height:39px;font-size:21px}
 .caption-controls .effect-control{margin-left:0}
 .effect-control{min-height:38px;font-size:10px;padding:0 13px}
 .museum-collection{padding-top:30px}
}
@media(max-width:380px){
 .exhibit-chamber{height:clamp(690px,calc(100svh - 115px),825px)}
 .showcase-anchor{inset:8px 0 225px;padding:0}
 .showcase-float{
  width:88vw;
  max-width:calc(100% - 12px);
  max-height:100%;
 }
 .holo{bottom:138px;width:30%;max-width:none}
 .holo strong{font-size:13px}
 .holo span{font-size:7px}
 .holo small{font-size:8px}
 .exhibit-caption{left:10px;right:10px;bottom:10px}
 .caption-copy h2{font-size:18px}
 .caption-controls{flex-wrap:nowrap}
}
@media(prefers-reduced-motion:reduce){
 .showcase-float{filter:none}
 .artifact-aura,.artifact-aura::before,.artifact-aura::after{animation:none!important}
}


/* Mobile exhibit flows as three non-overlapping rows: photo, stats, caption.
   Grid adapts to the real photo ratio and length of member-entered labels. */
@media(max-width:680px){
 .exhibit-chamber{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:minmax(0,1fr) auto auto;
  column-gap:4px;
  row-gap:8px;
  padding:9px 8px 10px;
 }
 .showcase-anchor{
  position:relative;
  inset:auto;
  grid-column:1 / -1;
  grid-row:1;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  padding:0;
 }
 .showcase-float{
  width:min(88vw,420px);
  max-width:calc(100% - 10px);
  max-height:100%;
 }
 .holo,.holo-left,.holo-right,.holo-bottom{
  position:relative;
  inset:auto;
  top:auto;
  left:auto;
  right:auto;
  bottom:auto;
  transform:none;
  grid-row:2;
  align-self:end;
  justify-self:stretch;
  min-width:0;
  width:auto;
  max-width:100%;
  padding:5px 3px 6px 8px;
 }
 .holo-left{grid-column:1}
 .holo-right{grid-column:2}
 .holo-bottom{grid-column:3}
 .holo-left small,.holo-right small{display:none}
 .holo strong{max-height:36px}
 .holo small{max-height:23px}
 .exhibit-caption{
  position:relative;
  inset:auto;
  grid-column:1 / -1;
  grid-row:3;
  width:100%;
  min-width:0;
  padding:0 5px 2px;
 }
}


/* Immersive museum chapter v5 — tablet portrait and phones.
   The first chapter stays taller than the visible screen; the archive is
   discovered by scrolling. Real photos remain untouched and uncropped. */

/* The previous glow was painted on a rectangular element with visible edges.
   Feather the WHOLE aura, including its pseudo-elements, into the backdrop. */
.artifact-aura{
 inset:-30% -53%;
 background:
  radial-gradient(ellipse 46% 62% at 18% 47%,rgba(22,173,245,.42),transparent 97%),
  radial-gradient(ellipse 47% 60% at 85% 40%,rgba(164,65,252,.49),transparent 97%),
  radial-gradient(ellipse 43% 53% at 51% 85%,rgba(13,207,166,.32),transparent 96%),
  radial-gradient(ellipse 38% 39% at 55% 11%,rgba(255,175,64,.20),transparent 99%);
 -webkit-mask-image:radial-gradient(ellipse 66% 72% at 50% 50%,#000 27%,rgba(0,0,0,.84) 49%,transparent 77%);
 mask-image:radial-gradient(ellipse 66% 72% at 50% 50%,#000 27%,rgba(0,0,0,.84) 49%,transparent 77%);
}
.artifact-aura::before,.artifact-aura::after{
 /* Decorative arcs only; never put a rectangular wash over the real card. */
 opacity:.55;
}
.exhibit-chamber{
 background:
  radial-gradient(ellipse 51% 56% at 51% 37%,rgba(92,39,178,.43),transparent 87%),
  radial-gradient(ellipse 40% 59% at 9% 41%,rgba(7,105,180,.48),transparent 92%),
  radial-gradient(ellipse 43% 60% at 94% 43%,rgba(134,36,163,.40),transparent 92%),
  radial-gradient(ellipse 50% 37% at 47% 80%,rgba(7,117,130,.27),transparent 90%),
  linear-gradient(116deg,#07172f 0%,#151b3c 46%,#0a1932 100%);
}

/* Tablet/desktop-mode phones (including the supplied 785px screenshot):
   a large, self-contained first chapter with the card as the main event. */
@media(min-width:681px) and (max-width:1000px){
 .exhibit{padding:0}
 .exhibit-topline{padding:0 24px}
 .exhibit-chamber{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:minmax(870px,1fr) auto auto;
  column-gap:12px;
  row-gap:18px;
  width:100%;
  height:auto;
  min-height:max(1250px,calc(100svh - 110px));
  padding:22px 24px 34px;
  border:0;
  border-radius:0;
  box-shadow:none;
 }
 .showcase-anchor{
  position:relative;
  inset:auto;
  grid-column:1 / -1;
  grid-row:1;
  display:flex;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  padding:0;
  justify-content:center;
  align-items:center;
 }
 .showcase-float{
  width:min(64.4vw,560px);
  max-width:100%;
  max-height:100%;
 }
 .showcase-float .featured-original{
  object-fit:contain;
  object-position:center;
 }
 .artifact-aura{inset:-27% -35%}
 .orbit,.orbit-b{top:40%;max-width:92%}
 .pedestal{bottom:22%;width:66%;opacity:.70}
 .holo,.holo-left,.holo-right,.holo-bottom{
  position:relative;
  inset:auto;
  top:auto;
  left:auto;
  right:auto;
  bottom:auto;
  transform:none;
  grid-row:2;
  align-self:start;
  justify-self:stretch;
  width:auto;
  max-width:100%;
  min-width:0;
  padding:11px 12px 12px 14px;
  border:0;
  background:linear-gradient(90deg,rgba(12,28,59,.29),transparent);
 }
 .holo-left{grid-column:1}
 .holo-right{grid-column:2}
 .holo-bottom{grid-column:3}
 .holo strong{font-size:clamp(17px,2.5vw,23px);line-height:1.19}
 .holo small{font-size:11px}
 .holo span{font-size:9px}
 .exhibit-caption{
  position:relative;
  inset:auto;
  grid-column:1 / -1;
  grid-row:3;
  width:100%;
  padding:5px 6px 0;
  gap:18px;
 }
 .caption-copy{max-width:67%}
 .caption-copy h2{font-size:clamp(24px,3vw,30px)}
 .museum-collection{padding-top:55px}
}

/* Actual narrow-phone layout: the entire opening view is the exhibit and
   its controls, not an archive preview. */
@media(max-width:680px){
 .exhibit-chamber{
  box-sizing:border-box;
  height:auto;
  min-height:max(860px,calc(100svh - 90px));
  grid-template-rows:minmax(590px,1fr) auto auto;
  row-gap:12px;
  padding:15px 9px 23px;
  border:0;
  box-shadow:none;
 }
 .showcase-anchor{
  min-height:0;
  height:100%;
  align-items:center;
  justify-content:center;
 }
 .showcase-float{
  width:min(82vw,405px);
  max-width:calc(100% - 10px);
  max-height:100%;
 }
 .artifact-aura{inset:-26% -35%}
 .orbit,.orbit-b{top:39%}
 .pedestal{bottom:29%;width:82%}
 .holo,.holo-left,.holo-right,.holo-bottom{
  grid-row:2;
  align-self:start;
  justify-self:stretch;
  width:auto;
  max-width:100%;
  padding:7px 3px 8px 8px;
 }
 .exhibit-caption{
  grid-row:3;
  padding:0 5px 3px;
  gap:10px;
 }
 .museum-collection{padding-top:48px}
}
@media(max-width:380px){
 .exhibit-chamber{
  height:auto;
  min-height:max(820px,calc(100svh - 80px));
  grid-template-rows:minmax(530px,1fr) auto auto;
 }
 .showcase-float{width:82vw;max-height:100%}
}
@media(prefers-reduced-motion:reduce){
 .artifact-aura,.artifact-aura::before,.artifact-aura::after{animation:none!important}
}

/* Cosmic shrine v7. Open nebula space replaces all tunnel architecture.
   The original photograph is above every flame, ring, star and light layer. */
:root{--gold:#b1f9df;--ice:#9af4ff}
body{background:#0c1234}
.museum-shell{background:radial-gradient(ellipse at 9% 13%,#173661a8,transparent 45%),radial-gradient(ellipse at 89% 9%,#41226591,transparent 44%),linear-gradient(155deg,#101a3b,#121c37 48%,#12132c)}
.museum-intro{padding-top:28px;padding-bottom:27px}
.museum-intro h1 em{color:#bdc8ff;text-shadow:0 0 40px #9274e733}
.exhibit{max-width:1440px;padding:0 16px}
.cosmic-chamber{
 --stage-height:650px;--scene-accent:87,255,186;--scene-x:0px;--scene-y:0px;
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:var(--stage-height) auto auto;
 height:auto;min-height:0;gap:0 25px;padding:0 38px 30px;border:0;border-radius:0;overflow:hidden;
 background:radial-gradient(ellipse 55% 65% at 16% 45%,#08634e91,transparent 88%),radial-gradient(ellipse 58% 76% at 90% 38%,#362475bc,transparent 89%),linear-gradient(125deg,#0e294a,#132e46 47%,#272458);
 box-shadow:none;
}
.cosmic-chamber::before{z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 47%,#4d81a020,transparent 65%);opacity:1}
.cosmic-chamber::after{z-index:0;box-shadow:none;background:linear-gradient(0deg,#14213e 0%,transparent 28%);opacity:1;pointer-events:none}
.museum-scene{position:absolute;left:0;right:0;top:0;height:var(--stage-height);pointer-events:none;z-index:1;overflow:hidden;perspective:1000px}
.cosmic-stars{position:absolute;inset:-4%;opacity:.86;background-image:radial-gradient(circle at 17% 21%,#c1fff8 0 1px,transparent 1.7px),radial-gradient(circle at 72% 14%,#d4c1ff 0 1.2px,transparent 2px),radial-gradient(circle at 39% 62%,#e1f2ff 0 .7px,transparent 1.3px),radial-gradient(circle at 84% 53%,#78f3e6 0 .8px,transparent 1.5px);background-size:173px 157px,237px 223px,107px 137px,281px 197px;transform:translate(var(--scene-x),var(--scene-y));transition:transform .5s ease-out}
.nebula-cloud{position:absolute;inset:-20%;mix-blend-mode:screen;transform-origin:center;animation:cosmic-cloud 17s ease-in-out infinite alternate;will-change:transform}
.nebula-emerald{background:radial-gradient(ellipse 24% 39% at 28% 57%,#04ff794e,transparent 83%),radial-gradient(ellipse 18% 40% at 13% 62%,#13e9bc52,transparent 85%);animation-delay:-4s}
.nebula-cyan{background:radial-gradient(ellipse 34% 28% at 49% 76%,#1cefe760,transparent 85%),radial-gradient(ellipse 25% 53% at 71% 42%,#148afc5c,transparent 85%);animation-delay:-11s;animation-direction:alternate-reverse}
.nebula-violet{background:radial-gradient(ellipse 30% 44% at 76% 35%,#ab35fb74,transparent 90%),radial-gradient(ellipse 32% 32% at 40% 11%,#8f55ff42,transparent 85%);animation-delay:-7s}
.cosmic-rays{position:absolute;inset:-35%;opacity:.57;transform-origin:50% 67%;background:repeating-conic-gradient(from 12deg at 50% 67%,transparent 0deg 19deg,#69ffe614 20deg,transparent 23deg 43deg,#95acff19 45deg,transparent 47deg 74deg);-webkit-mask-image:radial-gradient(ellipse,#0004 14%,#000 39%,transparent 68%);mask-image:radial-gradient(ellipse,#0004 14%,#000 39%,transparent 68%);animation:cosmic-rays 60s linear infinite}
.css-fire{position:absolute;top:17%;bottom:6%;width:36%;mix-blend-mode:screen;opacity:.75;background:radial-gradient(ellipse 13% 47% at 40% 65%,#8affb180,#04e99540 35%,transparent 72%),radial-gradient(ellipse 16% 41% at 70% 52%,#18e8f569,transparent 73%),radial-gradient(ellipse 31% 48% at 44% 90%,#34feaf70,transparent 75%);-webkit-mask-image:radial-gradient(ellipse,#000 25%,transparent 73%);mask-image:radial-gradient(ellipse,#000 25%,transparent 73%);animation:cosmic-fire-breathe 6s ease-in-out infinite alternate}
.fire-left{left:6%;transform:rotate(-16deg)}.fire-right{right:3%;transform:rotate(19deg);background:radial-gradient(ellipse 17% 46% at 56% 64%,#72d5ff9c,#3893ff4a 40%,transparent 74%),radial-gradient(ellipse 23% 56% at 32% 60%,#ad48ff8c,transparent 76%);animation-delay:-3s}
.energy-meridian{position:absolute;left:50%;top:49%;width:50%;height:72%;border:1px solid #9df6e769;border-bottom-color:transparent;border-left-color:#70eff226;border-radius:50%;transform:translate(calc(-50% + var(--scene-x)),calc(-50% + var(--scene-y))) rotate(-29deg);box-shadow:0 0 16px #34e9cf20,inset 0 0 14px #4ecaf515;opacity:.76}
.meridian-two{width:44%;height:77%;transform:translate(calc(-50% + var(--scene-x)),calc(-50% + var(--scene-y))) rotate(42deg);border-color:#ab9cfa59;border-right-color:transparent;opacity:.56}
.cosmic-chamber .plasma-canvas{height:var(--stage-height);z-index:2;opacity:1;mix-blend-mode:screen;pointer-events:none;transform:translate(var(--scene-x),var(--scene-y));transition:transform .5s ease-out}
.cosmic-chamber .showcase-anchor{position:relative;inset:auto;grid-row:1;grid-column:1/-1;width:100%;height:100%;padding:0;min-height:0;align-items:center;justify-content:center;z-index:6}
.cosmic-chamber .showcase-float{width:min(28vw,308px);max-width:80%;max-height:calc(100% - 155px);aspect-ratio:var(--display-ratio,.715);isolation:isolate;transform-style:flat;filter:none;will-change:auto;transform:perspective(1100px) translateY(var(--lift,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out,opacity .22s ease-out}
.cosmic-chamber .showcase-float.switching{opacity:0;transform:translateY(13px) scale(.96)}
.cosmic-chamber .featured-original{filter:drop-shadow(0 18px 20px #10253a99);user-select:none;-webkit-user-drag:none}
.cosmic-chamber .artifact-aura{inset:-35% -65%;animation:cosmic-fire-breathe 6s ease-in-out infinite alternate;background:radial-gradient(ellipse 37% 57% at 22% 66%,#30ffba75,transparent 85%),radial-gradient(ellipse 41% 55% at 81% 41%,#7160ff8c,transparent 85%),radial-gradient(ellipse 40% 29% at 50% 88%,#5bf9e36b,transparent 80%);opacity:.8;z-index:0}
.cosmic-chamber .artifact-aura::before,.cosmic-chamber .artifact-aura::after{display:none}
.cosmic-chamber .pedestal{top:calc(var(--stage-height)*.82);bottom:auto;left:50%;width:min(49%,550px);height:99px;transform:translateX(-50%);z-index:3;opacity:1}
.pedestal-shadow{position:absolute;inset:24% -22% -31%;border-radius:50%;background:radial-gradient(ellipse,#36ffb54d,#20b9e02e 38%,transparent 68%)}
.pedestal-base{position:absolute;inset:30% 3% 0;border-radius:50%;border:1px solid #50f0cf4a;background:linear-gradient(#21656e88,#2527579c 46%,#2289a5a8 50%,#1b365b3b 61%,transparent 88%);box-shadow:0 0 40px #42e9d24a}
.cosmic-chamber .pedestal-plate{position:absolute;inset:0 0 28%;width:auto;height:auto;clip-path:none;margin:0;border:1px solid #b2fff3bb;border-radius:50%;background:radial-gradient(ellipse,#4b8a9d33 24%,#142d4d88 45%,#6effd4bc 48%,#154f67 50%,#75d6ecbf 52%,#1a3c6080 55%,#6b5de27a 70%,#9bfae0ab 72%,transparent 74%);box-shadow:0 0 45px #31e2d34d,inset 0 0 24px #69e9e340,0 10px 0 #72dfec23}
.cosmic-chamber .pedestal-light{position:absolute;inset:8% 6% 36%;height:auto;border:1px solid #bafff0b8;border-radius:50%;background:radial-gradient(ellipse,#47ffab1c 25%,#5bffd259 62%,transparent 73%);box-shadow:0 0 38px #44ffc950,inset 0 0 16px #5bffe478}
.pedestal-etch{position:absolute;inset:16% 18% 44%;border:1px dashed #b6fff8b3;border-radius:50%;transform:rotate(-6deg)}
.cosmic-chamber .orbit{width:min(72%,740px);height:112px;aspect-ratio:auto;left:50%;top:calc(var(--stage-height)*.77);transform:translate(-50%,-50%) rotate(-10deg);border:1px solid #75ffe4a8;border-top-color:transparent;border-left-color:#3bf7b95c;border-radius:50%;box-shadow:0 0 15px #28f2c352,inset 0 0 12px #6af4d528;opacity:.85;z-index:4;animation:cosmic-orbit 15s ease-in-out infinite alternate}
.cosmic-chamber .orbit-b{width:min(65%,650px);height:159px;top:calc(var(--stage-height)*.75);transform:translate(-50%,-50%) rotate(16deg);border-color:#a9acff94;border-right-color:transparent;opacity:.7;animation-direction:alternate-reverse;animation-delay:-7s}
.cosmic-chamber .holo{position:relative;inset:auto;transform:none;grid-row:2;align-self:stretch;min-width:0;width:auto;max-width:100%;padding:19px 16px 23px;border:0;border-top:1px solid #82e9db40;border-radius:0;clip-path:none;background:linear-gradient(145deg,#37749330,transparent 80%);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:none}
.cosmic-chamber .holo::before{left:0;top:23px;bottom:24px;background:linear-gradient(#baffed99,#91beff1c)}
.cosmic-chamber .holo-left{grid-column:1}.cosmic-chamber .holo-right{grid-column:2}.cosmic-chamber .holo-bottom{grid-column:3;text-align:left}
.cosmic-chamber .holo span{font-size:8px;letter-spacing:.15em;color:#badde7}.cosmic-chamber .holo strong{display:block;font-size:22px;font-weight:450;line-height:1.25;max-height:none;padding:8px 0 5px;color:#edfffb}.cosmic-chamber .holo small{display:block;font-size:10px;line-height:1.5;max-height:none;color:#bad0e4}
.cosmic-chamber .exhibit-caption{position:relative;inset:auto;grid-column:1/-1;grid-row:3;width:100%;min-width:0;padding:22px 0 0;border-top:1px solid #acd6eb33;gap:22px}
.cosmic-chamber .caption-copy{min-width:0;max-width:65%}.cosmic-chamber .caption-copy h2{font-size:clamp(23px,2.6vw,34px);line-height:1.2;margin:7px 0}.cosmic-chamber .caption-copy #card-subtitle{color:#bbd4e6}
.cosmic-chamber .round-control{width:46px;height:46px;border-color:#9ee4e763;background:linear-gradient(145deg,#1d5369,#252f62);box-shadow:0 0 17px #23ddd914}
.cosmic-chamber .effect-control{min-height:44px;background:#25405b;color:#c8fff3;border-color:#91e6d96e}
.cosmic-chamber .photo-absent{border:0;background:none;box-shadow:none;color:#d7faf2;gap:18px}.cosmic-chamber .photo-absent::before{content:"✧";font-size:67px;font-weight:200;color:#baffe6;text-shadow:0 0 26px #72ffe6}.cosmic-chamber .photo-absent small{color:#c4dae7}
.cosmic-chamber.effects-off .nebula-cloud,.cosmic-chamber.effects-off .cosmic-rays,.cosmic-chamber.effects-off .css-fire,.cosmic-chamber.effects-off .orbit,.cosmic-chamber.effects-off .artifact-aura,
.cosmic-chamber.scene-paused .nebula-cloud,.cosmic-chamber.scene-paused .cosmic-rays,.cosmic-chamber.scene-paused .css-fire,.cosmic-chamber.scene-paused .orbit,.cosmic-chamber.scene-paused .artifact-aura{animation-play-state:paused;will-change:auto}
.cosmic-chamber.effects-off .plasma-canvas{opacity:0}
.cosmic-chamber.quality-low .nebula-cloud,.cosmic-chamber.quality-low .cosmic-rays,.cosmic-chamber.quality-low .css-fire,.cosmic-chamber.quality-low .orbit,.cosmic-chamber.quality-low .artifact-aura{animation:none}
@keyframes cosmic-cloud{from{transform:translate(-2%,-1%) scale(.97);opacity:.74}to{transform:translate(2%,2%) scale(1.05);opacity:1}}
@keyframes cosmic-rays{to{rotate:360deg}}
@keyframes cosmic-fire-breathe{from{opacity:.65;scale:.96 1}to{opacity:1;scale:1.05 1.04}}
@keyframes cosmic-orbit{from{rotate:-5deg;translate:0 -5px}to{rotate:5deg;translate:0 5px}}
@media(min-width:681px) and (max-width:1000px){
 .cosmic-chamber{--stage-height:700px;min-height:0;padding:0 25px 28px;gap:0 18px}
 .cosmic-chamber .showcase-float{width:min(44vw,355px);max-height:calc(100% - 180px)}
 .cosmic-chamber .caption-copy{max-width:62%}.energy-meridian{width:61%}.meridian-two{width:55%}
}
@media(max-width:680px){
 .museum-intro{padding:17px 16px 14px}.exhibit{padding:0}.exhibit-topline{padding:0 16px;margin-bottom:5px}
 .cosmic-chamber{--stage-height:clamp(500px,68svh,620px);min-height:0;height:auto;padding:0 16px 24px;gap:0 10px}
 .cosmic-chamber .showcase-float{width:min(66vw,278px);max-width:88%;max-height:calc(100% - 150px)}
 .cosmic-chamber .featured-original{width:calc(100% - 24px);height:calc(100% - 24px);max-width:calc(100% - 24px);max-height:calc(100% - 24px)}
 .cosmic-chamber .artifact-aura{inset:-33% -47%}
 .energy-meridian{width:82%;height:70%;top:50%;opacity:.64}.meridian-two{width:77%;height:73%}
 .css-fire{width:52%;top:16%;bottom:5%}.fire-left{left:-9%}.fire-right{right:-8%}
 .cosmic-chamber .pedestal{width:78%;height:78px;top:calc(var(--stage-height)*.82)}
 .cosmic-chamber .orbit{width:94%;height:81px;top:calc(var(--stage-height)*.77)}.cosmic-chamber .orbit-b{width:88%;height:117px;top:calc(var(--stage-height)*.75)}
 .cosmic-chamber .holo{padding:15px 7px 19px}.cosmic-chamber .holo span{font-size:7px;letter-spacing:.07em;line-height:1.5}.cosmic-chamber .holo strong{font-size:clamp(13px,3.8vw,17px);padding:7px 0;overflow-wrap:anywhere}.cosmic-chamber .holo small{font-size:8px;line-height:1.5}
 .cosmic-chamber .exhibit-caption{flex-direction:column;align-items:stretch;gap:18px;padding:20px 0 0}.cosmic-chamber .caption-copy{max-width:100%}.cosmic-chamber .caption-copy h2{font-size:25px;margin:7px 0}.cosmic-chamber .caption-copy #card-subtitle{white-space:normal;font-size:11px;line-height:1.5}
 .cosmic-chamber .caption-controls{gap:12px;justify-content:center}.cosmic-chamber .effect-control{font-size:11px}
}
@media(max-width:380px){.cosmic-chamber{--stage-height:500px;padding-left:12px;padding-right:12px;gap:0 8px}.cosmic-chamber .holo small{font-size:8px}}
@media(prefers-reduced-motion:reduce){
 .cosmic-chamber .nebula-cloud,.cosmic-chamber .cosmic-rays,.cosmic-chamber .css-fire,.cosmic-chamber .orbit,.cosmic-chamber .artifact-aura{animation:none!important;will-change:auto}
 .cosmic-chamber .showcase-float{transform:none!important;transition:none!important}.cosmic-chamber .plasma-canvas{display:none}
}

/* Living fire polish v8. Environmental wisps remain below the photograph.
   Only this masked band renders above it: 8px outside + 20px inside.
   The existing masked band receives a restrained 4px haze for feathered edges. */
.cosmic-chamber .css-fire{opacity:.44}
.photo-flame-border{
 position:absolute;z-index:3;pointer-events:none;box-sizing:border-box;
 padding:28px;border:0;border-radius:28px;background:none;overflow:hidden;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;
 opacity:.98;filter:blur(4px);animation:edge-flame-breathe 4.7s ease-in-out infinite alternate;
}
.showcase-float:not(.has-photo) .photo-flame-border{display:none}
.photo-flame-border::before{
 content:"";position:absolute;left:50%;top:50%;width:var(--flame-span,700px);height:var(--flame-span,700px);
 background:conic-gradient(from 18deg,#46ffc3ef 0deg,#b7ffe2cc 20deg,#27e8b9ab 42deg,#76eaffef 68deg,#2fa7ffbd 88deg,#ae7fffa8 112deg,#e3ccffe6 139deg,#35ffc6ce 162deg,#7af1eea8 186deg,#46b6fff0 215deg,#afcfffb5 238deg,#b393ffe1 261deg,#89ffe6af 289deg,#31e9b2ef 318deg,#9eb1ffaa 339deg,#46ffc3ef 360deg);
 transform:translate(-50%,-50%);animation:edge-flame-flow 12s linear infinite;
}
.photo-flame-border .edge-flame{
 position:absolute;width:4px;height:10px;pointer-events:none;
 transform-origin:50% 100%;background:linear-gradient(0deg,#ddfff0,var(--tip-color) 38%,transparent 98%);
 border-radius:62% 38% 58% 42% / 72% 42% 58% 28%;
 animation:edge-flame-lick 2.7s ease-in-out infinite alternate;
}
.cosmic-chamber.scene-paused .edge-flame{animation-play-state:paused}
.cosmic-chamber.quality-low .edge-flame:nth-child(2n){display:none}
@keyframes edge-flame-lick{
 from{transform:rotate(var(--edge-angle)) skewX(-13deg) scaleY(.45);opacity:.38}
 to{transform:rotate(var(--edge-angle)) skewX(12deg) scaleY(1);opacity:.95}
}
.cosmic-chamber.effects-off .photo-flame-border{display:none}
.cosmic-chamber.scene-paused .photo-flame-border,
.cosmic-chamber.scene-paused .photo-flame-border::before{animation-play-state:paused}
.cosmic-chamber.quality-low .photo-flame-border::before{animation-duration:19s}
@keyframes edge-flame-flow{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes edge-flame-breathe{from{opacity:.9}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.photo-flame-border{display:none!important}}
@supports not ((mask-composite:exclude) or (-webkit-mask-composite:xor)){
 .photo-flame-border{display:none!important}
}


/* Fluid exhibit v9: one continuous nebula from the photograph to its details.
   Only CSS layout changes; the photograph, flame mask and GPU budget stay intact. */
.museum-header{max-width:1440px;min-height:58px;padding:7px 24px;border-bottom:0}
.museum-brand{font-size:10px;gap:10px;min-height:44px}.museum-brand small{font-size:7px;margin-top:3px}
.brand-symbol{width:32px;height:32px;font-size:20px}
.museum-intro{max-width:1440px;padding:5px 24px 12px;align-items:center;gap:18px}
.museum-intro h1{font-size:clamp(23px,2.5vw,32px);line-height:1.1;margin:0;letter-spacing:-.04em}
.museum-intro .intro-mark{display:flex;flex-direction:row;align-items:center;gap:9px;border:0;padding:0;font-size:8px;letter-spacing:.13em}
.museum-intro .intro-mark strong{font-size:16px;letter-spacing:-.02em}
.exhibit{max-width:1600px;padding:0}
.exhibit-topline{padding:0 24px;margin:0 0 8px;font-size:9px;letter-spacing:.14em}
.cosmic-chamber{
 --stage-height:clamp(760px,80svh,980px);
 grid-template-columns:minmax(0,1fr);grid-template-rows:var(--stage-height) auto;
 gap:0;padding:0 42px 40px;
}
.cosmic-chamber::after{background:linear-gradient(0deg,#121c37, #121c3766 12%,transparent 42%)}
.cosmic-chamber .museum-scene{height:100%;perspective:none}
.cosmic-chamber .museum-scene::after{
 content:"";position:absolute;inset:65% 0 0;pointer-events:none;
 background:linear-gradient(transparent,#121c37);
}
.cosmic-chamber .exhibit-details{
 position:relative;z-index:7;grid-row:2;grid-column:1/-1;min-width:0;
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;
 margin-top:-34px;padding:0 16px 12px;
 background:radial-gradient(ellipse at 50% 65%,#163c5a66,transparent 76%);
}
.cosmic-chamber .exhibit-caption{
 grid-row:1;grid-column:1/-1;align-items:center;gap:24px;padding:0 0 18px;border:0;
}
.cosmic-chamber .caption-copy{max-width:72%}
.cosmic-chamber .caption-copy h2{display:block;overflow:visible;-webkit-line-clamp:unset;font-size:clamp(26px,3vw,38px);margin:8px 0;max-height:none}
.cosmic-chamber .caption-copy #card-subtitle{white-space:normal;overflow:visible;max-height:none;font-size:12px;line-height:1.6}
.cosmic-chamber .card-title-details p{position:static;width:auto;max-width:100%;max-height:none;overflow:visible;padding:8px 0;background:none;border:0;box-shadow:none;overflow-wrap:anywhere}
.cosmic-chamber .holo{grid-row:2;align-self:start;padding:18px 0 6px;border:0;background:none;box-shadow:none}
.cosmic-chamber .holo::before{display:none}
.cosmic-chamber .holo strong{font-size:clamp(17px,2vw,24px);padding:8px 0 5px}
.museum-collection{padding-top:38px}
@media(min-width:681px) and (max-width:1000px){
 .cosmic-chamber{--stage-height:clamp(820px,82svh,1060px);padding:0 26px 36px}
 .cosmic-chamber .exhibit-details{padding-left:0;padding-right:0;column-gap:22px}
 .cosmic-chamber .caption-copy{max-width:62%}
}
@media(max-width:680px){
 .museum-header{min-height:52px;padding:4px 16px}.museum-brand{font-size:9px;gap:8px}
 .museum-brand small{font-size:6px}.brand-symbol{width:28px;height:28px;font-size:18px}
 .return-link{display:inline-flex;align-items:center;min-height:44px}
 .museum-intro{padding:4px 16px 10px}.museum-intro h1{font-size:23px}
 .museum-intro .intro-mark{font-size:6px;gap:6px}.museum-intro .intro-mark strong{font-size:13px}
 .exhibit-topline{padding:0 16px;margin-bottom:6px;font-size:8px}
 .cosmic-chamber{--stage-height:clamp(610px,86svh,840px);padding:0 18px 30px}
 .cosmic-chamber .exhibit-details{margin-top:-30px;padding:0;column-gap:14px}
 .cosmic-chamber .exhibit-caption{flex-direction:column;align-items:stretch;gap:18px;padding:0 0 14px}
 .cosmic-chamber .caption-copy{max-width:100%}.cosmic-chamber .caption-copy h2{font-size:28px}
 .cosmic-chamber .caption-copy #card-subtitle{font-size:11px}
 .cosmic-chamber .caption-controls{width:100%;justify-content:flex-start;gap:12px}
 .cosmic-chamber .caption-controls .effect-control{margin-left:auto}
 .cosmic-chamber .holo{padding:16px 0 6px}.cosmic-chamber .holo span{font-size:8px;letter-spacing:.04em}
 .cosmic-chamber .holo strong{font-size:14px;line-height:1.4}.cosmic-chamber .holo small{font-size:9px;line-height:1.5}
 .museum-collection{padding-top:30px}
}


/* Liquid plasma v10: calm, rounded fallback energy; the animated liquid
   field is rendered behind the photograph by the existing bounded canvas. */
.liquid-fallback{display:none;position:absolute;inset:0 0 auto;height:var(--stage-height);pointer-events:none;z-index:2;overflow:hidden}
.cosmic-chamber.effects-fallback .liquid-fallback,.cosmic-chamber.effects-off .liquid-fallback{display:block}
.liquid-fallback i{position:absolute;width:var(--size);height:calc(var(--size)*1.3);left:var(--x);top:var(--y);border-radius:47% 53% 59% 41% / 56% 43% 57% 44%;background:radial-gradient(ellipse at 31% 24%,#c4fff0a8,transparent 20%),radial-gradient(ellipse,#22eeb92b 25%,#60ffe98a 66%,transparent 75%);transform:rotate(-12deg)}
.liquid-fallback i::after{content:"";position:absolute;inset:-28% 11% 54% 20%;border-radius:50%;background:radial-gradient(ellipse,#a0ebff5c,#37b9fa42 52%,transparent 74%)}
.liquid-fallback i:nth-child(1){--x:22%;--y:73%;--size:27px}
.liquid-fallback i:nth-child(2){--x:69%;--y:68%;--size:36px}
.liquid-fallback i:nth-child(3){--x:15%;--y:48%;--size:21px}
.liquid-fallback i:nth-child(4){--x:79%;--y:38%;--size:29px;filter:hue-rotate(54deg)}
.liquid-fallback i:nth-child(5){--x:26%;--y:26%;--size:16px}
.liquid-fallback i:nth-child(6){--x:64%;--y:15%;--size:20px;filter:hue-rotate(85deg)}
.cosmic-chamber .css-fire{animation-name:plasma-haze;opacity:.44}
@keyframes plasma-haze{from{opacity:.28;scale:.97 1}to{opacity:.48;scale:1.03 1.04}}