/* After Cut V4.3.6 — typography + contact polish only.
   Loaded last so the working V4.3.5 layout/animations stay intact. */
:root{
  --body-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Segoe UI",Arial,sans-serif;
  --body-copy:#aeb6ba;
}

/* Keep display / navigation personality. Improve only reading text. */
.story-content,
.case-copy>p:not(.micro),
.about-copy>p:not(.micro):not(.role),
.contact-minimal,
.contact-form-mini,
.image-dialog>p,
.media-dialog>p{
  font-family:var(--body-font);
  font-optical-sizing:auto;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}
.story-content{
  font-size:clamp(15px,1.02vw,17px);
  line-height:1.68;
  letter-spacing:-.014em;
  color:var(--body-copy);
  max-width:680px;
}
.story-content p{margin-bottom:31px}
.case-copy>p:not(.micro){
  font-size:clamp(15px,1.02vw,17px);
  line-height:1.52;
  letter-spacing:-.014em;
  color:#cbd0d2;
}
.about-copy>p:not(.micro):not(.role){
  font-size:clamp(16px,1.12vw,19px);
  line-height:1.58;
  letter-spacing:-.017em;
  color:#b2b9bc;
  max-width:35em;
}
.about-copy .role{letter-spacing:.045em;color:#c8cdcf}

/* Minimal contact — no corporate form wall at rest. */
.contact-v436{background:radial-gradient(ellipse at 80% 100%,#12191a 0%,#090b0b 48%,#080909 78%);}
.contact-v436 .section-heading{margin-bottom:clamp(48px,7vw,104px)}
.contact-minimal{max-width:min(1040px,90vw)}
.contact-kicker{
  margin:0 0 28px;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--dim);
}
.contact-minimal h3{
  margin:0;
  max-width:980px;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:clamp(54px,7.5vw,126px);
  font-weight:560;
  line-height:.91;
  letter-spacing:-.068em;
}
.contact-minimal h3 span{color:#ff6a00}
.contact-email{
  width:min(920px,100%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-top:clamp(46px,7vw,92px);
  padding:0 0 18px;
  border-bottom:1px solid #ffffff32;
  font-size:clamp(20px,2vw,34px);
  line-height:1.12;
  letter-spacing:-.035em;
  color:#f0efec;
  transition:border-color .35s ease,color .35s ease;
}
.contact-email:not(.is-disabled):hover{border-color:#ff6a00;color:#fff}
.contact-email span:last-child{font-size:.78em;color:#ff6a00;transition:transform .45s var(--ease)}
.contact-email:not(.is-disabled):hover span:last-child{transform:translate(6px,-3px)}
.contact-email.is-disabled{cursor:default;color:#9aa2a5}
.contact-actions{display:flex;gap:28px;margin-top:22px;align-items:center}
.contact-actions button{
  padding:7px 0;
  color:#aeb6ba;
  font-family:var(--body-font);
  font-size:10px;
  font-weight:550;
  letter-spacing:.09em;
  text-transform:uppercase;
  border-bottom:1px solid transparent;
  transition:color .3s,border-color .3s;
}
.contact-actions button:hover:not(:disabled){color:#f1f0ed;border-bottom-color:#ff6a00}
.contact-actions button:disabled{opacity:.35;cursor:default}
.contact-actions button span{display:inline-block;margin-left:8px;transition:transform .35s var(--ease)}
.contact-actions button[aria-expanded="true"] span{transform:rotate(180deg)}
.contact-config-note{
  margin:18px 0 0;
  max-width:520px;
  color:#6f777a;
  font-size:10px;
  line-height:1.55;
}
.contact-config-note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#8d9699}
.contact-config-note.is-configured{display:none}

.contact-form-mini{
  width:min(920px,100%);
  grid-template-columns:1fr;
  gap:26px;
  margin-top:44px;
  padding-top:34px;
  border-top:1px solid #ffffff18;
}
.contact-form-mini[hidden]{display:none!important}
.contact-form-mini.is-opening{animation:contactMiniIn .62s var(--ease) both}
@keyframes contactMiniIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.contact-form-mini label{font-family:var(--body-font);font-size:11px;letter-spacing:.015em;color:#9ba4a7}
.contact-form-mini input,
.contact-form-mini textarea{
  font-family:var(--body-font);
  font-size:16px;
  letter-spacing:-.012em;
  color:#f1f0ed;
}
.contact-form-mini textarea{min-height:180px;background:#ffffff03;border-color:#ffffff25;border-radius:8px}
.contact-form-mini textarea:focus{border-color:#ffffff68}
.contact-form-mini .send{
  width:max-content;
  min-width:220px;
  grid-column:auto;
  border:1px solid #ffffff24;
  border-radius:999px;
  padding:13px 17px;
  gap:30px;
  text-transform:none;
  letter-spacing:0;
  font-family:var(--body-font);
  font-size:12px;
}
.contact-form-mini .send:hover{padding-left:20px;padding-right:20px;border-color:#ff6a00;color:#fff}
.contact-form-mini .form-status{font-family:var(--body-font);font-size:11px;min-height:0}
.contact-v436 footer{margin-top:clamp(82px,10vw,150px)}

@media(max-width:700px){
  .story-content{font-size:15px;line-height:1.72}
  .about-copy>p:not(.micro):not(.role){font-size:16px;line-height:1.62}
  .contact-v436 .section-heading{margin-bottom:48px}
  .contact-minimal{max-width:none}
  .contact-minimal h3{font-size:clamp(52px,16vw,78px);line-height:.93}
  .contact-email{margin-top:48px;font-size:22px}
  .contact-actions{gap:20px;flex-wrap:wrap}
  .contact-form-mini{margin-top:34px}
}