:root { --night:#030711; --deep:#071224; --cyan:#45f1f4; --ice:#c9fbff; --white:#f3f7f6; --muted:#8aa0ad; --line:rgba(146,230,237,.24); --sans:"Yu Gothic","Hiragino Kaku Gothic ProN",Arial,sans-serif; --serif:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--night); }
body { margin:0; overflow-x:hidden; background:var(--night); color:var(--white); font-family:var(--sans); line-height:1.7; }
a { color:inherit; }
a:focus-visible,button:focus-visible { outline:2px solid var(--cyan); outline-offset:6px; box-shadow:0 0 25px rgba(69,241,244,.65); }
.museum-header { position:fixed; z-index:50; top:0; left:0; display:grid; grid-template-columns:1fr auto auto; gap:40px; align-items:center; width:100%; min-height:88px; padding:0 clamp(20px,4vw,68px); border-bottom:1px solid rgba(255,255,255,.14); background:linear-gradient(to bottom,rgba(1,5,12,.78),transparent); backdrop-filter:blur(8px); }
.museum-logo { display:flex; gap:18px; align-items:center; text-decoration:none; }
.museum-logo span { font-size:1rem; font-weight:300; letter-spacing:.38em; }
.museum-logo small { max-width:95px; color:#b9c8d0; font-size:.48rem; line-height:1.25; text-transform:uppercase; }
.open-status { margin:0; font-size:.58rem; letter-spacing:.08em; text-transform:uppercase; }
.open-status i { display:inline-block; width:6px; aspect-ratio:1; margin-right:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
.menu-toggle { position:relative; z-index:65; display:flex; gap:14px; align-items:center; border:0; background:transparent; color:#fff; font:700 .58rem var(--sans); letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.menu-toggle i,.menu-toggle i::after { display:block; width:24px; height:1px; background:currentColor; content:""; }
.menu-toggle i::after { transform:translateY(6px); }
.museum-nav { position:fixed; z-index:60; inset:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:center; column-gap:6vw; height:100svh; overflow-y:auto; padding:120px clamp(30px,10vw,160px); background:rgba(3,7,17,.97); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-102%); transition:transform 600ms cubic-bezier(.77,0,.18,1),opacity 300ms ease,visibility 0s linear 600ms; }
.museum-nav[data-open] { opacity:1; visibility:visible; pointer-events:auto; transform:none; transition-delay:0s; }
.museum-nav a { display:flex; gap:24px; align-items:baseline; padding:9px 0; border-bottom:1px solid var(--line); font:400 clamp(1.5rem,3.4vw,3.2rem)/1.15 var(--serif); text-decoration:none; }
.museum-nav a span { color:var(--cyan); font:600 .6rem var(--sans); letter-spacing:.1em; }
.hero { position:relative; min-height:100svh; overflow:hidden; background:radial-gradient(circle at 50% 40%,#123d52,var(--night) 65%); isolation:isolate; }
.hero::after { position:absolute; z-index:2; inset:0; background:linear-gradient(to top,rgba(2,6,15,.9),transparent 55%),linear-gradient(to right,rgba(2,6,15,.45),transparent 60%); content:""; }
.hero-image { position:absolute; inset:0; background:radial-gradient(circle,#1e6074,var(--night) 68%); }
.hero-image img { width:100%; height:100%; object-fit:cover; animation:submerge 18s ease-out both; }
.image-fallback.is-missing img,img.is-missing { visibility:hidden; }
.hero-overlay { position:relative; z-index:4; display:flex; flex-direction:column; min-height:100svh; padding:130px clamp(20px,7vw,110px) 9vh; }
.concept-label,.section-label { margin:0; color:var(--cyan); font-size:.58rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.concept-label { align-self:flex-start; padding:7px 11px; border:1px solid rgba(69,241,244,.5); background:rgba(3,7,17,.55); }
.hero-date { margin:auto 0 18px; font-size:.65rem; letter-spacing:.18em; }
.hero-date span { display:inline-block; width:70px; margin-inline:12px; color:var(--cyan); }
.hero h1 { margin:0; font-weight:400; }
.hero h1 small { display:block; margin-bottom:12px; color:var(--cyan); font-size:.58rem; font-family:var(--sans); letter-spacing:.18em; text-transform:uppercase; }
.hero h1>span { display:block; font:400 clamp(4rem,10vw,10.5rem)/.9 var(--serif); letter-spacing:.08em; text-shadow:0 0 50px rgba(69,241,244,.2); }
.hero h1 em { position:absolute; right:7vw; bottom:9vh; color:transparent; font:300 clamp(3rem,8vw,8rem)/.82 Arial,sans-serif; letter-spacing:-.05em; text-align:right; -webkit-text-stroke:1px rgba(201,251,255,.55); }
.glow-link { display:inline-flex; gap:50px; align-items:center; align-self:flex-start; margin-top:45px; padding:15px 0; border-bottom:1px solid var(--cyan); color:var(--ice); font-size:.66rem; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; }
.glow-link:hover { text-shadow:0 0 16px var(--cyan); }
.scroll-note { position:absolute; z-index:4; right:25px; bottom:47%; margin:0; font-size:.48rem; letter-spacing:.16em; text-transform:uppercase; transform:rotate(90deg); transform-origin:right; }
.water-rings { position:absolute; z-index:3; top:38%; left:61%; width:1px; height:1px; }
.water-rings i { position:absolute; top:0; left:0; width:80px; aspect-ratio:1; border:1px solid rgba(69,241,244,.5); border-radius:50%; transform:translate(-50%,-50%); animation:ripple 5s ease-out infinite; }
.water-rings i:nth-child(2) { animation-delay:1.5s; }.water-rings i:nth-child(3) { animation-delay:3s; }
.dark-section { background:var(--night); }
[data-reveal] { opacity:0; transform:translateY(45px); filter:blur(8px); transition:opacity 1.2s ease,transform 1.2s ease,filter 1.2s ease; }
[data-reveal][data-visible] { opacity:1; transform:none; filter:none; }
.prologue { position:relative; display:grid; place-items:center; min-height:100svh; padding:110px 20px; }
.prologue>div:last-child { max-width:900px; text-align:center; }
.prologue h2 { margin:50px 0; font:400 clamp(3rem,7vw,7rem)/1.45 var(--serif); letter-spacing:.08em; }
.prologue>div:last-child>p:last-child { max-width:550px; margin:auto; color:var(--muted); font-size:.83rem; }
.depth-index { position:absolute; left:clamp(20px,4vw,65px); display:flex; flex-direction:column; align-items:center; height:60%; color:var(--muted); font-size:.5rem; }
.depth-index i { flex:1; width:1px; margin-block:15px; background:linear-gradient(var(--cyan),transparent); }
.exhibition { background:#081425; }
.exhibition-spotlight { display:grid; grid-template-columns:1.25fr .75fr; min-height:100svh; }
.exhibition-visual { position:sticky; top:0; overflow:hidden; height:100svh; background:radial-gradient(circle,#17667c,var(--night)); }
.exhibition-visual::after { position:absolute; inset:0; background:linear-gradient(to top,rgba(2,8,17,.7),transparent); content:""; }
.exhibition-visual img { width:100%; height:100%; object-fit:cover; filter:saturate(.8) contrast(1.1); }
.exhibition-visual span { position:absolute; z-index:2; bottom:30px; left:35px; font-size:.5rem; letter-spacing:.14em; text-transform:uppercase; }
.exhibition-story { display:flex; flex-direction:column; justify-content:center; padding:clamp(70px,9vw,135px) clamp(28px,5vw,80px); }
.exhibition-story h2 { margin:35px 0 25px; font:400 clamp(2.7rem,5vw,5.3rem)/1.1 var(--serif); letter-spacing:.1em; }
.exhibition-story .lead { margin:0 0 45px; color:var(--ice); font:400 clamp(1.25rem,2vw,2rem)/1.7 var(--serif); }
.exhibition-story>p:not(.section-label,.lead) { color:var(--muted); font-size:.78rem; }
.exhibition-story dl { margin:45px 0; }
.exhibition-story dl div { display:flex; justify-content:space-between; padding:11px 0; border-top:1px solid var(--line); }
.exhibition-story dt,.exhibition-story dd { margin:0; font-size:.58rem; letter-spacing:.08em; }
.line-link { display:flex; justify-content:space-between; padding:17px 0; border-block:1px solid var(--line); color:var(--ice); font-size:.64rem; letter-spacing:.1em; text-decoration:none; }
.program { padding:clamp(100px,13vw,200px) clamp(20px,7vw,110px); }
.program-head { display:grid; grid-template-columns:1fr .45fr; gap:8vw; align-items:end; margin-bottom:85px; }
.program-head h2 { margin:40px 0 0; font:400 clamp(3rem,7vw,7rem)/1.2 var(--serif); letter-spacing:.08em; }
.program-head>p { color:var(--muted); font-size:.8rem; }
.program-list { border-top:1px solid var(--line); }
.program-list article { display:grid; grid-template-columns:130px 1fr auto; gap:40px; align-items:center; padding:30px 0; border-bottom:1px solid var(--line); transition:background 300ms ease,padding 300ms ease; }
.program-list article:hover { padding-inline:20px; background:rgba(69,241,244,.05); }
.program-list time { display:flex; gap:12px; align-items:center; }
.program-list time b { color:var(--cyan); font:300 3.4rem/1 Arial,sans-serif; }
.program-list time span,.program-list article>div>p,.program-list article>div>span { color:var(--muted); font-size:.52rem; letter-spacing:.1em; text-transform:uppercase; }
.program-list article>div>p,.program-list article>div>span { margin:0; }
.program-list h3 { margin:5px 0; font:400 clamp(1.25rem,2.3vw,2.3rem) var(--serif); letter-spacing:.07em; }
.program-list article>span { color:var(--cyan); }
.archive { display:grid; grid-template-columns:.7fr 1.3fr; gap:8vw; align-items:center; min-height:100svh; padding:clamp(100px,13vw,190px) clamp(20px,7vw,110px); background:#e6f1f0; color:#061222; }
.archive-photo { margin:0 0 34px; }
.archive-photo img { display:block; width:100%; height:auto; aspect-ratio:1200/670; border:1px solid rgba(6,18,34,.18); object-fit:cover; }
.archive-photo figcaption { margin-top:12px; color:#496069; font-size:.62rem; line-height:1.6; }
.archive header h2 { margin:45px 0; font:400 clamp(3rem,6vw,6.3rem)/1.35 var(--serif); letter-spacing:.05em; }
.archive header>p:last-child { max-width:440px; color:#496069; font-size:.8rem; }
.archive .section-label { color:#126773; }
.archive-orbit { position:relative; display:grid; place-items:center; width:min(100%,660px); aspect-ratio:1; margin:auto; border:1px solid rgba(6,18,34,.18); border-radius:50%; }
.archive-orbit::before,.archive-orbit::after { position:absolute; inset:14%; border:1px dashed rgba(6,18,34,.25); border-radius:50%; content:""; animation:orbit 30s linear infinite; }
.archive-orbit::after { inset:30%; border-style:solid; animation-direction:reverse; }
.archive-core { z-index:2; display:flex; flex-direction:column; align-items:center; }
.archive-core strong { font:300 clamp(3.5rem,7vw,7rem)/1 Arial,sans-serif; letter-spacing:-.06em; }
.archive-core span { margin-top:10px; font-size:.55rem; letter-spacing:.16em; text-align:center; }
.archive-orbit button { position:absolute; z-index:3; padding:10px 14px; border:1px solid #061222; border-radius:100px; background:#e6f1f0; color:#061222; font:700 .6rem var(--sans); letter-spacing:.1em; cursor:pointer; }
.archive-orbit button small { margin-left:8px; color:#126773; }
.archive-orbit button:nth-of-type(1) { top:10%; left:20%; }.archive-orbit button:nth-of-type(2) { right:-2%; bottom:35%; }.archive-orbit button:nth-of-type(3) { bottom:4%; left:24%; }
.visit { display:grid; grid-template-columns:1fr 1fr; gap:8vw; min-height:100svh; padding:clamp(100px,13vw,190px) clamp(20px,7vw,110px); }
.visit-copy h2 { margin:45px 0 70px; font:400 clamp(2.7rem,5.5vw,5.8rem)/1.4 var(--serif); letter-spacing:.06em; }
.visit-info { border-top:1px solid var(--line); }
.visit-info>div { display:grid; grid-template-columns:120px 1fr; padding:18px 0; border-bottom:1px solid var(--line); }
.visit-info h3,.visit-info p { margin:0; }
.visit-info h3 { color:var(--cyan); font-size:.57rem; letter-spacing:.1em; text-transform:uppercase; }
.visit-info p { color:#adbec7; font-size:.68rem; }
.map { position:relative; overflow:hidden; min-height:680px; border:1px solid var(--line); background:linear-gradient(145deg,transparent 0 39%,rgba(69,241,244,.16) 39% 43%,transparent 43%),radial-gradient(circle at 70% 30%,#0b4257,var(--deep) 47%,var(--night)); }
.map::before,.map::after { position:absolute; width:130%; height:90px; border:1px solid rgba(69,241,244,.24); border-radius:50%; content:""; transform:rotate(-18deg); }.map::before { top:32%; left:-20%; }.map::after { top:48%; left:-10%; }
.map>span { position:absolute; top:35%; left:10%; color:var(--cyan); font-size:.5rem; letter-spacing:.2em; transform:rotate(-18deg); }
.map>i { position:absolute; top:48%; left:54%; width:12px; aspect-ratio:1; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 10px rgba(69,241,244,.13),0 0 30px var(--cyan); animation:beacon 2.4s ease-in-out infinite; }
.map>b { position:absolute; top:calc(48% - 12px); left:calc(54% + 25px); color:var(--cyan); font:300 2.2rem Arial,sans-serif; }
.map>small { position:absolute; right:25px; bottom:25px; color:var(--muted); font-size:.48rem; letter-spacing:.14em; text-align:right; }
.newsletter { padding:clamp(100px,13vw,190px) 20px; background:radial-gradient(circle at 50% 100%,#0c6574,var(--night) 55%); text-align:center; }
.newsletter .section-label { margin-bottom:45px; }
.newsletter h2 { margin:0; font:400 clamp(3rem,7.5vw,8rem)/1.35 var(--serif); letter-spacing:.08em; }
.newsletter > p:not(.section-label) { max-width:560px; margin:30px auto 0; color:var(--muted); font-size:.78rem; }
.newsletter-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:20px 40px; margin-top:65px; }
.newsletter .glow-link { margin-top:0; }
.newsletter-note { max-width:560px; margin:22px auto 0; color:var(--muted); font-size:.6rem; letter-spacing:.02em; }
.demo-feedback { max-width:620px; margin:35px auto 0; padding:15px; border:1px solid var(--line); color:var(--ice); font-size:.7rem; }
.museum-footer { display:grid; grid-template-columns:1fr auto auto; gap:40px; align-items:center; padding:38px clamp(20px,4vw,65px); border-top:1px solid var(--line); background:var(--night); }
.museum-footer p,.museum-footer>a:last-child { margin:0; color:var(--muted); font-size:.54rem; letter-spacing:.08em; }
@keyframes submerge { from { transform:scale(1.08); filter:blur(3px); } to { transform:scale(1); filter:none; } }
@keyframes ripple { 0% { opacity:.9; transform:translate(-50%,-50%) scale(.1); } 100% { opacity:0; transform:translate(-50%,-50%) scale(8); } }
@keyframes orbit { to { transform:rotate(360deg); } }
@keyframes beacon { 50% { box-shadow:0 0 0 18px rgba(69,241,244,0),0 0 42px var(--cyan); } }
.manifesto-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin:55px 0 0; padding:35px 0 0; border-top:1px solid var(--line); list-style:none; }
.manifesto-pillars li { display:flex; flex-direction:column; gap:14px; text-align:left; }
.manifesto-pillars b { color:var(--cyan); font:300 1.6rem Arial,sans-serif; }
.manifesto-pillars h3 { margin:0; font:400 1.15rem var(--serif); letter-spacing:.06em; }
.manifesto-pillars p { margin:0; color:var(--muted); font-size:.68rem; }
.exhibition-programme { padding:clamp(70px,10vw,140px) clamp(20px,7vw,110px); border-top:1px solid var(--line); }
.exhibition-programme h3 { margin:14px 0 20px; font:400 clamp(1.7rem,3.2vw,3rem)/1.4 var(--serif); letter-spacing:.06em; }
.exhibition-programme-lead { max-width:600px; margin:0 0 40px; color:var(--muted); font-size:.76rem; }
.exhibition-list { margin:0; padding:0; border-top:1px solid var(--line); list-style:none; }
.exhibition-list li { display:grid; grid-template-columns:96px 110px 160px 1fr; gap:22px; align-items:baseline; padding:24px 0; border-bottom:1px solid var(--line); }
.ex-thumb { align-self:center; overflow:hidden; border:1px solid var(--line); aspect-ratio:16/9; }
.ex-thumb img { display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.85) contrast(1.05); }
.exhibition-list p { margin:6px 0 0; color:var(--muted); font-size:.66rem; }
.ex-status { justify-self:start; padding:4px 8px; border:1px solid currentColor; color:var(--muted); font-size:.48rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.ex-status-now { color:var(--cyan); }
.ex-status-upcoming { color:#8fd6ff; }
.ex-date { margin:0; color:var(--muted); font-size:.6rem; letter-spacing:.05em; }
.exhibition-list h4 { margin:0; font:400 1.3rem var(--serif); letter-spacing:.06em; }
.collection { padding:clamp(100px,13vw,190px) clamp(20px,7vw,110px); background:#e6f1f0; color:#061222; }
.collection .section-label { color:#126773; }
.collection h2 { margin:45px 0 25px; font:400 clamp(2.7rem,5.5vw,5.5rem)/1.35 var(--serif); letter-spacing:.06em; }
.collection-lead { max-width:640px; margin:0 0 60px; color:#3f5760; font-size:.8rem; }
.collection-feature { margin:0 0 60px; }
.collection-feature img { display:block; width:100%; height:auto; aspect-ratio:1200/670; border:1px solid rgba(6,18,34,.18); object-fit:cover; }
.collection-feature figcaption { max-width:640px; margin-top:16px; color:#3f5760; font-size:.7rem; line-height:1.7; }
.collection-feature figcaption strong { color:#061222; font-weight:700; }
.collection-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-bottom:50px; border:1px solid rgba(6,18,34,.18); background:rgba(6,18,34,.18); }
.collection-grid div { padding:28px 22px; background:#e6f1f0; }
.collection-grid strong { display:block; margin-bottom:12px; font:300 2.3rem Arial,sans-serif; letter-spacing:-.03em; }
.collection-grid h3 { margin:0 0 10px; font:700 .66rem var(--sans); letter-spacing:.05em; text-transform:uppercase; }
.collection-grid p { margin:0; color:#3f5760; font-size:.66rem; }
.collection .line-link { border-color:rgba(6,18,34,.18); color:#061222; }
.workshop-block { margin-top:90px; padding-top:65px; border-top:1px solid var(--line); }
.workshop-block h3 { margin:18px 0 20px; font:400 clamp(1.9rem,3.8vw,3.2rem)/1.35 var(--serif); letter-spacing:.06em; }
.workshop-block > p { max-width:600px; color:var(--muted); font-size:.78rem; }
.workshop-photo { position:relative; overflow:hidden; margin:40px 0; border:1px solid var(--line); }
.workshop-photo img { display:block; width:100%; height:auto; aspect-ratio:1200/670; object-fit:cover; filter:saturate(.9) contrast(1.05); }
.workshop-photo::after { position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,7,17,.05),rgba(3,7,17,.6)); content:""; }
.workshop-photo figcaption { position:absolute; right:24px; bottom:18px; left:24px; z-index:2; color:var(--ice); font-size:.66rem; letter-spacing:.03em; }
.workshop-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin:40px 0; border:1px solid var(--line); background:var(--line); }
.workshop-cards article { padding:26px; background:var(--night); }
.workshop-cards span { display:block; margin-bottom:10px; color:var(--cyan); font-size:.52rem; letter-spacing:.08em; text-transform:uppercase; }
.workshop-cards h4 { margin:0 0 8px; font:400 1.3rem var(--serif); letter-spacing:.05em; }
.workshop-cards p { margin:0; color:var(--muted); font-size:.68rem; }
.workshop-meta { margin:16px 0 0; padding-top:12px; border-top:1px solid var(--line); }
.workshop-meta div { display:flex; justify-content:space-between; gap:12px; padding:4px 0; font-size:.58rem; }
.workshop-meta dt { flex:none; color:var(--cyan); letter-spacing:.06em; }
.workshop-meta dd { margin:0; color:var(--muted); text-align:right; }
.workshop-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin:0 0 45px; padding:0; list-style:none; }
.workshop-steps li { display:flex; flex-direction:column; gap:10px; padding-top:16px; border-top:1px solid var(--line); }
.workshop-steps b { color:var(--cyan); font-size:.6rem; }
.workshop-steps h4 { margin:0; font:400 .9rem var(--serif); letter-spacing:.05em; }
.workshop-steps p { margin:0; color:var(--muted); font-size:.62rem; }
.schedule { padding:clamp(100px,13vw,190px) clamp(20px,7vw,110px); border-top:1px solid var(--line); }
.schedule-lead { max-width:640px; margin:30px 0 0; color:var(--muted); font-size:.8rem; }
.schedule-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:55px; border:1px solid var(--line); background:var(--line); }
.schedule-grid div { padding:28px 22px; background:var(--night); }
.schedule-grid h3 { margin:0 0 4px; color:var(--cyan); font:700 .6rem var(--sans); letter-spacing:.1em; text-transform:uppercase; }
.schedule-grid > div > span { display:block; margin-bottom:18px; color:var(--muted); font-size:.55rem; letter-spacing:.04em; }
.schedule-grid ul { margin:0; padding:0; list-style:none; }
.schedule-grid li { padding:9px 0; border-top:1px solid var(--line); color:#c6d5da; font-size:.63rem; }
.about { padding:clamp(100px,13vw,190px) clamp(20px,7vw,110px); background:#e6f1f0; color:#061222; }
.about .section-label { color:#126773; }
.about h2 { margin:45px 0 55px; font:400 clamp(2.7rem,5.5vw,5.5rem)/1.35 var(--serif); letter-spacing:.06em; }
.about-building { margin:0 0 60px; }
.about-building img { display:block; width:100%; height:auto; aspect-ratio:1200/670; border:1px solid rgba(6,18,34,.18); object-fit:cover; }
.about-building figcaption { max-width:720px; margin-top:16px; color:#3f5760; font-size:.72rem; line-height:1.7; }
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:8vw; }
.about-grid h3 { margin:0 0 20px; color:#126773; font:700 .62rem var(--sans); letter-spacing:.1em; text-transform:uppercase; }
.history-list { margin:0; padding:0; border-top:1px solid rgba(6,18,34,.18); list-style:none; }
.history-list li { display:grid; grid-template-columns:64px 1fr; gap:18px; padding:16px 0; border-bottom:1px solid rgba(6,18,34,.18); }
.history-list b { color:#126773; font:300 1.25rem Arial,sans-serif; }
.history-list p { margin:0; color:#3f5760; font-size:.68rem; }
.facility-dl { margin:0; }
.facility-dl div { display:flex; justify-content:space-between; gap:20px; padding:13px 0; border-bottom:1px solid rgba(6,18,34,.18); }
.facility-dl dt { margin:0; color:#126773; font-size:.56rem; letter-spacing:.06em; text-transform:uppercase; }
.facility-dl dd { margin:0; font-size:.72rem; text-align:right; }
.team { padding:clamp(100px,13vw,190px) clamp(20px,7vw,110px); border-top:1px solid var(--line); }
.team-lead { max-width:640px; margin:30px 0 0; color:var(--muted); font-size:.8rem; }
.team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:55px; border:1px solid var(--line); background:var(--line); }
.team-grid article { padding:28px 22px; background:var(--night); }
.team-photo { overflow:hidden; margin:-28px -22px 22px; border-bottom:1px solid var(--line); aspect-ratio:3/4; }
.team-photo img { display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.85) contrast(1.05); }
.team-grid span { display:block; margin-bottom:16px; color:var(--cyan); font-size:.52rem; letter-spacing:.08em; text-transform:uppercase; }
.team-grid h3 { margin:0 0 8px; font:400 1.25rem var(--serif); letter-spacing:.05em; }
.team-grid p { margin:0; color:var(--muted); font-size:.66rem; }
.price-table { width:100%; margin-top:50px; border-collapse:collapse; font-size:.68rem; }
.price-table caption { margin-bottom:14px; color:var(--cyan); font-size:.56rem; letter-spacing:.1em; text-align:left; text-transform:uppercase; }
.price-table th,.price-table td { padding:12px 4px; border-bottom:1px solid var(--line); font-weight:400; text-align:left; }
.price-table td { color:var(--ice); text-align:right; }
.visit-notes { margin:18px 0 0; padding:0; list-style:none; }
.visit-notes li { margin-bottom:6px; color:var(--muted); font-size:.6rem; line-height:1.7; }
.news { padding:clamp(100px,13vw,190px) clamp(20px,7vw,110px); background:#e6f1f0; color:#061222; }
.news .section-label { color:#126773; }
.news h2 { margin:45px 0 0; font:400 clamp(2.7rem,5.5vw,5.5rem)/1.35 var(--serif); letter-spacing:.06em; }
.news-list { margin:50px 0 0; padding:0; border-top:1px solid rgba(6,18,34,.18); list-style:none; }
.news-list li { display:grid; grid-template-columns:130px 1fr; gap:24px; padding:20px 0; border-bottom:1px solid rgba(6,18,34,.18); }
.news-list time { color:#126773; font-size:.58rem; letter-spacing:.05em; }
.news-list p { margin:0; font-size:.75rem; }
.faq { padding:clamp(100px,13vw,190px) clamp(20px,7vw,110px); border-top:1px solid var(--line); }
.faq-lead { max-width:640px; margin:30px 0 0; color:var(--muted); font-size:.8rem; }
.faq-list { margin-top:50px; border-top:1px solid var(--line); }
.faq-list details { padding:20px 0; border-bottom:1px solid var(--line); }
.faq-list summary { display:flex; justify-content:space-between; gap:20px; align-items:baseline; list-style:none; font:400 1.05rem var(--serif); letter-spacing:.04em; cursor:pointer; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"+"; color:var(--cyan); font-size:1.1rem; }
.faq-list details[open] summary::after { content:"–"; }
.faq-list p { max-width:760px; margin:16px 0 0; color:var(--muted); font-size:.72rem; }
@media (max-width:900px) {
  .open-status { display:none; }.museum-header { grid-template-columns:1fr auto; }
  .hero h1 em { right:5vw; bottom:8vh; font-size:10vw; }
  .exhibition-spotlight { grid-template-columns:1fr; }
  .exhibition-visual { position:relative; height:70svh; }
  .exhibition-story { min-height:90svh; }
  .exhibition-list li { grid-template-columns:1fr; gap:8px; }
  .program-head,.archive,.visit,.about-grid { grid-template-columns:1fr; }
  .archive-orbit { margin-top:70px; }
  .map { min-height:70svh; }
  .manifesto-pillars,.collection-grid,.team-grid,.schedule-grid { grid-template-columns:repeat(2,1fr); }
  .workshop-steps { grid-template-columns:repeat(2,1fr); }
  .news-list li { grid-template-columns:100px 1fr; }
  .museum-nav { grid-template-columns:1fr; }
  .museum-footer { grid-template-columns:1fr auto; }.museum-footer p { display:none; }
}
@media (max-width:560px) {
  .museum-header { min-height:72px; padding-inline:17px; }
  .museum-logo small { display:none; }.museum-logo span { font-size:.8rem; }
  .museum-nav { padding:100px 22px 40px; }.museum-nav a { font-size:2.2rem; }
  .hero-overlay { padding:100px 18px 45px; }.hero h1>span { font-size:4.2rem; }.hero h1 em { position:static; display:block; margin-top:20px; font-size:3.6rem; text-align:left; }
  .hero-date span { width:30px; }.scroll-note { display:none; }
  .prologue { min-height:85svh; }.depth-index { display:none; }.prologue h2 { font-size:2.7rem; }
  .manifesto-pillars { grid-template-columns:1fr; gap:26px; }
  .exhibition-visual { height:56svh; }.exhibition-story { padding:80px 20px; }
  .exhibition-programme { padding-inline:20px; }.exhibition-list li { padding:18px 0; }
  .collection,.about,.news { padding-inline:20px; }
  .collection-grid,.team-grid,.schedule-grid { grid-template-columns:1fr; }
  .team-photo { aspect-ratio:16/9; }
  .collection h2,.about h2,.news h2 { font-size:2.7rem; }
  .program { padding-inline:20px; }.program-head { display:block; }.program-head>p { margin-top:35px; }
  .program-list article { grid-template-columns:76px 1fr; gap:16px; }.program-list article>span { display:none; }.program-list time b { font-size:2.4rem; }
  .workshop-cards,.workshop-steps { grid-template-columns:1fr; }
  .archive,.visit,.team,.faq { padding-inline:20px; }.archive-orbit { width:100%; margin-left:0; }.archive-orbit button { font-size:.5rem; }
  .visit-info>div { grid-template-columns:95px 1fr; }.map { min-height:520px; }
  .price-table { font-size:.62rem; }
  .news-list li { grid-template-columns:1fr; gap:6px; }
  .faq-list summary { font-size:.92rem; }
  .newsletter h2 { font-size:3.2rem; }.museum-footer { grid-template-columns:1fr; }.museum-footer>a:last-child { margin-top:8px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  [data-reveal] { opacity:1; transform:none; filter:none; }
}