.technology{--tech-gutter:clamp(16px,6.25vw,90px);--tech-line:#eef2f41a;--tech-ease:cubic-bezier(.2,.7,.2,1);color:#eef2f4;background:#10161b;font-family:Inter,sans-serif}.technology .tech-wrap{max-width:1440px;padding-inline:var(--tech-gutter);margin:0 auto}.technology h1,.technology h2,.technology h3,.technology p{margin:0}.technology a{color:inherit;text-decoration:none}.technology a:focus-visible{outline-offset:3px;outline:2px solid #eef2f4}.tech-section{padding-block:clamp(56px,6.5vw,96px)}.technology .tech-sec-head{gap:16px;max-width:760px;margin-bottom:clamp(28px,3.4vw,48px);display:grid}.technology .tech-h2{letter-spacing:-.03em;text-wrap:balance;font:500 clamp(32px,3.9vw,56px)/1.08 Inter Tight,sans-serif}.technology .tech-meta{color:#97a5b0;align-items:center;gap:12px;font-size:13px;line-height:1.4;display:flex}.technology .tech-tag{color:#eef2f4;background:#eef2f41f;border-radius:999px;align-items:center;height:26px;padding:0 10px;font:500 12px/1 Inter,sans-serif;display:inline-flex}.technology .tech-frows{border-top:1px solid var(--tech-line);display:grid}.technology .tech-frow{border-bottom:1px solid var(--tech-line);grid-template-columns:300px minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3vw,40px);padding:26px 0;display:grid}.technology .tech-frow-art{aspect-ratio:16/10;background:#151d23;border-radius:12px;overflow:hidden}.technology .tech-frow-art img,.technology .tech-article-art img,.technology .tech-pcard-art img{object-fit:cover;object-position:var(--o,50% 50%);width:100%;height:100%;transform:scale(var(--z,1));transition:transform 1.1s var(--tech-ease)}.technology .tech-frow:hover img,.technology .tech-pcard:hover img{transform:scale(calc(var(--z,1) * 1.05))}.technology .tech-frow h2{letter-spacing:-.02em;margin:10px 0 8px;font:500 clamp(22px,2.2vw,30px)/1.2 Inter Tight,sans-serif}.technology .tech-frow:hover h2,.technology .tech-pcard:hover h3{text-underline-offset:5px;-webkit-text-decoration:underline #ff5a36;text-decoration:underline #ff5a36}.technology .tech-frow-copy>p{color:#97a5b0;font-size:16px;line-height:1.65}.technology .tech-row-arrow{color:#97a5b0;transition:transform .25s var(--tech-ease),color .25s var(--tech-ease);font-size:22px}.technology .tech-frow:hover .tech-row-arrow{color:#eef2f4;transform:translate(4px)}.technology .tech-article-head{gap:18px;max-width:760px;margin:0 auto;padding-block:clamp(48px,6vw,88px) clamp(28px,3vw,40px);display:grid}.technology .tech-crumbs{color:#97a5b0;gap:10px;font-size:14px;display:flex}.technology .tech-crumbs a:hover{color:#eef2f4}.technology .tech-article-art{aspect-ratio:21/9;background:#151d23;border-radius:16px;max-width:1100px;margin:0 auto;overflow:hidden}.technology .tech-article-body{max-width:calc(760px + 2 * var(--tech-gutter));color:#c9d3da;gap:20px;padding-block:clamp(40px,5vw,64px);font-size:18px;line-height:1.75;display:grid}.technology .tech-prose{color:#c9d3da;gap:20px;max-width:none;font:400 18px/1.75 Inter,sans-serif;display:grid}.technology .tech-prose p{color:#c9d3da;margin:0;font-size:18px;line-height:1.75}.technology .tech-prose>p:first-child{color:#eef2f4;font-size:22px;line-height:1.55}.technology .tech-prose h2{letter-spacing:-.02em;color:#eef2f4;margin:18px 0 0;font:500 28px/1.2 Inter Tight,sans-serif}.technology .tech-prose a{color:#eef2f4;text-decoration:underline}.technology .tech-article-tags{border-top:1px solid var(--tech-line);grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;padding-top:24px;display:grid}.technology .tech-article-tags>div{align-content:start;gap:12px;display:grid}.technology .tech-label{letter-spacing:.08em;text-transform:uppercase;color:#97a5b0;align-items:center;gap:9px;font:500 12px/1 IBM Plex Mono,monospace;display:flex}.technology .tech-label:before{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#ff5a36;flex:none;width:9px;height:10px}.technology .tech-chips{flex-wrap:wrap;gap:8px;display:flex}.technology .tech-chip{height:32px;box-shadow:inset 0 0 0 1px var(--tech-line);color:#eef2f4;background:#151d23;border-radius:999px;align-items:center;padding:0 12px;font:500 13px/1 Inter,sans-serif;display:inline-flex}.technology .tech-chip:hover{box-shadow:inset 0 0 0 1px #eef2f433}.technology .tech-back{color:#eef2f4;justify-self:start;align-items:center;gap:10px;margin-top:12px;font:600 15px/1.4 Inter,sans-serif;display:inline-flex}.technology .tech-back span{transition:translate .25s var(--tech-ease);display:inline-block;rotate:180deg}.technology .tech-back:hover span{translate:-4px}.technology .tech-article-more{border-top:1px solid var(--tech-line);padding-block:clamp(40px,4.5vw,64px) clamp(56px,6.5vw,96px)}.technology .tech-article-more>.tech-h2{margin-bottom:clamp(28px,3.4vw,48px)}.technology .tech-posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.technology .tech-pcard{align-content:start;gap:14px;display:grid}.technology .tech-pcard-art{aspect-ratio:16/10;box-shadow:inset 0 0 0 1px var(--tech-line);background:#151d23;border-radius:16px;overflow:hidden}.technology .tech-pcard h3{letter-spacing:-.015em;text-wrap:balance;font:500 21px/1.25 Inter Tight,sans-serif}.technology .tech-pcard:hover h3{text-underline-offset:4px}.technology .tech-rv{transition:opacity .8s var(--tech-ease),translate .8s var(--tech-ease);transition-delay:var(--rv-delay,0s)}.technology .tech-rv.pending{opacity:0;translate:0 18px}@media (width<=1000px){.technology .tech-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.technology{--tech-gutter:24px}.technology .tech-h2{font-size:32px}.technology .tech-frow{grid-template-columns:minmax(0,1fr);gap:14px}.technology .tech-row-arrow{display:none}.technology .tech-frow h2{font-size:22px}.technology .tech-article-tags,.technology .tech-posts{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.technology .tech-rv.pending{opacity:1;translate:none}.technology .tech-rv,.technology .tech-row-arrow,.technology .tech-back span,.technology img{transition:none!important}.technology .tech-frow:hover img,.technology .tech-pcard:hover img{transform:scale(var(--z,1))}.technology .tech-frow:hover .tech-row-arrow{transform:none}.technology .tech-back:hover span{translate:none}}