/* The photograph continues behind the gold band, without fading the legs. */
.hero{grid-template-rows:1fr;align-items:end}
.hero-visual{align-self:end}
.hero-visual .portrait{top:7%;bottom:-14px;height:auto;display:flex;justify-content:center;align-items:flex-end;overflow:visible;filter:drop-shadow(9px 12px 16px #1c281d30);-webkit-mask-image:none;mask-image:none}
.hero-visual .portrait img{flex:none;width:auto;height:100%;max-height:none;max-width:none;object-fit:contain;object-position:center bottom;margin:0;-webkit-mask-image:none;mask-image:none}
.hero-bottom{position:absolute;grid-column:auto;grid-row:auto;left:6%;right:auto;bottom:30px;width:39%;min-height:0;padding:0;gap:15px;flex-wrap:wrap;justify-content:flex-start}
.hero-bottom a{margin-left:12px}
.ribbon-space{height:54px;background:none;z-index:8}
.ribbon-front{height:54px}
@media(min-width:761px) and (max-width:1100px){
 .hero-visual{height:60vw;min-height:540px}
 .hero-bottom{left:5%;width:39%;bottom:28px;font-size:8px}
 .hero-bottom a{margin-left:0}
}
@media(max-width:760px){
 .hero-copy{order:0}
 .hero-bottom{order:1;position:relative;left:auto;right:auto;bottom:auto;width:100%;padding:23px 0 0;gap:10px;flex-wrap:nowrap;justify-content:center}
 .hero-bottom a{margin:0}
 .hero-visual{order:2;align-self:center;margin:12px 0 0}
 .hero-visual .portrait{top:7.5%;bottom:-14px;height:auto}
 .ribbon-space,.ribbon-front{height:46px}
}
