.technology-visual .hero-stage{background:linear-gradient(115deg,#fff 34%,#f5f7fa 100%)}
.technology-visual .hero-art{isolation:isolate}
.technology-visual .hero-art img{mix-blend-mode:multiply;filter:none;border-radius:20px;transition:transform .8s ease}
.technology-visual .hero-art:before{content:'';position:absolute;inset:9% 6% 16%;z-index:-1;background-image:linear-gradient(#8d26330a 1px,transparent 1px),linear-gradient(90deg,#8d26330a 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,#000 25%,transparent 70%)}
.technology-visual .art-note{background:#ffffffed;border:1px solid #e3e4e9;box-shadow:0 14px 40px #2426320c;backdrop-filter:blur(12px)}
.technology-visual .note-one{right:7%;top:3%}
.technology-visual .note-two{left:8%;bottom:15%}
.technology-visual .art-meaning{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 12px 0;font-size:13px;font-weight:500;line-height:1.7;color:#60636f;letter-spacing:-.15px}
.technology-visual .art-meaning b{color:#8d2633;font-weight:500}
.technology-visual .art-meaning i{font-style:normal;color:#9b9fab}
.technology-visual .vision-art{background:#f3f5f8;border-color:#e5e7ed}
.technology-visual .vision-art img{mix-blend-mode:multiply}
.technology-visual .vision-art-caption{padding-top:22px}
.technology-visual .vision-art-caption>span{letter-spacing:1px}
@media(max-width:1100px){.technology-visual .art-meaning{gap:10px;font-size:12px}.technology-visual .note-one{right:2%}.technology-visual .note-two{left:2%}}
@media(max-width:580px){.technology-visual .hero-art{margin-top:45px;padding-top:18px;padding-bottom:0}.technology-visual .note-one{right:0;top:0}.technology-visual .note-two{left:0;bottom:56px}.technology-visual .art-meaning{gap:9px;flex-wrap:wrap;padding-top:18px;font-size:12px;line-height:1.6}.technology-visual .art-note>span{font-size:9px;letter-spacing:.5px}.technology-visual .art-note strong{font-size:11px}.technology-visual .vision-art-caption strong{line-height:1.5}}
@media(prefers-reduced-motion:reduce){.technology-visual .hero-art img{transition:none}}

/* Final approved artwork: preserve its colors and keep every pillar visible. */
.technology-visual{--red:#a83434;--red-dark:#872929}
.technology-visual .hero{padding-top:50px;padding-bottom:55px;min-height:640px}
.technology-visual .hero-art img,.technology-visual .vision-art img{mix-blend-mode:normal;object-fit:contain}
.technology-visual .hero-art:before{display:none}
.technology-visual .art-links{display:flex;justify-content:center;gap:12px;margin-top:18px}
.technology-visual .art-links .art-note{position:relative;inset:auto;display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:12px 16px;margin:0;border:1px solid #e4dedd;border-radius:12px;background:#fff;box-shadow:none;transform:none;min-width:0}
.technology-visual .art-links .art-note>span{font-size:12px;letter-spacing:.6px}
.technology-visual .art-links .art-note strong{font-size:13px;line-height:1.5}
.technology-visual .art-links .art-note i{position:static;grid-column:2;grid-row:1/3;align-self:center;font-size:18px}
.technology-visual .art-links .art-note:hover{border-color:#b86c60;background:#fff9f5}
.technology-visual .vision-art{background:#f8f6f4;border-color:#e5ded8}
@media(max-width:800px){.technology-visual .hero{min-height:0;padding-top:40px;padding-bottom:42px}}
@media(max-width:580px){.technology-visual .hero{padding-top:34px;padding-bottom:35px}.technology-visual .hero-art{padding-top:0;margin-top:34px}.technology-visual .art-links{gap:9px;margin-top:14px}.technology-visual .art-links .art-note{flex:1;padding:11px 12px;gap:4px 8px}.technology-visual .art-links .art-note>span{font-size:11px}.technology-visual .art-links .art-note strong{font-size:12px}}