/* Inverse photo-enhanced hν-MacEtch: exposed semiconductor recedes; Pt-covered region remains. */
.hv-chemical{background:#101f31;border:1px solid rgba(114,199,240,.2)}
.hv-light{position:absolute;z-index:5;inset:7px 6% auto;display:flex;justify-content:space-around;height:62px}
.hv-light span{position:absolute;top:0;color:#f5c84c;font:700 .7rem var(--display);letter-spacing:.05em}
.hv-light i{position:relative;width:2px;height:46px;margin-top:18px;background:linear-gradient(transparent,#f5c84c);transform:rotate(7deg);animation:photon 1.7s ease-in-out infinite}
.hv-light i:after{content:"";position:absolute;left:-4px;bottom:-1px;width:8px;height:8px;border-right:2px solid #f5c84c;border-bottom:2px solid #f5c84c;transform:rotate(45deg)}
.hv-light i:nth-child(2){animation-delay:.2s}.hv-light i:nth-child(3){animation-delay:.4s}.hv-light i:nth-child(4){animation-delay:.6s}.hv-light i:nth-child(5){animation-delay:.8s}
.hv-solution{position:absolute;z-index:4;inset:68px 5% auto;height:46px}.hv-solution>span{position:absolute;display:grid;place-items:center;border-radius:50%;font:600 .61rem var(--display)}
.oxidant{left:50%;width:52px;height:36px;transform:translateX(-50%);color:#bfe5ff;background:#245d86;border:1px solid #72c7f0;animation:oxidant-pulse 2.4s ease-in-out infinite}
.hydroxide{width:34px;height:34px;color:#eadfff;background:#553f7c;border:1px solid #a989da}.hydroxide.left{left:5%;animation:oh-left 3s ease-in-out infinite}.hydroxide.right{right:5%;animation:oh-right 3s .4s ease-in-out infinite}
.hv-body{position:absolute;z-index:2;left:5%;right:5%;top:116px;bottom:48px;background:linear-gradient(#19759f,#103c57);overflow:hidden}
.hv-body>b{position:absolute;z-index:2;left:0;right:0;bottom:7px;color:#b1d3e4;text-align:center;font:600 .58rem var(--display);letter-spacing:.05em}
.etch-window{position:absolute;z-index:3;top:-2px;width:35%;height:8px;background:#101f31;border-bottom:2px solid #80d8ff;animation:surface-recede 5s ease-in-out infinite}.etch-window.left{left:0}.etch-window.right{right:0}
.hv-pt{position:absolute;z-index:6;left:35%;right:35%;top:-9px;height:12px;background:linear-gradient(90deg,#8e9aa4,#fff,#8e9aa4);border-radius:2px;box-shadow:0 0 14px rgba(255,255,255,.28)}
.hv-pt span{position:absolute;top:-21px;width:100%;text-align:center;color:#f1f5f7;font-size:.58rem;white-space:nowrap}
.electrons i,.holes i{position:absolute;z-index:5;font:700 .66rem var(--display);font-style:normal}.electrons i{color:#83d5ff;animation:electron-to-pt 2.3s ease-in-out infinite}
.electrons .e1{left:12%;top:52px}.electrons .e2{left:22%;top:92px;animation-delay:.35s}.electrons .e3{right:12%;top:52px}.electrons .e4{right:22%;top:92px;animation-delay:.35s}
.holes{position:absolute;z-index:5;top:5px;width:31%;display:flex;justify-content:space-around;animation:holes-follow-front 5s ease-in-out infinite}.holes.left{left:2%}.holes.right{right:2%}
.holes i{position:relative;color:#ffbd3f;animation:hole-at-surface 2s ease-in-out infinite}.holes i:nth-child(2){animation-delay:.25s}.holes i:nth-child(3){animation-delay:.5s}.holes i:nth-child(4){animation-delay:.75s}
.hv-label{position:absolute;z-index:7;top:102px;width:31%;color:#c4d7e2;text-align:center;font-size:.55rem;line-height:1.1}.hv-label.exposed-left{left:3%}.hv-label.protected{left:35%;color:#fff}.hv-label.exposed-right{right:3%}
.hv-cycle{position:absolute;z-index:8;left:0;right:0;bottom:0;height:48px;display:grid;grid-template-columns:repeat(3,1fr);background:#08141e;border-top:1px solid rgba(114,199,240,.18)}
.hv-cycle span{display:grid;place-items:center;padding:4px;color:#a9bfcc;text-align:center;font-size:.54rem;line-height:1.2;border-right:1px solid rgba(114,199,240,.14)}.hv-cycle span:last-child{border-right:0}
@keyframes photon{0%,100%{opacity:.2;transform:translateY(-4px) rotate(7deg)}50%{opacity:1;transform:translateY(5px) rotate(7deg)}}
@keyframes oxidant-pulse{0%,100%{opacity:.45;transform:translate(-50%,-2px)}50%{opacity:1;transform:translate(-50%,7px)}}
@keyframes oh-left{0%,100%{transform:translate(0,-2px);opacity:.45}50%{transform:translate(32px,15px);opacity:1}}
@keyframes oh-right{0%,100%{transform:translate(0,-2px);opacity:.45}50%{transform:translate(-32px,15px);opacity:1}}
@keyframes surface-recede{0%,15%{height:8px}75%,100%{height:72px}}
@keyframes holes-follow-front{0%,15%{transform:translateY(0)}75%,100%{transform:translateY(64px)}}
@keyframes electron-to-pt{0%{opacity:0;transform:translateY(16px)}35%{opacity:1}75%,100%{opacity:0;transform:translate(42px,-52px)}}.electrons .e3,.electrons .e4{animation-name:electron-to-pt-right}
@keyframes electron-to-pt-right{0%{opacity:0;transform:translateY(16px)}35%{opacity:1}75%,100%{opacity:0;transform:translate(-42px,-52px)}}
@keyframes hole-at-surface{0%,100%{opacity:.3;transform:translateY(14px)}45%,75%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hv-light i,.oxidant,.hydroxide,.etch-window,.electrons i,.holes,.holes i{animation:none;opacity:1}.etch-window{height:58px}.holes{transform:translateY(50px)}}