:root { --accent:#71ebd7; --rule:#254d52; }
.wordmark { letter-spacing:-.02em; font-size:24px; }
.wordmark small { color:#71ebd7; font-size:10px; letter-spacing:.2em; margin-left:10px; }
.art-site .destination-hero { min-height:720px; }
.art-site .hero-content h1 { font-weight:500; }
.art-site .hero-content { max-width:850px; }
.art-site .research-note { padding-block:90px; }
.art-site .research-note h2 { font-size:clamp(40px,5vw,76px); }
.art-ribbon { position:relative; overflow:hidden; min-height:320px; margin:0 4% 55px; border-block:1px solid #2e5457; }
.art-ribbon > div { position:relative; z-index:1; padding:45px 5%; background:linear-gradient(90deg,#020c12e8,transparent); }
.art-ribbon h2 { font-size:38px; }
@media(max-width:760px) { .art-site .destination-hero { min-height:680px; } .art-site .research-note { padding-block:45px; } .art-ribbon h2 { font-size:30px; } .wordmark { font-size:19px; } }