.contact-footer-surface{
  --text-primary:#4b4749;
  --text-muted:#a4a4a4;
  position:relative;
  overflow:visible;
  background:#e7e4dc;
}
.contact-footer-surface::before{
  content:'';
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:url("../assets/index_bg.webp") center bottom / cover no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 220px);
  mask-image:linear-gradient(to bottom,transparent 0,#000 220px);
}
.contact-footer-surface .capy-video{
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  width:auto;
  height:min(75vh,900px);
  aspect-ratio:1062 / 1242;
  object-fit:contain;
  object-position:bottom right;
  mix-blend-mode:screen;
  opacity:0;
  pointer-events:none;
  transition:opacity .9s ease;
}
.contact-footer-surface .capy-video.visible{opacity:.6}
.contact-footer-surface #contact{
  position:relative;
  z-index:3;
  padding:70px 5px 40px;
  text-align:left;
  overflow:visible;
  background:transparent;
  width:65vw;
}
.contact-footer-surface .email-copy{
  font-size:clamp(55px,8vw,177px);
  line-height:normal;
  font-weight:700;
  color:#e3e3de;
  cursor:pointer;
  display:inline-block;
  position:relative;
  letter-spacing:-.03em;
  max-width:100%;
  text-decoration:none!important;
  -webkit-text-decoration:none;
  -webkit-tap-highlight-color:transparent;
  transition:filter .5s ease,opacity .5s ease,color .35s cubic-bezier(.16,1,.3,1);
}
.contact-footer-surface .email-copy:hover{color:#f1f1ec}
.contact-footer-surface .email-copy:focus-visible{outline:1px solid rgba(164,164,164,.38);outline-offset:5px}
.contact-footer-surface .email-copy.obscured{filter:blur(9px);opacity:.45}
.contact-footer-surface .email-copy .copied-tag{
  position:absolute;
  top:-11px;
  right:0;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.1em;
  color:var(--text-primary);
  text-transform:uppercase;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .3s ease,transform .3s ease;
  pointer-events:none;
  font-weight:100;
  display:flex;
  align-items:center;
  gap:8px;
}
.contact-footer-surface .email-copy.copied .copied-tag{opacity:1;transform:translateY(0);pointer-events:auto}
.contact-footer-surface .email-compose{width:22px;height:22px;display:grid;place-items:center;color:var(--text-muted);border-radius:50%;transition:color .25s ease,background-color .25s ease}
.contact-footer-surface .email-compose:hover,.contact-footer-surface .email-compose:focus-visible{color:var(--accent);background:rgba(255,255,255,.28)}
.contact-footer-surface .email-compose svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.contact-footer-surface footer{
  position:relative;
  z-index:3;
  min-height:0;
  padding:28px 64px 40px;
  background:transparent;
  display:flex;
  grid-template-columns:none;
  justify-content:space-between;
  align-items:center;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.08em;
  color:var(--text-muted);
  text-transform:uppercase;
  flex-wrap:wrap;
  gap:16px;
}
.contact-footer-surface footer div{justify-self:auto}
.contact-footer-surface .footer-left{display:flex;align-items:center;gap:6px;position:relative}
.contact-footer-surface .footer-legal-links{display:inline-flex;align-items:center;gap:6px;margin-left:10px}
.contact-footer-surface .footer-left a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}
.contact-footer-surface .footer-left a:hover{color:var(--text-primary)}
.contact-footer-surface .bio-trigger{cursor:pointer;color:var(--text-muted);transition:color .2s ease}
.contact-footer-surface .bio-trigger:hover,.contact-footer-surface .bio-trigger.open,.contact-footer-surface .bio-trigger:focus-visible{color:var(--text-primary)}
.contact-footer-surface .zm-name{position:relative;cursor:pointer;color:var(--text-muted)}
.contact-footer-surface #bio-panel{
  display:block;
  position:absolute;
  bottom:100%;
  left:40px;
  margin-bottom:20px;
  width:min(560px,60vw);
  font-family:'Inter',sans-serif;
  font-size:1.1rem;
  line-height:1.3rem;
  color:var(--text-primary);
  background:transparent;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .45s ease,transform .45s ease;
  pointer-events:none;
  text-transform:lowercase;
  letter-spacing:-.03rem;
}
.contact-footer-surface #bio-panel.open{opacity:1;transform:translateY(0);pointer-events:auto}
.contact-footer-surface #bio-panel .line{display:block}
.contact-footer-surface #bio-panel .line:nth-child(2){padding-left:34px}
.contact-footer-surface #bio-panel .line:nth-child(3){padding-left:68px}
.contact-footer-surface #bio-panel .line:nth-child(4){padding-left:102px}
.contact-footer-surface #bio-panel .line.signoff{text-align:right;padding-left:0;margin-top:10px}
.contact-footer-surface #arrowup{display:none}
.contact-footer-surface #arrowdown{display:inline-block}
.contact-footer-surface .footer-social{display:flex;align-items:center;gap:18px}
.contact-footer-surface .footer-social a{color:var(--text-muted);text-decoration:none;font-family:'JetBrains Mono',monospace;font-size:.8rem;letter-spacing:.1em;transition:color .2s ease}
.contact-footer-surface .footer-social a:hover{color:var(--text-primary)}
.contact-footer-surface footer .to-top{background:none;border:0;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:6px}
.contact-footer-surface footer .to-top:hover{color:var(--text-primary)}
@media(min-width:1440px){.contact-footer-surface footer{max-width:1100px;margin:0 auto;padding-left:0;padding-right:0}}
@media(max-width:860px){
  .contact-footer-surface .capy-video{height:min(55vh,550px);right:0}
  .contact-footer-surface #contact{padding:70px 24px 40px;width:100%}
  .contact-footer-surface .email-copy{display:block;width:100%;font-size:clamp(42px,13.5vw,88px);line-height:.98}
  .contact-footer-surface .email-domain{display:block}
  .contact-footer-surface .email-copy .copied-tag{top:-32px}
  .contact-footer-surface footer{padding:24px 24px 56px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 16px}
  .contact-footer-surface .footer-left{grid-column:1;grid-row:2;flex-wrap:wrap;row-gap:10px}
  .contact-footer-surface .footer-legal-links{flex-basis:100%;margin-left:0}
  .contact-footer-surface .footer-social{grid-column:1 / -1;grid-row:1;flex-direction:column;align-items:flex-end;gap:12px;padding-right:5px}
  .contact-footer-surface .footer-social a{font-size:1.1rem}
  .contact-footer-surface footer .to-top{grid-column:2;grid-row:2;align-self:end;background:rgba(245,245,245,.55);padding:8px 12px}
  .contact-footer-surface #bio-panel{width:min(380px,78vw);left:0;font-size:1rem}
  .contact-footer-surface #bio-panel .line:nth-child(2){padding-left:18px}
  .contact-footer-surface #bio-panel .line:nth-child(3){padding-left:36px}
  .contact-footer-surface #bio-panel .line:nth-child(4){padding-left:54px}
  .contact-footer-surface #arrowup{display:inline-block}
  .contact-footer-surface #arrowdown{display:none}
}
@media(prefers-reduced-motion:reduce){.contact-footer-surface .capy-video{display:none}}