.technology-hero{color:var(--ink);background:radial-gradient(at 75% 40%,#eaf3fc80,#0000 65%),linear-gradient(90deg,#d9e4ef40 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#d9e4ef40 1px,#0000 1px) 0 0/32px 32px,#fbfdff;position:absolute;inset:0;overflow:clip;container-type:inline-size}.th-caption{letter-spacing:.09em;color:#52677c;justify-content:space-between;font:600 8px/1.5 IBM Plex Mono,monospace;display:flex;position:absolute;top:18px;left:22px;right:22px}.th-scene{width:100%;height:calc(100% - 144px);position:absolute;inset:38px 0 106px;overflow:visible}.th-scene text{fill:#182331;stroke:none;font-family:Pretendard,Arial,sans-serif}.th-scene .th-label{letter-spacing:.045em;font-family:Sora,sans-serif;font-size:12px;font-weight:600}.th-scene .th-ko{fill:#52677c;font-size:11px}.th-scene .th-micro{fill:#52677c;letter-spacing:.06em;font-family:IBM Plex Mono,monospace;font-size:8px}.th-scene .th-core-title{letter-spacing:.015em;font-family:Sora,sans-serif;font-size:15px;font-weight:700}.th-input,.th-engine,.th-building{filter:drop-shadow(0 9px 12px #25456212)}.th-flow path{stroke-dasharray:12 190;animation:4s linear infinite th-transfer}.th-flow .th-flow-out{animation-delay:2s}.th-brand-surface{pointer-events:none;--th-brand-cycle:8s}.th-brand-watermark{opacity:.34;animation:th-brand-hold var(--th-brand-cycle) linear infinite}.th-brand-reveal{animation:8s linear infinite th-brand-reveal}.th-scan{animation:th-brand-scan var(--th-brand-cycle) linear infinite;opacity:0;filter:drop-shadow(0 0 3px #1d5faf55)}.th-model-scan{animation:8s ease-in-out infinite th-model}.th-floor{animation:8s ease-in-out infinite th-reveal}.th-floor-1{animation-delay:.4s}.th-floor-2{animation-delay:.8s}.th-floor-3{animation-delay:1.2s}.th-steps{border-top:1px solid #d5e0eb;grid-template-columns:repeat(3,1fr);padding-top:12px;display:grid;position:absolute;bottom:72px;left:26px;right:26px}.th-steps>span{letter-spacing:.05em;font:600 10px/1.5 Sora,sans-serif}.th-steps b{color:#1d5faf;margin-right:10px;font:500 8px IBM Plex Mono,monospace}.th-steps small{color:#52677c;margin:5px 0 0 23px;font:10px Pretendard,sans-serif;display:block}.th-footer{justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;bottom:13px;left:22px;right:22px}.th-footer small{color:#697587;margin-top:3px;font-size:9px;display:block}.th-footer button{color:#24435c;cursor:pointer;background:#ffffffed;border:1px solid #cadbe8;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.th-footer button:focus-visible{outline-offset:3px;outline:2px solid #1d5faf}@keyframes th-transfer{to{stroke-dashoffset:-404px}}@keyframes th-brand-reveal{0%,8%{height:0}62%,to{height:176px}}@keyframes th-brand-hold{0%,84%{opacity:.34}96%,to{opacity:0}}@keyframes th-brand-scan{0%,8%{opacity:0;transform:translateY(0)}12%{opacity:.7}62%{opacity:.7;transform:translateY(176px)}66%,to{opacity:0;transform:translateY(176px)}}@keyframes th-model{0%,35%{opacity:0;transform:translateY(0)}45%{opacity:.8}85%{opacity:.8;transform:translateY(114px)}to{opacity:0;transform:translateY(114px)}}@keyframes th-reveal{0%,25%{opacity:.18}60%,to{opacity:1}}.th-density-grid path{stroke-width:.8px;stroke-dasharray:1;animation:12s ease-in-out infinite th-density;animation-delay:var(--grid-delay)}@keyframes th-density{0%,12%{stroke-dashoffset:1px;opacity:0}55%,86%{stroke-dashoffset:0;opacity:.7}to{stroke-dashoffset:0;opacity:0}}.technology-hero[data-paused=true] *{animation-play-state:paused!important}.technology-hero .th-steps>span{text-align:center}.technology-hero .th-steps small{margin-left:0}.technology-hero .th-footer>span{letter-spacing:.06em;color:#52677c;white-space:nowrap;font:600 8px/1.5 IBM Plex Mono,monospace}.technology-hero .th-steps{padding-top:10px;bottom:62px}.technology-hero:not(.project-hero){background-image:radial-gradient(at 75% 40%,#eaf3fc80,#0000 65%),linear-gradient(90deg,#c8102e0b 1px,#0000 1px),linear-gradient(#1d5faf10 1px,#0000 1px)}.technology-hero .th-scene,.project-hero .ph-scene{height:calc(100% - 120px);bottom:82px}@media (max-width:600px) and (max-width:767px),(max-width:600px) and (min-width:1200px){.technology-hero .th-scene:where(:not([data-mobile-desktop],[data-mobile-desktop] *)),.project-hero .ph-scene:where(:not([data-mobile-desktop],[data-mobile-desktop] *)){height:calc(100% - 139px);bottom:94px}}@media (prefers-reduced-motion:reduce){.technology-hero:not([data-motion-override=true]) *{animation:none!important}.technology-hero:not([data-motion-override=true]) .th-scan,.technology-hero:not([data-motion-override=true]) .th-model-scan{opacity:0}}@media (max-width:600px) and (max-width:767px),(max-width:600px) and (min-width:1200px){.th-caption:where(:not([data-mobile-desktop],[data-mobile-desktop] *)){left:16px;right:16px}.th-caption span:last-child:where(:not([data-mobile-desktop],[data-mobile-desktop] *)){display:none}.th-scene:where(:not([data-mobile-desktop],[data-mobile-desktop] *)){height:calc(100% - 175px);inset:45px 0 130px}.th-steps:where(:not([data-mobile-desktop],[data-mobile-desktop] *)){bottom:85px;left:16px;right:16px}.th-steps>span:where(:not([data-mobile-desktop],[data-mobile-desktop] *)){font-size:9px}.th-steps small:where(:not([data-mobile-desktop],[data-mobile-desktop] *)){margin-left:0;font-size:9px}.th-footer:where(:not([data-mobile-desktop],[data-mobile-desktop] *)){left:16px;right:16px}.th-footer>span:where(:not([data-mobile-desktop],[data-mobile-desktop] *)){max-width:240px;font-size:10px}}