:root {
  --ink:#1C1C1C; --ink-70:rgba(28,28,28,.70); --ink-40:rgba(28,28,28,.40);
  --ink-20:rgba(28,28,28,.20); --ink-10:rgba(28,28,28,.10); --ink-06:rgba(28,28,28,.06);
  --orange:#FF6F3C; --orange-dk:#CC4C1A; --gold:#CC4C1A;
  --warm:#EAE8E0; --warm-2:#E8E5DC; --grey-hero:#DDDAD2; --white:#ffffff;
  --serif:"IBM Plex Serif",Georgia,serif; --sans:"IBM Plex Sans",system-ui,sans-serif;
  --gutter:clamp(1.5rem,5vw,4rem); --col:1200px;
  --sh-sm:0 1px 8px rgba(28,28,28,.06); --sh-md:0 4px 24px rgba(28,28,28,.09);
  --sh-lg:0 12px 48px rgba(28,28,28,.12); --sh-xl:0 24px 72px rgba(28,28,28,.16);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;scroll-behavior:smooth;}
body{font-family:var(--sans);color:var(--ink);background:var(--warm);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.65;}
.wrap{max-width:var(--col);margin-inline:auto;padding-inline:var(--gutter);}
section{padding-block:clamp(4rem,8vw,8rem);}

/* NAV */
.nav{position:fixed;inset-block-start:0;inset-inline:0;z-index:200;height:58px;background:rgba(234,232,224,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--ink-10);display:flex;align-items:center;padding-inline:var(--gutter);gap:2rem;}
.nav-logo{height:26px;display:block;flex-shrink:0;}
.nav-links{display:flex;gap:2rem;list-style:none;margin-left:auto;}
.nav-links a{font-size:.78rem;font-weight:400;color:var(--ink-40);text-decoration:none;transition:color .2s;}
.nav-links a:hover{color:var(--ink);}
.nav-cta{font-family:var(--sans);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--white);background:var(--ink);padding:.65rem 1.9rem;text-decoration:none;flex-shrink:0;border:1px solid var(--ink);transition:background .2s,border-color .2s;font-size:.76rem;}
.nav-cta:hover{background:var(--orange);border-color:var(--orange);}

/* HERO */
.hero{min-height:100svh;padding-top:58px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;}
.hero-left{background:var(--warm);padding:5rem var(--gutter) 5rem clamp(1.5rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;border-right:1px solid var(--ink-10);}
.hero-right{background:var(--grey-hero);position:relative;overflow:hidden;}
.hero-photo{position:absolute;bottom:0;right:0;width:110%;height:100%;object-fit:cover;object-position:top center;filter:grayscale(100%) contrast(1.08);z-index:1;}
.hero-credit{position:absolute;right:.75rem;top:50%;transform:translateY(-50%) rotate(90deg);font-family:var(--sans);font-size:.58rem;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-20);white-space:nowrap;z-index:3;}
.hero-badge{position:absolute;top:3rem;left:50%;transform:translateX(-50%);z-index:10;width:128px;height:128px;background:var(--orange);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--sh-lg);}
.hero-badge-text{font-family:var(--sans);font-size:.7rem;font-weight:600;color:var(--white);line-height:1.3;padding-inline:.75rem;}
.hero-badge-toggle{margin-top:.45rem;width:30px;height:15px;background:rgba(255,255,255,.25);border-radius:8px;position:relative;}
.hero-badge-toggle::after{content:'';position:absolute;right:2px;top:2px;width:11px;height:11px;background:var(--white);border-radius:50%;}
.hero-overline{font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-40);margin-bottom:1.5rem;display:block;}
.hero-h1{font-family:var(--serif);font-weight:700;font-size:clamp(5rem,10vw,9rem);line-height:.9;letter-spacing:-.03em;color:var(--ink);margin-bottom:1.5rem;}
.hero-desc{font-size:.95rem;font-weight:300;color:var(--ink-70);line-height:1.8;max-width:44ch;margin-bottom:1.75rem;}
.hero-bullets{list-style:none;display:flex;flex-direction:column;gap:.4rem;margin-bottom:2.5rem;}
.hero-bullets li{font-family:var(--serif);font-size:1rem;font-weight:600;font-style:italic;color:var(--ink);padding-left:1rem;position:relative;}
.hero-bullets li::before{content:'';position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--orange);}
.hero-cta{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;}
.hero-cta-toggle{width:44px;height:22px;background:var(--ink);border-radius:11px;position:relative;flex-shrink:0;}
.hero-cta-toggle::after{content:'';position:absolute;right:3px;top:3px;width:16px;height:16px;background:var(--orange);border-radius:50%;}
.hero-cta-label{font-family:var(--serif);font-size:.95rem;font-weight:400;font-style:italic;color:var(--orange);}

/* STATS */
.stats-bar{border-top:1px solid var(--ink-10);border-bottom:1px solid var(--ink-10);display:grid;grid-template-columns:repeat(4,1fr);background:var(--white);}
.stat-cell{padding:1.75rem 1.5rem;text-align:center;border-right:1px solid var(--ink-10);}
.stat-cell:last-child{border-right:none;}
.stat-val{font-family:var(--serif);font-size:2.4rem;font-weight:600;font-style:italic;color:var(--orange);display:block;line-height:1;}
.stat-lbl{font-size:.68rem;font-weight:400;color:var(--ink-40);text-transform:uppercase;letter-spacing:.1em;margin-top:.3rem;display:block;}

/* SHARED */
.kicker{font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem;}
.kicker::before{content:'';flex-shrink:0;width:16px;height:1.5px;background:var(--orange);}
.kicker-white{color:rgba(255,255,255,.6);}
.kicker-white::before{background:rgba(255,255,255,.4);}
.kicker-center{justify-content:center;}
.kicker-center::before{display:none;}
.h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.1;color:var(--ink);}
.h2-white{color:var(--white);}
.rule{width:32px;height:2px;background:var(--orange);margin-block:1.1rem;}
.rule-white{background:rgba(255,255,255,.3);}
.rule-center{margin-inline:auto;}
.lead{font-family:var(--sans);font-size:.98rem;font-weight:300;color:var(--ink-70);line-height:1.8;}
.lead+.lead{margin-top:1rem;}
.btn{display:inline-block;text-decoration:none;font-family:var(--sans);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.85rem 1.9rem;transition:all .2s;cursor:pointer;border:none;}
.btn-dark{background:var(--ink);color:var(--white);border:1px solid var(--ink);}
.btn-dark:hover{background:var(--orange);border-color:var(--orange);}

/* CHALLENGE */
.challenge-bg{background:var(--white);}
.challenge-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:start;}
.challenge-intro{font-family:var(--sans);font-size:1rem;font-weight:300;color:var(--ink-70);line-height:1.8;}
.challenge-intro+.challenge-intro{margin-top:1rem;}
.challenge-label{font-family:var(--serif);font-size:1.05rem;font-weight:600;font-style:italic;color:var(--ink);margin-top:2rem;margin-bottom:.5rem;}
.pain-list-static{display:grid;gap:0;border:1px solid var(--ink-10);box-shadow:var(--sh-sm);}
.pl-item{display:grid;grid-template-columns:40px 1fr;border-bottom:1px solid var(--ink-10);transition:background .2s;}
.pl-item:last-child{border-bottom:none;}
.pl-item:hover{background:var(--warm);}
.pl-num{font-family:var(--serif);font-size:.95rem;font-weight:300;font-style:italic;color:var(--ink-20);display:flex;align-items:center;justify-content:center;border-right:1px solid var(--ink-10);padding:.9rem 0;transition:color .2s;}
.pl-item:hover .pl-num{color:var(--orange);}
.pl-body{padding:.9rem 1.25rem;}
.pl-situation{font-family:var(--serif);font-size:.9rem;font-weight:600;color:var(--ink);margin-bottom:.15rem;}
.pl-answer{font-family:var(--sans);font-size:.8rem;font-weight:300;color:var(--orange);font-style:italic;}

