/* Material and rhythm extend the existing DWS navy environment. */
#dws-journey{--blue:#0a84ff;--teal:#35d0d6;--ink:#f0f5ff;position:fixed;inset:0;z-index:24;pointer-events:none;color:var(--ink);font-family:inherit}
.journey-scene{position:absolute;inset:110px 12vw 100px;isolation:isolate}.journey-scene[hidden]{display:none!important}.journey-scene:before{content:'';position:absolute;inset:-10vh -12vw;z-index:-1;background:radial-gradient(ellipse at 60% 45%,#075bb12a,transparent 60%),linear-gradient(90deg,#030b19e8,#030b1922 70%,#030b1988);pointer-events:none}
.journey-scene small{color:#a4c7ed;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.journey-scene h2{font-size:clamp(30px,3.5vw,60px);line-height:1.04;letter-spacing:-.045em;font-weight:700;margin:16px 0;text-wrap:balance}.journey-scene em{font-style:normal;color:#69b8ff}.journey-heading{text-align:center;position:relative;z-index:2}.journey-scene p{font-size:15px;line-height:1.5;color:#bdcfe4}.journey-scene svg{overflow:visible}.system-orbit{display:flex;align-items:center;justify-content:space-between;gap:4vw;height:65%;position:relative}.system-orbit:before,.finale-path:before{content:'';position:absolute;left:8%;right:8%;height:1px;top:36%;background:linear-gradient(90deg,transparent,#0a84ff,#35d0d6,transparent);box-shadow:0 0 20px #0a84ff}
.system-orbit article{max-width:220px;text-align:center;flex:1}.system-orbit svg,.finale-path svg{width:70px;height:70px;padding:12px;border-radius:22px;background:linear-gradient(150deg,#2d92ee25,#09224288);border:1px solid #83bcff3a;box-shadow:inset 0 1px 0 #d1edff40,0 16px 40px #0005;color:#90c9ff}.system-orbit h3,.finale-path h3{font-size:19px;font-weight:400;line-height:1.15}.system-orbit p{font-size:13px}.lit svg{color:#9efaff;box-shadow:0 0 35px #0a84ff44,inset 0 1px 0 #e0f7ff55}.network-heading{position:absolute;top:2%;left:0;width:40%;z-index:2}.network-legend{font-size:12px;color:#bdd2ed;display:inline-flex;align-items:center;gap:9px}.network-legend i{width:7px;height:7px;border-radius:50%;background:#35d0d6;box-shadow:0 0 15px #35d0d6}.map-space{position:absolute;left:30%;top:-2%;height:105%;width:50%;transform-origin:center;will-change:transform}.journey-map{width:100%;height:100%;filter:drop-shadow(0 24px 40px #001936)}.map-land{fill:url(#map-fill);stroke:#3d8fd9;stroke-width:1.2}.map-depth{fill:#07162c;stroke:#163d69;stroke-width:2;transform:translate(0,9px)}.map-route{fill:none;stroke:#35d0d6;stroke-width:2}.route-glow{filter:url(#map-glow);opacity:.7}.route-line{stroke-dasharray:1;stroke-dashoffset:1}.city-halo{fill:#0a84ff0a;stroke:#35d0d630;stroke-width:1}.city-point{fill:#7e9cb8;stroke:#07152a;stroke-width:2}.map-city text{fill:#aec7e2;font-size:13px;font-family:inherit}.map-city.current .city-halo{fill:#35d0d62a;stroke:#72f6ff;stroke-width:1.5}.map-city.visited .city-point{fill:#75f3f4}.map-city.current text{fill:white;font-weight:700}.city-story{position:absolute;right:0;bottom:9%;width:29%;z-index:2}.city-story h3{font-size:clamp(30px,3vw,52px);margin:12px 0;letter-spacing:-.04em}.city-story h4{font-size:17px;font-weight:400;margin:12px 0}.city-story p{font-size:14px}.city-story strong{display:block;font-size:clamp(23px,2.4vw,39px);color:#6de3e9;margin-top:22px;font-weight:400}.city-story span{display:block;font-size:11px;line-height:1.5;color:#a7bdd6;max-width:260px}.network-route{position:absolute;left:0;bottom:4%;font-size:13px;color:#d3e5f8;letter-spacing:.02em}.network-route b{color:#35d0d6;margin:0 12px}.journey-films{inset:100px 11vw 94px}.journey-films h2{font-size:clamp(25px,2.7vw,46px);margin:10px 0}.film-stage{position:relative;height:calc(100% - 116px);min-height:240px;perspective:1200px}.main-film{position:absolute;top:48%;left:50%;width:min(66vw,970px);height:90%;max-height:530px;margin:0;border-radius:24px;overflow:hidden;background:#05101e;border:1px solid #8fc7ff55;box-shadow:0 30px 80px #0009,inset 0 1px 0 #ffffff33;pointer-events:auto}.main-film video{width:100%;height:100%;object-fit:contain;display:block;background:#020916}.main-film figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:end;gap:12px;padding:38px 24px 20px;background:linear-gradient(transparent,#020916ed);pointer-events:none}.main-film figcaption div{flex:1}.main-film h3{font-size:24px;margin:6px 0 0;font-weight:400}.main-film small{font-size:10px}.glass-control{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c7e5ff55;border-radius:99px;background:linear-gradient(140deg,#80bcff30,#102445a8);box-shadow:inset 0 1px 1px #effaff66,inset 0 -1px 1px #0007,0 5px 20px #0004;backdrop-filter:blur(10px) saturate(1.3);color:#f2f8ff;min-height:44px;padding:11px 18px;font:inherit;font-size:12px;text-decoration:none;pointer-events:auto;cursor:pointer}.glass-control:hover{background-color:#2c66a955}.glass-control:focus-visible,.film-preview:focus-visible{outline:2px solid #9afaff;outline-offset:4px}.film-pause{min-width:44px;padding:10px}.film-preview{position:absolute;width:26%;height:65%;top:16%;border-radius:20px;overflow:hidden;border:1px solid #85b9ec33;opacity:.26;background:#06152b;padding:0;pointer-events:auto;color:white;cursor:pointer;transform:rotateY(15deg) scale(.8);left:-1%}.film-preview img{width:100%;height:100%;object-fit:cover}.film-preview span{position:absolute;left:12px;bottom:15px;font-size:12px}.film-preview[data-preview="1"]{left:37%}.film-preview[data-preview="2"]{left:auto;right:-1%;transform:rotateY(-15deg) scale(.8)}.film-preview.selected{visibility:hidden}.film-index{text-align:center;position:absolute;bottom:-10px;width:100%;font-size:11px;color:#a9c4df;white-space:pre-wrap}.journey-dialog{background:#061020;color:white;border:1px solid #8bb7e555;border-radius:22px;padding:18px;max-width:94vw;width:1000px;max-height:94dvh}.journey-dialog::backdrop{background:#020813ee}.journey-dialog h2{font:inherit;font-size:17px;margin:14px 0 20px}.journey-dialog video{display:block;width:100%;max-height:76dvh}.dialog-close{float:right}.finale-path{height:43%;display:flex;justify-content:space-around;align-items:center;position:relative;gap:20px}.finale-path article{text-align:center;max-width:230px}.finale-path p{font-size:13px}.finale-path svg{width:60px;height:60px}.finale-claim{text-align:center;position:absolute;bottom:0;width:100%}.finale-claim h2{font-size:clamp(32px,4vw,65px);margin:18px 0 25px}
body[data-journey="tech"] #home-section-1,body[data-journey="network"] #home-section-2,body[data-journey="films"] #home-section-3,body[data-journey="finale"] #home-section-5{visibility:hidden!important}body[data-journey]:not([data-journey=""]) .dws-media-proof{display:none!important}
@media(max-width:700px){.journey-scene{inset:88px 24px 28px}.journey-scene:before{inset:-90px -24px -40px;background:radial-gradient(ellipse at 60% 40%,#0b569433,transparent 65%),#030b19ee}.journey-scene h2{font-size:32px}.journey-scene small{font-size:10px}.network-heading{top:0;width:100%}.network-heading h2{font-size:31px}.network-legend{position:absolute;right:0;top:6px;font-size:10px}.map-space{top:110px;left:10%;height:50%;width:84%}.city-story{left:0;right:auto;bottom:50px;width:100%;background:linear-gradient(transparent,#030b19);padding-top:15px}.city-story h3{font-size:30px;margin:7px 0}.city-story h4{font-size:15px;margin:7px 0}.city-story p{font-size:12px;margin:6px 0;max-width:290px}.city-story strong{font-size:27px;margin:8px 0}.city-story span{max-width:100%;font-size:10px}.network-route{bottom:10px;width:100%;font-size:11px}.network-route b{margin:0 6px}.system-orbit{height:70%;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:center}.system-orbit:before{display:none}.system-orbit article{max-width:none}.system-orbit svg{width:60px;height:60px}.system-orbit h3{font-size:17px}.system-orbit p{font-size:12px}.journey-films{inset:88px 14px 40px}.journey-films h2{font-size:29px}.film-stage{height:calc(100% - 118px);min-height:0}.main-film{width:100%;height:85%;max-height:none;border-radius:18px}.main-film figcaption{padding:36px 14px 16px;flex-wrap:wrap}.main-film figcaption div{flex-basis:100%}.main-film h3{font-size:20px}.film-preview{display:none}.film-index{font-size:10px;line-height:1.7;bottom:0}.finale-path{height:49%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.finale-path:before{display:none}.finale-path h3{font-size:16px;margin:8px 0}.finale-path p{font-size:11px;margin:5px 0}.finale-path svg{width:48px;height:48px;padding:9px}.finale-claim h2{font-size:32px}.finale-claim small{font-size:8px;letter-spacing:.08em}.finale-claim{bottom:4%}.journey-dialog{padding:14px}.journey-dialog h2{padding-top:40px}.journey-dialog video{max-height:66svh}}
@media(prefers-reduced-motion:reduce){.map-space,.main-film,.system-orbit article,.finale-path article{transform:none!important}.main-film{transform:translate(-50%,-50%)!important}}
body[data-journey]:not([data-journey=""]) [id^="home-section-"]{visibility:hidden!important}
#dws-cleaning-film{position:fixed;inset:0;z-index:23;pointer-events:none;background:#020b1b}#dws-cleaning-film[hidden]{display:none}#dws-cleaning-film>video{width:100%;height:100%;object-fit:cover}#dws-cleaning-film .cleaning-caption{position:absolute;left:13vw;top:18vh;color:#eaf4ff;z-index:2}#dws-cleaning-film h2{font-family:inherit;font-weight:700;font-size:clamp(28px,3vw,52px);line-height:1.04;letter-spacing:-.04em;margin:14px 0}#dws-cleaning-film small,#dws-cleaning-film span{font-size:11px;color:#abc9e7}#dws-cleaning-film span{position:fixed;bottom:12vh;left:13vw}@media(max-width:700px){#dws-cleaning-film>video,#dws-cleaning-film>canvas{object-fit:contain!important;background:#020b1b}#dws-cleaning-film .cleaning-caption{left:24px;top:17vh}#dws-cleaning-film span{left:24px;bottom:17vh}}

.dws-refraction .glass-control:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;backdrop-filter:url(#dws-edge-glass);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,3px 3px,3px calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 3px,3px 3px)}
/* Reset native-page section defaults inside the fixed narrative layer. */
#dws-journey .journey-scene{min-height:0;padding:0;display:block;align-items:initial}
body:has(> #visual)>header{z-index:50}body:has(> #visual)>nav{z-index:51}

/* The three filmed surfaces rejoin at the end of the spatial sequence. */
#dws-journey[data-overview="true"] .main-film{opacity:0;pointer-events:none}
#dws-journey[data-overview="true"] .film-preview{visibility:visible;width:31%;height:88%;top:4%;left:0;opacity:1;transform:rotateY(10deg);border-color:#92c9ff66;box-shadow:0 16px 45px #0006}
#dws-journey[data-overview="true"] .film-preview[data-preview="1"]{left:34.5%;transform:none}
#dws-journey[data-overview="true"] .film-preview[data-preview="2"]{left:69%;right:auto;transform:rotateY(-10deg)}
#dws-journey[data-overview="true"] .film-preview span{left:0;right:0;bottom:0;padding:24px 12px 16px;background:linear-gradient(transparent,#020916)}
@media(max-width:700px){#dws-journey[data-overview="true"] .film-preview{display:block;width:100%;height:29%;left:0;top:0;transform:none}#dws-journey[data-overview="true"] .film-preview[data-preview="1"]{left:0;top:33%;transform:none}#dws-journey[data-overview="true"] .film-preview[data-preview="2"]{left:0;top:66%;transform:none}#dws-journey[data-overview="true"] .film-preview img{object-position:center 40%}}

@media(min-width:701px){#dws-cleaning-film{inset:100px 30px 80px;border-radius:22px;overflow:hidden;border:1px solid #83bcff33}#dws-cleaning-film .cleaning-caption{left:10vw;top:5vh}.journey-scene:before{left:0;right:0}}

body[data-cleaning="true"] [id^="home-section-"]{visibility:hidden!important}

@media(min-width:701px){.journey-scene:before{inset:-110px -12vw -100px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}}

/* Round 3: generated optical glass icons, one shared local image, no live large refraction. */
.generated-icon{display:inline-block;position:relative;width:clamp(110px,11vw,172px);aspect-ratio:1;background-image:url('/dws-extension/icons-glass-r3.webp');background-size:510% auto;background-position:var(--icon-x) var(--icon-y);border-radius:30%;isolation:isolate;vertical-align:middle}
.generated-icon:after{content:'';position:absolute;inset:9%;border-radius:25%;background:url('/dws-extension/grain.svg') center/180px;opacity:.045;mix-blend-mode:soft-light;pointer-events:none}
.system-orbit{height:66%;gap:3vw;align-items:center}.system-orbit article{max-width:none;flex:1}.system-orbit:before{top:35%;opacity:.5}.system-orbit h3{font-size:clamp(16px,1.35vw,22px);min-height:2.4em;max-width:230px;margin:18px auto 9px}.system-orbit p{max-width:220px;margin:auto;min-height:3em}.finale-path article{flex:1;max-width:260px}.finale-path .generated-icon{width:clamp(96px,9vw,140px)}.finale-path:before{top:32%;opacity:.5}
.illustrated-map{position:relative;height:100%;aspect-ratio:1280/1928;margin:auto;mask-image:radial-gradient(ellipse at 50% 50%,#000 62%,transparent 77%)}.illustrated-map>img{display:block;width:100%;height:100%;object-fit:contain}.map-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-overlay .route-line{fill:none;stroke:#8bfcff;stroke-width:.45;stroke-dasharray:1;stroke-dashoffset:1}.map-overlay .city-halo{fill:#59ebff08;stroke:#62ecff20;stroke-width:.2}.map-overlay .city-point{fill:#98faff;stroke:#063a58;stroke-width:.25}.map-overlay .map-city text{font-size:3px;letter-spacing:.02em;fill:#deedff;paint-order:stroke;stroke:#030b19;stroke-width:.5}.map-overlay .map-city.current .city-halo{stroke:#92ffff;stroke-width:.35;fill:#55eaff26}.map-overlay .map-city.current text{fill:#fff}.map-space{left:28%;width:52%;top:-8%;height:116%}
@media(max-width:700px){.system-orbit{display:flex;gap:5px;align-items:center;height:66%;width:calc(100% + 24px);margin-left:-12px}.system-orbit article{min-width:0}.generated-icon{width:clamp(64px,21vw,115px)}.system-orbit h3{font-size:12px;line-height:1.25;min-height:3.75em;margin:12px 2px 0}.system-orbit p{display:none}.system-orbit:before{display:block;top:39%;left:10%;right:10%}.finale-path{display:flex;gap:5px;height:51%;align-items:center;width:calc(100% + 24px);margin-left:-12px}.finale-path .generated-icon{width:clamp(64px,20vw,106px)}.finale-path h3{font-size:12px;line-height:1.25;min-height:2.5em;margin:10px 0 5px}.finale-path p{font-size:10px;line-height:1.35;min-height:3em}.finale-path:before{display:block;top:37%;left:8%;right:8%}.map-space{top:104px;left:5%;width:94%;height:52%}.map-overlay .map-city text{font-size:3.5px}.map-overlay{overflow:visible}.illustrated-map{mask-image:radial-gradient(ellipse at 50% 50%,#000 66%,transparent 79%)}.film-sound{min-height:44px}.main-film figcaption{gap:8px}.main-film .glass-control{padding:10px 12px}}

.map-overlay .route-line{stroke:none} /* Route is rendered in the image; avoid an inaccurate second line. */
@media(min-width:701px){.network-heading{width:32%}.network-heading h2{font-size:clamp(30px,3.05vw,48px)}.map-space{left:32%;width:44%;height:105%;top:-3%}.city-story{width:25%;bottom:9%}}

@media(max-width:700px){.system-orbit,.finale-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.system-orbit article,.finale-path article{min-width:0;width:100%;text-align:center}.system-orbit h3,.finale-path h3{hyphens:manual;overflow-wrap:normal}.system-orbit h3{min-height:4.8em}.finale-path h3{min-height:3.6em}.finale-path p{min-height:4.1em}.generated-icon{max-width:100%}.finale-path .generated-icon{max-width:100%}.finale-path:before{top:35%}}

body:has(#start)[data-journey="finale"]>footer{visibility:hidden}

.illustrated-map{aspect-ratio:2480/3312;mask-image:none}
@media(min-width:701px){.map-space{left:31%;height:94%;top:1%}}

/* GPT Image 2.5 native-alpha sprites; grain follows only the object silhouettes. */
.generated-icon{background-image:var(--icon-image);background-size:100% 100%;background-position:center;border-radius:0}
.generated-icon:after{inset:0;border-radius:0;mask-image:var(--icon-image);mask-size:100% 100%;mask-position:center;mask-repeat:no-repeat;opacity:.055}

/* A2 16.09. */.film-preview video{width:100%;height:100%;object-fit:cover;display:block}
/* R3c 16.09.: Uebersicht im 16:9-Format */@media(min-width:701px){#dws-journey[data-overview="true"] .film-preview{height:auto;aspect-ratio:16/9;top:24%}}
/* R9 (Lars 16:0x): no soft horizontal line behind the icon rows - system scene and finale, phone and desktop. */
.system-orbit:before,.finale-path:before{display:none!important}