:root{--bg:#070809;--panel:#0c0e10;--panel2:#111315;--text:#f4f4f1;--muted:#9b9b98;--yellow:#ffd400;--line:rgba(255,255,255,.12);--max:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.site-header{position:fixed;top:0;left:0;right:0;height:82px;z-index:50;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(5,6,7,.94),rgba(5,6,7,.65));backdrop-filter:blur(16px)}.brand{display:flex;align-items:baseline;width:max-content;font-family:Montserrat,sans-serif;letter-spacing:-2px}.brand .smi{font-size:29px;font-weight:800}.brand .smi span{color:var(--yellow)}.brand .media{font-size:24px;font-weight:300;margin-left:8px;letter-spacing:-1px}.site-header nav{display:flex;justify-content:center;gap:38px}.site-header nav a{font:600 10px/1 Montserrat;letter-spacing:2.2px;text-transform:uppercase;padding:34px 0;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:23px;height:2px;background:var(--yellow);transition:.25s}.site-header nav a:hover:after{right:0}.header-cta{justify-self:end;border:1px solid rgba(255,255,255,.28);padding:13px 18px;font:600 10px/1 Montserrat;letter-spacing:1.6px;text-transform:uppercase;transition:.25s}.header-cta:hover{border-color:var(--yellow);color:var(--yellow)}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{height:100vh;min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,6,7,.96) 0%,rgba(5,6,7,.82) 35%,rgba(5,6,7,.25) 72%,rgba(5,6,7,.02) 100%),linear-gradient(180deg,rgba(5,6,7,.18),rgba(5,6,7,.55)),url('assets/hero-stuttgart.jpg');background-size:cover;background-position:center}.hero-inner{width:100%;max-width:var(--max);margin:auto;padding:120px 5vw 80px;position:relative;z-index:2}.hero-copy{max-width:1000px}.eyebrow{font:500 10px/1.6 Montserrat;letter-spacing:4px;color:#b7b7b2;text-transform:uppercase}.hero-logo{display:flex;align-items:baseline;margin:22px 0 22px;font-family:Montserrat,sans-serif;line-height:.8}.hero-smi{font-size:clamp(76px,9vw,145px);font-weight:800;letter-spacing:-8px}.hero-smi span{color:var(--yellow)}.hero-media{font-size:clamp(66px,7.7vw,124px);font-weight:300;letter-spacing:-7px;margin-left:20px}.yellow-line{width:70px;height:3px;background:var(--yellow);margin:30px 0}.hero-services{font:500 clamp(11px,1vw,15px)/1.8 Montserrat;letter-spacing:4px}.hero-services i{font-style:normal;color:var(--yellow)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--yellow);padding:16px 22px;font:700 10px/1 Montserrat;letter-spacing:2px;text-transform:uppercase;transition:.25s;cursor:pointer}.btn.primary{background:var(--yellow);color:#080808}.btn:hover{transform:translateY(-2px)}.text-link{font:600 10px/1 Montserrat;letter-spacing:2px;text-transform:uppercase}.text-link span{color:var(--yellow)}.scroll-note{position:absolute;z-index:3;left:4vw;bottom:28px;font:500 8px/1 Montserrat;letter-spacing:3px;color:#777;display:flex;align-items:center;gap:12px}.scroll-note span{display:block;width:50px;height:1px;background:#777}.section{padding:110px 5vw;border-top:1px solid var(--line)}.section-head{max-width:var(--max);margin:0 auto 58px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.section-head h2,.about-copy h2,.statement-copy h2,.contact-copy h2{font-family:Montserrat,sans-serif;font-size:clamp(42px,5vw,78px);line-height:.94;letter-spacing:-3px;font-weight:300;margin:10px 0 0;text-transform:uppercase}.section-head h2 strong,.about-copy h2 strong,.statement-copy h2 strong,.contact-copy h2 strong{font-weight:800}.section-head>p{max-width:590px;color:var(--muted);line-height:1.85;margin:0}.service-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{padding:30px 26px 34px;min-height:220px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0));transition:.25s}.service-grid article:hover{background:linear-gradient(180deg,rgba(255,212,0,.07),rgba(255,255,255,0));transform:translateY(-3px)}.service-grid span{font:600 10px/1 Montserrat;color:var(--yellow);letter-spacing:2px}.service-grid h3{font:700 17px/1.25 Montserrat;text-transform:uppercase;margin:44px 0 12px}.service-grid p{color:var(--muted);line-height:1.7;margin:0;font-size:14px}.work-section{background:#08090a}.work-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-auto-rows:390px;gap:14px}.work-card{position:relative;overflow:hidden;border:1px solid var(--line);background:#111315}.work-card.large{grid-row:span 2}.work-card.wide{grid-column:span 2}.visual{position:absolute;inset:0;transition:transform .55s ease}.work-card:hover .visual{transform:scale(1.025)}.visual-film{background:radial-gradient(circle at 63% 18%,rgba(255,207,110,.44),transparent 10%),linear-gradient(135deg,#23282d 0 24%,#111417 25% 56%,#040506 57%)}.visual-film:before{content:"";position:absolute;left:30%;top:24%;width:38%;height:44%;border:1px solid rgba(255,255,255,.13);transform:skewX(-8deg);box-shadow:0 30px 80px #000}.visual-sport{background:radial-gradient(circle at 70% 20%,rgba(255,212,0,.28),transparent 12%),repeating-linear-gradient(120deg,transparent 0 44px,rgba(255,255,255,.035) 45px 46px),linear-gradient(160deg,#282b2f,#090a0b 72%)}.visual-realestate{background:linear-gradient(26deg,#090a0b 0 35%,#2a3035 36% 54%,#101215 55%)}.visual-realestate:after{content:"";position:absolute;left:12%;right:12%;bottom:17%;height:43%;border:1px solid rgba(255,255,255,.25);transform:skewY(-7deg)}.visual-fpv{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 57% 44%,rgba(255,212,0,.18),transparent 29%),linear-gradient(110deg,#171a1d,#090a0b)}.visual-fpv img{width:min(620px,72%);filter:drop-shadow(0 30px 40px #000);transform:rotate(-6deg)}.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 36%,rgba(0,0,0,.92) 100%)}.work-meta{position:absolute;z-index:3;left:28px;right:28px;bottom:25px}.work-meta span{font:600 9px/1 Montserrat;letter-spacing:2px;color:var(--yellow)}.work-meta h3{font:800 27px/1 Montserrat;margin:10px 0 8px}.work-meta p{font:500 9px/1.4 Montserrat;letter-spacing:1.8px;color:#b4b4b0;text-transform:uppercase}.client-strip{max-width:var(--max);margin:42px auto 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:center}.client-strip>span{font:600 9px/1 Montserrat;letter-spacing:2.5px;color:var(--yellow)}.client-strip>div{font:500 12px/2 Montserrat;letter-spacing:1.3px;color:#aaa}.about-section{display:grid;grid-template-columns:1fr 1fr;min-height:720px;border-top:1px solid var(--line)}.about-image{position:relative;min-height:620px;background:linear-gradient(120deg,rgba(5,6,7,.2),rgba(5,6,7,.78)),url('assets/hero-stuttgart.jpg') center/cover}.about-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(7,8,9,.75))}.about-frame{position:absolute;z-index:2;left:9%;bottom:12%;border-left:3px solid var(--yellow);padding:8px 0 8px 24px}.about-frame span{display:block;font:800 clamp(55px,8vw,115px)/.8 Montserrat;letter-spacing:-6px}.about-frame small{display:block;margin-top:18px;font:500 9px/1.6 Montserrat;letter-spacing:3px;color:#bbb}.about-copy{padding:90px 7vw;display:flex;flex-direction:column;justify-content:center}.about-copy h2 strong{color:var(--yellow)}.about-copy>p:not(.eyebrow){color:var(--muted);line-height:1.85;max-width:650px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);margin-top:28px;padding-top:26px}.facts b{display:block;font:800 28px/1 Montserrat;color:var(--yellow)}.facts span{display:block;margin-top:8px;color:#92928e;font-size:12px}.statement-section{min-height:590px;position:relative;display:flex;align-items:center;border-top:1px solid var(--line);overflow:hidden}.statement-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,7,.98) 0%,rgba(5,6,7,.7) 48%,rgba(5,6,7,.12) 100%),url('assets/hero-stuttgart.jpg') center/cover}.statement-copy{position:relative;z-index:2;padding:90px 6vw;max-width:1100px}.statement-copy h2{margin-bottom:34px}.statement-copy h2 strong{color:var(--yellow)}.contact-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;max-width:var(--max);margin:auto;border-top:0}.contact-copy h2 strong{color:var(--yellow)}.contact-copy>p:not(.eyebrow){color:var(--muted);line-height:1.85;max-width:580px}.contact-links{display:flex;flex-direction:column;gap:12px;margin-top:30px;font-size:16px}.contact-links a:hover{color:var(--yellow)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{font:600 9px/1 Montserrat;letter-spacing:2px;text-transform:uppercase;color:#aaa}.contact-form label:nth-child(3),.contact-form label:nth-child(4){grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:10px;background:#0d0f11;color:#fff;border:1px solid var(--line);padding:15px;font:400 14px Inter;outline:none;border-radius:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--yellow)}.contact-form button{justify-self:start;grid-column:1/-1}footer{border-top:1px solid var(--line);padding:38px 5vw;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:30px;background:#050607}.footer-brand .smi{font-size:24px}.footer-brand .media{font-size:20px}.footer-brand{justify-self:start}footer p{margin:0;font:500 8px/1.6 Montserrat;letter-spacing:2px;color:#747471;text-align:center}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.site-header{grid-template-columns:180px 1fr}.header-cta{display:none}.site-header nav{justify-content:flex-end;gap:22px}.hero-logo{flex-wrap:wrap}.hero-media{margin-left:12px}.service-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr 1fr;grid-auto-rows:360px}.work-card.large{grid-row:span 1}.work-card.wide{grid-column:span 2}.about-section{grid-template-columns:1fr}.about-image{min-height:460px}.section-head{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr}.footer-brand{justify-self:center}footer{grid-template-columns:1fr}}@media(max-width:720px){.site-header{height:68px;padding:0 20px;grid-template-columns:1fr auto}.site-header nav{display:none;position:fixed;top:68px;left:0;right:0;padding:22px;background:rgba(6,7,8,.97);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.site-header nav a{padding:10px 0}.menu{display:block}.brand .smi{font-size:24px}.brand .media{font-size:19px}.hero{min-height:740px}.hero-inner{padding:110px 22px 90px}.hero-bg{background-position:67% center}.hero-logo{display:block;margin-top:18px}.hero-smi{display:block;font-size:74px;letter-spacing:-6px}.hero-media{display:block;font-size:60px;letter-spacing:-4px;margin:16px 0 0}.hero-services{font-size:10px;letter-spacing:2.3px;line-height:2.1}.hero-actions{align-items:flex-start;flex-direction:column}.scroll-note{left:22px}.section{padding:82px 22px}.section-head{gap:28px;margin-bottom:40px}.section-head h2,.about-copy h2,.statement-copy h2,.contact-copy h2{letter-spacing:-2px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:180px}.service-grid h3{margin-top:30px}.work-grid{grid-template-columns:1fr;grid-auto-rows:350px}.work-card.wide{grid-column:auto}.client-strip{grid-template-columns:1fr}.about-image{min-height:360px}.about-copy{padding:78px 22px}.facts{grid-template-columns:1fr 1fr 1fr}.statement-section{min-height:520px}.statement-copy{padding:80px 22px}.contact-section{padding-left:22px;padding-right:22px}.contact-form{grid-template-columns:1fr}.contact-form label:nth-child(3),.contact-form label:nth-child(4),.contact-form button{grid-column:auto}footer{padding:34px 22px}.reveal{transform:translateY(14px)}}

/* Temporary under-construction landing page */
.construction-section{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;padding:110px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 0%,rgba(255,212,0,.08),transparent 34%),#08090a}.construction-inner{max-width:950px;margin:auto}.construction-inner h1{margin:12px 0 24px;font:800 clamp(48px,8vw,112px)/.88 Montserrat,sans-serif;letter-spacing:-5px}.construction-inner h1 strong{color:var(--yellow)}.construction-inner>p:not(.eyebrow){max-width:720px;margin:0 auto 30px;color:var(--muted);font-size:16px;line-height:1.85}.construction-inner .text-link{display:inline-flex;gap:10px;align-items:center;font:600 11px/1 Montserrat;letter-spacing:2px;text-transform:uppercase}.construction-inner .text-link span{color:var(--yellow)}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.form-status{grid-column:1/-1;margin:0;min-height:20px;color:var(--yellow);font-size:13px;line-height:1.5}.form-status.error{color:#ff8b8b}@media(max-width:720px){.construction-section{min-height:470px;padding:88px 22px}.construction-inner h1{letter-spacing:-3px}}


/* Success popup after contact form submission */
body.modal-open{overflow:hidden}.success-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.success-modal.open{opacity:1;visibility:visible}.success-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.success-modal__box{position:relative;z-index:1;width:min(560px,100%);padding:54px 48px 46px;text-align:center;background:linear-gradient(180deg,#111315,#090a0b);border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 90px rgba(0,0,0,.65);transform:translateY(18px) scale(.985);transition:transform .28s ease}.success-modal.open .success-modal__box{transform:none}.success-modal__close{position:absolute;top:14px;right:16px;width:40px;height:40px;border:0;background:transparent;color:#aaa;font:300 31px/1 Inter;cursor:pointer;transition:.2s}.success-modal__close:hover{color:var(--yellow)}.success-modal__icon{width:58px;height:58px;margin:0 auto 22px;border:1px solid var(--yellow);display:grid;place-items:center;color:var(--yellow);font:500 26px/1 Montserrat}.success-modal__box h2{margin:10px 0 14px;font:800 clamp(34px,5vw,52px)/1 Montserrat;letter-spacing:-2px}.success-modal__box>p:not(.eyebrow){max-width:430px;margin:0 auto 28px;color:var(--muted);font-size:15px;line-height:1.75}.success-modal__box .btn{margin:auto}@media(max-width:600px){.success-modal__box{padding:48px 24px 36px}.success-modal__box h2{letter-spacing:-1.5px}}