@font-face{font-family:'Bebas Neue';src:url('assets/fonts/bebas-neue-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{color-scheme:dark;--ink:#eee9dc;--paper:#22251f;--signal:#eaff64;--muted:#d0d2c4;--body-copy-size:16px;--rule:#eee9dc2b;--header-divider-height:8px;--caution-frame:repeating-linear-gradient(-45deg,var(--signal) 0 10px,var(--paper) 10px 20px);--caution-detail:repeating-linear-gradient(-45deg,var(--signal) 0 6px,var(--paper) 6px 12px);--page-gutter:clamp(20px,4.4vw,64px);font-family:'DM Sans',Arial,sans-serif;background:var(--paper);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box;outline:none!important}
body{margin:0;min-width:280px;min-height:100svh;padding-bottom:env(safe-area-inset-bottom)}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
h1,h2,p{margin:0}
img{display:block;max-width:100%}
::selection{background:var(--signal);color:var(--paper)}
.page-width{width:min(100%,1328px);margin-inline:auto;padding-inline:var(--page-gutter)}
.museum-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:14px}
.museum-brand{display:block;flex-shrink:0;width:160px;margin-right:auto}
.museum-brand img{width:100%;height:auto}
.museum-nav{display:flex;align-items:center;gap:32px}
.museum-nav a{display:flex;align-items:center;gap:13px;min-height:44px;font-size:18px;font-weight:600;letter-spacing:1px}
.museum-nav a:hover{color:var(--signal)}
.caution-line{height:var(--header-divider-height);background:var(--caution-frame)}
.hero{display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr);grid-template-areas:"copy art";padding-top:38px;padding-bottom:40px;align-items:stretch}
.hero-copy{grid-area:copy;min-width:0;padding-top:5px;padding-right:32px;padding-bottom:16px;display:flex;flex-direction:column;align-items:flex-start}
.eyebrow{font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:var(--muted)}
.hero h1{margin-top:27px;font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-size:clamp(94px,10.5vw,148px);line-height:.86;letter-spacing:-1.5px;color:var(--signal);font-weight:400}
.hero h1 .headline-line{display:block;color:var(--signal)}
.hero h1 .headline-art{color:var(--ink)}
.hero-intro{margin-top:27px;font-size:var(--body-copy-size);line-height:1.65;color:var(--muted)}
.entrance-link{position:relative;overflow:hidden;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:58px;padding:16px 23px;background:var(--signal);color:var(--paper);font:700 13px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;min-width:285px;margin-top:31px;transition:background-color .15s ease}
.entrance-link:hover{background:#f0ff91}
.entrance-arrow{display:block;width:24px;height:24px;flex-shrink:0}
.art-display{grid-area:art;position:relative;isolation:isolate;min-width:0;min-height:596px;overflow:hidden;color:var(--paper)}
.homepage-preview{grid-area:art;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.homepage-preview .art-display{grid-area:auto;height:auto;border-radius:4px}
.ticket-number{font:40px/1 'Bebas Neue',Impact,sans-serif;color:var(--signal);flex-shrink:0}
.museum-about{padding-top:27px;padding-bottom:50px;scroll-margin-top:28px}
.about-label{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.7px;color:var(--signal)}
.about-rule{margin:0 0 27px;border:0;height:4px;background:var(--caution-detail)}
.about-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:40px;padding-bottom:14px}
.about-content h2{align-self:center;font:400 clamp(64px,8vw,100px)/.96 'Bebas Neue',Impact,sans-serif;color:var(--ink)}
.about-content h2 span{display:block;white-space:nowrap}
.about-content p{font-size:var(--body-copy-size);line-height:1.8;color:var(--muted);}
.about-content p+p{margin-top:15px}
.museum-footer{position:relative;padding-top:calc(31px + var(--header-divider-height));padding-bottom:31px;font:10px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);letter-spacing:.35px}
.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.museum-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--header-divider-height);background:var(--caution-frame)}
.footer-content{display:flex;justify-content:space-between;align-items:center;gap:24px}
.footer-content>span:last-child{flex-shrink:0;text-align:right}
@media(min-width:1440px){
.hero{padding-top:46px;padding-bottom:46px}
.art-display{min-height:635px}
}
@media(max-width:1000px) and (min-width:801px){
.hero h1{font-size:105px}
.hero-copy{padding-right:22px}
.hero-intro{font-size:var(--body-copy-size)}
.art-display{min-height:562px}
.entrance-link{min-width:260px}
}
@media(max-width:800px){
.museum-header{min-height:102px}
.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"art" "copy";padding-top:30px;gap:30px}
.hero-copy{padding-right:0;padding-bottom:0}
.hero h1{font-size:clamp(84px,14vw,116px);margin-top:20px}
.hero-intro{margin-top:22px}
.hero-copy .entrance-link{margin-top:24px;min-width:0;width:100%}
.art-display{min-height:565px}
.about-content{gap:26px}
.museum-footer{font-size:10px}
}
@media(max-width:480px){
:root{--page-gutter:20px;--header-divider-height:8px}
.museum-header{min-height:95px;gap:14px}
.museum-nav{gap:14px}
.museum-nav a{font-size:13px;gap:5px}
.hero{padding-top:26px;padding-bottom:28px;gap:28px}
.eyebrow{font-size:10px;letter-spacing:.5px}
.hero h1{font-size:clamp(76px,22vw,104px);letter-spacing:-.8px;margin-top:20px}
.hero-intro{font-size:var(--body-copy-size);line-height:1.7;margin-top:23px}
.entrance-link{min-height:56px;padding:15px 20px;min-width:270px;font-size:12px}
.art-display{min-height:505px}
.ticket-number{font-size:33px}
.museum-about{padding-top:23px;padding-bottom:50px}
.about-content{grid-template-columns:1fr;gap:24px;padding-top:28px}
.about-content h2{font-size:clamp(56px,16vw,72px)}
.about-content p{font-size:var(--body-copy-size)}
.museum-footer{font-size:9px;padding-top:calc(25px + var(--header-divider-height));padding-bottom:25px}
.footer-content{gap:18px}
.footer-content>span:first-child{max-width:235px}
}
@media(max-width:350px){
.museum-nav{gap:10px}
.museum-nav a{font-size:12px;letter-spacing:.5px}
.entrance-link{min-width:0;width:100%}
.art-display{min-height:463px}
.ticket-number{font-size:29px}
.museum-footer{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(max-width:800px){
.museum-brand{width:150px}
}

@media(min-width:1100px){
.hero h1{font-size:clamp(96px,8.5vw,116px)}
.touch-break{display:none}
.hero h1 .headline-line{white-space:nowrap}
}
.museum-nav a[aria-current="page"]{color:var(--signal)}
@media(min-width:801px){
.museum-home .hero{height:calc(100svh - 112px - var(--header-divider-height));height:calc(100dvh - 112px - var(--header-divider-height));min-height:0;padding-top:clamp(20px,4vh,46px);padding-bottom:clamp(20px,4vh,46px)}
.museum-home .hero-copy{min-height:0;padding-top:0;padding-bottom:0;justify-content:center}
.museum-home .hero h1{font-size:clamp(70px,min(9.5vw,13vh),105px);margin-top:clamp(14px,3vh,25px)}
.museum-home .hero-intro{font-size:var(--body-copy-size);margin-top:clamp(14px,3vh,24px)}
.museum-home .hero-copy .entrance-link{margin-top:24px}
.museum-home .art-display{min-height:0;height:100%}
.museum-home .museum-about{padding-top:0}
}
@media(min-width:1100px){
.museum-home .hero h1{font-size:clamp(80px,min(8.5vw,16vh),116px)}
}
@media(min-width:801px) and (max-height:700px){
.museum-home .hero{padding-top:20px;padding-bottom:20px}
.museum-home .hero h1{font-size:clamp(58px,min(8vw,12vh),92px);margin-top:16px}
.museum-home .touch-break{display:none}
.museum-home .hero h1 .headline-line{white-space:nowrap}
.museum-home .hero-intro{margin-top:16px}
.museum-home .hero-copy .entrance-link{margin-top:20px;min-height:52px;padding-top:12px;padding-bottom:12px}
}
@media(min-width:801px) and (max-height:540px){
.museum-home .hero{padding-top:12px;padding-bottom:12px}
.museum-home .hero h1{font-size:clamp(42px,min(7vw,10vh),70px);margin-top:10px}
.museum-home .hero-intro{font-size:var(--body-copy-size);margin-top:10px}
.museum-home .hero-copy .entrance-link{margin-top:14px;min-height:46px;padding-top:9px;padding-bottom:9px}
}
.exhibits-page{display:flex;flex-direction:column}
.exhibits-page .caution-line{flex-shrink:0}
.exhibits-main{flex:1;padding-top:42px;padding-bottom:0}
.exhibits-main>h1{font:400 clamp(62px,8vw,108px)/.92 'Bebas Neue',Impact,sans-serif;letter-spacing:-.8px;margin-top:17px;margin-bottom:40px}
.exhibits-section-title{font:500 13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:var(--signal);margin:0 0 17px}
.exhibits-display{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,70px);align-items:center}
.exhibits-section>.exhibits-display{position:relative;padding-top:31px}
.exhibits-section>.exhibits-display:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--caution-detail)}
.exhibits-widget{grid-area:auto;height:470px}
.exhibits-widget .art-display{min-height:0;height:100%}
.exhibits-current-copy{min-width:0}
.exhibits-current-copy h3{font:400 clamp(54px,6vw,78px)/1 'Bebas Neue',Impact,sans-serif;margin:18px 0}
.exhibits-current-copy h3 a:hover{color:var(--signal)}
.exhibits-current-copy>p{font-size:var(--body-copy-size);line-height:1.7;color:var(--muted)}
.exhibits-current-copy .entrance-link{max-width:340px;min-width:0}
.exhibits-past{margin-top:72px;padding-bottom:37px}
.exhibits-past .exhibits-display{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.exhibits-joke{font-size:clamp(32px,3.8vw,52px);font-weight:500;line-height:1.14;letter-spacing:-1.8px;margin-top:18px;}
.exhibits-joke span{color:var(--signal)}
.empty-gallery{height:470px;position:relative;overflow:hidden;isolation:isolate;background:#2b3026;background-image:linear-gradient(#eee9dc06 1px,transparent 1px),linear-gradient(90deg,#eee9dc06 1px,transparent 1px);background-size:40px 40px}
.empty-room-label{position:absolute;top:20px;left:20px;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);letter-spacing:.7px;z-index:2}
.gallery-spotlight{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#eaff6416,transparent 59%)}
.gallery-floor{position:absolute;bottom:0;left:0;right:0;height:97px;background:#22251f55;border-top:1px solid #eee9dc0b}
.empty-plinth{position:absolute;width:180px;height:193px;left:50%;bottom:77px;transform:translateX(-50%);filter:drop-shadow(18px 21px 8px #14180f88)}
.plinth-top{position:absolute;top:0;width:100%;height:35px;background:#929681;clip-path:polygon(0 70%,18% 0,100% 26%,82% 100%)}
.plinth-face{position:absolute;left:0;top:24px;width:82%;height:169px;background:linear-gradient(90deg,#626855,#747961);clip-path:polygon(0 0,100% 11px,100% 100%,0 91%)}
.plinth-side{position:absolute;right:0;top:9px;width:18%;height:184px;background:#474e3b;clip-path:polygon(0 26px,100% 0,100% 91%,0 100%)}
.gallery-caption{position:absolute;left:20px;bottom:20px;border-left:2px solid var(--signal);padding-left:13px;display:flex;flex-direction:column;gap:5px}
.gallery-caption span{font:9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);letter-spacing:.8px}
.gallery-caption strong{font:400 28px/1 'Bebas Neue',Impact,sans-serif;color:var(--ink)}
@media(max-width:800px){
.exhibits-main{padding-top:30px;padding-bottom:0}
.exhibits-main>h1{font-size:76px}
.exhibits-display,.exhibits-past .exhibits-display{grid-template-columns:minmax(0,1fr);gap:28px}
.exhibits-widget,.empty-gallery{height:420px}
.exhibits-current-copy h3{font-size:64px}
.exhibits-current-copy .entrance-link{max-width:none;width:100%}
.exhibits-joke{font-size:clamp(34px,6vw,46px);}
}
@media(max-width:480px){
.exhibits-main{padding-top:26px;padding-bottom:0}
.exhibits-main>h1{font-size:64px;margin-bottom:31px}
.exhibits-widget,.empty-gallery{height:350px}
.exhibits-current-copy h3{font-size:54px;margin-block:14px}
.exhibits-past{margin-top:52px;padding-bottom:30px}
.exhibits-joke{font-size:36px;letter-spacing:-1px;line-height:1.17}
.empty-plinth{width:156px;height:169px;bottom:69px}
.plinth-face{height:145px}
.plinth-side{height:160px}
.gallery-floor{height:88px}
}
@media(max-width:480px){
.museum-header{gap:14px}
.museum-brand{width:120px}
.museum-nav{gap:14px}
.museum-nav a{font-size:13px}
}
@media(max-width:350px){
.museum-header{gap:10px}
.museum-brand{width:104px}
.museum-nav{gap:10px}
.museum-nav a{font-size:12px;letter-spacing:.5px}
}
.record-status{display:inline-block;width:fit-content;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.6px;color:var(--signal);border:1px solid #eaff6440;padding:4px 7px}
.exhibits-current-copy .record-status{margin-bottom:18px}
@media(max-width:480px){
.record-status{font-size:10px}
}