.kodetic-thumb{--kodetic-cycle:7s;position:relative;width:100%;height:100%;min-height:0;overflow:hidden;flex-shrink:0;container-type:inline-size;border-radius:10px;background:#020202}.kodetic-thumb-bg-wrap{position:absolute;inset:0;overflow:hidden}.kodetic-thumb-bg{position:absolute;inset:-8%;width:116%;height:116%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 38%;object-position:center 38%;display:block;filter:contrast(1.05) saturate(.92);animation:kodetic-ken-burns 12s ease-in-out infinite alternate}.kodetic-thumb-canvas{position:absolute;inset:-20%;background-size:160px 160px;background-repeat:repeat;opacity:.34;mix-blend-mode:soft-light;pointer-events:none;animation:kodetic-canvas-drift 22s linear infinite}.kodetic-thumb-haze{position:absolute;inset:-30% -20%;background:linear-gradient(105deg,transparent 35%,rgba(201,154,45,.08) 48%,rgba(107,63,160,.16) 52%,transparent 65%);pointer-events:none;animation:kodetic-haze-sweep 5.5s ease-in-out infinite;mix-blend-mode:screen}.kodetic-thumb-overlay{background:radial-gradient(ellipse at 50% 45%,rgba(2,2,2,.05) 0,rgba(2,2,2,.62) 78%),linear-gradient(180deg,rgba(2,2,2,.15),transparent 30%,rgba(2,2,2,.55))}.kodetic-thumb-dust,.kodetic-thumb-overlay{position:absolute;inset:0;pointer-events:none}.kodetic-dust{position:absolute;border-radius:50%;background:hsla(45,20%,96%,.55);opacity:0;animation-name:kodetic-dust-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.kodetic-thumb-labels{position:absolute;left:8%;right:8%;top:14%;display:flex;justify-content:space-between;gap:4px;pointer-events:none}.kodetic-thumb-label{font-family:Red Hat Display,Arial,sans-serif;font-size:calc(7 / 360 * 100cqi);letter-spacing:.16em;color:hsla(45,20%,96%,.38);opacity:0;animation:kodetic-label-pulse var(--kodetic-cycle) ease-in-out infinite}.kodetic-thumb-label:first-child{animation-delay:.2s}.kodetic-thumb-label:nth-child(2){animation-delay:.9s}.kodetic-thumb-label:nth-child(3){animation-delay:1.6s}.kodetic-thumb-label:nth-child(4){animation-delay:2.3s}.kodetic-thumb-logo-wrap{position:absolute;left:50%;top:52%;display:flex;flex-direction:column;align-items:center;gap:8px;animation:kodetic-logo-in var(--kodetic-cycle) cubic-bezier(.22,1,.36,1) infinite}.kodetic-thumb-logo{width:calc(38 / 360 * 100cqi);height:auto;display:block;filter:brightness(0) invert(1);opacity:.95}.kodetic-thumb-wordmark{font-family:Georgia,Times New Roman,serif;font-size:calc(20 / 360 * 100cqi);letter-spacing:.32em;text-indent:.32em;color:#f7f6f3;text-shadow:0 2px 18px rgba(0,0,0,.5)}.kodetic-thumb-sub{font-family:Arial,sans-serif;font-size:calc(8 / 360 * 100cqi);letter-spacing:.18em;color:hsla(45,20%,96%,.55);text-transform:lowercase}@keyframes kodetic-ken-burns{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.12) translate(-2%,-1.5%)}}@keyframes kodetic-canvas-drift{0%{transform:translate(0) rotate(0deg)}to{transform:translate(40px,28px) rotate(1.5deg)}}@keyframes kodetic-haze-sweep{0%,to{transform:translateX(-12%) rotate(-2deg);opacity:.35}50%{transform:translateX(12%) rotate(2deg);opacity:.8}}@keyframes kodetic-dust-float{0%,to{opacity:0;transform:translateY(8px)}40%{opacity:.7}70%{opacity:.15;transform:translateY(-18px)}}@keyframes kodetic-label-pulse{0%,12%,to{opacity:.15;color:hsla(45,20%,96%,.35)}18%,28%{opacity:1;color:#f7f6f3}40%{opacity:.2}}@keyframes kodetic-logo-in{0%,4%{opacity:0;transform:translate(-50%,-50%) translateY(18px) scale(.94)}14%{opacity:1;transform:translate(-50%,-50%) translateY(-2px) scale(1.02)}20%,to{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.kodetic-dust,.kodetic-thumb-bg,.kodetic-thumb-canvas,.kodetic-thumb-haze,.kodetic-thumb-label,.kodetic-thumb-logo-wrap{animation:none}.kodetic-thumb-logo-wrap{opacity:1;transform:translate(-50%,-50%)}.kodetic-thumb-label{opacity:.45}}.annaviola-thumb{--av-cycle:7s;position:relative;width:100%;height:100%;min-height:0;overflow:hidden;flex-shrink:0;container-type:inline-size;border-radius:10px;background:#0a0a0a}.annaviola-thumb-bg-wrap{position:absolute;inset:0;overflow:hidden}.annaviola-thumb-bg{inset:-6%;width:112%;height:112%;-o-object-position:center 30%;object-position:center 30%;filter:grayscale(.15) contrast(1.08);animation:annaviola-ken-burns 11s ease-in-out infinite alternate}.annaviola-thumb-bg,.annaviola-thumb-canvas{position:absolute;-o-object-fit:cover;object-fit:cover;display:block}.annaviola-thumb-canvas{inset:0;width:100%;height:100%;-o-object-position:center 35%;object-position:center 35%;opacity:0;animation:annaviola-canvas-fade var(--av-cycle) ease-in-out infinite;pointer-events:none}.annaviola-thumb-grain{position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:radial-gradient(hsla(0,0%,100%,.35) .5px,transparent .6px);background-size:3px 3px;mix-blend-mode:overlay;animation:annaviola-grain .45s steps(2) infinite}.annaviola-thumb-overlay{background:radial-gradient(ellipse at 50% 40%,hsla(0,0%,4%,.02) 0,hsla(0,0%,4%,.45) 85%),linear-gradient(180deg,rgba(126,200,220,.06),transparent 42%,hsla(0,0%,4%,.4))}.annaviola-thumb-glitter,.annaviola-thumb-overlay{position:absolute;inset:0;pointer-events:none}.annaviola-glitter{position:absolute;border-radius:50%;background:hsla(0,0%,98%,.85);box-shadow:0 0 6px hsla(0,0%,98%,.35);opacity:0;animation-name:annaviola-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.annaviola-glitter--cyan{background:#a8e0f0;box-shadow:0 0 8px rgba(126,200,220,.55)}@keyframes annaviola-ken-burns{0%{transform:scale(1.03)}to{transform:scale(1.1) translate(-1.5%,-1%)}}@keyframes annaviola-canvas-fade{0%,18%{opacity:0}32%,68%{opacity:1}82%,to{opacity:0}}@keyframes annaviola-grain{0%{transform:translate(0)}to{transform:translate(-1px,1px)}}@keyframes annaviola-twinkle{0%,to{opacity:0;transform:scale(.4)}40%{opacity:.95;transform:scale(1)}70%{opacity:.2;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.annaviola-glitter,.annaviola-thumb-bg,.annaviola-thumb-canvas,.annaviola-thumb-grain{animation:none}.annaviola-thumb-canvas{display:none}}