/* V9: brand-only navigation and a clear film surface. Other glass UI is untouched. */
#nav .nav-links,
#nav .nav-drawer,
#nav .nav-toggle,
.sp-nav .sp-nav-links {display:none!important}

/* Keep the additional Terms link inside narrow footer layouts. */
.footer-socials {flex-wrap:wrap}
footer .socials {flex-wrap:wrap}
/* Generous, stationary hit areas, including Client onboarding on every footer. */
html body footer .socials a,html body footer .footer-socials a {
  display:inline-flex!important;align-items:center;justify-content:center;
  min-width:44px;min-height:48px;max-width:100%;padding:10px 14px!important;
  position:relative;z-index:1;border-radius:999px;line-height:1.4;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  transform:none!important;transition:color .2s,border-color .2s!important;
}
html body footer .socials a::before,html body footer .socials a::after,
html body footer .footer-socials a::before,html body footer .footer-socials a::after {pointer-events:none!important}
html body footer .socials a:focus-visible,html body footer .footer-socials a:focus-visible {outline:2px solid var(--blue,#315bf6);outline-offset:3px}

/* One corner system: the video follows the inner radius of its existing glass frame. */
html body.la-editorial .ring .ring-frame {
  --ring-outer-radius:20px;
  --ring-edge-width:4px;
  --ring-inner-radius:calc(var(--ring-outer-radius) - var(--ring-edge-width));
  border-width:var(--ring-edge-width);
  border-radius:var(--ring-outer-radius);
  overflow:hidden;
}
html body.la-editorial .ring .ring-frame iframe {
  inset:0;
  width:100%;
  height:100%;
  border-radius:var(--ring-inner-radius);
}

/* Remove the diagonal glass sweep/grain above the video, retaining only its rim. */
html body.la-editorial .ring .ring-frame::before {
  background:none!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-radius:var(--ring-inner-radius);
  border:1px solid #ffffff8f;
  box-shadow:inset 0 1px 1px #ffffff99,inset 0 -1px 1px #30394722;
}
/* Keep the original distance veil and the ring's outer white fade. */
html body.la-editorial .ring .ring-frame::after {border-radius:var(--ring-inner-radius)}
@media (max-width:760px) {
  html body.la-editorial .ring .ring-frame {--ring-outer-radius:17px;--ring-edge-width:3px}
}

/* One brand pointer across the landing, index, project and utility pages. */
html.cur, html.cur * {cursor:none!important}
html #cursor {
  position:fixed;left:0;top:0;z-index:120;pointer-events:none;
  width:20px;height:26px;margin:-13px 0 0 -10px;
  background:#fff;mix-blend-mode:difference;
  filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  mask:url("/assets/brand-cursor-v31.svg") center/contain no-repeat;
  -webkit-mask:url("/assets/brand-cursor-v31.svg") center/contain no-repeat;
  transition:scale .25s cubic-bezier(.22,1,.36,1),opacity .2s;
  opacity:0;will-change:transform;
}
html #cursor.hot {scale:1.5}
html #cursor.down {scale:.8}
.cursor-trail {display:none!important}
@media (prefers-reduced-motion:reduce), (pointer:coarse), (hover:none) {
  html body #cursor {display:none!important}
  html.cur,html.cur * {cursor:auto!important}
}

/* V94 footer: plain links instead of capsules. Social links sit on the left, site links on the right.
   Shared by the home page and the work, call and 404 pages. */
.ft-stack {display:block!important}
.ft-row {display:flex;align-items:center;justify-content:space-between;gap:8px 32px;flex-wrap:wrap}
.ft-stack .ft-row {margin-top:14px}
.ft-social,.ft-links {display:flex;align-items:center;flex-wrap:wrap;gap:0 28px}
footer .ft-social a,footer .ft-links a {
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;
  color:#65635c;font-size:13px;line-height:1.4;letter-spacing:0;text-decoration:none;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .2s;
}
footer .ft-social a:hover,footer .ft-links a:hover {color:#171715}
footer .ft-social a:focus-visible,footer .ft-links a:focus-visible {outline:2px solid #77756b;outline-offset:2px;border-radius:4px}
.ft-social svg {width:13px;height:13px;flex:none;opacity:.8}
footer .ft-credit {display:block;margin:6px 0 0;color:#8f8c84;font-size:11px;line-height:1.7;letter-spacing:0}
.site-footer .footer-top {padding-bottom:10px}
@media(max-width:700px) {
  .ft-row {flex-direction:column;align-items:flex-start;gap:0}
  .ft-social,.ft-links {gap:0 24px}
  footer .ft-credit {margin-top:10px}
}
@media(prefers-reduced-motion:reduce) {footer .ft-social a,footer .ft-links a {transition:none}}

/* Closing image above the footer (home page only). It is decorative, so it can't be selected or dragged. */
html body.la-editorial .closing-art,
html body.la-editorial .closing-art * {-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