/* PAIN BAND SLIDER — full cards with colour variation */
.pain-band{background:var(--ink);overflow:hidden;position:relative;}
.pain-slider-viewport{overflow:hidden;}
.pain-track{display:flex;transition:transform .5s cubic-bezier(.25,.46,.45,.94);}
.pain-slide{
  min-width:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
  padding:clamp(4rem,7vw,7rem) var(--gutter);
  min-height:380px;
  position:relative;
}
/* colour variants cycling through slides */
.pain-slide:nth-child(1){background:var(--ink);}
.pain-slide:nth-child(2){background:#111111;}
.pain-slide:nth-child(3){background:var(--ink);}
.pain-slide:nth-child(4){background:#111111;}
.pain-slide:nth-child(5){background:var(--ink);}
.pain-slide:nth-child(6){background:#111111;}
.pain-slide:nth-child(7){background:var(--ink);}
.pain-slide:nth-child(8){background:#111111;}

.pain-slide-label{font-family:var(--serif);font-size:.88rem;font-weight:400;font-style:italic;color:var(--orange);margin-bottom:1rem;display:block;opacity:.85;}
.pain-slide-headline{font-family:var(--serif);font-weight:700;font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.0;letter-spacing:-.02em;margin-bottom:.85rem;}
.pain-slide-headline .hl-o{color:var(--orange);}
.pain-slide-headline .hl-w{color:var(--white);}
.pain-slide-answer{font-family:var(--sans);font-size:clamp(.95rem,1.8vw,1.2rem);font-weight:400;color:rgba(255,255,255,.6);margin-bottom:0;}
.pain-band-nav{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:1.75rem var(--gutter);background:rgba(0,0,0,.15);}
.pain-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:background .2s,transform .2s;border:none;}
.pain-dot.active{background:var(--orange);transform:scale(1.3);}
.pain-arr{background:none;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.5);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.9rem;transition:border-color .2s,color .2s;display:flex;align-items:center;justify-content:center;}
.pain-arr:hover{border-color:var(--orange);color:var(--orange);}

/* COLLABORATION */
.collab-bg{background:var(--warm-2);}
.collab-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:start;}
.card-slider{position:relative;overflow:hidden;}
.card-track{display:flex;transition:transform .45s cubic-bezier(.25,.46,.45,.94);}
.card-slide{min-width:100%;padding:.25rem;}
.tile{background:var(--white);padding:1.75rem 2rem;border-left:2px solid var(--ink-10);transition:border-color .2s,box-shadow .2s;}
.tile:hover{border-left-color:var(--orange);box-shadow:var(--sh-md);}
.tile.accent{border-left-color:var(--orange);background:#fff6ef;}
.tile-tag{font-family:var(--sans);font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-40);margin-bottom:.4rem;}
.tile-tag-o{color:var(--orange);}
.tile-title{font-family:var(--serif);font-size:1.05rem;font-weight:600;color:var(--ink);margin-bottom:.5rem;}
.tile-body{font-family:var(--sans);font-size:.84rem;font-weight:300;color:var(--ink-70);line-height:1.7;}
.slider-nav{display:flex;align-items:center;gap:1rem;margin-top:1.25rem;}
.slider-dots{display:flex;gap:.4rem;}
.slider-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-20);cursor:pointer;transition:background .2s,transform .2s;}
.slider-dot.active{background:var(--orange);transform:scale(1.4);}
.slider-btn{background:none;border:1px solid var(--ink-20);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:.8rem;color:var(--ink-40);display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s;}
.slider-btn:hover{border-color:var(--orange);color:var(--orange);}
.usp-tiles{display:grid;gap:1rem;margin-top:2.5rem;}
.usp-tile{background:var(--white);padding:1.5rem 1.75rem;border-left:2px solid var(--ink-10);box-shadow:var(--sh-sm);transition:border-color .2s,box-shadow .2s;}
.usp-tile:hover{border-left-color:var(--orange);box-shadow:var(--sh-md);}
.usp-title{font-family:var(--serif);font-size:.95rem;font-weight:600;color:var(--ink);margin-bottom:.35rem;}
.usp-body{font-family:var(--sans);font-size:.82rem;font-weight:300;color:var(--ink-70);line-height:1.7;}

/* PERSON */
.person-bg{background:var(--warm);}
.person-layout{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,5vw,6rem);align-items:start;}
.person-img-wrap{position:relative;}
.person-img{display:block;width:100%;filter:grayscale(100%) contrast(1.06);box-shadow:var(--sh-xl);position:relative;z-index:2;}
.person-img-accent{position:absolute;top:-1rem;left:-1rem;width:50%;height:50%;background:var(--orange);opacity:.12;z-index:1;}
/* NO name bar under photo */
.person-bio{font-family:var(--sans);font-size:.95rem;font-weight:300;color:var(--ink-70);line-height:1.8;margin-bottom:1rem;}
.person-facts{display:grid;gap:1rem;margin-bottom:2rem;}
.pf-item{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:start;padding:1.25rem 1.5rem;background:var(--white);border-left:2px solid var(--ink-10);box-shadow:var(--sh-sm);transition:border-color .2s;}
.pf-item:hover{border-left-color:var(--orange);}
.pf-tag{font-family:var(--sans);font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);padding-top:.15rem;white-space:nowrap;}
.pf-title{font-family:var(--serif);font-size:.95rem;font-weight:600;color:var(--ink);margin-bottom:.3rem;}
.pf-body{font-family:var(--sans);font-size:.82rem;font-weight:300;color:var(--ink-70);line-height:1.65;}
.person-link{font-family:var(--sans);font-size:.78rem;font-weight:500;color:var(--orange);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;border-bottom:1px solid var(--orange);padding-bottom:2px;transition:color .2s,border-color .2s;}
.person-link::after{content:'→';}
.person-link:hover{color:var(--orange-dk);border-color:var(--orange-dk);}

/* PARALLAX QUOTE */
.parallax-split{display:grid;grid-template-columns:1fr 1fr;height:100%;width:100%;position:relative;z-index:2;}
.parallax-split-img{} /* empty - the bg shows through left side */
.parallax-split-text{padding:clamp(2rem,6vw,5rem);background:rgba(234,232,224,.92);display:flex;flex-direction:column;justify-content:center;}
.parallax-section{position:relative;height:500px;overflow:hidden;display:flex;align-items:stretch;justify-content:center;}
.parallax-bg{position:absolute;inset:0;background-attachment:fixed;background-position:center 35%;background-size:cover;filter:grayscale(100%) brightness(1.25) contrast(.85);z-index:0;}
.parallax-content{position:relative;z-index:2;text-align:center;padding:0 var(--gutter);max-width:820px;}
.parallax-quote{font-family:var(--serif);font-size:clamp(1.8rem,4vw,3.2rem);font-weight:700;font-style:italic;color:var(--ink);line-height:1.15;margin-bottom:1rem;text-shadow:0 1px 0 rgba(255,255,255,.9),0 2px 12px rgba(255,255,255,.7);}
.parallax-quote-mark{color:var(--orange);}
.parallax-attr{font-family:var(--sans);font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-70);text-shadow:0 1px 6px rgba(255,255,255,.8);}

