:root{--night:#0b0d0f;--night2:#15191b;--light:#f8f8f4;--light2:#edeee7;--sand:#e7e9dd;--ink:#111719;--muted:#5b6160;--line:#d7dcd2;--accent:#d9fa72;--white:#fff;--radius:4px;--w:1340px;--font:Inter,"Helvetica Neue",Arial,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--light);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #82c0ff;outline-offset:3px}::selection{background:var(--accent);color:var(--night)}.site-wrap{width:min(var(--w),calc(100% - 84px));margin:auto}.skip-link{position:fixed;left:15px;top:-60px;z-index:20;background:#fff;color:#111;padding:12px}.skip-link:focus{top:12px}.microbar{background:#222829;color:#aab1ae;font-weight:700;letter-spacing:.18em;font-size:9px}.microbar .site-wrap{min-height:26px;display:flex;justify-content:space-between;align-items:center}.site-header{z-index:15;position:relative;background:var(--night);border-bottom:1px solid rgba(255,255,255,.14)}.header-inner{height:91px;display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:12px;flex-shrink:0;color:#fff}.logo-mark{height:51px;width:51px;display:grid;place-items:center;background:#1b2020;border:1px solid #465047;letter-spacing:-.11em;padding-right:5px;font-size:33px;font-weight:900;line-height:1}.logo-mark span{color:var(--accent)}.logo-text{font-size:12px;letter-spacing:.065em;font-weight:500;line-height:1.18}.logo-text b{font-size:14px;letter-spacing:.03em}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:24px;margin-left:auto}.nav-link{color:#bec3be;font-size:12px;font-weight:650;white-space:nowrap;transition:color .2s}.nav-link:hover,.nav-link.is-active{color:var(--accent)}.header-cta{flex-shrink:0;border:1px solid var(--accent);color:var(--accent);font-weight:750;font-size:12px;letter-spacing:.02em;padding:13px 15px;display:flex;gap:15px;align-items:center;transition:background .2s}.header-cta:hover{color:var(--night);background:var(--accent)}.menu-toggle{border:0;background:transparent;display:none;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;margin-left:auto}.menu-toggle span{display:block;height:2px;width:25px;background:#fff}.mobile-nav{display:none}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.2em;font-weight:800;margin:0 0 22px;color:#464e47}.eyebrow.light{color:#c0c5bd}.eyebrow-line{display:inline-block;width:20px;border-top:2px solid var(--accent);vertical-align:middle;margin-right:9px;transform:translateY(-3px)}.hero{color:#f9faf5;background:var(--night);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:4.7%;align-items:center;min-height:640px;padding:65px 0 78px}.hero-copy{align-self:stretch;display:flex;justify-content:center;flex-direction:column}.hero h1,.compact-hero h1{font-size:clamp(50px,5.8vw,91px);line-height:1.02;letter-spacing:-.07em;margin:0;font-weight:820;text-wrap:balance}.hero h1 em,.section h2 em,.big-cta h2 em{font-style:normal;color:var(--accent)}.hero-lead{font-size:17px;line-height:1.75;color:#bcc6c1;max-width:600px;margin:30px 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;align-items:center}.btn{display:inline-flex;justify-content:center;align-items:center;gap:25px;white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:.01em;padding:18px 22px;min-height:54px;border:1px solid transparent;transition:transform .2s,background .2s,border-color .2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:var(--night)}.btn-primary:hover{background:#eeffac}.btn-ghost{border:1px solid #505958;color:#ecf1e6}.btn-ghost:hover{border-color:var(--accent)}.btn-dark{background:var(--night);color:white}.hero-foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #3e4845;padding-top:20px;margin-top:57px;color:#98a39e;font-size:9px;letter-spacing:.18em;font-weight:750}.tiny-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px}.hero-art{position:relative;height:510px;min-height:360px;background:radial-gradient(ellipse 85% 85% at 65% 42%,rgba(180,240,128,.11),transparent 60%),linear-gradient(135deg,#28312a 0%,#111717 56%,#1e2821 100%);border:1px solid #48544b;overflow:hidden;isolation:isolate}.hero-art:after{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(#fff 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(45deg,transparent,#000)}.art-immobilien{background:radial-gradient(circle at 50% 50%,#586053,#16211b 65%,#0d1612)}.art-automotive{background:radial-gradient(circle at 40% 35%,#6a7274,#171f23 55%,#090f12)}.art-recruiting{background:radial-gradient(circle at 55% 35%,#50655a,#14231e 60%,#101714)}.art-unternehmen{background:radial-gradient(circle at 55% 40%,#777856,#26281a 58%,#181a0e)}.art-top,.art-caption{position:absolute;z-index:5;left:27px;right:27px;display:flex;justify-content:space-between;align-items:center;color:#e6ebdf;font-size:10px;letter-spacing:.15em;font-weight:800}.art-top{top:24px}.art-caption{bottom:26px}.art-label{padding:10px 12px;background:#ffffff19;border:1px solid #ffffff35;backdrop-filter:blur(3px)}.art-star{font-size:30px;color:var(--accent)}.art-ring{position:absolute;width:440px;height:440px;top:50%;left:50%;border:1px solid #c7ff9a66;border-radius:50%;transform:translate(-50%,-50%) rotate(-30deg);box-shadow:0 0 90px #adff7945 inset}.art-ring.b{width:300px;height:300px;border:1px dashed #e1ffbbc8;transform:translate(-50%,-50%) rotate(28deg)}.art-ring.a:before{content:"";position:absolute;background:var(--accent);height:19px;width:19px;border-radius:100%;top:66px;left:56px;box-shadow:0 0 30px #bdff7d}.art-core{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);width:235px;height:235px;display:grid;place-items:center;background:linear-gradient(135deg,#d9fa72,#9dcb44);box-shadow:35px 35px 0 #d6fba328,0 25px 120px #0b211b}.art-center{font-size:176px;line-height:1;letter-spacing:-.1em;font-weight:900;color:#162019;margin-right:14px}.accent-dot{color:#fff;font-size:.6em}.art-corner{position:absolute;z-index:4;width:39px;height:39px;border-color:var(--accent);border-style:solid}.art-corner.one{top:69px;left:27px;border-width:2px 0 0 2px}.art-corner.two{right:28px;bottom:79px;border-width:0 2px 2px 0}.ticker{background:var(--accent);color:#141b17}.ticker .site-wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.1em;font-weight:900}.ticker i{font-size:21px;font-style:normal}.section{padding:120px 0}.section-light{background:var(--light)}.section-sand{background:var(--sand)}.section-dark{background:var(--night);color:#f3f8f0}.section h2{font-size:clamp(37px,4.3vw,65px);font-weight:800;letter-spacing:-.065em;line-height:1.08;margin:0;text-wrap:balance}.section-light h2 em,.section-sand h2 em{color:#556d28}.section-head{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:57px}.section-head>div{flex:1}.section-head>p{max-width:420px;flex:1;line-height:1.85;color:#5e6663;margin:0}.section-head.inverted>p{color:#a9b5ad}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.service-card{position:relative;min-height:395px;color:#fff;padding:27px 30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate;background:#252d27}.service-card:before{content:"";position:absolute;inset:0;z-index:-1;transition:transform .45s;background:radial-gradient(circle at 80% 26%,#7a9c774d,transparent 44%),linear-gradient(130deg,#37483f,#18201e)}.service-card:hover:before{transform:scale(1.08)}.service-card-automotive:before{background:radial-gradient(circle at 75% 35%,#a2b5bf60,transparent 48%),linear-gradient(125deg,#343c43,#15191b)}.service-card-recruiting:before{background:radial-gradient(circle at 65% 35%,#8caf8755,transparent 47%),linear-gradient(130deg,#405047,#1b2420)}.service-card-unternehmen:before{background:radial-gradient(circle at 65% 35%,#aaac6d55,transparent 47%),linear-gradient(130deg,#4d4d33,#1c1f19)}.card-upper{display:flex;justify-content:space-between;align-items:start;color:#dfe7de;font-size:10px;letter-spacing:.15em;font-weight:800}.card-arrow{display:grid;place-items:center;width:37px;height:37px;border:1px solid #ffffff55;font-size:20px}.card-glyph{position:absolute;font-size:170px;right:37px;top:65px;font-weight:100;opacity:.16;line-height:1;transform:rotate(-13deg)}.card-lower{position:relative}.service-card h3{font-size:38px;letter-spacing:-.045em;margin:0 0 5px}.service-card p{color:#cad4cb;margin:0 0 20px}.text-link{display:inline-flex;align-items:center;gap:18px;font-weight:800;font-size:13px;padding-bottom:5px;border-bottom:1px solid currentColor}.text-link:hover{gap:25px}.philosophy .split-philosophy{display:grid;grid-template-columns:1.1fr .9fr;gap:7%}.split-philosophy>div:last-child{padding-top:35px}.split-philosophy p:not(.eyebrow){color:#acb4ac;line-height:1.9}.split-philosophy .large-body{color:#ebefe6!important;font-size:22px;line-height:1.5!important}.light-link{color:var(--accent);margin-top:30px}.divider-dark{margin-top:90px;border-top:1px solid #414b42}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.method-grid>div span,.values-grid article span{color:var(--accent);font-size:12px;letter-spacing:.14em;font-weight:850}.method-grid h3,.values-grid h3{font-size:30px;margin:19px 0 8px;letter-spacing:-.04em}.method-grid p,.values-grid p{color:#b0b9b0;line-height:1.8;max-width:360px}.showreel-placeholder{min-height:390px;background:radial-gradient(circle at 70% 40%,#586d4c,#1d2824 55%,#101a16);border:1px solid #29362e;display:flex;align-items:center;gap:50px;position:relative;padding:65px;color:#fff;overflow:hidden}.showreel-placeholder:before{content:"";width:250px;height:250px;position:absolute;right:-50px;top:-70px;border:2px solid #a9d47370;border-radius:100%}.play-shape{border:1px solid #ffffff88;border-radius:50%;width:96px;height:96px;display:grid;place-items:center;flex-shrink:0;color:var(--accent);font-size:27px;padding-left:4px}.showreel-placeholder span{font-size:11px;letter-spacing:.16em;color:#c1dec0;font-weight:750}.showreel-placeholder h3{font-size:clamp(31px,3vw,48px);letter-spacing:-.05em;line-height:1.13;margin:14px 0}.showreel-placeholder p{color:#c4d0c7}.showreel-frame{position:absolute;bottom:25px;right:25px}.align-right{text-align:right;margin-top:25px}.big-cta{background:var(--night);color:#fff;border-top:1px solid #354139;padding:110px 0 125px;overflow:hidden;position:relative}.big-cta:after{content:"✳";position:absolute;right:-1%;top:-16%;font-size:420px;line-height:1;color:rgba(216,250,114,.055);pointer-events:none}.cta-inner{position:relative;z-index:2}.big-cta h2{font-size:clamp(52px,6.5vw,105px);letter-spacing:-.08em;line-height:1.03;margin:0}.big-cta p:not(.eyebrow){color:#aeb9ae;margin:30px 0}.site-footer{background:#090b0c;color:#f1f5ee;padding:75px 0 25px;border-top:1px solid #313a34}.footer-top{display:flex;justify-content:space-between;gap:70px;padding-bottom:80px}.footer-brand{font-weight:900;font-size:clamp(32px,5vw,57px);letter-spacing:-.085em}.footer-brand span{color:var(--accent)}.footer-top p{color:#9ca8a1;line-height:1.8}.footer-links{display:flex;gap:110px}.footer-links>div{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:13px;color:#c0cac3}.footer-links a:hover,.legal-links a:hover{color:var(--accent)}.footer-label{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:800;margin-bottom:7px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:26px;border-top:1px solid #303932;color:#9ba79f;font-size:11px}.legal-links{display:flex;gap:18px}.compact-hero{padding:115px 0 130px;min-height:450px}.compact-hero h1{max-width:1040px}.compact-hero .hero-lead{max-width:760px}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.editorial-grid .large-body{font-size:22px;line-height:1.65}.editorial-grid>div:last-child>p:not(.large-body){color:#59645e;line-height:1.9}.tag-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:36px}.tag-row span{padding:11px 14px;border:1px solid #aab3a8;font-size:12px;font-weight:750}.deliver-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.deliver-list li{border-top:1px solid #465047;padding:24px 0;font-size:clamp(17px,2vw,25px);font-weight:700;letter-spacing:-.03em;display:flex;align-items:center;gap:18px}.deliver-list li span{color:var(--accent);font-weight:400}.audience-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.audience-list span{display:flex;min-height:84px;border:1px solid #c2c9bb;padding:18px;align-items:center;font-size:20px;font-weight:700}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.process-item{padding:25px;min-height:220px;border-top:2px solid var(--ink);background:#f3f4ed}.process-item span{font-weight:800;color:#60723f;font-size:14px}.process-item h3{font-size:clamp(22px,2.5vw,33px);line-height:1.15;letter-spacing:-.05em;margin-top:70px}.portfolio-callout{display:flex;gap:25px;align-items:center;min-height:155px;padding:30px;background:#e2e8d8}.portfolio-icon{font-size:62px;color:#516c2e}.portfolio-callout b,.portfolio-callout small{display:block}.portfolio-callout b{font-size:24px;letter-spacing:-.04em}.portfolio-callout small{color:#677164;font-size:13px;margin-top:5px}.portfolio-arrow{font-size:34px;margin-left:auto}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.portfolio-tile{min-height:295px;display:flex;flex-direction:column;justify-content:end;color:#fff;padding:26px;background:radial-gradient(circle at 68% 20%,#74916e85,transparent 52%),linear-gradient(130deg,#36433c,#101918)}.portfolio-tile:nth-child(2){background:radial-gradient(circle at 70% 25%,#7d9caa88,transparent 52%),linear-gradient(130deg,#354148,#131c20)}.portfolio-tile:nth-child(3){background:radial-gradient(circle at 70% 25%,#729c7c88,transparent 52%),linear-gradient(130deg,#34453a,#121d17)}.portfolio-tile:nth-child(4){background:radial-gradient(circle at 70% 25%,#a4a46488,transparent 52%),linear-gradient(130deg,#494b32,#181c17)}.portfolio-tile>span{font-size:10px;font-weight:850;letter-spacing:.17em;color:#daeac5}.portfolio-tile h3{font-size:32px;letter-spacing:-.05em;margin:8px 0 0}.portfolio-tile p{font-size:13px;color:#c8d4ca}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:50px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%}.contact-grid h2{margin-bottom:24px}.contact-grid>div>p:not(.eyebrow){color:#5c6761;line-height:1.9}.contact-item{border-top:1px solid var(--line);padding:23px 0;display:flex;flex-direction:column;gap:4px}.contact-item:first-of-type{margin-top:45px}.contact-item span{font-size:10px;letter-spacing:.15em;font-weight:800;color:#66726c}.contact-item strong{font-size:18px;overflow-wrap:anywhere}.form-hint,.warning-note{font-size:13px;line-height:1.6;padding:19px;background:#eef0dc;border-left:3px solid #879b40;color:#343c31;margin-top:27px}.warning-note{margin:0 0 50px}.contact-form{background:#eff0e9;padding:36px}.contact-form h3{font-size:29px;letter-spacing:-.04em;margin:0 0 4px}.contact-form>p{color:#647169;margin:0 0 28px}.contact-form label{display:flex;flex-direction:column;font-size:12px;gap:8px;font-weight:750;margin-bottom:21px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:#fff;border:1px solid #d4d9cc;border-radius:0;padding:15px 14px;color:#0c1310;min-height:51px;outline-offset:0;resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#71934a}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-message{margin:17px 0 0;font-size:13px;color:#3f6b2d;font-weight:750}.form-message.error{color:#9b392e}.contact-form .form-small{margin-top:19px;font-size:12px;line-height:1.65}.legal-content{max-width:850px}.legal-content h2{font-size:28px;margin:34px 0 14px;letter-spacing:-.04em}.legal-content p{line-height:1.9;color:#58635d}.legal-content code,.form-hint code{background:#fff7;padding:2px 4px;overflow-wrap:anywhere}.accent{color:var(--accent)}
@media(max-width:1180px){.site-wrap{width:calc(100% - 60px)}.desktop-nav{gap:14px}.nav-link{font-size:11px}.header-inner{gap:19px}.header-cta{padding:12px}.hero-grid{min-height:590px;gap:25px}.hero h1{font-size:clamp(50px,5.6vw,70px)}.hero-art{height:450px}.art-ring.a{width:380px;height:380px}.footer-links{gap:60px}}
@media(max-width:950px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.site-header{z-index:11}.mobile-nav{position:absolute;top:100%;left:0;right:0;padding:20px 30px 30px;background:#111613;box-shadow:0 20px 25px #0006}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0}.mobile-nav .nav-link,.mobile-nav .mobile-contact{display:block;padding:14px 0;color:#fff;font-size:17px;border-bottom:1px solid #323d35}.mobile-contact{color:var(--accent)!important}.hero-grid{grid-template-columns:1fr;min-height:0;padding:70px 0 60px}.hero-copy{display:block}.hero h1{font-size:clamp(48px,9vw,82px)}.hero-art{height:420px;margin-top:28px}.hero-foot{margin-top:43px}.section{padding:85px 0}.section-head{align-items:start;gap:28px}.section-head>p{flex:.8}.philosophy .split-philosophy{grid-template-columns:1fr 1fr}.contact-grid{gap:5%}.big-cta{padding:90px 0}.ticker .site-wrap{flex-wrap:wrap;justify-content:center;padding:16px 0}.ticker span{font-size:10px}}
@media(max-width:680px){.site-wrap{width:calc(100% - 36px)}.microbar{font-size:8px}.microbar .site-wrap span:last-child{display:none}.header-inner{height:75px}.logo-mark{width:43px;height:43px;font-size:28px}.logo-text{font-size:10px}.logo-text b{font-size:12px}.hero-grid{padding:62px 0 48px}.hero h1,.compact-hero h1{font-size:clamp(42px,11vw,66px);letter-spacing:-.067em}.hero-lead{font-size:15px;line-height:1.7;margin:25px 0}.hero-actions{align-items:stretch}.hero-actions .btn{flex:1;min-width:calc(50% - 6px);gap:12px;padding:13px 11px;font-size:12px}.hero-foot{margin-top:34px;font-size:8px}.hero-foot>span:last-child{display:none}.hero-art{height:335px;min-height:335px}.art-ring.a{width:295px;height:295px}.art-ring.b{width:210px;height:210px}.art-core{width:165px;height:165px;box-shadow:19px 19px 0 #d6fba328}.art-center{font-size:130px}.art-top,.art-caption{left:14px;right:14px;font-size:8px}.art-top{top:17px}.art-caption{bottom:17px}.art-corner.one{top:48px;left:14px}.art-corner.two{right:14px;bottom:64px}.ticker .site-wrap{min-height:65px;gap:9px 14px}.ticker span{font-size:8px}.ticker i{font-size:13px}.section{padding:77px 0}.section h2{font-size:clamp(36px,9vw,53px)}.section-head,.editorial-grid,.philosophy .split-philosophy,.contact-grid{display:block}.section-head{margin-bottom:32px}.section-head>p{margin-top:22px;font-size:15px}.services-grid,.portfolio-grid,.deliver-list,.audience-list{grid-template-columns:1fr}.service-card{min-height:325px;padding:23px}.service-card h3{font-size:34px}.card-glyph{font-size:135px;right:24px;top:65px}.split-philosophy>div:last-child{padding-top:23px}.split-philosophy .large-body{font-size:20px}.divider-dark{margin-top:55px}.method-grid,.values-grid,.process-grid{grid-template-columns:1fr;gap:22px}.method-grid{margin-top:35px}.method-grid h3,.values-grid h3{margin-top:6px}.method-grid p{margin:0}.showreel-placeholder{min-height:335px;display:block;padding:45px 26px}.play-shape{height:62px;width:62px;font-size:20px;margin-bottom:25px}.showreel-placeholder h3{font-size:34px}.showreel-frame{font-size:8px!important}.big-cta{padding:82px 0}.big-cta h2{font-size:clamp(43px,11vw,70px)}.big-cta:after{font-size:200px;top:0}.footer-top{display:block;padding-bottom:44px}.footer-links{gap:55px;margin-top:35px}.footer-bottom{flex-wrap:wrap;line-height:1.6}.footer-bottom>span:nth-child(2){display:none}.compact-hero{padding:75px 0;min-height:300px}.editorial-grid>div:last-child{margin-top:24px}.editorial-grid .large-body{font-size:19px}.deliver-list li{padding:18px 0}.audience-list span{min-height:70px;font-size:18px}.process-grid{gap:10px}.process-item{min-height:160px}.process-item h3{margin-top:36px}.portfolio-callout{padding:18px;gap:12px}.portfolio-icon{font-size:36px}.portfolio-callout b{font-size:19px}.portfolio-arrow{font-size:22px}.contact-form{padding:24px 19px;margin-top:30px}.form-two{grid-template-columns:1fr;gap:0}.contact-grid h2{margin-bottom:20px}.legal-content h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* ===== Emotional Marketing brand update ===== */
:root{
  --brand-blue:#1A2E91;
  --brand-green:#179232;
  --brand-blue-soft:#233ea8;
  --brand-green-soft:#1ea542;
  --night:#07090f;
  --night2:#0f1320;
  --light:#f7f8fb;
  --light2:#eef1f7;
  --sand:#edf1f6;
  --ink:#0f1728;
  --muted:#5f6675;
  --line:#d8dfeb;
  --accent:var(--brand-green);
}
body{
  background:
    radial-gradient(circle at top right, rgba(23,146,50,.035), transparent 28%),
    radial-gradient(circle at top left, rgba(26,46,145,.05), transparent 30%),
    var(--light);
}
.microbar{
  background:linear-gradient(90deg, rgba(26,46,145,.98), rgba(23,146,50,.98));
  color:#eff4ff;
}
.site-header{
  background:rgba(7,9,15,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.logo{gap:0}
.logo-image{display:block;height:58px;width:auto;object-fit:contain}
.footer-logo{display:block;height:86px;width:auto;max-width:min(360px,70vw);object-fit:contain}
.nav-link:hover,.nav-link.is-active,.footer-links a:hover,.legal-links a:hover{color:var(--brand-green)}
.header-cta{
  border-color:rgba(26,46,145,.65);
  color:#fff;
  background:linear-gradient(90deg, rgba(26,46,145,.92), rgba(23,146,50,.86));
  box-shadow:0 10px 28px rgba(9,18,56,.22);
}
.header-cta:hover{background:linear-gradient(90deg, rgba(32,56,170,1), rgba(30,165,66,1)); color:#fff}
.eyebrow-line,.tiny-dot,.method-grid>div span,.values-grid article span,.footer-label,.light-link,.accent,.art-star{color:var(--brand-green); border-color:var(--brand-green)}
.eyebrow-line{border-top-color:var(--brand-green)}
.hero{
  background:
    radial-gradient(circle at 80% 12%, rgba(23,146,50,.12), transparent 24%),
    radial-gradient(circle at 5% 5%, rgba(26,46,145,.22), transparent 30%),
    linear-gradient(135deg,#07090f 0%,#0d1020 45%,#10161f 100%);
}
.hero h1 em,.section h2 em,.big-cta h2 em{color:var(--brand-green)}
.btn-primary{
  background:linear-gradient(90deg,var(--brand-blue),var(--brand-green));
  color:#fff;
  box-shadow:0 16px 34px rgba(10,21,71,.22);
}
.btn-primary:hover{background:linear-gradient(90deg,#2942c6,#22ae49)}
.btn-ghost:hover{border-color:var(--brand-blue); color:#fff}
.hero-art{
  background:
    radial-gradient(circle at 75% 25%, rgba(23,146,50,.18), transparent 28%),
    radial-gradient(circle at 20% 15%, rgba(26,46,145,.22), transparent 30%),
    linear-gradient(135deg,#12172a 0%,#0b111c 52%,#0e1718 100%);
  border:1px solid rgba(112,131,201,.25);
  box-shadow:0 30px 80px rgba(0,0,0,.18);
}
.art-ring{border-color:rgba(23,146,50,.42);box-shadow:0 0 90px rgba(23,146,50,.16) inset}
.art-ring.b{border-color:rgba(105,137,255,.52)}
.art-ring.a:before{background:var(--brand-blue); box-shadow:0 0 24px rgba(26,46,145,.7)}
.art-corner{border-color:var(--brand-green)}
.home-hero .art-core{
  background:transparent;
  box-shadow:none;
  width:min(74%,380px);
  height:auto;
  transform:translate(-50%,-50%) rotate(0deg);
}
.home-hero .hero-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 38px rgba(0,0,0,.26))}
.ticker{background:linear-gradient(90deg,var(--brand-blue),var(--brand-green)); color:#fff}
.section-light h2 em,.section-sand h2 em,.process-item span,.portfolio-icon{color:var(--brand-blue)}
.service-card{border:1px solid rgba(97,120,196,.18)}
.service-card:before{background:radial-gradient(circle at 80% 26%,rgba(23,146,50,.22),transparent 40%),linear-gradient(130deg,#1f2b4f,#111a2e 44%,#10181a 100%)}
.service-card-automotive:before{background:radial-gradient(circle at 75% 35%,rgba(26,46,145,.28),transparent 43%),linear-gradient(125deg,#2a355f,#121926 58%,#0f141a)}
.service-card-recruiting:before{background:radial-gradient(circle at 65% 35%,rgba(23,146,50,.28),transparent 45%),linear-gradient(130deg,#22344b,#102023 60%,#0d1415)}
.service-card-unternehmen:before{background:radial-gradient(circle at 65% 35%,rgba(23,146,50,.17),transparent 48%),radial-gradient(circle at 35% 20%,rgba(26,46,145,.22),transparent 40%),linear-gradient(130deg,#243252,#121b2e 58%,#10161d)}
.showreel-placeholder{
  background:radial-gradient(circle at 70% 40%, rgba(23,146,50,.45), transparent 24%), radial-gradient(circle at 28% 18%, rgba(26,46,145,.45), transparent 25%), linear-gradient(135deg,#17223d,#0f1626 50%,#10181d);
  border-color:rgba(79,100,171,.25);
}
.big-cta{background:linear-gradient(135deg,#09101f,#0d1322 52%,#0c1419); border-top-color:rgba(72,95,171,.24)}
.big-cta:after{color:rgba(26,46,145,.11)}
.site-footer{background:#07090f;border-top:1px solid rgba(255,255,255,.08)}
.footer-top p,.footer-bottom{color:#aeb7ca}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--brand-blue)}
.form-hint,.warning-note{background:#eef4ff;border-left-color:var(--brand-blue);color:#23304e}
@media(max-width:680px){
  .logo-image{height:48px}
  .footer-logo{height:64px}
  .home-hero .art-core{width:min(80%,260px)}
}

/* Final logo refinements */
.logo-image{height:72px}
.footer-logo{height:98px;max-width:min(410px,75vw)}
.hero-art .art-core{background:transparent;box-shadow:none;width:min(76%,380px);height:auto;transform:translate(-50%,-50%)}
.hero-art .hero-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 30px rgba(0,0,0,.30))}
@media(max-width:680px){.logo-image{height:56px}.footer-logo{height:74px}.hero-art .art-core{width:min(80%,260px)}}

/* Final logo refinements */
.logo-image{height:72px}
.footer-logo{height:98px;max-width:min(410px,75vw)}
.hero-art .art-core{background:transparent;box-shadow:none;width:min(76%,380px);height:auto;transform:translate(-50%,-50%)}
.hero-art .hero-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 30px rgba(0,0,0,.30))}
@media(max-width:680px){.logo-image{height:56px}.footer-logo{height:74px}.hero-art .art-core{width:min(80%,260px)}}


/* Staging 2026-10-23: premium bright editorial + real photos */
:root{--cream:#f9f9f6;--soft:#eef1f5;--navy:#10192d;--cobalt:#1a2e91;--emerald:#179232}
body{background:var(--cream)}
.section-light{background:var(--cream)}
.section-sand{background:#edf0f4}
.site-header{background:#111725}
.service-card-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.92;transition:transform .6s ease}
.service-card:has(.service-card-media):before{background:linear-gradient(180deg,rgba(9,16,31,.04),rgba(9,16,31,.87))!important;z-index:-1}
.service-card:hover .service-card-media{transform:scale(1.045)}
.hero-art.has-media{background:#e6ebf0}
.hero-art.has-media:after{background-image:linear-gradient(180deg,transparent 42%,rgba(7,13,22,.56));opacity:1;mask-image:none}
.hero-media{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.hero-art.has-media .art-top,.hero-art.has-media .art-caption{z-index:2;text-shadow:0 1px 14px #07112290;color:#fff}
.hero-art.has-media .art-label{background:#08132855}
.hero-art.has-media .art-corner{z-index:2}
.editorial-teasers{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.editorial-teaser{position:relative;min-height:370px;display:flex;flex-direction:column;justify-content:end;isolation:isolate;overflow:hidden;padding:28px;color:#fff;background:#111}
.editorial-teaser:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 28%,rgba(9,12,23,.83))}
.editorial-teaser-img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.editorial-teaser:hover .editorial-teaser-img{transform:scale(1.045)}
.editorial-teaser span,.portfolio-feature span{letter-spacing:.14em;font-size:10px;font-weight:800}
.editorial-teaser strong{font-size:clamp(24px,3vw,39px);line-height:1.12;letter-spacing:-.04em;margin-top:12px}
.project-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
.project-media-grid figure{margin:0;min-height:235px;overflow:hidden;background:#e8edf4}
.project-media{display:block;width:100%;height:100%;min-height:235px;max-height:400px;object-fit:cover}
.project-media-grid figure:hover img{transform:scale(1.025)}
.project-media-grid img{transition:transform .35s}
.project-media-grid:has(figure:nth-child(2):last-child){grid-template-columns:1fr 1fr}
.awaiting-media{background:radial-gradient(circle at 70% 30%,rgba(31,169,68,.17),transparent 30%),radial-gradient(circle at 30% 65%,rgba(26,46,145,.27),transparent 34%),linear-gradient(140deg,#d8e1e8,#f6f7f7)!important}
.awaiting-media .art-ring{border-color:#1a2e9130}.awaiting-media .art-core{background:transparent;box-shadow:none}
.media-slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:40px 0 20px}
.media-slot{aspect-ratio:4/3;border:1px dashed #aebccb;background:linear-gradient(145deg,#f5f7fa,#e4eaf0);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:#334b72}
.media-slot span{font-size:11px;letter-spacing:.18em}.media-slot strong{font-size:22px}.media-slot small{font-size:11px;color:#708099}
.portfolio-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.portfolio-feature{display:block;background:#fff;overflow:hidden;box-shadow:0 18px 38px #1020480b;transition:transform .25s}
.portfolio-feature:hover{transform:translateY(-4px)}.portfolio-feature-img{width:100%;height:340px;object-fit:cover;display:block}
.portfolio-feature>div{padding:25px 29px 30px}.portfolio-feature span{color:#1a2e91}
.portfolio-feature h3{font-size:27px;margin:12px 0 6px;letter-spacing:-.04em}.portfolio-feature p{color:#5c6675}
.portfolio-note{margin-top:30px;font-size:13px;color:#6d7887;max-width:740px;line-height:1.8}
.logo-placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.brand-logo-slot{height:180px;display:grid;place-items:center;border:1px dashed #bdc6d3;color:#8390a1;font-size:13px}
.service-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.service-offer-card{display:flex;flex-direction:column;min-height:260px;background:#fff;border:1px solid #dfe4ed;padding:25px;transition:transform .2s,box-shadow .2s}
.service-offer-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #162e4512}
.service-offer-card span{color:#179232;font-size:10px;font-weight:800;letter-spacing:.16em}
.service-offer-card h3{font-size:25px;letter-spacing:-.04em;line-height:1.14;margin:28px 0 8px}
.service-offer-card p{font-size:13px;color:#657084;margin:0 0 auto}.service-offer-card strong{font-size:12px;margin-top:22px;color:#1a2e91}
.service-sector-tags{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 30px}.service-sector-tags a{font-size:12px;padding:10px 12px;border:1px solid #b6c4d4;color:#1a2e91;font-weight:700}
.related-services{border-top:1px solid #dfe5ee}.related-service-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.related-service-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #dbe2eb;background:#fff;padding:20px 23px;font-size:15px;font-weight:750}
.related-service-links a:hover{border-color:#1a2e91}.related-service-links a span{color:#179232}
.social-examples{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}.social-example{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;box-shadow:0 12px 24px #10204813}
.one-photo{max-width:650px;margin-top:32px}.one-photo img{height:auto;max-height:none}
/* light editorial rhythm without deleting the signature dark sections */
.philosophy.section-dark{background:#eef2f5;color:#13203d}
.philosophy .eyebrow.light{color:#496481}.philosophy .split-philosophy .large-body{color:#172544!important}.philosophy .split-philosophy p:not(.eyebrow){color:#495c72}
.philosophy .method-grid p{color:#516174}.philosophy .method-grid h3{color:#172544}
.philosophy .divider-dark{border-color:#cbd4df}
.showreel-section{background:#fafaf7}
@media(max-width:950px){.service-offer-grid{grid-template-columns:repeat(2,1fr)}.portfolio-feature-img{height:280px}.project-media-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.editorial-teasers,.portfolio-feature-grid,.project-media-grid,.project-media-grid:has(figure:nth-child(2):last-child),.related-service-links{grid-template-columns:1fr}.service-offer-grid{grid-template-columns:1fr}.social-examples{grid-template-columns:repeat(2,1fr)}.media-slot-grid,.logo-placeholder-grid{grid-template-columns:1fr}.editorial-teaser{min-height:320px}.project-media-grid figure{min-height:230px}.portfolio-feature-img{height:250px}.nav-link{white-space:normal}}

/* Release candidate – bright premium editorial balance */
.hero{
  background:radial-gradient(circle at 8% 7%,rgba(26,46,145,.075),transparent 27%),
             radial-gradient(circle at 94% 16%,rgba(23,146,50,.08),transparent 30%),
             linear-gradient(145deg,#ffffff 0%,#f7f8fb 48%,#eef2f5 100%);
  color:#121b30;
}
.hero .eyebrow.light{color:#53627c}
.hero .hero-lead{color:#536076}
.hero .hero-foot{border-top-color:#cdd6e4;color:#52617a}
.hero .btn-ghost{border-color:#b7c3d7;color:#1b2d54}
.hero .btn-ghost:hover{border-color:#1a2e91;color:#1a2e91;background:#f1f4fc}
.hero .art-label{background:rgba(11,22,42,.48);color:#fff}
.hero-art.has-media:after{background-size:100% 100%;background-repeat:no-repeat}
/* Keep image and copy panels composed for a more luxurious visual rhythm. */
.hero-grid{gap:5.4%}
.section-head>p{color:#506074}
.service-card{box-shadow:0 16px 40px rgba(13,25,52,.12)}
.section-sand{background:#eef1f5}
.portfolio-feature{box-shadow:0 14px 45px rgba(15,31,62,.10)}
@media(max-width:680px){.hero-grid{gap:20px}}


/* =====================================================
   EMOTIONAL MARKETING V3 | BESPOKE PREMIUM MID-TONE
   Readable, composed, quietly cinematic.
   ===================================================== */
:root {--ink:#17243a;--night:#15213a;--cream:#f8f7f4;--sand:#edeff3;--soft:#e7eaf0;--accent:#179232;--brand-blue:#1a2e91;--brand-green:#179232;--font:Inter,Arial,Helvetica,system-ui,sans-serif}
body{font-size:17px;line-height:1.72;color:#19253a;background:#f8f7f4}
.site-wrap{width:min(1330px,calc(100% - 76px))}
.hero{background:radial-gradient(circle at 7% 8%,rgba(68,90,155,.30),transparent 34%),radial-gradient(circle at 85% 70%,rgba(23,146,50,.11),transparent 32%),linear-gradient(132deg,#1b2740,#273451 55%,#1a283c);color:#f8faff}
.hero h1,.compact-hero h1{color:#f7f8fb;letter-spacing:-.065em}
.hero h1 em,.compact-hero h1 em{color:#57c879}
.hero .eyebrow.light{color:#bfcade}
.hero .hero-lead{color:#d3dbea;font-size:clamp(17px,1.5vw,20px);line-height:1.65}
.hero .hero-foot{color:#bac8de;border-top-color:#60718f}
.hero .btn-ghost{color:#f3f6fd;border-color:#71819f}
.hero .btn-ghost:hover{background:#ffffff17;color:white;border-color:white}
.hero-grid{min-height:595px;gap:5%}
.hero-art.has-media{border-color:#526381;box-shadow:0 34px 60px #07132838}
.site-header{background:#111b2e}
.microbar{background:linear-gradient(100deg,#273d85,#24884c)}
.header-inner{height:94px}
.nav-link{font-size:13.5px;letter-spacing:.005em}
.header-cta{font-size:13px}
.eyebrow{font-size:12px;letter-spacing:.165em}
.section h2{font-size:clamp(40px,4.5vw,68px)}
.section-head>p,.editorial-grid p,.profile-summary p{font-size:16.5px;line-height:1.8}
.section-light{background:#f8f7f4}
.section-sand{background:#e9edf1}
.philosophy.section-dark{background:linear-gradient(135deg,#dbe2eb,#eef1f5);color:#1e2b47}
.philosophy .method-grid h3{color:#1e2b47}
.section-dark:not(.philosophy){background:#1a2844}
.site-footer{background:#15213a}
.big-cta{background:radial-gradient(circle at 88% 20%,rgba(23,146,50,.11),transparent 34%),linear-gradient(135deg,#15213a,#243453 60%,#172841)}
.hero-foot,.ticker{font-size:13px}
.service-card h3{font-size:clamp(34px,3vw,43px)}
.service-card p,.portfolio-feature p,.service-offer-card p,.text-link{font-size:15px}
.service-offer-card h3{font-size:27px}
.service-offer-card p{line-height:1.7}
.service-offer-card span,.card-upper,.portfolio-feature span,.portfolio-section-copy small{font-size:12px}
.footer-links a{font-size:15px}
.footer-label{font-size:12px}
.btn{font-size:14px}
.section{padding:108px 0}
.compact-hero{padding:93px 0 98px;min-height:365px}
/* 17 curated portfolio categories */
.portfolio-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.portfolio-section-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d4dbe4;border-radius:4px;background:#fff;box-shadow:0 12px 38px rgba(20,35,64,.075);transition:transform .3s ease,box-shadow .3s ease}
.portfolio-section-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(20,35,64,.14)}
.portfolio-section-art{position:relative;height:170px;background:radial-gradient(circle at 88% 15%,#39a9632d,transparent 40%),linear-gradient(125deg,#223453,#40547a);overflow:hidden;display:flex;align-items:center;justify-content:center}
.portfolio-section-art img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.portfolio-section-card:hover img{transform:scale(1.045)}
.portfolio-section-art:has(img):after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c183c53,transparent 52%)}
.portfolio-nr{position:absolute;left:19px;top:16px;color:white;font-size:12px;font-weight:800;letter-spacing:.09em;z-index:1}
.portfolio-monogram{font-size:57px;font-weight:900;color:#ffffff30;letter-spacing:-.12em}
.portfolio-section-copy{position:relative;padding:23px 24px 28px;display:flex;flex-direction:column;min-height:190px}
.portfolio-section-copy h3{font-size:24px;letter-spacing:-.04em;line-height:1.15;margin:0 36px 9px 0}
.portfolio-section-copy p{margin:0 0 15px;color:#536077;font-size:15px;line-height:1.5}
.portfolio-section-copy small{margin-top:auto;letter-spacing:.06em;color:#35684a;font-weight:750}
.portfolio-open{position:absolute;right:24px;top:21px;font-size:24px;color:#1a2e91}
.portfolio-last-cta{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-top:34px;padding-top:24px;border-top:1px solid #c6cfda}
.portfolio-last-cta p{font-size:21px;margin:0;font-weight:700}
/* About team and full profile */
.team-profiles{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.profile-preview{display:flex;flex-direction:column;border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 16px 50px #1f2c4917;transition:transform .35s,box-shadow .35s}
.profile-preview[href]:hover{transform:translateY(-6px);box-shadow:0 24px 55px #1f2c492a}
.profile-visual{height:490px;background:#e6e9ed;overflow:hidden}
.profile-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 26%}
.profile-summary{padding:29px 34px 33px;position:relative}
.profile-summary>span{color:#1a2e91;font-size:12px;font-weight:850;letter-spacing:.13em}
.profile-summary h3{font-size:clamp(30px,3vw,42px);letter-spacing:-.05em;line-height:1.14;margin:13px 0 7px}
.profile-summary p{color:#566173;margin:0 0 22px}
.profile-summary strong{display:inline-flex;gap:24px;align-items:center;color:#17413a;font-size:16px}
.profile-placeholder{background:radial-gradient(circle at 78% 20%,#17923232,transparent 40%),linear-gradient(135deg,#cdd9e8,#edf0f5);display:grid;place-items:center}
.profile-placeholder span{font-size:120px;font-weight:900;letter-spacing:-.12em;color:#1a2e9133}
.profile-hero{background:radial-gradient(circle at 10% 5%,#3a508740,transparent 33%),linear-gradient(130deg,#17243b,#263756);color:white}
.profile-hero-layout{display:grid;grid-template-columns:1fr .83fr;gap:7%;align-items:center;min-height:640px;padding:80px 0}
.profile-hero h1{font-size:clamp(58px,6.8vw,106px);letter-spacing:-.08em;line-height:.99;margin:0}
.profile-hero h1 em{color:#67cc84;font-style:normal}
.profile-hero .hero-lead{font-size:19px;color:#d4deee;max-width:620px;line-height:1.65}
.profile-hero-picture{height:565px;overflow:hidden;background:#27334d;box-shadow:0 30px 50px #080c2133;border-radius:3px}
.profile-hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.profile-hero .btn-ghost{border-color:#93a6c7;color:white}
.story-layout{display:grid;grid-template-columns:.37fr .63fr;gap:9%}
.story-aside{position:sticky;top:34px;align-self:start;border-left:3px solid #179232;padding-left:26px}
.story-aside p:not(.eyebrow){font-size:23px;line-height:1.5;color:#263758;font-weight:630}
.story-aside span{color:#208548;font-weight:800;font-size:12px;letter-spacing:.14em}
.story-copy h2{font-size:clamp(37px,4vw,59px);letter-spacing:-.058em;line-height:1.08}
.story-block{border-top:1px solid #d9e0e8;margin-top:28px;padding-top:24px}
.story-block p{font-size:clamp(17px,1.55vw,20px);line-height:1.9;margin:0;color:#38475d}
.story-quote{font-size:clamp(28px,3vw,44px);letter-spacing:-.045em;line-height:1.24;font-weight:700;margin:60px 0 30px;color:#1e304d}
.story-quote em{font-style:normal;color:#198943}
.story-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn-outline{border:1px solid #9aa9bd;color:#1a2e91;background:transparent}
/* Motion: only brief, one-time entrance effects; no fake parallax or jitter. */
@media (prefers-reduced-motion: no-preference){
.em-reveal{opacity:.12;transform:translateY(24px);transition:opacity 780ms cubic-bezier(.2,.7,.2,1), transform 780ms cubic-bezier(.2,.7,.2,1);transition-delay:var(--stagger,0ms)}
.em-reveal.is-visible{opacity:1;transform:translateY(0)}
.color-sweep{background:linear-gradient(90deg,#52bf77 49.8%,#8699a5 50.2%);background-size:205% 100%;background-position:100% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position 1.6s cubic-bezier(.16,.8,.23,1)}
.color-sweep.is-filled{background-position:0 50%}
.section h2:not(:has(em)).em-reveal{color:#26364f}
}
@media(prefers-reduced-motion:reduce){.em-reveal{opacity:1!important;transform:none!important}.color-sweep{-webkit-text-fill-color:initial!important;background:none!important}}
@media(max-width:1050px){.portfolio-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-visual{height:380px}.profile-hero-layout{min-height:0}}
@media(max-width:680px){
body{font-size:16.5px}
.site-wrap{width:calc(100% - 38px)}
.hero-grid{padding:60px 0 48px}
.hero h1,.compact-hero h1{font-size:clamp(44px,11vw,66px)}
.compact-hero{padding:70px 0;min-height:290px}
.section{padding:75px 0}
.section h2{font-size:clamp(38px,9.5vw,53px)}
.hero .hero-lead{font-size:17px}
.portfolio-category-grid,.team-profiles,.story-layout,.profile-hero-layout{grid-template-columns:1fr}
.portfolio-section-art{height:160px}.portfolio-section-copy{min-height:155px;padding:21px}
.portfolio-last-cta{align-items:start;flex-direction:column}
.profile-visual{height:420px}
.profile-hero-layout{gap:30px;padding:65px 0 0}
.profile-hero h1{font-size:clamp(52px,12vw,79px)}
.profile-hero-picture{height:430px;margin:0 -19px;border-radius:0}
.story-aside{position:static;margin-bottom:40px}
.story-block p{font-size:17px;line-height:1.85}
.header-inner{height:81px}.nav-link{font-size:16px}
.service-offer-card p{font-size:15px}.service-offer-card h3{font-size:26px}
}

/* V3 finishing details: first-impression people and logo legibility */
.logo-image{height:70px}
.home-hero .art-core{border-radius:0;box-shadow:none!important;background:transparent!important;padding:0;width:min(82%,410px)!important}
.home-hero .art-core .hero-logo{filter:none}
.about-intro-hero .site-wrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:8%;min-height:440px}
.about-intro-hero{padding:65px 0}
.about-intro-hero h1{font-size:clamp(44px,5vw,73px);line-height:1.07;max-width:900px}
.about-intro-hero .hero-lead{max-width:750px}
.about-mini-card{display:block;background:#f7f8fb;color:#15223b;overflow:hidden;border:1px solid #dbe3ee;border-radius:4px;box-shadow:0 24px 55px #0711263a;transition:transform .35s,box-shadow .35s}
.about-mini-card:hover{transform:translateY(-5px);box-shadow:0 30px 66px #07112660}
.about-mini-photo{height:285px;background:#dfe3ea;overflow:hidden}
.about-mini-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.about-mini-text{padding:18px 21px 23px;display:flex;flex-direction:column;gap:8px}
.about-mini-text span:first-child{font-size:10px;font-weight:800;color:#1a2e91;letter-spacing:.13em}
.about-mini-text strong{font-size:23px;letter-spacing:-.035em;line-height:1.1}
.about-mini-text small{font-size:13px;color:#4d5b70;line-height:1.45}
.about-mini-text b{font-size:13px;display:flex;justify-content:space-between;margin-top:3px;color:#168842}
@media(max-width:950px){.about-intro-hero .site-wrap{grid-template-columns:minmax(0,1fr) 280px;gap:4%}.about-intro-hero h1{font-size:clamp(43px,5.9vw,66px)}}
@media(max-width:680px){.logo-image{height:56px}.about-intro-hero .site-wrap{grid-template-columns:1fr;min-height:0;gap:28px}.about-intro-hero{padding:60px 0 72px}.about-intro-hero h1{font-size:clamp(40px,11vw,61px)}.about-mini-card{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:stretch}.about-mini-photo{height:100%;min-height:156px}.about-mini-text{padding:13px 14px 14px;gap:7px}.about-mini-text strong{font-size:19px}.about-mini-text small{font-size:11px}.about-mini-text span:first-child{font-size:9px}.about-mini-text b{font-size:12px}.home-hero .art-core{width:min(82%,300px)!important;padding:0!important}}

/* V4 premium content / verified project archive */
.about-mini-photo img,.profile-visual img,.profile-hero-picture img{box-shadow:0 22px 68px rgba(9,17,35,.25);filter:none}
.about-mini-card,.profile-preview,.profile-hero-picture{box-shadow:0 16px 55px rgba(8,20,46,.22)}
.team-profiles{display:grid;grid-template-columns:minmax(0,460px);justify-content:center}
.service-offer-card{padding-top:0;overflow:hidden;isolation:isolate;transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s}
.service-offer-img{display:block;width:calc(100% + 52px);height:190px;object-fit:cover;margin:0 -26px 22px;filter:saturate(.94);transition:transform .7s,filter .7s}
.service-offer-card:hover{transform:translateY(-8px);box-shadow:0 27px 56px rgba(18,35,71,.16)}
.service-offer-card:hover .service-offer-img{transform:scale(1.035);filter:saturate(1.07)}
.service-offer-card h3{transition:color .35s}.service-offer-card:hover h3{color:#1a2e91}
.service-visual-showcase{background:linear-gradient(180deg,#17213a,#202e47);padding:14px 0 50px}
.service-visual-figure{margin:0 auto;max-width:1120px;border-radius:18px;overflow:hidden;box-shadow:0 34px 80px rgba(5,11,23,.38)}
.service-visual-figure img{display:block;width:100%;max-height:640px;object-fit:cover}
.service-visual-figure figcaption{background:#121d31;color:#cdd5e4;padding:14px 22px;font-size:13px}
.illustration-disclaimer{font-size:13px;color:#61708a;max-width:65ch;margin-top:32px}
.software-note{grid-column:1/-1;background:#edf2fa;padding:25px;border-left:4px solid #179232;border-radius:0 8px 8px 0;color:#1c304f;font-size:18px}
.project-video-card{margin:0;display:grid;place-items:center;background:#121d2e;grid-column:1/-1;border-radius:20px;overflow:hidden;padding:30px}
.project-video-card video{height:min(600px,70vh);width:auto;max-width:100%;border-radius:12px;background:#000}
.project-video-card figcaption{color:#f5f5f5;margin-top:18px;text-align:center}
.portfolio-projects{background:#f5f6f8}
.genuine-project-card .portfolio-section-art{background:linear-gradient(140deg,#152740,#254366)}
.portfolio-empty{color:#e1eaf4;letter-spacing:.05em;font-size:20px;font-weight:700;padding:35px;text-align:center}
.genuine-project-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(15,26,52,.14)}
.genuine-project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.genuine-project-gallery figure{margin:0;border-radius:18px;overflow:hidden;background:#eff2f7;box-shadow:0 16px 40px rgba(19,35,59,.09)}
.genuine-project-gallery figure img{display:block;width:100%;max-height:700px;object-fit:contain;background:#e6e9ed}
.genuine-project-gallery figcaption{padding:13px 19px;color:#607087;font-size:14px}
.genuine-project-gallery .portfolio-video{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;padding:20px;background:#152238;color:white}
.genuine-project-gallery .portfolio-video video{max-height:620px;max-width:100%;border-radius:10px}
.portfolio-pdf{padding:40px;background:#eff4fa;border-radius:16px}
/* Motion built for deliberate, readable interaction */
.nav-link{transition:color .35s,background .35s;position:relative}
.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:#22b657;transition:right .45s cubic-bezier(.2,.7,.2,1)}
.nav-link:hover:after,.nav-link:focus-visible:after{right:0}
.section h2 em,.hero h1 em{transition:filter .5s}.section h2:hover em,.hero h1:hover em{filter:brightness(1.17)}
.service-sector-tags a,.related-service-links a{transition:transform .3s,color .3s,background .3s}
.related-service-links a:hover{transform:translateX(6px);color:#179232}
.portfolio-section-copy h3{transition:color .35s}.portfolio-section-card:hover h3{color:#1a2e91}
.portfolio-section-card:focus-visible,.service-offer-card:focus-visible{outline:3px solid #179232;outline-offset:3px}
@media(max-width:680px){.genuine-project-gallery{grid-template-columns:1fr}.service-offer-img{height:165px}.service-visual-showcase{padding-bottom:20px}.service-visual-figure{border-radius:10px}.project-video-card{padding:12px}.software-note{font-size:16px}}
@media(prefers-reduced-motion:reduce){.service-offer-card,.service-offer-img,.portfolio-section-card,.nav-link:after{transition:none!important}}

/* ===== V6: restrained brand details and respectful portfolio photography ===== */
.art-star,.big-cta::after,.tiny-dot,.play-shape::before{display:none!important;content:none!important}
.hero-foot .tiny-dot{display:none!important}
.genuine-project-card .portfolio-section-art{
  height:clamp(190px,21vw,260px);position:relative;isolation:isolate;overflow:hidden;
  background:#101d34;
}
.genuine-project-card .portfolio-section-art::before{
 content:"";position:absolute;inset:-12%;z-index:0;
 background-image:var(--project-cover);background-size:cover;background-position:center;
 filter:blur(22px) brightness(.48) saturate(.88);transform:scale(1.08);
}
.genuine-project-card .portfolio-section-art img{
 position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain!important;
 object-position:center center!important;padding:8px 12px;
 filter:drop-shadow(0 10px 13px rgba(0,0,0,.19));transition:transform .35s ease;
}
.genuine-project-card:hover .portfolio-section-art img{transform:scale(1.025)}
.genuine-project-card .portfolio-section-art::after{z-index:2;pointer-events:none}
.genuine-project-card .portfolio-nr{z-index:3}
.genuine-project-gallery figure{display:flex;flex-direction:column;}
.genuine-project-gallery .portfolio-figure-link{display:grid;place-items:center;min-height:180px;background:#e8edf3;cursor:zoom-in;}
.genuine-project-gallery .portfolio-figure-link img{max-height:680px;width:100%;object-fit:contain;object-position:center}
.portfolio-limited-note{max-width:800px;margin:25px 0 0;color:#627187;line-height:1.65;font-size:15px;}
.legal-content{max-width:920px}
.legal-content h2{color:#192d4e;font-size:clamp(24px,2.6vw,34px);padding-top:20px;}
.legal-content h3{margin:26px 0 7px;color:#223653;font-size:21px}
.legal-content p,.legal-content li{font-size:16px;line-height:1.82;color:#445168}
.legal-content ul{padding-left:25px}
.legal-content a{color:#1a2e91;text-decoration:underline;text-underline-offset:3px}
.legal-content .warning-note{background:#eef2f8;border-color:#1a2e91;color:#243859;padding:22px;line-height:1.75}
@media(max-width:680px){.genuine-project-card .portfolio-section-art{height:215px}.genuine-project-card .portfolio-section-art img{padding:7px 8px}.legal-content p,.legal-content li{font-size:15px}}


/* --- V8 refinements: softer image treatment, portfolio fills, rounded profile visuals --- */
.portfolio-section-card{border-radius:18px;box-shadow:0 18px 44px rgba(20,35,64,.09)}
.portfolio-section-art{border-radius:18px 18px 0 0}
.portfolio-feature,.editorial-teaser,.service-offer-card,.social-example,.project-video-card,.service-visual-figure{border-radius:18px;overflow:hidden}

.genuine-project-gallery{gap:28px}
.genuine-project-gallery figure{
  display:flex;flex-direction:column;position:relative;
  border-radius:22px;overflow:hidden;
  background:linear-gradient(180deg,#f5f7fb,#edf2f8);
  box-shadow:0 18px 46px rgba(19,35,59,.10)
}
.genuine-project-gallery .portfolio-figure-link{
  position:relative;display:grid;place-items:center;
  min-height:260px;background:linear-gradient(180deg,#edf2f8,#e4e9f1);
  overflow:hidden;cursor:zoom-in
}
.genuine-project-gallery .portfolio-figure-link::before{
  content:"";position:absolute;inset:-10%;
  background-image:var(--figure-bg);
  background-size:cover;background-position:center;
  filter:blur(28px) saturate(1.08);
  transform:scale(1.14);opacity:.58
}
.genuine-project-gallery .portfolio-figure-link::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 42%,rgba(17,26,43,.04));
}
.genuine-project-gallery .portfolio-figure-link img{
  position:relative;z-index:1;display:block;width:100%;height:100%;
  max-height:680px;object-fit:contain;object-position:center;
  padding:18px 18px 12px;filter:drop-shadow(0 16px 36px rgba(10,22,46,.16))
}
.genuine-project-gallery figcaption{padding:14px 20px 17px;color:#607087;font-size:14px;background:#fff}

.about-mini-card,.profile-preview,.profile-hero-picture{border-radius:22px;overflow:hidden;box-shadow:0 22px 60px rgba(8,20,46,.18)}
.about-mini-photo,.profile-visual,.profile-hero-picture{
  position:relative;overflow:hidden;
  background:radial-gradient(circle at 20% 12%,rgba(54,104,224,.12),transparent 28%),
             radial-gradient(circle at 88% 18%,rgba(103,204,132,.18),transparent 24%),
             linear-gradient(180deg,#17243b 0%,#213251 100%);
}
.about-mini-photo::before,.profile-visual::before,.profile-hero-picture::before{
  content:"";position:absolute;inset:-10%;
  background-image:url('/assets/cyrille-original.jpeg');background-size:cover;background-position:center 18%;
  filter:blur(26px) brightness(.72);transform:scale(1.12);opacity:.42
}
.about-mini-photo img,.profile-visual img,.profile-hero-picture img{
  position:relative;z-index:1;display:block;width:100%;height:100%;
  object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 44px rgba(0,0,0,.18));
}
.about-mini-photo img{padding:12px 12px 0}
.profile-visual img{padding:18px 18px 0}
.profile-hero-picture img{padding:24px 22px 0}

@media(max-width:680px){
  .genuine-project-gallery .portfolio-figure-link{min-height:220px}
  .about-mini-card,.profile-preview,.profile-hero-picture{border-radius:16px}
  .about-mini-photo img,.profile-visual img,.profile-hero-picture img{padding-left:10px;padding-right:10px}
}


/* --- V9 conversion-focused motion & final polish --- */
html{scroll-padding-top:110px}
body::before{
  content:"";position:fixed;left:0;top:0;height:3px;width:var(--scroll-progress,0%);
  z-index:120;background:linear-gradient(90deg,#2442c2 0%,#1bb14a 100%);
  box-shadow:0 0 16px rgba(28,159,80,.35);pointer-events:none;
}
.site-header{position:sticky;top:0;backdrop-filter:saturate(125%) blur(0px);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}
.site-header.is-scrolled{background:rgba(17,27,46,.88);border-bottom-color:rgba(255,255,255,.08);box-shadow:0 14px 36px rgba(7,14,25,.18);backdrop-filter:saturate(140%) blur(12px)}
.site-header.is-scrolled .header-inner{height:82px}
.header-inner{transition:height .35s ease}

.hero,.big-cta,.service-visual-showcase{position:relative;isolation:isolate}
.hero::before,.big-cta::before,.service-visual-showcase::before{
  content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:0;
  filter:blur(10px);opacity:.95;mix-blend-mode:screen;
}
.hero::before{
  width:440px;height:440px;right:-140px;top:-60px;
  background:radial-gradient(circle,rgba(46,91,238,.18) 0%,rgba(46,91,238,.05) 36%,transparent 68%);
  animation:ambientFloat 15s ease-in-out infinite;
}
.big-cta::before{
  width:360px;height:360px;left:-100px;bottom:-100px;
  background:radial-gradient(circle,rgba(56,210,104,.18) 0%,rgba(56,210,104,.06) 38%,transparent 72%);
  animation:ambientFloat 16s ease-in-out infinite reverse;
}
.service-visual-showcase::before{
  width:320px;height:320px;right:-80px;top:-60px;
  background:radial-gradient(circle,rgba(64,112,244,.16) 0%,rgba(64,112,244,.05) 38%,transparent 72%);
  animation:ambientFloat 18s ease-in-out infinite;
}
.hero > *, .big-cta > *, .service-visual-showcase > *{position:relative;z-index:1}
.hero-art,.service-card,.portfolio-section-card,.service-offer-card,.about-mini-card,.profile-preview,.portfolio-feature,.genuine-project-gallery figure{will-change:transform,opacity}
.hero-art{transform:translateZ(0);transition:transform .55s cubic-bezier(.2,.7,.2,1), box-shadow .55s cubic-bezier(.2,.7,.2,1)}
.hero-art:hover{transform:translateY(-4px) scale(1.012);box-shadow:0 34px 80px rgba(8,18,34,.25)}
.hero-logo{animation:logoSettle 1.5s cubic-bezier(.2,.7,.2,1) both .18s}

.btn,.header-cta,.mobile-contact{position:relative;overflow:hidden}
.btn::after,.header-cta::after,.mobile-contact::after{
  content:"";position:absolute;top:0;bottom:0;left:-28%;width:20%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-22deg);opacity:0;transition:left .65s ease,opacity .2s ease;
}
.btn:hover::after,.header-cta:hover::after,.mobile-contact:hover::after,
.btn:focus-visible::after,.header-cta:focus-visible::after,.mobile-contact:focus-visible::after{left:118%;opacity:1}
.header-cta{box-shadow:0 10px 22px rgba(36,66,194,.14)}
.header-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(23,146,50,.18)}
.btn-primary{box-shadow:0 14px 26px rgba(31,84,198,.16)}
.btn-primary:hover{box-shadow:0 18px 38px rgba(24,148,70,.25)}

.section h2,.big-cta h2,.story-copy h2{position:relative}
.section h2::after,.big-cta h2::after,.story-copy h2::after{
  content:"";display:block;width:92px;height:3px;margin-top:18px;border-radius:999px;
  background:linear-gradient(90deg,#2741c3 0%,#1aad48 100%);
  transform-origin:left center;transform:scaleX(.18);opacity:.18;
  transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .9s cubic-bezier(.2,.7,.2,1);
}
.section.section-inview h2::after,.big-cta.section-inview h2::after,.story-copy.section-inview h2::after,
.section h2.is-visible::after,.big-cta h2.is-visible::after,.story-copy h2.is-visible::after{transform:scaleX(1);opacity:1}

.section-head>p,.hero-lead,.hero-actions,.hero-foot,.large-body,.deliver-list li,.service-sector-tags a,.related-service-links a,.contact-item,.contact-form,.portfolio-note,.portfolio-limited-note,.footer-top>div,.footer-bottom>*{
  transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
}

.service-card,.service-offer-card,.portfolio-section-card,.portfolio-feature,.about-mini-card,.profile-preview,.related-service-links a,.process-item{
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s cubic-bezier(.2,.7,.2,1),border-color .35s ease,background .35s ease;
}
.service-card:hover,.portfolio-feature:hover,.profile-preview:hover,.process-item:hover{transform:translateY(-8px)}
.service-card:hover{box-shadow:0 24px 58px rgba(8,18,34,.22)}
.service-card .text-link{transition:gap .35s ease, color .35s ease}
.service-card:hover .text-link{gap:28px;color:#fff}
.process-item:hover{box-shadow:0 18px 46px rgba(18,35,71,.10);background:#f8fafc}

.portfolio-section-card:hover,.genuine-project-card:hover{transform:translateY(-8px)}
.portfolio-section-art img,.service-offer-img,.editorial-teaser-img,.portfolio-feature-img,.social-example{transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .75s cubic-bezier(.2,.7,.2,1)}
.portfolio-section-card:hover .portfolio-section-art img,
.portfolio-feature:hover .portfolio-feature-img,
.editorial-teaser:hover .editorial-teaser-img,
.social-example:hover,
.service-offer-card:hover .service-offer-img{transform:scale(1.04)}
.portfolio-section-copy p,.portfolio-section-copy small{transition:color .35s ease}
.portfolio-section-card:hover .portfolio-section-copy p,.portfolio-section-card:hover .portfolio-section-copy small{color:#41526e}

.genuine-project-gallery .portfolio-figure-link:hover img{transform:scale(1.018)}
.genuine-project-gallery .portfolio-figure-link:hover::before{opacity:.72;filter:blur(30px) saturate(1.12)}

.profile-hero-picture{height:620px}
.profile-hero-picture img{padding:34px 28px 0;object-position:center bottom}
.about-mini-photo img,.profile-visual img,.profile-hero-picture img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.about-mini-card:hover .about-mini-photo img,.profile-preview:hover .profile-visual img,.profile-hero-picture:hover img{transform:translateY(-4px) scale(1.01)}

.floating-cta{
  position:fixed;right:22px;bottom:22px;z-index:70;
  display:inline-flex;align-items:center;gap:14px;padding:16px 18px;border-radius:999px;
  color:#fff;background:linear-gradient(90deg,#2643c5 0%,#1aaa47 100%);
  box-shadow:0 20px 46px rgba(7,17,34,.22);font-weight:800;font-size:14px;letter-spacing:.01em;
  transform:translateY(28px);opacity:0;pointer-events:none;
  transition:opacity .4s ease,transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease;
}
.floating-cta.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.floating-cta:hover{box-shadow:0 24px 56px rgba(6,16,32,.30);transform:translateY(-2px)}
.floating-cta .floating-cta-note{display:block;font-size:11px;font-weight:650;opacity:.78;letter-spacing:.06em}
.floating-cta .floating-cta-title{display:block;font-size:14px;font-weight:800}
.floating-cta .floating-cta-arrow{font-size:17px;line-height:1}

@keyframes ambientFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-10px,14px,0) scale(1.04)}
}
@keyframes logoSettle{
  0%{opacity:0;transform:translateY(18px) scale(.96)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes ctaPulse{
  0%,100%{box-shadow:0 20px 46px rgba(7,17,34,.22)}
  50%{box-shadow:0 22px 56px rgba(23,146,50,.28)}
}
.floating-cta.visible{animation:ctaPulse 3.6s ease-in-out infinite}

@media (prefers-reduced-motion:no-preference){
  .hero-copy > *{animation:softRise .9s cubic-bezier(.2,.7,.2,1) both}
  .hero-copy > *:nth-child(1){animation-delay:.05s}
  .hero-copy > *:nth-child(2){animation-delay:.12s}
  .hero-copy > *:nth-child(3){animation-delay:.19s}
  .hero-copy > *:nth-child(4){animation-delay:.26s}
  .hero-copy > *:nth-child(5){animation-delay:.33s}
  @keyframes softRise{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}
}
@media(max-width:980px){
  .floating-cta{right:16px;left:16px;bottom:14px;justify-content:space-between;border-radius:18px;padding:15px 16px 16px}
  .floating-cta .floating-cta-note{font-size:10px}
}
@media(max-width:680px){
  body::before{height:2px}
  .site-header.is-scrolled .header-inner{height:76px}
  .hero::before,.big-cta::before,.service-visual-showcase::before{opacity:.7}
  .profile-hero-picture{height:470px}
  .profile-hero-picture img{padding:20px 16px 0}
  .floating-cta{font-size:13px;padding:14px 15px 15px}
}
@media(prefers-reduced-motion:reduce){
  body::before,.hero::before,.big-cta::before,.service-visual-showcase::before{display:none}
  .floating-cta,.hero-art,.about-mini-photo img,.profile-visual img,.profile-hero-picture img,.btn::after,.header-cta::after,.mobile-contact::after{animation:none!important;transition:none!important}
}


/* V10: Portfolio rotation + recruiting sector cards */
.portfolio-section-art.has-rotation img{opacity:1;transition:opacity .45s ease,transform .75s cubic-bezier(.2,.7,.2,1),filter .75s cubic-bezier(.2,.7,.2,1)}
.portfolio-section-art.is-switching img{opacity:.22}
.portfolio-figure-link.no-link{cursor:default}
.recruiting-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.recruiting-sector-card{margin:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px rgba(18,35,58,.10);border:1px solid rgba(20,48,82,.07)}
.recruiting-sector-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.recruiting-sector-card figcaption{padding:16px 18px 18px;display:grid;gap:7px}
.recruiting-sector-card small{font-size:11px;letter-spacing:.18em;color:#61738c;font-weight:800}
.recruiting-sector-card strong{font-size:22px;letter-spacing:-.03em;color:#162035}
.recruiting-sector-card p{margin:0;color:#58677d;font-size:14px;line-height:1.6}
@media(max-width:680px){.recruiting-media-grid{grid-template-columns:1fr}}


/* V11 – refined editorial luxury without excessive motion */
:root{--soft-shadow:0 22px 52px rgba(9,24,51,.13)}
.hero-art,.service-card,.editorial-teaser,.portfolio-feature,.portfolio-section-card,.service-offer-card,.genuine-project-gallery figure,.recruiting-sector-card{border-radius:18px;overflow:hidden}
.service-card,.editorial-teaser,.portfolio-feature,.service-offer-card{box-shadow:var(--soft-shadow)}
.portfolio-section-art{height:204px!important;border-radius:18px 18px 0 0;position:relative}
.portfolio-section-art img{padding:12px;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 12px 18px rgba(12,25,48,.16))}
.portfolio-section-art::before{content:"";position:absolute;inset:-12px;background-image:var(--project-cover);background-size:cover;background-position:center;filter:blur(24px) saturate(.8);opacity:.35;transform:scale(1.1)}
.portfolio-section-art.is-switching img{opacity:.05;transform:scale(.98)}
.portfolio-section-art img{transition:opacity .48s cubic-bezier(.3,.8,.2,1),transform .65s ease}
.portfolio-section-card:hover .portfolio-section-art img{transform:scale(1.02)}
.genuine-project-gallery figure{border-radius:20px;box-shadow:0 18px 42px rgba(9,25,53,.10)}
.genuine-project-gallery .portfolio-figure-link{cursor:default}
.genuine-project-gallery .portfolio-figure-link img{padding:16px;object-fit:contain!important;filter:drop-shadow(0 9px 23px rgba(13,25,48,.18))}
.profile-hero-picture,.about-mini-card,.profile-preview{border-radius:24px;overflow:hidden;box-shadow:0 26px 62px rgba(11,23,48,.23)}
.profile-hero-picture{height:660px;background:linear-gradient(140deg,#263652,#0e172c)}
.profile-hero-picture img{height:100%;width:100%;object-fit:contain!important;object-position:center bottom!important;padding:22px 18px 0;filter:drop-shadow(0 25px 40px rgba(0,0,0,.25))}
.about-mini-photo img{object-fit:contain!important;object-position:center bottom!important;padding:8px 8px 0}
.about-mini-card:hover,.profile-preview:hover{transform:translateY(-5px)}
.service-offer-img{object-fit:cover;object-position:center;filter:saturate(.94) contrast(1.02)}
.art-star,.hero-star{display:none!important}
.big-cta::after{display:none!important}
.art-ring.a::before{display:none!important}
.tiny-dot{display:none!important}
.section-head h2::after,.big-cta h2::after{height:3px;width:86px;border-radius:6px;background:linear-gradient(90deg,#213caa,#16a34a)}
.contact-privacy-note{font-size:13px!important;line-height:1.65!important;color:#586879!important;margin:18px 0 0}
.contact-privacy-note a{text-decoration:underline;text-underline-offset:3px;color:#213caa;font-weight:750}
.contact-form button[type=submit]{background:linear-gradient(90deg,#233fab,#199b4a);color:#fff;border-radius:12px}
.contact-form button[type=submit]:hover{filter:brightness(1.05)}
.contact-item a:hover{color:#15974b}
.contact-form{border-radius:20px;box-shadow:0 22px 50px rgba(13,28,60,.1)}
.recruiting-sector-card img{filter:saturate(.89) contrast(1.02);object-position:center}
.hero .hero-lead{max-width:60ch}
.em-reveal{opacity:.03;transform:translateY(30px);transition:opacity 930ms cubic-bezier(.17,.68,.22,1),transform 930ms cubic-bezier(.17,.68,.22,1);transition-delay:var(--stagger,0ms)}
.em-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(min-width:981px){.portfolio-section-art{height:220px!important}.profile-hero-picture{height:660px}}
@media(max-width:680px){.profile-hero-picture{height:560px}.profile-hero-picture img{padding:16px 9px 0}.portfolio-section-art{height:234px!important}.service-offer-img{height:210px}.floating-cta{box-shadow:0 12px 28px rgba(10,25,50,.24)}}
@media(prefers-reduced-motion:reduce){.em-reveal{opacity:1!important;transform:none!important;transition:none!important}.portfolio-section-art img{transition:none!important}.profile-hero-picture img{transition:none!important}}

/* V12: edge-to-edge authentic portrait without the former visible inset/border */
.about-mini-photo,.profile-visual,.profile-hero-picture{background:none!important;border:0!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 20px 50px rgba(8,19,37,.20)!important}
.about-mini-photo::before,.profile-visual::before,.profile-hero-picture::before{display:none!important}
.about-mini-photo img,.profile-visual img,.profile-hero-picture img{width:100%!important;height:100%!important;display:block!important;padding:0!important;margin:0!important;object-fit:cover!important;object-position:center 32%!important;filter:none!important;border:0!important;border-radius:0!important}
.profile-hero-picture{height:550px!important;max-width:440px;margin:auto}
.profile-hero-picture img{object-position:center 35%!important}
.recruit-app{max-width:960px;margin:auto}.recruit-app .app-field{display:flex;flex-direction:column;gap:9px}
.recruit-app label{font-weight:700;color:#182942;font-size:15px}
.recruit-app input,.recruit-app select,.recruit-app textarea{width:100%;border:1px solid #b7c5d8;border-radius:10px;padding:14px 15px;font:inherit;color:#17213a;background:#fff}
.recruit-app input:focus,.recruit-app select:focus,.recruit-app textarea:focus{outline:2px solid #2846bd;outline-offset:1px}
.recruit-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.recruit-app .app-wide{grid-column:1/-1}.recruit-consent{display:flex;align-items:start;gap:12px;padding:17px;border:1px solid #d7e1ef;border-radius:12px;background:#f7f9fc}
.recruit-consent input{width:auto;margin-top:5px}.recruit-consent label{font-weight:450;line-height:1.6}
.recruit-hint{margin-top:16px;font-size:14px;color:#50617a}.recruit-result{padding:14px 17px;border-radius:10px;background:#ecf2fa;color:#182d4c;margin-top:16px;min-height:20px}
@media(max-width:680px){.recruit-app-grid{grid-template-columns:1fr}.profile-hero-picture{height:430px!important}.about-mini-photo img{object-position:center 25%!important}}

/* EM V16 – Edge-to-edge photo presentation: no letterboxing, no blurred background */
.genuine-project-card .portfolio-section-art,.portfolio-section-art.has-rotation{height:238px!important;position:relative;overflow:hidden;background:transparent!important;padding:0!important}
.genuine-project-card .portfolio-section-art::before,.genuine-project-card .portfolio-section-art::after,.portfolio-section-art::before,.portfolio-section-art::after{content:none!important;display:none!important}
.genuine-project-card .portfolio-section-art img,.portfolio-section-art.has-rotation img,.portfolio-section-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;margin:0!important;max-width:none!important;max-height:none!important;border:0!important;filter:none!important;display:block!important}
.portfolio-section-art .portfolio-nr{position:absolute!important;z-index:3!important;top:12px;left:12px;background:rgba(8,16,28,.70);border-radius:100px;padding:6px 11px;color:#fff}
.genuine-project-gallery{display:block!important;columns:3 260px;column-gap:14px;background:transparent!important}
.genuine-project-gallery figure.em-shot{display:block!important;break-inside:avoid;margin:0 0 14px!important;padding:0!important;border:0!important;border-radius:11px!important;background:transparent!important;overflow:hidden!important;box-shadow:none!important}
.genuine-project-gallery figure.em-shot img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;max-width:none!important;object-fit:initial!important;padding:0!important;margin:0!important;filter:none!important;border:0!important;border-radius:0!important;transform:none!important}
.genuine-project-gallery .portfolio-video{break-inside:avoid;display:block!important;margin:0 0 14px!important;background:#121e31;padding:12px!important;border-radius:12px!important}
.genuine-project-gallery .portfolio-video video{max-width:100%;width:100%;height:auto;border-radius:9px}
.service-offer-img{object-fit:cover!important;object-position:center!important;padding:0!important}
@media(max-width:740px){.genuine-project-gallery{columns:2 130px;column-gap:9px}.genuine-project-gallery figure.em-shot{margin-bottom:9px!important}.portfolio-section-art{height:218px!important}}

/* Public creator registration */
.creator-step-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,1.25fr);gap:22px;align-items:start}.creator-step-grid>.card{border-radius:18px;padding:30px;background:#fff;border:1px solid #dbe3ed;box-shadow:0 18px 44px #12223a14}.creator-step-grid h3{color:#16253d;font-size:28px}.creator-step-grid label{display:block;font-size:14px;color:#253750;font-weight:650;margin:10px 0 6px}.creator-step-grid input,.creator-step-grid select,.creator-step-grid textarea{border:1px solid #c5d0e0;border-radius:9px;background:white;color:#142438;padding:12px;width:100%;font:inherit}.creator-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.creator-step-grid [hidden]{display:none!important}.creator-help{font-size:13px}.creator-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.creator-fields .app-wide{grid-column:1/-1}.creator-agree{display:flex;align-items:flex-start;gap:10px;margin:24px 0}.creator-agree input{width:auto;margin-top:5px}.creator-agree label{margin:0!important;font-weight:400;line-height:1.5}.creator-feedback{min-height:22px;font-weight:650;color:#194e38}.creator-success{background:#ecfaee!important}.service-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:780px){.creator-step-grid,.creator-fields{grid-template-columns:1fr}.service-offer-grid{grid-template-columns:1fr}}

/* V25: direct CRM contact form */
.contact-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-consent{display:flex!important;align-items:flex-start;gap:10px;margin:8px 0 18px;font-size:13px;line-height:1.5}
.contact-consent input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:#168e60}
.contact-consent a{text-decoration:underline;color:#1d55a7}
.contact-form button:disabled{opacity:.7;cursor:wait}
.form-message.success{color:#116a37;font-weight:700}.form-message.error{color:#9c2432;font-weight:700}

/* V37 – Gründerprofil, neue Automotive-Auswahl und Corporate-Illustrationen */
.em-founder-hero{background:linear-gradient(135deg,#0e1729,#233658);color:#fff}.em-founder-subtitle{font-size:clamp(20px,2.5vw,32px);line-height:1.25;letter-spacing:-.035em;max-width:640px;margin:23px 0 14px;color:#dfedae}.em-founder-roles{color:#c8d5e4;line-height:1.8;font-size:14px;max-width:740px;margin:0 0 25px}
.em-founder-stat-section{background:#e9eef4;border-bottom:1px solid #d9e0ea;padding:30px 0}.em-founder-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.em-founder-stats>div{border-right:1px solid #c9d4e2;display:flex;flex-direction:column;gap:10px;padding:14px 20px}.em-founder-stats strong{font-size:clamp(35px,4.5vw,67px);color:#182a47;line-height:1;letter-spacing:-.07em}.em-founder-stats span{font-size:12px;font-weight:800;color:#5e7490;letter-spacing:.07em;text-transform:uppercase}
.em-founder-content{background:#fafbfd}.em-founder-layout{display:grid;grid-template-columns:.33fr .67fr;gap:7%;align-items:start}.em-founder-aside{background:#172640;border-top:4px solid #c8bb88;color:#fff;padding:30px;position:sticky;top:24px}.em-founder-aside>span{font-size:11px;letter-spacing:.15em;color:#d7e6a8}.em-founder-aside p{font-size:22px;line-height:1.4;font-weight:650;letter-spacing:-.03em;margin:26px 0}.em-founder-aside strong{display:block;color:#cddfa7;font-size:17px;line-height:1.7}
.em-founder-copy{max-width:860px}.em-founder-copy h2{font-size:clamp(31px,3.5vw,50px);line-height:1.08;letter-spacing:-.055em;margin-bottom:30px}.em-founder-copy h3{font-size:clamp(23px,3vw,36px);line-height:1.18;letter-spacing:-.04em;margin:44px 0 16px;color:#192e50}.em-founder-copy p{font-size:16px;line-height:1.95;color:#425570;margin:0 0 20px}.em-founder-copy strong{color:#162847}.em-founder-copy blockquote{background:#edf2f6;border-left:4px solid #bca979;padding:25px 30px;margin:34px 0;font-size:19px;line-height:1.55;color:#16375b;font-weight:760}
.em-founder-manifesto{background:#172c49;color:#fff;margin-top:34px;padding:30px;font-size:clamp(21px,2.3vw,30px);line-height:1.65;letter-spacing:-.02em}.em-founder-manifesto em{font-style:normal;color:#cfdca4}
.em-founder-skills{background:#eef2f6}.em-skills-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.em-skills-grid article{background:#fff;border:1px solid #dce4ed;border-radius:16px;padding:23px;min-height:232px}.em-skills-grid article>span{color:#4b6788;font-size:10px;letter-spacing:.15em;font-weight:850}.em-skills-grid h3{font-size:22px;color:#1d3454;letter-spacing:-.04em;margin:22px 0 10px;line-height:1.13}.em-skills-grid p{line-height:1.7;font-size:13px;color:#5c6e83;margin:0}
.em-auto-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.em-auto-feature{margin:0;background:#fff;border:1px solid #d7e1ec;overflow:hidden;border-radius:17px;box-shadow:0 15px 32px #15294416}.em-auto-feature img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.em-auto-before-after img{object-fit:contain;background:#edf2f7}.em-auto-feature figcaption{padding:17px 19px}.em-auto-feature figcaption span{font-size:10px;letter-spacing:.15em;color:#6c7f96;display:block}.em-auto-feature figcaption strong{font-size:18px;color:#1b304e;display:block;margin-top:7px;letter-spacing:-.02em}
.em-corporate-card{border-radius:14px!important;box-shadow:0 18px 36px #14233f22}.em-corporate-card .media-slot-copy{display:flex;flex-direction:column;gap:9px}.em-corporate-card .media-slot-copy strong{font-size:23px;letter-spacing:-.04em}.em-corporate-note{font-size:12px;color:#66788c;margin-top:12px;line-height:1.75}
@media(max-width:1000px){.em-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.em-founder-layout{grid-template-columns:1fr}.em-founder-aside{position:relative;top:auto}}
@media(max-width:760px){.em-founder-stats{grid-template-columns:1fr}.em-founder-stats>div{border-right:0;border-bottom:1px solid #c9d4e2}.em-auto-selection{grid-template-columns:1fr}.em-skills-grid{grid-template-columns:1fr}.em-founder-aside{padding:20px}}

/* V42 Creator discoverability – real founder portrait, no generated person imagery. */
.em-seo-founder{background:#f3f7f8;padding:clamp(58px,7vw,112px) 0;color:#17243e}
.em-seo-founder-grid{display:grid;grid-template-columns:minmax(230px,.67fr) minmax(300px,1.33fr);gap:clamp(30px,5vw,90px);align-items:center}
.em-seo-founder-photo{display:block;border-radius:18px;overflow:hidden;max-height:520px;box-shadow:0 30px 58px rgba(18,32,59,.16)}
.em-seo-founder-photo img{width:100%;height:100%;max-height:520px;aspect-ratio:4/5;object-fit:cover;object-position:center 22%;display:block}
.em-seo-founder-copy h2,.em-seo-socials h2{font-size:clamp(29px,3.7vw,55px);letter-spacing:-.055em;line-height:1.12;margin:14px 0 18px;color:#162542}
.em-seo-founder-copy p:not(.eyebrow),.em-seo-socials p:not(.eyebrow){font-size:16px;line-height:1.9;max-width:680px;color:#4b5e76}
.em-seo-founder-link{display:inline-flex;align-items:center;gap:12px;margin-top:22px;font-size:14px;font-weight:800;color:#173d60;border-bottom:2px solid #3bc46f;padding-bottom:8px}
.em-social-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.em-social-actions a{display:inline-block;color:#10304a;border:1px solid #cbdbe2;border-radius:999px;padding:11px 17px;font-size:12px;font-weight:780;text-decoration:none;background:#fff}
.em-social-actions a:hover,.em-social-actions a:focus-visible{border-color:#3bc46f;background:#e9f9f0}
.em-seo-socials{background:#f7fafb;padding:55px 0;color:#182943}
.em-seo-socials-inner{max-width:1180px}
@media(max-width:740px){.em-seo-founder-grid{grid-template-columns:1fr}.em-seo-founder-photo{max-width:390px}.em-seo-founder-photo img{max-height:390px}}