/* Wilton's official logo, as on wiltonpropertypartners.com (Boss, 8 Nov 2026: "use their official logo"):
   the website's W tile (cream serif W on Wilton green, /icons/icon-192.png, the site's own favicon), WILTON in the
   website's serif capitals, PROPERTY PARTNERS in small spaced sans capitals beneath. Never gold.
   Markup (the same everywhere):
     <div class="wl"><img class="wl-m" src="/icons/icon-192.png" alt="" width="192" height="192">
       <span class="wl-t"><span class="wl-n">WILTON</span><span class="wl-p">Property Partners</span></span></div>
   Sizes: --wl-s is the WILTON size. Add .row for the one-line version (sidebar, phone bars), .center for stacked pages. */
.wl{--wl-s:22px;display:flex;flex-direction:column;align-items:flex-start;color:inherit;line-height:1;text-decoration:none}
.wl-m{display:block;width:calc(var(--wl-s)*1.75);height:calc(var(--wl-s)*1.75);flex:none;border-radius:22%;box-shadow:0 0 0 1px color-mix(in srgb,currentColor 14%,transparent)}
.wl-t{display:flex;flex-direction:column;align-items:flex-start;margin-top:calc(var(--wl-s)*.7)}
.wl-n{font-family:"Cormorant Garamond",Georgia,serif;font-size:var(--wl-s);font-weight:500;letter-spacing:.02em;white-space:nowrap}
.wl-p{font-family:Manrope,var(--ui,system-ui),sans-serif;font-size:max(8px,calc(var(--wl-s)*.4));font-weight:500;letter-spacing:.18em;text-transform:uppercase;opacity:.8;margin-top:.5em;white-space:nowrap}
.wl.row{flex-direction:row;align-items:center;gap:calc(var(--wl-s)*.5)}
.wl.row .wl-t{margin-top:0}
.wl.row .wl-p{margin-top:.35em}
.wl-tag{display:block;font-family:var(--ui,inherit);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:12px}
/* Where it sits */
.site-home .wl{--wl-s:34px;margin-bottom:32px}
.side .wl{--wl-s:23px;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:11px;padding:4px 8px 24px}
.side .wl .wl-t{margin-top:0}
.side .wl .wl-p{margin-top:.35em}
.side .wl .wl-tag{flex-basis:100%;margin-top:12px}
.mtop .wl{--wl-s:19px}
.wl.center,.wl.center .wl-t{align-items:center}
/* The narrowest phones (under 360px): the W tile alone in the top bar; the name stays for screen readers. */
@media (max-width:359px){.mtop .wl .wl-t{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
/* Motion shared by the sign-in page and the staff portal (public/js/motion.js). Off when the device asks for less motion. */
.bt{display:inline-block;animation:bt-in .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes bt-in{from{opacity:0;filter:blur(10px);transform:translateY(-.25em)}}
.sparks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2147483000}
.aurora{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
@media (prefers-reduced-motion:reduce){.bt{animation:none}.sparks{display:none}}
/* Company footer on every page (Terry's brief, section 7) and the risk line under figures (brief, "Read this first"). */
footer.legal{max-width:1240px;margin:0 auto;padding:0 32px 36px;font-size:11.5px;line-height:1.55;color:var(--muted,#6b7a72);text-wrap:pretty}
.app>footer.legal{grid-column:2;margin-top:-80px}
body>footer.legal{grid-column:1/-1;padding:18px 24px 28px;text-align:center;max-width:none}
.mw>footer.legal{margin-top:-80px}
.fine.risk{font-size:12.5px}
@media (max-width:760px){footer.legal{padding:0 16px 120px}.app>footer.legal,.mw>footer.legal{margin-top:-110px}}