.site-footer{position:relative;isolation:isolate;background:#fff;color:#23433e;padding:175px 60px 250px;min-height:950px}
.site-footer *{box-sizing:border-box}
.site-footer__panel{position:relative;z-index:1;max-width:1200px;margin:auto;padding:45px 55px 38px;background:#f3f8ec;border-radius:110px 95px 105px 90px / 90px 110px 95px 100px;text-align:center}
.site-footer__logo{display:block;width:110px;height:90px;margin:0 auto 14px;background:url('assets/reference.webp') -20px -20px/1448px 1086px no-repeat;mix-blend-mode:multiply}
.site-footer__company-name{font:500 clamp(30px,3.2vw,46px)/1.5 YorisoiHeadline,serif;letter-spacing:.035em;margin:0}
.site-footer__tagline{font:18px/1.9 YorisoiBody,sans-serif;color:#68758a;margin:6px 0 32px}
.site-footer__nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:0;row-gap:25px;list-style:none;padding:0;margin:0}
.site-footer__nav li{min-width:0;border-right:1px solid #d3e2ce}
.site-footer__nav li:nth-child(3n){border-right:none}
.site-footer__nav-link{display:flex;align-items:center;gap:12px;min-height:66px;padding:0 22px;text-decoration:none;color:#23433e;font:20px/1.5 YorisoiHeadline,serif;text-align:left;white-space:nowrap}
.site-footer__nav-icon{width:33px;height:40px;object-fit:contain;flex:none;transform:rotate(25deg)}
.site-footer__nav-arrow{width:19px;height:19px;margin-left:auto;opacity:.55;flex:none;transition:transform .2s}
.site-footer__nav-link:hover{color:#367a4c}.site-footer__nav-link:hover .site-footer__nav-arrow{transform:translateX(3px)}
.site-footer__nav-link--inactive{cursor:default}.site-footer__nav-link--inactive:hover{color:#23433e}.site-footer__nav-link--inactive:hover .site-footer__nav-arrow{transform:translateX(3px)}
.site-footer__nav-link:focus-visible{outline:3px solid #83b589;outline-offset:3px;border-radius:8px}
.site-footer__demo{display:flex;align-items:center;justify-content:center;gap:22px;font:14px/1.9 YorisoiBody,sans-serif;color:#657188;margin:42px 0 0}
.site-footer__demo::before,.site-footer__demo::after{content:'';height:1px;max-width:100px;flex:1;min-width:30px;background:#a8c8a1}
.site-footer__note{position:absolute;z-index:2;font:17px/1.9 YorisoiHandFull,cursive;letter-spacing:.08em;color:#445060;margin:0;transform:rotate(-9deg)}
.site-footer__note::after{content:'';display:block;width:190px;height:25px;background:url('assets/wind-line.svg') center/100% 100% no-repeat}
.site-footer__note--left{left:6%;top:50px}.site-footer__note--right{right:5%;top:90px}
.site-footer__bird{position:absolute;right:23%;top:25px;width:145px;height:125px;object-fit:contain;pointer-events:none}
.site-footer__flight{position:absolute;right:6%;top:38px;width:250px;height:70px;pointer-events:none}
.site-footer__leaf{position:absolute;width:65px;height:80px;object-fit:contain;z-index:2;pointer-events:none}
.site-footer__leaf--left{left:4%;top:31%;transform:rotate(40deg)}.site-footer__leaf--top{left:30%;top:60px;transform:rotate(50deg)}.site-footer__leaf--right{right:3%;top:35%;transform:rotate(-25deg)}
.site-footer__cloud{position:absolute;z-index:-1;background:url('assets/feature-wash.webp') center/contain no-repeat;width:230px;height:150px;opacity:.45;pointer-events:none}
.site-footer__cloud--left{left:14%;top:0}.site-footer__cloud--right{right:0;top:230px}
.site-footer__landscape{position:absolute;z-index:0;left:0;bottom:0;width:100%;height:270px;object-fit:cover;object-position:bottom;mask-image:linear-gradient(transparent,#000 28%);pointer-events:none}
@media(max-width:1200px){.site-footer{padding-left:40px;padding-right:40px}.site-footer__panel{padding:40px 30px}.site-footer__nav-link{font-size:17px;padding:0 15px;gap:8px}.site-footer__nav-icon{width:25px}.site-footer__demo{font-size:13px;gap:14px}}
@media(max-width:950px){.site-footer__nav{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}.site-footer__nav li:nth-child(3n){border-right:1px solid #d3e2ce}.site-footer__nav li:nth-child(2n){border-right:none}.site-footer__note--right{display:none}.site-footer__bird{right:12%}.site-footer__flight{right:0;width:170px}.site-footer__leaf--right{display:none}.site-footer__demo::before,.site-footer__demo::after{display:none}}
@media(max-width:600px){.site-footer{padding:100px 20px 155px;min-height:0}.site-footer__panel{padding:32px 24px 30px;border-radius:55px 45px 52px 40px}.site-footer__logo{margin-bottom:10px}.site-footer__company-name{font-size:clamp(23px,6.2vw,30px);letter-spacing:0}.site-footer__tagline{font-size:14px;line-height:1.9;margin:10px 0 22px}.site-footer__nav{grid-template-columns:1fr;gap:0}.site-footer__nav li,.site-footer__nav li:nth-child(3n){border-right:0;border-bottom:1px solid #dce8d7}.site-footer__nav-link{min-height:56px;padding:0 0;font-size:17px;gap:10px}.site-footer__nav-icon{width:26px;height:32px}.site-footer__demo{display:block;margin-top:32px;font-size:13px;line-height:1.9}.site-footer__note,.site-footer__flight,.site-footer__leaf--left{display:none}.site-footer__bird{width:75px;height:70px;top:15px;right:15%}.site-footer__leaf--top{width:40px;height:55px;left:15%;top:35px}.site-footer__cloud--left{width:120px;height:100px;left:0;top:0}.site-footer__cloud--right{display:none}.site-footer__landscape{height:160px}}
@media(prefers-reduced-motion:reduce){.site-footer__nav-arrow{transition:none}.site-footer__nav-link:hover .site-footer__nav-arrow{transform:none}}

/* A single breeze on arrival; company information remains still and readable. */
@media(prefers-reduced-motion:no-preference){
 .site-footer--arrived .site-footer__bird{animation:footer-bird-breeze 4.8s ease-in-out both}
 .site-footer--arrived .site-footer__leaf{animation:footer-leaf-breeze 4.4s ease-in-out .15s both;transform-origin:50% 80%}
 .site-footer--arrived .site-footer__leaf--right{animation-delay:.35s}
 .site-footer__nav-link[href]{transition:color .25s ease}
 .site-footer__nav-link .site-footer__nav-icon{transition:translate .3s ease}
 .site-footer__nav-link:is(:hover,:focus-visible) .site-footer__nav-icon{translate:2px 0}
 .site-footer__nav-link[href]:focus-visible .site-footer__nav-arrow{transform:translateX(3px)}
 @keyframes footer-bird-breeze{0%,100%{translate:0 0}50%{translate:0 -4px}}
 @keyframes footer-leaf-breeze{0%,100%{rotate:0deg}50%{rotate:2deg}}
}
@media(prefers-reduced-motion:reduce){.site-footer__bird,.site-footer__leaf{animation:none}.site-footer__nav-link[href],.site-footer__nav-icon{transition:none}}

@media(prefers-reduced-motion:reduce){.site-footer__nav-link--inactive:hover .site-footer__nav-arrow{transform:none}}

.site-footer__logo{width:360px;max-width:100%;height:auto;margin:0 auto 22px;background:none;mix-blend-mode:normal}
@media(max-width:600px){.site-footer__logo{width:280px;margin-bottom:18px}}