.site-footer{position:relative;isolation:isolate;min-height:610px;overflow:hidden;padding:92px max(24px,7vw) 0;border-top:1px solid rgba(21,27,33,.14);color:#151b21;background:linear-gradient(rgba(247,245,241,.78),rgba(247,245,241,.93)),url("handoru-fuji-wash.webp") center 35%/cover no-repeat}
.site-footer::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.08;background-image:radial-gradient(rgba(21,27,33,.34) .5px,transparent .65px);background-size:13px 13px;pointer-events:none}
.footer-shell{position:relative;z-index:2;width:min(1180px,100%);margin:0 auto}
.footer-intro{padding-bottom:50px;border-bottom:1px solid rgba(21,27,33,.16)}
.footer-signature{display:grid;justify-items:start;gap:8px;width:max-content}
.footer-signature__latin{padding-left:.22em;font-size:30px;font-weight:620;line-height:1;letter-spacing:.22em}
.footer-signature__jp{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:11px;font-weight:500;letter-spacing:.46em}
.footer-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;padding:52px 0}
.footer-column{display:grid;align-content:start;gap:15px}
.footer-column h2{margin:0 0 8px;color:#687178;font-size:9px;font-weight:650;letter-spacing:.17em;text-transform:uppercase}
.footer-column a{position:relative;width:max-content;max-width:100%;color:#151b21;font-size:14px;line-height:1.4}
.footer-column a::after{content:"";position:absolute;right:0;bottom:-4px;left:0;height:1px;background:#3657ff;transform:scaleX(0);transform-origin:right;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.footer-column a:hover::after,.footer-column a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.footer-monument{position:absolute;z-index:1;right:0;bottom:0;left:0;color:rgba(21,27,33,.105);font-size:clamp(120px,21vw,330px);font-weight:650;line-height:.74;letter-spacing:-.085em;text-align:center;white-space:nowrap;transform:translateY(52%);pointer-events:none;user-select:none}
@media(max-width:720px){
  .site-footer{min-height:610px;padding:72px 20px 0}
  .footer-intro{padding-bottom:40px}
  .footer-signature__latin{font-size:24px}
  .footer-nav{grid-template-columns:1fr 1fr;gap:42px 28px;padding:42px 0}
  .footer-monument{font-size:30vw;transform:translateY(50%)}
}
@media(prefers-reduced-motion:reduce){.footer-column a::after{transition:none}}