/* METHOD — icon top-right inside card */
.method-bg{background:var(--ink);}
.method-header{text-align:center;max-width:56ch;margin-inline:auto;margin-bottom:4rem;}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.mc{padding:2.5rem 2rem;box-shadow:var(--sh-md);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;}
.mc:hover{transform:translateY(-5px);box-shadow:var(--sh-xl);}
.mc-white{background:var(--white);}
.mc-gold{background:#D4D0C8;}
.mc-orange{background:var(--orange);}
/* Icon: top-right, large, semi-transparent watermark style */
.mc-icon{
  position:absolute;top:1.25rem;right:1.25rem;
  width:96px;height:96px;
  object-fit:contain;
  opacity:.18;
  pointer-events:none;
}
.mc-white .mc-icon{filter:none;}
.mc-gold .mc-icon,.mc-orange .mc-icon{filter:brightness(0);}
.mc-kicker{font-size:.62rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;position:relative;z-index:1;}
.mc-white .mc-kicker{color:var(--orange);}
.mc-gold .mc-kicker,.mc-orange .mc-kicker{color:rgba(28,28,28,.55);}
.mc-title{font-family:var(--serif);font-size:1.25rem;font-weight:600;line-height:1.2;margin-bottom:.85rem;position:relative;z-index:1;}
.mc-white .mc-title,.mc-gold .mc-title,.mc-orange .mc-title{color:var(--ink);}
.mc-body{font-family:var(--sans);font-size:.88rem;line-height:1.75;font-weight:300;position:relative;z-index:1;}
.mc-white .mc-body{color:var(--ink-70);}
.mc-gold .mc-body,.mc-orange .mc-body{color:rgba(28,28,28,.7);}
.method-coda{margin-top:3rem;padding:2rem 2.5rem;border-left:3px solid rgba(255,255,255,.15);}
.method-coda p{font-family:var(--serif);font-size:1rem;font-weight:300;font-style:italic;color:rgba(255,255,255,.45);line-height:1.75;}
.method-coda p+p{margin-top:.5rem;}
.method-coda strong{font-weight:600;font-style:normal;color:rgba(255,255,255,.65);}

/* TASKS — icon + title instead of number */
.tasks-bg{background:var(--warm-2);}
.tasks-header{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:end;margin-bottom:3rem;}
.tasks-slider-wrap{position:relative;overflow:hidden;}
.tasks-track{display:flex;gap:1.5rem;transition:transform .45s cubic-bezier(.25,.46,.45,.94);}
.task-card{flex:0 0 calc(33.333% - 1rem);background:var(--white);padding:2rem 1.75rem;box-shadow:var(--sh-sm);border-top:2px solid var(--ink-10);transition:border-color .25s,box-shadow .25s,transform .25s;}
.task-card:hover{border-top-color:var(--orange);box-shadow:var(--sh-md);transform:translateY(-3px);}
.tc-icon-wrap{width:44px;height:44px;background:rgba(240,123,0,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:background .2s;}
.task-card:hover .tc-icon-wrap{background:var(--orange);}
.task-card:hover .tc-icon-wrap svg{stroke:var(--white);}
.tc-icon-wrap svg{width:22px;height:22px;stroke:var(--orange);fill:none;stroke-width:1.8;transition:stroke .2s;}
.tc-title{font-family:var(--serif);font-size:.95rem;font-weight:600;color:var(--ink);margin-bottom:.4rem;line-height:1.2;}
.tc-body{font-family:var(--sans);font-size:.8rem;font-weight:300;color:var(--ink-70);line-height:1.65;}
.tasks-slider-nav{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;}

/* REFS */
.refs-bg{background:var(--white);}
.refs-header{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;margin-bottom:3rem;}
.refs-track-wrap{overflow:hidden;border:1px solid var(--ink-10);}
.refs-track{display:flex;transition:transform .5s ease;}
.ref-logo-slide{flex:0 0 calc(100%/4);display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;border-right:1px solid var(--ink-10);background:var(--white);}
.ref-logo-slide:last-child{border-right:none;}
.ref-logo-ph{width:120px;height:40px;background:var(--warm-2);display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:.72rem;font-weight:500;color:var(--ink-20);letter-spacing:.05em;}
.refs-note{margin-top:2rem;text-align:center;font-size:.8rem;font-weight:300;color:var(--ink-40);}
.refs-note a{color:var(--orange);text-decoration:none;font-weight:500;}

/* PROCESS */
.process-bg{background:var(--warm);}
.process-header{margin-bottom:3.5rem;}
.process-intro{font-family:var(--sans);font-size:.95rem;font-weight:300;color:var(--ink-70);line-height:1.8;max-width:65ch;margin-top:1.5rem;}
.process-questions{display:flex;flex-direction:column;gap:.3rem;margin-top:1.5rem;margin-bottom:2.5rem;padding-left:1.25rem;border-left:2px solid var(--ink-10);}
.process-questions p{font-family:var(--serif);font-size:.95rem;font-weight:400;font-style:italic;color:var(--ink-70);}
.process-steps-wrap{position:relative;}
.process-connector{position:absolute;top:32px;left:calc(12.5% + 16px);right:calc(12.5% + 16px);height:1px;background:var(--ink-10);z-index:0;}
.process-connector::after{content:'';position:absolute;top:-3px;right:-6px;width:0;height:0;border-left:7px solid var(--ink-10);border-top:4px solid transparent;border-bottom:4px solid transparent;}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative;z-index:1;}
.ps{padding:0 1rem 2rem;text-align:center;}
.ps-icon-wrap{width:64px;height:64px;background:var(--white);border-radius:50%;border:1px solid var(--ink-10);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:var(--sh-sm);transition:background .2s,border-color .2s,box-shadow .2s;}
.ps:hover .ps-icon-wrap{background:var(--orange);border-color:var(--orange);box-shadow:var(--sh-md);}
.ps:hover .ps-icon-wrap svg{stroke:var(--white);}
.ps-icon-wrap svg{width:24px;height:24px;stroke:var(--orange);fill:none;stroke-width:1.8;transition:stroke .2s;}
.ps-num{font-family:var(--serif);font-size:.8rem;font-weight:600;font-style:italic;color:var(--orange);margin-bottom:.4rem;display:block;}
.ps-title{font-family:var(--serif);font-size:.95rem;font-weight:600;color:var(--ink);margin-bottom:.5rem;}
.ps-body{font-family:var(--sans);font-size:.78rem;font-weight:300;color:var(--ink-70);line-height:1.7;}

/* CLOSING PARALLAX */
.closing-parallax{position:relative;height:520px;overflow:hidden;display:flex;align-items:stretch;justify-content:center;}
.closing-bg-img{position:absolute;inset:0;background-attachment:fixed;background-position:center 60%;background-size:cover;filter:grayscale(100%) brightness(1.3) contrast(.8);z-index:0;}
.closing-content{position:relative;z-index:2;text-align:center;padding:0 var(--gutter);max-width:780px;display:flex;flex-direction:column;align-items:center;gap:.75rem;}
.closing-h{font-family:var(--serif);font-weight:700;font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.05;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.8),0 2px 16px rgba(255,255,255,.6);}
.closing-sub{font-family:var(--serif);font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:600;font-style:italic;color:var(--ink);text-shadow:0 1px 8px rgba(255,255,255,.7);}
/* Signature placeholder — pushed down with margin-top */
.closing-sig-wrap{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;}
.closing-sig-img{
  width:160px;height:60px;
  border-bottom:1px solid var(--ink-20);
  display:flex;align-items:flex-end;justify-content:center;
  padding-bottom:.5rem;
}
.closing-sig-img span{font-size:.65rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-40);font-family:var(--sans);}
.closing-sig-name{font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-70);text-shadow:0 1px 6px rgba(255,255,255,.8);}

