/* Shared closing panel: a quiet, rolling list of the tools around the work. */
body .footer-work{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:calc(100% - clamp(40px,12.8vw,200px));max-width:1760px;height:clamp(520px,49.5vw,820px);margin:70px auto 90px;border-radius:20px;background:#938572;color:#fff;font-family:'DM Sans',Arial,sans-serif;scroll-margin-top:100px}
/* User-supplied soft-focus image, shared by every closing panel. */
.footer-work::before{content:'';position:absolute;z-index:-2;inset:0;background:url('/assets/media/work-together-background.png') center/cover no-repeat}
.footer-work::after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,#16131c3d,#16131c50)}

body .footer-work-row{display:grid;grid-template-columns:1fr minmax(310px,1.3fr) 1fr;align-items:center;gap:25px;height:100%;padding:0 clamp(28px,6vw,100px)}
body .footer-work-side{margin:0;font-family:'DM Sans',Arial,sans-serif;font-size:clamp(24px,2vw,34px);font-weight:400;line-height:1.25;letter-spacing:-.025em;text-shadow:0 1px 12px #38220f25;white-space:nowrap}
body .footer-work-side:last-child{text-align:right}
.footer-work-rotator{position:relative;height:210px;perspective:650px;overflow:hidden;mask-image:linear-gradient(transparent,#000 15% 85%,transparent)}
body .footer-work-item{position:absolute;top:calc(50% - 20px);left:0;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:40px;opacity:0;transform:translateY(calc(var(--slot,3)*58px)) scale(.93);transition:transform 750ms cubic-bezier(.4,0,.2,1),opacity 750ms cubic-bezier(.4,0,.2,1);font-family:'DM Sans',Arial,sans-serif;font-size:clamp(17px,1.4vw,24px);font-weight:400;line-height:1.3;letter-spacing:-.02em;white-space:nowrap;will-change:transform,opacity}
body .footer-work-item.is-neighbor{opacity:.43}
body .footer-work-item.is-active{opacity:1;transform:translateY(0) scale(1)}
body .footer-work-item img{display:block;flex:none;width:24px;height:24px;object-fit:contain;max-width:none}
body .footer-work-item img.footer-work-wide-icon{width:35px}
body .footer-work-note{position:absolute;left:clamp(28px,6vw,100px);bottom:26px;margin:0;font-family:'DM Sans',Arial,sans-serif;font-size:12px;line-height:1.4;letter-spacing:0;color:#ffffffe0}
body .footer-work-toggle{position:absolute;right:28px;bottom:22px;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 12px;border:1px solid #ffffff50;border-radius:999px;background:#43321e24;color:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:12px;line-height:1;cursor:pointer}
body .footer-work-toggle[hidden]{display:none}
body .footer-work-toggle:hover{background:#43321e45}
body .footer-work-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
body .footer-work-toggle svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}
.footer-work-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* The reveal follows the viewport only within the clipped footer shell. */
body .site-footer-shell .sp-footer-reveal{inset:auto 0 0;height:min(100%,100svh);transform:translateY(var(--footer-reveal-shift,0px));will-change:transform}
@keyframes footer-ambient{from{transform:scale(1.06) translate(-1.5%,0)}to{transform:scale(1.12) translate(2%,1.5%)}}
@media(max-width:900px){body .footer-work{width:calc(100% - 40px);height:560px;margin-block:50px 64px}body .footer-work-row{grid-template-columns:1fr;grid-template-rows:auto 200px auto;justify-items:center;align-content:center;gap:22px;padding:40px 20px}body .footer-work-side,body .footer-work-side:last-child{text-align:center;font-size:27px}.footer-work-rotator{width:min(100%,430px);height:200px}body .footer-work-item{font-size:21px}body .footer-work-note{left:24px;right:24px;bottom:68px;text-align:center;font-size:11px}body .footer-work-toggle{right:50%;transform:translateX(50%);bottom:19px}}
@media(max-width:420px){body .footer-work{width:calc(100% - 32px);height:510px;border-radius:16px}body .footer-work-item{font-size:18px;gap:8px}body .footer-work-item img{width:22px;height:22px}body .footer-work-row{padding:28px 12px;gap:14px;transform:translateY(-15px)}}
@media(prefers-reduced-motion:reduce){.footer-work::before{animation:none}body .footer-work-item{transition:none;will-change:auto}body .site-footer-shell .sp-footer-reveal{transform:none;will-change:auto}}

/* Modular Corvana lettering: quiet at rest, glass color propagates from each letter. */
body .site-footer-shell{background:#f5f5f5;padding-bottom:25vw}
body .site-footer-shell .sp-footer-reveal{inset:auto 0 0;height:25vw;background:#f5f5f5;pointer-events:auto}
body .site-footer-shell .footer-brand{position:absolute;inset:0;width:100%;max-width:none;min-width:0;height:100%;margin:0;display:flex;align-items:flex-end;justify-content:center;padding:2vw 3.5vw 3.8vw;box-sizing:border-box;text-decoration:none;user-select:none;-webkit-tap-highlight-color:transparent}
.footer-geometric-wordmark{display:block;width:100%;max-width:none;height:auto;padding:0;margin:0;overflow:visible}
.footer-brand-base{fill:#e5e5e9}
.footer-brand-ink{opacity:0;pointer-events:none}
.footer-brand-glyph{cursor:pointer}
body .site-footer-shell .footer-brand:focus-visible{outline:2px solid #477cef;outline-offset:-12px;border-radius:20px}
@media(max-width:600px){body .site-footer-shell{padding-bottom:30vw}body .site-footer-shell .sp-footer-reveal{height:30vw}body .site-footer-shell .footer-brand{padding:4vw 3.5vw 6vw}}
@media(prefers-reduced-motion:reduce){.footer-brand-glyph:hover .footer-brand-ink,.footer-brand:focus-visible .footer-brand-ink{opacity:1}}

/* Shared motion control uses the same glass color as the primary buttons. */
body .footer-work-toggle{background:var(--corvana-button-glass);border-color:var(--corvana-accent-line);color:#fff;box-shadow:inset 0 1px 1px #ffffff75}
body .footer-work-toggle:hover{background:var(--corvana-button-hover)}
body .footer-work-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
/* The original animated mark sits above the legal signature on every page. */
body .sp-footer .sp-footer-legal{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
body .sp-footer .footer-video-logo{display:block;width:88px;height:70px;margin:0;padding:0;overflow:hidden}
body .sp-footer .footer-logo-video{display:block;width:88px;height:70px;object-fit:contain;mix-blend-mode:multiply;background:#fff;border:0;border-radius:0}
body .site-footer-shell .footer-brand:focus-visible{outline-color:var(--corvana-accent,#bc21cc)}