.ttdim{
  --ttdim-paper:#f2eee5;--ttdim-ink:#171614;--ttdim-coral:#e44740;
  --ttdim-cycle:9.6s;--ttdim-ease:cubic-bezier(.22,1,.36,1);
  container-type:inline-size;position:relative;isolation:isolate;overflow:hidden;
  margin:0;background:var(--ttdim-ink);color:var(--ttdim-paper);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ttdim *{box-sizing:border-box}
.ttdim-heading,.ttdim-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 5.4%;font-size:11px;line-height:1.4;letter-spacing:.025em}
.ttdim-heading{color:#f2eee589}
.ttdim-heading span:last-child{font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.ttdim-composition{display:grid;grid-template-columns:34% 1fr;align-items:center;gap:10%;padding:5.5% 7% 7.5%;min-height:410px}
.ttdim .ttdim-mark img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.ttdim-language{min-width:0;padding-top:15%}
.ttdim-words{display:grid;overflow:hidden;padding-block:10px}
.ttdim-word{grid-area:1/1;font-size:clamp(35px,6.5cqw,100px);line-height:1.12;letter-spacing:-.045em;font-weight:400;white-space:nowrap;opacity:0;transform:translateY(110%);animation:ttdim-word var(--ttdim-cycle) var(--ttdim-ease) infinite both}
.ttdim-word>span{color:var(--ttdim-coral)}
.ttdim-word--one{animation-delay:0s}
.ttdim-word--two{animation-delay:-6.4s}
.ttdim-word--three{animation-delay:-3.2s}
.ttdim-thread{height:2px;background:#f2eee523;position:relative;margin:32px 0 24px}
.ttdim-thread-fill{position:absolute;inset:0;background:var(--ttdim-coral);transform-origin:left center;animation:ttdim-thread 3.2s var(--ttdim-ease) infinite}
.ttdim-thread-signal{position:absolute;top:50%;left:0;width:100%;height:12px;margin-top:-6px;animation:ttdim-signal 3.2s var(--ttdim-ease) infinite}
.ttdim-thread-signal::after{content:"";position:absolute;left:0;top:0;width:12px;height:12px;background:var(--ttdim-coral);transform:translateX(-50%)}
.ttdim-index{display:grid;height:14px;overflow:hidden;color:#f2eee56b;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.ttdim-index>span{grid-area:1/1;display:flex;align-items:center;gap:12px;opacity:0;animation:ttdim-index var(--ttdim-cycle) linear infinite}
.ttdim-index>span:nth-child(2){animation-delay:-6.4s}
.ttdim-index>span:nth-child(3){animation-delay:-3.2s}
.ttdim-index i{width:24px;height:1px;background:currentColor}
.ttdim-footer{min-height:70px;padding-top:0;color:#f2eee589}
.ttdim-toggle{display:inline-flex;align-items:center;justify-content:flex-end;gap:9px;min-width:70px;min-height:44px;padding:8px 0 8px 12px;border:0;background:transparent;color:inherit;font:inherit;font-size:11px;cursor:pointer}
.ttdim-toggle svg{width:12px;height:12px;display:block}
.ttdim-toggle:hover{color:var(--ttdim-paper)}
.ttdim-toggle:focus-visible{outline:2px solid var(--ttdim-coral);outline-offset:5px}
.ttdim-toggle[hidden]{display:none}
.ttdim[data-running="false"] :is(.ttdim-word,.ttdim-thread-fill,.ttdim-thread-signal,.ttdim-index>span){animation-play-state:paused}
@keyframes ttdim-word{0%{opacity:0;transform:translateY(105%)}5%,27%{opacity:1;transform:translateY(0)}32%,100%{opacity:0;transform:translateY(-110%)}}
@keyframes ttdim-index{0%,31%{opacity:1}33.333%,100%{opacity:0}}
@keyframes ttdim-thread{0%{transform:scaleX(0);opacity:0}10%{opacity:1}63%,83%{transform:scaleX(1);opacity:1}96%,100%{transform:scaleX(1);opacity:0}}
@keyframes ttdim-signal{0%{transform:translateX(0);opacity:0}10%{opacity:1}63%,83%{transform:translateX(100%);opacity:1}96%,100%{transform:translateX(100%);opacity:0}}
@container(max-width:620px){
  .ttdim-heading,.ttdim-footer{padding-inline:7%;font-size:9px;gap:12px}
  .ttdim-heading{padding-top:23px}.ttdim-heading span:last-child{font-size:8px;letter-spacing:.08em}
  .ttdim-composition{grid-template-columns:1fr;justify-items:start;gap:48px;padding:28px 10% 36px;min-height:0}
  .ttdim-mark{width:53%;max-width:220px}
  .ttdim-language{width:100%;padding:0}
  .ttdim-word{font-size:12.5cqw}
  .ttdim-thread{margin:16px 0 18px}
  .ttdim-thread-signal{height:9px;margin-top:-4.5px}
  .ttdim-thread-signal::after{width:9px;height:9px}
  .ttdim-footer{min-height:65px;padding-bottom:16px}
}
@media(prefers-reduced-motion:reduce){
  .ttdim :is(.ttdim-word,.ttdim-thread-fill,.ttdim-thread-signal,.ttdim-index>span){animation:none!important}
  .ttdim-words{display:flex;flex-direction:column;gap:6px;overflow:visible}
  .ttdim-word{opacity:1;transform:none;font-size:clamp(27px,4.9cqw,75px)}
  .ttdim-thread-fill{transform:scaleX(1);opacity:1}
  .ttdim-thread-signal{transform:translateX(100%);opacity:1}
  .ttdim-index{display:none}
  .ttdim-toggle{display:none}
}