:root{--black:#050607;--panel:#0b0d0e;--white:#f3f3ef;--muted:#a7aaab;--gold:#c7a66b;--line:rgba(243,243,239,.18);--sans:"Space Grotesk",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font:400 16px/1.55 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;z-index:99;left:1rem;top:-5rem;padding:.8rem 1rem;background:var(--white);color:var(--black)}.skip:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.45rem 3.2vw;border-bottom:1px solid transparent;transition:.35s}.site-header.scrolled{padding-block:.9rem;background:rgba(5,6,7,.84);backdrop-filter:blur(18px);border-color:var(--line)}.brand-stack{display:flex;flex-direction:column;align-items:flex-start}.brand-lockup{display:inline-flex;align-items:center;gap:.7rem}.brand-name{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:.82}.brand{font-size:1.7rem;font-weight:500;letter-spacing:-.06em}.brand .wordmark i{font-style:normal;color:var(--gold)}.brand-region{margin:.38rem 0 0 .08rem;color:var(--gold);font-size:.46rem;font-weight:600;line-height:1;letter-spacing:.5em;text-transform:uppercase}.brand-tagline{margin:.2rem 0 0 3.35rem;color:rgba(243,243,239,.58);font-size:.5rem;line-height:1;letter-spacing:.12em;white-space:nowrap}.vortex-logo{width:2.55rem;height:2.55rem;display:block;object-fit:contain;filter:drop-shadow(0 0 10px rgba(199,166,107,.25))}nav{display:flex;align-items:center;gap:2rem}nav>a{position:relative;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}nav>a:after{content:"";position:absolute;left:0;right:100%;bottom:-.48rem;height:1px;background:var(--gold);transition:.25s}nav>a:hover:after{right:0}.language-switch{display:inline-flex;align-items:center;gap:.5rem;margin-left:.2rem;font-size:.65rem;letter-spacing:.12em}.language-switch strong{color:var(--gold)}.language-switch i{width:1px;height:.8rem;background:var(--line)}.menu-button{display:none;padding:.5rem;border:0;background:none;color:inherit}.menu-button span:not(.sr-only){display:block;width:26px;height:1px;margin:7px;background:currentColor}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:10rem 5vw 6.5rem;overflow:hidden}.hero-image,.future-image{position:absolute;inset:0;background:url("hero-architecture.png") center/cover no-repeat;transform:scale(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,3,4,.93),rgba(2,3,4,.52) 52%,rgba(2,3,4,.1) 78%),linear-gradient(0deg,rgba(2,3,4,.76),transparent 55%)}.hero-grid{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:25vw 25vh;mask-image:linear-gradient(90deg,#000,transparent 88%)}.hero-content{position:relative;z-index:2;width:min(1100px,84vw)}.eyebrow{margin:0;color:var(--gold);font-size:.66rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase}.eyebrow i{display:inline-block;width:24px;height:1px;margin:0 .85rem;vertical-align:middle;background:currentColor}.hero h1{max-width:1050px;margin:1.4rem 0 1.8rem;font-size:clamp(4.5rem,9.5vw,10rem);font-weight:500;line-height:.83;letter-spacing:-.075em;text-wrap:balance}.lead{max-width:680px;margin:0;color:rgba(243,243,239,.8);font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.2rem}.tech-button,.button{display:inline-flex;min-width:220px;align-items:center;justify-content:center;padding:1rem 1.4rem;border:1px solid var(--white);background:var(--white);color:var(--black);font-size:.69rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:.25s}.tech-button:hover,.button:hover{border-color:var(--gold);background:var(--gold)}.tech-button-secondary{background:rgba(5,6,7,.12);color:var(--white);backdrop-filter:blur(8px)}.tech-button-secondary:hover{color:var(--black)}.hero-note{position:absolute;z-index:2;right:4vw;bottom:5rem;padding-left:1rem;border-left:1px solid var(--gold)}.hero-note span{color:var(--gold);font-size:.65rem}.hero-note p{margin:.55rem 0 0;font-size:.6rem;letter-spacing:.2em;line-height:1.8;text-transform:uppercase}.scroll-cue{position:absolute;z-index:2;right:4vw;top:43%;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;writing-mode:vertical-rl}.scroll-cue span{margin-top:.8rem;color:var(--gold)}
.section-grid{position:relative;display:grid;grid-template-columns:10vw 1fr;border-top:1px solid var(--line);overflow:hidden}.section-grid>aside{position:relative;z-index:2;padding:4rem 2vw;border-right:1px solid var(--line)}aside span{color:var(--gold);font-size:.65rem}aside p{margin-top:2rem;font-size:.58rem;letter-spacing:.2em;line-height:1.7;text-transform:uppercase}.statement,.ecosystem>div,.principles>div{position:relative;z-index:2;padding:8rem 5vw}.statement h2,.section-heading h2,.bridge h2,.future h2,.gallery-intro h2{margin:1rem 0;font-size:clamp(3rem,6vw,7rem);font-weight:500;line-height:.9;letter-spacing:-.065em;text-wrap:balance}.serif-copy{max-width:1150px;margin:1.2rem 0 4rem;font-size:clamp(2rem,3.6vw,4.4rem);font-weight:400;line-height:1.05;letter-spacing:-.045em}
.manifesto{min-height:100svh;align-items:end}.manifesto:before{content:"";position:absolute;inset:0;background:url("gallery/01-system-vision.webp") center/cover no-repeat;transform:scale(1.02)}.manifesto:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,7,.95),rgba(5,6,7,.62) 65%,rgba(5,6,7,.26)),linear-gradient(0deg,rgba(5,6,7,.9),rgba(5,6,7,.08))}.manifesto .statement{padding-top:11rem}.manifesto-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;max-width:900px;margin-left:auto;color:rgba(243,243,239,.72);font-size:1rem;line-height:1.8}
.ecosystem{background:var(--black)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:3rem;margin-bottom:4rem}.section-heading .eyebrow{order:2;padding-top:.8rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.system-card{position:relative;min-height:590px;display:flex;flex-direction:column;padding:2rem;border-right:1px solid var(--line);overflow:hidden;transition:.35s}.system-card:last-child{border:0}.system-card:hover{background:#0f1213}.card-no{color:var(--gold);font-size:.63rem;letter-spacing:.16em}.system-card h3{margin:auto 0 .2rem;font-size:clamp(1.7rem,2.3vw,2.8rem);font-weight:500;letter-spacing:-.045em}.card-role{color:var(--gold);font-size:.6rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase}.system-card>p:last-of-type{color:var(--muted);font-size:.9rem;line-height:1.7}.card-orbit{position:absolute;width:270px;height:270px;left:50%;top:40%;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:50%}.card-orbit:before,.card-orbit:after{content:"";position:absolute;inset:30px;border:1px solid var(--line);border-radius:50%}.card-orbit:after{inset:78px;border:0;background:var(--gold);opacity:.82;box-shadow:0 0 70px rgba(199,166,107,.25)}.card-orbit i{position:absolute;left:50%;top:-24px;width:1px;height:320px;background:linear-gradient(transparent,var(--gold),transparent);transform:rotate(45deg)}.pyramid-mark{position:absolute;left:50%;top:38%;width:min(72%,280px);height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 0 22px rgba(199,166,107,.08))}.pyramid-mark path{fill:none;stroke:rgba(199,166,107,.62);stroke-width:1;vector-effect:non-scaling-stroke}.pyramid-mark .pyramid-outer{stroke:var(--gold);stroke-width:1.3}.pyramid-mark .pyramid-axis{stroke:rgba(243,243,239,.25)}.pyramid-mark circle{fill:var(--gold)}.pyramid-mark .pyramid-core{fill:var(--white);stroke:var(--gold);stroke-width:1.5}.holdings-mark{position:absolute;left:50%;top:40%;width:250px;height:250px;transform:translate(-50%,-50%)}.holdings-mark i{position:absolute;inset:0;border:1px solid var(--line)}.holdings-mark i:nth-child(2){inset:30px;transform:rotate(12deg);border-color:rgba(199,166,107,.5)}.holdings-mark i:nth-child(3){inset:60px;transform:rotate(24deg)}.interface-link{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--gold);font-size:.69rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.interface-link:hover{color:var(--white)}
.principles{min-height:100svh;align-items:end}.principles:before{content:"";position:absolute;inset:0;background:url("gallery/05-contemporary-home.webp") center/cover no-repeat}.principles:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,5,6,.95),rgba(4,5,6,.28) 72%),linear-gradient(90deg,rgba(4,5,6,.72),transparent)}.principles>div{padding-top:12rem}.principle-list{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(243,243,239,.34);background:rgba(5,6,7,.52);backdrop-filter:blur(12px)}.principle-list article{min-height:260px;padding:1.7rem;border-right:1px solid var(--line)}.principle-list article:last-child{border:0}.principle-list span{color:var(--gold);font-size:.68rem;letter-spacing:.14em}.principle-list h3{margin:3.5rem 0 .8rem;font-size:1.2rem;font-weight:500}.principle-list p{margin:0;color:rgba(243,243,239,.68);font-size:.86rem;line-height:1.7}
.bridge{position:relative;min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;padding:8rem 6vw;overflow:hidden}.bridge:before{content:"";position:absolute;inset:0;background:url("gallery/04-home-nature.webp") center/cover no-repeat}.bridge:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,6,.95),rgba(4,5,6,.7) 58%,rgba(4,5,6,.25))}.bridge-copy,.bridge-visual{position:relative;z-index:2}.bridge-copy>p:last-child{max-width:650px;color:rgba(243,243,239,.72);font-size:1.03rem;line-height:1.8}.bridge h2 em{color:var(--gold);font-style:normal}.bridge-visual{height:min(58vw,560px);border:1px solid rgba(243,243,239,.34);background:rgba(5,6,7,.5);backdrop-filter:blur(12px);display:grid;place-items:center;overflow:hidden}.bridge-visual:before{content:"TECHNOLOGY";position:absolute;left:1.2rem;top:1.1rem;color:var(--gold);font-size:.56rem;letter-spacing:.25em}.bridge-visual:after{content:"HUMANITY";position:absolute;right:1.2rem;bottom:1.1rem;font-size:.56rem;letter-spacing:.25em}html[lang=de] .bridge-visual:before{content:"TECHNOLOGIE"}html[lang=de] .bridge-visual:after{content:"MENSCH"}.bridge-visual .line{position:absolute;width:1px;height:84%;background:linear-gradient(transparent,var(--gold),transparent)}.bridge-visual .pulse{width:150px;height:150px;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 0 35px rgba(199,166,107,.11),0 0 0 70px rgba(199,166,107,.05)}.bridge-visual span{position:absolute;font-size:1.2rem;font-weight:500;letter-spacing:.12em}
.vision-gallery{background:var(--panel)}.gallery-inner{padding:8rem 3vw}.gallery-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:5rem;margin:0 2vw 4rem}.gallery-intro h2 em{color:var(--gold);font-style:normal}.gallery-intro>p{max-width:520px;color:var(--muted);line-height:1.8}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:170px;gap:1px;border:1px solid var(--line);background:var(--line)}.gallery-item{position:relative;grid-column:span 4;grid-row:span 2;width:100%;display:block;padding:0;border:0;background:var(--black);color:var(--white);overflow:hidden;cursor:zoom-in;text-align:left}.gallery-feature{grid-column:span 8;grid-row:span 3}.gallery-wide{grid-column:span 6;grid-row:span 2}.gallery-tall{grid-column:span 4;grid-row:span 3}.gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:.8s}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,7,.88),transparent 50%)}.gallery-item span{position:absolute;z-index:2;left:1.3rem;bottom:1.15rem;font-size:1rem;font-weight:500}.gallery-item small{display:block;margin-bottom:.4rem;color:var(--gold);font-size:.56rem;font-weight:600;letter-spacing:.2em}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.045);filter:saturate(1.08)}.gallery-item:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.gallery-lightbox{width:min(92vw,1200px);max-width:none;height:min(90vh,900px);padding:0;border:1px solid rgba(199,166,107,.4);background:#070809;color:var(--white);overflow:hidden}.gallery-lightbox::backdrop{background:rgba(2,3,4,.94);backdrop-filter:blur(8px)}.gallery-lightbox img{width:100%;height:calc(100% - 60px);display:block;object-fit:contain}.gallery-lightbox p{height:60px;margin:0;padding:1rem 1.5rem;color:var(--gold);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.lightbox-close{position:absolute;z-index:2;right:1rem;top:1rem;width:42px;height:42px;border:1px solid rgba(243,243,239,.5);border-radius:50%;background:rgba(5,6,7,.75);color:var(--white);cursor:pointer}.lightbox-close:hover{background:var(--gold);color:var(--black)}
.future{position:relative;min-height:92svh;display:flex;align-items:center;padding:8rem 10vw;overflow:hidden}.future-image{background-position:center 65%;filter:saturate(.72)}.future-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,6,.95),rgba(4,5,6,.42) 68%,rgba(4,5,6,.16)),linear-gradient(0deg,rgba(4,5,6,.55),transparent)}.future-content{position:relative;z-index:2;max-width:1100px}.future .serif-copy{max-width:900px;margin:.5rem 0 2.4rem}.contact-details{margin:0 0 2.2rem;padding-left:1rem;border-left:1px solid var(--gold)}.contact-details span{display:block;margin-bottom:.4rem;color:var(--gold);font-size:.6rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.contact-details p{margin:.18rem 0;font-size:.88rem}.contact-details a{display:inline-block;margin-top:.35rem;border-bottom:1px solid rgba(199,166,107,.6);font-size:1rem}.contact-details a:hover{color:var(--gold)}
footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:2rem;padding:2rem 3vw;border-top:1px solid var(--line)}.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.footer-brand{display:inline-flex;align-items:center;gap:.55rem}.footer-brand img{width:2rem;height:2rem;object-fit:contain}.footer-brand .brand-region{font-size:.43rem}.footer-tagline{color:var(--gold);font-size:.52rem;letter-spacing:.13em;text-transform:uppercase}footer p{margin:0;color:var(--muted);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s,transform .85s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{padding:1.1rem 1.2rem}.brand{font-size:1.45rem}.brand-tagline{margin-left:3rem;font-size:.43rem}.vortex-logo{width:2.25rem;height:2.25rem}.menu-button{display:block}nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;gap:1.6rem;padding:2rem;border-top:1px solid var(--line);background:rgba(5,6,7,.97)}nav.open{display:flex}.hero{padding:8rem 1.3rem 3.6rem}.hero-content{width:100%}.hero h1{font-size:clamp(4rem,19vw,7.2rem)}.hero-note,.scroll-cue{display:none}.tech-button,.button{width:100%}.section-grid{display:block}.section-grid>aside{display:none}.statement,.ecosystem>div,.principles>div{padding:5.5rem 1.3rem}.manifesto{min-height:100svh;display:flex;align-items:flex-end}.manifesto .statement{padding-top:9rem}.manifesto-detail{grid-template-columns:1fr;gap:.7rem;margin-top:2.5rem}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:1rem}.cards,.principle-list{grid-template-columns:1fr}.system-card{min-height:500px;border-right:0;border-bottom:1px solid var(--line)}.principles{min-height:auto}.principle-list article{min-height:210px;border-right:0;border-bottom:1px solid var(--line)}.principle-list h3{margin-top:2.4rem}.bridge{grid-template-columns:1fr;padding:6rem 1.3rem;gap:3rem}.bridge-visual{height:390px}.gallery-inner{padding:5.5rem 1rem}.gallery-intro{grid-template-columns:1fr;gap:1.4rem;margin:0 0 3rem}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.gallery-item,.gallery-feature,.gallery-wide,.gallery-tall{grid-column:span 1;grid-row:span 2}.gallery-feature,.gallery-wide{grid-column:span 2}.future{padding:6rem 1.3rem}footer{grid-template-columns:1fr}footer p:nth-child(2),footer p:last-child{text-align:left}}
@media(max-width:560px){.brand-tagline{display:none}.hero h1{font-size:clamp(3.8rem,18vw,5.4rem)}.hero-actions{display:grid}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:250px}.gallery-item,.gallery-feature,.gallery-wide,.gallery-tall{grid-column:span 1;grid-row:span 1}.gallery-feature,.gallery-tall{grid-row:span 2}.gallery-lightbox{width:94vw;height:82vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{transition:none!important}}