.culture-portals{padding:65px 3.5% 0;margin:0 auto;max-width:1600px}.culture-portals-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}.culture-portals-heading h2{font:500 clamp(34px,4vw,64px)/1.2 var(--display);letter-spacing:.12em;margin-bottom:12px}.culture-portals-heading p{font:18px/1.7 var(--display);letter-spacing:.06em;max-width:820px}.culture-portals-heading>a{white-space:nowrap;font:15px var(--display);border-bottom:1px solid var(--line);padding-bottom:10px}.culture-portal-layout{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.culture-portal{min-width:0;position:relative}.culture-portal-image{display:block;overflow:hidden}.culture-portal-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.culture-portal-image:hover img{transform:scale(1.025)}.culture-portal-copy{padding:16px 13px 18px;position:relative}.culture-portal-copy h3{font:500 22px/1.4 var(--display);margin:0 25px 8px 0}.culture-portal-copy p{font:13px/1.8 var(--display);color:var(--muted);max-width:90%}.culture-portal-arrow{position:absolute;right:10px;top:18px;font-size:22px}.culture-portal-shanhai{grid-column:1/-1;margin-bottom:4px}.culture-portal-shanhai .culture-portal-image{height:310px}.culture-portal-shanhai .culture-portal-image img{object-position:center 43%}.culture-portal-shanhai .culture-portal-copy{position:absolute;inset:0 auto 0 0;width:42%;padding:40px;background:linear-gradient(90deg,var(--paper) 20%,transparent)}.culture-portal-shanhai h3{font-size:37px;max-width:360px}.culture-portal-shanhai p{font-size:17px;max-width:270px;margin-top:20px}.culture-portal-shanhai .culture-portal-arrow{position:static;display:inline-flex;margin-top:23px;padding:7px 28px;background:var(--brand);color:var(--paper);font-size:20px}.culture-portal:not(.culture-portal-shanhai) .culture-portal-image{aspect-ratio:1.3}.culture-portal-closing{min-height:160px;padding:35px 0;display:flex;align-items:center;justify-content:space-between;background:url('/static/theme-art/album-footer.webp') right center/auto 100% no-repeat}.culture-portal-closing p{font:24px/1.6 var(--display)}.culture-portal-closing>span{font:12px var(--display);letter-spacing:.15em;max-width:240px}
html[data-theme=album] .culture-portal-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}html[data-theme=album] .culture-portal-shanhai{grid-column:auto;margin:0}html[data-theme=album] .culture-portal-image,html[data-theme=album] .culture-portal-shanhai .culture-portal-image{height:auto;aspect-ratio:1.8}html[data-theme=album] .culture-portal-shanhai .culture-portal-copy{position:relative;inset:auto;width:auto;padding:16px 13px 18px;background:none}html[data-theme=album] .culture-portal-shanhai h3{font-size:22px}html[data-theme=album] .culture-portal-shanhai p{font-size:13px;max-width:90%;margin:0}html[data-theme=album] .culture-portal-shanhai .culture-portal-arrow{position:absolute;right:10px;top:18px;padding:0;background:none;color:var(--ink);margin:0;font-size:22px}
html[data-theme=night] .culture-portals{padding-top:45px}html[data-theme=night] .culture-portals-heading{align-items:flex-start;width:25%;position:absolute;padding-top:28px;display:block;z-index:1}html[data-theme=night] .culture-portals-heading h2{font-size:clamp(38px,5vw,72px)}html[data-theme=night] .culture-portals-heading p{font-size:18px;max-width:280px}html[data-theme=night] .culture-portals-heading>a{display:inline-block;margin-top:35px}html[data-theme=night] .culture-portal-shanhai{margin-left:27%;margin-bottom:0}html[data-theme=night] .culture-portal-shanhai .culture-portal-image{height:380px}html[data-theme=night] .culture-portal-shanhai .culture-portal-copy{inset:auto auto 0 0;width:56%;padding:23px;background:linear-gradient(90deg,rgba(7,12,16,.94),rgba(7,12,16,.1))}html[data-theme=night] .culture-portal-shanhai h3{font-size:29px}html[data-theme=night] .culture-portal-shanhai p{font-size:14px;margin-top:10px}html[data-theme=night] .culture-portal-shanhai .culture-portal-arrow{background:none;color:var(--ink);border:1px solid var(--muted);width:35px;height:35px;padding:0;border-radius:50%;align-items:center;justify-content:center;margin-top:10px}html[data-theme=night] .culture-portal:not(.culture-portal-shanhai){border:1px solid var(--line);min-height:300px}html[data-theme=night] .culture-portal:not(.culture-portal-shanhai) .culture-portal-image{height:300px;aspect-ratio:auto}html[data-theme=night] .culture-portal:not(.culture-portal-shanhai) .culture-portal-copy{position:absolute;left:0;right:0;bottom:0;padding-top:40px;background:linear-gradient(transparent,rgba(7,12,16,.96) 40%)}html[data-theme=night] .culture-portal-copy h3{font-size:19px}html[data-theme=night] .culture-portal-arrow{top:auto;bottom:17px}html[data-theme=night] .culture-portal-closing{background-image:url('/static/theme-art/night-footer.webp')}
@media(max-width:900px){.culture-portals-heading p{font-size:15px}.culture-portal-layout{gap:10px}.culture-portal-copy h3{font-size:18px}.culture-portal-copy p{font-size:12px}.culture-portal-shanhai .culture-portal-copy{padding:25px;width:50%}html[data-theme=night] .culture-portals-heading p{font-size:14px}html[data-theme=night] .culture-portal-copy h3{font-size:17px}}
@media(max-width:650px){.culture-portals{padding:35px 5% 0}.culture-portals-heading{display:block;margin-bottom:22px}.culture-portals-heading h2{font-size:35px}.culture-portals-heading>a{display:inline-block;font-size:12px;margin-top:15px}.culture-portals-heading p{font-size:14px}.culture-portal-layout,html[data-theme=album] .culture-portal-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.culture-portal-shanhai{grid-column:1/-1}.culture-portal-shanhai .culture-portal-image{height:260px}.culture-portal-shanhai .culture-portal-copy{width:100%;inset:auto 0 0;padding:35px 16px 16px;background:linear-gradient(transparent,var(--paper))}.culture-portal-shanhai h3{font-size:25px}.culture-portal-shanhai p{display:none}.culture-portal-shanhai .culture-portal-arrow{position:absolute;right:15px;bottom:15px;padding:3px 16px}.culture-portal-copy{padding:10px 0}.culture-portal-copy h3,html[data-theme=album] .culture-portal-shanhai h3{font-size:19px}.culture-portal-copy p{font-size:12px;max-width:100%}.culture-portal-arrow{display:none}.culture-portal-closing{display:block;min-height:150px}.culture-portal-closing p{font-size:21px}.culture-portal-closing>span{display:block;font-size:11px;margin-top:20px}html[data-theme=album] .culture-portal-shanhai .culture-portal-copy{padding:10px 0}html[data-theme=album] .culture-portal-shanhai p{display:block}html[data-theme=night] .culture-portals-heading{position:relative;width:100%;padding:0}html[data-theme=night] .culture-portals-heading h2{font-size:36px}html[data-theme=night] .culture-portals-heading>a{margin-top:15px}html[data-theme=night] .culture-portal-shanhai{margin-left:0}html[data-theme=night] .culture-portal-shanhai .culture-portal-copy{width:100%}html[data-theme=night] .culture-portal-shanhai .culture-portal-image{height:280px}html[data-theme=night] .culture-portal:not(.culture-portal-shanhai),html[data-theme=night] .culture-portal:not(.culture-portal-shanhai) .culture-portal-image{min-height:250px;height:250px}}
@media(min-width:901px){html[data-theme=night] .culture-portals-heading h2{font-size:clamp(34px,4vw,62px);white-space:nowrap;letter-spacing:.035em}html[data-theme=night] .culture-portals-heading .seal{display:none}}
html[data-theme=night] .culture-portal-closing{background-size:cover;background-position:center;padding:30px;position:relative;isolation:isolate}
html[data-theme=night] .culture-portal-closing:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,19,.8),rgba(8,14,19,.1),rgba(8,14,19,.5));z-index:-1}
html[data-theme=album] .culture-portal:not(.culture-portal-shanhai) .culture-portal-image{height:auto;aspect-ratio:1.8}