/* CONTACT */
.contact-bg{background:var(--warm-2);}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:center;}
.contact-form{background:var(--white);padding:2.5rem;box-shadow:var(--sh-md);}
.cf-title{font-family:var(--serif);font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:1.75rem;}
.fg{margin-bottom:1.1rem;}
.fg label{display:block;font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-40);margin-bottom:.4rem;}
.fg input,.fg textarea{width:100%;padding:.7rem 1rem;border:1px solid var(--ink-10);background:var(--warm);font-family:var(--sans);font-size:.88rem;font-weight:300;color:var(--ink);outline:none;transition:border-color .2s;resize:vertical;}
.fg input:focus,.fg textarea:focus{border-color:var(--orange);background:var(--white);}
.fg textarea{min-height:90px;}
.fg-submit{width:100%;padding:.9rem;background:var(--ink);color:var(--white);border:1px solid var(--ink);font-family:var(--sans);font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s;}
.fg-submit:hover{background:var(--orange);border-color:var(--orange);}

/* FOOTER */
.footer{background:var(--ink);padding:2.5rem var(--gutter);border-top:3px solid var(--orange);}
.footer-inner{max-width:var(--col);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;}
.footer-logos{display:flex;align-items:center;gap:2rem;}
.footer-logo-m2r{height:22px;display:block;filter:invert(1) brightness(2);}
.footer-logo-mr{height:38px;display:block;filter:invert(1) brightness(2);}
.footer-divider{width:1px;height:30px;background:rgba(255,255,255,.15);}
.footer-links{display:flex;gap:1.75rem;list-style:none;}
.footer-links a{font-size:.74rem;font-weight:300;color:rgba(255,255,255,.3);text-decoration:none;transition:color .2s;}
.footer-links a:hover{color:var(--orange);}

/* REVEAL */
.r{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease;}
.r.in{opacity:1;transform:none;}
.r-d1{transition-delay:.1s;}.r-d2{transition-delay:.2s;}

/* RESPONSIVE */
@media(max-width:900px){
  .hero{grid-template-columns:1fr;}.hero-right,.hero-badge{display:none;}
  .challenge-layout,.collab-layout,.person-layout,.tasks-header,.contact-layout,.refs-header{grid-template-columns:1fr;gap:2.5rem;}
  .person-cards-grid{grid-template-columns:1fr!important;}
  .method-grid{grid-template-columns:1fr;}
  .process-steps{grid-template-columns:1fr 1fr;}.process-connector{display:none;}
  .stats-bar{grid-template-columns:1fr 1fr;}
  .task-card{flex:0 0 calc(100% - 1rem);}
  .nav-links{display:none;}
  .footer-inner{flex-direction:column;text-align:center;}
  .parallax-bg,.closing-bg-img{background-attachment:scroll;}
}

/* ============================================================
   M2R WordPress-Integration — Overrides (ausserhalb WP Bakery)
   ============================================================ */

/* FSE / Theme-Reset: Landingpage full-bleed, kein Theme-Top-Margin */
main.wp-block-group{margin-top:0 !important;}
.wp-block-post-content{max-width:none !important;padding-left:0 !important;padding-right:0 !important;}
.wp-block-post-content > *{max-width:none !important;margin-left:0 !important;margin-right:0 !important;}
.wp-site-blocks{overflow-x:hidden;}
header.wp-block-template-part{position:relative;z-index:200;}

/* WP-Bakery-Wrapper neutralisieren, damit <section> voll durchlaeuft */
.m2r-sec,
.m2r-sec .vc_column-inner,
.m2r-sec .wpb_wrapper,
.m2r-sec .wpb_raw_code,
.m2r-sec .wpb_raw_html{margin:0 !important;padding:0 !important;border:0 !important;}
.m2r-sec .wpb_content_element{margin:0 !important;}
.vc_row.m2r-sec{width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;}
.m2r-sec .wpb_content_element{margin-bottom:0 !important;}

/* Unterseiten-Header (Impressum / Datenschutz): Header + Foto-Band */
.subhero{background:var(--grey-hero);position:relative;overflow:hidden;padding:calc(58px + clamp(3rem,7vw,6rem)) var(--gutter) clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--ink-10);}
.subhero-inner{max-width:var(--col);margin-inline:auto;position:relative;z-index:2;}
.subhero .kicker{margin-bottom:.9rem;}
.subhero h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.03;letter-spacing:-.02em;color:var(--ink);}
.subhero .rule{margin-top:1.1rem;}
.subhero-photo{position:absolute;top:0;right:0;height:100%;width:42%;object-fit:cover;object-position:top center;filter:grayscale(100%) contrast(1.06);opacity:.9;z-index:1;-webkit-mask-image:linear-gradient(to left,#000 55%,transparent);mask-image:linear-gradient(to left,#000 55%,transparent);}

/* Rechtstexte */
.legal{background:var(--white);}
.legal .wrap{max-width:860px;margin-inline:auto;padding-inline:var(--gutter);padding-block:clamp(3rem,6vw,5rem);}
.legal h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.4rem,2.6vw,2rem);color:var(--ink);margin:2.4rem 0 .7rem;line-height:1.2;}
.legal h2:first-child{margin-top:0;}
.legal h3{font-family:var(--sans);font-weight:600;font-size:1.02rem;color:var(--ink);margin:1.6rem 0 .4rem;}
.legal p,.legal li{font-family:var(--sans);font-weight:300;font-size:.96rem;color:var(--ink-70);line-height:1.85;}
.legal p{margin-bottom:1rem;}
.legal a{color:var(--orange);text-decoration:none;border-bottom:1px solid rgba(255,111,60,.35);}
.legal a:hover{border-color:var(--orange);}
.legal ul{margin:.4rem 0 1.2rem 1.3rem;}
.legal li{margin-bottom:.35rem;}
.legal strong{font-weight:600;color:var(--ink);}
.legal .lead-legal{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--ink);margin-bottom:2rem;}

@media(max-width:900px){ .subhero-photo{display:none;} }


/* ============================================================
   M2R Update 2026-07-08: Full-Width-Fix, Kontaktkarte
   ============================================================ */

/* WPBakery-Wrapper auf volle Browserbreite (schlaegt Theme-Constrained-Layout) */
.entry-content.wp-block-post-content{padding-left:0 !important;padding-right:0 !important;}
.wp-block-post-content > .wpb-content-wrapper,
.entry-content.wp-block-post-content > *{max-width:none !important;width:100%;margin-left:0 !important;margin-right:0 !important;}
.wpb-content-wrapper > .vc_row{max-width:none !important;margin-left:0 !important;margin-right:0 !important;}

/* Kontaktkarte (ersetzt das statische Formular) */
.contact-card{background:var(--white);padding:2.5rem;box-shadow:var(--sh-md);}
.contact-card .cc-row{display:flex;align-items:center;gap:1.1rem;padding:1.05rem 0;border-bottom:1px solid var(--ink-10);text-decoration:none;}
.contact-card .cc-row:last-child{border-bottom:0;padding-bottom:0;}
.contact-card .cc-ico{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;background:var(--orange);border-radius:50%;}
.contact-card .cc-ico svg{width:20px;height:20px;stroke:var(--white);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.contact-card .cc-label{display:block;font-family:var(--sans);font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-40);margin-bottom:.15rem;}
.contact-card .cc-value{font-family:var(--sans);font-size:1rem;font-weight:400;color:var(--ink);text-decoration:none;transition:color .2s;}
a.cc-row:hover .cc-value{color:var(--orange);}

/* ============================================================
   M2R Fix 2026-07-08 (2): Theme-Aussenpadding + Content-Constraints
   ============================================================ */

/* Theme setzt header,main,footer auf --padding-outer (15-60px) — fuer die
   Full-Bleed-Landingpage entfernen. Innenabstaende regelt .wrap selbst. */
.wp-site-blocks > header,
.wp-site-blocks > main,
.wp-site-blocks > footer{padding-left:0 !important;padding-right:0 !important;}

/* Theme begrenzt p/h/ul/figure in .entry-content auf --content-size (1320px).
   Innerhalb der M2R-Sektionen aufheben. */
