.direktor-hero{background:radial-gradient(ellipse at 80% 48%,#0c3046 0,#061726 45%,#040f1c 80%);overflow:hidden;padding-bottom:55px}.direktor-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:640px}.direktor-hero .hero-copy{position:relative;z-index:2;padding:30px 0}.direktor-hero h1{font-size:clamp(40px,4.1vw,62px);line-height:1.08;letter-spacing:-.045em;max-width:620px}.direktor-hero h1 span{color:#9de5f1}.direktor-hero .hero-intro{max-width:510px;font-size:19px;line-height:1.8;color:#bdcfdd}.direktor-hero .actions{gap:14px;flex-wrap:wrap}.direktor-hero .button{font-size:15px}.direktor-hero .eyebrow{color:#86d4e8;font-size:11px}.direktor-hero-signature{margin:40px 0 0;border-left:1px solid #7acddd66;padding-left:20px;font-size:14px;line-height:1.8;color:#9fb9ce}.direktor-hero-signature strong{color:#d2e9f5;font-weight:500}.direktor-visual{margin:0 -95px 0 -35px;min-width:0;position:relative}.direktor-stage{position:relative;aspect-ratio:1;isolation:isolate}.direktor-plasma,.direktor-emissions{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.direktor-shell{position:absolute;width:80%;max-width:none;height:auto;left:10%;top:11.5%;pointer-events:none}.direktor-burst{filter:drop-shadow(0 0 5px #60dcff)}.direktor-light-document{filter:drop-shadow(0 0 7px #83eaff)}.direktor-motion-toggle{position:absolute;right:15%;bottom:4%;min-height:44px;border:1px solid #96cfe53b;background:#102a3caa;backdrop-filter:blur(12px);border-radius:7px;color:#d5edf9;padding:10px 14px;font-size:12px;cursor:pointer}.direktor-motion-toggle:hover{background:#23475d}.direktor-motion-toggle:focus-visible{outline:2px solid #a2efff;outline-offset:4px}.direktor-visual figcaption{font-size:9px;letter-spacing:.19em;text-align:center;color:#87adbf;margin-top:-8px}.direktor-hero .breadcrumbs{position:relative;z-index:3}
@media(min-width:1600px){.direktor-visual{margin-right:-65px}}
@media(max-width:1100px){.direktor-hero h1{font-size:44px}.direktor-visual{margin-right:-60px}.direktor-hero .button{font-size:14px}.direktor-hero-grid{min-height:550px}}
@media(max-width:800px){.direktor-hero-grid{grid-template-columns:1fr}.direktor-hero .hero-copy{padding-bottom:0}.direktor-hero h1{font-size:clamp(38px,6vw,52px)}.direktor-visual{margin:0 -25px}.direktor-hero-signature{margin-top:28px}.direktor-hero .hero-intro{font-size:17px}.direktor-visual figcaption{font-size:8px;letter-spacing:.12em}.direktor-motion-toggle{bottom:1%;right:9%}}
@media(prefers-reduced-motion:reduce){.direktor-motion-toggle{display:none}}