*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;--bg:#111918;--ink:#f3f4ed;--muted:#acb5b0;--accent:#d6f578;--line:#ffffff26}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}em{font-style:normal;color:var(--accent)}.concepts{height:54px;padding:0 4%;background:#080d0c;color:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;font-size:13px;position:relative;z-index:5}.concept-label{font-size:12px;letter-spacing:1.4px}.concepts nav{display:flex;gap:6px;height:100%;align-items:center}.concepts a{padding:10px 14px;border-radius:3px;color:#a9afae}.concepts a[aria-current]{background:#e6eedf;color:#152017}.concepts a span{opacity:.6;margin-right:6px}header{height:104px;margin:0 5%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;border-bottom:1px solid var(--line)}.logo{font-size:36px;font-weight:800;letter-spacing:-2px}.logo span{font-size:13px;vertical-align:top;letter-spacing:0;margin-left:3px}.mainnav{display:flex;gap:32px;font-size:14px}.mainnav a:hover,.textlink:hover{color:var(--accent)}.header-cta{font-size:14px}.header-cta span{margin-left:18px}.hero{min-height:735px;position:relative;margin:0 2%;overflow:hidden}.hero-image{position:absolute;inset:0}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,19,17,.95),rgba(9,19,17,.42) 66%,rgba(9,19,17,.12)),linear-gradient(0deg,#101918b3,transparent 45%)}.hero-content{position:relative;z-index:1;padding:70px 3.2% 145px;max-width:1050px}.eyebrow,.section-label{font-size:12px;letter-spacing:1.7px;font-weight:500}.eyebrow{margin:0 0 30px}.hero h1{font-size:clamp(48px,5.6vw,86px);letter-spacing:-4px;line-height:1.02;font-weight:500;margin:0 0 30px}.hero-desc{font-size:17px;line-height:1.65;max-width:405px;color:#d0d9d3;margin:0 0 32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;background:var(--accent);color:#17211c;padding:19px 24px;font-size:14px;border:0;transition:transform .2s,filter .2s}.button:hover{filter:brightness(1.08);transform:translateY(-2px)}.button span{font-size:20px}.hero-bottom{position:absolute;bottom:25px;left:3.2%;right:3.2%;display:flex;justify-content:space-between;z-index:1;font-size:12px;letter-spacing:1.2px;border-top:1px solid #ffffff40;padding-top:24px}.hero-bottom a span{margin-left:30px}.element-symbol{position:absolute;right:5%;top:35%;width:172px;height:196px;border:1px solid #ffffff70;padding:18px;z-index:1;backdrop-filter:blur(5px);background:#18282035}.element-symbol small{font-size:17px}.element-symbol strong{font-weight:400;font-size:83px;line-height:1.25;display:block}.element-symbol span{font-size:12px}.section{padding:105px 5%;border-bottom:1px solid var(--line)}h2{font-size:clamp(32px,3.7vw,56px);line-height:1.12;letter-spacing:-2px;font-weight:400;margin:0 0 32px}.about{display:grid;grid-template-columns:1fr 2.3fr;gap:40px}.about .section-label{margin-top:10px}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px}.about p,.material p,.projects-top>p,.partnership p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.material{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#ffffff03}.material-photo{position:relative;min-height:500px}.material-photo img{position:absolute;inset:0}.material-photo>span{position:absolute;bottom:22px;left:24px;color:white;font-size:12px;letter-spacing:1.5px;text-shadow:0 1px 7px #000}.material-photo:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#0005);pointer-events:none}.material-copy .section-label{margin-bottom:44px}.material-heading{display:flex;justify-content:space-between}.material-heading h2 span{display:block;font-size:18px;color:var(--muted);letter-spacing:0;margin-top:12px}.small-symbol{font-size:54px;color:var(--accent);position:relative;padding-right:20px}.small-symbol small{font-size:12px;position:absolute;right:0;top:4px}.material p{margin-bottom:26px}.spec{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line);font-size:14px}.spec span{color:var(--muted)}.spec strong{font-weight:400;text-align:right}.textlink{display:flex;justify-content:space-between;margin-top:24px;padding-bottom:12px;border-bottom:1px solid var(--accent);font-size:15px}.projects-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:32px}.projects-top>p{max-width:340px;margin-bottom:32px}.projects-top .section-label{margin-bottom:32px}.project-gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:26px}.project-gallery figure{margin:0}.project-gallery img{height:410px;object-position:center 55%}.project-gallery figure:nth-child(2) img{object-position:center 60%}figcaption{display:flex;justify-content:space-between;font-size:13px;padding-top:20px;color:var(--muted)}.partnership{display:grid;grid-template-columns:1fr 2fr .6fr;gap:40px;align-items:start;background:var(--accent);color:#17211c}.partnership em{color:inherit;opacity:.5}.partnership p{color:#364c3c;margin-bottom:30px}.partnership .button{background:#17211c;color:white}.footer-mark{font-size:150px;font-weight:bold;line-height:1;opacity:.18;letter-spacing:-12px}footer{padding:38px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer .logo{font-size:28px;color:var(--ink)}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);width:min(580px,94vw);padding:40px;max-height:90vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:32px}dialog p{font-size:14px;line-height:1.6;color:var(--muted)}dialog label{display:block;font-size:14px;margin:20px 0}input,select,textarea{display:block;width:100%;padding:13px;border:1px solid var(--line);background:var(--bg);color:var(--ink);margin-top:8px;border-radius:0}dialog .button{width:100%;gap:10px}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:inherit;font-size:30px}#status{min-height:22px}
/* ATLAS — white editorial grid, orange detail, architectural split */
.atlas{--bg:#f7f8f6;--ink:#17252a;--muted:#657175;--accent:#e45b2a;--line:#14262d26}.atlas header{height:105px}.atlas .hero{min-height:750px;margin:0 5%;border-bottom:1px solid var(--line)}.atlas .hero-image{left:55%;top:38px;bottom:90px}.atlas .hero-image:after{background:linear-gradient(0deg,#152e3a55,transparent)}.atlas .hero-content{padding:76px 0 145px;max-width:73%}.atlas h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,5.3vw,82px);letter-spacing:-3.8px}.atlas .hero-desc{color:var(--muted);max-width:410px}.atlas .hero-bottom{left:0;right:0;border-color:var(--line)}.atlas .element-symbol{top:auto;bottom:125px;right:30px;color:white;background:#17252aa6;width:135px;height:155px}.atlas .element-symbol strong{font-size:56px}.atlas .button{color:white}.atlas .about{grid-template-columns:.8fr 2.5fr}.atlas h2{font-family:Georgia,serif;letter-spacing:-1.5px}.atlas .material{background:#e9edec}.atlas .projects .project-gallery{grid-template-columns:1fr 1fr}.atlas .partnership{background:#1c353e;color:white}.atlas .partnership p{color:#c2d2d7}.atlas .partnership .button{background:var(--accent)}.atlas .footer-mark{color:#e45b2a;opacity:1}
/* ELEMENT — typographic mineral study */
.element{--bg:#e8e9e5;--ink:#202722;--muted:#616b62;--accent:#46634e;--line:#23362830}.element header{height:95px}.element .hero{margin:0 5%;min-height:720px}.element .hero-image{left:47%;top:40px;bottom:90px;clip-path:inset(0 0 0 0 round 48% 48% 3px 3px)}.element .hero-image:after{background:linear-gradient(0deg,#101e2166,transparent)}.element .hero-content{padding:68px 0 130px;max-width:75%}.element .hero h1{font-size:clamp(50px,6.3vw,95px);font-weight:600;letter-spacing:-5px}.element .hero h1 em{color:#60795a}.element .hero-desc{color:var(--muted);max-width:360px}.element .element-symbol{right:11%;top:23%;background:none;border:0;backdrop-filter:none;color:#fff;height:auto;width:auto;text-shadow:0 1px 30px #0008}.element .element-symbol small{font-size:25px}.element .element-symbol strong{font-size:180px;letter-spacing:-12px;line-height:1.1}.element .element-symbol span{font-size:15px}.element .button{background:#263d2e;color:white}.element .hero-bottom{left:0;right:0;border-color:var(--line)}.element .about{background:#d7ddd3}.element .material{gap:5%;grid-template-columns:.85fr 1.15fr}.element .material-photo{min-height:530px}.element .material-photo img{border-radius:240px 240px 0 0}.element .partnership{background:#263d2e;color:#fff}.element .partnership p{color:#c9d4c8}.element .partnership .button{background:#dce8b5;color:#263d2e}
/* HORIZON — full bleed cinematic landscape */
.horizon{--bg:#091e2a;--ink:#eef3f6;--muted:#a7bdc9;--accent:#99ddeb;--line:#b6d6e22b}.horizon header{position:absolute;top:54px;left:0;right:0;color:#fff}.horizon .hero{margin:0;min-height:900px}.horizon .hero-image img{object-position:50% 58%}.horizon .hero-image:after{background:linear-gradient(0deg,#091e2a,transparent 85%),linear-gradient(90deg,#091e2aaa,transparent)}.horizon .hero-content{padding:240px 5% 190px;max-width:none;text-align:center}.horizon .eyebrow{letter-spacing:3px}.horizon .hero h1{font-family:Georgia,serif;font-size:clamp(52px,6vw,90px);letter-spacing:-3px}.horizon .hero h1 em{color:#fff}.horizon .hero-desc{margin:0 auto 32px;max-width:500px;color:#e1e9ef}.horizon .element-symbol{display:none}.horizon .hero-bottom{left:5%;right:5%}.horizon .hero .button{background:transparent;color:white;border:1px solid #d2e8f4a8;border-radius:50px}.horizon .about{padding-top:65px}.horizon h2{font-family:Georgia,serif}.horizon .material{background:#102b3a}.horizon .projects .project-gallery{grid-template-columns:1fr 1fr}.horizon .project-gallery img{height:480px}.horizon .partnership{background:#cbe4eb}.horizon .partnership p{color:#354e58}
@media(min-width:1600px){body{max-width:1900px;margin:auto}.hero-content{padding-top:95px}.hero{min-height:850px}}
@media(max-width:1000px){.mainnav{gap:18px}.hero h1{letter-spacing:-2.5px}.element-symbol{right:4%;width:130px;height:160px}.element-symbol strong{font-size:60px}.about{grid-template-columns:1fr}.about-copy{max-width:850px}.section{padding:75px 5%}.material{gap:5%}.spec{font-size:13px}.atlas .hero-content{max-width:80%}.atlas .hero-image{left:52%}.atlas .hero-desc{max-width:340px}.element .hero h1{letter-spacing:-3px}.element .element-symbol{right:7%}.element .element-symbol strong{font-size:130px}.projects-top>p{max-width:280px}.partnership{grid-template-columns:.65fr 1.7fr}.footer-mark{display:none}}
@media(max-width:700px){.concepts{height:auto;min-height:58px;padding:9px 12px;justify-content:center}.concept-label{display:none}.concepts nav{gap:3px;width:100%;justify-content:space-between}.concepts a{font-size:12px;padding:10px 6px}.concepts a span{margin-right:3px}header,.atlas header,.element header{height:83px;margin:0 6%}.logo{font-size:31px}.mainnav{display:none}.header-cta{font-size:12px}.header-cta span{margin-left:8px}.hero{min-height:730px;margin:0}.hero-content{padding:60px 6% 180px;max-width:none}.hero h1{font-size:48px;line-height:1.06;letter-spacing:-2.4px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:26px}.hero-desc{font-size:16px;max-width:290px}.hero-image img{object-position:60% center}.hero-image:after{background:linear-gradient(90deg,#091311ee,#09131155),linear-gradient(0deg,#111918,transparent 60%)}.element-symbol{right:6%;top:auto;bottom:100px;width:88px;height:104px;padding:10px}.element-symbol small{font-size:12px}.element-symbol strong{font-size:40px}.element-symbol span{font-size:8px}.hero-bottom{left:6%;right:6%;font-size:10px;line-height:1.6}.hero-bottom>span{max-width:190px}.hero-bottom a span{margin-left:10px}.section{padding:58px 6%}h2{font-size:35px;letter-spacing:-1.4px}.about,.atlas .about{grid-template-columns:1fr;gap:26px}.about-copy{grid-template-columns:1fr;gap:18px}.material,.element .material{grid-template-columns:1fr;gap:35px}.material-photo,.element .material-photo{min-height:340px}.material-copy .section-label{margin-bottom:28px}.material-heading h2{font-size:45px}.projects-top{display:block;margin-bottom:28px}.projects-top>p{max-width:100%;margin:0}.project-gallery,.atlas .projects .project-gallery,.horizon .projects .project-gallery{grid-template-columns:1fr;gap:35px}.project-gallery img,.horizon .project-gallery img{height:320px}figcaption{font-size:12px;gap:12px}.partnership{grid-template-columns:1fr;gap:26px}footer{flex-wrap:wrap;padding:28px 6%;line-height:1.6}footer>span:nth-child(2){order:3;width:100%}.atlas .hero{margin:0 6%;padding-bottom:70px;min-height:auto}.atlas .hero-content{padding:45px 0 30px;max-width:none}.atlas .hero h1{font-size:47px;letter-spacing:-2.8px}.atlas .hero-image{position:relative;inset:auto;height:300px;margin-top:0;order:2}.atlas .hero{display:flex;flex-direction:column}.atlas .hero-content{order:1}.atlas .hero-bottom{bottom:20px}.atlas .element-symbol{bottom:95px;top:auto;right:20px}.atlas .hero-desc{max-width:100%}.element .hero{margin:0 6%;display:flex;flex-direction:column;padding-bottom:70px;min-height:auto}.element .hero-content{max-width:none;padding:45px 0 32px;order:1}.element .hero h1{font-size:53px;letter-spacing:-3px}.element .hero-image{position:relative;inset:auto;height:350px;order:2;margin:0 4%}.element .element-symbol{top:auto;bottom:160px;right:calc(50% - 65px);width:130px}.element .element-symbol strong{font-size:100px;letter-spacing:-6px}.element .element-symbol span{font-size:12px}.element .hero-bottom{bottom:20px}.horizon header{top:58px;left:0;right:0}.horizon .hero{min-height:780px}.horizon .hero-content{padding:195px 6% 160px}.horizon .hero h1{font-size:47px;letter-spacing:-2px}.horizon .hero-desc{max-width:330px}.horizon .eyebrow{font-size:9px;letter-spacing:1.8px}.horizon .hero-image img{object-position:50% center}dialog{padding:34px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Language navigation */
.concepts .language{gap:8px;height:auto;margin-left:20px;flex-shrink:0}.concepts .language a{padding:8px 4px;font-size:12px}.concepts .language a[aria-current]{color:#fff;background:none;text-decoration:underline;text-underline-offset:5px}.concepts .language span{color:#68746f;font-size:12px}
html[lang=en] .horizon .hero h1{font-size:clamp(45px,5.8vw,86px)}
@media(max-width:700px){.concepts{flex-wrap:wrap;gap:4px;min-height:88px}.concepts>nav:first-of-type{width:100%}.concepts .language{width:auto;margin:0;height:24px;justify-content:center}.concepts .language a{padding:2px 4px}.horizon header{top:88px}html[lang=en] .hero h1{font-size:45px}html[lang=en] .element .hero h1{font-size:49px}html[lang=en] .horizon .hero h1{font-size:43px}html[lang=en] .partnership h2{font-size:33px}html[lang=en] .header-cta{font-size:12px}}
/* German typesetting */
html[lang=de] .hero h1{font-size:clamp(43px,5vw,76px);letter-spacing:-2.5px}html[lang=de] .hero-content{max-width:1080px}html[lang=de] .atlas .hero-content,html[lang=de] .element .hero-content{max-width:73%}html[lang=de] .horizon .hero-content{max-width:none}html[lang=de] .mainnav{gap:24px}html[lang=de] h2{hyphens:auto}html[lang=de] .spec{flex-wrap:wrap;gap:8px 20px}html[lang=de] .spec strong{margin-left:auto}html[lang=de] dialog h2{font-size:29px}
@media(max-width:700px){html[lang=de] .hero h1{font-size:clamp(34px,8.8vw,46px);letter-spacing:-1.8px}html[lang=de] .atlas .hero-content,html[lang=de] .element .hero-content{max-width:none}html[lang=de] .hero-bottom{letter-spacing:.7px}html[lang=de] .header-cta{font-size:12px}html[lang=de] figcaption{flex-wrap:wrap}html[lang=de] .button{gap:20px}}

/* Language switch for the selected Horizon site. */
.language-bar{height:54px;padding:0 5%;display:flex;justify-content:flex-end;align-items:center;background:#080d0c;color:#fff;position:relative;z-index:5}.language-bar .language{display:flex;align-items:center;gap:8px}.language-bar a{padding:10px 14px;font-size:14px;color:#a7bdc9}.language-bar a[aria-current]{color:#091e2a;background:#cbe4eb;border-radius:3px}@media(max-width:700px){.horizon header{top:54px}.language-bar{padding:0 6%}}

/* Comfortable reading and robust wrapping in both languages. */
.about-copy>p,.material-copy>p,.projects-top>p,.partnership p{max-width:65ch}
.material-copy,.partnership>div,.about>div{min-width:0}
.spec{font-size:14px;flex-wrap:wrap}.spec strong{margin-left:auto}
html[lang=de] .partnership h2{font-size:clamp(30px,3.2vw,49px);overflow-wrap:break-word}
@media(max-width:700px){.hero-desc{font-size:17px}.header-cta,html[lang=en] .header-cta,html[lang=de] .header-cta{font-size:14px}.hero h1,.partnership h2{overflow-wrap:break-word}html[lang=de] .partnership h2{font-size:clamp(28px,7.8vw,35px)}}