/* Subject-specific exhibits. All motion is optional and finite. */
/* Footer foreground is not the page paper: cinema paper is nearly black. */
.site-footer{--ni-footer-ink:#f3eee5;color:var(--ni-footer-ink)}
@media(forced-colors:active){.site-footer{--ni-footer-ink:CanvasText}}
.ni-mobile-menu{display:none}
@media(min-width:641px){body.ni-theme-cinema .ni-article-head{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.5rem;text-align:left}body.ni-theme-cinema .ni-exhibit-title h1{font-size:clamp(2.2rem,3.5vw,3.75rem)}body.ni-theme-cinema .ni-exhibit-title .ni-pair>[lang=ar]{text-align:right}body.ni-theme-cinema .ni-exhibit-title .ni-kicker>[lang=ar]{text-align:left}body.ni-theme-cinema .ni-exhibit-object{align-self:center;transform:perspective(1200px) rotateY(-3deg)}}
@media(max-width:640px){.ni-theme-cinema .ni-exhibit-object{order:-1}.ni-breadcrumb li[aria-current=page]{display:none}}
@media(max-width:640px){.ni-header .ni-nav{display:none}.ni-mobile-menu{display:block;border-top:1px solid var(--ni-line)}.ni-mobile-menu>summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;min-height:44px;cursor:pointer;font-size:.875rem;font-weight:650}.ni-mobile-menu>summary>.ni-pair{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.ni-mobile-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding-bottom:1rem}.ni-mobile-menu nav a{padding:.75rem .5rem;min-height:44px;border:1px solid var(--ni-line);border-radius:.5rem;text-decoration:none;font-size:.875rem}.ni-brand-row{padding-block:.75rem}.ni-account{font-size:.75rem}.ni-breadcrumb{font-size:.75rem}}
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
[hidden]{display:none!important}h3,h4{margin:0 0 1rem;line-height:1.35}.ni-exhibit-object{min-width:0;perspective:1200px}.ni-exhibit-object .ni-art{display:block;object-fit:contain;aspect-ratio:auto;box-shadow:0 24px 50px #241b1926}.ni-exhibit-title .ni-primary{margin-top:1rem}.ni-article-head{position:relative;isolation:isolate;padding:3rem 0 4rem}.ni-article-head h1{font-size:clamp(2.125rem,4.4vw,4.5rem);text-wrap:balance}.ni-article-head h1 [lang=ar]{font-size:.73em}.ni-exhibit-title{min-width:0}.ni-breadcrumb a{display:inline-block;min-height:44px}.ni-article{--exhibit-accent:var(--ni-focus)}
.ni-theme-cinema,.ni-theme-darkroom{--ni-paper:#0b0e14;--ni-ink:#f3eee5;--ni-muted:#c8c1b6;--ni-surface:#161b24;--ni-dark:#080a10;--ni-line:#656775;--ni-soft:#1c2230;--ni-focus:#add8ff;--ni-gold:#e6c58e;color-scheme:dark}
.ni-theme-cinema .ni-primary,.ni-theme-darkroom .ni-primary{color:#17131b}.ni-theme-cinema .ni-article-head{grid-template-columns:1fr;gap:3rem;text-align:center;padding-top:1.5rem}.ni-theme-cinema .ni-exhibit-title{max-width:56rem;margin:auto}.ni-theme-cinema .ni-exhibit-title h1{font-family:system-ui,-apple-system,sans-serif;font-size:clamp(2.5rem,5.5vw,5rem);font-weight:760;letter-spacing:-.045em}.ni-theme-cinema .ni-exhibit-title .ni-pair>[lang=ar]{text-align:center}.ni-theme-cinema .ni-exhibit-title .ni-kicker>[lang=ar]{text-align:center}.ni-theme-cinema .ni-article-head .ni-lead{max-width:45rem;margin-inline:auto}.ni-theme-cinema .ni-exhibit-object{max-width:64rem;width:100%;margin:auto;padding:1rem 0;border-block:1px solid #6c6350;background:repeating-linear-gradient(90deg,transparent 0 18px,#b8ab8a66 18px 26px,transparent 26px 44px) top/100% 6px no-repeat,repeating-linear-gradient(90deg,transparent 0 18px,#b8ab8a66 18px 26px,transparent 26px 44px) bottom/100% 6px no-repeat}.ni-theme-cinema .ni-exhibit-object .ni-art{border-radius:2px;max-height:38rem;box-shadow:0 16px 72px #0009}
.ni-cinema-study{padding-block:4rem;border-bottom:1px solid var(--ni-line)}.ni-cinema-study>h2{font-size:clamp(1.7rem,3vw,3rem);max-width:50rem;line-height:1.3}.ni-study-intro{max-width:46rem;font-size:1.125rem;color:var(--ni-muted)}.ni-external-note{font-size:.875rem;margin:1rem 0 2.5rem}.ni-film-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.ni-film-example{border:1px solid var(--ni-line);background:#111620;border-radius:1.25rem;overflow:hidden;min-width:0}.ni-film-title{padding:2rem;min-height:15rem;position:relative;isolation:isolate;border-bottom:1px solid var(--ni-line);display:flex;align-items:end;gap:1rem;background:#202631}.ni-film-title h3{font:700 1.625rem/1.3 Georgia,serif;margin:0;flex:1;max-width:100%;text-wrap:balance}.ni-film-title h3 [lang=ar]{font-size:1.1rem}.ni-film-no{align-self:start;font:700 4rem/1 system-ui;letter-spacing:-.08em;color:#e6c58e}.ni-film-copy{padding:2rem}.ni-film-copy>p{font-size:1rem;color:#ddd7ce}.ni-film-copy>p .ni-pair{gap:1rem}.ni-film-date{font-size:.875rem!important;color:#c8c1b6!important}.ni-film-copy h4{font-size:1.2rem}.ni-film-copy details{border-block:1px solid var(--ni-line);padding:1rem 0;margin:1.5rem 0}.ni-film-copy summary{min-height:44px;cursor:pointer;font-weight:700}.ni-film-copy details p{margin-top:1rem}.ni-film-copy>a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px}.ni-word{margin-top:1.5rem;padding:1rem 1.25rem;background:#222938;border-radius:.5rem;border-inline-start:3px solid #e6c58e}.ni-word>b{font-size:.8125rem;color:#c8c1b6}.ni-word>p{margin:1rem 0 0;font-size:1.2rem}.ni-motif-movement{background:linear-gradient(110deg,#202631 45%,transparent 45%),repeating-linear-gradient(90deg,#403929 0 18px,#252631 18px 42px)}.ni-motif-comedy{background:radial-gradient(ellipse at 78% 22%,#52674c 0 14%,transparent 15%),#202b26}.ni-motif-family{background:radial-gradient(circle at 78% 30%,#65513a 0 12%,transparent 13%),#312927}.ni-motif-work{background:linear-gradient(135deg,#302621 55%,#654b33 55%,#654b33 57%,#302621 57%)}.ni-motif-sea{background:repeating-linear-gradient(170deg,#182d38 0 28px,#253d47 28px 30px,#182d38 30px 65px)}.ni-motif-city{background:linear-gradient(90deg,transparent 65%,#4b4850 65%,#4b4850 68%,transparent 68%),#252831}
.ni-projection{margin-top:4rem;padding:clamp(1.25rem,3vw,3rem);background:#f3eee5;color:#201b23;border-radius:1.25rem;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.ni-projection h2{font-size:2rem}.ni-projection a{display:inline-block;min-height:44px}.ni-projection :focus-visible{outline-color:#673a80}.ni-projector-experiment{min-width:0}.ni-frames{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;gap:.5rem;padding:0;margin:0}.ni-frames li{min-width:0;font-size:.75rem}.ni-frame-art{height:6rem;background:#202631;display:block;position:relative;border-radius:.25rem;margin-bottom:.5rem}.ni-frame-art i,.ni-projected-frame i{display:block;position:absolute;width:1rem;height:1rem;border-radius:50%;background:#e6c58e;left:calc(10% + var(--frame,0)*22%);top:calc(55% - var(--frame,0)*12%)}.ni-projected-frame{margin-top:1.5rem;background:#202631;aspect-ratio:16/9;position:relative;border:10px solid #313946;border-radius:.75rem}.ni-projected-frame i{width:2.5rem;height:2.5rem}.ni-step-buttons{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.ni-step-buttons button{font:inherit;color:#f3eee5;background:#292137;border:1px solid #292137;min-height:44px;padding:.6rem .9rem;border-radius:.5rem;cursor:pointer}.ni-step-buttons button:disabled{color:#51485b;background:#ded8e3;border-color:#82768e;cursor:default}.ni-frame-status{font-size:.875rem;margin:1rem 0 0}
.ni-theme-darkroom .ni-exhibit-object{padding:1.25rem;border:1px solid #9d968d;box-shadow:0 20px 60px #0006;transform:rotate(-1deg)}.ni-theme-darkroom .ni-exhibit-object .ni-art{border-radius:0;box-shadow:none}.ni-theme-darkroom .ni-chapter{border-bottom:1px solid var(--ni-line);margin-bottom:2rem}
.ni-theme-sky{--ni-paper:#edf4f6;--ni-soft:#daeaf0;--ni-ink:#163445;--ni-muted:#405e6d;--ni-line:#869da6}.ni-theme-sky .ni-article-head{grid-template-columns:.9fr 1.1fr;gap:3rem}.ni-theme-sky .ni-exhibit-object{transform:rotate(1deg);padding-bottom:3rem}.ni-theme-sky .ni-exhibit-object .ni-art{border-radius:50% 50% 1rem 1rem}.ni-theme-sky .ni-number{font-size:1.5rem}
.ni-theme-touch .ni-article-head{border-top:8px dotted #673a80}.ni-theme-touch .ni-chapter h2{border-inline-start:6px solid #673a80;padding-inline-start:1rem}.ni-theme-measure .ni-article-head{background:repeating-linear-gradient(90deg,#6d6685 0 1px,transparent 1px 24px) bottom/100% 12px no-repeat;padding-bottom:4rem}.ni-theme-measure .ni-number{font-family:ui-monospace,monospace}.ni-theme-measure .ni-chapter{border-top:1px solid #bcb0c5;padding-top:1.5rem}.ni-theme-laboratory{--ni-paper:#f1f7f7;--ni-soft:#dceced;--ni-line:#839da0;--ni-ink:#153c42;--ni-muted:#3c6166}.ni-theme-laboratory .ni-exhibit-object .ni-art{border:1px solid #839da0;border-radius:3rem .5rem}.ni-theme-laboratory .ni-milestones{padding:2rem;background:#dceced}
.ni-theme-paper,.ni-theme-archive{--ni-paper:#f4ecdc;--ni-soft:#e9dcc4;--ni-line:#ac997c;--ni-ink:#3d2b1b;--ni-muted:#65513d}.ni-theme-paper .ni-exhibit-object,.ni-theme-archive .ni-exhibit-object{padding:1rem;background:#e0caa5;border:1px solid #ac997c;transform:rotate(-1deg)}.ni-theme-paper .ni-exhibit-object .ni-art,.ni-theme-archive .ni-exhibit-object .ni-art{border-radius:0}.ni-theme-paper .ni-chapter,.ni-theme-archive .ni-chapter{background:#fffaf0;padding:2rem;margin-bottom:2rem;border-block:1px solid #c3b497}.ni-theme-solar .ni-article-head{border-top:3px solid #a27524}.ni-theme-solar .ni-exhibit-object .ni-art{border-radius:50%}.ni-theme-solar .ni-milestones ol{border-inline-start:3px solid #a27524;margin-inline-start:.5rem;list-style:none}.ni-theme-water,.ni-theme-canal{--ni-paper:#edf4f3;--ni-soft:#d4e5e3;--ni-line:#829c99;--ni-ink:#183c3b;--ni-muted:#3f6360}.ni-theme-water .ni-milestones ol,.ni-theme-canal .ni-milestones ol{list-style:none;border-inline-start:4px solid #466c73;padding-inline-start:1.5rem}.ni-theme-water .ni-chapter{border-bottom:1px solid #829c99;margin-bottom:1.5rem}.ni-theme-boat .ni-article-head,.ni-theme-canal .ni-article-head{grid-template-columns:1fr}.ni-theme-boat .ni-exhibit-title,.ni-theme-canal .ni-exhibit-title{max-width:52rem}.ni-theme-boat .ni-exhibit-object,.ni-theme-canal .ni-exhibit-object{max-width:62rem;margin-inline:auto}.ni-theme-boat .ni-exhibit-object .ni-art,.ni-theme-canal .ni-exhibit-object .ni-art{max-height:36rem}.ni-theme-boat .ni-milestones{border-top:4px double #967351}
@media(prefers-reduced-motion:no-preference){.ni-exhibit-object .ni-art{animation:ni-object-settle .7s cubic-bezier(.23,1,.32,1) both}@keyframes ni-object-settle{from{opacity:.8;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(hover:hover) and (pointer:fine){.ni-film-copy>a:hover{text-decoration-thickness:2px}.ni-step-buttons button:not(:disabled):hover{background:#493859}}
@media(max-width:900px){.ni-film-examples{gap:1.25rem}.ni-film-copy,.ni-film-title{padding:1.25rem}.ni-projection{grid-template-columns:1fr}.ni-projection>div:first-child{max-width:38rem}}
@media(max-width:640px){.ni-article-head,.ni-theme-sky .ni-article-head{grid-template-columns:1fr;padding-top:1rem;gap:2rem}.ni-theme-cinema .ni-exhibit-title h1{font-size:2.125rem}.ni-film-examples{grid-template-columns:1fr}.ni-film-title{min-height:12rem}.ni-film-title h3{font-size:1.375rem}.ni-film-no{font-size:3rem}.ni-cinema-study{padding-block:2.5rem}.ni-projection{margin-top:2rem}.ni-projection h2{font-size:1.625rem}.ni-frames{gap:.375rem}.ni-frame-art{height:4.5rem}.ni-frame-art i{width:.65rem;height:.65rem}.ni-theme-sky .ni-exhibit-object{padding-bottom:0}.ni-theme-darkroom .ni-exhibit-object,.ni-theme-paper .ni-exhibit-object,.ni-theme-archive .ni-exhibit-object{padding:.5rem;transform:none}.ni-theme-paper .ni-chapter,.ni-theme-archive .ni-chapter{padding:1.25rem}.ni-article-head h1{font-size:2rem}.ni-primary{font-size:.9375rem}.ni-exhibit-title .ni-primary{display:flex;width:fit-content}.ni-theme-cinema .ni-exhibit-title .ni-primary{margin-inline:auto}}
@media(forced-colors:active){.ni-film-example,.ni-film-title,.ni-word,.ni-projection,.ni-step-buttons button,.ni-theme-paper .ni-chapter,.ni-theme-archive .ni-chapter{background:Canvas;color:CanvasText;border:1px solid CanvasText}.ni-film-no,.ni-film-copy>p,.ni-film-date,.ni-word>b{color:CanvasText!important}.ni-frame-art,.ni-projected-frame{background:Canvas;border:1px solid CanvasText}.ni-frame-art i,.ni-projected-frame i{background:CanvasText}.ni-projection :focus-visible{outline-color:Highlight}}