@font-face{font-family:Barlow Condensed;src:url(BarlowCondensed-Black.ttf) format('truetype');font-weight:900;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(IBMPlexSans-Variable.ttf) format('truetype');font-weight:100 700;font-display:swap}
:root{--p2c-orange:#f05a28;--p2c-charcoal:#242321;--p2c-ink:#111110;--p2c-bone:#d8dad9;--p2c-muted:#939493;--p2c-gap:20px;--p2c-radius:12px}
.p2c{margin:0;background:var(--p2c-bone);color:var(--p2c-ink);font-family:'IBM Plex Sans',sans-serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}.p2c *{box-sizing:border-box}.p2c a{color:inherit;text-decoration-color:currentColor;text-underline-offset:5px}.p2c button,.p2c input,.p2c textarea,.p2c select{font:inherit}.p2c button{cursor:pointer}.p2c :focus-visible{outline:3px solid currentColor;outline-offset:6px}.p2c h1,.p2c h2,.p2c h3,.p2c p{margin:0}.p2c p+p{margin-top:24px}.p2c h1,.p2c h2,.p2c h3,.p2c .mega{font-family:'Barlow Condensed',sans-serif;font-weight:900;line-height:.97;letter-spacing:-.015em}.p2c h1{font-size:clamp(48px,8.3vw,120px)}.p2c h2{font-size:clamp(36px,5.3vw,76px)}.p2c h3{font-size:clamp(32px,3.5vw,50px)}.p2c .mega{font-size:clamp(58px,10.5vw,154px)}.p2c .wrap{max-width:1568px;padding:0 64px;margin:auto}.p2c .section{padding:104px 0}.p2c .eyebrow{font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.11em;text-transform:uppercase;margin-bottom:32px}.p2c .small{font-size:13px;line-height:1.5}.p2c .accent{color:var(--p2c-orange)}.p2c .charcoal{background:var(--p2c-charcoal);color:var(--p2c-bone)}.p2c .ink{background:var(--p2c-ink);color:var(--p2c-bone)}.p2c .orange{background:var(--p2c-orange);color:var(--p2c-ink)}.p2c .bone{background:var(--p2c-bone);color:var(--p2c-ink)}
.review-note{padding:7px 24px;background:var(--p2c-ink);color:var(--p2c-bone);font-size:11px;letter-spacing:.06em;display:flex;justify-content:space-between;gap:20px}.review-note span{color:var(--p2c-muted)}.p2c .site-header{background:var(--p2c-bone);border-bottom:1px solid #11111025}.p2c .header-inner{max-width:1568px;margin:auto;padding:22px 64px;display:flex;align-items:center;justify-content:space-between;gap:28px}.p2c .brand{display:flex;gap:16px;align-items:center;text-decoration:none;flex-shrink:0}.p2c .brand-mark{font:900 50px/.85 'Barlow Condensed',sans-serif;letter-spacing:-2px}.p2c .brand-dot{color:var(--p2c-orange)}.p2c .brand-name{font-size:14px;font-weight:600;letter-spacing:-.02em}.p2c #main-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:500}.p2c #main-nav>a{text-decoration:none;padding:8px 0}.p2c #main-nav>a:hover{text-decoration:underline}.p2c #main-nav .header-cta{display:flex;gap:12px;align-items:center;border-bottom:1px solid;padding:10px 0;margin-left:8px}.p2c .menu-toggle{display:none}.p2c .skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--p2c-orange);padding:14px}.p2c .skip:focus{top:10px}
.p2c .hero{padding:62px 0 24px}.p2c .hero .eyebrow{margin-bottom:38px}.p2c .hero h1{font-size:clamp(58px,10.65vw,154px);line-height:.91;letter-spacing:-.02em}.p2c .hero h1>span{display:block}.p2c .hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin-top:48px}.p2c .hero-question{font-size:clamp(22px,2.1vw,30px);line-height:1.3;letter-spacing:-.025em;max-width:550px}.p2c .hero-copy{max-width:650px;font-size:17px;line-height:1.55}.p2c .hero-links{display:flex;align-items:center;gap:26px;margin-top:28px;flex-wrap:wrap}.p2c .button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:13px 20px;border-radius:6px;background:var(--p2c-orange);color:var(--p2c-ink);text-decoration:none;font-size:14px;font-weight:600;border:0}.p2c .button.dark{background:var(--p2c-ink);color:var(--p2c-bone)}.p2c .text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid;padding:10px 0;min-height:44px}.p2c a svg{flex-shrink:0;transition:transform .18s ease}.p2c a:hover svg{transform:translateX(4px)}.p2c .scroll-cue{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #11111035;margin-top:56px;padding-top:18px;text-decoration:none;font-size:11px;letter-spacing:.12em}.p2c .scroll-cue>span:last-child{font-size:22px}
.p2c .section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}.p2c .section-heading>p{font-size:19px;max-width:360px}.p2c .tile-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--p2c-gap)}.p2c .tile{padding:36px;border-radius:var(--p2c-radius);text-decoration:none;display:flex;flex-direction:column;position:relative;min-width:0;transition:background .2s ease,color .2s ease}.p2c .wide{grid-column:span 8}.p2c .narrow{grid-column:span 4}.p2c .tile .eyebrow{margin-bottom:40px}.p2c .tile h3{max-width:90%;margin-bottom:32px}.p2c .tile p{max-width:440px}.p2c .tile-bottom{display:flex;gap:25px;justify-content:space-between;align-items:end;margin-top:auto}.p2c .tile-bottom p{font-size:17px;line-height:1.5}.p2c .tile-bottom svg{width:30px;height:30px}.p2c .question{min-height:360px}.p2c .question.wide h3{font-size:clamp(48px,6vw,86px)}.p2c .question.narrow h3{font-size:clamp(40px,4.2vw,60px)}.p2c .tile.bone{border:1px solid #11111040}.p2c .tile.bone:hover{background:var(--p2c-orange)}.p2c .tile.orange:hover{background:#fa6d3b}.p2c .tile.charcoal:hover,.p2c .tile.ink:hover{background:#343330}.p2c .questions{padding-top:88px}
.p2c .method{padding-top:112px;padding-bottom:112px}.p2c .method h2 span{color:var(--p2c-bone)}.p2c .method h2{position:relative}.p2c .method h2.is-emphasized span{text-decoration:underline;text-decoration-color:var(--p2c-orange);text-decoration-thickness:5px;text-underline-offset:12px}.p2c .method-copy{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:64px;max-width:1110px;margin-left:auto}.p2c .method-copy .text-link{margin-top:22px}.p2c .employment h2{max-width:970px;margin-bottom:48px}.p2c .use{min-height:310px}.p2c .use h3{font-size:clamp(44px,5vw,72px)}.p2c .connection{padding-top:24px}.p2c .connection-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:88px;align-items:start}.p2c .connection-grid h2{font-size:clamp(44px,5.2vw,76px)}.p2c .connection-grid .text-link{margin-top:24px}.p2c .proof-list{border-top:1px solid #f2efe850}.p2c .proof-row{display:grid;grid-template-columns:60px 1fr 1.35fr;gap:32px;padding:40px 0;border-bottom:1px solid #f2efe835}.p2c .proof-number{font-size:13px;color:var(--p2c-muted)}.p2c .proof-row h3{font:600 14px/1.6 'IBM Plex Sans',sans-serif;letter-spacing:.04em}.p2c .proof-row p{font-size:18px;max-width:580px}.p2c .henrik-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.p2c .experience>span{display:block;font:900 clamp(160px,24vw,340px)/.85 'Barlow Condensed',sans-serif;letter-spacing:-.05em;color:var(--p2c-orange)}.p2c .experience>p{font-size:12px;letter-spacing:.14em;margin:24px 0 0 6px}.p2c .henrik h2{font-size:clamp(42px,4.5vw,66px);margin-bottom:28px}.p2c .henrik .lead{font-size:22px;line-height:1.4}.p2c .henrik .text-link{margin-top:24px}.p2c .insights{border-top:1px solid #11111030}.p2c .section-intro{max-width:700px;margin-bottom:48px}.p2c .insight-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.p2c .insight:first-child{grid-row:auto;min-height:340px}.p2c .insight:first-child h3{font-size:clamp(48px,6.2vw,90px);max-width:560px}.p2c .insight:not(:first-child){min-height:270px;padding:28px}.p2c .insight:not(:first-child) h3{font-size:38px;margin-bottom:18px}.p2c .insight:not(:first-child) .eyebrow{margin-bottom:24px}.p2c .insight p:not(.eyebrow){font-size:16px}.p2c .insight .tile-bottom{margin-top:32px}.p2c .action{background:var(--p2c-orange)}.p2c .action-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px}.p2c .action h2{font-size:clamp(52px,7vw,100px)}.p2c .action .button{margin-top:30px}.p2c .action .small{margin-top:20px;max-width:330px}
.p2c .site-footer{background:var(--p2c-ink);color:var(--p2c-bone);padding:64px 0 24px}.p2c .footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:40px;border-bottom:1px solid #f2efe830}.p2c .footer-top>p{font-size:16px}.p2c .footer-main{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px 0;font-size:15px}.p2c .footer-main p{margin:0 0 24px}.p2c .footer-main p:last-child{margin:20px 0 0;color:var(--p2c-muted);font-size:13px}.p2c .footer-main nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:12px}.p2c .footer-main nav a{text-decoration:none;padding:5px 0}.p2c .footer-main nav a:hover{text-decoration:underline}.p2c .footer-bottom{padding-top:20px;border-top:1px solid #f2efe830;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--p2c-muted)}.p2c .footer-bottom>div{display:flex;gap:24px}.p2c .footer-bottom a{padding:8px 0}
.p2c .article-head{padding:36px 0 64px}.p2c .breadcrumbs{display:flex;gap:14px;font-size:12px;margin-bottom:58px}.p2c .article-head h1{max-width:1150px;margin-bottom:42px}.p2c .article-intro{max-width:800px;font-size:22px;line-height:1.5}.p2c .author{display:flex;gap:32px;border-top:1px solid #11111040;margin-top:48px;padding-top:20px;font-size:12px;letter-spacing:.05em}.p2c .reading{max-width:736px;padding:0 24px;margin:0 auto}.p2c .article-content{padding:24px 0 88px}.p2c .article-content h2{font:600 28px/1.2 'IBM Plex Sans',sans-serif;letter-spacing:-.025em;margin:48px 0 24px}.p2c .article-content p{margin:0 0 24px;font-size:19px;line-height:1.65}.p2c .article-content .eyebrow{font-size:12px}.p2c .article-statement{margin:64px 0;padding:64px 0}.p2c .article-statement .mega{font:900 clamp(52px,7.6vw,110px)/.98 'Barlow Condensed',sans-serif;max-width:1160px;margin:0}.p2c .metrics{margin:64px 0;padding:64px 0}.p2c .metrics h2{margin-top:0}.p2c .check{border:1px solid #11111050;border-radius:12px;padding:32px;margin:56px -32px}.p2c .check h2{margin-top:0}.p2c .check ul{list-style:none;counter-reset:checks;padding:0;margin:0}.p2c .check li{counter-increment:checks;display:grid;grid-template-columns:30px 1fr;gap:18px;border-top:1px solid #11111030;padding:20px 0}.p2c .check li:before{content:'0' counter(checks);font-size:12px;font-weight:600;padding-top:4px}.p2c .check li:last-child{padding-bottom:0}
.p2c .contact-form{display:grid;gap:22px}.p2c .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.p2c .contact-form label{display:block;font-size:14px;font-weight:500}.p2c input,.p2c select,.p2c textarea{width:100%;background:transparent;border:1px solid #11111070;border-radius:4px;min-height:50px;padding:12px;color:inherit}.p2c textarea{min-height:150px;resize:vertical}.p2c .p2-trap{position:absolute;left:-10000px}.p2c .contact-form input[type=checkbox]{width:auto;min-height:0}.p2c .preview-page{max-width:850px;padding:64px 24px;margin:auto}.p2c .preview-page h1{font-size:60px;margin:32px 0}.p2c .preview-page p{white-space:pre-line}.p2c .preview-page .button{margin-top:24px}.p2c .form-status{border-left:4px solid var(--p2c-orange);padding:16px;background:#11111008;margin-bottom:24px}
@media(min-width:1024px){.p2c .proof .eyebrow{position:sticky;top:24px;width:max-content}}
@media(max-width:1150px){.p2c .header-inner{padding:22px 32px}.p2c .wrap{padding:0 40px}.p2c #main-nav{gap:18px}.p2c .brand-name{display:none}.p2c .hero-bottom{gap:40px}.p2c .tile{padding:28px}.p2c .connection-grid{gap:40px}.p2c .action-grid{gap:40px}.p2c .henrik-grid{gap:45px}}
@media(max-width:1023px){.p2c .tile-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.p2c .wide{grid-column:span 4}.p2c .narrow{grid-column:span 2}.p2c .question.narrow h3{font-size:36px}.p2c .tile-bottom{gap:10px}.p2c .tile-bottom p{font-size:16px}.p2c .menu-toggle{display:flex;gap:24px;align-items:center;background:none;border:0;padding:10px;font-size:14px}.p2c .brand-name{display:block}.p2c .header-inner{flex-wrap:wrap}.p2c #main-nav{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between}.p2c.has-js #main-nav:not(.open){display:none}.p2c #main-nav .header-cta{margin-left:0}.p2c .hero-copy{font-size:16px}.p2c .hero-links{gap:12px}.p2c .hero h1{font-size:10.5vw}.p2c .section{padding:80px 0}.p2c .hero{padding:48px 0 20px}.p2c .insight:not(:first-child) h3{font-size:32px}.p2c .proof-row{grid-template-columns:30px 1fr 1.5fr;gap:20px}}
@media(max-width:767px){.review-note{font-size:10px;padding:8px 20px}.review-note span{display:none}.p2c .wrap{padding:0 20px}.p2c .header-inner{padding:20px}.p2c .brand-mark{font-size:42px}.p2c .brand-name{font-size:13px}.p2c #main-nav{flex-direction:column;align-items:stretch;gap:4px;padding-bottom:10px}.p2c #main-nav>a{min-height:44px}.p2c #main-nav .header-cta{justify-content:space-between}.p2c .section{padding:64px 0}.p2c .eyebrow{margin-bottom:24px;font-size:12px}.p2c .hero{padding-top:40px;padding-bottom:16px}.p2c .hero h1{font-size:clamp(48px,11.4vw,86px);line-height:.98}.p2c .hero .eyebrow{margin-bottom:30px}.p2c .hero-bottom{grid-template-columns:1fr;gap:28px;margin-top:28px}.p2c .hero-question{font-size:22px}.p2c .hero-question br{display:none}.p2c .hero-copy{font-size:17px}.p2c .hero-links{gap:18px;margin-top:24px}.p2c .scroll-cue{margin-top:36px}.p2c .section-heading{display:block;margin-bottom:32px}.p2c .section-heading>p,.p2c .section-heading>.text-link{margin-top:22px}.p2c .section-heading>p br{display:none}.p2c .tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.p2c .wide,.p2c .narrow{grid-column:span 4}.p2c .tile{padding:26px}.p2c .question{min-height:290px}.p2c .question.wide h3,.p2c .question.narrow h3{font-size:54px}.p2c .tile .eyebrow{margin-bottom:30px}.p2c .tile-bottom p{font-size:17px}.p2c .method .mega{font-size:clamp(47px,11.2vw,82px)}.p2c .method-copy{grid-template-columns:1fr;gap:24px;margin-top:40px}.p2c .employment h2{margin-bottom:32px}.p2c .use{min-height:265px}.p2c .use h3{font-size:52px}.p2c .connection-grid,.p2c .henrik-grid,.p2c .action-grid{grid-template-columns:1fr;gap:32px}.p2c .connection-grid h2{font-size:44px}.p2c .proof-row{grid-template-columns:26px 1fr;gap:12px;padding:28px 0}.p2c .proof-row p{grid-column:2;font-size:17px}.p2c .experience>span{font-size:170px}.p2c .experience>p{margin-top:12px}.p2c .henrik-grid{gap:40px}.p2c .henrik h2{font-size:42px}.p2c .insight-grid{grid-template-columns:1fr}.p2c .insight:first-child{grid-row:auto;min-height:410px}.p2c .insight:first-child h3{font-size:58px}.p2c .insight:not(:first-child){min-height:290px}.p2c .insight:not(:first-child) h3{font-size:42px}.p2c .action h2{font-size:54px}.p2c .footer-top{display:block}.p2c .footer-top>p{margin-top:26px}.p2c .footer-main{grid-template-columns:1fr}.p2c .footer-main nav{gap:8px}.p2c .footer-main nav a{min-height:44px}.p2c .footer-bottom{flex-wrap:wrap;align-items:center}.p2c .footer-bottom>div{order:3;width:100%}.p2c .article-head{padding-top:22px}.p2c .breadcrumbs{margin-bottom:36px}.p2c .article-head h1{font-size:54px;margin-bottom:28px}.p2c .article-intro{font-size:20px}.p2c .author{gap:14px;flex-wrap:wrap;margin-top:32px;font-size:11px}.p2c .reading{padding:0 20px}.p2c .article-content p{font-size:18px}.p2c .article-content h2{font-size:25px}.p2c .article-statement{padding:48px 0;margin:48px 0}.p2c .article-statement .mega{font-size:clamp(44px,10.8vw,70px)}.p2c .metrics{padding:48px 0;margin:48px 0}.p2c .check{margin:40px 0;padding:24px}.p2c .check li{grid-template-columns:23px 1fr;gap:12px;font-size:17px}.p2c .form-grid{grid-template-columns:1fr}.p2c .preview-page h1{font-size:44px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.p2c .reveal-in{animation:p2c-in .45s ease both}@keyframes p2c-in{from{opacity:.65;transform:translateY(14px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.p2c *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* P2C Phase 1: dark start, original logo and DM Sans display face */
@font-face{font-family:'DM Sans';src:url('DMSans-Variable.ttf') format('truetype');font-weight:100 1000;font-display:swap}
.p2c h1,.p2c h2,.p2c h3,.p2c .mega{font-family:'DM Sans',sans-serif;font-weight:850;line-height:.92;letter-spacing:-.07em}.p2c .section{padding-block:80px}.p2c .eyebrow{margin-bottom:24px}.p2c .site-header{background:var(--p2c-charcoal);color:var(--p2c-bone);border-bottom-color:#f2efe825}.p2c .header-inner{padding-top:20px;padding-bottom:20px}.p2c .brand{width:228px;height:50px;background:url('plan2consulting-logo.png') left center/contain no-repeat}.p2c .brand>*{display:none}.p2c .hero{padding:52px 0 20px;background:var(--p2c-charcoal);color:var(--p2c-bone);min-height:calc(100vh - 100px);display:flex;align-items:stretch}.p2c .hero .wrap{display:flex;flex-direction:column;width:100%}.p2c .hero .eyebrow{margin-bottom:26px;color:var(--p2c-muted)}.p2c .hero h1{font-size:clamp(54px,9.5vw,138px);line-height:.88;letter-spacing:-.08em;max-width:1300px}.p2c .hero-bottom{grid-template-columns:1.1fr .9fr;gap:56px;margin-top:36px}.p2c .hero-copy{max-width:560px}.p2c .hero-links{margin-top:22px}.p2c .scroll-cue{margin-top:auto;border-top-color:#f2efe835;color:var(--p2c-muted)}.p2c .scroll-cue>span:last-child{color:var(--p2c-bone)}.p2c .questions{padding-top:64px}.p2c .method{padding-top:88px;padding-bottom:88px}.p2c .experience>span{font-family:'DM Sans',sans-serif;font-weight:850}.p2c .article-statement .mega{font-family:'DM Sans',sans-serif;font-weight:850;letter-spacing:-.07em}
@media(max-width:767px){.p2c .section{padding-block:56px}.p2c .hero{padding-top:40px;min-height:calc(100svh - 92px)}.p2c .hero h1{font-size:clamp(48px,11vw,80px);letter-spacing:-.075em}.p2c .hero-bottom{gap:24px;margin-top:28px}.p2c .brand{width:190px;height:42px}.p2c .menu-toggle{color:var(--p2c-bone)}.p2c .questions{padding-top:48px}.p2c .method{padding-top:64px;padding-bottom:64px}.p2c .article-statement .mega{letter-spacing:-.065em}}

/* P2C Phase 1: calm, clear display typography */
@font-face{font-family:'Manrope';src:url('Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
.p2c h1,.p2c h2,.p2c h3,.p2c .mega{font-family:'Manrope','IBM Plex Sans',sans-serif;font-weight:750;line-height:.98;letter-spacing:-.045em}
.p2c .hero h1{font-size:clamp(58px,9.5vw,138px);line-height:.9;letter-spacing:-.065em;max-width:1320px}
.p2c .hero-question{font-family:'IBM Plex Sans',sans-serif;font-size:clamp(22px,1.8vw,28px);font-weight:400;line-height:1.42;letter-spacing:-.02em}
.p2c .hero-copy{font-family:'IBM Plex Sans',sans-serif;font-size:17px;line-height:1.62;letter-spacing:0}
.p2c .eyebrow,.p2c .scroll-cue,.p2c .experience>p,.p2c .author{font-family:'IBM Plex Sans',sans-serif;letter-spacing:.025em}
.p2c .experience>span,.p2c .article-statement .mega{font-family:'Manrope','IBM Plex Sans',sans-serif;font-weight:750;letter-spacing:-.045em}
@media(max-width:767px){.p2c .hero h1{font-size:clamp(52px,12.2vw,82px);line-height:.92;letter-spacing:-.06em}.p2c .hero-question{font-size:22px;line-height:1.4}.p2c .eyebrow{letter-spacing:.02em}}

/* P2C Phase 1: proportional type scale */
.p2c{font-size:18px;line-height:1.6}
.p2c h2{font-size:clamp(38px,4.65vw,72px);line-height:1.01;letter-spacing:-.047em}
.p2c h3{font-size:clamp(26px,2.8vw,46px);line-height:1.06;letter-spacing:-.04em}
.p2c .eyebrow{font-size:12px;font-weight:600;line-height:1.3;letter-spacing:.04em}
.p2c .section-heading>p,.p2c .lead{font-family:'IBM Plex Sans',sans-serif;font-size:clamp(19px,1.55vw,24px);line-height:1.46;letter-spacing:-.015em}
.p2c .tile h3{margin-bottom:22px}
.p2c .question.wide h3{font-size:clamp(38px,4.6vw,68px);line-height:1.02}
.p2c .question.narrow h3{font-size:clamp(30px,3vw,48px);line-height:1.06}
.p2c .use h3,.p2c .connection-grid h2,.p2c .henrik h2{font-size:clamp(36px,4.05vw,62px);line-height:1.03}
.p2c .insight:first-child h3{font-size:clamp(40px,4.7vw,70px);line-height:1.02}
.p2c .insight:not(:first-child) h3{font-size:clamp(26px,2.45vw,38px);line-height:1.08}
.p2c .action h2{font-size:clamp(42px,5.35vw,82px);line-height:.99}
.p2c .hero-question{max-width:500px}
.p2c .hero-copy{font-size:18px;line-height:1.58}
.p2c .button,.p2c .text-link{font-size:15px;font-weight:600;letter-spacing:-.01em}
.p2c .article-intro{font-family:'IBM Plex Sans',sans-serif;font-size:clamp(20px,1.7vw,25px);line-height:1.48}
.p2c .article-content h2{font-family:'Manrope','IBM Plex Sans',sans-serif;font-size:clamp(28px,2.6vw,42px);font-weight:700;line-height:1.12;letter-spacing:-.035em}
.p2c .article-content p{font-size:19px;line-height:1.62}
@media(max-width:767px){.p2c h2{font-size:clamp(34px,10vw,48px)}.p2c h3{font-size:clamp(25px,7.5vw,34px)}.p2c .section-heading>p,.p2c .lead{font-size:20px}.p2c .question.wide h3,.p2c .question.narrow h3{font-size:clamp(34px,10vw,48px)}.p2c .use h3,.p2c .connection-grid h2,.p2c .henrik h2{font-size:clamp(34px,10vw,48px)}.p2c .insight:first-child h3{font-size:clamp(38px,10.5vw,54px)}.p2c .insight:not(:first-child) h3{font-size:32px}.p2c .action h2{font-size:clamp(40px,11vw,56px)}.p2c .hero-copy{font-size:17px}}

.p2c .accent{color:var(--p2c-orange)}
.p2c .button{background:var(--p2c-orange);color:var(--p2c-ink)}
.p2c .button:hover{background:#fa6d3b}
.p2c #main-nav .header-cta{border-bottom-color:var(--p2c-orange)}
.p2c .employment .tile:nth-child(2){background:var(--p2c-orange);color:var(--p2c-ink)}
.p2c .employment .tile:nth-child(2):hover{background:#fa6d3b}
.p2c .proof-number{color:var(--p2c-orange)}
.p2c .experience>span{color:var(--p2c-orange)}
.p2c .action .button.dark{background:var(--p2c-ink);color:var(--p2c-bone)}

/* P2C Phase 2: shared long-form landing pages */
.p2c .standard-page{padding-top:72px;padding-bottom:96px}
.p2c .standard-reading{max-width:920px}
.p2c .standard-reading>h1{font-size:clamp(54px,7.6vw,118px);line-height:.93;letter-spacing:-.06em;max-width:1200px;margin:0 0 40px}
.p2c .standard-reading>.eyebrow{font-family:'IBM Plex Sans',sans-serif;font-size:12px;font-weight:600;line-height:1.3;letter-spacing:.04em;margin:0 0 28px}
.p2c .standard-reading>h2{font-size:clamp(30px,3.25vw,52px);line-height:1.06;letter-spacing:-.04em;max-width:760px;margin:72px 0 22px}
.p2c .standard-reading>p{font-size:19px;line-height:1.62;max-width:760px;margin:0 0 22px}
.p2c .standard-reading>.lead{font-size:clamp(23px,2vw,30px);line-height:1.38;letter-spacing:-.025em;max-width:720px;margin:-10px 0 52px}
.p2c .standard-reading>.page-prompt{font-family:'Manrope','IBM Plex Sans',sans-serif;font-size:clamp(24px,2.4vw,36px);font-weight:700;line-height:1.12;letter-spacing:-.04em;margin:48px 0 24px;max-width:700px}
.p2c .standard-card{background:#ffffff55;border:1px solid #11111018;border-radius:12px;padding:34px 38px;margin:26px 0;max-width:930px}
.p2c .standard-card>h2{margin-top:0}.p2c .standard-card>p:last-child{margin-bottom:0}
.p2c .standard-reading ul{max-width:760px;padding:0;margin:28px 0 40px;list-style:none}
.p2c .standard-reading li{padding:15px 0 15px 24px;border-top:1px solid #11111025;font-size:18px;line-height:1.5;position:relative}
.p2c .standard-reading li:before{content:'';width:7px;height:7px;background:var(--p2c-orange);position:absolute;left:0;top:24px}
.p2c .table-wrap{max-width:820px;overflow:auto;margin:34px 0 48px}
.p2c .table-wrap table{width:100%;border-collapse:collapse;font-size:17px}
.p2c .table-wrap th,.p2c .table-wrap td{padding:16px;text-align:left;border-bottom:1px solid #11111030}
.p2c .table-wrap th{font-family:'Manrope','IBM Plex Sans',sans-serif;font-weight:700}
@media(max-width:767px){.p2c .standard-page{padding-top:48px;padding-bottom:64px}.p2c .standard-reading>h1{font-size:clamp(46px,12vw,70px);margin-bottom:28px}.p2c .standard-reading>h2{font-size:34px;margin-top:52px}.p2c .standard-reading>p{font-size:18px}.p2c .standard-reading>.lead{font-size:22px;margin-bottom:38px}.p2c .standard-reading>.page-prompt{font-size:27px}.p2c .standard-card{padding:26px 22px;margin:20px 0}.p2c .table-wrap th,.p2c .table-wrap td{padding:12px;font-size:15px}}

/* P2C Phase 2: editorial reading flow */
.p2c .article-head{background:var(--p2c-charcoal);color:var(--p2c-bone);padding-top:54px;padding-bottom:72px}
.p2c .article-head .breadcrumbs{color:var(--p2c-bone);margin-bottom:42px}
.p2c .article-head .eyebrow{color:var(--p2c-muted)}
.p2c .article-head h1{font-size:clamp(46px,5.75vw,88px);line-height:.96;letter-spacing:-.054em;max-width:1120px;margin-bottom:34px}
.p2c .article-intro{font-family:'IBM Plex Sans',sans-serif;font-size:clamp(20px,1.65vw,25px);line-height:1.48;max-width:900px}
.p2c .author{border-top-color:#f2efe840;margin-top:38px;color:var(--p2c-muted)}
.p2c .article-content{padding:70px 0 92px}
.p2c .article-content .reading{max-width:1060px;padding:0;margin-left:max(64px,calc((100vw - 1568px)/2 + 64px));margin-right:64px}
.p2c .article-content p{max-width:930px;font-size:19px;line-height:1.66}
.p2c .article-content h2{font-size:clamp(29px,2.55vw,40px);line-height:1.13;margin-top:58px}
.p2c .article-card{background:#ffffff55;border:1px solid #11111018;border-radius:12px;padding:34px 38px;margin:28px 0}
.p2c .article-card h2{margin:0 0 18px}
.p2c .article-card p:last-child{margin-bottom:0}
.p2c .article-statement.orange{background:var(--p2c-orange);color:var(--p2c-ink);margin:58px 0;padding:54px 0}
.p2c .article-statement .mega{font-size:clamp(44px,6.45vw,94px);line-height:.98;letter-spacing:-.052em;max-width:1100px}
.p2c .article-statement .eyebrow{color:var(--p2c-ink)}
.p2c .metrics{margin:58px 0;padding:58px 0}
.p2c .check{max-width:930px;margin:54px 0;padding:30px}
.p2c .article-next{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid #11111030;padding-top:28px;margin-top:56px}
@media(max-width:767px){.p2c .article-head{padding-top:36px;padding-bottom:48px}.p2c .article-head h1{font-size:clamp(42px,9vw,62px);line-height:.98;margin-bottom:26px}.p2c .article-intro{font-size:20px}.p2c .article-content{padding:48px 0 64px}.p2c .article-content .reading{max-width:none;padding:0 20px;margin:0}.p2c .article-content p{font-size:18px}.p2c .article-content h2{font-size:30px;margin-top:46px}.p2c .article-card{padding:26px 22px;margin:22px 0}.p2c .article-statement.orange{margin:46px 0;padding:42px 0}.p2c .article-statement .mega{font-size:clamp(40px,9.5vw,62px);line-height:1}.p2c .article-statement .wrap{padding:0 20px}.p2c .metrics{padding:42px 0;margin:46px 0}.p2c .check{margin:40px 0;padding:24px}.p2c .article-next{gap:16px;margin-top:42px}}

/* P2C / plain card surfaces */
.p2c .tile,.p2c .standard-card,.p2c .article-card{position:relative;isolation:isolate;overflow:hidden;box-shadow:none}
.p2c .tile>*{position:relative;z-index:1}.p2c .standard-card>*,.p2c .article-card>*{position:relative;z-index:1}
.p2c .standard-reading>h1{font-size:clamp(50px,6.5vw,100px)}
@media(max-width:767px){.p2c .standard-reading>h1{font-size:clamp(44px,11vw,62px)}}

/* P2C / refined tile system: calm proportions, clear layers, visible only on the tiles */
.p2c{--p2c-radius:24px;--p2c-gap:18px}
.p2c .hero h1{font-size:clamp(56px,8.55vw,124px);line-height:.91;letter-spacing:-.06em}
.p2c h2{font-size:clamp(36px,4.2vw,64px);line-height:1.02;letter-spacing:-.05em}
.p2c .tile-grid,.p2c .insight-grid{gap:18px}
.p2c .tile{min-height:0;border:1px solid transparent;border-radius:24px;padding:34px;transition:transform .45s cubic-bezier(.2,.75,.2,1),border-color .45s ease,background .45s ease}
.p2c .tile .eyebrow{margin-bottom:32px}.p2c .tile h3{position:relative;z-index:2;max-width:88%;letter-spacing:-.047em}
.p2c .question{min-height:390px}.p2c .use{min-height:330px}.p2c .insight{min-height:340px}
.p2c .tile:after{z-index:1;right:28px;top:28px;width:32px;opacity:.38;transition:width .45s cubic-bezier(.2,.75,.2,1)}
.p2c .tile.orange{background:var(--p2c-orange);border-color:#11111018}
.p2c .tile.charcoal,.p2c .tile.ink{border-color:#f2efe81c}
.p2c .tile.charcoal:after,.p2c .tile.ink:after{background:var(--p2c-orange);opacity:1}
.p2c .tile.bone{background:#ececea;border-color:#1111101f}
.p2c .tile.bone:before{right:-.12em;bottom:-.23em;font-size:clamp(150px,16vw,270px);line-height:.8;letter-spacing:-.135em;color:#111110;opacity:.055}
.p2c .tile.insight:first-child:before{width:min(61%,420px);height:min(78%,420px);bottom:-15%;right:-8%}
.p2c .tile.insight:not(:first-child):before{width:52%;height:90%;bottom:-26%;right:-7%}
.p2c .tile-bottom{position:relative;z-index:2;padding-top:20px;border-top:1px solid currentColor}.p2c .tile-bottom svg{transition:transform .4s cubic-bezier(.2,.75,.2,1)}
.p2c .tile.orange .tile-bottom{border-top-color:#11111030}.p2c .tile.charcoal .tile-bottom,.p2c .tile.ink .tile-bottom{border-top-color:#f2efe82d}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.p2c .tile:hover{transform:translateY(-5px)}.p2c .tile:hover:after{width:68px}.p2c .tile:hover:before{transform:translate(-7px,-8px) scale(1.02);opacity:.9}.p2c .tile:hover .tile-bottom svg{transform:translateX(5px)}.p2c .tile.bone:hover{background:#e4e4e1}}
@media(max-width:767px){.p2c .hero h1{font-size:clamp(50px,11.3vw,76px);line-height:.94}.p2c h2{font-size:clamp(34px,9.5vw,46px)}.p2c .tile{border-radius:20px;padding:28px}.p2c .question{min-height:320px}.p2c .use{min-height:290px}.p2c .insight{min-height:290px}.p2c .tile:after,.p2c .tile.bone:after{right:24px;top:24px}.p2c .tile h3{max-width:94%}}

/* Each Insight surface has its own role. Hover never changes text contrast. */
.p2c .tile:hover:before{transform:none;opacity:inherit}.p2c .tile:hover{transform:translateY(-3px)}
.p2c .all-insights .tile{min-height:340px}.p2c .all-insights .tile:before{transition:none}
.p2c .all-insights .surface-1:before{inset:auto -7% -22% auto;width:58%;height:82%;background:radial-gradient(circle at center,transparent 0 37%,rgba(17,17,16,.19) 37.3% 38%,transparent 38.4%),linear-gradient(rgba(17,17,16,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,16,.12) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px;clip-path:circle(58% at 55% 50%);opacity:.62}
.p2c .all-insights .surface-2:before{inset:auto 6% 9% auto;width:42%;height:42%;border:1px solid rgba(242,239,232,.33);border-radius:50%;background:none;clip-path:none;opacity:1}.p2c .all-insights .surface-2:after{width:52px;background:var(--p2c-orange)}
.p2c .all-insights .surface-3:before{content:'';inset:auto -7% -28% auto;width:64%;height:89%;background:linear-gradient(135deg,transparent 0 43%,rgba(17,17,16,.12) 43.3% 43.8%,transparent 44.1%),radial-gradient(circle at 50% 50%,transparent 0 48%,rgba(17,17,16,.16) 48.3% 48.8%,transparent 49.1%);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);opacity:1}.p2c .all-insights .surface-3:after{background:var(--p2c-ink)}
.p2c .all-insights .surface-4:before{inset:auto -9% -18% auto;width:62%;height:88%;background:linear-gradient(135deg,transparent 0 44%,rgba(242,239,232,.17) 44.3% 44.8%,transparent 45.1%),linear-gradient(90deg,rgba(242,239,232,.06) 1px,transparent 1px);background-size:100% 100%,52px 52px;clip-path:polygon(34% 0,100% 0,100% 100%,0 100%);opacity:.7}.p2c .all-insights .surface-4:after{background:var(--p2c-orange);width:52px}
.p2c .all-insights .tile.bone:before{content:'';font-size:0;letter-spacing:0}.p2c .all-insights .tile h3{max-width:78%}
@media(max-width:767px){.p2c .all-insights .tile{min-height:290px}.p2c .all-insights .tile h3{max-width:88%}}

/* Page labels are navigation, never a second headline. */
.p2c .eyebrow,.p2c .standard-reading>.eyebrow{font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.055em}
.p2c .standard-reading>.eyebrow{margin:0 0 22px}.p2c .standard-reading>h1{font-size:clamp(42px,4.6vw,70px);line-height:1;letter-spacing:-.05em;margin-bottom:32px}
.p2c .insights .section-heading>h1{font-size:clamp(46px,5vw,76px);line-height:1;letter-spacing:-.052em;max-width:780px}
@media(max-width:767px){.p2c .eyebrow,.p2c .standard-reading>.eyebrow{font-size:10px}.p2c .standard-reading>h1{font-size:clamp(38px,10vw,52px);line-height:1}.p2c .insights .section-heading>h1{font-size:clamp(40px,10vw,54px)}}

/* Service cards use the start-page colour logic: one surface, one message. */
.p2c .standard-card{background:var(--p2c-charcoal);color:var(--p2c-bone);border:0;border-radius:24px;padding:34px 38px;isolation:auto}
.p2c .standard-card:before,.p2c .standard-card:after{content:none!important;display:none!important}
.p2c .standard-card:nth-of-type(3n+2){background:var(--p2c-orange);color:var(--p2c-ink)}
.p2c .standard-card:nth-of-type(3n){background:#cdd0cf;color:var(--p2c-ink);border:1px solid #11111018}
.p2c .standard-card h2,.p2c .standard-card p,.p2c .standard-card li{color:inherit}
.p2c .standard-card li{border-top-color:currentColor}.p2c .standard-card li:before{background:currentColor}
@media(max-width:767px){.p2c .standard-card{border-radius:20px;padding:28px 24px}}

/* Long-form pages follow the home-page rhythm: dark opening, colour-led work area. */
.p2c .standard-page{padding:0}.p2c .standard-hero{background:var(--p2c-charcoal);color:var(--p2c-bone);padding:76px 0 72px}.p2c .standard-hero .eyebrow{color:var(--p2c-muted)}
.p2c .standard-hero .standard-reading{max-width:1180px}.p2c .standard-hero .standard-reading>h1{color:var(--p2c-bone);font-size:clamp(48px,6.25vw,96px);line-height:.94;max-width:1050px;margin-bottom:34px}
.p2c .standard-hero .standard-reading>.lead{max-width:730px;margin:0;font-size:clamp(21px,1.8vw,27px);line-height:1.42;color:var(--p2c-bone)}.p2c .standard-hero .standard-reading>p:not(.eyebrow):not(.lead){max-width:620px;margin-top:30px;color:var(--p2c-bone);font-size:18px}
.p2c .standard-body{padding:66px 0 96px;background:var(--p2c-bone)}.p2c .standard-body .standard-reading{max-width:1180px}.p2c .standard-body .standard-card{max-width:1080px}
@media(max-width:767px){.p2c .standard-hero{padding:52px 0 48px}.p2c .standard-hero .standard-reading>h1{font-size:clamp(42px,10.8vw,62px);line-height:.98}.p2c .standard-hero .standard-reading>.lead{font-size:21px}.p2c .standard-body{padding:44px 0 64px}}

/* Global page rhythm follows the Insights overview. Cards stay deliberately plain. */
.p2c .standard-hero{background:var(--p2c-bone);color:var(--p2c-ink);padding:96px 0 72px}.p2c .standard-hero .eyebrow{color:var(--p2c-ink)}
.p2c .standard-hero .standard-reading{display:grid;grid-template-columns:1.25fr .75fr;column-gap:clamp(48px,10vw,160px);row-gap:26px;max-width:1568px}
.p2c .standard-hero .standard-reading>.eyebrow{grid-column:1/-1}.p2c .standard-hero .standard-reading>h1{grid-column:1;grid-row:2/5;color:var(--p2c-ink);font-size:clamp(48px,5.8vw,90px);line-height:.98;max-width:900px;margin:0}
.p2c .standard-hero .standard-reading>p:not(.eyebrow){grid-column:2;max-width:560px;color:var(--p2c-ink);font-size:clamp(19px,1.55vw,24px);line-height:1.48;margin:0}.p2c .standard-hero .standard-reading>p:not(.eyebrow)+p:not(.eyebrow){margin-top:4px}
.p2c .tile:before,.p2c .tile:after{content:none!important;display:none!important}.p2c .tile:hover:before{transform:none!important;opacity:0!important}.p2c .tile:hover{transform:translateY(-3px)}
@media(max-width:767px){.p2c .standard-hero{padding:58px 0 48px}.p2c .standard-hero .standard-reading{display:block}.p2c .standard-hero .standard-reading>h1{font-size:clamp(42px,10.8vw,60px);margin:0 0 28px}.p2c .standard-hero .standard-reading>p:not(.eyebrow){font-size:20px;margin-top:18px}}

/* Keep the shared Insight-style opening calm and fully readable on phones. */
@media(max-width:767px){.p2c .standard-hero .standard-reading>h1{font-size:42px;line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere}.p2c .standard-hero .standard-reading>p:not(.eyebrow){display:block;position:static;max-width:none;opacity:1;visibility:visible;margin:18px 0 0;font-size:19px;line-height:1.48}}

/* Every overview uses the Insight composition: orientation, context, then surfaces. */
.p2c .generic-overview{background:var(--p2c-bone)}.p2c .generic-overview>.wrap>.eyebrow{margin-bottom:42px}.p2c .generic-overview .section-heading{margin-bottom:64px}.p2c .generic-overview .section-heading>h1{font-size:clamp(46px,5vw,76px);line-height:1;letter-spacing:-.052em;max-width:800px}.p2c .generic-overview .section-heading>p,.p2c .generic-overview .section-heading>.lead{font-size:clamp(19px,1.55vw,24px);line-height:1.48;max-width:450px;margin:0}.p2c .standard-card-grid{align-items:stretch}.p2c .standard-card.tile{border:0;border-radius:24px;margin:0;padding:34px;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;isolation:auto}.p2c .standard-card.tile h2{font-size:clamp(29px,3vw,48px);line-height:1.04;letter-spacing:-.05em;margin:0 0 18px;max-width:90%}.p2c .standard-card.tile p{font-size:18px;line-height:1.48;max-width:560px;margin:0 0 14px}.p2c .standard-card.tile p:last-child{margin-bottom:0}.p2c .standard-card.tile.bone{color:var(--p2c-ink);border:1px solid #1111101c}.p2c .standard-card.tile:before,.p2c .standard-card.tile:after{content:none!important;display:none!important}.p2c .standard-card-grid>.page-prompt,.p2c .standard-card-grid>.page-button{grid-column:span 12}
@media(max-width:767px){.p2c .generic-overview>.wrap>.eyebrow{margin-bottom:28px}.p2c .generic-overview .section-heading{margin-bottom:40px}.p2c .generic-overview .section-heading>h1{font-size:40px;line-height:1.02}.p2c .generic-overview .section-heading>p,.p2c .generic-overview .section-heading>.lead{font-size:20px;margin-top:22px}.p2c .standard-card.tile{min-height:260px;padding:28px}.p2c .standard-card.tile h2{font-size:clamp(31px,9vw,44px)}.p2c .standard-card.tile.statement-card{min-height:360px}.p2c .standard-card.tile.statement-card>p:first-child{font-size:clamp(30px,8.8vw,42px)}}

/* Surface colour never changes on hover. Contrast belongs to the surface. */
.p2c .standard-card.tile.orange,.p2c .standard-card.tile.orange:hover{background:var(--p2c-orange)!important;color:var(--p2c-ink)!important}.p2c .standard-card.tile.charcoal,.p2c .standard-card.tile.charcoal:hover,.p2c .standard-card.tile.ink,.p2c .standard-card.tile.ink:hover{background:var(--p2c-charcoal)!important;color:var(--p2c-bone)!important}.p2c .standard-card.tile.bone,.p2c .standard-card.tile.bone:hover{background:#cdd0cf!important;color:var(--p2c-ink)!important}.p2c .standard-card.tile:hover{transform:translateY(-3px);filter:none}.p2c .standard-card.tile:hover:before,.p2c .standard-card.tile:hover:after{opacity:0!important}

/* Underpages use the actual start-page tile component, not a second card system. */
.p2c .generic-overview .standard-card.tile.use{padding:36px;min-height:330px;justify-content:flex-start}.p2c .generic-overview .standard-card.tile.use .eyebrow{margin-bottom:34px}.p2c .generic-overview .standard-card.tile.use h3{font-size:clamp(42px,5vw,72px);line-height:.96;letter-spacing:-.065em;max-width:92%;margin:0}.p2c .generic-overview .standard-card.tile.use .tile-bottom{width:100%;margin-top:auto;padding-top:20px;border-top:1px solid currentColor}.p2c .generic-overview .standard-card.tile.use .tile-copy p{font-size:17px;line-height:1.48;max-width:540px;margin:0 0 13px}.p2c .generic-overview .standard-card.tile.use .tile-copy p:last-child{margin-bottom:0}.p2c .generic-overview .standard-card.tile.use.charcoal .tile-bottom{border-top-color:#f2efe840}.p2c .generic-overview .standard-card.tile.use.orange .tile-bottom{border-top-color:#11111040}
.p2c .generic-overview .standard-card.tile.full{grid-column:span 12;min-height:430px}.p2c .generic-overview .standard-card.tile.full h3{max-width:920px}.p2c .generic-overview .standard-card.tile.full .tile-copy p{max-width:720px}
@media(max-width:767px){.p2c .generic-overview .standard-card.tile.use{padding:28px;min-height:290px}.p2c .generic-overview .standard-card.tile.use h3{font-size:clamp(38px,10vw,52px)}.p2c .generic-overview .standard-card.tile.use .tile-copy p{font-size:17px}}
@media(max-width:767px){.p2c .generic-overview .standard-card-grid{grid-template-columns:1fr!important}.p2c .generic-overview .standard-card-grid>.standard-card.tile{grid-column:1/-1!important}}

/* Statement cards carry the large typographic energy of the start page. */
.p2c .standard-card.tile h2{font-size:clamp(36px,4.1vw,64px);line-height:1;letter-spacing:-.06em}.p2c .standard-card.tile.statement-card{min-height:420px}.p2c .standard-card.tile.statement-card>p:first-child{font-family:'Manrope','IBM Plex Sans',sans-serif;font-size:clamp(34px,4.2vw,68px);font-weight:800;line-height:1.04;letter-spacing:-.06em;max-width:1060px}

/* Final underpage system: the same 12-column rhythm and small type as home. */
.p2c .generic-overview .standard-card-grid{grid-auto-flow:row;grid-auto-rows:1fr}.p2c .generic-overview .standard-card.tile.use{min-height:390px}.p2c .generic-overview .standard-card.tile.use>.eyebrow{font-family:'IBM Plex Sans',sans-serif!important;font-size:11px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:.055em!important;text-transform:uppercase;margin:0 0 34px!important}.p2c .generic-overview>.wrap>.eyebrow{font-family:'IBM Plex Sans',sans-serif;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.055em;text-transform:uppercase}.p2c .generic-overview .standard-card.tile.full{grid-column:auto;min-height:390px}.p2c .generic-overview .standard-card.tile h3{overflow-wrap:normal;word-break:normal}.p2c .has-js .float-type{opacity:0;transform:translateY(22px)}.p2c .has-js .float-type.type-in{animation:p2c-type-float .8s cubic-bezier(.2,.75,.2,1) both}@keyframes p2c-type-float{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.p2c .generic-overview .standard-card-grid{grid-auto-rows:auto}.p2c .generic-overview .standard-card.tile.use{min-height:320px}.p2c .generic-overview .standard-card.tile.use>.eyebrow,.p2c .generic-overview>.wrap>.eyebrow{font-size:10px!important}}
@media(max-width:1023px){.p2c .generic-overview .standard-card-grid{grid-template-columns:1fr!important;grid-auto-rows:auto}.p2c .generic-overview .standard-card-grid>.standard-card.tile{grid-column:1/-1!important}}

/* Binding layout contract for all underpages. */
@media(min-width:1024px){
  body.p2c .generic-overview .tile-grid.standard-card-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:1fr!important;gap:var(--p2c-gap)!important;align-items:stretch!important}
  body.p2c .generic-overview .standard-card-grid>.standard-card.tile.wide{grid-column:span 8!important;width:auto!important;height:100%!important}
  body.p2c .generic-overview .standard-card-grid>.standard-card.tile.narrow{grid-column:span 4!important;width:auto!important;height:100%!important}
}
@media(max-width:1023px){
  body.p2c .generic-overview .tile-grid.standard-card-grid{display:flex!important;flex-direction:column!important;gap:16px!important}
  body.p2c .generic-overview .standard-card-grid>.standard-card.tile{width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;grid-column:auto!important}
}
@media(max-width:767px){
  body.p2c .generic-overview{overflow-x:hidden}
  body.p2c .generic-overview .section-heading>h1{font-size:clamp(31px,9.8vw,40px)!important;line-height:1.02!important;overflow-wrap:normal!important;word-break:normal!important}
  body.p2c .generic-overview .standard-card.tile.use h3{font-size:clamp(32px,10vw,46px)!important;line-height:1!important;max-width:100%!important}
}

/* Binding motion contract: hero, one editorial statement and the closing CTA only. */
@media(prefers-reduced-motion:no-preference){
  body.p2c.has-js [data-p2c-motion="hero"]{opacity:0;transform:translateY(18px)}
  body.p2c.has-js [data-p2c-motion="statement"]{opacity:.58;transform:translateY(14px)}
  body.p2c.has-js [data-p2c-motion="cta"]{opacity:0;transform:translateY(12px)}
  body.p2c.has-js [data-p2c-motion].is-motion-visible{animation:p2c-selected-text-in 480ms cubic-bezier(.2,.75,.2,1) both}
  body.p2c .method [data-emphasis] span{transition:text-decoration-color 420ms ease,color 420ms ease}
  @keyframes p2c-selected-text-in{to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
  body.p2c [data-p2c-motion]{opacity:1!important;transform:none!important;animation:none!important}
}

/* Scroll colour is reserved for selected hero and editorial statements. */
body.p2c .p2-scroll-color{color:var(--p2-scroll-color,currentColor);transition:color 160ms linear}
body.p2c .method h2.p2-scroll-color span{color:inherit!important}
body.p2c .method h2.is-emphasized span{text-decoration:none!important}

/* Persistent navigation and quiet surface transitions. */
body.p2c .site-header{position:sticky;top:0;z-index:100;border-bottom:0!important}
body.p2c .site-footer{border-top:0!important}
body.p2c .site-header .menu-toggle{position:relative;z-index:2}
body.p2c .site-header .header-inner{transition:padding 220ms ease}
body.p2c .site-header .brand{transition:width 220ms ease,height 220ms ease}
body.p2c .site-header.is-compact .header-inner{padding-top:10px;padding-bottom:10px}
body.p2c .site-header.is-compact .brand{width:190px;height:38px}
body.p2c .site-header.is-compact #main-nav{font-size:13px}
body.p2c .site-header.is-compact .menu-toggle{padding-top:6px;padding-bottom:6px}
body.p2c .article-content a:not(.text-link),
body.p2c .standard-reading a:not(.button),
body.p2c .legal-reading a,
body.p2c .breadcrumbs a{
  font-size:1.03em;
  color:#5c5d5b;
  text-decoration-color:#a5a6a3;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
body.p2c .charcoal a:not(.button),body.p2c .ink a:not(.button),body.p2c .site-footer a{color:#d5d6d2;text-decoration-color:#777874}
body.p2c .article-content a:not(.text-link),body.p2c .standard-reading a:not(.button),body.p2c .legal-reading a,body.p2c .breadcrumbs a{font-size:inherit;text-decoration:none;transition:color 160ms ease,transform 160ms ease;display:inline-block}
body.p2c .article-content a:not(.text-link):is(:hover,:focus-visible,:active),body.p2c .standard-reading a:not(.button):is(:hover,:focus-visible,:active),body.p2c .legal-reading a:is(:hover,:focus-visible,:active),body.p2c .breadcrumbs a:is(:hover,:focus-visible,:active){color:#f4512a;text-decoration:none;transform:scale(1.03)}
@media(prefers-reduced-motion:reduce){body.p2c .p2-scroll-color{color:inherit!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){body.p2c .site-header .header-inner,body.p2c .site-header .brand{transition:none!important}}

/* Binding surface contract: cards contain typography only. */
body.p2c .tile::before,
body.p2c .tile::after,
body.p2c .standard-card::before,
body.p2c .standard-card::after,
body.p2c .article-card::before,
body.p2c .article-card::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
}

/* Content sets row height. Cards in the same row still stretch evenly. */
body.p2c .generic-overview .tile-grid.standard-card-grid{grid-auto-rows:auto!important}
body.p2c .standard-card-grid>.page-prompt{margin:28px 0 0;align-self:start}
body.p2c .standard-card-grid>.page-button{margin:0;justify-self:start;align-self:start}

/* Binding type scale: page titles lead, card titles support them. */
body.p2c .generic-overview .standard-card.tile h2,
body.p2c .generic-overview .standard-card.tile h3,
body.p2c .generic-overview .standard-card.tile.use h3{
  font-size:clamp(30px,2.65vw,44px)!important;
  line-height:1.02!important;
  letter-spacing:-.048em!important;
  max-width:92%!important;
}

/* Persistent, compact contact routes. */
body.p2c .quick-contact{position:fixed;z-index:80;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;background:var(--p2c-charcoal);color:var(--p2c-bone);border:1px solid #f2efe82b;border-right:0;border-radius:16px 0 0 16px;overflow:hidden;box-shadow:0 14px 34px #11111024}
body.p2c .quick-contact a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:76px;min-height:76px;color:inherit;text-decoration:none;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
body.p2c .quick-contact a+a{border-top:1px solid #f2efe82b}
body.p2c .quick-contact a:hover,body.p2c .quick-contact a:focus-visible{background:var(--p2c-orange);color:var(--p2c-ink)}

/* Contact is a short guided funnel, not one undifferentiated form. */
body.p2c .form-funnel{background:var(--p2c-bone)}
body.p2c .form-funnel .standard-reading{max-width:1080px}
body.p2c .form-funnel h2{font-size:clamp(46px,5.5vw,82px);margin:0 0 24px}
body.p2c .form-lead{font-size:clamp(19px,1.55vw,24px);line-height:1.5;max-width:720px;margin:0 0 48px}
body.p2c .form-step{border:0;border-top:1px solid #11111035;margin:0;padding:30px 0 8px}
body.p2c .form-step legend{width:100%;padding:0;font-family:'Manrope','IBM Plex Sans',sans-serif;font-size:clamp(22px,2vw,30px);font-weight:750;letter-spacing:-.035em}
body.p2c .form-step legend span{display:inline-block;margin-right:16px;color:#11111070;font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.06em;vertical-align:middle}
body.p2c .choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
body.p2c .choice-grid label{position:relative}
body.p2c .choice-grid input{position:absolute;opacity:0;pointer-events:none}
body.p2c .choice-grid label>span{display:flex;align-items:center;min-height:74px;padding:16px 18px;border:1px solid #11111042;border-radius:14px;font-size:16px;font-weight:550;transition:background .2s ease,color .2s ease,border-color .2s ease}
body.p2c .choice-grid input:checked+span{background:var(--p2c-charcoal);border-color:var(--p2c-charcoal);color:var(--p2c-bone)}
body.p2c .choice-grid input:focus-visible+span{outline:3px solid var(--p2c-orange);outline-offset:3px}
body.p2c .field-label{display:block;margin:22px 0;font-size:14px;font-weight:600}
body.p2c .field-label input,body.p2c .field-label select,body.p2c .field-label textarea{margin-top:9px;background:#fff8;border-color:#11111045;border-radius:12px;font-size:17px}
body.p2c .field-label textarea{min-height:180px}
body.p2c .consent{display:grid!important;grid-template-columns:20px 1fr;gap:12px;align-items:start;margin:26px 0;font-size:14px!important;line-height:1.5}
body.p2c .consent input{width:20px;min-height:20px;margin-top:2px}
body.p2c .form-submit{display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:280px;margin-top:24px;background:var(--p2c-orange);color:var(--p2c-ink);border:0}

/* Legal pages inherit the same calm hierarchy. */
body.p2c .legal-page{background:var(--p2c-bone);padding-top:64px}
body.p2c .legal-reading{max-width:820px}
body.p2c .legal-reading h2{font-size:clamp(26px,2.3vw,36px);line-height:1.08;margin:52px 0 18px}
body.p2c .legal-reading h2:first-child{margin-top:0}
body.p2c .legal-reading p{font-size:18px;line-height:1.65}
body.p2c .social-links span[aria-disabled="true"]{color:var(--p2c-muted);cursor:default}

@media(max-width:1023px){
  body.p2c .quick-contact{top:auto;right:18px;bottom:18px;transform:none;flex-direction:row;border:1px solid #f2efe82b;border-radius:14px}
  body.p2c .quick-contact a{width:62px;min-height:58px}
  body.p2c .quick-contact a+a{border-top:0;border-left:1px solid #f2efe82b}
  body.p2c .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  body.p2c .generic-overview .standard-card.tile h2,
  body.p2c .generic-overview .standard-card.tile h3,
  body.p2c .generic-overview .standard-card.tile.use h3{font-size:clamp(29px,8.5vw,38px)!important;max-width:100%!important}
  body.p2c .choice-grid{grid-template-columns:1fr}
  body.p2c .choice-grid label>span{min-height:60px}
  body.p2c .form-funnel h2{font-size:clamp(40px,10.5vw,56px)}
  body.p2c .form-funnel{padding-bottom:96px}
  body.p2c .legal-reading p{font-size:17px}
}
body.p2c .social-links .social-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--p2c-orange)!important;text-decoration:none!important;transform:none!important}
body.p2c .social-links .social-icon svg{width:26px;height:26px;display:block}
body.p2c .social-links .social-icon:hover,body.p2c .social-links .social-icon:focus-visible{color:#ff7550!important}
body.p2c .site-footer a:not(.brand):not(.social-icon){font-size:inherit;text-decoration:none;transition:color 160ms ease,transform 160ms ease;display:inline-block}
body.p2c .site-footer a:not(.brand):not(.social-icon):is(:hover,:focus-visible,:active){color:#f4512a;text-decoration:none;transform:scale(1.03)}
/* Compact social row and smaller side-docked cards. */
body.p2c .footer-bottom .social-links{display:flex;align-items:center;gap:12px;margin-right:auto;margin-left:8px}
body.p2c .footer-bottom .social-links .social-icon svg{width:24px;height:24px}
body.p2c .footer-bottom .social-links .social-icon{padding:0;line-height:1}
body.p2c .tile-grid>.narrow{transform-origin:100% 50%;}
@media(max-width:767px){body.p2c .footer-bottom .social-links{order:2;margin:0;width:auto}body.p2c .footer-bottom>a:last-child{order:3}}
/* Interaction language: dark surfaces turn orange, orange surfaces turn ink. */
body.p2c .text-link:is(:hover,:focus-visible){color:var(--p2c-orange)}
body.p2c .tile:is(:hover,:focus-visible){color:var(--p2c-orange);outline:2px solid currentColor;outline-offset:4px}
body.p2c .tile.orange:is(:hover,:focus-visible),body.p2c .tile.bone:is(:hover,:focus-visible){color:var(--p2c-ink)}
body.p2c .tile.ink:is(:hover,:focus-visible),body.p2c .tile.charcoal:is(:hover,:focus-visible){color:var(--p2c-orange)}
body.p2c .charcoal .text-link:is(:hover,:focus-visible),body.p2c .ink .text-link:is(:hover,:focus-visible){color:var(--p2c-orange)}
body.p2c .orange .text-link:is(:hover,:focus-visible),body.p2c .action .text-link:is(:hover,:focus-visible){color:var(--p2c-ink)}
body.p2c .tile:is(:hover,:focus-visible) svg,body.p2c .text-link:is(:hover,:focus-visible) svg,body.p2c .button:is(:hover,:focus-visible) svg{transform:translate(3px,-3px) rotate(-45deg)}
body.p2c .tile:is(:hover,:focus-visible){outline:0!important;outline-offset:0}
body.p2c .tile:is(:hover,:focus-visible,:active){color:inherit!important}
body.p2c .tile.orange:is(:hover,:focus-visible,:active),body.p2c .tile.bone:is(:hover,:focus-visible,:active){color:var(--p2c-ink)!important}
body.p2c .tile.ink:is(:hover,:focus-visible,:active),body.p2c .tile.charcoal:is(:hover,:focus-visible,:active){color:var(--p2c-bone)!important}
body.p2c .text-link:is(:hover,:focus-visible,:active){color:var(--p2c-orange)!important}
body.p2c .orange .text-link:is(:hover,:focus-visible,:active),body.p2c .action .text-link:is(:hover,:focus-visible,:active){color:var(--p2c-ink)!important}
body.p2c .tile:is(:hover,:focus-visible,:active) svg,body.p2c .text-link:is(:hover,:focus-visible,:active) svg,body.p2c .button:is(:hover,:focus-visible,:active) svg{transform:translate(3px,-3px) rotate(-45deg)}
body.p2c .quick-contact .quick-social{color:var(--p2c-bone)!important;text-decoration:none!important}
body.p2c .quick-contact .quick-social svg{width:22px;height:22px;display:block;transition:transform 180ms ease}
body.p2c .quick-contact .quick-social:hover,body.p2c .quick-contact .quick-social:focus-visible{color:var(--p2c-ink)!important}
body.p2c .quick-contact .quick-social:hover svg,body.p2c .quick-contact .quick-social:focus-visible svg{transform:translateY(-2px) scale(1.05)!important}
body.p2c .footer-top{display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:30px}
body.p2c .footer-social{display:flex;align-items:flex-start;justify-content:flex-end}
body.p2c .footer-bottom .social-links{display:none!important}
body.p2c .footer-social .social-links{display:flex;align-items:center}
@media(max-width:1023px){body.p2c .insight-grid>.insight:not(:first-child){width:100%;justify-self:stretch}}
@media(max-width:767px){body.p2c .footer-top{display:block}body.p2c .footer-social{justify-content:flex-start;margin-top:24px}}
/* Responsive content fit: card typography follows available width and content length. */
body.p2c .tile-grid,body.p2c .tile-grid>*{min-width:0}
body.p2c .tile{height:auto;min-height:clamp(280px,25vw,390px);overflow:visible;container-type:inline-size}
body.p2c .tile h3{max-width:100%;font-size:clamp(30px,5.2vw,78px);line-height:.96;overflow-wrap:anywhere;word-break:normal;hyphens:auto;text-wrap:balance}
body.p2c .tile p{max-width:100%;overflow-wrap:anywhere;hyphens:auto}
body.p2c .tile-bottom{min-width:0}
body.p2c .tile-bottom p{min-width:0}
@media(max-width:1280px){body.p2c .tile{padding:30px}body.p2c .tile h3{font-size:clamp(29px,4.8vw,64px)}body.p2c .question.narrow h3{font-size:clamp(29px,3.7vw,52px)}}
@media(max-width:1023px){body.p2c .tile-grid>.narrow{width:100%;justify-self:stretch}body.p2c .tile{min-height:290px;padding:28px}body.p2c .tile h3{font-size:clamp(29px,5.2vw,56px)}body.p2c .tile-bottom{align-items:flex-start}body.p2c .tile-bottom p{font-size:16px}}
@media(max-width:767px){body.p2c .tile{min-height:0;padding:26px}body.p2c .tile h3,body.p2c .question.wide h3,body.p2c .question.narrow h3,body.p2c .use h3{font-size:clamp(32px,10.5vw,52px);line-height:.98}body.p2c .tile .eyebrow{font-size:11px;overflow-wrap:anywhere}body.p2c .tile-bottom{margin-top:30px}body.p2c .tile-bottom p{font-size:16px;line-height:1.45}}
@container (max-width:420px){body.p2c .tile h3{font-size:clamp(30px,13cqw,48px)}}
@container (max-width:300px){body.p2c .tile h3{font-size:clamp(28px,14cqw,40px)}body.p2c .tile-bottom{display:block}body.p2c .tile-bottom svg{margin-top:18px}}
/* One arrow motion for every tile type and surface. */
body.p2c .tile:hover .tile-bottom svg,body.p2c .tile:focus-visible .tile-bottom svg,body.p2c .tile:active .tile-bottom svg{transform:translate(3px,-3px) rotate(-45deg)!important}
body.p2c .quick-contact .quick-social{width:76px!important;min-height:76px!important;gap:7px!important}
body.p2c .quick-contact .quick-social svg{width:22px!important;height:22px!important;flex:0 0 22px}
@media(max-width:1023px){body.p2c .quick-contact .quick-social{width:62px!important;min-height:58px!important}}

/* Unified tile interaction: every tile grows subtly in place. */
body.p2c .tile,
body.p2c .standard-card.tile{transform-origin:center center;transition:transform 220ms cubic-bezier(.2,.75,.2,1),background-color 180ms ease,color 180ms ease!important}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  body.p2c .tile:hover,
  body.p2c .tile:focus-visible,
  body.p2c .standard-card.tile:hover,
  body.p2c .standard-card.tile:focus-visible{transform:scale(1.015)!important;filter:none!important}
}
@media (prefers-reduced-motion:reduce){
  body.p2c .tile,
  body.p2c .standard-card.tile{transition:none!important}
}

/* Intermediate display headlines stay powerful without accidental extra wrapping. */
body.p2c .method .mega{font-size:clamp(52px,8.2vw,132px);line-height:.9;letter-spacing:-.035em;max-width:1500px;text-wrap:balance}
body.p2c .section-heading>h2,
body.p2c .employment> .wrap > h2,
body.p2c .connection-grid h2,
body.p2c .action h2{letter-spacing:-.035em;text-wrap:balance}
@media(max-width:1280px){body.p2c .method .mega{font-size:clamp(50px,7.9vw,112px);max-width:1150px}}
@media(max-width:767px){body.p2c .method .mega{font-size:clamp(44px,10.6vw,76px);line-height:.94;letter-spacing:-.03em}}

/* Keep page compositions inside the same centered frame as the home page. */
body.p2c{overflow-x:hidden}
body.p2c main#inhalt>.hero>.wrap,
body.p2c main#inhalt>.questions>.wrap,
body.p2c main#inhalt>.action>.wrap{width:100%;max-width:1568px;margin-inline:auto;padding-inline:clamp(24px,4vw,64px)}

/* Restore the home-page grid: tile widths always follow their grid columns. */
body.p2c .tile-grid>.wide,
body.p2c .tile-grid>.narrow{width:auto!important;justify-self:stretch!important}
@media(max-width:1023px){body.p2c .tile-grid>.wide,body.p2c .tile-grid>.narrow{width:auto!important;justify-self:stretch!important}}
body.p2c .insight-grid>.insight:not(:first-child){width:auto!important;justify-self:stretch!important}

/* Light service and profile openings keep the home-page composition with a clear contrast. */
body.p2c .hero-light{background:var(--p2c-bone);color:var(--p2c-ink)}
body.p2c .hero-light .eyebrow{color:var(--p2c-ink)}
body.p2c .hero-light .hero-question,body.p2c .hero-light .hero-copy{color:var(--p2c-ink)}
body.p2c .hero-light .scroll-cue{color:var(--p2c-ink);border-top-color:#11111035}
body.p2c .p2-form{display:grid;gap:10px;max-width:560px}
body.p2c .p2-form label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-top:12px}
body.p2c .p2-form input,body.p2c .p2-form textarea{width:100%;border:1px solid currentColor;border-radius:4px;padding:12px 14px;background:transparent;color:inherit}
body.p2c .p2-form .button{justify-self:start;margin-top:18px}

/* German typesetting: use language-aware hyphenation instead of arbitrary word breaks. */
body.p2c h1,
body.p2c h2,
body.p2c h3,
body.p2c p,
body.p2c li,
body.p2c .text-link,
body.p2c .button{
  hyphens:auto;
  -webkit-hyphens:auto;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:pretty;
}
body.p2c h1,
body.p2c h2,
body.p2c h3,
body.p2c .tile p,
body.p2c .hero-copy,
body.p2c .section-heading>p,
body.p2c .action-grid>div>p{
  hyphenate-limit-chars:6 3 3;
  text-wrap:balance;
}
body.p2c .tile h3,
body.p2c .standard-card.tile h3{
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:auto!important;
}
@media(max-width:767px){
  body.p2c h1,body.p2c h2,body.p2c h3{hyphenate-limit-chars:5 2 2}
}

/* Final display scale: assertive headlines with more air around the message. */
body.p2c .hero h1{font-size:clamp(52px,7.7vw,112px)}
body.p2c .method .mega{font-size:clamp(48px,7.35vw,118px)}
/* Keep the working-method statement in the same restrained scale as the page grids. */
body.p2c .method .mega{font-size:clamp(48px,5.4vw,96px);line-height:.94;max-width:1160px}
body.p2c .section-heading>h2,
body.p2c .employment> .wrap > h2,
body.p2c .connection-grid h2,
body.p2c .action h2{font-size:clamp(44px,4.75vw,86px)}
body.p2c .tile.question h3{font-size:clamp(42px,4.65vw,76px)}
body.p2c .hero-bottom,.p2c .hero-copy,.p2c .hero-question{min-width:0}
body.p2c .hero-copy,.p2c .hero-question{overflow-wrap:normal;word-break:normal}
body.p2c .hero-light .p2-scroll-color{color:var(--p2c-ink)!important}
@media(max-width:1280px){body.p2c .hero h1{font-size:clamp(48px,7.4vw,104px)}body.p2c .method .mega{font-size:clamp(46px,7.1vw,106px)}}
@media(max-width:767px){body.p2c .hero h1{font-size:clamp(46px,10.2vw,76px)}body.p2c .method .mega{font-size:clamp(44px,9.8vw,72px)}body.p2c .tile.question h3{font-size:clamp(34px,9.5vw,50px)}}

/* One headline scale across every home-style tile, regardless of column width. */
body.p2c .tile-grid>.tile h3{font-size:clamp(40px,4.25vw,70px)!important;line-height:.96;letter-spacing:-.047em}
body.p2c .about-hero-bottom{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:56px}
body.p2c .about-hero-copy{min-width:0;max-width:780px}
body.p2c .about-hero-copy .hero-question{margin-bottom:26px}
body.p2c .about-hero-copy .hero-copy{max-width:780px;font-size:clamp(17px,1.55vw,22px);line-height:1.5}
body.p2c .about-hero-bottom .hero-links{margin:0;align-self:end}
@media(max-width:767px){
 body.p2c .tile-grid>.tile h3{font-size:clamp(34px,9.2vw,50px)!important}
 body.p2c .about-hero-bottom{grid-template-columns:1fr;gap:28px}
 body.p2c .about-hero-bottom .hero-links{margin-top:0}
}

/* Keep the scroll colour effect explicit on dark headline surfaces. */
body.p2c .hero:not(.hero-light) .p2-scroll-color,
body.p2c .method .p2-scroll-color{color:var(--p2-scroll-color,currentColor)!important}

/* Scroll colour applies consistently to light and dark hero headlines. */
body.p2c .hero-light .p2-scroll-color{color:var(--p2-scroll-color,currentColor)!important}
body.p2c .hero h1>span{display:block;text-wrap:balance}

/* One upper-page composition across Home, Leistungen, Zusammenarbeit, Insights, About and Contact. */
body.p2c .standard-hero-bottom{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:56px}
body.p2c .standard-hero-copy{min-width:0;max-width:780px}
body.p2c .standard-hero-copy .hero-question{margin-bottom:26px}
body.p2c .standard-hero-copy .hero-copy{max-width:780px;font-size:clamp(17px,1.55vw,22px);line-height:1.5}
body.p2c .standard-hero-bottom .hero-links{margin:0;align-self:end;display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:250px}
body.p2c .standard-hero-bottom .hero-links .text-link{justify-content:space-between}
@media(max-width:767px){body.p2c .standard-hero-bottom{grid-template-columns:1fr;gap:28px}body.p2c .standard-hero-bottom .hero-links{min-width:0;align-items:flex-start}}

/* Final shared scale for the home working-method block. */
body.p2c .method .mega{font-size:clamp(48px,5.4vw,96px);line-height:.94;max-width:1160px}
@media(max-width:767px){body.p2c .method .mega{font-size:clamp(44px,9.8vw,72px)}}

/* All primary page heroes use the light opening; sublines stay on one desktop line. */
body.p2c .hero-light .hero-question{white-space:nowrap;max-width:none}
@media(max-width:767px){body.p2c .hero-light .hero-question{white-space:normal}}

/* The compact header is the permanent navigation state. */
body.p2c .site-header .header-inner{padding-top:10px;padding-bottom:10px}
body.p2c .site-header .brand{width:190px;height:38px}
body.p2c #main-nav{font-size:13px}
body.p2c .site-header .menu-toggle{padding-top:6px;padding-bottom:6px}
body.p2c #main-nav>a.is-current:not(.header-cta)::after{content:'↗';display:inline-block;margin-left:.45em;color:var(--p2c-orange);font-size:.92em;line-height:1;transform:translateY(-.05em)}

/* Arbeitsweise uses the same tile system as the rest of the home page. */
body.p2c .method{background:transparent;color:var(--p2c-ink);padding-top:64px;padding-bottom:64px}
body.p2c .method-grid{align-items:stretch}
body.p2c .method-grid .tile{min-height:320px}
body.p2c .method-grid .tile h3{margin-bottom:28px}
body.p2c .method-grid .tile-bottom{flex-direction:column;align-items:stretch;gap:18px}
body.p2c .method-grid .tile-bottom p{max-width:520px}
body.p2c .method-grid .tile-bottom .text-link{align-self:flex-start}
@media(max-width:767px){body.p2c .method{padding-top:48px;padding-bottom:48px}body.p2c .method-grid .tile{min-height:290px}}


/* Tile hover keeps the original surface colour; only scale and arrow motion remain. */
body.p2c .tile.orange:is(:hover,:focus-visible,:active){background:var(--p2c-orange)!important}
body.p2c .tile.bone:is(:hover,:focus-visible,:active){background:#ececea!important}
body.p2c .tile.charcoal:is(:hover,:focus-visible,:active),body.p2c .tile.ink:is(:hover,:focus-visible,:active){background:var(--p2c-charcoal)!important}


body.p2c .tile-bottom .tile-label{font-size:12px!important;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin:4px 0 -8px;color:currentColor;opacity:.72}
body.p2c .tile-bottom .tile-label + p{margin-top:0}

/* Kacheln bleiben ohne Trennlinie zwischen Überschrift und Inhalt. */
body.p2c .tile-bottom{border-top:0!important;padding-top:0!important}

/* Alle Schnellkontakt-Icons reagieren identisch: kurz nach rechts und leicht größer. */
body.p2c .quick-contact a svg{transition:transform 180ms ease!important}
body.p2c .quick-contact a:hover svg,
body.p2c .quick-contact a:focus-visible svg{transform:translateX(4px) scale(1.05)!important}


/* Compact collaboration details: label and explanation stay on one clean grid. */
body.p2c #formen .tile{min-height:280px}
body.p2c .tile-details{display:grid;gap:18px;margin-top:auto}
body.p2c .tile-detail{display:grid;grid-template-columns:minmax(78px,.38fr) minmax(0,1fr);gap:14px;align-items:start}
body.p2c .tile-detail .tile-label{font-size:10px!important;font-weight:700;letter-spacing:.08em;line-height:1.25;text-transform:uppercase;opacity:.68;white-space:normal}
body.p2c .tile-detail p{font-size:15px!important;line-height:1.38!important;max-width:none!important;margin:0}
@media(max-width:767px){body.p2c #formen .tile{min-height:250px}body.p2c .tile-detail{grid-template-columns:84px minmax(0,1fr);gap:12px}body.p2c .tile-detail p{font-size:15px!important}}

/* Detailtexte in den Zusammenarbeit-Kacheln laufen vertikal und bleiben typografisch gleichwertig. */
body.p2c .tile-detail{display:block}
body.p2c .tile-detail .tile-label{display:block;font-size:12px!important;font-weight:700;letter-spacing:.08em;line-height:1.25;text-transform:uppercase;opacity:1;margin:0 0 10px;white-space:normal}
body.p2c .tile-detail p{font-size:15px!important;line-height:1.38!important;margin:0;max-width:none!important}
body.p2c .tile-details{gap:24px}


/* Headings and compact labels never split with an artificial hyphen. */
body.p2c .tile h3,body.p2c .tile-label{hyphens:none;overflow-wrap:normal;word-break:normal}

/* Collaboration tile copy uses the full inner width between the fixed tile paddings. */
body.p2c #formen .tile-details,
body.p2c #formen .tile-detail,
body.p2c #formen .tile-detail p{width:100%;max-width:none!important}

/* Collaboration details follow the heading instead of being pushed to the tile bottom. */
body.p2c #formen .tile-details{margin-top:36px!important}
@media(max-width:767px){body.p2c #formen .tile-details{margin-top:28px!important}}

/* Wide tiles use their full line length without the old narrow copy measure. */
body.p2c #formen .tile.wide .tile-detail p{font-size:14px!important;letter-spacing:-.012em;max-width:none!important;width:100%!important}

/* Same tile copy size everywhere. Wrapping follows the available tile width only. */
body.p2c #formen .tile-detail p{font-size:15px!important;line-height:1.38!important;letter-spacing:normal;max-width:none!important;width:100%!important;white-space:normal}

/* Collaboration tile details are bottom anchored, building upward from the inner edge. */
body.p2c #formen .tile-details{margin-top:auto!important}


/* Every collaboration detail row fills the complete inner tile width, including narrow tiles. */
body.p2c #formen .tile-details{display:flex!important;flex-direction:column;align-self:stretch;width:100%!important;min-width:0}
body.p2c #formen .tile-detail{display:block;width:100%!important;min-width:0}
body.p2c #formen .tile-detail p{display:block;width:100%!important;max-width:none!important;min-width:0}

/* One arrow rule for every tile: bottom right, aligned to the same inner edge. */
body.p2c .tile>.tile-bottom{position:relative;width:100%;padding-right:48px!important}
body.p2c .tile>.tile-bottom>svg{position:absolute;right:0;bottom:0;margin:0;flex:0 0 auto}
body.p2c .tile>.tile-bottom>.text-link{width:100%;justify-content:space-between;gap:18px}
body.p2c .tile>.tile-bottom>.text-link svg{flex:0 0 auto}
@media(max-width:767px){body.p2c .tile>.tile-bottom{padding-right:42px!important}}

/* Text links stay clean: no underline and no artificial word splitting. */
body.p2c .text-link,
body.p2c .text-link:hover,
body.p2c .text-link:focus-visible,
body.p2c .text-link:active{border-bottom:0!important;text-decoration:none!important;hyphens:none;word-break:normal;overflow-wrap:normal}
body.p2c #main-nav>a:hover{text-decoration:none!important}

/* Tile destinations are represented by the arrow only. The link remains
   accessible and navigates directly without an intermediate overlay. */
body.p2c .tile>.tile-bottom>.text-link{font-size:0!important;line-height:0;padding:0!important;min-height:0;gap:0;border:0!important;text-decoration:none!important}
body.p2c .tile>.tile-bottom>.text-link svg{width:30px;height:30px}
@media(max-width:767px){body.p2c .tile>.tile-bottom>.text-link svg{width:28px;height:28px}}

/* Homepage insights use four equal tiles instead of one oversized lead tile. */
body.p2c #insights > .wrap > .insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr}
body.p2c #insights > .wrap > .insight-grid > .insight:first-child,
body.p2c #insights > .wrap > .insight-grid > .insight:not(:first-child){grid-row:auto;min-height:390px;padding:36px}
body.p2c #insights > .wrap > .insight-grid > .insight h3{font-size:clamp(36px,4.25vw,64px)!important;line-height:.98;max-width:100%}
body.p2c #insights > .wrap > .insight-grid > .insight p:not(.eyebrow){font-size:17px;line-height:1.45;max-width:none}
@media(max-width:767px){body.p2c #insights > .wrap > .insight-grid{grid-template-columns:1fr!important;grid-auto-rows:auto}body.p2c #insights > .wrap > .insight-grid > .insight:first-child,body.p2c #insights > .wrap > .insight-grid > .insight:not(:first-child){min-height:290px;padding:28px}}

/* Services are explained as one consistent vertical sequence. */
body.p2c .service-fields{grid-template-columns:1fr!important;gap:18px!important}
body.p2c .service-fields .service-field{grid-column:1/-1!important;min-height:0!important;padding:36px!important;display:flex;flex-direction:column}
body.p2c .service-fields .service-field h3{max-width:100%;margin-bottom:34px}
body.p2c .service-fields .service-field .tile-details{margin-top:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;width:100%;align-self:stretch}
body.p2c .service-fields .service-field .tile-detail{display:block;width:100%}
body.p2c .service-fields .service-field .tile-detail .tile-label{display:block;font-size:12px!important;font-weight:700;letter-spacing:.08em;line-height:1.25;text-transform:uppercase;margin:0 0 10px;opacity:.72}
body.p2c .service-fields .service-field .tile-detail p{font-size:17px!important;line-height:1.45!important;max-width:none!important;width:100%!important;margin:0}
body.p2c .service-fields .service-field .tile-bottom{margin-top:32px!important;padding-top:0!important;border-top:0!important}
@media(max-width:767px){body.p2c .service-fields .service-field{padding:28px!important}.p2c .service-fields .service-field .tile-details{grid-template-columns:1fr;gap:24px}.p2c .service-fields .service-field h3{margin-bottom:28px}}

/* The four service fields use the same wide/narrow tile rhythm as the collaboration system. */
body.p2c .service-fields{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:var(--p2c-gap)!important}
body.p2c .service-fields .service-field.wide{grid-column:span 8!important}
body.p2c .service-fields .service-field.narrow{grid-column:span 4!important}
body.p2c #formen .tile-grid{grid-template-columns:1fr!important;gap:18px!important}
body.p2c #formen .tile-grid>.tile{grid-column:1/-1!important;width:auto!important;min-height:360px!important}
body.p2c #formen .tile-arrow{display:flex;justify-content:flex-end;align-items:end;margin-top:32px!important;padding:0!important}
body.p2c #formen .tile-arrow svg{width:30px;height:30px}
@media(max-width:1023px){body.p2c .service-fields .service-field.wide,body.p2c .service-fields .service-field.narrow{grid-column:1/-1!important}}
@media(max-width:767px){body.p2c #formen .tile-grid>.tile{min-height:290px!important}}

/* Anchored collaboration cards land below the fixed header. */
body.p2c #formen,
body.p2c #formen .tile[id]{scroll-margin-top:104px}

/* Leistungen follows the same single-column tile flow as Zusammenarbeit. */
body.p2c .service-fields{grid-template-columns:1fr!important;gap:18px!important}
body.p2c .service-fields .service-field.wide,
body.p2c .service-fields .service-field.narrow{grid-column:1/-1!important;width:auto!important}
body.p2c .service-fields .service-field .tile-details{grid-template-columns:1fr!important;gap:24px!important}

/* Services: mixed teaser grid first, anchored detail tiles below. */
body.p2c .service-teasers{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:var(--p2c-gap)!important}
body.p2c .service-teasers .service-teaser.wide{grid-column:span 8!important}
body.p2c .service-teasers .service-teaser.narrow{grid-column:span 4!important}
body.p2c .service-teaser{min-height:330px!important}
body.p2c .service-detail-list{display:grid;grid-template-columns:1fr;gap:18px}
body.p2c .service-detail{min-height:360px!important;display:flex;flex-direction:column}
body.p2c .service-detail .tile-details{margin-top:auto!important;display:flex;flex-direction:column;gap:24px;width:100%}
body.p2c .service-detail .tile-detail{display:block;width:100%}
body.p2c .service-detail .tile-detail p{width:100%!important;max-width:none!important}
body.p2c .service-detail .tile-arrow{margin-top:32px!important}
body.p2c .service-detail[id]{scroll-margin-top:104px}
@media(max-width:1023px){body.p2c .service-teasers .service-teaser.wide,body.p2c .service-teasers .service-teaser.narrow{grid-column:1/-1!important}}
@media(max-width:767px){body.p2c .service-teaser{min-height:290px!important}.p2c .service-detail{min-height:290px!important}}

/* Collaboration: teaser grid first, anchored explanations below. */
body.p2c .collab-teasers{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:var(--p2c-gap)!important}
body.p2c .collab-teasers .wide{grid-column:span 8!important}
body.p2c .collab-teasers .narrow{grid-column:span 4!important}
body.p2c .collab-teasers .tile{min-height:330px!important}
body.p2c .collab-detail-list{display:grid;grid-template-columns:1fr;gap:18px}
body.p2c .collab-detail{min-height:360px!important;display:flex;flex-direction:column}
body.p2c .collab-detail .tile-details{margin-top:auto!important;display:flex;flex-direction:column;gap:24px;width:100%}
body.p2c .collab-detail .tile-detail{display:block;width:100%}
body.p2c .collab-detail .tile-detail p{width:100%!important;max-width:none!important}
body.p2c .collab-detail .tile-arrow{margin-top:32px!important}
body.p2c .collab-detail[id]{scroll-margin-top:104px}
@media(max-width:1023px){body.p2c .collab-teasers .wide,body.p2c .collab-teasers .narrow{grid-column:1/-1!important}}
@media(max-width:767px){body.p2c .collab-teasers .tile{min-height:290px!important}.p2c .collab-detail{min-height:290px!important}}

/* Final precedence: collaboration teasers use the same mixed grid as services. */
body.p2c #formen .service-teasers{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:var(--p2c-gap)!important}
body.p2c #formen .service-teasers>.service-teaser.wide{grid-column:span 8!important;width:auto!important;justify-self:stretch!important;min-height:330px!important}
body.p2c #formen .service-teasers>.service-teaser.narrow{grid-column:span 4!important;width:auto!important;justify-self:stretch!important;min-height:330px!important}
@media(max-width:1023px){body.p2c #formen .service-teasers>.service-teaser.wide,body.p2c #formen .service-teasers>.service-teaser.narrow{grid-column:1/-1!important}}
@media(max-width:767px){body.p2c #formen .service-teasers>.service-teaser.wide,body.p2c #formen .service-teasers>.service-teaser.narrow{min-height:290px!important}}

/* Insights use the same compact mixed tile rhythm as services and collaboration. */
body.p2c #insight-karten .all-insights{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:var(--p2c-gap)!important}
body.p2c #insight-karten .all-insights>.insight{min-height:340px!important;width:auto!important;justify-self:stretch!important}
body.p2c #insight-karten .all-insights>.insight:nth-child(1),
body.p2c #insight-karten .all-insights>.insight:nth-child(4){grid-column:span 8!important}
body.p2c #insight-karten .all-insights>.insight:nth-child(2),
body.p2c #insight-karten .all-insights>.insight:nth-child(3),
body.p2c #insight-karten .all-insights>.insight:nth-child(5),
body.p2c #insight-karten .all-insights>.insight:nth-child(6),
body.p2c #insight-karten .all-insights>.insight:nth-child(7){grid-column:span 4!important}
body.p2c #insight-karten .all-insights>.insight:nth-child(8),
body.p2c #insight-karten .all-insights>.insight:nth-child(9){grid-column:span 6!important}
@media(max-width:1023px){body.p2c #insight-karten .all-insights>.insight{grid-column:1/-1!important}}
@media(max-width:767px){body.p2c #insight-karten .all-insights>.insight{min-height:290px!important}}
/* Keep the remaining insight cards in the same three-column rhythm. */
body.p2c #insight-karten .all-insights>.insight:nth-child(8),
body.p2c #insight-karten .all-insights>.insight:nth-child(9),
body.p2c #insight-karten .all-insights>.insight:nth-child(10){grid-column:span 4!important}

/* Homepage insight teasers follow the same compact mixed rhythm. */
body.p2c #insights > .wrap > .insight-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:var(--p2c-gap)!important}
body.p2c #insights > .wrap > .insight-grid>.insight{min-height:340px!important;width:auto!important;justify-self:stretch!important;grid-row:auto!important}
body.p2c #insights > .wrap > .insight-grid>.insight:nth-child(1),
body.p2c #insights > .wrap > .insight-grid>.insight:nth-child(4){grid-column:span 8!important}
body.p2c #insights > .wrap > .insight-grid>.insight:nth-child(2),
body.p2c #insights > .wrap > .insight-grid>.insight:nth-child(3){grid-column:span 4!important}
@media(max-width:1023px){body.p2c #insights > .wrap > .insight-grid>.insight{grid-column:1/-1!important}}
@media(max-width:767px){body.p2c #insights > .wrap > .insight-grid>.insight{min-height:290px!important}}


/* No insight card receives a legacy oversized first-card height. */
body.p2c .insight{height:auto!important;max-height:none!important}
body.p2c #insight-karten .all-insights>.insight:first-child{min-height:340px!important}
body.p2c #insights > .wrap > .insight-grid>.insight:first-child{min-height:340px!important}

/* Hard stop for the former oversized first insight card. */
body.p2c .insight-grid>.insight:first-child{height:340px!important;min-height:340px!important;max-height:340px!important}
@media(max-width:767px){body.p2c .insight-grid>.insight:first-child{height:290px!important;min-height:290px!important;max-height:290px!important}}

/* Insight cards must grow with their content; never push metadata outside the tile. */
body.p2c .insight-grid>.insight:first-child{height:auto!important;min-height:340px!important;max-height:none!important;overflow:hidden!important}
@media(max-width:767px){body.p2c .insight-grid>.insight:first-child{height:auto!important;min-height:290px!important;max-height:none!important}}

/* Remove the legacy two-row lead-card behavior everywhere. */
body.p2c .insight-grid>.insight:first-child{grid-row:auto!important}

/* Insights topic menu and informational article tools. */
body.p2c #main-nav .nav-insights{position:relative;display:block}
body.p2c #main-nav .nav-insights summary{list-style:none;cursor:pointer;padding:8px 0;text-decoration:none}
body.p2c #main-nav .nav-insights summary::-webkit-details-marker{display:none}
body.p2c #main-nav .nav-insights summary::after{content:'⌄';display:inline-block;margin-left:.45em;color:var(--p2c-orange);font-size:.9em;transform:translateY(-.08em)}
body.p2c #main-nav .nav-insights[open] summary::after{content:'⌃'}
body.p2c .nav-insights-menu{position:absolute;z-index:20;top:calc(100% + 12px);right:0;display:grid;gap:4px;min-width:250px;padding:14px;background:var(--p2c-bone);border:1px solid #11111024;border-radius:12px;box-shadow:0 12px 30px #11111018}
body.p2c .nav-insights-menu a{display:block;padding:8px 10px;text-decoration:none;font-size:13px}
body.p2c .nav-insights-menu a:hover,body.p2c .nav-insights-menu a:focus-visible{color:var(--p2c-orange);text-decoration:none}
body.p2c .article-tools{margin-top:26px}
body.p2c .share-button{display:inline-flex;align-items:center;gap:14px;border:0;border-bottom:1px solid currentColor;background:none;padding:0 0 8px;font:inherit;font-size:14px;cursor:pointer;color:inherit}
body.p2c .share-button:hover,body.p2c .share-button:focus-visible{color:var(--p2c-orange)}
@media(max-width:1023px){body.p2c #main-nav .nav-insights{width:100%}body.p2c #main-nav .nav-insights summary{min-height:44px;padding:12px 0}body.p2c .nav-insights-menu{position:static;min-width:0;margin:0 0 8px;padding:8px;background:transparent;border:0;box-shadow:none}body.p2c .nav-insights-menu a{min-height:40px;padding:10px 0}}

/* Insights overview: keep the regular header untouched and style only the open menu. */
body.p2c .nav-insights-menu{background:var(--p2c-bone)!important;color:var(--p2c-ink)!important;grid-template-columns:repeat(2,minmax(150px,1fr));min-width:520px}
body.p2c .nav-insights-menu a{color:var(--p2c-ink)!important;background:transparent!important}
body.p2c .nav-insights-menu a:hover,
body.p2c .nav-insights-menu a:focus-visible,
body.p2c .nav-insights-menu a[aria-current="page"]{color:var(--p2c-orange)!important}
@media(max-width:1023px){body.p2c .nav-insights-menu{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}}

/* Insight articles: same tile language as the main pages, informational only. */
body.p2c.article-page .article-head{background:transparent!important;color:var(--p2c-bone);padding:30px 0 40px}
body.p2c.article-page .article-head>.wrap{max-width:1568px;background:var(--p2c-charcoal);border:1px solid #f2efe81c;border-radius:var(--p2c-radius);padding:clamp(34px,5vw,72px)}
body.p2c.article-page .article-head .breadcrumbs{color:var(--p2c-bone);margin-bottom:42px}
body.p2c.article-page .article-head .breadcrumbs a{color:var(--p2c-bone);text-decoration:none}
body.p2c.article-page .article-head .breadcrumbs a:hover,body.p2c.article-page .article-head .breadcrumbs a:focus-visible{color:var(--p2c-orange)}
body.p2c.article-page .article-head .eyebrow{color:var(--p2c-muted)}
body.p2c.article-page .article-head h1{max-width:1120px;font-size:clamp(52px,7.1vw,112px);line-height:.93;letter-spacing:-.06em;margin-bottom:34px}
body.p2c.article-page .article-intro{max-width:940px;font-size:clamp(20px,1.75vw,27px);line-height:1.42}
body.p2c.article-page .author{border-top-color:#f2efe840}
body.p2c.article-page .article-tools{margin-top:28px}
body.p2c.article-page .share-button{color:var(--p2c-bone)}
body.p2c.article-page .share-button:hover,body.p2c.article-page .share-button:focus-visible{color:var(--p2c-orange)}
body.p2c.article-page .article-content{padding:42px 0 100px;background:transparent}
body.p2c.article-page .article-content .reading{max-width:980px;padding:0 24px;margin:0 auto}
body.p2c.article-page .article-content h2{font-size:clamp(30px,3.2vw,48px);line-height:1.04;letter-spacing:-.045em;margin:54px 0 24px}
body.p2c.article-page .article-content p{font-size:19px;line-height:1.62;max-width:850px}
body.p2c.article-page .article-card,body.p2c.article-page .check{border-radius:var(--p2c-radius);border:1px solid #1111101c;background:#ffffff55;padding:34px;margin:38px 0}
body.p2c.article-page .article-statement{border-radius:var(--p2c-radius);overflow:hidden}
body.p2c.article-page .article-emphasis{max-width:none!important;margin:clamp(32px,5vw,56px) 0!important;padding:clamp(28px,4vw,52px)!important;border-radius:var(--p2c-radius);background:var(--p2c-orange);color:var(--p2c-ink);font-family:"Barlow Condensed",sans-serif;font-size:clamp(38px,5vw,72px)!important;font-weight:800;line-height:.98!important;letter-spacing:-.045em}
@media(max-width:767px){body.p2c.article-page .article-head{padding:18px 0 24px}body.p2c.article-page .article-head>.wrap{padding:28px;border-radius:20px}body.p2c.article-page .article-head h1{font-size:clamp(44px,11vw,70px);line-height:.96}body.p2c.article-page .article-intro{font-size:20px}body.p2c.article-page .article-content{padding:22px 0 64px}body.p2c.article-page .article-content .reading{padding:0 20px}body.p2c.article-page .article-content p{font-size:18px}body.p2c.article-page .article-card,body.p2c.article-page .check{padding:26px 22px;border-radius:20px}}

/* Insight detail pages use the same light hero and label system as Leistungen. */
body.p2c.article-page .article-head{background:var(--p2c-bone)!important;color:var(--p2c-ink)!important;padding:96px 0 72px!important}
body.p2c.article-page .article-head>.wrap{max-width:1568px;background:transparent!important;border:0!important;border-radius:0!important;padding:0 32px!important}
body.p2c.article-page .article-head .breadcrumbs{display:none!important}
body.p2c.article-page .article-head .eyebrow{color:var(--p2c-ink)!important;margin:0 0 42px!important;font-size:11px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:.055em!important}
body.p2c.article-page .article-head h1{max-width:1180px;font-size:clamp(52px,7.7vw,112px);line-height:.94;letter-spacing:-.06em;margin:0 0 36px;color:var(--p2c-ink)}
body.p2c.article-page .article-intro{max-width:940px;color:var(--p2c-ink);font-size:clamp(19px,1.55vw,22px);line-height:1.5}
body.p2c.article-page .author{color:var(--p2c-ink);border-top-color:#11111035}
body.p2c.article-page .share-button{color:var(--p2c-ink)}
body.p2c.article-page .article-thought-label{max-width:none!important;margin:54px 0 22px!important;font-family:'IBM Plex Sans',sans-serif!important;font-size:11px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:.055em!important;text-transform:uppercase;color:var(--p2c-ink)}
body.p2c.article-page .article-emphasis{margin-top:0!important}
@media(max-width:767px){body.p2c.article-page .article-head{padding:58px 0 48px!important}body.p2c.article-page .article-head>.wrap{padding:0 20px!important}body.p2c.article-page .article-head .eyebrow{font-size:10px!important;margin-bottom:30px!important}body.p2c.article-page .article-head h1{font-size:clamp(46px,10.2vw,76px);line-height:.98;margin-bottom:28px}body.p2c.article-page .article-thought-label{font-size:10px!important;margin-top:42px!important}}

/* Compact article rhythm and align all tools with the hero content. */
body.p2c.article-page .article-intro{max-width:800px}
body.p2c.article-page .article-intro p{max-width:none;margin:0 0 20px}
body.p2c.article-page .author{margin-top:34px;padding-top:18px}
body.p2c.article-page .article-tools{margin-top:22px}
body.p2c.article-page .share-button{border-bottom:0;padding:8px 0;font-size:14px;font-weight:500}
body.p2c.article-page .article-content{padding-top:18px}
body.p2c.article-page .article-content .reading{max-width:900px}
body.p2c.article-page .article-content .reading>h2:first-child{margin-top:22px}
body.p2c.article-page .article-emphasis{font-size:clamp(36px,4.2vw,64px)!important;line-height:1.02!important;letter-spacing:-.025em;padding:clamp(30px,4vw,48px)!important}
@media(max-width:767px){body.p2c.article-page .article-intro{max-width:none}body.p2c.article-page .author{margin-top:28px}body.p2c.article-page .article-tools{margin-top:14px}body.p2c.article-page .article-content{padding-top:8px}body.p2c.article-page .article-content .reading>h2:first-child{margin-top:18px}body.p2c.article-page .article-emphasis{font-size:clamp(34px,9vw,50px)!important;line-height:1.03!important;padding:28px 22px!important}}

/* Final global tile radius and consistent Insight display typography. */
body.p2c{--p2c-radius:4px}
body.p2c .tile,
body.p2c .standard-card,
body.p2c .article-card,
body.p2c .check,
body.p2c .article-statement,
body.p2c .article-emphasis,
body.p2c .nav-insights-menu{border-radius:4px!important}
body.p2c.article-page .article-head h1.p2-scroll-color{color:var(--p2-scroll-color,var(--p2c-ink))!important}
body.p2c.article-page .article-emphasis{font-family:'Manrope','IBM Plex Sans',sans-serif!important;font-weight:750!important}

/* Insight article headings follow the same scale as tile headlines. */
body.p2c.article-page .article-content h2{font-family:'Manrope','IBM Plex Sans',sans-serif;font-size:clamp(26px,2.5vw,38px);font-weight:750;line-height:1.08;letter-spacing:-.035em;margin:48px 0 22px}
body.p2c.article-page .article-content .reading>h2:first-child{margin-top:18px}
@media(max-width:767px){body.p2c.article-page .article-content h2{font-size:clamp(25px,6.8vw,32px);line-height:1.08;margin:38px 0 18px}body.p2c.article-page .article-content .reading>h2:first-child{margin-top:14px}}

/* Insight body copy matches the restrained text scale used inside tiles. */
body.p2c.article-page .article-content p:not(.eyebrow):not(.article-emphasis),
body.p2c.article-page .article-content li{font-family:'IBM Plex Sans',sans-serif;font-size:17px;line-height:1.58;letter-spacing:0}
@media(max-width:767px){body.p2c.article-page .article-content p:not(.eyebrow):not(.article-emphasis),body.p2c.article-page .article-content li{font-size:16px;line-height:1.55}}

/* Insight lists use a small orange square instead of the browser bullet. */
body.p2c.article-page .article-content ul:not(.check ul){list-style-type:square}
body.p2c.article-page .article-content ul:not(.check ul)>li::marker{color:var(--p2c-orange);font-size:.72em}

/* Keep list copy flush with the surrounding article text; only the marker hangs outside. */
body.p2c.article-page .article-content ul:not(.check ul){padding-inline-start:1.05em;margin-inline-start:-1.05em}

/* Service-detail intros may wrap naturally while retaining the shared light hero. */
body.p2c.service-detail-page .standard-hero-bottom{grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:clamp(28px,4vw,72px);align-items:end}
body.p2c.service-detail-page .hero-question{max-width:850px;white-space:normal!important}
body.p2c.service-detail-page .standard-hero-copy{width:100%;max-width:800px;min-width:0}
body.p2c.service-detail-page .hero-links{justify-self:end}
@media(max-width:767px){body.p2c.service-detail-page .standard-hero-bottom{grid-template-columns:1fr}body.p2c.service-detail-page .hero-links{justify-self:start}}

/* Global display-type scale: calmer on laptops while preserving the P2C hierarchy. */
body.p2c{
  --p2c-type-hero:clamp(46px,6.65vw,96px);
  --p2c-type-section:clamp(38px,4vw,72px);
  --p2c-type-feature:clamp(42px,4.65vw,82px);
  --p2c-type-tile:clamp(37px,3.9vw,64px);
}
body.p2c .hero h1,
body.p2c.article-page .article-head h1{font-size:var(--p2c-type-hero)!important;line-height:.94!important}
body.p2c .section-heading>h2,
body.p2c .employment h2,
body.p2c .connection-grid h2,
body.p2c .henrik h2,
body.p2c .action h2{font-size:var(--p2c-type-section)!important;line-height:1!important}
body.p2c .method .mega{font-size:var(--p2c-type-feature)!important;line-height:.95!important}
body.p2c .tile-grid>.tile h3{font-size:var(--p2c-type-tile)!important;line-height:.98!important}
body.p2c .generic-overview .section-heading>h1{font-size:clamp(40px,4.25vw,64px)!important}
body.p2c.article-page .article-emphasis{font-size:clamp(32px,3.6vw,54px)!important}
@media(max-width:767px){
  body.p2c{--p2c-type-hero:clamp(40px,9.2vw,64px);--p2c-type-section:clamp(31px,8.2vw,42px);--p2c-type-feature:clamp(38px,8.8vw,62px);--p2c-type-tile:clamp(30px,8.5vw,46px)}
  body.p2c .generic-overview .section-heading>h1{font-size:clamp(32px,8.8vw,38px)!important}
  body.p2c.article-page .article-emphasis{font-size:clamp(29px,7.8vw,42px)!important}
}

/* Final shared page system. */
.p2c{--p2c-radius:5.333px}
.p2c .headline-accent{color:var(--p2c-orange)!important}
.p2c .info-content{padding-top:56px}
.p2c .reading-wide{max-width:980px}
.p2c .info-content h2{font:700 clamp(24px,2.1vw,34px)/1.15 'IBM Plex Sans',sans-serif;letter-spacing:-.035em;margin:52px 0 18px}
.p2c .info-content h2:first-child{margin-top:0}
.p2c .info-content p{font-size:18px;line-height:1.7;max-width:860px}
.p2c .info-content a{color:inherit;text-decoration:none}
.p2c .project-detail-page .standard-card-grid>.standard-card:nth-child(3){grid-column:span 12}
.p2c .projects-page .tile h2{font-size:var(--p2c-type-tile);line-height:.98;margin-bottom:28px}
@media(max-width:767px){.p2c .info-content{padding-top:32px}.p2c .info-content h2{margin-top:40px}.p2c .info-content p{font-size:17px}.p2c .project-detail-page .standard-card-grid>.standard-card:nth-child(3){grid-column:span 4}}
.p2c .faq-list{display:grid;gap:0;border-top:1px solid #11111035}
.p2c .faq-list details{border-bottom:1px solid #11111035;padding:0}
.p2c .faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 0;font-size:clamp(20px,2vw,28px);font-weight:650;cursor:pointer}
.p2c .faq-list summary::-webkit-details-marker{display:none}
.p2c .faq-list summary span{color:var(--p2c-orange);font-size:28px;transition:transform .2s ease}
.p2c .faq-list details[open] summary span{transform:rotate(45deg)}
.p2c .faq-list details>p{max-width:800px;padding:0 0 30px;font-size:18px;line-height:1.65}
/* One global corner rule for every content tile. */
body.p2c .tile,body.p2c .standard-card,body.p2c.article-page .article-card,body.p2c.article-page .check,body.p2c.article-page .article-statement,body.p2c.article-page .article-emphasis{border-radius:var(--p2c-radius)!important}
/* Headline punctuation must remain attached to the final word. */
body.p2c .hero h1>.headline-accent,
body.p2c .article-head h1>.headline-accent{display:inline!important;color:var(--p2c-orange)!important}
/* Legal pages use the same headline rhythm as the Insights overview. */
body.p2c.info-page .hero h1{font-size:var(--p2c-type-hero)!important;line-height:.94!important;letter-spacing:-.06em;max-width:1320px}

/* Plain reference list */
.references-plain { background: var(--paper, #e5e5e3); }
.references-plain h2 { max-width: 18ch; margin: 0 0 clamp(1.5rem, 3vw, 3rem); }
.reference-names { max-width: none; margin: 0; font-size: clamp(1.15rem, 1.7vw, 1.75rem); line-height: 1.55; font-weight: 500; }

/* Final restrained typography scale across every page. */
body.p2c{
  font-size:17px;
  --p2c-type-hero:clamp(44px,6vw,88px);
  --p2c-type-section:clamp(36px,3.6vw,64px);
  --p2c-type-feature:clamp(40px,4.1vw,74px);
  --p2c-type-tile:clamp(35px,3.45vw,56px);
}
body.p2c.info-page .hero{min-height:auto;padding:72px 0 54px}
body.p2c.info-page .hero h1{font-size:clamp(42px,4.4vw,64px)!important;line-height:1!important;letter-spacing:-.045em}
body.p2c .section-heading>p,body.p2c .lead{font-size:clamp(18px,1.35vw,22px)}
body.p2c .hero-question{font-size:clamp(20px,1.55vw,26px)}
body.p2c .hero-copy{font-size:17px}
@media(max-width:767px){
  body.p2c{font-size:16px;--p2c-type-hero:clamp(38px,8.8vw,58px);--p2c-type-section:clamp(30px,7.8vw,40px);--p2c-type-feature:clamp(36px,8.4vw,56px);--p2c-type-tile:clamp(29px,8vw,42px)}
  body.p2c.info-page .hero{padding:48px 0 36px}
  body.p2c.info-page .hero h1{font-size:clamp(38px,9vw,50px)!important}
}

/* 1.1.3 — navigation and contact-page reconciliation */
body.p2c #main-nav>.nav-insights{margin:0;padding:0}
body.p2c #main-nav>.nav-insights>summary{font-size:13px;font-weight:500;line-height:1.6}
body.p2c #main-nav>.nav-insights>summary:hover{color:var(--p2c-orange)}
body.p2c #main-nav>.nav-insights.is-current>summary{color:var(--p2c-ink)}
body.p2c #main-nav>.nav-insights.is-current>summary::before{content:'↗';display:inline-block;margin-right:.45em;color:var(--p2c-orange);font-size:.92em;line-height:1;transform:translateY(-.05em)}

/* Contact page uses the same visual language as the working profile page. */
body.p2c.contact-page .page-hero{max-width:1568px;margin:0 auto;padding:72px 64px 44px;background:var(--p2c-bone);color:var(--p2c-ink)}
body.p2c.contact-page .page-hero>.eyebrow{margin-bottom:32px}
body.p2c.contact-page .page-hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(48px,8.3vw,120px);line-height:.97;letter-spacing:-.015em;max-width:1100px}
body.p2c.contact-page .page-hero .lead{font-size:clamp(19px,1.6vw,24px);line-height:1.48;max-width:760px;margin-top:32px}
body.p2c.contact-page .article-body{max-width:1568px;margin:0 auto;padding:16px 64px 104px}
body.p2c.contact-page .article-body>p:first-child{font-size:15px;margin:0 0 38px;color:#111110b8}
body.p2c.contact-page #formular{max-width:1080px}
body.p2c.contact-page .p2-form.contact-form{display:grid;gap:0;max-width:none;width:100%}
body.p2c.contact-page .p2-form.contact-form label{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;margin-top:0}
body.p2c.contact-page .p2-form.contact-form .form-step{padding:34px 0 18px}
body.p2c.contact-page .p2-form.contact-form .field-label{margin:22px 0}
body.p2c.contact-page .p2-form.contact-form input,
body.p2c.contact-page .p2-form.contact-form select,
body.p2c.contact-page .p2-form.contact-form textarea{border:1px solid #11111045;border-radius:12px;padding:14px 16px;background:#fff8}
body.p2c.contact-page .p2-form.contact-form .choice-grid input{position:absolute;opacity:0;pointer-events:none}
body.p2c.contact-page .p2-form.contact-form .choice-grid label>span{display:flex;align-items:center;min-height:74px;padding:16px 18px;border:1px solid #11111042;border-radius:14px;font-size:16px;font-weight:550;text-transform:none;letter-spacing:0}
body.p2c.contact-page .p2-form.contact-form .choice-grid input:checked+span{background:var(--p2c-charcoal);border-color:var(--p2c-charcoal);color:var(--p2c-bone)}
body.p2c.contact-page .p2-form.contact-form .consent{display:grid!important;grid-template-columns:20px 1fr;gap:12px;align-items:start;margin:26px 0;font-size:14px!important;line-height:1.5}
body.p2c.contact-page .p2-form.contact-form .consent input{width:20px;min-height:20px;margin-top:2px;padding:0}
body.p2c.contact-page .form-submit{font-family:'IBM Plex Sans',sans-serif;font-size:15px;font-weight:600;min-width:280px;padding:15px 18px;border-radius:0;text-decoration:none}

@media(max-width:1023px){
  body.p2c #main-nav>.nav-insights>summary{font-size:14px}
  body.p2c.contact-page .page-hero{padding:58px 40px 36px}
  body.p2c.contact-page .article-body{padding:12px 40px 88px}
}
@media(max-width:767px){
  body.p2c.contact-page .page-hero{padding:44px 20px 28px}
  body.p2c.contact-page .page-hero h1{font-size:clamp(48px,11.4vw,86px)}
  body.p2c.contact-page .page-hero .lead{font-size:18px;margin-top:24px}
  body.p2c.contact-page .article-body{padding:8px 20px 96px}
  body.p2c.contact-page .article-body>p:first-child{margin-bottom:26px}
}


/* =========================================================
   P2C 1.1.7 — ONE TILE SYSTEM
   "Über mich" is the canonical card layout.
   No card width percentages, no section-specific implicit columns.
   ========================================================= */

/* Every regular card grid uses the same 12-column frame. */
body.p2c .tile-grid,
body.p2c .service-teasers,
body.p2c .collab-teasers {
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:auto!important;
  gap:var(--p2c-gap)!important;
  align-items:stretch!important;
}

/* Exactly the same proportion as the four cards on /uber-mich/. */
body.p2c .tile-grid > .wide,
body.p2c .service-teasers > .wide,
body.p2c .collab-teasers > .wide {
  grid-column:span 8!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  justify-self:stretch!important;
}
body.p2c .tile-grid > .narrow,
body.p2c .service-teasers > .narrow,
body.p2c .collab-teasers > .narrow {
  grid-column:span 4!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  justify-self:stretch!important;
}

/* The card itself follows the About-page geometry. */
body.p2c .tile-grid > .tile,
body.p2c .service-teasers > .tile,
body.p2c .collab-teasers > .tile {
  box-sizing:border-box!important;
  min-height:310px!important;
  height:auto!important;
  margin:0!important;
  align-self:stretch!important;
}

/* Five-card service/process grids finish with a full-width fifth card,
   rather than leaving an accidental empty third of the row. */
body.p2c .standard-card-grid > .tile:nth-child(5):last-child {
  grid-column:1 / -1!important;
}

/* Project detail pages intentionally keep their third explanatory card full width. */
body.p2c.project-detail-page .standard-card-grid > .standard-card:nth-child(3):last-child {
  grid-column:1 / -1!important;
}

/* Insights use the same visual rhythm even though their markup has no wide/narrow classes:
   8/4, then 4/8, repeating. */
body.p2c .insight-grid {
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:auto!important;
  gap:var(--p2c-gap)!important;
  align-items:stretch!important;
}
body.p2c .insight-grid > .insight {
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:310px!important;
  grid-row:auto!important;
  justify-self:stretch!important;
  align-self:stretch!important;
}
body.p2c .insight-grid > .insight:nth-child(4n+1),
body.p2c .insight-grid > .insight:nth-child(4n+4) { grid-column:span 8!important; }
body.p2c .insight-grid > .insight:nth-child(4n+2),
body.p2c .insight-grid > .insight:nth-child(4n+3) { grid-column:span 4!important; }

/* No legacy lead-card enlargement on Insights. */
body.p2c .insight-grid > .insight:first-child {
  height:auto!important;
  min-height:310px!important;
  max-height:none!important;
  grid-row:auto!important;
}
body.p2c .insight-grid > .insight:first-child h3,
body.p2c .insight-grid > .insight:not(:first-child) h3 {
  font-size:clamp(32px,3.5vw,50px)!important;
  max-width:100%!important;
}

/* Detail/explanation lists are deliberately one-column, not part of the teaser rhythm. */
body.p2c .service-detail-list,
body.p2c .collab-detail-list {
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:var(--p2c-gap)!important;
}
body.p2c .service-detail-list > .tile,
body.p2c .collab-detail-list > .tile {
  grid-column:1 / -1!important;
  width:100%!important;
  min-height:310px!important;
}

/* Tablet keeps the same proportion in six columns. */
@media (max-width:1023px) and (min-width:768px) {
  body.p2c .tile-grid,
  body.p2c .service-teasers,
  body.p2c .collab-teasers,
  body.p2c .insight-grid {
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  body.p2c .tile-grid > .wide,
  body.p2c .service-teasers > .wide,
  body.p2c .collab-teasers > .wide { grid-column:span 4!important; }
  body.p2c .tile-grid > .narrow,
  body.p2c .service-teasers > .narrow,
  body.p2c .collab-teasers > .narrow { grid-column:span 2!important; }
  body.p2c .insight-grid > .insight:nth-child(4n+1),
  body.p2c .insight-grid > .insight:nth-child(4n+4) { grid-column:span 4!important; }
  body.p2c .insight-grid > .insight:nth-child(4n+2),
  body.p2c .insight-grid > .insight:nth-child(4n+3) { grid-column:span 2!important; }
  body.p2c .standard-card-grid > .tile:nth-child(5):last-child { grid-column:1 / -1!important; }
}

/* Mobile: one clean card per row. */
@media (max-width:767px) {
  body.p2c .tile-grid,
  body.p2c .service-teasers,
  body.p2c .collab-teasers,
  body.p2c .insight-grid {
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  body.p2c .tile-grid > .tile,
  body.p2c .tile-grid > .wide,
  body.p2c .tile-grid > .narrow,
  body.p2c .service-teasers > .tile,
  body.p2c .collab-teasers > .tile,
  body.p2c .insight-grid > .insight,
  body.p2c .standard-card-grid > .tile:nth-child(5):last-child {
    grid-column:1 / -1!important;
    width:100%!important;
    min-height:265px!important;
  }
}