:root{--ink:#0b0c0c;--panel:#111313;--ivory:#f2ede4;--muted:#aaa69e;--copper:#c7a77b;--line:rgba(242,237,228,.16);--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);font-weight:300}a{color:inherit;text-decoration:none}.skip{position:fixed;z-index:99;left:1rem;top:-4rem;background:var(--ivory);color:var(--ink);padding:.8rem 1rem}.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.6rem 4vw;border-bottom:1px solid transparent;transition:.35s}.site-header.scrolled{background:rgba(11,12,12,.9);backdrop-filter:blur(14px);border-color:var(--line);padding-block:1rem}.brand{font:2rem var(--serif);letter-spacing:-.04em}.brand span{font-style:italic;color:var(--copper)}nav{display:flex;gap:2.2rem}nav a{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-.45rem;height:1px;background:var(--copper);transition:.25s}nav a:hover:after{right:0}.menu-button{display:none;background:none;border:0;color:inherit;padding:.5rem}.menu-button span:not(.sr-only){display:block;width:25px;height:1px;background:currentColor;margin:6px}
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:9rem 6vw 7rem;overflow:hidden}.hero-image,.future-image{position:absolute;inset:0;background:url("hero-architecture.png") center/cover no-repeat;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,6,.92) 0%,rgba(5,6,6,.48) 53%,rgba(5,6,6,.15)),linear-gradient(0deg,rgba(5,6,6,.66),transparent 45%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:25vw 25vh;mask-image:linear-gradient(to right,black,transparent 85%);opacity:.24}.hero-content{position:relative;z-index:2;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:.69rem;color:var(--copper);font-weight:500}.eyebrow i{display:inline-block;width:18px;height:1px;background:currentColor;vertical-align:middle;margin:0 .8rem}.hero h1{font:clamp(5rem,10vw,10rem)/.78 var(--serif);letter-spacing:-.045em;margin:2rem 0 2.5rem;max-width:900px}.lead{font-size:clamp(1.1rem,1.8vw,1.5rem);max-width:620px;line-height:1.5}.hero-note{position:absolute;z-index:2;right:5vw;bottom:6rem;border-left:1px solid var(--copper);padding-left:1rem}.hero-note span{font-size:.68rem;color:var(--copper)}.hero-note p{font-size:.63rem;letter-spacing:.2em;text-transform:uppercase;line-height:1.7}.scroll-cue{position:absolute;z-index:2;right:5vw;top:50%;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.22em;font-size:.65rem}.scroll-cue span{margin-top:1rem;color:var(--copper)}
.section-grid{display:grid;grid-template-columns:13vw 1fr;border-top:1px solid var(--line)}.section-grid>aside{padding:4rem 2vw;border-right:1px solid var(--line)}aside span{font-size:.7rem;color:var(--copper)}aside p{text-transform:uppercase;font-size:.62rem;letter-spacing:.18em;line-height:1.6;margin-top:2rem}.statement,.ecosystem>div,.principles>div{padding:7rem 5vw}.statement h2,.section-heading h2,.bridge h2,.future h2{font:clamp(3rem,5vw,6rem)/.96 var(--serif);letter-spacing:-.03em;margin:1.2rem 0}.serif-copy{font:clamp(2rem,3.5vw,4.2rem)/1.06 var(--serif);max-width:1100px;margin:1rem 0 4rem}.manifesto-detail{display:grid;grid-template-columns:1fr 1fr;gap:5rem;max-width:900px;margin-left:auto;color:var(--muted);font-size:1.05rem;line-height:1.8}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:4rem}.section-heading .eyebrow{order:2}.cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.system-card{min-height:520px;padding:2rem;position:relative;display:flex;flex-direction:column;border-right:1px solid var(--line);overflow:hidden;transition:.35s}.system-card:last-child{border:0}.system-card:hover{background:#161818}.card-no{color:var(--copper);font-size:.7rem}.system-card h3{font:2.2rem var(--serif);margin:auto 0 .25rem}.card-role{text-transform:uppercase;letter-spacing:.17em;color:var(--copper);font-size:.65rem}.system-card>p:last-child{color:var(--muted);line-height:1.65;font-size:.94rem}.card-orbit{position:absolute;width:250px;height:250px;left:50%;top:42%;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:50%}.card-orbit:after,.card-orbit:before{content:"";position:absolute;inset:28px;border:1px solid var(--line);border-radius:50%}.card-orbit:after{inset:70px;background:var(--copper);border:0;opacity:.8;box-shadow:0 0 60px rgba(199,167,123,.35)}.card-orbit i{position:absolute;left:50%;top:-20px;height:290px;width:1px;background:linear-gradient(transparent,var(--copper),transparent);transform:rotate(45deg)}.interface-mark{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font:clamp(3.7rem,6vw,6.8rem)/.8 var(--serif);letter-spacing:.08em;color:transparent;-webkit-text-stroke:1px var(--copper);opacity:.68}.holdings-mark{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:230px;height:230px}.holdings-mark i{position:absolute;inset:0;border:1px solid var(--line)}.holdings-mark i:nth-child(2){inset:28px;transform:rotate(12deg);border-color:rgba(199,167,123,.45)}.holdings-mark i:nth-child(3){inset:56px;transform:rotate(24deg)}
.principle-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.principle-list article{padding:2.2rem 1.6rem 1rem;border-right:1px solid var(--line)}.principle-list article:last-child{border:0}.principle-list span{font:2rem var(--serif);color:var(--copper)}.principle-list h3{font:1.5rem var(--serif);margin:2.5rem 0 1rem}.principle-list p{color:var(--muted);line-height:1.7;font-size:.9rem}.bridge{min-height:78vh;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:8rem 7vw;background:#e8e0d3;color:#171818}.bridge-copy{max-width:780px}.bridge-copy .eyebrow{color:#816947}.bridge h2 em{font-weight:400}.bridge-copy>p:last-child{max-width:620px;line-height:1.8;color:#4c4c49;font-size:1.05rem}.bridge-visual{height:500px;position:relative;display:grid;place-items:center;background:linear-gradient(90deg,#121414 0 49.8%,#d8c9b5 50.2%);overflow:hidden}.bridge-visual:before{content:"TECHNOLOGY";position:absolute;left:1rem;top:1rem;font-size:.6rem;letter-spacing:.2em;color:#ddd}.bridge-visual:after{content:"HUMANITY";position:absolute;right:1rem;bottom:1rem;font-size:.6rem;letter-spacing:.2em;color:#51493f}.bridge-visual .line{position:absolute;width:1px;height:80%;background:#ae8e64}.bridge-visual .pulse{width:130px;height:130px;border:1px solid #ae8e64;border-radius:50%;box-shadow:0 0 0 28px rgba(174,142,100,.13),0 0 0 56px rgba(174,142,100,.08)}.bridge-visual span{position:absolute;color:#fff;font:1.5rem var(--serif)}
.future{min-height:82vh;position:relative;display:flex;align-items:center;padding:8rem 13vw;overflow:hidden}.future-image{background-position:center 65%;filter:saturate(.7)}.future-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,9,.9),rgba(8,9,9,.25)),linear-gradient(0deg,rgba(8,9,9,.5),transparent)}.future-content{position:relative;z-index:2;max-width:1000px}.future h2{margin-bottom:.4rem}.future .serif-copy{margin-top:0;margin-bottom:2.5rem}.contact-details{margin:0 0 2.2rem;padding-left:1rem;border-left:1px solid var(--copper)}.contact-details span{display:block;color:var(--copper);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.45rem}.contact-details p{margin:.15rem 0;color:var(--ivory);font-size:.9rem;letter-spacing:.04em}.contact-details a{display:inline-block;margin-top:.35rem;color:var(--ivory);font-size:1.05rem;border-bottom:1px solid rgba(199,167,123,.55);transition:.25s}.contact-details a:hover{color:var(--copper);border-color:var(--copper)}.button{display:inline-flex;align-items:center;gap:3rem;background:var(--ivory);color:var(--ink);padding:1.15rem 1.35rem;font-weight:500;transition:.25s}.button:hover{background:var(--copper);gap:4rem}footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:2rem 4vw;border-top:1px solid var(--line)}footer p{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{padding:1.2rem 1.3rem}.menu-button{display:block}nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;background:rgba(11,12,12,.97);padding:2rem;border-top:1px solid var(--line)}nav.open{display:flex}.hero{padding:8rem 1.4rem 4rem}.hero h1{font-size:clamp(4.2rem,21vw,7rem)}.hero-note,.scroll-cue{display:none}.section-grid{display:block}.section-grid>aside{display:none}.statement,.ecosystem>div,.principles>div{padding:5rem 1.4rem}.manifesto-detail{grid-template-columns:1fr;gap:1rem;margin-top:3rem}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:1rem}.cards,.principle-list{grid-template-columns:1fr}.system-card{min-height:440px;border-right:0;border-bottom:1px solid var(--line)}.principle-list article{border-right:0;border-bottom:1px solid var(--line)}.bridge{grid-template-columns:1fr;padding:5rem 1.4rem;gap:4rem}.bridge-visual{height:360px}.future{padding:6rem 1.4rem}.future .serif-copy{font-size:2rem}footer{grid-template-columns:1fr;gap:1rem;text-align:left}footer p:nth-child(2),footer p:last-child{text-align:left}}
.brand-stack{display:flex;flex-direction:column;align-items:flex-start}.brand-lockup{display:inline-flex;align-items:center;gap:.75rem}.brand-name{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:.82}.brand-lockup .wordmark,.footer-brand .wordmark{font-style:normal;color:var(--ivory)}.brand-lockup .wordmark i,.footer-brand .wordmark i{font-style:italic;color:var(--copper)}.brand-region{margin:.42rem 0 0 .12rem;color:var(--copper);font:500 .48rem/1 var(--sans);letter-spacing:.42em;text-transform:uppercase}.brand-tagline{margin:.22rem 0 0 3.42rem;color:rgba(242,237,228,.62);font-size:.53rem;line-height:1;letter-spacing:.12em;white-space:nowrap}.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.footer-brand{display:inline-flex;align-items:center;gap:.75rem}.footer-brand .brand-region{font-size:.5rem}.footer-tagline{color:var(--copper);font-size:.56rem;line-height:1.3;letter-spacing:.13em;text-transform:uppercase}.vortex-logo{width:2.65rem;height:2.65rem;overflow:visible}.vortex-logo path{fill:none;stroke:var(--ivory);stroke-width:2.3;stroke-linecap:round;opacity:.9}.vortex-logo path:nth-of-type(even){stroke:var(--copper)}.vortex-core{fill:var(--copper);filter:drop-shadow(0 0 5px rgba(199,167,123,.65))}.language-switch{display:inline-flex;align-items:center;gap:.55rem;font-size:.68rem;letter-spacing:.12em;margin-left:.4rem}.language-switch strong{color:var(--copper);font-weight:500}.language-switch i{width:1px;height:.85rem;background:var(--line)}.language-switch a{font-size:inherit}.language-switch a:after{display:none}
html[lang="de"] .bridge-visual:before{content:"TECHNOLOGIE"}html[lang="de"] .bridge-visual:after{content:"MENSCH"}
.pyramid-mark{position:absolute;left:50%;top:39%;transform:translate(-50%,-50%);width:min(72%,270px);height:auto;overflow:visible;filter:drop-shadow(0 0 18px rgba(199,167,123,.08))}.pyramid-mark path{fill:none;stroke:rgba(199,167,123,.62);stroke-width:1;vector-effect:non-scaling-stroke}.pyramid-mark .pyramid-outer{stroke:var(--copper);stroke-width:1.25}.pyramid-mark .pyramid-axis{stroke:rgba(242,237,228,.26)}.pyramid-mark circle{fill:var(--copper)}.pyramid-mark .pyramid-core{fill:var(--ivory);stroke:var(--copper);stroke-width:1.5}
.vision-gallery{background:#111313}.gallery-inner{padding:7rem 3vw 8rem}.gallery-intro{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:5rem;margin:0 2vw 4rem}.gallery-intro h2{font:clamp(3rem,5vw,6rem)/.92 var(--serif);letter-spacing:-.03em;margin:1.2rem 0 0}.gallery-intro h2 em{color:var(--copper);font-weight:400}.gallery-intro>p{color:var(--muted);line-height:1.8;max-width:520px}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:170px;gap:1px;background:var(--line);border:1px solid var(--line)}.gallery-item{position:relative;grid-column:span 4;grid-row:span 2;display:block;width:100%;padding:0;border:0;background:#0b0c0c;color:var(--ivory);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:transform .75s cubic-bezier(.2,.7,.2,1),filter .45s}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,6,.82),transparent 48%);transition:.35s}.gallery-item span{position:absolute;z-index:2;left:1.4rem;bottom:1.25rem;font:1.35rem var(--serif);transform:translateY(.15rem);transition:.35s}.gallery-item small{display:block;margin-bottom:.45rem;color:var(--copper);font:500 .58rem var(--sans);letter-spacing:.18em}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.035);filter:saturate(1.08)}.gallery-item:hover span,.gallery-item:focus-visible span{transform:none}.gallery-item:focus-visible{outline:2px solid var(--copper);outline-offset:-2px}.gallery-lightbox{width:min(92vw,1200px);max-width:none;height:min(90vh,900px);padding:0;border:1px solid rgba(199,167,123,.35);background:#090a0a;color:var(--ivory);overflow:hidden}.gallery-lightbox::backdrop{background:rgba(4,5,5,.92);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(--copper);font:.9rem var(--sans);letter-spacing:.1em;text-transform:uppercase}.lightbox-close{position:absolute;z-index:2;right:1rem;top:1rem;width:42px;height:42px;border:1px solid rgba(242,237,228,.5);border-radius:50%;background:rgba(5,6,6,.72);color:var(--ivory);font:1.6rem/1 var(--sans);cursor:pointer}.lightbox-close:hover{background:var(--copper);color:var(--ink)}
@media(max-width:900px){.gallery-inner{padding:5rem 1.2rem}.gallery-intro{grid-template-columns:1fr;gap:1.5rem;margin:0 0 3rem}.gallery-intro h2{font-size:clamp(3rem,14vw,5rem)}.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}.gallery-item span{left:1rem;bottom:1rem;font-size:1.15rem}.gallery-lightbox{width:94vw;height:82vh}}
@media(max-width:560px){.gallery-grid{grid-template-columns:1fr;grid-auto-rows:240px}.gallery-item,.gallery-feature,.gallery-wide,.gallery-tall{grid-column:span 1;grid-row:span 1}.gallery-feature,.gallery-tall{grid-row:span 2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{transition:none!important}}
.vortex-logo{width:2.65rem;height:2.65rem;display:block;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 8px rgba(199,167,123,.3))}.footer-brand{display:inline-flex;align-items:center;gap:.55rem}.footer-brand img{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.footer-brand>span{font-style:normal;color:var(--ivory)}.footer-brand i{font-style:italic;color:var(--copper)}