@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101719;--panel:#172023;--text:#edf0e9;--muted:#a6b1af;--line:rgba(206,222,215,.16);--auto:#b0d1df;--law:#e6d5ad;--perf:#99d641;font-family:'DM Sans',Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--text);outline-offset:6px}button{border:0}button[hidden],[hidden]{display:none!important}.masthead{height:98px;display:flex;justify-content:space-between;align-items:center;padding:0 4.2vw;border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark{display:flex;align-items:center;gap:15px;font:600 17px 'Manrope',sans-serif;letter-spacing:.2em}.wordmark svg{width:32px;fill:none;stroke:#d7e6d3;stroke-width:1.2}.location{text-align:right;font-size:14px;line-height:1.6}.location span{display:block;color:var(--muted);font-size:12px;letter-spacing:.08em}.experience{position:relative;max-width:1920px;margin:auto}.intro{position:absolute;z-index:3;top:31px;left:4.2vw;pointer-events:none}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:500;color:#bdc8c3;margin:0 0 12px}h1{font:500 clamp(25px,2.55vw,40px)/1.25 'Manrope',sans-serif;letter-spacing:-.045em;margin:0}.intro-note{font-size:14px;color:var(--muted);margin-top:12px}.viewport{height:clamp(420px,calc(100svh - 356px),760px);min-height:420px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#334344 0%,#202d2f 48%,#101719 82%)}#scene{position:absolute;inset:0;z-index:1}#scene canvas{width:100%;height:100%;display:block;touch-action:pan-y;opacity:0;transition:opacity 700ms}body.scene-ready #scene canvas{opacity:1}.fallback-photo{width:100%;height:100%;object-fit:cover;opacity:.35;transition:opacity .7s;filter:saturate(.6)}body.scene-ready .fallback-photo{opacity:0}.scene-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(16,23,25,.15),transparent 45%,rgba(16,23,25,.15) 75%,#101719)}.hotspots{position:absolute;inset:0;z-index:4;pointer-events:none;visibility:hidden}body.scene-ready .hotspots{visibility:visible}.hotspot{--accent:var(--auto);position:absolute;left:50%;top:50%;padding:0;background:none;display:flex;flex-direction:column;align-items:center;gap:9px;pointer-events:auto;transform:translate(-50%,-100%);transition:opacity .3s;white-space:nowrap}.fleissner{--accent:var(--law)}.performance{--accent:var(--perf)}.automotive{--accent:var(--auto)}.pin{display:grid;place-items:center;width:32px;height:32px;background:#132024d9;border:1px solid var(--accent);border-radius:50%;font-size:12px;color:var(--accent);box-shadow:0 0 0 6px #13202435;transition:background .2s,box-shadow .2s}.hotspot:after{content:'';width:1px;height:24px;background:linear-gradient(var(--accent),transparent);order:3}.hotspot-name{padding:7px 11px;border:1px solid #bccac122;border-radius:3px;background:#132024e8;font-size:13px;letter-spacing:.015em;backdrop-filter:blur(8px)}.hotspot:hover .pin,.hotspot:focus-visible .pin,.hotspot.active .pin{background:var(--accent);color:#101719;box-shadow:0 0 0 7px #cadbc314}.hotspot:hover .hotspot-name,.hotspot.active .hotspot-name{color:var(--accent);border-color:var(--accent)}.view-meta{position:absolute;bottom:20px;left:4.2vw;z-index:4;font-size:11px;letter-spacing:.14em;color:#8e9d9b;display:flex;gap:14px;align-items:center}.view-line{height:1px;width:48px;background:#82979280}.scene-controls{position:absolute;bottom:10px;right:4.2vw;z-index:5;display:flex;gap:8px}.scene-controls button{display:flex;align-items:center;gap:7px;background:#172124c9;border:1px solid #c8dace24;padding:10px 13px;border-radius:3px;font-size:12px;backdrop-filter:blur(8px)}.scene-controls button:hover{border-color:#c8dace77}.scene-controls svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}.scene-controls [aria-pressed=true]{color:#b9c9c2}.scene-message{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);z-index:3;font-size:14px;max-width:90%;text-align:center}.scene-ready .scene-message{display:none}.companies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 4.2vw;gap:16px;position:relative;z-index:6}.company{background:linear-gradient(130deg,#1b2629,#172124);border:1px solid #c0d7cc29;border-top:2px solid #90a8a54a;position:relative;transition:border-color .25s,background .25s}.company:hover,.company.selected{border-color:var(--accent);background:linear-gradient(130deg,#223035,#1b282a)}.company-main{display:block;text-align:left;padding:20px 22px 16px;background:none;width:100%;min-height:150px}.company-top{display:flex;align-items:center;gap:12px;font-size:13px;color:#b9c5c3}.number{font-size:12px;color:var(--accent)}.company-category{letter-spacing:.03em}.card-arrow{margin-left:auto;font-size:20px;line-height:1;color:var(--accent);transition:transform .25s}.company:hover .card-arrow{transform:translate(2px,-2px)}.pr-brand{display:flex;align-items:center;gap:8px;height:56px;font:700 clamp(14px,1.45vw,23px) 'Manrope',sans-serif;letter-spacing:.025em}.pr-brand i{font-size:34px;letter-spacing:-.1em;line-height:1;font-weight:800;margin-right:3px}.fleissner-brand{display:block;white-space:nowrap;height:56px;line-height:56px;font-family:Georgia,serif;font-size:clamp(21px,2.1vw,32px);font-weight:400;letter-spacing:-.03em}.fleissner-brand span{font-style:italic;color:var(--law)}.performance-brand{display:flex;align-items:center;height:56px}.performance-brand img{object-fit:contain;object-position:left;width:83%;max-width:262px;height:auto;max-height:48px}.company-bottom{font-size:13px;color:#a8b6b3;display:flex;justify-content:space-between;gap:8px}.company-bottom>span{font-size:12px;color:var(--accent);white-space:nowrap}.company-bottom>span>span{margin-left:7px}.direct-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c0d7cc17;padding:11px 22px;font-size:12px;color:#a2b2ae;min-height:40px}.direct-link:hover{color:var(--accent);background:#ffffff04}footer{display:flex;align-items:center;justify-content:space-between;padding:21px 4.2vw 23px;color:#899b96;font-size:11px;letter-spacing:.015em}.entrance{--accent:var(--auto);position:absolute;left:4.2vw;right:4.2vw;bottom:226px;padding:27px 35px;display:flex;align-items:center;gap:27px;background:linear-gradient(120deg,#172226f5,#142023eb);border:1px solid #ccdfce30;border-left:3px solid var(--accent);z-index:8;backdrop-filter:blur(18px);animation:arrival .5s ease-out}.entrance-number{font:400 58px 'Manrope';color:var(--accent);opacity:.65;letter-spacing:-.07em}.entrance h2{font:500 clamp(22px,2.7vw,38px) 'Manrope';letter-spacing:-.04em;margin:0}.entrance .eyebrow{font-size:11px;margin-bottom:6px}.entrance-copy>p:last-child{margin:7px 0 0;color:#b3c1bb;font-size:14px}.enter-site{margin-left:auto;background:var(--accent);color:#152021;padding:16px 22px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:34px;white-space:nowrap;min-height:50px}.enter-site:hover{filter:brightness(1.1)}.enter-site span{font-size:22px}.close-entrance{position:absolute;right:8px;top:3px;padding:5px 10px;background:none;color:#a1b4ab;font-size:25px;line-height:1}.is-arriving .intro,.is-inside .intro{opacity:0;transition:opacity .4s}.is-arriving .hotspots,.is-inside .hotspots{opacity:0;pointer-events:none}.is-arriving .hotspot,.is-inside .hotspot{pointer-events:none}.is-inside .view-meta{opacity:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:99;padding:12px 20px;background:var(--text);color:var(--bg)}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#transition{position:fixed;inset:0;background:#101719;z-index:90;opacity:0;pointer-events:none;transition:opacity .35s}body.leaving #transition{opacity:1;pointer-events:auto}.noscript-note{text-align:center;padding:15px;color:#c4d4c7}@keyframes arrival{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.company-main{min-height:162px;padding:24px 28px 20px}.direct-link{padding:12px 28px}.companies{gap:24px}.entrance{bottom:245px}}
@media(max-width:1000px){.company-main{padding:17px 17px 14px}.company-bottom{display:block}.company-bottom>span{display:block;margin-top:10px}.direct-link{padding:11px 17px}.entrance{bottom:242px}.entrance-number{display:none}.hotspot-name{font-size:12px}.view-meta{font-size:10px}.intro{top:25px}}
@media(max-width:680px){.masthead{height:76px;padding:0 22px}.wordmark{font-size:13px;letter-spacing:.14em;gap:10px}.wordmark svg{width:26px}.location{font-size:11px;max-width:130px;line-height:1.4}.location span{display:none}.intro{top:25px;left:22px;right:20px}.eyebrow{font-size:10px;margin-bottom:10px}h1{font-size:26px;max-width:290px}.intro-note{font-size:13px;margin-top:9px}.viewport{height:390px;min-height:390px}.hotspot-name{display:none}.hotspot:after{height:16px}.pin{width:29px;height:29px;font-size:11px}.companies{grid-template-columns:1fr;padding:0 18px;gap:10px}.company-main{min-height:0;padding:14px 17px 13px;display:grid;grid-template-columns:1fr auto;column-gap:15px;align-items:center}.company-top{grid-column:1/3;font-size:12px;gap:10px}.pr-brand{height:47px;font-size:17px}.pr-brand i{font-size:29px}.fleissner-brand{height:47px;line-height:47px;font-size:25px}.performance-brand{height:47px}.performance-brand img{width:205px;max-height:39px}.company-bottom{font-size:12px}.company-bottom{font-size:0;text-align:right}.company-bottom>span{font-size:12px;margin:0}.company-bottom>span>span{margin-left:3px}.direct-link{padding:9px 17px;min-height:36px;font-size:12px}.view-meta{left:22px;bottom:22px;font-size:9px;max-width:50%;line-height:1.5}.view-meta .view-line,.view-meta>span:last-child{display:none}.scene-controls{right:20px;bottom:14px}.scene-controls button{font-size:11px;padding:9px 10px}.scene-controls button svg{width:12px}.scene-controls #reset-view{font-size:0;gap:0}.scene-controls #reset-view span{font-size:17px}.entrance{left:18px;right:18px;top:158px;bottom:auto;padding:24px 22px 22px;flex-direction:column;gap:19px;align-items:stretch}.entrance h2{font-size:27px}.entrance-copy>p:last-child{font-size:13px}.enter-site{margin:0;justify-content:space-between;padding:12px 16px;min-height:47px}.is-inside .viewport{background:#243434}.is-inside #scene{opacity:.58}footer{padding:22px;display:block;font-size:10px;line-height:1.7}footer span{display:block}.scene-message{top:68%;font-size:12px}.is-arriving .companies,.is-inside .companies{opacity:.85}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.performance-brand{gap:10px;font:700 clamp(14px,1.45vw,23px) Manrope,Arial,sans-serif;letter-spacing:.025em}.performance-brand img{width:43px;height:43px;max-height:none;flex-shrink:0}.performance-brand span{white-space:nowrap}.company-bottom{font-size:14px}.direct-link{font-size:14px;min-height:44px}.company-category{font-size:14px}.hotspot-name{font-size:14px}@media(max-width:1000px){.performance-brand{gap:7px;font-size:14px}.performance-brand img{width:36px;height:36px}}@media(max-width:680px){.company-main{grid-template-columns:minmax(0,1fr) auto}.company-bottom{font-size:0}.company-bottom>span{font-size:0}.company-bottom>span>span{font-size:20px}.company-category{font-size:12px}.performance-brand{font-size:16px;gap:9px}.performance-brand img{width:35px;height:35px}.direct-link{font-size:14px;min-height:44px}}

/* Give the architecture a clear photographic stage without text covering its facade. */
.intro{position:relative;top:auto;left:auto;padding:28px 4.2vw 18px}.intro-note{margin-bottom:0}.viewport{height:clamp(440px,calc(100svh - 430px),720px);min-height:440px;background:#b6c6c5}.scene-shade{background:linear-gradient(180deg,transparent 70%,#101719)}.view-meta{color:#dce6de;text-shadow:0 1px 5px #000}.hotspot-name{background:#172629ee}.is-arriving .intro,.is-inside .intro{opacity:1}.entrance{bottom:235px}.fallback-photo{opacity:.85;filter:none}@media(max-width:1000px){.entrance{bottom:260px}}@media(max-width:680px){.intro{padding:24px 22px 20px}.intro h1{max-width:none;font-size:25px}.intro-note{font-size:14px}.viewport{height:350px;min-height:350px}.entrance{top:200px;bottom:auto}.is-inside #scene{opacity:.9}.scene-controls{bottom:13px}.scene-shade{background:linear-gradient(180deg,transparent 72%,#101719)}}

.intro{right:auto}

/* Compact architectural markers and a continuous, restrained setting. */
.viewport{background:#19262d}.hotspot{flex-direction:row;gap:3px;align-items:center;padding:5px 9px 5px 5px;background:#122027e8;border:1px solid #c2d0c43b;border-radius:5px;box-shadow:0 5px 18px #0002;transform:translate(-50%,-100%)}.hotspot .pin{width:25px;height:25px;border:0;border-radius:3px;background:transparent;box-shadow:none;font-size:11px}.hotspot .hotspot-name{padding:0 4px 0 1px;border:0;background:transparent;backdrop-filter:none;font-size:13px}.hotspot:after{position:absolute;top:100%;left:50%;height:18px}.hotspot:hover,.hotspot:focus-visible,.hotspot.active{border-color:var(--accent)}.hotspot:hover .pin,.hotspot:focus-visible .pin,.hotspot.active .pin{box-shadow:none}.hotspot:hover .hotspot-name,.hotspot.active .hotspot-name{border:0}.scene-shade{background:linear-gradient(180deg,#10171966,transparent 18%,transparent 72%,#101719)}
@media(max-width:680px){.hotspot{padding:4px;gap:0;border-radius:50%}.hotspot .pin{width:27px;height:27px;border-radius:50%;font-size:12px}.hotspot:after{height:12px}.hotspot .hotspot-name{display:none}}