main .entry-content .wpb-content-wrapper :not([class*="wp-container-core-group-is-layout-"]) > p:not(.alignfull),
main .entry-content .wpb-content-wrapper :not([class*="wp-container-core-group-is-layout-"]) > :is(h1,h2,h3,h4,h5,h6,ul,ol,figure):not(.alignfull){max-width:none !important;width:auto !important;margin-left:0;margin-right:0;}

/* Theme blendet <br> in Ueberschriften aus — gewollte Umbrueche wiederherstellen */
.m2r-sec :is(h1,h2,h3,h4,h5,h6) br{display:inline !important;}

/* ============================================================
   M2R Fix 2026-07-08 (3): Footer-Logo, Person-Akzent, Slider-Dots
   ============================================================ */

/* Neues MR-Logo ist bereits weiss — Invert-Filter entfernen.
   Breite = Breite des m2r-Logos daneben (22px hoch x Ratio 7.03 = 155px). */
.footer-logo-mr{filter:none !important;width:auto;height:42px;}

/* Hell-oranger Akzent-Kasten hinter dem Portrait entfernen */
.person-img-accent{display:none !important;}

/* Slider-Dots (Zusammenarbeit): Button-Defaults entfernen -> rein orange/grau */
.slider-dot{border:none;padding:0;-webkit-appearance:none;appearance:none;display:inline-block;}

/* ============================================================
   M2R Fix 2026-07-08 (4): Sektionsabstaende + Zitat-Layout
   ============================================================ */

/* wpautop-Reste zwischen den WPBakery-Rows neutralisieren */
.wpb-content-wrapper > br,
.wpb-content-wrapper > p:empty{display:none;}

/* Theme-Abstand vor <main> entfernen (wp-site-blocks Flow-Margin) */
.wp-site-blocks > main{margin-block-start:0 !important;margin-top:0 !important;}

/* Zitat-Sektionen: Panel nach links, Portrait rechts freistellen */
.parallax-split-text{grid-column:1;grid-row:1;}
.parallax-split-img{grid-column:2;grid-row:1;}

/* ============================================================
   M2R Fix 2026-07-08 (5): Kicker-Abstaende + Sektions-Padding
   ============================================================ */

/* Theme-Regel "p+h2{margin-top:2em !important}" neutralisieren —
   der Abstand Kicker -> Headline kommt aus dem Original-Design */
.m2r-sec :is(p,ul,ol) + :is(h1,h2,h3){margin-top:0 !important;}

/* Theme-Sektions-Padding (--section-space) durch Design-Wert ersetzen */
.wpb-content-wrapper section:not([style*="padding-top:"]):not(.hero){padding-top:clamp(4rem,8vw,8rem) !important;}
.wpb-content-wrapper section:not([style*="padding-bottom:"]){padding-bottom:clamp(4rem,8vw,8rem) !important;}

/* Hero: Design-Padding (58px = Hoehe der fixen Nav) wiederherstellen */
.wpb-content-wrapper .hero{padding-top:58px !important;}

/* ============================================================
   M2R Fix 2026-07-08 (6): Hero-Feinschliff
   ============================================================ */

/* Hero-Foto ~20% weiter oben zeigen (Bildausschnitt nach unten wandern lassen) */
.hero-right .hero-photo{object-position:center 20%;}

/* M2R Fix 2026-07-08 (7): Design-Thinking-Wasserzeichen groesser (+50%) */
.mc-white .mc-icon{width:144px;height:144px;}

/* M2R Fix 2026-07-08 (8): Design-max-widths + Signatur */
main .entry-content .wpb-content-wrapper .m2r-sec p.hero-desc{max-width:44ch !important;}
main .entry-content .wpb-content-wrapper .m2r-sec p.process-intro{max-width:65ch !important;}
.m2r-sec .closing-sig-name{width:auto !important;text-align:center;}

/* M2R Fix 2026-07-08 (9): Closing-Zitat — Kopf sichtbar (Bildausschnitt weiter oben) */
.closing-parallax .closing-bg-img{background-position:center 15% !important;}

/* ============================================================
   M2R VC-Umbau 2026-07-08 (10): Struktur-Shims fuer echte Module
   ============================================================ */

/* Wrapper-Pass-throughs: Spalten-Innereien nehmen nicht am Layout teil */
.m2r-sec .vc_column-inner{display:contents;}
.m2r-sec .wpb_wrapper{display:contents;}
.m2r-sec .wpb_column{width:100% !important;float:none;min-height:0;}
.m2r-sec .wpb_column.wrap{margin-inline:auto;}
.m2r-flat{display:contents !important;}

/* Sektions-Padding als Klasse (Rows sind divs, keine <section>) */
.m2r-pad{padding-block:clamp(4rem,8vw,8rem);}
.m2r-mt3{margin-top:3rem;}

/* Header-Module: orange Linie nach der Headline */
.m2r-header::after{content:'';display:block;width:32px;height:2px;background:var(--orange);margin-block:1.1rem;}
.m2r-header.m2r-rule-wc::after{background:rgba(255,255,255,.3);margin-inline:auto;}

/* Hero */
.vc_row.hero{display:grid;}
.hero-left .hero-badge{left:100%;}
.hero-right .wpb_single_image{position:absolute;bottom:0;right:0;width:110%;height:100%;margin:0 !important;}
.hero-right .vc_single_image-wrapper{display:block;width:100%;height:100%;}
.hero-right .wpb_single_image img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:none;max-width:none;display:block;}

/* Stats */
.vc_row.stats-bar{display:grid;}

/* Challenge */
.wpb_column.challenge-col{max-width:80ch;}

/* Zusammenarbeit / Ansatz */
.collab-zone .tc-title{color:var(--orange);font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.35rem;}
.ansatz-bg{background:var(--white);}
.tasks-header.ansatz-header{margin-bottom:3rem;align-items:flex-start;}

/* Person */
.person-subtitle{font-family:var(--sans);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-top:.5rem;}
.person-img-vc img{display:block;width:100%;filter:none;box-shadow:var(--sh-xl);}
.person-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;}
.person-cards .wpb_column{display:contents;}
.person-card{border-top:2px solid var(--orange);}

/* Parallax / Closing (BG-Div wird per JS erzeugt) */
.parallax-vc,.closing-vc{display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;}
.parallax-vc .wpb_column,.closing-vc .wpb_column{position:relative;z-index:2;}
.m2r-parallax-img-holder .parallax-bg,
.m2r-parallax-img-holder .closing-bg-img{background-image:url('https://marketing2rent.de/wp-content/uploads/m2r/parallax-bg.jpg');}
.parallax-quote-mark-big{font-size:3rem;line-height:1;display:block;margin-bottom:.5rem;}
.parallax-quote-sm{font-size:clamp(1.2rem,2.5vw,1.9rem);}
.parallax-split-text .parallax-attr{margin-top:1.5rem;}

/* Methode */
.method-header-col{max-width:56ch !important;margin-inline:auto;text-align:center;margin-bottom:4rem;}
.method-h2{font-size:clamp(1.8rem,3.5vw,2.8rem);text-align:center;}
.method-lead{color:rgba(255,255,255,.45);text-align:center;}
.method-grid-vc{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.method-grid-vc .wpb_column{position:relative;}

/* Einstieg */
.m2r-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative;}
.m2r-process-grid .wpb_column{position:relative;z-index:1;}
.m2r-process-grid::before{content:'';position:absolute;top:32px;left:calc(12.5% + 16px);right:calc(12.5% + 16px);height:1px;background:var(--ink-10);z-index:0;}
.m2r-process-grid::after{content:'';position:absolute;top:29px;right:calc(12.5% + 10px);width:0;height:0;border-left:7px solid var(--ink-10);border-top:4px solid transparent;border-bottom:4px solid transparent;}

