.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}}@font-face{font-family:AVDisplay;src:url(/fonts/annaviola-UVNMuaThu.woff2) format("woff2");font-display:swap}.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}}.annaviola-thumb-logo{position:absolute;left:50%;top:46%;z-index:4;width:56%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:annaviola-logo-in 1.4s ease both}.annaviola-thumb-logo-ornament{display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 0 8px rgba(255,255,255,.28))}.annaviola-thumb-logo-word{margin-top:1.5cqw;font-family:AVDisplay,Brush Script MT,cursive;font-size:9.5cqw;line-height:1;letter-spacing:.03em;text-transform:lowercase;color:#f7f1e6;text-shadow:0 0 14px hsla(0,0%,100%,.35);white-space:nowrap}@keyframes annaviola-logo-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@font-face{font-family:Syne;src:url(/fonts/syne-800.woff2) format("woff2");font-weight:800;font-display:swap}.jelly-thumb{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:10px;container-type:inline-size;background:#050505;isolation:isolate}.jelly-thumb-swirl{position:absolute;left:-12%;top:-12%;width:124%;height:124%;-o-object-fit:cover;object-fit:cover;opacity:.32;filter:brightness(.8) contrast(1.15);animation:jt-drift 16s ease-in-out infinite alternate;-webkit-user-select:none;-moz-user-select:none;user-select:none}.jelly-thumb-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,transparent 30%,rgba(0,0,0,.55) 100%);pointer-events:none}.jelly-thumb-glow{position:absolute;left:20%;top:8%;width:60%;height:56%;border-radius:50%;background:radial-gradient(circle,rgba(170,205,255,.28),rgba(170,205,255,0) 70%);filter:blur(18px);mix-blend-mode:screen;animation:jt-glow 5.5s ease-in-out infinite;pointer-events:none}.jelly-thumb-figure{position:absolute;left:50%;top:2%;height:94%;aspect-ratio:492/884;transform:translateX(-50%);animation:jt-bob 6s ease-in-out infinite;pointer-events:none}.jelly-thumb-drawing{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.jelly-thumb-drawing:not(.jelly-thumb-drawing--glow){opacity:.38}.jelly-thumb-drawing--glow{mix-blend-mode:screen;filter:blur(2.5px) brightness(1.2) saturate(.4) drop-shadow(0 0 6px rgba(150,195,255,.8));opacity:0;animation:jt-ink 4.2s ease-in-out infinite}.jelly-thumb-specks{position:absolute;inset:0;pointer-events:none}.jelly-thumb-speck{position:absolute;bottom:-4%;border-radius:50%;background:#fff;box-shadow:0 0 6px 1px rgba(200,225,255,.7);opacity:0;animation:jt-rise linear infinite}.jelly-thumb-titles{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;pointer-events:none;text-align:center;gap:.2em;color:#fff;font-family:Syne,Arial Black,sans-serif;font-weight:800;text-shadow:0 2px 14px rgba(0,0,0,.7)}.jelly-thumb-title{font-size:5.6cqw;white-space:nowrap;line-height:1.02;letter-spacing:-.015em}.jelly-thumb-tint{position:absolute;inset:0;-webkit-mask-image:url(/images/projects/jellyfish/thumb-drawing.webp);mask-image:url(/images/projects/jellyfish/thumb-drawing.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%;background:linear-gradient(170deg,#ff7bd5,#7be9ff 38%,#b69bff 68%,#ffd37b);background-size:100% 220%;filter:saturate(1.35) drop-shadow(0 0 5px rgba(255,255,255,.4));animation:jt-tint-flow 6s ease-in-out infinite alternate,jt-tint-palette 15s linear infinite}@keyframes jt-tint-flow{0%{background-position:0 0}to{background-position:0 100%}}@keyframes jt-tint-palette{0%,18%{filter:hue-rotate(0deg) saturate(1.35) drop-shadow(0 0 5px rgba(255,130,220,.55))}33%,51%{filter:hue-rotate(95deg) saturate(1.4) drop-shadow(0 0 5px rgba(120,140,255,.55))}66%,84%{filter:hue-rotate(205deg) saturate(1.4) drop-shadow(0 0 5px rgba(120,255,190,.5))}to{filter:hue-rotate(1turn) saturate(1.35) drop-shadow(0 0 5px rgba(255,130,220,.55))}}@keyframes jt-drift{0%{transform:translate(-3%,-2%) rotate(-1.5deg) scale(1)}to{transform:translate(3%,2%) rotate(1.5deg) scale(1.06)}}@keyframes jt-glow{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.1)}}@keyframes jt-bob{0%,to{transform:translateX(-50%) translateY(3px) rotate(-.8deg)}50%{transform:translateX(-50%) translateY(-5px) rotate(.8deg)}}@keyframes jt-ink{0%,to{opacity:0}50%{opacity:.85}}@keyframes jt-rise{0%{transform:translate(0) scale(.6);opacity:0}14%{opacity:.9}to{transform:translate(var(--drift,0),-108cqh) scale(1.1);opacity:0}}@media (prefers-reduced-motion:reduce){.jelly-thumb *,.jelly-thumb-figure{animation-play-state:paused!important}}@font-face{font-family:Urania;src:url(/fonts/Urania-Medium.otf) format("opentype");font-weight:500;font-display:swap}.rosie-thumb{--mx:0;--my:0;--px:50%;--py:50%;position:relative;width:100%;height:100%;min-height:0;border-radius:10px;container-type:inline-size}.rosie-thumb,.rosie-thumb-lens{overflow:hidden;background:#000;isolation:isolate}.rosie-thumb-lens{position:absolute;left:50%;top:50%;width:88cqw;height:88cqw;transform:translate(-50%,-50%);border-radius:50%;box-sizing:border-box;border:3cqw solid #000;box-shadow:0 0 0 1px hsla(0,0%,100%,.22)}.rosie-thumb-photo{position:absolute;inset:-6%;opacity:0;animation:rt-fade 12s ease-in-out infinite;transform:translate(calc(var(--mx) * -2.2%),calc(var(--my) * -2.2%)) scale(1.04);transition:transform .5s cubic-bezier(.22,1,.36,1)}.rosie-thumb-photo--2{animation-delay:-6s}@keyframes rt-fade{0%,4%{opacity:0}14%,46%{opacity:1}56%,to{opacity:0}}.rosie-thumb-photo img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rosie-thumb-bw{filter:grayscale(1) brightness(.62) contrast(1.1)}.rosie-thumb-color{filter:brightness(.9) saturate(1.1);opacity:0;-webkit-mask-image:radial-gradient(circle 24cqw at var(--px) var(--py),#000 0,rgba(0,0,0,.55) 55%,transparent 100%);mask-image:radial-gradient(circle 24cqw at var(--px) var(--py),#000 0,rgba(0,0,0,.55) 55%,transparent 100%);transition:opacity .35s ease}.rosie-thumb--live .rosie-thumb-color{opacity:1}.rosie-thumb-shade{z-index:3;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%)}.rosie-thumb-center,.rosie-thumb-shade{position:absolute;inset:0;pointer-events:none}.rosie-thumb-center{z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.4cqw;transform:translate(calc(var(--mx) * 1.6cqw),calc(var(--my) * 1.6cqw));transition:transform .45s cubic-bezier(.22,1,.36,1);animation:rt-float 4s ease-in-out infinite}.rosie-thumb-logo{display:block;width:26cqw;height:auto;filter:drop-shadow(0 2px 14px rgba(0,0,0,.6))}.rosie-thumb-title{font-family:Urania,Moto,Georgia,serif;font-weight:500;font-size:10.5cqw;line-height:1;letter-spacing:-.015em;color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.6)}@keyframes rt-float{0%,to{translate:0 0}50%{translate:0 -3%}}@media (prefers-reduced-motion:reduce){.rosie-thumb-center,.rosie-thumb-photo{animation-play-state:paused}}.byline-thumb,.byline-thumb-glitter{position:absolute;inset:0}.byline-thumb-glitter{z-index:2;pointer-events:none;mix-blend-mode:screen}.byline-glitter{--byline-peak:0.62;--byline-scale:1;position:absolute;border-radius:50%;background:rgba(255,252,246,.95);box-shadow:0 0 6px 1px rgba(255,252,246,.55);opacity:0;animation-name:byline-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;pointer-events:none}.work-card:focus-visible .byline-glitter,.work-card:hover .byline-glitter{--byline-peak:0.95;--byline-scale:1.22}@keyframes byline-twinkle{0%,to{opacity:0;transform:scale(.4)}18%{opacity:0;transform:scale(.45)}42%{opacity:var(--byline-peak,.4);transform:scale(var(--byline-scale,1))}64%{opacity:0;transform:scale(.55)}}@media (prefers-reduced-motion:reduce){.byline-glitter{animation:none;opacity:.28;transform:none}.work-card:focus-visible .byline-glitter,.work-card:hover .byline-glitter{opacity:.48;transform:none}}