@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--night:#12241f;--cream:#f1f3e9;--coral:#d47658;--violet:#a992d1;--mint:#a7d8c2;--line:#cbd5c9}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e5b968;outline-offset:4px}
.museum-page{background:var(--night);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;line-height:1.5}
.museum-page h1,.museum-page h2,.museum-page h3{font-family:'Space Grotesk',Arial,sans-serif;line-height:1.05;font-weight:500;letter-spacing:-.04em}
.museum-page a{color:inherit}
.museum-skip{position:absolute;left:12px;top:-100px;padding:10px;background:#fff;color:#12241f!important;z-index:10}
.museum-skip:focus{top:12px}
.museum-header{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff25;position:relative;z-index:2}
.museum-logo{font-family:'Space Grotesk',Arial,sans-serif;text-decoration:none;font-size:15px;letter-spacing:.08em;font-weight:700;white-space:nowrap}
.museum-spark{color:var(--coral);font-size:27px;vertical-align:middle;margin-right:9px}
.museum-header nav{display:flex;gap:30px;font-size:13px}
.museum-header nav a{text-decoration:none}
.museum-header nav a:hover{text-decoration:underline}
.museum-header-note{font-size:9px;letter-spacing:.18em;color:#b8cbbd}
.museum-hero{min-height:calc(100svh - 84px);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding:80px 8vw 100px;background:radial-gradient(circle at 76% 50%,#285144 0,#12241f 49%)}
.museum-hero-copy{position:relative;z-index:1}
.museum-kicker{font-size:11px!important;letter-spacing:.21em;font-weight:700;color:var(--mint);margin:0 0 20px}
.museum-hero h1{font-size:clamp(54px,5.2vw,88px);margin:0 0 28px}
.museum-hero h1 em{font-style:normal;color:var(--coral)}
.museum-hero-copy>p:not(.museum-kicker){font-size:clamp(17px,1.6vw,22px);max-width:520px;color:#d4dfd5}
.museum-button{display:inline-flex;justify-content:space-between;align-items:center;gap:50px;padding:15px 19px;margin-top:24px;min-width:220px;background:#e8c68b;color:var(--night)!important;text-decoration:none;border-radius:4px;font-weight:700;font-size:13px;transition:transform .2s ease,background .2s ease}
.museum-button:hover{transform:translateY(-3px);background:#f1d9ab}
.museum-hero-art{aspect-ratio:1;position:relative;min-width:0}
.museum-halo{position:absolute;left:50%;top:50%;border:1px solid #c2dec36a;border-radius:50%;transform:translate(-50%,-50%)}
.halo-outer{width:96%;height:96%;box-shadow:0 0 90px #7ec7a334,inset 0 0 80px #7ec7a328}
.halo-middle{width:70%;height:70%;border-style:dashed;animation:orbit-turn 45s linear infinite}
.halo-inner{width:43%;height:43%;background:radial-gradient(circle,#d46f5270,#b98fb72b 55%,transparent 70%);border-color:#f0c79985}
.museum-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(72px,12vw,180px);font-weight:500;color:#f6e7cb;text-shadow:0 0 55px #eda974a3}
.museum-star{position:absolute;color:#f3d393}.star-one{top:14%;left:42%;font-size:26px}.star-two{top:59%;left:6%;font-size:16px}.star-three{top:73%;left:83%;font-size:20px}
.museum-orbit-label{position:absolute;font-size:10px;letter-spacing:.2em;color:#c9dfcd}.label-one{top:18%;right:3%}.label-two{bottom:15%;left:12%}.label-three{bottom:13%;right:14%}
.museum-hero-foot{position:absolute;bottom:28px;left:8vw;font-size:10px;letter-spacing:.2em;color:#bacabe}
.museum-hero-foot span{margin-left:12px}
.museum-exhibits{padding:110px 8vw 140px;background:#e9eee5;color:var(--night)}
.museum-section-heading{max-width:740px;margin-bottom:44px}
.museum-section-heading .museum-kicker{color:#a55441}
.museum-section-heading h2{font-size:clamp(42px,5vw,72px);margin:0 0 15px}
.museum-section-heading>p:last-child{font-size:17px;color:#526156}
.exhibit-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.exhibit-card{display:grid;grid-template-rows:auto 1fr;min-height:530px;border-radius:10px;overflow:hidden;padding:33px;position:relative;text-decoration:none;box-shadow:0 20px 50px #14271b14;transition:transform .25s ease,box-shadow .25s ease}
.exhibit-card:hover{transform:translateY(-7px);box-shadow:0 30px 60px #14271b2c}
.exhibit-coral{background:#26392e;color:#f8f4e9!important}
.exhibit-violet{background:#2b2944;color:#f8f4e9!important}
.exhibit-info{position:relative;z-index:1;max-width:460px}
.exhibit-eyebrow{font-size:10px;letter-spacing:.18em;color:#efcb9f;font-weight:700}
.exhibit-card h2{font-size:clamp(34px,3.4vw,57px);margin:17px 0 16px}
.exhibit-question{font-size:21px;line-height:1.3;margin:0 0 14px}
.exhibit-description{font-size:13px;line-height:1.65;color:#d8e2d7;max-width:420px}
.exhibit-enter{display:inline-block;margin-top:15px;font-size:12px;font-weight:700;border-bottom:1px solid #f2d491;padding-bottom:6px}
.exhibit-art{height:230px;position:relative;align-self:end}
.art-orbit{position:absolute;border:1px solid #bea8da91;border-radius:50%;left:52%;top:50%;transform:translate(-50%,-50%) rotate(-24deg)}
.art-orbit-one{width:290px;height:100px}.art-orbit-two{width:235px;height:175px;transform:translate(-50%,-50%) rotate(35deg)}
.art-nucleus{position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f3a481,#bf654e);box-shadow:0 0 70px #d87552b0}
.art-electron{position:absolute;left:16%;top:42%;width:12px;height:12px;border-radius:50%;background:#b9a1e8;box-shadow:0 0 0 13px #b9a1e82b,0 0 24px #b9a1e8}
.entropy-chamber{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(94%,360px);height:185px;border:1px solid #c9b5e4;border-radius:10px;background:#9384b91c}
.entropy-divider{position:absolute;left:50%;top:7%;height:86%;border-left:1px dashed #d1c2e2a3}
.entropy-chamber i{position:absolute;width:23px;height:23px;border-radius:50%;background:#edca8d;box-shadow:0 0 18px #efc9877a}
.entropy-chamber i:nth-child(1){left:13%;top:20%}.entropy-chamber i:nth-child(2){left:25%;top:61%}.entropy-chamber i:nth-child(3){left:38%;top:35%}.entropy-chamber i:nth-child(4){left:43%;top:72%}.entropy-chamber i:nth-child(5){left:62%;top:25%}.entropy-chamber i:nth-child(6){left:70%;top:65%}.entropy-chamber i:nth-child(7){left:82%;top:39%}.entropy-chamber i:nth-child(8){left:88%;top:75%}
.museum-about{padding:100px 8vw 120px;display:grid;grid-template-columns:1fr 1fr;gap:20px 80px;align-items:start}
.museum-about .museum-kicker{grid-column:1/-1}
.museum-about h2{font-size:clamp(43px,5vw,70px);margin:0}
.museum-about>p:not(.museum-kicker){font-size:18px;line-height:1.7;color:#d4dfd5;max-width:560px;margin:0}
.museum-about>span{grid-column:1/-1;margin-top:30px;color:#b3cbbd;font-size:10px;letter-spacing:.2em}
.museum-footer{border-top:1px solid #ffffff24;padding:28px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.16em;color:#c4d2c6}
.journey-rail{position:sticky;top:0;z-index:20;display:flex;gap:0;overflow-x:auto;background:#1e332a;color:#f1f3e9;border-bottom:1px solid #8aa190;scrollbar-width:none}
.journey-rail:before{content:'';position:absolute;left:0;bottom:0;height:3px;width:var(--progress,0);background:#e8bd7d;transition:width .25s ease}
.journey-rail a{white-space:nowrap;display:block;padding:13px 18px;color:#d7e1d4;text-decoration:none;font-family:'DM Sans',Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.02em;opacity:.7}
.journey-rail a.active{opacity:1;color:#fff}
.journey-rail a:hover{text-decoration:underline}
.topic-back{display:inline-flex;gap:9px;align-items:center;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.04em}
.topic-back:hover{text-decoration:underline}
@keyframes orbit-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:900px){.museum-header-note{display:none}.museum-hero{grid-template-columns:1fr;min-height:0;padding:75px 6vw 95px}.museum-hero-art{width:min(75vw,500px);margin:auto}.museum-exhibits{padding:80px 6vw 100px}.exhibit-grid{grid-template-columns:1fr}.exhibit-card{min-height:460px}.museum-about{padding:80px 6vw 90px}}
@media(max-width:600px){.museum-header{height:68px;padding:0 5vw}.museum-logo{font-size:12px}.museum-header nav{gap:12px;font-size:11px}.museum-hero{padding:70px 6vw 82px}.museum-hero h1{font-size:clamp(48px,13vw,74px)}.museum-hero-art{width:88vw;margin:-10px auto 0}.museum-hero-foot{left:6vw}.museum-exhibits{padding:65px 6vw 80px}.exhibit-card{min-height:480px;padding:24px}.exhibit-card h2{font-size:43px}.exhibit-question{font-size:19px}.museum-about{grid-template-columns:1fr;gap:18px}.museum-about .museum-kicker,.museum-about>span{grid-column:auto}.museum-footer{flex-direction:column}.journey-rail a{padding:12px 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}