.civic-template{--ink:#111;--blue:#46a9e8;--red:#e63b2e;background:#fff;color:var(--ink);font:16px/1.35 Arial,"Helvetica Neue",sans-serif}.civic-template *{box-sizing:border-box}.civic-template :is(h1,h2,h3,p){margin:0}.civic-template a{color:inherit;text-decoration:none}.skip{position:fixed;left:12px;top:12px;background:#000;color:#fff;padding:10px;z-index:90;transform:translateY(-160%)}.skip:focus{transform:none}.civic-template :is(a,button):focus-visible{outline:3px solid var(--blue);outline-offset:3px}.civic-template header{background:#fff;position:relative;z-index:4}.masthead{height:104px;padding:18px 3.6vw 10px;display:flex;align-items:start;justify-content:space-between}.logo{font-size:72px;line-height:.9;font-weight:900;letter-spacing:-.075em}.member{display:flex;gap:14px;align-items:center;font-weight:700}.member>a{padding:12px 15px}.member .donate{background:#eee}.tickets{background:var(--blue)!important;padding:12px 16px!important;font-weight:800}.civic-template nav{height:64px;padding:0 3.6vw;display:flex;align-items:center;gap:45px;border-bottom:1px solid #ddd;font-size:22px;font-weight:800}.civic-template nav button{border:0;background:transparent;font:inherit;margin-left:auto;cursor:pointer}.civic-template nav button+button{margin-left:-25px;font-size:32px}.hero-art{height:min(68vw,690px);margin:0 3.1vw;position:relative;overflow:hidden;background:#dde1d7}.art-sun{position:absolute;width:36vw;height:36vw;border-radius:50%;background:#f4d335;left:7%;top:12%}.art-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 55px,#141414 55px 57px),repeating-linear-gradient(90deg,transparent 0 100px,#141414 100px 102px);opacity:.16;transform:rotate(-6deg) scale(1.2)}.art-blue{position:absolute;width:42%;height:82%;right:-4%;top:8%;background:#3c6fbd;clip-path:polygon(24% 0,100% 8%,82% 100%,0 88%)}.art-red{position:absolute;width:34%;height:48%;left:31%;bottom:-5%;background:var(--red);clip-path:polygon(12% 0,100% 26%,76% 100%,0 72%)}.art-face{position:absolute;width:26%;height:60%;left:41%;top:8%;border-radius:46% 54% 38% 42%;background:#dfb692;transform:rotate(8deg)}.art-face:before{content:"";position:absolute;width:54%;height:28%;background:#151515;left:23%;top:19%;border-radius:50% 50% 20% 20%}.art-face i,.art-face b{position:absolute;width:9%;height:5%;border-radius:50%;background:#111;top:39%}.art-face i{left:27%}.art-face b{right:27%}.hero-art>p{position:absolute;left:3%;bottom:4%;font-size:clamp(28px,4vw,66px);font-weight:900;line-height:.88;letter-spacing:-.06em;color:#fff;text-shadow:0 2px 20px #0004}.hero-art>p span{font-size:.38em;letter-spacing:0}.welcome{padding:80px 3.6vw 110px;display:grid;grid-template-columns:1.4fr .6fr;gap:7vw;border-bottom:1px solid #111}.welcome h1{font-size:clamp(64px,8.5vw,130px);line-height:.83;letter-spacing:-.075em}.welcome>div>p{margin-top:20px;font-size:20px}.welcome>div+div{padding-top:25px}.welcome>div+div p{font-size:30px;line-height:1.12;font-weight:700}.welcome a,.collection a{display:inline-block;margin-top:35px;border-bottom:3px solid #111;font-weight:800}.exhibitions{padding:75px 3.6vw 130px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-head h2,.collection h2,.day>h2{font-size:clamp(50px,6vw,88px);line-height:.9;letter-spacing:-.055em}.section-head a{font-weight:800;border-bottom:2px solid}.exhibitions article{min-height:180px;padding:18px 0;display:grid;grid-template-columns:60px 250px 1fr auto;gap:24px;align-items:center;border-top:2px solid #111}.exhibitions article:last-child{border-bottom:2px solid #111}.number{font-weight:900}.thumb{height:145px;position:relative;overflow:hidden}.thumb.blue{background:#3578d3}.thumb.blue i{position:absolute;width:90px;height:90px;border:25px solid #eee;border-radius:50%;left:80px;top:28px}.thumb.red{background:#e45136}.thumb.red i{position:absolute;width:180px;height:180px;background:#171717;transform:rotate(36deg);left:-30px;top:-70px}.thumb.mono{background:#d6d2c8}.thumb.mono i{position:absolute;width:110px;height:110px;border:16px solid #111;left:70px;top:18px;transform:rotate(45deg)}.exhibitions h3{font-size:32px;letter-spacing:-.035em}.exhibitions p{font-size:17px;margin-top:8px}.exhibitions time{font-weight:800}.collection{padding:100px 3.6vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;background:#f1f1ef}.collection .copy p{font-size:20px;max-width:390px;margin-top:25px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.piece{height:280px;position:relative;overflow:hidden}.p1{background:#e53932}.p1 i{position:absolute;width:190px;height:190px;background:#ffd52e;border-radius:50%;left:20%;top:15%}.p2{background:#232323}.p2 i{position:absolute;width:65%;height:65%;left:18%;top:18%;background:repeating-linear-gradient(45deg,#eee 0 8px,#232323 8px 16px)}.p3{background:#e6d8b6}.p3 i{position:absolute;width:50%;height:120%;background:#375aa8;transform:rotate(20deg);left:25%;top:-10%}.p4{background:#5da482}.p4 i{position:absolute;width:180px;height:180px;border:35px solid #f5e9d2;border-radius:50%;left:24%;top:18%}.day{padding:105px 3.6vw 135px}.day>div{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid}.day article{padding:22px 28px 60px 0;border-right:1px solid}.day article+article{padding-left:28px}.day article:last-child{border:0}.day b{font-size:13px}.day h3{font-size:29px;margin-top:45px}.day p{margin-top:12px;max-width:320px}.civic-template footer{min-height:300px;padding:55px 3.6vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:40px;background:#111;color:#fff}.civic-template footer .logo{font-size:64px}.civic-template footer>div:not(.logo){display:flex;flex-direction:column;gap:8px}.civic-template.large-text{font-size:19px}[data-reveal]{opacity:0;transform:translateY(24px);transition:.7s ease}[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:850px){.masthead{height:86px}.logo{font-size:58px}.member>a:first-child{display:none}.civic-template nav{gap:20px;font-size:17px;overflow:auto}.civic-template nav a:nth-child(4){display:none}.welcome,.collection{grid-template-columns:1fr}.exhibitions article{grid-template-columns:44px 180px 1fr}.exhibitions time{display:none}.day>div{grid-template-columns:1fr}.day article{border-right:0;border-bottom:1px solid;padding:20px 0 45px!important}.civic-template footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.masthead{height:72px;padding:14px 18px}.logo{font-size:44px}.member{gap:4px}.member>a{padding:9px!important;font-size:12px}.civic-template nav{height:54px;padding-inline:18px;font-size:14px;gap:18px}.civic-template nav button{display:none}.hero-art{height:490px;margin:0}.art-sun{width:70vw;height:70vw}.art-blue{width:62%}.art-face{width:44%;left:30%}.art-red{width:60%;left:10%}.welcome,.exhibitions,.collection,.day{padding:70px 20px}.welcome h1{font-size:16vw}.welcome>div+div p{font-size:23px}.exhibitions article{grid-template-columns:34px 92px 1fr;gap:12px;min-height:125px}.thumb{height:88px}.exhibitions h3{font-size:21px}.exhibitions p{font-size:13px}.collection-grid{grid-template-columns:1fr}.piece{height:240px}.civic-template footer{grid-template-columns:1fr;padding:45px 20px}}
@media(prefers-reduced-motion:reduce){.civic-template *{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}