/* Knotley's entrance has its own travel layer, keeping the approved sprite intact. */
.knotley-arrival{flex-shrink:0;width:250px;transform-origin:50% 85%}
.hero-curator .knotley-arrival .pose{width:100%;transform:rotate(0)}
.knotley-start{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;border-top:1px solid currentColor;margin-top:12px;font:650 14px Label,sans-serif;text-decoration:none}
.knotley-start span{font-size:22px;transition:transform .2s}
.knotley-start:hover span{transform:translate(3px,-3px)}
.knotley-start:focus-visible{outline:3px solid #367a72;outline-offset:4px}
@media(max-width:760px){.knotley-arrival{width:150px}.knotley-start{font-size:12px;margin-top:8px}.hero-foot{margin-top:120px}}
@media(max-width:380px){.knotley-arrival{width:120px}}
@media(prefers-reduced-motion:reduce){.knotley-start span{transition:none}}

/* Introduce the host in the opening composition, before the portfolio previews. */
.hero{position:relative}
.hero h1{width:57%;font-size:clamp(48px,5.7vw,108px);text-align:left;margin:32px 0 22px}
.hero-deck{width:53%;max-width:none;margin:0 0 65px;gap:20px}
.hero-deck p{font-size:15px}
.hero-deck .entry-link{flex-shrink:0}
.hero>.hero-curator{top:75px;bottom:auto;left:auto;right:4%;width:40%;max-width:650px;min-height:260px;justify-content:center}
.hero-curator .knotley-arrival{width:clamp(140px,14vw,240px)}
.hero-curator .curator-slip{flex:1;min-width:0;max-width:270px;margin-left:-12px;padding:16px 20px}
.hero-curator .curator-slip p{font-size:14px}
.hero-curator .curator-slip .knotley-introduction{font-size:13px;line-height:1.4}
.exhibition-teaser{padding-bottom:30px}
.hero-foot{margin-top:25px}
@media(min-width:761px) and (max-width:1100px){
 .hero-deck{display:block;margin-bottom:45px}
 .hero-deck .entry-link{margin-top:14px}
 .hero>.hero-curator{top:55px;width:43%}
 .hero-curator .knotley-arrival{width:130px}
 .hero-curator .curator-slip{padding:12px 14px}
}
@media(max-width:760px){
 .hero{padding-top:16px}
 .hero h1{width:100%;font-size:clamp(38px,9vw,66px);margin:20px 0 16px}
 .hero h1>span:first-child{padding-left:0}
 .hero-deck{width:100%;margin:0 0 14px;display:flex;gap:16px}
 .hero-deck p{font-size:13px}
 .hero-deck p br{display:none}
 .hero-deck .entry-link{font-size:11px;flex-basis:115px;flex-shrink:0}
 .hero>.hero-curator{position:relative;inset:auto;width:100%;max-width:470px;min-height:0;margin:10px auto 30px;align-items:center}
 .hero-curator .knotley-arrival{width:135px}
 .hero-curator .curator-slip{max-width:none;padding:12px 15px}
 .hero-curator .curator-slip .knotley-introduction{font-size:12px;line-height:1.35;margin-bottom:10px}
 .hero-curator .curator-slip p{font-size:12px}
 .exhibition-teaser{padding-bottom:25px}
 .hero-foot{margin-top:15px}
}
@media(max-width:380px){.hero-curator .knotley-arrival{width:105px}.hero-curator .curator-slip{padding:10px 12px}}