/* Talentre: graphite, warm silver, a restrained mint highlight. */
@font-face{font-family:StartupSans;src:url('assets/general-sans.woff2') format('woff2');font-weight:200 700;font-display:swap}
main{position:relative}
#feed-startup{position:absolute;inset:84px 0 0;z-index:4;display:grid;place-items:center;overflow:hidden;isolation:isolate;padding:32px 24px 52px;background:#0a0d0f;color:#ece9e2;border:1px solid #252c2f;border-radius:10px;text-align:center;font-family:StartupSans,Arial,sans-serif}
#feed-startup[hidden]{display:none}
.startup-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#1d24262c,transparent 58%),linear-gradient(135deg,#ffffff02,transparent 42%)}
.startup-light{position:absolute;left:50%;top:-45%;width:64%;height:108%;transform:translateX(-50%);background:conic-gradient(from 162deg at 50% 0%,transparent 0deg,#d6e4dc07 16deg,transparent 38deg);opacity:.7}
.startup-horizon{position:absolute;left:50%;top:53%;width:min(70%,840px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#b4cfc510,transparent)}
.startup-content{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:560px;transform:translateY(-4px)}
.startup-sculpture{position:relative;width:270px;height:225px;margin:0 0 18px;flex-shrink:0;animation:startup-appear .9s cubic-bezier(.2,.7,.3,1) both}
.startup-shadow{position:absolute;left:calc(50% - 116px);bottom:1px;width:232px;height:26px;border-radius:50%;background:radial-gradient(ellipse,#000c 0%,#0006 35%,transparent 72%);opacity:.7}
.startup-emblem{position:absolute;inset:0 28px 10px;animation:startup-float 5.6s ease-in-out infinite;filter:drop-shadow(0 12px 8px #0005)}
.startup-depth,.startup-metal,.startup-edge{position:absolute;inset:0;display:block;-webkit-mask:url('assets/logo.svg') center/contain no-repeat;mask:url('assets/logo.svg') center/contain no-repeat}
.startup-depth{transform:translate(4px,7px);background:linear-gradient(122deg,#89928f,#303635 30%,#151b1a 60%,#67716c)}
.startup-metal{overflow:hidden;background:linear-gradient(132deg,#f3f0e8 1%,#9baba7 21%,#eff0e8 27%,#75817e 47%,#333b39 59%,#abb2a9 73%,#e5e4da 90%)}
.startup-metal:before{content:'';position:absolute;inset:0;background:linear-gradient(27deg,transparent 42%,#080d0c70 42.3%,#0509080a 55%,transparent 55.2%),linear-gradient(148deg,transparent 47%,#fcfff32e 47.4%,transparent 64%),repeating-linear-gradient(132deg,#ffffff07 0 1px,transparent 1px 4px)}
.startup-reflection{position:absolute;top:-30%;left:-65%;width:50%;height:155%;background:linear-gradient(90deg,transparent,#f6fff030,transparent);transform:translateX(0) rotate(24deg);animation:startup-reflect 4.4s cubic-bezier(.3,.1,.4,1) infinite}
.startup-edge{transform:translate(-.6px,-.6px);background:linear-gradient(145deg,#fcfff220,transparent 35%,#bbf4d914 62%,transparent 75%);opacity:.8}
.startup-shard{position:absolute;display:block;background:linear-gradient(130deg,#99a49c 0%,#303b37 36%,#121a1766 40%,#53635a 100%);clip-path:polygon(31% 0,100% 26%,82% 88%,16% 100%,0 31%);opacity:.48;animation:startup-shard 7s ease-in-out infinite}
.shard-one{width:16px;height:23px;left:13px;top:105px;transform:rotate(-28deg);animation-delay:-2s}
.shard-two{width:11px;height:15px;right:4px;top:42px;transform:rotate(31deg);animation-delay:-4s;opacity:.3}
.shard-three{width:7px;height:9px;right:42px;bottom:32px;transform:rotate(16deg);animation-delay:-1s;opacity:.26}
.startup-wordmark{color:#d9ddd5;font-size:12px;line-height:1.2;font-weight:600;letter-spacing:.34em;padding-left:.34em;margin:0 0 19px;animation:startup-appear .8s .08s both}
#feed-startup h2{font:500 clamp(23px,2.3vw,31px)/1.25 StartupSans,Arial,sans-serif;letter-spacing:-.045em;color:#eeece5;margin:0;animation:startup-appear .8s .12s both}
#feed-startup p{font:400 13px/1.6 StartupSans,Arial,sans-serif;letter-spacing:.005em;color:#7d8786;margin:10px 0 0;animation:startup-appear .8s .18s both}
.startup-lanes{position:relative;display:flex;direction:ltr;flex-direction:row;width:164px;height:2px;gap:5px;overflow:hidden;margin:30px 0 21px;background:transparent;animation:startup-appear 1s .2s both}
.startup-lanes>span{position:relative;flex:1;background:#293331;border-radius:1px;overflow:hidden}
.startup-lanes>span:before{content:'';position:absolute;inset:0;background:#9bd6b0;opacity:.55;transform:scaleX(0);transform-origin:left center;transition:transform .22s linear}
.startup-lanes>span:nth-child(2){--step:1}.startup-lanes>span:nth-child(3){--step:2}
.startup-lanes>[data-ready=true]:before{transform:scaleX(1);transition-delay:calc(var(--step,0)*.22s)}
.startup-lanes>[data-current=true]:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#9bd6b055,#d3efdd);transform-origin:left center;animation:startup-segment 1.6s ease-out calc(var(--step,0)*.22s) infinite backwards}
.startup-network{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;font-weight:500;line-height:1;letter-spacing:.14em;color:#78857e;animation:startup-appear 1s .24s both}
.startup-network img{width:12px;height:12px;opacity:.65}
.startup-divider{width:1px;height:8px;background:#39433e;margin:0 4px}
.startup-signature{position:absolute;bottom:23px;left:28px;right:28px;display:flex;justify-content:space-between;gap:20px;color:#424d48;font-size:8px;line-height:1.2;letter-spacing:.15em;pointer-events:none}
.startup-corner-mark{letter-spacing:.04em}
#startup-show{margin-top:24px;background:transparent;border:1px solid #35413b;color:#c2ccc5;border-radius:5px;padding:9px 15px;font:400 11px StartupSans,Arial,sans-serif;cursor:pointer}
#startup-show[hidden]{display:none}#startup-show span{padding-left:14px;color:#a8d1b7}#startup-show:hover{background:#142019;border-color:#536e5e}#startup-show:focus-visible{outline:2px solid #9bd6b0;outline-offset:4px}
body[data-feed-loading=true] #lanes{visibility:hidden}
body[data-feed-loading=false] #lanes{animation:terminal-arrive .32s ease-out both}
@keyframes terminal-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes startup-appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes startup-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes startup-reflect{0%,18%{transform:translateX(0) rotate(24deg);opacity:0}25%{opacity:1}70%,100%{transform:translateX(420%) rotate(24deg);opacity:0}}
@keyframes startup-shard{0%,100%{translate:0 0}50%{translate:2px -10px}}
@keyframes startup-segment{0%{transform:scaleX(0);opacity:0}15%{opacity:.8}75%{transform:scaleX(1);opacity:.8}100%{transform:scaleX(1);opacity:0}}
@media(max-width:600px){#feed-startup{padding:24px 18px 44px}.startup-sculpture{width:226px;height:192px;margin-bottom:17px}.startup-emblem{inset:0 20px 10px}.startup-wordmark{font-size:11px;margin-bottom:17px}.startup-network{font-size:8px}.startup-signature{left:18px;right:18px;bottom:19px;font-size:7px}.startup-shard.shard-one{left:5px}}
@media(max-height:640px){#feed-startup{padding-top:10px;padding-bottom:28px}.startup-sculpture{height:145px;width:185px;margin-bottom:8px}.startup-wordmark{margin-bottom:13px}.startup-lanes{margin-top:20px;margin-bottom:17px}.startup-signature{bottom:13px}}
@media(prefers-reduced-motion:reduce){#feed-startup *,#feed-startup *:before,#feed-startup *:after,body[data-feed-loading=false] #lanes{animation:none!important;transition:none!important}.startup-reflection{display:none}.startup-lanes>[data-current=true]:after{transform:scaleX(.3);opacity:.6}}