/* Closing-Details */
.closing-h{font-size:clamp(1.2rem,2.5vw,2rem);margin-bottom:1rem;}
.closing-sub-vc{font-size:1.3rem;color:var(--orange);margin-bottom:2rem;}
.closing-sig-img{min-width:220px;border-bottom:1px solid var(--ink-20);padding-bottom:.4rem;text-align:center;}

/* Kontakt */
.contact-lead{margin-bottom:2.5rem;}

/* Slider-Nav (JS-erzeugt) */
.pain-dots{display:flex;gap:.5rem;}

/* Icon-Sockel (SVGs liegen als data-URIs im CSS, nicht im Editor-Inhalt) */
.task-card[class*="m2ricon-"]::before{content:'';display:block;width:44px;height:44px;border-radius:50%;background-color:rgba(240,123,0,.1);margin-bottom:1rem;background-repeat:no-repeat;background-position:center;background-size:22px 22px;}
.ps[class*="m2ricon-"]::before{content:'';display:block;width:64px;height:64px;border-radius:50%;background-color:var(--white);border:1px solid var(--ink-10);margin:0 auto 1.5rem;box-shadow:var(--sh-sm);background-repeat:no-repeat;background-position:center;background-size:24px 24px;}
.cc-row[class*="m2ricon-"]::before{content:'';flex:0 0 44px;width:44px;height:44px;border-radius:50%;background-color:var(--orange);background-repeat:no-repeat;background-position:center;background-size:20px 20px;}

