/* DE&TH: fractured violet ink, manufactured frames, and living image plates. */
:root{--electric:#ac5dff;--laser:#d4b4ff;--void:#08060c}
.signal-home{background-image:radial-gradient(ellipse at 90% 5%,#3b176a24,transparent 42%)!important}
.signal-header{border-bottom:1px solid #8855b826}
.signal-copy{isolation:isolate}.signal-copy:before{content:'';position:absolute;left:0;top:0;width:37px;height:3px;background:linear-gradient(90deg,#c69cff 0 17px,transparent 17px 21px,#8c42df 21px 26px,transparent 26px 30px,#5d327f 30px);opacity:.75}
.signal-copy .eyebrow{margin-top:6px}.signal-copy h1{letter-spacing:-.045em;text-shadow:0 0 35px #b46dff13}
.signal-figure{perspective:1000px}.signal-scene{border:1px solid #b179ef70;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));background:radial-gradient(ellipse at center,#321054,#000 65%);box-shadow:0 0 45px #9b3dff1a;transform:perspective(1000px) rotateX(var(--art-tilt-x,0deg)) rotateY(var(--art-tilt-y,0deg));transition:transform .3s ease}
.signal-scene:after{border:0;box-shadow:inset 0 0 75px #0003;outline:1px solid #c69cff35;outline-offset:-12px;background:repeating-linear-gradient(0deg,transparent 0 3px,#10061920 3px 4px);mix-blend-mode:screen}
.signal-figure figcaption{border-bottom-color:#8652b460;color:#bfa1d7}
.signal-figure figcaption>span:before{content:'';display:inline-block;width:5px;height:5px;background:#c69cff;margin-right:9px;box-shadow:8px 0 #743ba9,16px 0 #361b51;vertical-align:1px}
.signal-figure figcaption>span{padding-left:0}.signal-figure figcaption>span:before{margin-right:27px}
.signal-button,.poster-service .poster-cta,.poster-sector .poster-jump{position:relative;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));transition:background .18s,box-shadow .18s,transform .18s}
.signal-button:after,.poster-service .poster-cta:after,.poster-sector .poster-jump:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:31px;background:repeating-linear-gradient(90deg,#9e5bea 0 4px,transparent 4px 7px);pointer-events:none}
.signal-button:hover,.poster-service .poster-cta:hover,.poster-sector .poster-jump:hover{box-shadow:inset 0 0 24px #d4b4ff30}
.poster-service .poster-image,.poster-sector .poster-art{border:1px solid #9760cb60;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));background:#050308!important}
.poster-service .poster-image:after,.poster-sector .poster-art:after{background:linear-gradient(0deg,#050505,transparent 8%,transparent 94%,#050505);box-shadow:inset 3px 0 #b063ff55}
.poster-service .poster-copy h2,.poster-sector .poster-deck{color:#f1eaf9;text-shadow:0 0 38px #bf7cff0a}
.path-art{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));border:1px solid #8a51b95e}
.path-link:focus-visible{outline-color:#7835cf!important;outline-offset:6px}.path-link h3{transition:color .2s}.path-link:is(:hover,:focus-visible) h3{color:#7732b8}.path-link .path-index:before{content:'';display:inline-block;width:4px;height:4px;background:#9c51d1;margin-right:7px;vertical-align:1px}
.brand-motion{position:relative;isolation:isolate;display:block;line-height:0;max-width:100%;overflow:visible}
.brand-motion>.brand-plate{display:block;width:100%;height:auto;filter:drop-shadow(0 0 6px #a53bff28);max-width:100%}
.brand-motion>.brand-echo{position:absolute;inset:0;width:100%;height:auto;pointer-events:none;opacity:0;max-width:100%;filter:brightness(1.15) drop-shadow(0 0 4px #c69cff);transform:translateX(0)}
.brand-motion>.brand-echo--a{clip-path:inset(22% 0 53%);animation:brand-fracture-a 9.4s steps(1,end) 1.4s infinite}
.brand-motion>.brand-echo--b{clip-path:inset(67% 0 12%);animation:brand-fracture-b 9.4s steps(1,end) 1.4s infinite}
.brand-motion.is-awake>.brand-echo--a{opacity:.65;transform:translateX(3px)}.brand-motion.is-awake>.brand-echo--b{opacity:.4;transform:translateX(-3px)}
.brand-motion:after{content:'';position:absolute;left:0;top:12%;height:74%;width:6%;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,#d6b8ff88,transparent);mix-blend-mode:screen;animation:brand-light 11.7s ease-in-out 1.2s infinite}
.footer-wordmark.brand-motion{opacity:1}.signal-brand .brand-motion{width:100%}.brand-logo.brand-motion,.sector-logo .brand-motion{height:auto}
.cyber-title{position:relative;isolation:isolate}.cyber-title>.title-echo{position:absolute;inset:0;pointer-events:none;color:#c69cff;opacity:0;display:block;max-width:none;font:inherit;letter-spacing:inherit;line-height:inherit;white-space:inherit}
.cyber-title>.title-echo--a{clip-path:inset(25% 0 62%);animation:title-fracture 1.2s steps(1,end) .25s 1}
.cyber-title>.title-echo--b{clip-path:inset(72% 0 15%);animation:title-fracture 1.1s steps(1,end) .4s 1 reverse}
.cyber-title.is-awake>.title-echo--a{opacity:.5;transform:translateX(3px)}.cyber-title.is-awake>.title-echo--b{opacity:.3;transform:translateX(-2px)}
.graphic-ribbon{display:block;position:absolute;pointer-events:none;z-index:4;left:0;top:0;width:31px;height:5px;background:repeating-linear-gradient(90deg,#cf99ff 0 3px,transparent 3px 6px);opacity:.65}
.paths-section .graphic-ribbon{background:repeating-linear-gradient(90deg,#a15ce4 0 3px,transparent 3px 6px)}
.signal-footer{background:radial-gradient(ellipse at 70% 50%,#3b175d70,transparent 55%),#140b21}
@keyframes brand-fracture-a{0%,89%,95%,100%{opacity:0;transform:translateX(0)}90%{opacity:.65;transform:translateX(3px)}91%{opacity:.3;transform:translateX(-2px)}92%{opacity:.6;transform:translateX(4px)}93%{opacity:.15;transform:translateX(1px)}}
@keyframes brand-fracture-b{0%,89%,95%,100%{opacity:0;transform:translateX(0)}90%{opacity:.3;transform:translateX(-3px)}91%{opacity:.55;transform:translateX(2px)}92%{opacity:.25;transform:translateX(-4px)}93%{opacity:.4;transform:translateX(-1px)}}
@keyframes brand-light{0%,20%,100%{opacity:0;left:0}25%{opacity:.22}32%{opacity:0;left:94%}}
@keyframes title-fracture{0%,18%,48%,100%{opacity:0;transform:translateX(0)}20%,25%{opacity:.5;transform:translateX(4px)}30%,35%{opacity:.25;transform:translateX(-3px)}40%{opacity:.2;transform:translateX(2px)}}
html[data-art-motion=off] .brand-echo,html[data-core-mode=still] .signal-home .brand-echo,html[data-fx=off] .brand-echo,html[data-art-motion=off] .brand-motion:after,html[data-fx=off] .brand-motion:after,html[data-core-mode=still] .signal-home .brand-motion:after{animation:none!important;opacity:0!important}
html[data-art-motion=off] .title-echo,html[data-fx=off] .title-echo,html[data-core-mode=still] .signal-home .title-echo{animation:none!important;opacity:0!important}
html[data-art-motion=off] .signal-scene,html[data-core-mode=still] .signal-scene{transform:none!important}
@media(max-width:720px){.signal-scene{transform:none!important}.brand-echo--a,.brand-echo--b{animation-duration:13s!important}.signal-copy:before{width:31px}.signal-figure figcaption>span:before{margin-right:20px;box-shadow:7px 0 #743ba9,14px 0 #361b51}.signal-figure figcaption>span{font-size:7px}.brand-motion>.brand-plate{filter:drop-shadow(0 0 3px #a53bff20)}}
@media(prefers-reduced-motion:reduce){.brand-echo,.brand-motion:after,.title-echo{animation:none!important;opacity:0!important}.signal-scene{transform:none!important}.path-link h3{transition:none}}

/* Crop the generated transparent plate in layout; the original bitmap is retained. */
.brand-motion{aspect-ratio:8.64;overflow:hidden}
.brand-motion>img.brand-plate,.brand-motion>img.brand-echo{position:absolute;inset:auto;left:-.4%;top:-111.86%;width:101.4%;height:auto;max-width:none}
.brand-motion>.brand-echo--a{clip-path:inset(40% 0 51%)}
.brand-motion>.brand-echo--b{clip-path:inset(59% 0 35%)}
.core-logo-window{position:absolute;left:10%;top:7%;width:80%;aspect-ratio:8.64;overflow:hidden}
#core-logo{position:absolute;left:-.4%;top:-111.86%;width:101.4%;max-width:none;height:auto}
html[data-core-mode=live] .core-logo-window{opacity:0}
.brand-motion:after{top:0;height:100%}

.poster-service .wordmark>.brand-motion{display:block}

/* Real vector outlines, sized with their original proportions. */
.vector-brand{position:relative;isolation:isolate;display:block;line-height:0;max-width:100%;aspect-ratio:7.767244;height:auto;overflow:visible}
.vector-brand>svg.deth-vector-wordmark{display:block;width:100%;height:auto;max-width:100%;overflow:visible}
.vector-brand>svg.vector-echo{position:absolute;inset:0;pointer-events:none;opacity:0}
.vector-echo--a{clip-path:inset(25% 0 60%);animation:brand-fracture-a 9.4s steps(1,end) 1.4s infinite}
.vector-echo--b{clip-path:inset(65% 0 15%);animation:brand-fracture-b 9.4s steps(1,end) 1.4s infinite}
.vector-brand.is-awake>.vector-echo--a{opacity:.4;transform:translateX(3px)}
.vector-brand.is-awake>.vector-echo--b{opacity:.3;transform:translateX(-2px)}
.signal-brand .vector-brand,.sector-logo .vector-brand{width:100%}
.poster-service .wordmark>.vector-brand{display:block}
.footer-wordmark.vector-brand{width:100%;height:auto;opacity:1}
.core-logo-window.vector-brand{position:absolute;left:10%;top:7%;width:80%;aspect-ratio:7.767244;opacity:1!important;z-index:2;pointer-events:none}
html[data-art-motion=off] .vector-echo,html[data-fx=off] .vector-echo,html[data-core-fx=off] .vector-echo{animation:none!important;opacity:0!important}
@media(prefers-reduced-motion:reduce){.vector-echo{animation:none!important;opacity:0!important}}

a.skip:not(:focus){clip-path:inset(100%);opacity:0;pointer-events:none}
a.skip:focus{clip-path:none;opacity:1;pointer-events:auto}