/* One continuous maker's signature, rather than a logo card between columns.
   The approved image stays complete and unfiltered. Only the outer quarters
   of its existing water extension are used, aligned to the image's height. */
.site-footer.river-footer{
 --logo-width:360px;
 --footer-paper:#faf9f3;
 --mark-top:18px;
 position:relative;
 isolation:isolate;
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 align-items:start;
 gap:0 48px;
 padding:var(--mark-top) max(6%,calc((100% - 1120px)/2)) 30px;
 background:var(--footer-paper);
 border:0;
 color:#544b3c;
 box-shadow:none;
}
/* Bring the photograph into the same paper without drawing another frame. */
.home-body .river-footer:before{
 content:"";
 position:absolute;
 inset:-38px 0 auto;
 height:38px;
 background:linear-gradient(180deg,#faf9f300,var(--footer-paper));
 pointer-events:none;
}
.river-footer .river-extension{
 top:calc(var(--mark-top) - 5px);
 bottom:auto;
 height:calc(var(--logo-width)*1082/1454);
 width:calc(50% - var(--logo-width)/2);
 opacity:1;
 pointer-events:none;
}
/* Feather only the decorative water where it meets the original image.
   No mask, crop or overlay is applied to the approved maker's mark. */
.river-footer .river-extension-left{
 -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 65%,transparent 100%);
 mask-image:linear-gradient(90deg,#000 0%,#000 65%,transparent 100%);
}
.river-footer .river-extension-right{
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 100%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 100%);
}
.river-footer .original-logo-footer{
 grid-column:1/-1;
 grid-row:1;
 width:var(--logo-width);
 max-width:100%;
 margin:0 auto;
 padding:0;
 position:relative;
 z-index:1;
 border:0;
 background:transparent;
 box-shadow:none;
}
.river-footer .original-logo-footer img{
 width:100%;
 height:auto;
 display:block;
}
/* Retain the original-mark description for assistive technology without an
   exhibit label separating the brand from the rest of its own footer. */
.river-footer .original-logo-footer span{
 position:absolute;
 width:1px;
 height:1px;
 padding:0;
 margin:-1px;
 overflow:hidden;
 clip-path:inset(50%);
 white-space:nowrap;
 border:0;
}
.river-footer>div:first-of-type,
.river-footer>div:nth-of-type(2){
 grid-row:2;
 position:relative;
 z-index:1;
 min-width:0;
 padding:18px 0 0;
 border-top:1px solid #c8af7d80;
}
.river-footer>div:first-of-type{grid-column:1;text-align:left}
.river-footer>div:nth-of-type(2){grid-column:2;text-align:right}
.river-footer .brand{
 display:inline-flex;
 align-items:center;
 min-height:44px;
 font:25px/1.3 Georgia,serif;
 color:#46534b;
}
.river-footer p{
 font:12px/1.7 Georgia,serif;
 color:#6a604e;
 margin:3px 0 0;
 max-width:360px;
}
.river-footer>div:nth-of-type(2) p{margin-left:auto}
.river-footer .text-link{
 display:inline-flex;
 align-items:center;
 min-height:44px;
 font:15px/1.5 Georgia,serif;
 color:#665033;
 text-decoration-color:#b39762;
 text-underline-offset:6px;
}
.river-footer .brand:hover,.river-footer .text-link:hover{color:#314e49}
.river-footer>a{
 grid-column:1/-1;
 justify-self:center;
 margin-top:20px;
 padding:10px 14px;
 min-height:44px;
 font:12px/1.7 Georgia,serif;
 color:#6e5c3f;
 text-decoration-color:#b39762;
 text-underline-offset:5px;
}
@media(max-width:760px){
 .site-footer.river-footer{
  --logo-width:265px;
  --mark-top:12px;
  gap:0 24px;
  padding:var(--mark-top) 6% 25px;
 }
 .home-body .river-footer:before{inset:-28px 0 auto;height:28px}
 .river-footer .river-extension{top:calc(var(--mark-top) - 4px)}
 .river-footer>div:first-of-type,.river-footer>div:nth-of-type(2){padding-top:14px}
 .river-footer .brand{font-size:22px}
 .river-footer .text-link{font-size:14px}
 .river-footer p{font-size:12px}
}
@media(max-width:480px){
 .site-footer.river-footer{gap:0 18px}
 .river-footer .brand{font-size:20px}
 .river-footer .text-link{font-size:13px;line-height:1.5}
 .river-footer p{font-size:11px;line-height:1.7}
}
@media(max-width:360px){
 .site-footer.river-footer{--logo-width:240px;gap:0 15px}
 .river-footer .brand{font-size:18px}
}
