/* ---------- closing: footer as the hero's counterpart (mesh rises from the bottom, display type, one CTA) ---------- */
.split{display:inline-flex;align-items:center;will-change:transform;transition:transform var(--d-med) var(--ease)}
.split .pill{height:56px;padding:0 28px;border-radius:var(--r-pill);background:var(--ink-1);color:var(--bg);display:grid;place-items:center;font-size:17px;font-weight:600;letter-spacing:-.03em;transition:transform var(--d-med) var(--ease)}
.split .circ{width:56px;height:56px;border-radius:50%;background:var(--ink-1);color:var(--bg);display:grid;place-items:center;margin-left:2px;transition:transform var(--d-med) var(--ease),margin var(--d-med) var(--ease)}
.split .circ svg{width:18px;height:18px}
.split:hover .circ,.split:focus-visible .circ{margin-left:-10px;transform:rotate(45deg)}
.split:hover .pill{transform:translateX(4px)}
.outro{position:relative;overflow:clip;margin-top:var(--section);padding-block:var(--s-10) calc(60px + var(--s-6) + env(safe-area-inset-bottom,0px))}
.outro-mesh{position:absolute;inset:auto 0 0 0;height:78%;background:var(--m1);overflow:clip;contain:paint;-webkit-mask-image:linear-gradient(to top,#000 30%,transparent);mask-image:linear-gradient(to top,#000 30%,transparent)}
.outro-mesh canvas{position:absolute;inset:0;width:100%;height:100%;filter:blur(40px);transform:scale(1.25)}
.outro-mesh::after{content:"";position:absolute;inset:0;background:url("../media/banner.jpg") center/cover;opacity:.12;mix-blend-mode:overlay;pointer-events:none}
.outro-in{position:relative;display:flex;flex-direction:column;gap:var(--s-9)}
.outro-lead{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-5)}
.outro-cta{display:flex;flex-direction:column;align-items:center;gap:var(--s-4)}
.cx--outro{display:flex;justify-content:center;gap:10px;margin:0;width:auto}
.cx--outro .cx-copy{height:44px;padding:0 18px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cx--outro .cx-wa{width:auto;height:56px;padding:0 28px;font-size:17px;gap:10px;border-radius:var(--r-pill);background:var(--ink-1);color:var(--bg);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.cx--outro .cx-wa img{width:22px;height:22px}
.outro-h{font-size:clamp(36px,5.2vw,76px)}
@media (min-width:760px){.outro-h{max-width:13ch}}
.outro-h .w{display:inline-block}
.motion .outro-h .w{opacity:0;transform:translateY(.35em);transition:opacity var(--d-slow) var(--ease),transform var(--d-slow) var(--ease);transition-delay:calc(var(--k) * 60ms)}
.motion .outro-h.on .w{opacity:1;transform:none}
.outro-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:var(--s-7);padding-top:var(--s-6);border-top:1px solid var(--line)}
.outro-id{grid-column:1/-1;display:flex;flex-direction:column;gap:var(--s-3)}
.outro-nav,.outro-social{display:flex;flex-direction:column;gap:var(--s-3);grid-column:span 6}
@media (min-width:1000px){.outro-id{grid-column:1/7}.outro-nav{grid-column:8/10}.outro-social{grid-column:10/13}}
.word{font-weight:600;font-size:clamp(36px,4vw,56px);line-height:1;letter-spacing:-.06em}
.studio-link{display:inline-flex;align-items:center;gap:10px;margin-top:var(--s-3);font-size:14px;letter-spacing:-.02em;color:var(--ink-2);width:max-content;transition:color var(--d-fast) ease}
.studio-link img{width:24px;height:24px;border-radius:6px;transition:transform var(--d-med) var(--ease)}
.studio-link:hover{color:var(--ink-1)}.studio-link:hover img{transform:rotate(-8deg)}
.outro-nav a,.outro-social a{width:max-content;font-size:16px;letter-spacing:-.03em;display:inline-flex;align-items:center;gap:10px;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size var(--d-med) var(--ease)}
.outro-nav a:hover,.outro-social a:hover{background-size:100% 1px}
.outro-nav a svg,.outro-social a>svg{width:12px;height:12px;color:var(--ink-2)}
.outro-social .mail-i{width:18px;height:18px;color:var(--ink-1)}
.outro-social img{width:18px;height:18px;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter var(--d-med) ease,opacity var(--d-med) ease}
.outro-social a:hover img{filter:none;opacity:1}
.outro-social .mono-s{width:18px;height:18px;border-radius:5px;background:var(--ink-1);color:var(--bg);display:grid;place-items:center;font-size:8px;font-weight:600}
.outro-base{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4)}
.up{width:44px;height:44px;border-radius:50%;background:var(--chip);display:grid;place-items:center;transition:background-color var(--d-fast) ease,transform var(--d-med) var(--ease)}
.up:hover{background:var(--line);transform:translateY(-2px)}
.up svg{width:16px;height:16px}