/* FT 3D intro overlay — scoped to #pre (fareedtareen.com) */
#ftIntroMount{position:absolute;inset:0;z-index:0;overflow:hidden}
#ftIntroMount canvas{display:block;width:100%;height:100%}
#ftIntroCaption{position:absolute;left:50%;bottom:11%;transform:translate(-50%,14px);z-index:2;
  text-align:center;opacity:0;transition:opacity 1s var(--ease),transform 1s var(--ease);pointer-events:none}
#ftIntroCaption.on{opacity:1;transform:translate(-50%,0)}
.ft-tag{font-family:var(--mono);font-size:clamp(10px,1.4vw,12.5px);letter-spacing:.34em;
  color:rgba(255,255,255,.62);text-transform:uppercase;min-height:1.7em;white-space:nowrap}
.ft-tag .caret{display:inline-block;width:.55em;height:1.05em;background:#fff;margin-left:3px;
  vertical-align:-0.15em;animation:ftCaret 1s steps(2,start) infinite}
@keyframes ftCaret{to{visibility:hidden}}
.ft-enter{display:inline-block;margin-top:22px;font-family:var(--mono);font-size:11px;
  letter-spacing:.28em;text-transform:uppercase;border:1px solid rgba(255,255,255,.4);
  padding:13px 30px;color:#fff;background:transparent;cursor:pointer;
  transition:background .35s var(--ease),color .35s,border-color .35s;opacity:0;pointer-events:none}
.ft-enter.show{opacity:1;pointer-events:auto}
.ft-enter:hover{background:#fff;color:#000;border-color:#fff}
#ftIntroErr{position:absolute;left:12px;bottom:12px;z-index:5;color:#ff7a6b;
  font:10px var(--mono);white-space:pre-wrap;display:none;max-width:70vw}
@media(max-width:700px){#ftIntroCaption{bottom:14%}}
@media(prefers-reduced-motion:reduce){#ftIntroCaption{transition-duration:.3s}}