.tdna-loader{position:fixed;inset:0;z-index:200;background:#000;overflow:hidden;display:none;transition:opacity .45s var(--ease),visibility .45s}.js:not(.intro-seen) .tdna-loader{display:block}.tdna-loader .bars{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr)}.tdna-loader .bars span{transform:scaleY(0);transform-origin:bottom;animation:tdna-bar-in .34s var(--ease) forwards}.tdna-loader .bars span:nth-child(1){background:#10B8D9;animation-delay:0s}.tdna-loader .bars span:nth-child(2){background:#FFD028;animation-delay:.045s}.tdna-loader .bars span:nth-child(3){background:#C54090;animation-delay:.09s}.tdna-loader .bars span:nth-child(4){background:#00993E;animation-delay:.135s}.tdna-loader .bars span:nth-child(5){background:#F9D2E5;animation-delay:.18s}.tdna-loader .bars span:nth-child(6){background:#E4003D;animation-delay:.225s}.tdna-loader .bars span:nth-child(7){background:#004E9D;animation-delay:.27s}.tdna-loader .bars span:nth-child(8){background:#E74310;animation-delay:.315s}.tdna-loader .collapse{animation:tdna-bar-collapse .38s var(--ease) 1s forwards}.tdna-loader canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.5;mix-blend-mode:screen}.tdna-loader .scan{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.42) 0 2px,transparent 2px 4px);pointer-events:none}.tdna-loader .roll{position:absolute;left:0;right:0;top:-22%;height:22%;will-change:transform;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.16) 50%,rgba(255,255,255,0) 100%);animation:tdna-roll 1.5s linear infinite}.tdna-loader .sig{position:absolute;left:0;right:0;top:50%;height:0;animation:tdna-sig .6s steps(1) .24s 2}.tdna-loader .lg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;animation:tdna-tune .1s steps(1) .62s forwards,tdna-glitch .8s steps(1) .70s 2,tdna-fade-soft .2s var(--ease) 1.30s forwards}.tdna-loader .lg img{height:44px;width:auto;max-width:none}.tdna-loader .sheep{position:absolute;left:50%;top:calc(50% + 86px);transform:translateX(-50%);width:68px;height:72px;opacity:0;animation:tdna-tune .1s steps(1) .74s forwards,tdna-fade-soft .2s var(--ease) 1.38s forwards}.tdna-loader .sheep img{position:absolute;left:0;top:0;width:68px;height:auto;image-rendering:pixelated}.tdna-loader .sheep img.b{animation:tdna-swap .26s steps(1) infinite}.tdna-loader .typing{position:absolute;left:50%;top:calc(50% + 166px);transform:translateX(-50%);font-family:var(--font-mono);font-size:14px;letter-spacing:.06em;color:#F6F6F6;opacity:0;animation:tdna-tune .1s steps(1) .82s forwards,tdna-fade-soft .2s var(--ease) 1.38s forwards}.tdna-loader .typing span{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid #F6F6F6;width:0;animation:tdna-type-in .62s steps(10) .84s forwards,tdna-caret .5s steps(1) infinite}.tdna-loader .ch{position:absolute;left:var(--page-margin);bottom:calc(var(--page-margin) + env(safe-area-inset-bottom,0px));font-family:var(--font-mono);font-size:14px;color:#F6F6F6;letter-spacing:.14em;opacity:0;animation:tdna-tune .1s steps(1) .78s forwards}.tdna-loader .ch .blink{animation:tdna-blink .5s steps(1) infinite}.is-loaded .tdna-loader{opacity:0;visibility:hidden}@keyframes tdna-bar-in{to{transform:scaleY(1)}}@keyframes tdna-bar-collapse{to{transform:scaleY(.045);transform-origin:center}}@keyframes tdna-roll{from{transform:translateY(0)}to{transform:translateY(555%)}}@keyframes tdna-sig{0%{box-shadow:0 0 0 0 rgba(255,255,255,0)}8%{box-shadow:0 -120px 0 3px rgba(255,255,255,.9)}12%{box-shadow:0 60px 0 2px rgba(255,255,255,.7)}20%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}@keyframes tdna-tune{to{opacity:1}}@keyframes tdna-glitch{0%{filter:none}6%{filter:drop-shadow(4px 0 var(--tdna-red)) drop-shadow(-4px 0 var(--tdna-cyan))}10%{filter:none}14%{filter:drop-shadow(-3px 0 var(--tdna-magenta)) drop-shadow(3px 0 var(--tdna-cyan))}18%,100%{filter:none}}@keyframes tdna-blink{50%{opacity:.15}}@keyframes tdna-swap{0%,49%{opacity:0}50%,100%{opacity:1}}@keyframes tdna-fade-soft{to{opacity:0}}@keyframes tdna-type-in{to{width:10ch}}@keyframes tdna-caret{50%{border-color:transparent}}.js:not(.intro-seen):not(.is-loaded) body{overflow:hidden}.js .rv{opacity:0;clip-path:inset(49% 0 49% 0);transition:clip-path .5s var(--ease),opacity .18s linear}.js .rv.in{opacity:1;clip-path:inset(0 0 0 0);animation:tdna-tv-in .5s steps(4) both}.js .rv.done{clip-path:none;animation:none}@keyframes tdna-tv-in{0%{filter:brightness(2.4) contrast(1.6)}35%{filter:brightness(1.25) contrast(1.1)}70%{filter:brightness(1.05)}100%{filter:none}}.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}.rv-d4{transition-delay:.32s}.tdna-main,.tdna-nl,.tdna-hero{transition:opacity .5s var(--ease),transform .6s var(--ease)}.is-leaving .tdna-main,.is-leaving .tdna-nl,.is-leaving .tdna-hero{opacity:.2}.nav-dissolve .tdna-main,.nav-dissolve .tdna-hero,.nav-sticker.is-revealed .tdna-main{animation:tdna-view-in .8s var(--ease)}@keyframes tdna-view-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tdna-wipe{position:fixed;inset:0;z-index:150;pointer-events:none;overflow:hidden;visibility:hidden}.tdna-wipe .sticker-wrap{position:absolute;inset:0;background:var(--paper);opacity:0;contain:paint;will-change:opacity}.tdna-wipe .sticker-wrap img{position:absolute;height:clamp(96px,10.5vw,168px);width:auto;max-width:none;image-rendering:pixelated;transform:scale(0) rotate(var(--r));transform-origin:center;will-change:transform,opacity;backface-visibility:hidden}.tdna-wipe.is-in{visibility:visible;pointer-events:auto}.tdna-wipe.is-in .sticker-wrap{animation:tdna-stick-bg-in .15s var(--ease) forwards}.tdna-wipe.is-in .sticker-wrap img{animation:tdna-stick-in .5s cubic-bezier(.3,1.6,.4,1) var(--din) both}.nav-sticker .tdna-wipe{visibility:visible}.nav-sticker .tdna-wipe .sticker-wrap{opacity:1}.nav-sticker .tdna-wipe .sticker-wrap img{transform:scale(1) rotate(var(--r))}.nav-sticker .tdna-wipe.is-out .sticker-wrap{animation:tdna-stick-bg-out .8s var(--ease) forwards}.nav-sticker .tdna-wipe.is-out .sticker-wrap img{animation:tdna-stick-out .55s var(--ease) calc(var(--dout) - .79s) forwards}.nav-sticker .tdna-wipe.is-done{visibility:hidden}@keyframes tdna-stick-bg-in{from{opacity:0}to{opacity:1}}@keyframes tdna-stick-bg-out{0%,43%{opacity:1}100%{opacity:0}}@keyframes tdna-stick-in{0%{transform:scale(0) rotate(var(--r));opacity:1}62%{transform:scale(1.16) rotate(var(--r))}100%{transform:scale(1) rotate(var(--r));opacity:1}}@keyframes tdna-stick-out{from{transform:scale(1) rotate(var(--r));opacity:1}to{transform:scale(1.1) rotate(var(--r));opacity:0}}.tdna-tvtext.glitch{text-shadow:2px 0 var(--tdna-red),-2px 0 var(--tdna-cyan);animation:tdna-tflick .22s steps(2)}@keyframes tdna-tflick{0%{opacity:.35;transform:translateX(2px)}50%{opacity:1;transform:translateX(-2px)}100%{opacity:1;transform:none}}.tdna-flock{position:fixed;inset:0;z-index:125;pointer-events:none;opacity:0}.tdna-flock.on,.tdna-flock.has-loose{opacity:1}.tdna-flock .herd{position:absolute;bottom:14px;left:-460px;display:flex;align-items:flex-end;gap:14px;pointer-events:auto;cursor:pointer}.tdna-flock.on .herd{animation:tdna-walk 17s linear forwards}.tdna-flock .s{position:relative;height:52px;animation:tdna-hop .36s steps(2) infinite;touch-action:none}.tdna-flock .s:nth-child(2){animation-delay:.09s}.tdna-flock .s:nth-child(3){animation-delay:.18s}.tdna-flock .s:nth-child(4){animation-delay:.27s}.tdna-flock .s img{height:52px;width:auto;max-width:none;image-rendering:pixelated;display:block;transform:scaleX(-1);user-select:none;-webkit-user-drag:none;pointer-events:none}.tdna-flock .s img.b{position:absolute;left:0;top:0;animation:tdna-swap .36s steps(1) infinite}.tdna-flock .s:nth-child(2) img.b{animation-delay:.09s}.tdna-flock .s:nth-child(3) img.b{animation-delay:.18s}.tdna-flock .s:nth-child(4) img.b{animation-delay:.27s}.tdna-flock .s.loose{position:fixed;z-index:126;pointer-events:auto;animation:none;cursor:grab}.tdna-flock .s.loose img.b{animation:none;opacity:0}.tdna-flock .s.loose.grabbed{cursor:grabbing;animation:tdna-struggle .26s ease-in-out infinite}.tdna-flock .s.loose.grabbed img.b{animation:tdna-swap .12s steps(1) infinite;opacity:1}.tdna-flock .s.loose.falling{transition:top .5s cubic-bezier(.45,0,.75,1)}.tdna-flock .s.loose.landed img{animation:tdna-squash .26s var(--ease)}.tdna-flock .s.loose.walking{animation:tdna-hop .36s steps(2) infinite}.tdna-flock .s.loose.walking img.b{animation:tdna-swap .36s steps(1) infinite;opacity:1}.tdna-flock.paused .herd,.tdna-flock.paused img,.tdna-flock.paused .s{animation-play-state:paused}.tdna-flock .bubble{position:absolute;bottom:76px;left:0;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:14px;line-height:1.6;padding:10px 14px;white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.tdna-flock .bubble::after{content:"";position:absolute;left:24px;bottom:-6px;width:12px;height:6px;background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%)}.tdna-flock.paused .bubble{opacity:1;transform:none}@keyframes tdna-walk{from{transform:translateX(0)}to{transform:translateX(calc(100vw + 520px))}}@keyframes tdna-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes tdna-struggle{0%{transform:scale(1.06) rotate(-9deg) translateY(0)}25%{transform:scale(1.06) rotate(4deg) translateY(-3px)}50%{transform:scale(1.06) rotate(10deg) translateY(1px)}75%{transform:scale(1.06) rotate(-3deg) translateY(-2px)}100%{transform:scale(1.06) rotate(-9deg) translateY(0)}}@keyframes tdna-squash{0%{transform:scaleX(-1) scale(1.14,.82)}60%{transform:scaleX(-1) scale(.96,1.05)}100%{transform:scaleX(-1) scale(1)}}.tdna-boba{position:fixed;right:clamp(16px,4vw,64px);bottom:0;z-index:128;pointer-events:none;transform:translateY(110%);transition:transform .5s cubic-bezier(.2,1.4,.4,1)}.tdna-boba.on{transform:translateY(0)}.tdna-boba img{height:152px;width:auto;max-width:none;image-rendering:pixelated;display:block;animation:tdna-wobble 1.6s ease-in-out infinite}.tdna-boba .say{opacity:0;transition:opacity .3s var(--ease);position:absolute;right:110px;bottom:96px;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:14px;padding:10px 14px;white-space:nowrap}.tdna-boba.on .say{opacity:1}@keyframes tdna-wobble{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@media (max-width:480px){.tdna-boba .say{right:0;bottom:160px}}.tdna-404{padding:64px var(--page-margin) var(--section-gap);display:flex;flex-direction:column;gap:32px}.tdna-404__tv{position:relative;aspect-ratio:16 / 9;background:#000;overflow:hidden;display:grid;place-items:center}.tdna-404__tv canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.45;mix-blend-mode:screen}.tdna-404__inner{position:relative;z-index:2;text-align:center;color:var(--paper);display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px}.tdna-404__inner img{height:150px;width:auto;image-rendering:pixelated;animation:tdna-hop .5s steps(2) infinite}.tdna-404__code{font-family:var(--font-mono);font-size:15px;letter-spacing:.14em}.tdna-404__inner h1{font-size:clamp(24px,3.4vw,40px);font-weight:500}.tdna-404__inner p{margin:0;max-width:520px;color:#D9D9D5}@media (max-width:700px){.tdna-404__tv{aspect-ratio:3 / 4}.tdna-404__inner img{height:100px}}@media (prefers-reduced-motion:reduce){.tdna-loader,.tdna-wipe,.tdna-flock,.tdna-boba{display:none !important}.js .rv{opacity:1;clip-path:none}.tdna-hero .slide .img{transform:none}.tdna-hero .cap,.tdna-hero .line,.tdna-hero .sub{transform:none !important}.js:not(.intro-seen):not(.is-loaded) body{overflow:auto}}