/* Arrival, reading emphasis and native sticky card choreography. */
@keyframes text-arrive{from{opacity:0;transform:translateY(32px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.technology-copy>.eyebrow,.technology-copy>h1,.technology-copy>.hero-description,.technology-copy>.hero-actions{animation:text-arrive 1.25s cubic-bezier(.16,1,.3,1) both}
.technology-copy>h1{animation-delay:.13s}.technology-copy>.hero-description{animation-delay:.27s}.technology-copy>.hero-actions{animation-delay:.4s}
.highlight-word{color:rgb(calc(86 + 149 * var(--lit,1)),calc(103 + 139 * var(--lit,1)),calc(123 + 127 * var(--lit,1)));transition:color 90ms linear}
.tech-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}.tech-atmosphere i{position:absolute;width:42vw;height:42vw;left:8%;top:37%;border:1px solid #6eb9eb1f;border-radius:50%;transform:rotateX(65deg) rotateZ(-25deg);box-shadow:0 0 50px #329bd908,inset 0 0 50px #329bd908}.tech-atmosphere i:nth-child(2){left:48%;top:49%;width:35vw;height:35vw}.tech-atmosphere i:nth-child(3){left:20%;top:70%;width:70vw;height:20vw;border-color:#93ddff26}
.tech-scene{transform-style:preserve-3d}.tech-layer{backface-visibility:hidden}.tech-layer img{transform:translate3d(var(--drift-x,0px),var(--drift-y,0px),0) rotate(var(--drift-r,0deg));will-change:transform}
.project-tabs a{padding:10px 21px;border-radius:30px;color:#aab8ca;font-size:13px;white-space:nowrap}.project-tabs a:hover,.project-tabs a[aria-current=true]{background:#d6e8f6;color:#0a1520}
.project-panels{overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;padding-bottom:30px}
.project-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:580px;margin-bottom:36px;padding:9px;border:1px solid #ffffff16;border-radius:30px;background:#0b1017;box-shadow:0 0 0 6px #ffffff03,0 28px 70px #0005;transform-origin:center top;scroll-margin-top:0px;isolation:isolate}
.project-panel:nth-child(even) .project-visual{order:2}.project-panel .project-visual{height:auto;min-height:560px;border-radius:23px;background:radial-gradient(ellipse at 50% 65%,#17354c,#07111e 70%);display:flex;align-items:center;justify-content:center}
.project-panel .project-visual>img{height:auto;max-height:500px;width:94%;object-fit:contain;animation:none;border-radius:12px;transform:translateY(var(--image-rise,0px)) scale(var(--image-scale,1));will-change:transform}
.project-panel .project-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px;gap:27px;border:0}.project-panel .project-info h3{font-size:32px;line-height:1.4}.project-panel .project-info p{font-size:15px;line-height:1.9}.project-panel .round-link{margin-top:auto;flex-shrink:0}.project-panel .visual-note{font-size:10px;right:14px;bottom:14px}.project-panel .tags{margin-top:24px}.project-panel::after{content:'';position:absolute;inset:0;border-radius:inherit;background:#03070c;opacity:var(--cover-shade,0);pointer-events:none;z-index:5}
.stack-motion .project-panel{position:sticky;top:105px;will-change:transform;transform:scale(var(--card-scale,1));margin-bottom:80px}.stack-motion .project-panels{padding-bottom:10vh}
@media(max-width:1050px){.project-panel .project-info{padding:30px}.project-panel .project-info h3{font-size:27px}.project-panel,.project-panel .project-visual{min-height:520px}}
@media(max-width:760px){.project-tabs a{flex:1 1 29%;text-align:center;font-size:11px;padding:8px}.project-panel{grid-template-columns:1fr;min-height:0;padding:7px;border-radius:23px;margin-bottom:30px}.project-panel:nth-child(even) .project-visual{order:0}.project-panel .project-visual{height:220px;min-height:0;border-radius:17px}.project-panel .project-visual>img{max-height:205px;width:85%}.project-panel .project-info{padding:23px 18px;gap:13px}.project-panel .project-info h3{font-size:23px}.project-panel .project-info p{font-size:12px;line-height:1.8}.project-panel .tags{margin-top:15px;gap:5px}.project-panel .tags span{font-size:9px}.project-panel .round-link{width:36px;height:36px}.stack-motion .project-panel{top:86px;margin-bottom:45px}.project-panel .visual-note{font-size:8px}.tech-atmosphere i{width:70vw;height:70vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.technology-copy>*{animation:none!important}.highlight-word{color:inherit;transition:none}.tech-layer img{transform:none!important;will-change:auto}.project-panel,.stack-motion .project-panel{position:relative;top:auto;transform:none!important;will-change:auto}.project-panel::after{display:none}.project-panel .project-visual>img{transform:none!important;will-change:auto}}