/* M2R VC-Umbau (11): Grid-Track-Fixes (minmax gegen min-content-Blowup) */
.vc_row.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.vc_row.hero > .hero-left{grid-column:1;grid-row:1;}
.vc_row.hero > .hero-right{grid-column:2;grid-row:1;}
.vc_row.stats-bar{grid-template-columns:repeat(4,minmax(0,1fr));}
.m2r-sec .tasks-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.m2r-sec .contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.m2r-sec .person-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);}
.parallax-vc,.closing-vc{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.parallax-vc > .parallax-split-text,.closing-vc > .parallax-split-text{grid-column:1;grid-row:1;}
.parallax-vc > .parallax-split-img,.closing-vc > .parallax-split-img{grid-column:2;grid-row:1;}
.method-grid-vc{grid-template-columns:repeat(3,minmax(0,1fr));}
.m2r-process-grid{grid-template-columns:repeat(4,minmax(0,1fr));}

/* M2R VC-Umbau (12): Hero-Zeilenhoehe */
.vc_row.hero{grid-template-rows:minmax(calc(100svh - 58px),auto);min-height:0;}

/* M2R VC-Umbau (13): explizite Grid-Plaetze (Auto-Placement unzuverlaessig) + Challenge links */
.m2r-sec .tasks-header > .wpb_column:first-child,
.m2r-sec .contact-layout > .wpb_column:first-child,
.m2r-sec .person-layout > .wpb_column:first-child{grid-column:1;grid-row:1;}
.m2r-sec .tasks-header > .wpb_column:last-child,
.m2r-sec .contact-layout > .wpb_column:last-child,
.m2r-sec .person-layout > .wpb_column:last-child{grid-column:2;grid-row:1;}
.wpb_column.challenge-col{max-width:var(--col);}
.challenge-col .wpb_content_element{max-width:80ch;}

/* M2R VC-Umbau (14): explizite Plaetze fuer alle Grid-Kinder + Bild-Breiten */
.person-img-vc .vc_single_image-wrapper{display:block;width:100%;}
.person-img-vc img{width:100%;}
.person-cards .task-card{grid-row:1;}
.person-cards .task-card:nth-child(1){grid-column:1;}
.person-cards .task-card:nth-child(2){grid-column:2;}
.person-cards .task-card:nth-child(3){grid-column:3;}
.vc_row.stats-bar > .wpb_column{grid-row:1;}
.vc_row.stats-bar > .wpb_column:nth-child(1){grid-column:1;}
.vc_row.stats-bar > .wpb_column:nth-child(2){grid-column:2;}
.vc_row.stats-bar > .wpb_column:nth-child(3){grid-column:3;}
.vc_row.stats-bar > .wpb_column:nth-child(4){grid-column:4;}
.method-grid-vc > .wpb_column{grid-row:1;}
.method-grid-vc > .wpb_column:nth-child(1){grid-column:1;}
.method-grid-vc > .wpb_column:nth-child(2){grid-column:2;}
.method-grid-vc > .wpb_column:nth-child(3){grid-column:3;}
.m2r-process-grid > .wpb_column{grid-row:1;}
.m2r-process-grid > .wpb_column:nth-child(1){grid-column:1;}
.m2r-process-grid > .wpb_column:nth-child(2){grid-column:2;}
.m2r-process-grid > .wpb_column:nth-child(3){grid-column:3;}
.m2r-process-grid > .wpb_column:nth-child(4){grid-column:4;}

/* M2R VC-Umbau (15): Sektions-Padding gegen den m2r-sec-Reset durchsetzen */
.vc_row.m2r-sec.m2r-pad{padding-top:clamp(4rem,8vw,8rem) !important;padding-bottom:clamp(4rem,8vw,8rem) !important;}
.vc_row.m2r-sec.hero{padding-top:58px !important;padding-bottom:clamp(4rem,8vw,8rem) !important;}

/* M2R VC-Umbau (16): Icons inkl. Hover-Varianten */
.m2ricon-1::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF6F3C%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M20%2021a8%208%200%201%200-16%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.task-card.m2ricon-1:hover::before,.ps.m2ricon-1:hover::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M20%2021a8%208%200%201%200-16%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.m2ricon-2::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF6F3C%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%202L3%2014h9l-1%208%2010-12h-9l1-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.task-card.m2ricon-2:hover::before,.ps.m2ricon-2:hover::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%202L3%2014h9l-1%208%2010-12h-9l1-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.m2ricon-3::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF6F3C%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M8%2014s1.5%202%204%202%204-2%204-2%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%229%22%20x2%3D%229.01%22%20y1%3D%229%22%20y2%3D%229%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2215%22%20x2%3D%2215.01%22%20y1%3D%229%22%20y2%3D%229%22%3E%3C%2Fline%3E%3C%2Fsvg%3E");}
.task-card.m2ricon-3:hover::before,.ps.m2ricon-3:hover::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M8%2014s1.5%202%204%202%204-2%204-2%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%229%22%20x2%3D%229.01%22%20y1%3D%229%22%20y2%3D%229%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2215%22%20x2%3D%2215.01%22%20y1%3D%229%22%20y2%3D%229%22%3E%3C%2Fline%3E%3C%2Fsvg%3E");}
.m2ricon-4::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF6F3C%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");}
.task-card.m2ricon-4:hover::before,.ps.m2ricon-4:hover::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");}
.m2ricon-5::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF6F3C%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202L2%207l10%205%2010-5-10-5z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2%2017l10%205%2010-5%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2%2012l10%205%2010-5%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.task-card.m2ricon-5:hover::before,.ps.m2ricon-5:hover::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202L2%207l10%205%2010-5-10-5z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2%2017l10%205%2010-5%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2%2012l10%205%2010-5%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.m2ricon-6::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF6F3C%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolygon%20points%3D%2212%202%2015.09%208.26%2022%209.27%2017%2014.14%2018.18%2021.02%2012%2017.77%205.82%2021.02%207%2014.14%202%209.27%208.91%208.26%2012%202%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");}
.task-card.m2ricon-6:hover::before,.ps.m2ricon-6:hover::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolygon%20points%3D%2212%202%2015.09%208.26%2022%209.27%2017%2014.14%2018.18%2021.02%2012%2017.77%205.82%2021.02%207%2014.14%202%209.27%208.91%208.26%2012%202%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");}
.m2ricon-7::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF6F3C%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M23%2021v-2a4%204%200%200%200-3-3.87%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.task-card.m2ricon-7:hover::before,.ps.m2ricon-7:hover::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M23%2021v-2a4%204%200%200%200-3-3.87%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.m2ricon-8::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF6F3C%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.task-card.m2ricon-8:hover::before,.ps.m2ricon-8:hover::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.m2ricon-9::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF6F3C%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2222%2012%2018%2012%2015%2021%209%203%206%2012%202%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");}
.task-card.m2ricon-9:hover::before,.ps.m2ricon-9:hover::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2222%2012%2018%2012%2015%2021%209%203%206%2012%202%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");}
.m2ricon-10::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF6F3C%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015a2%202%200%200%201-2%202H7l-4%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.task-card.m2ricon-10:hover::before,.ps.m2ricon-10:hover::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015a2%202%200%200%201-2%202H7l-4%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.m2ricon-11::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF6F3C%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20height%3D%2214%22%20rx%3D%222%22%20width%3D%2220%22%20x%3D%222%22%20y%3D%223%22%3E%3C%2Frect%3E%3Cline%20x1%3D%228%22%20x2%3D%2216%22%20y1%3D%2221%22%20y2%3D%2221%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%2217%22%20y2%3D%2221%22%3E%3C%2Fline%3E%3C%2Fsvg%3E");}
.task-card.m2ricon-11:hover::before,.ps.m2ricon-11:hover::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20height%3D%2214%22%20rx%3D%222%22%20width%3D%2220%22%20x%3D%222%22%20y%3D%223%22%3E%3C%2Frect%3E%3Cline%20x1%3D%228%22%20x2%3D%2216%22%20y1%3D%2221%22%20y2%3D%2221%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%2217%22%20y2%3D%2221%22%3E%3C%2Fline%3E%3C%2Fsvg%3E");}
.m2ricon-12::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF6F3C%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpolyline%20points%3D%2212%206%2012%2012%2016%2014%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");}
.task-card.m2ricon-12:hover::before,.ps.m2ricon-12:hover::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpolyline%20points%3D%2212%206%2012%2012%2016%2014%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");}
.m2ricon-13::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF6F3C%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22m21%2021-4.35-4.35%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.task-card.m2ricon-13:hover::before,.ps.m2ricon-13:hover::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22m21%2021-4.35-4.35%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.m2ricon-14::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF6F3C%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2214%202%2014%208%2020%208%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2216%22%20x2%3D%228%22%20y1%3D%2213%22%20y2%3D%2213%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2216%22%20x2%3D%228%22%20y1%3D%2217%22%20y2%3D%2217%22%3E%3C%2Fline%3E%3C%2Fsvg%3E");}
.task-card.m2ricon-14:hover::before,.ps.m2ricon-14:hover::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2214%202%2014%208%2020%208%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2216%22%20x2%3D%228%22%20y1%3D%2213%22%20y2%3D%2213%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2216%22%20x2%3D%228%22%20y1%3D%2217%22%20y2%3D%2217%22%3E%3C%2Fline%3E%3C%2Fsvg%3E");}
.m2ricon-15::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.m2ricon-16::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16c1.1%200%202%20.9%202%202v12c0%201.1-.9%202-2%202H4c-1.1%200-2-.9-2-2V6c0-1.1.9-2%202-2z%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2222%2C6%2012%2C13%202%2C6%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");}
.m2ricon-17::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%222%22%20x2%3D%2222%22%20y1%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cpath%20d%3D%22M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.m2ricon-18::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2010c0%207-9%2013-9%2013s-9-6-9-13a9%209%200%200%201%2018%200z%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E");}

/* M2R VC-Umbau (17): Badge, Stats-Border, Hover-Sockel, Parallax-Panel */
.hero-left .hero-badge{top:calc(3rem + 6px);}
.hero-badge p{margin:0;font-size:.7rem;line-height:1.3;}
.hero-badge::after{content:'';margin-top:.45rem;width:30px;height:15px;border-radius:8px;background-color:rgba(255,255,255,.25);background-image:radial-gradient(circle 5.5px at calc(100% - 7.5px) 50%,var(--white) 5.4px,transparent 5.6px);}
.vc_row.m2r-sec.stats-bar{border-top:1px solid var(--ink-10) !important;border-bottom:1px solid var(--ink-10) !important;}
.task-card[class*="m2ricon-"]:hover::before{background-color:var(--orange);}
.ps[class*="m2ricon-"]:hover::before{background-color:var(--orange);border-color:var(--orange);box-shadow:var(--sh-md);}
.parallax-vc,.closing-vc{grid-template-rows:100%;}
.parallax-vc > .parallax-bg,.closing-vc > .closing-bg-img{grid-row:1;grid-column:1 / -1;}

/* M2R VC-Umbau (18): Einstieg — Verbindungslinie + Abstand zum Text */
.m2r-process-grid::before{display:block;width:auto;}
.m2r-process-grid::after{display:block;}
.wpb_column.process-header-col{margin-bottom:3.5rem !important;}

/* M2R VC-Umbau (19): Referenz-Logos auf max. 150x150 begrenzen */
.ref-logo-slide p{margin:0;width:100%;text-align:center;}
.ref-logo-slide a{display:inline-block;}
.ref-logo-slide img{width:100px;height:auto;max-height:100px;object-fit:contain;display:inline-block;}

/* M2R (20): m-Signet oben rechts auf dem Hero-Bild */
.hero-right::after{content:'';position:absolute;top:1.75rem;right:1.75rem;width:64px;height:44px;background:url('https://marketing2rent.de/wp-content/uploads/m2r/m-signet-weiss.svg') center/contain no-repeat;z-index:3;pointer-events:none;}

/* M2R (21): Dunkle Slider-Baender — einheitlicher Farbton fuer Slides + Nav-Zeile */
.pain-band,.pain-band .pain-slide,.pain-band-vc .pain-slide{background:var(--ink) !important;}
.pain-band-nav{background:transparent !important;}

/* M2R (22): Arbeitsweise — dreifarbige Headline, neue Karten-Icons, orange Coda-Linie */
.method-h2 .vlm-w{color:var(--white);}
.method-h2 .vlm-g{color:#B8B2A6;}
.method-h2 .vlm-o{color:var(--orange);}
.mc .mc-icon{filter:none !important;opacity:1 !important;width:auto !important;height:auto !important;max-width:140px;max-height:67px;}
.mc-white .mc-icon{max-width:110px;max-height:40px;}
.method-coda{border-left-color:var(--orange) !important;}

/* M2R (23): Referenzen ohne Konturen + Kontaktdaten buendig */
.refs-track-wrap{border:none !important;}
.ref-logo-slide{border-right:none !important;}
.cc-row .cc-label{flex:0 0 110px;}

/* ============================================================
   M2R (24): Responsive-Schicht fuer die VC-Struktur
   (hebt die expliziten Grid-Zuweisungen auf kleinen Screens auf)
   ============================================================ */
@media(max-width:900px){
  /* Hero: einspaltig, Bild + Badge ausgeblendet (wie Original-Layout) */
  .vc_row.hero{grid-template-columns:1fr !important;grid-template-rows:auto !important;min-height:0 !important;}
  .vc_row.hero > .hero-left{grid-column:1 !important;}
  .hero-left{border-right:none !important;}

  /* Zwei-Spalten-Layouts stapeln */
  .m2r-sec .tasks-header,.m2r-sec .contact-layout,.m2r-sec .person-layout{grid-template-columns:1fr !important;gap:2.5rem !important;}
  .m2r-sec .tasks-header > .wpb_column,
  .m2r-sec .contact-layout > .wpb_column,
  .m2r-sec .person-layout > .wpb_column{grid-column:1 !important;grid-row:auto !important;}

  /* Karten-Grids: untereinander */
  .person-cards{grid-template-columns:1fr !important;}
  .person-cards .task-card{grid-column:1 !important;grid-row:auto !important;}
  .method-grid-vc{grid-template-columns:1fr !important;}
  .method-grid-vc > .wpb_column{grid-column:1 !important;grid-row:auto !important;}

  /* Prozess-Schritte: 2x2, Verbindungslinie aus */
  .m2r-process-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .m2r-process-grid > .wpb_column{grid-column:auto !important;grid-row:auto !important;}
  .m2r-process-grid::before,.m2r-process-grid::after{display:none !important;}

  /* Zahlen-Leiste: 2x2 mit sauberen Trennlinien */
  .vc_row.stats-bar{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .vc_row.stats-bar > .wpb_column{grid-column:auto !important;grid-row:auto !important;}
  .vc_row.stats-bar > .wpb_column:nth-child(-n+2){border-bottom:1px solid var(--ink-10);}
  .vc_row.stats-bar > .wpb_column:nth-child(even){border-right:none !important;}

  /* Zitat-Sektionen: Panel oben, Bildstreifen darunter sichtbar */
  .parallax-vc,.closing-vc{grid-template-columns:1fr !important;grid-template-rows:auto 240px !important;height:auto !important;}
  .parallax-vc > .parallax-split-text,.closing-vc > .parallax-split-text{grid-column:1 !important;grid-row:1 !important;}
  .parallax-vc > .parallax-split-img,.closing-vc > .parallax-split-img{display:none !important;}

  /* Referenzen: 2 Logos sichtbar */
  .ref-logo-slide{flex:0 0 50%;}
}

@media(max-width:640px){
  /* Prozess-Schritte einspaltig */
  .m2r-process-grid{grid-template-columns:1fr !important;}
  /* Karten/Container kompakter */
  .contact-card{padding:1.75rem 1.25rem;}
  .cc-row .cc-label{flex:0 0 80px;}
  .mc{padding:2rem 1.5rem;}
  .method-coda{padding:1.5rem 1.25rem;margin-top:2rem;}
  /* Referenzen: 1 Logo pro Ansicht */
  .ref-logo-slide{flex:0 0 100%;}
  /* Slider-Baender kompakter */
  .pain-slide{padding:3.5rem 1.25rem;}
}

/* M2R (25): Mobile-Feinschliff Nav + Hero-Headline */
@media(max-width:900px){
  .vc_row.hero{grid-template-columns:minmax(0,1fr) !important;}
  .nav{gap:1rem;}
  .nav .nav-logo{width:130px;height:auto;}
  .nav-cta{font-size:.58rem;padding:.6em 1.1em;white-space:nowrap;}
}
@media(max-width:640px){
  .hero-h1{font-size:min(15vw,3.8rem);}
}

/* M2R (26): Kontaktkarte mobil — lange Werte umbrechen lassen */
.cc-row .cc-value{min-width:0;overflow-wrap:anywhere;}
@media(max-width:640px){
  .cc-row{gap:.8rem;}
}

/* M2R (27): Hero-Headline skaliert im 2-Spalten-Layout, Mobile-Hero mit Bild, Stats-Plaetze, Logo-Band */
@media(min-width:901px){
  /* nie mit dem Bild ueberlappen: vw-basiert statt 5rem-Boden */
  .hero-h1{font-size:clamp(3rem,7vw,9rem);}
}
@media(max-width:900px){
  /* Hero: erst Text, darunter das Portrait in voller Breite */
  .vc_row.hero{grid-template-rows:auto min(96vw,460px) !important;position:relative;}
  .vc_row.hero > .hero-right{display:block !important;grid-column:1 !important;grid-row:2 !important;position:relative;overflow:hidden;}
  .hero-right .wpb_single_image{width:100% !important;}
  .hero-left{position:static !important;padding-bottom:4.5rem !important;}
  /* Badge mittig auf der Oberkante des Portraits */
  .m2r-sec .hero-left .hero-badge{display:flex !important;top:auto !important;bottom:calc(min(96vw,460px) - 64px) !important;left:var(--gutter) !important;transform:none !important;}
  /* Zahlen-Leiste: explizite 2x2-Plaetze */
  .vc_row.stats-bar > .wpb_column:nth-child(1){grid-column:1 !important;grid-row:1 !important;}
  .vc_row.stats-bar > .wpb_column:nth-child(2){grid-column:2 !important;grid-row:1 !important;}
  .vc_row.stats-bar > .wpb_column:nth-child(3){grid-column:1 !important;grid-row:2 !important;}
  .vc_row.stats-bar > .wpb_column:nth-child(4){grid-column:2 !important;grid-row:2 !important;}
  /* Referenz-Band: Logos groesser, Weissraum oben/unten angleichen */
  #m2r-11 .tasks-header{margin-bottom:1rem !important;}
  .ref-logo-slide{padding:1.25rem 1rem;}
  .ref-logo-slide img{width:150px;max-height:150px;}
}

/* M2R (28): Mobile-Nav — CTA rechtsbuendig + Burger-Menue */
.m2r-burger{display:none;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;gap:5px;}
.m2r-burger span{display:block;width:22px;height:2px;background:var(--ink);transition:transform .25s,opacity .25s;}
.m2r-menu{position:fixed;inset:0;background:var(--orange);z-index:900;display:flex;flex-direction:column;justify-content:center;padding:5rem var(--gutter);transform:translateX(102%);transition:transform .3s ease;}
.m2r-menu a{font-family:var(--serif);font-weight:600;font-size:clamp(1.6rem,7.5vw,2.5rem);line-height:1.25;color:var(--white);text-decoration:none;padding:.5rem 0;overflow-wrap:anywhere;}
.m2r-menu a.m2r-menu-cta{font-family:var(--sans);font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-top:2rem;border:1px solid rgba(255,255,255,.6);padding:1em 1.5em;display:inline-block;align-self:flex-start;}
.m2r-menu.open{transform:none;}
.m2r-menu-close{position:absolute;top:1.2rem;right:1.2rem;background:none;border:none;color:var(--white);font-size:2.2rem;line-height:1;cursor:pointer;padding:.3rem .6rem;}
html.m2r-menu-open,body.m2r-menu-open{overflow:hidden;}
@media(max-width:900px){
  .nav{justify-content:flex-start;}
  .nav .nav-logo-link{margin-right:auto;}
  .m2r-burger{display:flex;}
}

/* M2R (29): Mobile-Hero — Bild schliesst buendig mit der naechsten Sektion ab
   (behebt zugleich die Stoerer-Position: Mitte liegt wieder exakt auf der Bildkante) */
@media(max-width:900px){
  .vc_row.m2r-sec.hero{padding-bottom:0 !important;}
}


/* M2R (30): Hero-Stoerer als Bild statt gesetztem Text.
   Groesse, Position und Schatten bleiben unveraendert (128 px, rund).
   Der Text bleibt im Quelltext stehen — nur unsichtbar — damit er fuer
   Suchmaschinen und Screenreader erhalten bleibt. */
.hero-badge{
  background:url("/wp-content/mu-plugins/m2r-assets/hero-badge.webp") center/cover no-repeat;
  box-shadow:var(--sh-lg);
}
/* WPBakery setzt den Wrapper auf display:contents — erst zurueckholen,
   dann zusammen mit der Ueberschrift unsichtbar, aber vorlesbar halten. */
.hero-badge .wpb_wrapper{display:block !important;}
.hero-badge .wpb_wrapper,
.hero-badge h1,
.hero-badge h2,
.hero-badge h3,
.hero-badge h4,
.hero-badge h5,
.hero-badge h6,
.hero-badge p,
.hero-badge .hero-badge-text{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  border:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
}
/* Der gezeichnete Schalter steckt jetzt im Bild. */
.hero-badge::after{content:none !important;display:none !important;}