/* v77 · first-screen footer: no buttons; services as a quiet typographic row */
.wall-hero-foot{gap:22px !important}
.whf-top{align-items:flex-end !important}
.whf-hint{margin:0;font:600 11px/1 var(--en);letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.45);display:flex;align-items:center;gap:10px}
.whf-hint::after{content:'';width:1px;height:26px;background:linear-gradient(180deg,rgba(255,255,255,.6),transparent);animation:whfScroll 1.8s ease-in-out infinite}
@keyframes whfScroll{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.wall-hero-foot .hs-v77{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 !important;border-top:1px solid rgba(255,255,255,.16)}
.hs-item{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:14px;row-gap:6px;align-items:baseline;
 padding:22px 28px 6px;text-decoration:none;color:#fff;border-left:1px solid rgba(255,255,255,.12);transition:background .4s}
.hs-item:first-child{border-left:0;padding-left:0}
.hs-no{grid-row:1;font:600 12px/1 var(--en);color:#fd4533;letter-spacing:.04em}
.hs-name{grid-row:1;font:700 clamp(20px,1.7vw,26px)/1 var(--en);letter-spacing:-.025em}
.hs-role{grid-column:2;grid-row:2;font-size:14px;color:rgba(255,255,255,.58)}
.hs-go{grid-column:3;grid-row:1;font-size:15px;color:rgba(255,255,255,.4);transform:translate(-4px,4px);opacity:0;transition:transform .35s,opacity .35s,color .35s}
.hs-line{position:absolute;left:0;right:0;top:-1px;height:1px;background:#fd4533;transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.2,.7,.1,1)}
.hs-item:first-child .hs-line{left:0}
.hs-item:hover .hs-line,.hs-item:focus-visible .hs-line{transform:scaleX(1)}
.hs-item:hover .hs-go,.hs-item:focus-visible .hs-go{opacity:1;transform:none;color:#fd4533}
.hs-item:hover .hs-role{color:rgba(255,255,255,.85)}
.hs-item:focus-visible{outline:2px solid #fd4533;outline-offset:2px}
@media (max-width:820px){
 .whf-hint{display:none}
 .hs-item{padding:14px 10px 4px;grid-template-columns:1fr;row-gap:4px}
 .hs-item:first-child{padding-left:0}
 .hs-no{grid-row:auto}.hs-name{grid-row:auto;font-size:15px}.hs-role{grid-column:1;grid-row:auto;font-size:11px}.hs-go{display:none}
}
/* keep the service row out of the wall's exit fade; no scroll hint (it collided with the floating dock) */
.wall-hero .wall-in{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 96%,transparent 100%) !important;mask-image:linear-gradient(180deg,#000 0,#000 96%,transparent 100%) !important}
.whf-hint{display:none !important}
.wall-hero-foot{bottom:clamp(26px,4.5vh,44px) !important}
.hs-role{color:rgba(255,255,255,.66)}
/* fade the wall's picture layers (not the text row) so its exit never leaves an edge */
.wall-hero .wall-in{-webkit-mask-image:none !important;mask-image:none !important}
.wall-hero #wallc,.wall-hero #wallglow,.wall-hero .wall-shade{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 74%,transparent 100%)}
.wall-hero .wall-in::after{background:linear-gradient(180deg,transparent 0,rgba(3,3,4,.5) 55%,rgba(3,3,4,.45) 80%,transparent 100%) !important}