.technology-section{position:relative;background:#111;color:white;min-height:650px;height:90svh;overflow:hidden;padding:0}.technology-heading,.technology-intro,.technology-detail,.technology-section>h2{display:none}.technology-stage{width:100%;height:100%;position:relative;padding-top:14vh;margin:0}.technology-deck{display:flex;align-items:center;justify-content:center;gap:10px;height:112px;position:relative;z-index:2}.technology-card{flex:0 0 50px;width:50px;height:50px;aspect-ratio:auto;padding:0;border:0;border-radius:7px;overflow:hidden;background:#222;color:var(--tech-color);display:grid;place-items:center;transform:none;transition:width .4s,height .4s,flex-basis .4s;box-shadow:none}.technology-card.is-active{flex-basis:110px;width:110px;height:110px;transform:none;background:#242424;box-shadow:none}.technology-card-label{display:none}.technology-mark{font-family:Arial,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.08em;transition:font-size .4s}.technology-card.is-active .technology-mark{font-size:42px}.technology-name{position:absolute;top:32%;left:3%;width:94%;height:44%;display:flex;align-items:center;justify-content:center;font-family:Oswald,sans-serif;font-size:18vw;line-height:1;letter-spacing:-.075em;font-weight:700;color:#fff;white-space:nowrap;pointer-events:none}.technology-name span{display:inline-block;transform-origin:center bottom}.technology-cursor{position:absolute;left:0;top:0;width:120px;height:120px;border-radius:50%;background:#f02132;color:#fff;display:grid;place-items:center;font-size:28px;pointer-events:none;z-index:3;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s}.technology-section.has-pointer .technology-cursor{opacity:1}.technology-credit{position:absolute;bottom:20px;right:25px;font-size:10px;color:#888}@media(max-width:700px){.technology-section{min-height:540px;height:85svh}.technology-stage{padding-top:12vh}.technology-deck{gap:7px;height:90px}.technology-card{flex-basis:38px;width:38px;height:38px}.technology-card.is-active{flex-basis:70px;width:70px;height:70px}.technology-mark{font-size:15px}.technology-card.is-active .technology-mark{font-size:28px}.technology-name{font-size:19vw;top:35%;height:32%}.technology-cursor{display:none}}@media(prefers-reduced-motion:reduce){.technology-card,.technology-mark{transition:none}.technology-cursor{display:none}}

.technology-section .technology-name{font-family:Oswald,sans-serif;font-weight:700;letter-spacing:-.035em}
.technology-deck{width:94%;margin:0 auto;justify-content:space-evenly;gap:8px;padding:4px 12px;height:126px}
.technology-card{flex-shrink:0;background:#202020}.technology-logo{width:30px;height:30px;object-fit:contain;transition:width .4s,height .4s}.technology-card.is-active .technology-logo{width:68px;height:68px}
@media(max-width:1050px){.technology-deck{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#555 #171717;overscroll-behavior-x:contain;touch-action:pan-x;padding-inline:16px}.technology-card{flex-basis:46px;width:46px;height:46px}.technology-card.is-active{flex-basis:90px;width:90px;height:90px}}
@media(max-width:700px){.technology-deck{width:100%;gap:12px;height:104px}.technology-card{flex-basis:42px;width:42px;height:42px}.technology-card.is-active{flex-basis:76px;width:76px;height:76px}.technology-logo{width:27px;height:27px}.technology-card.is-active .technology-logo{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.technology-logo{transition:none}}