:root { --ink:#35214f; --purple:#6636a4; --paper:#f8eaf0; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Sans",sans-serif; }
.site-header { position:absolute; z-index:2; top:0; left:0; width:100%; padding:2.65rem 0; }
.navbar { max-width:1450px; }.navbar-toggler { border-color:var(--purple); }.navbar-toggler:focus { box-shadow:0 0 0 .2rem #6636a433; }.nav-link { padding:.55rem 1.3rem!important; border:2px solid transparent; border-radius:.85rem; color:#28212f; font-size:1.1rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }.nav-link:hover,.nav-link:focus { color:var(--purple); }.nav-link.active { border-color:var(--purple); color:var(--purple)!important; }.navbar-brand { color:var(--ink); font-family:"Bowlby One SC",sans-serif; font-size:.72rem; }
.hero { position:relative; min-height:calc(100vh - 45px); overflow:hidden; background:radial-gradient(circle at 25% 30%,#fff8fa 0,transparent 28%),linear-gradient(105deg,#f8eaf0 0%,#f1dfe9 42%,#ae8ab7 68%,#76518c 100%); }.hero::after { position:absolute; inset:0; z-index:0; background-image:radial-gradient(#7b3f8230 .6px,transparent .8px); background-size:7px 7px; content:""; opacity:.28; pointer-events:none; }.hero-container { position:relative; z-index:1; min-height:calc(100vh - 45px); max-width:1450px; padding-top:7.7rem; padding-bottom:1rem; }.hero-copy { position:relative; z-index:2; padding-left:2.5rem; }.hero h1 { margin:0; color:#34204d; font-family:"Bowlby One SC",sans-serif; font-size:clamp(3.6rem,6vw,6.8rem); font-weight:400; line-height:.98; letter-spacing:-.035em; text-transform:uppercase; }.hero h1 span { display:block; font-size:.65em; }.museum-name { margin:1.4rem 0 1.4rem; color:#6e39a4; font-size:clamp(1.45rem,2.4vw,2.55rem); font-weight:700; letter-spacing:.16em; line-height:1.25; text-transform:uppercase; }.paint-stroke { width:min(355px,80%); height:7px; background:var(--purple); clip-path:polygon(0 38%,10% 10%,36% 31%,63% 16%,80% 36%,100% 44%,94% 65%,61% 71%,21% 66%,0 78%); }.tagline { margin:1.35rem 0 1.95rem; color:#312a37; font-size:clamp(1.15rem,1.7vw,1.65rem); line-height:1.5; }.exhibit-button { padding:1.1rem 1.55rem; border:0; border-radius:1rem; background:linear-gradient(110deg,#6030a2,#773fb0); color:#fff; font-size:1rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; box-shadow:0 8px 16px #4c237a20; }.exhibit-button:hover,.exhibit-button:focus { background:#4d2682; color:#fff; }.exhibit-button span { margin-left:1rem; font-size:1.75rem; line-height:0; vertical-align:-.14em; }.hero-visual { position:absolute; z-index:1; top:0; right:0; bottom:0; width:69%; padding:0; }.hero-visual img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.9) contrast(.97); -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 12%,#000 32%); mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 12%,#000 32%); }
.site-footer { min-height:45px; padding:.75rem 0; background:#35214f; color:#f9ebf0; font-size:.75rem; letter-spacing:.08em; text-align:center; }
.about-header { position:relative; background:var(--paper); }.about-page { min-height:calc(100vh - 175px); padding:5rem 0 6rem; background:radial-gradient(circle at 16% 16%,#fff9fb 0,transparent 24%),radial-gradient(circle at 87% 75%,#cfb5d7 0,transparent 35%),linear-gradient(135deg,#f8eaf0,#ead6e8); }.about-container { max-width:1100px; }.about-kicker { margin:0 0 1rem; color:#6e39a4; font-size:.82rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }.about-page h1 { margin:0 0 1.5rem; color:#34204d; font-family:"Bowlby One SC",sans-serif; font-size:clamp(3rem,6vw,6.3rem); font-weight:400; line-height:.95; letter-spacing:-.04em; text-transform:uppercase; }.about-page h1 span { color:#6e39a4; }.about-copy { max-width:850px; margin:2rem 0 2.25rem; color:#332b3d; font-size:clamp(1.1rem,1.55vw,1.35rem); line-height:1.7; }.about-copy p + p { margin-top:1.4rem; }.about-copy strong { color:#482474; }
.exhibit-header-actions { display:flex; flex-wrap:wrap; gap:.7rem; }.exhibit-header-actions a { padding:.55rem .8rem; border:1px solid #6e39a4; border-radius:.65rem; color:#6e39a4; font-size:.7rem; font-weight:700; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; }.exhibit-header-actions a:hover { background:#6e39a4; color:#fff; }
.exhibits-blank-page { min-height:calc(100vh - 175px); background:radial-gradient(circle at 16% 16%,#fff9fb 0,transparent 24%),radial-gradient(circle at 87% 75%,#cfb5d7 0,transparent 35%),linear-gradient(135deg,#f8eaf0,#ead6e8); }.exhibits-blank-content { display:grid; min-height:calc(100vh - 175px); place-items:center; }.exhibits-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; }.exhibits-actions .exhibit-button { min-width:220px; }
.exhibits-page { min-height:calc(100vh - 175px); padding:2rem 0 5.5rem; overflow:hidden; background:radial-gradient(circle at 16% 16%,#fff9fb 0,transparent 24%),radial-gradient(circle at 87% 75%,#cfb5d7 0,transparent 35%),linear-gradient(135deg,#f8eaf0,#ead6e8); }.exhibits-page-content { max-width:1300px; }.exhibits-page-label { margin:0 0 1rem; color:#6e39a4; font-size:.82rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }.exhibits-page-title { margin:0; color:#34204d; font-family:"Bowlby One SC",sans-serif; font-size:clamp(3rem,5.4vw,5.45rem); font-weight:400; line-height:.98; letter-spacing:-.04em; text-transform:uppercase; }.exhibits-page-stroke { width:min(380px,90%); margin:2rem 0 2.15rem; }.exhibits-actions { display:flex; align-items:flex-start; }.exhibits-page-art { width:calc(100% + max(0px, (100vw - 1300px) / 2)); max-width:none; margin:-2rem 0 0; }.exhibits-page-art img { display:block; width:100%; height:min(820px,calc(100vh - 180px)); min-height:500px; object-fit:cover; object-position:center; filter:saturate(.92) contrast(.98); -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 14%,#000 34%); mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 14%,#000 34%); }
.exhibit-header { padding-top:2.3rem; }.exhibit-header .navbar { max-width:none; }.exhibit-header .nav-link { padding:.45rem 1.05rem!important; font-size:1rem; }.exhibit-landing { position:relative; min-height:calc(100vh - 45px); overflow:hidden; background:radial-gradient(circle at 25% 30%,#fff8fa 0,transparent 28%),linear-gradient(105deg,#f8eaf0 0%,#f1dfe9 42%,#ae8ab7 68%,#76518c 100%); }.exhibit-landing::before { position:absolute; inset:0; background-image:radial-gradient(#7b3f8230 .6px,transparent .8px); background-size:7px 7px; content:""; opacity:.28; }.exhibit-container { position:relative; z-index:1; min-height:calc(100vh - 45px); max-width:1450px; padding-top:9.7rem; padding-bottom:1.5rem; }.exhibit-copy { position:relative; z-index:2; padding-left:2.5rem; }.exhibit-kicker { margin:0 0 1rem; color:#6e39a4; font-size:.82rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }.exhibit-copy h1 { max-width:615px; margin:0 0 1.35rem; color:#34204d; font-family:"Bowlby One SC",sans-serif; font-size:clamp(2.35rem,3.7vw,4.45rem); font-weight:400; line-height:1.09; letter-spacing:-.02em; text-transform:uppercase; }.exhibit-copy h1 span { font-size:.73em; }.exhibit-intro { max-width:27rem; margin:0 0 1.9rem; color:#34204d; font-size:clamp(1rem,1.4vw,1.2rem); font-weight:500; line-height:1.65; }.exhibit-copy .paint-stroke { width:min(370px,90%); margin-bottom:1.5rem; background:#6e39a4; }.exhibit-art { position:absolute; z-index:1; top:0; right:0; bottom:0; width:66%; padding:0; }.exhibit-art img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.92) contrast(.97); -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 12%,#000 32%); mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 12%,#000 32%); }
@media (max-width:991.98px) { .site-header { padding:1.5rem 0; }.hero-container { padding-top:7rem; }.hero-copy { padding-left:1.2rem; }.hero-visual { width:60%; }.hero { min-height:auto; }.hero-container { min-height:auto; padding-bottom:3rem; } }
@media (max-width:767.98px) { .site-header { position:relative; background:var(--paper); padding:.8rem 0; }.navbar-collapse { padding-top:.75rem; }.nav-link { display:inline-block; padding:.45rem .8rem!important; font-size:.86rem; }.hero-container { padding-top:2rem; }.hero-copy { padding-left:.75rem; }.hero h1 { font-size:clamp(3rem,14vw,4.7rem); }.museum-name { font-size:1.3rem; }.exhibit-button { font-size:.78rem; }.hero-visual { position:relative; width:100%; height:320px; margin-top:1.2rem; }.hero-visual img { width:100%; height:100%; object-position:center; } }

/* Exhibit I landing page */
.exhibit-page-header { padding-top:1.2rem; padding-bottom:1.2rem; }.exhibit-page-header .nav-link { color:#34204d; font-size:.92rem; }.exhibit-page { position:relative; min-height:calc(100vh - 45px); overflow:hidden; background:radial-gradient(circle at 18% 37%,#f8eff5 0,transparent 27%),linear-gradient(105deg,#efdce9 0%,#ead6e5 48%,#c7a3c8 100%); }.exhibit-page::after { position:absolute; inset:0; background-image:radial-gradient(#82598e22 .6px,transparent .8px); background-size:7px 7px; content:""; pointer-events:none; }.exhibit-page-container { position:relative; z-index:1; min-height:calc(100vh - 45px); max-width:1450px; padding-top:3.1rem; }.exhibit-page-copy { position:relative; z-index:2; width:43%; padding-left:1.5rem; }.exhibit-page-label { margin:0 0 1rem; color:#693da4; font-size:.82rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }.exhibit-page h1 { margin:0; color:#2e1b55; font-family:Knewave,cursive; font-size:clamp(3rem,5.1vw,6rem); font-weight:400; line-height:.92; letter-spacing:.01em; text-transform:uppercase; }.exhibit-page-stroke { width:min(365px,86%); height:7px; margin:1.45rem 0 1.35rem; background:#6a39a1; clip-path:polygon(0 36%,13% 8%,32% 25%,59% 13%,83% 33%,100% 46%,94% 65%,59% 69%,20% 66%,0 77%); }.exhibit-page-description { margin:0 0 1.65rem; color:#35234d; font-size:clamp(1rem,1.55vw,1.35rem); line-height:1.5; }.exhibit-page-button { padding:1rem 1.45rem; border:0; border-radius:.75rem; background:linear-gradient(110deg,#552795,#7139ad); color:#fff; font-size:.82rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; box-shadow:0 8px 14px #43206e29; }.exhibit-page-button:hover,.exhibit-page-button:focus { background:#482280; color:#fff; }.exhibit-page-button span { margin-left:1.4rem; font-size:1.65rem; line-height:0; vertical-align:-.15em; }.exhibit-page-art { position:absolute; z-index:1; top:0; right:0; bottom:0; width:65%; }.exhibit-page-art img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.91) contrast(.98); -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.13) 12%,#000 33%); mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.13) 12%,#000 33%); }
@media (max-width:767.98px) { .exhibit-page-header { position:relative; }.exhibit-page-container { min-height:auto; padding:2rem 1rem 0; }.exhibit-page-copy { width:100%; padding-left:0; }.exhibit-page h1 { font-size:clamp(3rem,15vw,5rem); }.exhibit-page-art { position:relative; width:100%; height:360px; margin-top:1.5rem; }.exhibit-page-art img { -webkit-mask-image:none; mask-image:none; } }