:root{--black:#0a0b0b;--panel:#111413;--panel-soft:#171a18;--white:#faf9f5;--muted:#d4d7d1;--gold:#d7aa4a;--gold-soft:#d7aa4ab8;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{color:var(--white);background:var(--black);margin:0;font-family:Arial,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.section-shell{max-width:var(--max);margin-inline:auto;padding-inline:clamp(24px,5vw,80px)}.site-header{z-index:10;background:linear-gradient(var(--black), transparent);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:22px clamp(24px,5vw,80px);font:11px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:fixed;inset:0 0 auto}.mini-mark{width:56px;height:56px;display:block}.mini-mark img{object-fit:contain;mix-blend-mode:screen;width:100%;height:100%;display:block}.site-header nav{gap:28px;margin-left:auto;margin-right:28px;display:flex}.site-header nav a,.language{color:var(--muted);transition:color .25s}.site-header nav a:hover,.language:hover{color:var(--gold)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative}.hero-orbit,.contact-orbit{aspect-ratio:1;border:1px solid #ffffff1a;border-radius:50%;width:min(65vw,650px);position:absolute}.hero-orbit:before,.contact-orbit:before{content:"";border:1px solid #c99c3733;border-radius:50%;position:absolute;inset:14%}.hero-logo{width:min(52vw,545px);max-width:calc(100vw - 48px);animation:1.4s cubic-bezier(.2,.8,.2,1) both appear;position:relative}.hero-logo img{object-fit:contain;mix-blend-mode:screen;width:100%;height:auto;display:block}.hero h1{letter-spacing:.18em;color:var(--muted);margin:42px 0 0;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;animation:1.4s .25s both appear}.hero h1 span{color:var(--gold);margin-inline:7px}.scroll-cue{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;flex-direction:column;align-items:center;gap:12px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;bottom:32px}.scroll-cue i{background:var(--gold);transform-origin:top;width:1px;height:42px;animation:2s ease-in-out infinite scrollline;display:block}.structure{padding-top:54px}.branch-map{margin-top:0;padding-bottom:38px;position:relative}.branch-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.line{fill:none;stroke:var(--gold-soft);stroke-width:1.25px;stroke-dasharray:10 8;animation:2.5s both draw}.node{fill:var(--gold)}.branch-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:clamp(28px,3.4vw,52px);padding-top:330px;display:grid;position:relative}.visual-window{background:0 0;border:0;flex-direction:column;gap:18px;transition:transform .5s;display:flex;position:relative;overflow:hidden}.visual-window:hover{transform:translateY(-8px)}.window-image-wrap{aspect-ratio:1/1.08;background:var(--panel);border:1px solid #ffffff1f;position:relative;overflow:hidden}.window-image-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0a0b0b05,#0a0b0b47);position:absolute;inset:0}.window-image{object-fit:cover;opacity:.94;width:100%;height:100%;transition:transform .7s,opacity .3s;display:block}.visual-window:hover .window-image{opacity:1;transform:scale(1.035)}.media-window .window-image,.services-window .window-image{object-position:center}.product-window .window-image{object-position:center;transform:scale(.86)}.product-window:hover .window-image{transform:scale(.895)}.window-title{text-align:center;justify-content:center;align-items:center;min-height:34px;display:flex}.window-title h3{color:var(--gold);letter-spacing:.03em;text-align:center;margin:0;font-size:clamp(16px,1.55vw,22px);font-weight:600;line-height:1}.arrow{color:var(--gold);font-size:28px}.person-section{padding-top:28px;padding-bottom:118px}.connector{background:var(--gold-soft);width:1px;height:92px;margin:0 auto 54px}.person-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,9vw,150px);display:grid}.portrait{position:relative;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%;display:block}.portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0a0b0ba6);position:absolute;inset:0}.portrait span,.partner-placeholder span{z-index:1;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:18px;left:20px}.portrait-tobias{min-height:460px}.person-copy h2,.projects-heading h2,.services-heading h2,.contact-section h2{letter-spacing:-.075em;margin:18px 0 26px;font-size:clamp(48px,7vw,92px);line-height:.93}.person-copy h2 em,.projects-heading h2 em,.contact-section h2 em{color:var(--muted);font-style:normal}.person-copy>p:not(.eyebrow){color:var(--muted);margin-bottom:38px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.text-link{color:var(--white);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--gold);padding-bottom:9px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.text-link span{color:var(--gold);margin-left:12px}.people-section{padding-bottom:120px}.section-intro{max-width:600px}.section-intro h2{letter-spacing:-.075em;margin:18px 0 26px;font-size:clamp(48px,7vw,92px);line-height:.93}.section-intro h2 em{color:var(--muted);font-style:normal}.people-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;display:grid}.person-card{flex-direction:column;gap:20px;display:flex}.person-card .portrait{aspect-ratio:4/5;background:linear-gradient(145deg,#222724,#101211);min-height:0}.person-card .portrait img{object-fit:cover}.justine-portrait img{object-position:54% 40%}.carsten-portrait img{object-position:52% 38%}.person-card .portrait:before{content:"";aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;width:42%;position:absolute;top:17%;left:29%;box-shadow:0 135px 0 40px #c99c371f}.person-card .justine-portrait:before,.person-card .carsten-portrait:before{display:none}.person-card h3{color:var(--white);letter-spacing:-.06em;margin:0;font-size:25px}.person-card p{color:var(--muted);margin:4px 0 18px;font-size:14px}.partner-card{padding-top:38px}.partner-placeholder{background:var(--gold);color:var(--black);border-radius:50%;min-height:232px}.partner-placeholder:before{content:"TESLABS";letter-spacing:-.1em;place-items:center;height:100%;font-size:36px;font-weight:800;display:grid}.partner-placeholder span{color:var(--black)}.projects-section{padding-bottom:120px}.projects-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.projects-heading h2{margin-bottom:0}.teslabs-partnership{border-top:1px solid #d1a4499e;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:24px;min-height:112px;margin-top:34px;padding:22px 0;display:flex}.teslabs-partnership h3{color:var(--white);letter-spacing:-.06em;margin:3px 0 0;font-size:clamp(24px,3vw,38px)}.teslabs-partnership p:not(.eyebrow){color:var(--muted);margin:2px 0 0}.project-placeholder span{text-transform:uppercase;letter-spacing:.13em;color:var(--gold);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.project-placeholder b{letter-spacing:.1em;max-width:620px;font-size:12px;font-weight:500}.services-section{grid-template-columns:1fr 1.5fr;gap:80px;padding-bottom:126px;display:grid}.services-heading h2{margin-top:18px}.service-list{border-top:1px solid #fff3}.service-row{border-bottom:1px solid #ffffff21;grid-template-columns:44px 1fr 30px;align-items:center;gap:18px;padding:20px 0;display:grid}.service-row span{color:var(--gold);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.service-row h3{color:var(--white);letter-spacing:-.04em;margin:0;font-size:clamp(17px,2vw,25px);font-weight:500}.service-row b{color:var(--gold);font-size:22px;font-weight:400}.contact-section{flex-direction:column;justify-content:center;min-height:500px;display:flex;position:relative;overflow:hidden}.contact-section>:not(.contact-orbit){z-index:1;position:relative}.contact-orbit{border-color:#c99c3759;top:18%;right:-12%}.contact-section h2{margin-bottom:42px}.contact-link{color:var(--white);letter-spacing:-.04em;border-bottom:1px solid var(--gold);width:max-content;padding-bottom:10px;font:clamp(18px,3vw,32px) ui-monospace,SFMono-Regular,Menlo,monospace}.contact-link span{color:var(--gold);margin-left:25px}.contact-email{width:max-content;color:var(--muted);letter-spacing:.08em;border-bottom:1px solid #d7aa4a8c;margin-top:22px;padding-bottom:7px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.contact-email:hover{color:var(--gold)}.site-footer{color:var(--muted);border-top:1px solid #ffffff26;grid-template-columns:1fr 1fr 1fr;gap:30px;padding-top:30px;padding-bottom:40px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.footer-brand{color:var(--white);flex-direction:column;font-size:28px;font-weight:700;line-height:.84;display:flex}.footer-brand small{letter-spacing:.32em;align-self:flex-end;margin-top:5px;font-size:.42em}.footer-links{flex-wrap:wrap;align-content:start;gap:20px;display:flex}.footer-links a:hover{color:var(--gold)}.footer-note{text-align:right;line-height:1.8}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}.language-placeholder{flex-direction:column;justify-content:center;align-items:flex-start;max-width:900px;min-height:100svh;margin:auto;padding:clamp(100px,15vw,180px) clamp(24px,8vw,120px);display:flex}.language-placeholder h1{letter-spacing:-.08em;margin:20px 0 35px;font-size:clamp(56px,9vw,120px);line-height:.9}.language-placeholder h1 em{color:var(--muted);font-style:normal}.language-placeholder p:not(.eyebrow){color:var(--muted);max-width:560px;margin-bottom:40px}@keyframes appear{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@keyframes scrollline{0%,to{opacity:.35;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}@keyframes draw{0%{stroke-dashoffset:500px}to{stroke-dashoffset:0}}@media (width<=800px){.site-header nav{display:none}.site-header{padding:18px 24px}.mini-mark{width:48px;height:48px}.hero-logo{width:min(72vw,440px)}.hero h1{margin-top:34px;font-size:10px}.hero-orbit,.contact-orbit{width:100vw}.structure{padding-top:26px}.branch-grid{grid-template-columns:1fr;gap:24px;padding-top:190px}.branch-lines{height:calc(100% - 20px)}.window-image-wrap{aspect-ratio:1/1.04}.person-section{padding-bottom:92px}.person-grid{grid-template-columns:1fr;gap:40px}.portrait-tobias{min-height:390px}.people-section{padding-bottom:92px}.people-grid{grid-template-columns:repeat(2,1fr);gap:38px 16px;margin-top:40px}.person-card .portrait{aspect-ratio:4/5}.projects-section{padding-bottom:92px}.projects-heading{display:block}.teslabs-partnership{min-height:96px;margin-top:30px;padding:18px 0}.services-section{padding-bottom:100px;display:block}.service-list{margin-top:44px}.contact-section{min-height:420px}.site-footer{grid-template-columns:1fr 1fr}.footer-note{text-align:left;grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero-logo,.hero h1,.line,.scroll-cue i{opacity:1;transition:none;animation:none;transform:none}}