/* Restore the approved yellow/teal closing band and white illustrated footer. */
:is(#home-view,#blog-view,body) .brand-closing{--closing-yellow:#e8c441;--closing-teal:#007b85;position:relative;isolation:isolate;background:var(--closing-teal);color:#fff;padding:38px 0;border:0;margin:0}
:is(#home-view,#blog-view,body) .brand-closing:before{content:"";display:block;position:absolute;z-index:-1;inset:0;background:var(--closing-yellow);clip-path:polygon(0 0,42% 0,34% 100%,0 100%);pointer-events:none}
:is(#home-view,#blog-view,body) .brand-closing .connect-inner{display:grid;grid-template-columns:35% minmax(0,1fr);gap:8%;align-items:center}
:is(#home-view,#blog-view,body) .brand-closing .connect-heading{color:#24373a;padding:0;position:relative}
:is(#home-view,#blog-view,body) .brand-closing .connect-heading:before{display:none;content:none}
:is(#home-view,#blog-view,body) .brand-closing .connect-heading .section-kicker{color:#24373a;font-size:10px;margin-bottom:13px;letter-spacing:.05em}
:is(#home-view,#blog-view,body) .brand-closing .connect-heading .section-kicker:before{background:#24373a}
:is(#home-view,#blog-view,body) .brand-closing .connect-heading h2{font-size:33px;line-height:1.75;font-weight:500;letter-spacing:.025em}
:is(#home-view,#blog-view,body) .brand-closing .connect-heading h2>span{display:block}
:is(#home-view,#blog-view,body) .brand-closing .connect-heading mark{background:none;color:inherit;padding:0;margin:0 0 0 .14em;font-weight:800}
:is(#home-view,#blog-view,body) .brand-closing .connect-options{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px 26px;align-items:center;padding:0}
:is(#home-view,#blog-view,body) .brand-closing .connect-description{grid-column:1;grid-row:1;color:#fff;font-size:13px;line-height:1.9;margin:0}
:is(#home-view,#blog-view,body) .brand-closing .connect-contact{grid-column:1;grid-row:2;margin:0}
:is(#home-view,#blog-view,body) .brand-closing .connect-contact>.btn{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;min-height:52px;background:#fff;color:#006771;border:1px solid #fff;border-radius:999px;padding:13px 22px;font-size:13px;line-height:1.5;box-shadow:none}
:is(#home-view,#blog-view,body) .brand-closing .connect-contact>.btn span{margin-right:auto}
:is(#home-view,#blog-view,body) .brand-closing .connect-contact>.btn:hover{background:#f7f7ef;border-color:#f7f7ef}
:is(#home-view,#blog-view,body) .brand-closing .connect-contact>.btn>.icon{width:19px;height:19px;flex-shrink:0}
:is(#home-view,#blog-view,body) .brand-closing .connect-socials{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:1fr;gap:4px;margin:0;align-items:center}
:is(#home-view,#blog-view,body) .brand-closing .connect-social{display:flex;align-items:center;gap:10px;min-height:50px;padding:0;background:none;border:0;border-radius:0;color:#fff;flex:none}
:is(#home-view,#blog-view,body) .brand-closing .connect-social>.brand-icon{width:28px;height:28px;margin:0;object-fit:contain;flex-shrink:0}
:is(#home-view,#blog-view,body) .brand-closing .connect-social>.brand-instagram{filter:brightness(0) invert(1)}
:is(#home-view,#blog-view,body) .brand-closing .connect-social strong{font-size:14px;line-height:1.4}
:is(#home-view,#blog-view,body) .brand-closing .connect-line strong{font-size:12px}
:is(#home-view,#blog-view,body) .brand-closing .connect-social small{font-size:9px;color:#fff;line-height:1.6;margin-top:3px}
:is(#home-view,#blog-view,body) .brand-closing .connect-social>.icon{display:block;width:13px;height:13px;margin-left:auto;flex-shrink:0}
:is(#home-view,#blog-view,body) .brand-closing .connect-social:hover strong{text-decoration:underline;text-underline-offset:4px}
:is(#home-view,#blog-view,body) .brand-closing .connect-secondary{grid-column:1/-1;grid-row:3;display:block;margin:0}
:is(#home-view,#blog-view,body) .brand-closing .connect-secondary>.text-link{display:inline-flex;color:#fff;font-size:11px;gap:16px;min-height:34px;padding:0}
:is(#home-view,#blog-view,body) .brand-closing :focus-visible{outline:3px solid #fff;outline-offset:5px}
:is(#home-view,#blog-view,body) .brand-closing .connect-contact>.btn:focus-visible{outline-color:var(--closing-yellow)}
body[data-view="home"] .shared-closing,body[data-view="blog"] .shared-closing{display:none}

body .site-footer{display:block;position:relative;background:#fff;border:0;padding:38px 0 24px;overflow:hidden}
body .site-footer .footer-landscape{display:block;position:absolute;top:16px;right:max(24px,calc((100% - 1200px)/2));width:min(72%,880px);height:auto;max-height:110px;opacity:.22;color:#168a96;margin:0;pointer-events:none;z-index:0}
body .site-footer .footer-main{display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-areas:"brand ." "office nav";gap:18px 72px;padding:0;border:0;position:relative;z-index:1}
body .site-footer .footer-main:after{content:none;display:none}
body .site-footer .footer-main>.brand{grid-area:brand;align-self:start}
body .site-footer .footer-main>.office{grid-area:office;font-size:12px}
body .site-footer .footer-main>.office>strong{font-size:13px}
body .site-footer .footer-main>.office>p{font-size:12px;line-height:1.9}
body .site-footer .footer-nav{grid-area:nav;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 18px;align-self:center}
body .site-footer .footer-nav>a{display:flex;align-items:center;min-height:44px;font-size:12px;line-height:1.6}
body .site-footer .footer-socials{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px}
body .site-footer .footer-socials>a{display:inline-flex;align-items:center;gap:7px;min-height:40px;font-size:11px}
body .site-footer .footer-socials .brand-icon{height:19px;width:19px;object-fit:contain}
body .site-footer .footer-bottom{position:relative;z-index:1;margin-top:24px;padding-top:20px;border-top:1px solid #dce8e7}
body .site-footer .footer-bottom>a,body .site-footer .footer-bottom>button{min-height:36px;display:inline-flex;align-items:center}
body .site-footer .footer-bottom>small{font-size:10px}
/* WordPress menus wrap their links in a list. */
body.asano-site .site-footer .footer-nav{display:block}
body.asano-site .site-footer .footer-nav .asano-nav-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}
body.asano-site .site-footer .footer-nav .asano-nav-menu a{display:flex;align-items:center;min-height:44px;font-size:12px}

@media(min-width:701px) and (max-width:1100px){
 :is(#home-view,#blog-view,body) .brand-closing .connect-heading h2{font-size:28px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-options{display:block}
 :is(#home-view,#blog-view,body) .brand-closing .connect-contact{margin-top:15px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-socials{display:flex;justify-content:flex-start;gap:25px;margin-top:12px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-social{gap:8px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-social>.icon{display:none}
 :is(#home-view,#blog-view,body) .brand-closing .connect-secondary{margin-top:5px}
 body .site-footer .footer-main{grid-template-columns:230px minmax(0,1fr);column-gap:36px}
 body .site-footer .footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.asano-site .site-footer .footer-nav .asano-nav-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 :is(#home-view,#blog-view,body) .brand-closing{padding:0}
 :is(#home-view,#blog-view,body) .brand-closing:before{display:none;content:none}
 :is(#home-view,#blog-view,body) .brand-closing .connect-inner{display:block;width:100%;margin:0}
 :is(#home-view,#blog-view,body) .brand-closing .connect-heading{position:relative;isolation:isolate;padding:28px 22px 48px;color:#24373a}
 :is(#home-view,#blog-view,body) .brand-closing .connect-heading:before{content:"";display:block;position:absolute;z-index:-1;inset:0;background:var(--closing-yellow);clip-path:polygon(0 0,100% 0,100% 80%,0 100%);pointer-events:none}
 :is(#home-view,#blog-view,body) .brand-closing .connect-heading .section-kicker{font-size:9px;margin-bottom:10px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-heading h2{font-size:28px;line-height:1.6;text-align:center}
 :is(#home-view,#blog-view,body) .brand-closing .connect-options{display:block;padding:15px 22px 24px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-description{font-size:12px;line-height:1.9;text-align:center}
 :is(#home-view,#blog-view,body) .brand-closing .connect-contact{margin-top:16px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-contact>.btn{min-height:50px;font-size:12px;padding:12px 20px;gap:13px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-socials{display:flex;justify-content:center;gap:34px;margin-top:15px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-social{min-height:44px;gap:9px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-social>.brand-icon{width:26px;height:26px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-social strong{font-size:13px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-line strong{font-size:12px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-social small{font-size:9px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-social>.icon{display:none}
 :is(#home-view,#blog-view,body) .brand-closing .connect-secondary{text-align:center;margin-top:7px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-secondary>.text-link{min-height:36px;justify-content:center}
 body .site-footer{display:flex;flex-direction:column;padding:28px 0 calc(110px + env(safe-area-inset-bottom))}
 body .site-footer .footer-main{order:1;display:grid;grid-template-columns:1fr;grid-template-areas:"brand" "office" "nav";gap:20px;padding:0}
 body .site-footer .footer-main>.brand{width:180px}
 body .site-footer .footer-main>.office{font-size:11px}
 body .site-footer .footer-main>.office>p{font-size:11px}
 body .site-footer .footer-socials{gap:20px;margin-top:8px}
 body .site-footer .footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
 body.asano-site .site-footer .footer-nav .asano-nav-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
 body .site-footer .footer-nav>a,body.asano-site .site-footer .footer-nav .asano-nav-menu a{font-size:11px;min-height:42px}
 body .site-footer .footer-landscape{order:2;position:static;width:calc(100% - 44px);height:62px;max-height:none;margin:15px 22px 0;opacity:.25;object-fit:contain}
 body .site-footer .footer-bottom{order:3;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 16px;margin-top:14px;padding-top:14px}
 body .site-footer .footer-bottom>small{width:100%;font-size:9px}
 body .site-footer .footer-bottom>a,body .site-footer .footer-bottom>button{font-size:9px;min-height:34px}
}
@media(max-width:370px){:is(#home-view,#blog-view,body) .brand-closing .connect-socials{gap:24px}}

/* Keep contact beside the mobile footer navigation instead of below copyright. */
body.asano-site .site-footer .footer-mobile-utilities { display:none; }
@media (max-width:700px) {
 body.asano-site .site-footer .footer-mobile-utilities { display:block; margin-top:18px; }
 body.asano-site .site-footer .footer-contact-button {
  display:flex; align-items:center; gap:12px; width:100%; min-height:50px;
  padding:12px 18px; border:1px solid #8bbabe; border-radius:6px;
  background:#fff; color:#286b73; font-size:13px; font-weight:700; line-height:1.5;
 }
 body.asano-site .site-footer .footer-contact-button>.icon { width:18px; height:18px; flex:none; }
 body.asano-site .site-footer .footer-contact-button>.icon:last-child { margin-left:auto; }
 body.asano-site .site-footer .footer-contact-button:hover { background:#f2f8f7; }
 body.asano-site .site-footer .footer-mobile-utilities a:focus-visible { outline:2px solid #286b73; outline-offset:4px; }
 body.asano-site .site-footer .footer-privacy-link { display:inline-flex; align-items:center; min-height:44px; font-size:11px; }
 body.asano-site .site-footer .footer-bottom { flex-wrap:nowrap; justify-content:space-between; align-items:center; gap:16px; }
 body.asano-site .site-footer .footer-bottom>small { width:auto; font-size:10px; }
 body.asano-site .site-footer .footer-bottom>.footer-desktop-utility { display:none; }
 body.asano-site .site-footer .footer-bottom>.footer-back-to-top { margin-left:0; min-height:44px; font-size:11px; }
}