/* Homepage only. Shared chrome, original images and wordmark animation have separate owners. */
.portrait-home{--ph-ink:#272d35;--ph-muted:#626b71;--ph-accent:#247b25;--ph-line:#dfe5de}
.portrait-home .ph-container{width:calc(100% - 64px);max-width:1152px;margin-inline:auto}
.portrait-home .ph-section{padding:108px 0;background:#fff}
.portrait-home .ph-section h2,.portrait-home .ph-section h3{font-weight:600}
.portrait-home .ph-section h2{font-size:54px;line-height:1.08;letter-spacing:-.038em}
.portrait-home .ph-section h2 span{color:var(--ph-accent)}
.portrait-home .ph-eyebrow{font-family:Jakarta,Arial,sans-serif;font-size:11px;line-height:1.7;letter-spacing:.18em;font-weight:400;text-transform:uppercase;color:#607760;margin:0 0 23px}
.portrait-home .ph-section-heading{text-align:center;max-width:840px;margin:0 auto 58px}
.portrait-home .ph-description{font-size:17px;line-height:1.85;color:var(--ph-muted);max-width:735px;margin:25px auto 0}
.portrait-home .ph-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.portrait-home .ph-actions .button{font-size:15px;min-height:53px;line-height:1.4;padding:15px 23px;border-radius:8px;gap:18px;justify-content:center}
.portrait-home .ph-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:15px;font-weight:600;line-height:1.5;color:#287b29}
.portrait-home .ph-link>span{font-size:23px;font-weight:400}
.portrait-home .ph-link:hover{color:#174f19;text-decoration:underline;text-underline-offset:5px}
.portrait-home .ph-hero{position:relative;isolation:isolate;overflow:hidden;min-height:870px;background:#151a1f;color:#fff}
.portrait-home .ph-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 35%;z-index:-2}
.portrait-home .ph-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#151a1fd9 0%,#151a1f7d 38%,transparent 65%),linear-gradient(0deg,#151a1f85,transparent 40%)}
.portrait-home .ph-hero .ph-container{max-width:1568px}
.portrait-home .ph-hero-content{position:relative;padding-block:88px 74px}
.portrait-home .ph-hero .ph-eyebrow{color:#bdcdbd;font-size:13px;letter-spacing:3.4px;margin:0 0 28px}
.portrait-home .ph-hero h1{font-family:InterTight,Arial,sans-serif;font-size:clamp(70px,7vw,104px);font-weight:600;line-height:.99;letter-spacing:-.055em;max-width:900px;margin:0;color:white}
.portrait-home .ph-hero h1>span{color:#b6c7ba}
.portrait-home .ph-hero h1>em{display:inline-block;font-style:normal;background:linear-gradient(95deg,#b9d1c2,#2cc700 90%);background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.05em;margin-top:22px}
.portrait-home .ph-hero-description{max-width:555px;font-size:20px;line-height:1.5;color:#d3d9d5;margin:38px 0 31px;letter-spacing:-.4px}
.portrait-home .ph-hero .ph-primary{box-shadow:0 0 30px #2cc70018}
.portrait-home .ph-hero .ph-secondary{background:#ffffff0b;color:#fff;border-color:#d0d9d15e;backdrop-filter:blur(10px)}
.portrait-home .ph-hero .ph-secondary:hover{background:#ffffff1b}
.portrait-home .ph-hero-note{font-size:12px;line-height:1.8;max-width:540px;color:#b1bfb5;margin:20px 0 23px}
.portrait-home .ph-hero-more{display:inline-flex;align-items:center;gap:17px;min-height:44px;color:#d5dfd8;font-size:15px;font-weight:600}
.portrait-home .ph-hero-more>span{font-size:23px}
.portrait-home .ph-hero-more:hover{color:#9ae681}
html[lang=de] .portrait-home .ph-hero h1{font-size:clamp(66px,6.25vw,98px);max-width:1000px}
.portrait-home .ph-portfolio-strip{background:#f3f3f3;padding:52px 0 40px;text-align:center;border-bottom:1px solid #e3e7e1}
.portrait-home .ph-strip-intro{font-size:15px;line-height:1.7;color:#667168}
.portrait-home .ph-product-names{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:35px 0 25px}
.portrait-home .ph-product-names a{font-family:InterTight,Arial,sans-serif;font-weight:600;font-size:24px;line-height:1.15;letter-spacing:-.025em;max-width:180px;color:#59675a}
.portrait-home .ph-product-names a:hover{color:#247b25}
.portrait-home .ph-strip-addon{font-size:13px;line-height:1.8;color:#69736b;padding-bottom:28px;border-bottom:1px solid #dce2d9}
.portrait-home .ph-strip-addon a{font-weight:600;text-decoration:underline;text-underline-offset:4px}
.portrait-home .ph-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;text-align:left}
.portrait-home .ph-principles>div{display:flex;align-items:center;justify-content:center;gap:17px;padding:6px 22px;border-right:1px solid #dce2d9}
.portrait-home .ph-principles>div:last-child{border:0}
.portrait-home .ph-principle-mark{font-family:Arial,sans-serif;font-size:36px;line-height:1;color:#497c4c;flex:none}
.portrait-home .ph-principles strong{display:block;font-size:15px;font-weight:600;line-height:1.5}
.portrait-home .ph-principles p>span{display:block;font-size:13px;line-height:1.7;color:#69746b;margin-top:4px}
.portrait-home .ph-duality{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1020px;margin:auto}
.portrait-home .ph-duality article{min-width:0;border:1px solid #e2e7df;border-radius:12px;padding:30px 34px 26px;background:#fafbf9}
.portrait-home .ph-duality-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}
.portrait-home .ph-duality-top .ph-eyebrow{font-size:10px;margin:0;max-width:150px}
.portrait-home .ph-duality-top svg{display:block;width:135px;height:108px;flex:none}
.portrait-home .ph-duality h3{font-size:31px;line-height:1.15;letter-spacing:-.025em;margin-bottom:21px}
.portrait-home .ph-duality article>p{font-size:16px;line-height:1.85;color:var(--ph-muted);margin-bottom:21px}
.portrait-home .ph-workflow{background:#272d35;color:#fff}
.portrait-home .ph-workflow .ph-eyebrow{color:#bacdb9}
.portrait-home .ph-workflow h2 span{color:#9bd78e}
.portrait-home .ph-workflow .ph-description{color:#c0ccc4}
.portrait-home .ph-workflow .interface-image{box-shadow:0 20px 50px #00000024;border-color:#d8e0d4}
.portrait-home .ph-workflow .image-view-options{background:#eef2eb;color:#3f5240}

.portrait-home .ph-workflow .image-view-options>span{font-size:10px;line-height:1.5}
.portrait-home .ph-workflow .interface-figure figcaption{padding:24px 0 0;gap:24px}
.portrait-home .ph-workflow .interface-figure figcaption h3{font-size:24px;line-height:1.2;color:#fff}
.portrait-home .ph-workflow .interface-figure figcaption p{font-size:14px;line-height:1.8;color:#bdc9c1;max-width:790px}
.portrait-home .ph-workflow .concept-tag{border-color:#68766b;color:#d0dcd0;background:transparent;font-size:11px}
.portrait-home .ph-workflow .image-open-label{position:static;justify-content:flex-end;border-radius:0;box-shadow:none;border-top:1px solid #d3ddd0;background:#edf2e9;color:#273d2c;font-size:12px;min-height:44px}
.portrait-home .ph-workflow .interface-image:hover .image-open-label{background:#e1eddc}
.portrait-home .ph-workflow-steps{list-style:none;padding:0;margin:49px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:29px}
.portrait-home .ph-workflow-steps li{padding-top:25px;border-top:1px solid #5b695d;min-width:0}
.portrait-home .ph-step-number{display:block;color:#9cde8f;font-size:13px;letter-spacing:.06em;margin-bottom:20px}
.portrait-home .ph-workflow-steps h3{font-size:23px;line-height:1.2;margin-bottom:14px;letter-spacing:-.02em}
.portrait-home .ph-workflow-steps p{font-size:15px;line-height:1.8;color:#bdc8c2}
.portrait-home .ph-workflow-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:34px;margin-top:45px;border-top:1px solid #5b695d}
.portrait-home .ph-workflow-bottom>p{font-family:InterTight,Arial,sans-serif;font-size:35px;line-height:1.15;letter-spacing:-.025em}
.portrait-home .ph-workflow-bottom .ph-link{color:#a9df9d}
.portrait-home .ph-product-family{border-top:1px solid #ccd7c9}
.portrait-home .ph-product-row{display:grid;grid-template-columns:32px minmax(0,1.15fr) minmax(0,1.3fr) 24px;gap:24px;align-items:center;padding:29px 0;border-bottom:1px solid #dce3d9;transition:background .2s}
.portrait-home .ph-product-row:hover{background:#f7faf5}
.portrait-home .ph-product-number{font-size:12px;letter-spacing:.06em;color:#6e796b;align-self:start;padding-top:8px}
.portrait-home .ph-product-identity .ph-eyebrow{font-size:9px;letter-spacing:.1em;line-height:1.7;margin-bottom:11px}
.portrait-home .ph-product-identity h3{font-size:29px;line-height:1.15;letter-spacing:-.025em}
.portrait-home .ph-product-row>p{font-size:15px;line-height:1.8;color:var(--ph-muted)}
.portrait-home .ph-product-preview{overflow:hidden;border:1px solid #d9e0d5;border-radius:5px;background:#f3f3f3}
.portrait-home .ph-product-preview img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.portrait-home .ph-row-arrow{font-size:25px;color:#367d31}
.portrait-home .ph-capabilities{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;margin-top:36px;padding:28px 32px;background:#f3f3f3;border-radius:8px}
.portrait-home .ph-capabilities .ph-eyebrow{font-size:10px;margin-bottom:9px}
.portrait-home .ph-capabilities p:not(.ph-eyebrow){font-size:14px;line-height:1.9;color:#667161}
.portrait-home .ph-capabilities .ph-link{font-size:13px}
.portrait-home .ph-solutions{background:#f3f3f3}
.portrait-home .ph-solutions-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:94px;align-items:start}
.portrait-home .ph-solutions-layout>.ph-description{margin-inline:0}
.portrait-home .ph-solutions-layout>div>.ph-description{margin:25px 0 22px}
.portrait-home .ph-solutions-list{border-top:1px solid #c7d3c4}
.portrait-home .ph-solutions-list>a{display:grid;grid-template-columns:30px 1fr 24px;gap:19px;align-items:center;padding:26px 0;border-bottom:1px solid #c7d3c4}
.portrait-home .ph-solution-number{font-size:12px;line-height:1.4;color:#788371}
.portrait-home .ph-solutions-list h3{font-size:26px;line-height:1.25;letter-spacing:-.025em}
.portrait-home .ph-solutions-list>a>span:last-child{font-size:25px;color:#447f3c}
.portrait-home .ph-solutions-list>a:hover h3{color:#247b25}
.portrait-home .ph-company-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:85px;align-items:center}
.portrait-home .ph-company h2{font-size:47px}
.portrait-home .ph-company .ph-description{margin:26px 0 21px}
.portrait-home .ph-investor-entry{padding:32px 0 32px 38px;border-left:1px solid #cad6c5}
.portrait-home .ph-investor-entry .ph-eyebrow{font-size:10px}
.portrait-home .ph-investor-entry h3{font-size:31px;line-height:1.15;margin-bottom:22px}
.portrait-home .ph-investor-entry>p:not(.ph-eyebrow){font-size:16px;line-height:1.85;color:var(--ph-muted);margin-bottom:19px}
.portrait-home .ph-final .contact-band{background:#272d35;color:white;padding:80px 0}
.portrait-home .ph-final .contact-band>.container{width:calc(100% - 64px);max-width:1152px}
.portrait-home .ph-final .contact-band .eyebrow{color:#b9cdb5;font-size:11px}
.portrait-home .ph-final .contact-band h2{font-size:52px;line-height:1.1}
.portrait-home .ph-final .button-dark{background:#2cc700;color:#121b0e;font-size:15px;border-radius:8px;min-height:53px}
.portrait-home .ph-final .button-dark:hover{background:#39d914}
.portrait-home .ph-final .contact-band-action>a:last-child{font-size:15px;color:#c6d9c1}
@media(min-width:1600px){.portrait-home .ph-hero{min-height:950px}.portrait-home .ph-hero-content{padding-top:112px}.portrait-home .ph-container{max-width:1280px}.portrait-home .ph-product-row{grid-template-columns:32px minmax(0,1.1fr) minmax(0,1.4fr) 24px}}
@media(max-width:1180px){.portrait-home .ph-hero h1{font-size:80px;max-width:790px}.portrait-home .ph-hero-description{max-width:510px}.portrait-home .ph-product-row{grid-template-columns:25px minmax(0,1.1fr) minmax(0,1.3fr) 20px;gap:20px}.portrait-home .ph-solutions-layout{gap:60px}.portrait-home .ph-company-layout{gap:55px}.portrait-home .ph-product-identity h3{font-size:27px}}
@media(max-width:1020px){.portrait-home .ph-hero{min-height:830px}.portrait-home .ph-hero h1{font-size:72px}.portrait-home .ph-hero-image{object-position:64% center}.portrait-home .ph-hero:after{background:linear-gradient(90deg,#151a1feb,#151a1f7d 55%,#151a1f15),linear-gradient(0deg,#151a1f9d,transparent 60%)}.portrait-home .ph-hero-description{max-width:485px}html[lang=de] .portrait-home .ph-hero h1{font-size:67px}.portrait-home .ph-section h2{font-size:47px}.portrait-home .ph-product-names{gap:19px}.portrait-home .ph-product-names a{font-size:21px}.portrait-home .ph-principles>div{padding-inline:14px;gap:12px}.portrait-home .ph-principles strong{font-size:14px}.portrait-home .ph-principles p>span{font-size:12px}.portrait-home .ph-principle-mark{font-size:29px}.portrait-home .ph-duality article{padding:27px}.portrait-home .ph-duality h3{font-size:28px}.portrait-home .ph-workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.portrait-home .ph-product-row{grid-template-columns:25px minmax(0,1fr) minmax(0,1.2fr) 20px;gap:22px}.portrait-home .ph-product-preview{display:none}.portrait-home .ph-capabilities{grid-template-columns:1fr;gap:15px}.portrait-home .ph-solutions-layout{gap:45px}.portrait-home .ph-solutions-list h3{font-size:23px}.portrait-home .ph-company-layout{grid-template-columns:1fr;gap:40px}.portrait-home .ph-company-layout>div{max-width:760px}.portrait-home .ph-investor-entry{max-width:760px;padding:28px 0 0;border-left:0;border-top:1px solid #cad6c5}.portrait-home .ph-company h2{font-size:47px}}
@media(max-width:760px){
  .portrait-home .ph-container{width:calc(100% - 40px)}
  .portrait-home .ph-section{padding:74px 0}
  .portrait-home .ph-section-heading{margin-bottom:37px}
  .portrait-home .ph-section h2,.portrait-home .ph-company h2{font-size:38px;line-height:1.12;letter-spacing:-.035em}
  .portrait-home .ph-eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:19px}
  .portrait-home .ph-description{font-size:16px;line-height:1.8;margin-top:23px}
  .portrait-home .ph-hero{min-height:0}
  .portrait-home .ph-hero-image{height:470px;object-position:72% 15%;object-fit:cover}
  .portrait-home .ph-hero:after{background:linear-gradient(0deg,#151a1f 0%,#151a1f 48%,#151a1f30 77%,#151a1f10 100%)}
  .portrait-home .ph-hero-content{padding-block:335px 42px}
  .portrait-home .ph-hero .ph-eyebrow{font-size:9px;letter-spacing:1.6px;line-height:1.8;max-width:340px;margin-bottom:19px}
  .portrait-home .ph-hero h1{font-size:clamp(42px,10.7vw,68px);line-height:1.03;letter-spacing:-.052em;max-width:690px}
  html[lang=de] .portrait-home .ph-hero h1{font-size:clamp(36px,9.1vw,61px);letter-spacing:-.052em}
  .portrait-home .ph-hero h1>em{margin-top:13px}
  .portrait-home .ph-hero-description{font-size:17px;line-height:1.7;max-width:520px;letter-spacing:-.15px;margin:27px 0 25px}
  .portrait-home .ph-actions{gap:12px}
  .portrait-home .ph-actions .button{font-size:14px;padding:14px 19px;min-height:51px;gap:15px}
  .portrait-home .ph-hero-note{font-size:12px;margin:20px 0 13px;max-width:500px}
  .portrait-home .ph-hero-more{font-size:14px}
  .portrait-home .ph-portfolio-strip{padding:36px 0 30px}
  .portrait-home .ph-strip-intro{font-size:14px;max-width:430px;margin:auto}
  .portrait-home .ph-product-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;padding:29px 0}
  .portrait-home .ph-product-names a{font-size:22px;max-width:none}
  .portrait-home .ph-product-names a:last-child{grid-column:1/-1}
  .portrait-home .ph-strip-addon{font-size:13px;padding-bottom:26px}
  .portrait-home .ph-principles{grid-template-columns:1fr;gap:22px;margin:27px auto 0;max-width:390px}
  .portrait-home .ph-principles>div{justify-content:flex-start;gap:18px;border:0;padding:0}
  .portrait-home .ph-principle-mark{width:35px;text-align:center;font-size:29px}
  .portrait-home .ph-principles strong{font-size:16px}
  .portrait-home .ph-principles p>span{font-size:14px}
  .portrait-home .ph-duality{grid-template-columns:1fr;gap:22px}
  .portrait-home .ph-duality article{padding:25px 26px}
  .portrait-home .ph-duality-top{margin-bottom:16px}
  .portrait-home .ph-duality-top svg{width:120px;height:96px}
  .portrait-home .ph-duality h3{font-size:29px;line-height:1.17;margin-bottom:19px}
  .portrait-home .ph-duality article>p{font-size:16px;line-height:1.8}
  .portrait-home .ph-link{font-size:14px;gap:14px}
  .portrait-home .ph-workflow .interface-figure figcaption{padding-top:20px;gap:15px}
  .portrait-home .ph-workflow .interface-figure figcaption h3{font-size:23px}
  .portrait-home .ph-workflow .interface-figure figcaption p{font-size:14px;line-height:1.8}
  .portrait-home .ph-workflow .image-open-label{font-size:10px}
  .portrait-home .ph-workflow .image-view-options>span{font-size:8px;max-width:120px}
  .portrait-home .ph-workflow-steps{grid-template-columns:1fr;gap:25px;margin-top:32px}
  .portrait-home .ph-workflow-steps li{padding-top:23px;display:grid;grid-template-columns:30px 1fr;column-gap:17px}
  .portrait-home .ph-step-number{grid-row:1/3;font-size:12px;padding-top:5px;margin:0}
  .portrait-home .ph-workflow-steps h3{font-size:25px;line-height:1.2;margin-bottom:12px}
  .portrait-home .ph-workflow-steps p{font-size:16px;line-height:1.8;grid-column:2}
  .portrait-home .ph-workflow-bottom{flex-direction:column;align-items:flex-start;gap:20px;margin-top:32px;padding-top:27px}
  .portrait-home .ph-workflow-bottom>p{font-size:31px}
  .portrait-home .ph-product-row{grid-template-columns:25px 1fr 22px;gap:15px;padding:27px 0;align-items:start}
  .portrait-home .ph-product-number{font-size:11px;grid-row:1/3;padding-top:4px}
  .portrait-home .ph-product-identity .ph-eyebrow{font-size:9px;margin-bottom:10px}
  .portrait-home .ph-product-identity h3{font-size:28px}
  .portrait-home .ph-product-row>p{grid-column:2;grid-row:2;font-size:16px;line-height:1.8}
  .portrait-home .ph-row-arrow{grid-column:3;grid-row:1/3;font-size:24px;padding-top:18px}
  .portrait-home .ph-capabilities{padding:23px;margin-top:26px;gap:12px}
  .portrait-home .ph-capabilities .ph-eyebrow{font-size:9px}
  .portrait-home .ph-capabilities p:not(.ph-eyebrow){font-size:14px;line-height:1.85}
  .portrait-home .ph-solutions-layout{grid-template-columns:1fr;gap:34px}
  .portrait-home .ph-solutions-layout>div>.ph-description{margin:23px 0 18px}
  .portrait-home .ph-solutions-list>a{grid-template-columns:25px 1fr 20px;gap:15px;padding:23px 0}
  .portrait-home .ph-solutions-list h3{font-size:24px;line-height:1.25}
  .portrait-home .ph-solution-number{font-size:11px}
  .portrait-home .ph-company-layout{gap:31px}
  .portrait-home .ph-company .ph-description{font-size:16px;margin:24px 0 17px}
  .portrait-home .ph-investor-entry{padding-top:28px}
  .portrait-home .ph-investor-entry h3{font-size:31px}
  .portrait-home .ph-investor-entry>p:not(.ph-eyebrow){font-size:16px;line-height:1.8}
  .portrait-home .ph-final .contact-band{padding:53px 0}
  .portrait-home .ph-final .contact-band>.container{width:calc(100% - 40px)}
  .portrait-home .ph-final .contact-band h2{font-size:38px;line-height:1.12}
  .portrait-home .ph-final .contact-band .eyebrow{font-size:10px}
}
@media(max-width:390px){.portrait-home .ph-hero h1{font-size:41px}html[lang=de] .portrait-home .ph-hero h1{font-size:35px}.portrait-home .ph-hero .ph-eyebrow{font-size:8px;letter-spacing:1.3px}.portrait-home .ph-actions{align-items:stretch;flex-direction:column}.portrait-home .ph-actions .button{justify-content:space-between}.portrait-home .ph-section h2,.portrait-home .ph-company h2{font-size:35px}.portrait-home .ph-duality article{padding:23px}.portrait-home .ph-duality h3{font-size:27px}.portrait-home .ph-product-identity h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.portrait-home .ph-product-row,.portrait-home .ph-actions .button{transition:none}}
