/* Company profiles: independent visual chapters and practical information. */
.company-card-topics{padding:17px 0 0;margin:19px 0 0;border-top:1px solid #d3dacb;list-style:none;display:grid;gap:7px}
.company-card-topics li{font-size:9px;line-height:1.6;color:#53694e;display:flex;gap:8px}
.company-card-topics li:before{content:'↗';flex:none;color:#8a9d61}
.company-chapters{display:flex;align-items:center;gap:26px;padding:19px 0;border-block:1px solid var(--line);background:var(--paper);position:sticky;top:88px;z-index:19}
.company-chapters>span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-right:auto}
.company-chapters>a{font-size:10px;font-weight:600;white-space:nowrap}.company-chapters>a:hover{color:#7d944f}
.company-page #company-experience,.company-page #company-insights,.company-page #company-faq,.company-page #company-contact{scroll-margin-top:65px}
.company-studio{padding-block:65px 75px;--studio-accent:#5f7c49}
.depth-section-head{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:65px}
.depth-section-head h2{font-size:clamp(34px,3.7vw,53px);margin-top:23px}
.depth-section-head>p{font-size:13px;color:var(--muted);line-height:1.9;max-width:450px}
.studio-controls{display:flex;gap:9px;flex-wrap:wrap;margin:34px 0 28px}
.studio-controls button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:45px;padding:12px 19px;background:transparent;color:var(--forest);border:1px solid #bbc7b1;border-radius:30px;font-size:11px;font-weight:600;transition:background .35s,color .35s,border-color .35s,transform .35s}
.studio-controls button>span{font-size:8px;font-weight:400;opacity:.6}
.studio-controls button[aria-pressed=true]{background:var(--forest);color:var(--paper);border-color:var(--forest)}
.studio-controls button:hover{transform:translateY(-3px)}
.studio-layout{display:grid;grid-template-columns:1.32fr 1fr;gap:50px;align-items:center}
.studio-visual{min-width:0;position:relative}.studio-copy{min-width:0}
.company-mode-panel{position:relative;padding:35px 0 20px;border-top:1px solid var(--line);min-height:390px}
.studio-mode-number{position:absolute;right:4px;top:14px;font-size:95px;font-weight:500;letter-spacing:-.09em;line-height:1;color:#e3e8d9;pointer-events:none}
.company-mode-panel h3{font-size:33px;max-width:360px;line-height:1.2;position:relative;z-index:1;margin:21px 0 23px}
.company-mode-panel>p{font-size:13px;line-height:1.9;color:var(--muted);position:relative;z-index:1}
.company-mode-panel>ul{padding:0;margin:24px 0;list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.company-mode-panel>ul>li{font-size:9px;color:#536c42;border:1px solid #bcc9ae;border-radius:20px;padding:5px 10px}
.studio-hint{border-left:2px solid #9fb375;padding-left:15px;font-size:11px;color:#65795a;line-height:1.85;margin-top:24px}
.route-lab{position:relative;overflow:hidden;border-radius:7px;background:var(--forest);box-shadow:0 20px 40px #183c3115;color:var(--paper)}
.route-lab:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,#b8cf7f15,transparent 70%);pointer-events:none}
.lab-topline{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 22px 0;position:relative;z-index:1;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.route-lab .lab-topline{color:#b9cfa9}.route-lab .lab-topline>span:last-child{color:var(--lime);text-align:right}
.route-lab-svg{width:100%;height:auto;display:block;overflow:visible;padding-block:7px 15px}
.route-lab-svg text{font-family:Manrope,Arial,sans-serif;font-size:12px;letter-spacing:1.3px;fill:#bccfa5}
.lab-lines path{fill:none;stroke:#8fa970;stroke-width:2.5;stroke-dasharray:5 8;opacity:.25;transition:opacity .6s,stroke .6s}
.lab-dest{opacity:.3;transform-box:fill-box;transform-origin:center;transition:opacity .7s,transform .8s cubic-bezier(.16,1,.3,1)}
.company-studio[data-mode=paket] [data-lab-route=paket],.company-studio[data-mode=spedition] [data-lab-route=spedition],.company-studio[data-mode=direkt] [data-lab-route=direkt]{opacity:1;stroke:var(--lime);stroke-width:3.5}
.company-studio[data-mode=paket] [data-destination=paket],.company-studio[data-mode=spedition] [data-destination=spedition],.company-studio[data-mode=direkt] [data-destination=direkt]{opacity:1;transform:translateY(-8px)}
.lab-bottomline{display:flex;justify-content:space-between;gap:20px;padding:0 22px 23px;color:#bdceae;font-size:7px;letter-spacing:.04em}
.lab-bottomline>span:last-child{color:#8fa67d;text-align:right}.lab-parcel{pointer-events:none}
html[data-motion=on] .scene-visible .lab-lines path{animation:lab-route-travel 10s linear infinite}
html[data-motion=on] .scene-visible .lab-warehouse{animation:lab-warehouse-float 6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}
@keyframes lab-route-travel{to{stroke-dashoffset:-260}}@keyframes lab-warehouse-float{to{transform:translateY(-5px)}}
.company-studio[data-company-studio=arvotec]{--studio-accent:#a82e2c}
.company-studio[data-company-studio=arvotec] .studio-controls button[aria-pressed=true]{background:#a82e2c;border-color:#a82e2c}
.company-studio[data-company-studio=arvotec] .studio-hint{border-color:#b96358}
.arvotec-model-stage{position:relative;background:#e4eada;border:1px solid #ccd7bf;border-radius:7px;padding:28px 15px 20px;overflow:hidden;min-height:460px}
.arvotec-model-stage .fence-blueprint{padding:0 20px;margin:0;border:0;background:transparent;border-radius:0;overflow:visible}
.arvotec-model-stage .fence-model{width:86%;height:245px;margin:14px auto 18px;transform:rotate(-6deg);transform-style:preserve-3d}
.arvotec-model-stage .blueprint-label{font-size:8px;letter-spacing:.1em;line-height:1.7}
.arvotec-model-stage .blueprint-legend{font-size:8px;gap:20px}.arvotec-model-stage .fence-interaction{padding-top:15px;margin-top:20px}
.arvotec-model-stage .fence-interaction>span{font-size:7px}.arvotec-model-stage .fence-control{font-size:9px;padding:9px 13px;min-height:38px;gap:15px}
.arvotec-model-stage .fence-field{transition:opacity .5s,transform 1.2s cubic-bezier(.16,1,.3,1)}
.arvotec-model-stage .fence-post{transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .5s}
.fence-screen{position:absolute;inset:10% 2% 8%;background:repeating-linear-gradient(0deg,#708667 0,#708667 14px,#9bad8b 15px,#9bad8b 17px);opacity:0;transform:translateY(25px);transition:opacity .7s,transform 1s cubic-bezier(.16,1,.3,1);pointer-events:none}
.arvotec-model-stage .fence-field i{position:relative;z-index:2}.arvotec-model-stage .fence-field b,.arvotec-model-stage .fence-handle{z-index:3}
.company-studio[data-mode=pfosten] .fence-field{opacity:.35}.company-studio[data-mode=matten] .fence-post{opacity:.45}
.company-studio[data-mode=tor] .fence-field:not(.field-1),.company-studio[data-mode=tor] .post-0,.company-studio[data-mode=tor] .post-3{opacity:.3}
.company-studio[data-mode=sichtschutz] .fence-screen{opacity:.95;transform:translateY(0)}
.explode-control{display:flex;gap:10px;align-items:center;justify-content:center;margin:20px auto 0;border:1px solid #b0c29b;border-radius:25px;background:#f5f8ec;color:var(--forest);padding:10px 15px;font-size:9px;min-height:39px;transition:background .35s}
.explode-control>span{font-size:17px}.explode-control:hover,.explode-control[aria-pressed=true]{background:#d6e5b7}
.arvotec-model-stage.exploded .field-0{transform:translate(-20px,-35px) skewY(-8deg)}
.arvotec-model-stage.exploded .field-1{transform:translateY(-63px) skewY(-8deg) rotateY(0deg)}
.arvotec-model-stage.exploded .field-2{transform:translate(20px,-35px) skewY(-8deg)}
.arvotec-model-stage.exploded .fence-post{transform:translateY(22px) skewY(-8deg)}
.arvotec-model-stage.exploded .gate-open .field-1{transform:translateY(-63px) skewY(-8deg) rotateY(-62deg)}
.arvotec-model-stage.exploded .fence-screen{transform:translateY(-20px)}
.arvotec-model-stage .fence-model{transition:margin-top 1.2s cubic-bezier(.16,1,.3,1)}
.arvotec-model-stage.exploded .fence-model{margin-top:75px}
.living-lab{position:relative;background:#ebe7d4;border:1px solid #d7d9be;border-radius:7px;overflow:hidden;isolation:isolate;min-height:400px}
.living-lab .lab-topline{color:#6c7958}.living-lab .lab-topline>span:last-child{color:#7b8a5d;white-space:nowrap}
.living-lab-svg{display:block;width:100%;height:auto;position:relative;z-index:1;transform:perspective(1000px) rotateX(var(--garden-rx,0deg)) rotateY(var(--garden-ry,0deg));transition:transform .6s ease}
.living-lab-svg text{font:11px Manrope,Arial,sans-serif;letter-spacing:1.3px;fill:#58704c}
.living-layer{opacity:.3;transform-box:fill-box;transform-origin:center;transition:opacity .75s,transform 1.1s cubic-bezier(.16,1,.3,1)}
.company-studio[data-mode=lounge] [data-living-part=lounge]{opacity:1;transform:translateY(-12px)}
.company-studio[data-mode=stauraum] [data-living-part=stauraum]{opacity:1;transform:translateY(-24px) rotate(-2deg)}
.company-studio[data-mode=rahmen] [data-living-part=rahmen]{opacity:1;transform:translateY(-14px)}
.living-planter{transform-box:fill-box;transform-origin:bottom center}.living-label{position:relative;z-index:2;padding:0 24px 25px;color:var(--forest)}
.living-label>span{display:block;font-size:14px;font-weight:600;letter-spacing:-.02em}.living-label>small{font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:#89916f;display:block;margin-top:5px}
.living-orbit{position:absolute;z-index:0;inset:15% -10% 0;border:1px solid #bfc8a4;border-radius:50%;transform:rotate(-22deg) scale(1,.6)}
html[data-motion=on] .scene-visible .living-planter{animation:garden-sway 7s ease-in-out infinite alternate}
html[data-motion=on] .scene-visible .living-orbit{animation:garden-orbit 35s linear infinite}
@keyframes garden-sway{to{transform:rotate(3deg)}}@keyframes garden-orbit{to{transform:rotate(338deg) scale(1,.6)}}
.company-depth{border-top:1px solid var(--line)}.depth-process{padding-block:65px}
.depth-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:27px;margin-top:45px}
.depth-steps>article{border-top:1px solid #b9c8a6;padding:25px 0 0;position:relative}
.depth-step-index{display:block;font-size:38px;letter-spacing:-.07em;line-height:1;color:#80976a;margin-bottom:25px}
.depth-steps h3{font-size:22px;line-height:1.3;min-height:57px}
.depth-steps p{font-size:11px;color:var(--muted);line-height:1.95;margin-top:18px}
.company-worlds{padding-block:40px 60px;border-top:1px solid var(--line)}
.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin-top:28px}
.world-grid>article{position:relative;background:#e9eddf;padding:27px;border:1px solid #d5dec9;border-radius:4px;overflow:hidden}
.world-grid>article>span{position:absolute;right:20px;top:13px;font-size:44px;color:#bdcdab}
.world-grid h3{font-size:25px;letter-spacing:-.035em;margin:24px 0 20px;position:relative;z-index:1}
.world-grid p{font-size:12px;color:var(--muted);line-height:1.9;position:relative;z-index:1}
.company-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
.company-gallery figure{margin:0;position:relative;overflow:hidden;isolation:isolate;border-radius:4px;background:#e0e5d5;aspect-ratio:.88}
.company-gallery figure:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#183c31dd,transparent 60%)}
.company-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.company-gallery figure:hover img{transform:scale(1.075)}
.company-gallery figcaption{position:absolute;left:23px;right:18px;bottom:23px;z-index:2;color:var(--paper);font-size:22px;line-height:1.2;letter-spacing:-.045em}
.company-gallery figcaption>span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#d1dec1;margin-top:13px}
.company-preparation{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;border-top:1px solid var(--line);padding-block:65px}
.prep-intro h2{font-size:37px;line-height:1.15;margin-top:23px}
.prep-intro>p{font-size:12px;color:var(--muted);line-height:1.95;margin-top:23px}
.prep-intro .text-link{font-size:11px;gap:20px;margin-top:24px;align-items:center}
.prep-checklist{border-top:1px solid var(--line)}
.prep-checklist>article{display:flex;align-items:start;gap:25px;border-bottom:1px solid var(--line);padding:25px 0}
.prep-checklist>article>span{font-size:9px;color:#8b9f70;line-height:1.7;padding-top:4px;flex:none}
.prep-checklist h3{font-size:19px;letter-spacing:-.025em;line-height:1.5}
.prep-checklist p{font-size:11px;color:var(--muted);line-height:1.95;margin-top:10px}
.company-faq{border-top:1px solid var(--line);padding-block:65px}.company-faq .faq-list{margin-top:38px}
.company-faq .faq-list summary{font-size:13px}.company-faq .faq-answer p{font-size:12px;max-width:820px}
html[data-motion=on] .company-page .detail-hero .detail-image.is-visible{animation:company-photo-reveal 1.4s cubic-bezier(.16,1,.3,1) both}
@keyframes company-photo-reveal{from{opacity:0;clip-path:inset(18% 0 35% 0 round 90px 4px 4px 4px);transform:translateY(35px) rotate(3deg)}to{opacity:1;clip-path:inset(0 round 90px 4px 4px 4px);transform:translateY(0) rotate(0)}}
@media(max-width:1100px){.studio-layout{gap:35px;grid-template-columns:1.25fr 1fr}.depth-section-head{gap:45px}.company-mode-panel h3{font-size:29px}.company-mode-panel>p{font-size:12px}.company-mode-panel{min-height:365px}.studio-hint{font-size:10px}.company-mode-panel>ul>li{font-size:8px}.lab-topline{padding-inline:17px;font-size:7px}.lab-bottomline{padding-inline:17px;font-size:6px}.arvotec-model-stage{min-height:430px;padding-inline:10px}.arvotec-model-stage .fence-blueprint{padding-inline:14px}.arvotec-model-stage .fence-model{height:220px}.arvotec-model-stage .blueprint-legend{gap:12px;font-size:7px}.living-lab{min-height:350px}.depth-steps{gap:22px}.depth-steps h3{font-size:21px}.world-grid{gap:20px}.world-grid>article{padding:22px}.world-grid h3{font-size:23px}.company-preparation{gap:50px}.prep-intro h2{font-size:34px}.company-gallery figcaption{font-size:20px;left:18px}}
@media(max-width:760px){.company-card-topics{padding-top:14px;margin-top:16px;gap:6px}.company-card-topics li{font-size:8px}.company-chapters{position:relative;top:auto;gap:20px;overflow-x:auto;scrollbar-width:thin;padding-block:17px}.company-chapters>span{display:none}.company-chapters>a{font-size:9px}.company-page #company-experience,.company-page #company-insights,.company-page #company-faq,.company-page #company-contact{scroll-margin-top:0}.company-studio{padding-block:43px 50px}.depth-section-head{grid-template-columns:1fr;gap:22px}.depth-section-head h2{font-size:35px;margin-top:20px}.depth-section-head>p{font-size:12px;max-width:500px}.studio-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:27px 0 25px}.studio-controls button{min-height:43px;font-size:10px;gap:9px;padding:10px 11px;line-height:1.5}.studio-controls button>span{font-size:7px;flex:none}.studio-layout{grid-template-columns:1fr;gap:23px}.route-lab,.living-lab,.arvotec-model-stage{max-width:560px;width:100%;margin-inline:auto}.route-lab-svg{padding-block:6px 10px;max-height:345px}.lab-topline{font-size:7px;padding-top:20px}.lab-bottomline{font-size:6px;padding-bottom:18px;gap:10px;line-height:1.7}.company-mode-panel{padding:18px 0 0;min-height:0}.company-mode-panel h3{font-size:29px;margin-top:16px;max-width:430px}.company-mode-panel>p{font-size:12px;max-width:520px}.studio-mode-number{font-size:75px;top:13px}.company-mode-panel>ul{margin-block:20px}.company-mode-panel>ul>li{font-size:8px}.studio-hint{font-size:10px;margin-top:21px;max-width:500px}.living-lab{min-height:0}.living-lab-svg{max-height:315px}.living-label{padding:0 19px 20px}.living-label>span{font-size:13px}.living-label>small{font-size:6px}.arvotec-model-stage{min-height:405px;padding-top:24px}.arvotec-model-stage .fence-model{height:220px;max-width:420px;margin-block:12px 15px;width:82%}.arvotec-model-stage .fence-interaction{margin-top:16px}.arvotec-model-stage .blueprint-legend{font-size:7px;gap:10px}.arvotec-model-stage .fence-control{font-size:8px;min-height:36px;padding-inline:10px}.arvotec-model-stage .fence-interaction>span{font-size:6px;max-width:90px}.explode-control{font-size:8px;margin-top:17px}.fence-screen{background-size:100% 80%}.depth-process{padding-block:45px}.depth-steps{grid-template-columns:1fr 1fr;gap:27px 23px;margin-top:32px}.depth-steps>article{padding-top:19px}.depth-step-index{font-size:32px;margin-bottom:20px}.depth-steps h3{font-size:22px;min-height:0;line-height:1.3}.depth-steps p{font-size:11px;margin-top:15px;line-height:1.9}.company-worlds{padding-block:32px 43px}.world-grid{grid-template-columns:1fr;gap:16px;margin-top:23px}.world-grid>article{padding:23px}.world-grid h3{font-size:27px;margin:10px 0 19px}.world-grid p{font-size:12px;max-width:510px}.company-gallery{grid-template-columns:1fr;gap:20px;max-width:520px;margin:30px auto 0}.company-gallery figure{aspect-ratio:1.22}.company-gallery figcaption{font-size:26px;left:23px;bottom:23px}.company-gallery figcaption>span{font-size:8px}.company-preparation{grid-template-columns:1fr;gap:30px;padding-block:45px}.prep-intro h2{font-size:32px;max-width:460px}.prep-intro>p{font-size:12px;max-width:520px}.prep-intro .text-link{font-size:10px;margin-top:19px}.prep-checklist>article{gap:20px;padding-block:21px}.prep-checklist h3{font-size:19px}.prep-checklist p{font-size:11px}.company-faq{padding-block:45px}.company-faq .faq-list{margin-top:29px}.company-faq .faq-list summary{font-size:12px}.company-faq .faq-answer p{font-size:11px}}
@media(max-width:390px){.depth-steps{grid-template-columns:1fr;gap:25px}.depth-steps h3{font-size:23px}.depth-steps p{font-size:11px;max-width:430px}.depth-steps>article{display:grid;grid-template-columns:35px 1fr;gap:0 17px}.depth-step-index{grid-row:1/3;font-size:29px;margin-bottom:0}.depth-steps h3{grid-column:2}.depth-steps p{grid-column:2;margin-top:12px}.company-chapters{gap:18px}.company-chapters>a{font-size:8px}.arvotec-model-stage .fence-model{height:195px}.arvotec-model-stage{min-height:375px}.arvotec-model-stage .blueprint-legend{gap:7px;font-size:6px}.lab-topline{font-size:6px;gap:10px;padding-inline:14px}.lab-bottomline{padding-inline:14px;font-size:5px}.studio-controls button{font-size:9px;padding-inline:9px}.company-mode-panel h3{font-size:27px}.company-gallery figure{aspect-ratio:1}.company-gallery figcaption{font-size:24px}}
@media(max-width:340px){.arvotec-model-stage .fence-model{width:77%;height:185px}.arvotec-model-stage .fence-blueprint{padding-inline:8px}.arvotec-model-stage .blueprint-label{font-size:7px}.arvotec-model-stage .blueprint-legend{font-size:6px;justify-content:flex-start}.arvotec-model-stage .fence-control{font-size:7px;gap:8px}.arvotec-model-stage .fence-interaction>span{font-size:5px}.explode-control{font-size:7px;gap:7px;padding-inline:10px}.living-lab .lab-topline{font-size:5px}.studio-hint{font-size:9px}}
