*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#f5f5f5;font:15px/1.85 -apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif}a{color:inherit}header{max-width:1120px;height:72px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242424}header b{font-size:14px}header a{font-size:13px;color:#bbb;text-decoration:none}main{max-width:1120px;margin:auto;padding:0 40px}.hero{padding:56px 0 28px}.eyebrow{color:#a3a3a3;font-size:12px;letter-spacing:.08em}h1{font-size:clamp(32px,4vw,44px);line-height:1.45;letter-spacing:-.035em;margin:16px 0 20px;max-width:1050px}h1 span{display:inline-block}p{margin:0;color:#b7b7b7}.change{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:0 0 32px;padding:24px 0;border-top:1px solid #292929;border-bottom:1px solid #292929}.change b{display:block;font-size:12px;color:#989898;margin-bottom:5px}.change p{color:#e3e3e3}.try{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.try strong{font-size:17px}.try a{font-size:12px;color:#c1c1c1}.window{background:#fff;border:1px solid #404040;border-radius:14px;overflow:hidden;box-shadow:0 22px 70px #0009;max-width:1040px;height:min(650px,calc(100svh - 96px));display:flex;flex-direction:column}.bar{height:42px;flex:0 0 42px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#f3f3f4;color:#62626a;border-bottom:1px solid #ddd;font-size:12px}.dot{width:10px;height:10px;border-radius:50%;background:#ff6058}.dot:nth-child(2){background:#ffbd2e}.dot:nth-child(3){background:#28c840}.bar span:last-child{margin-left:10px}iframe{display:block;border:0;width:100%;flex:1;min-height:0;background:#fff}.note{font-size:12px;margin-top:12px;line-height:1.8}.scope{margin:56px 0 0;padding-top:28px;border-top:1px solid #292929;display:grid;grid-template-columns:1fr 1fr;gap:32px}h2{font-size:20px;line-height:1.5;margin:0 0 12px}.scope p{font-size:14px}.closing{padding:52px 0 64px}.closing h2{font-size:24px}.closing p{max-width:720px}.closing a{display:inline-block;margin-top:20px;color:#ccc;font-size:13px}a:focus-visible,iframe:focus-visible{outline:3px solid #78a9ff;outline-offset:4px}@media(max-width:760px){header{height:64px;padding:0 20px}header b{font-size:12px}header a{font-size:12px}main{padding:0 20px}.hero{padding:36px 0 24px}h1{font-size:32px;line-height:1.5}.change{grid-template-columns:1fr;gap:16px;padding:20px 0}.window{height:auto;border-radius:10px}iframe{flex:none;height:800px}.bar{font-size:11px;padding:0 10px}.try{align-items:flex-start}.try strong{font-size:15px}.scope{grid-template-columns:1fr;gap:24px;margin-top:36px}.closing{padding:40px 0 48px}.closing h2{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Modern exhibits opt in, leaving other existing iframe hosts unchanged. */
.showcase-modern{background:#f4f8fd;color:#192b47;font:16px/1.8 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif}
.showcase-modern .exhibit-header{max-width:none;width:calc(100% - 56px);height:58px;padding:0;border-bottom:1px solid #dce4ef;gap:20px}
.showcase-modern .exhibit-header a{color:#52657f;font-size:12px}
.showcase-modern .exhibit-header .exhibit-back{color:#183a6b}
.showcase-modern main{max-width:1600px;padding:0 28px}
.showcase-modern .exhibit-intro{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:21px 0}
.showcase-modern .exhibit-intro .eyebrow{font-size:9px;color:#596c87;letter-spacing:.07em}
.showcase-modern .exhibit-intro h1{font-size:20px;font-weight:500;line-height:1.4;margin:5px 0 0;letter-spacing:-.025em}
.showcase-modern .exhibit-intro p{max-width:42em;font-size:12px;line-height:1.7;color:#586b85}
.showcase-modern .window{max-width:none;width:100%;height:calc(100svh - 166px);min-height:630px;border:1px solid #d1dce9;border-radius:8px;box-shadow:0 12px 45px #172f5910}
.showcase-modern .bar{height:34px;flex-basis:34px;background:#e9eff7;color:#52657d;font-size:10px;border-color:#d6e0ed;padding:0 15px}
.showcase-modern .bar span:last-child{margin-left:0}
.showcase-modern .bar a{margin-left:auto;color:#38587f;text-decoration:none;font-size:10px}
.showcase-modern .live-indicator{width:6px;height:6px;background:#418a74;border-radius:50%;margin-right:3px}
.showcase-modern .note{font-size:11px;color:#596c84;margin-top:13px}
.showcase-modern .exhibit-details{display:flex;justify-content:space-between;gap:45px;align-items:center;border-top:1px solid #dce4ef;margin-top:38px;padding:32px 0 45px}
.showcase-modern .exhibit-details h2{font-size:18px;font-weight:500;margin:0 0 12px}
.showcase-modern .exhibit-details p{font-size:13px;max-width:65em;color:#586a80}
.showcase-modern .exhibit-details>a{flex-shrink:0;font-size:13px;color:#2859a6;text-underline-offset:5px}
@media(max-width:760px){.showcase-modern .exhibit-header{width:calc(100% - 32px);height:53px}.showcase-modern .exhibit-header a{font-size:10px}.showcase-modern main{padding:0 10px}.showcase-modern .exhibit-intro{display:block;padding:17px 7px}.showcase-modern .exhibit-intro h1{font-size:19px}.showcase-modern .exhibit-intro p{font-size:11px;margin-top:9px}.showcase-modern .window{height:auto;min-height:0;border-radius:5px}.showcase-modern iframe{height:800px}.showcase-modern .bar{padding:0 11px;font-size:9px}.showcase-modern .bar a{font-size:9px}.showcase-modern .note{padding-inline:7px;font-size:10px}.showcase-modern .exhibit-details{display:block;padding:25px 7px 35px;margin-top:28px}.showcase-modern .exhibit-details h2{font-size:17px}.showcase-modern .exhibit-details>a{display:inline-block;margin-top:18px}}