.personeel-theme{--pn-font:"Reddit Sans",var(--font-reddit-sans),var(--font-manrope),sans-serif;--pn-orange:#fd5e2d;--pn-orange-soft:#fcf2ed;--pn-navy:#192b4a;--pn-blue-soft:#e6efff;--pn-black:#000000;--pn-heading:#000000;--pn-body:#5e5559;--pn-subtitle:#999999;--pn-bg:#f8fafc;--pn-line:#cbced4}.personeel-page{background:#ffffff;color:var(--pn-body);font-family:var(--pn-font);padding:0}.personeel-page :where(h1,h2,h3,h4,h5,p,li,span,a){font-family:var(--pn-font)}.personeel-page h2,.personeel-page h3,.personeel-page h4,.personeel-page h5{color:var(--pn-heading)}.personeel-hero{position:relative;width:100%;min-height:clamp(420px,52vw,654px);display:flex;align-items:center;background-image:url(/images/personeel/hero.webp);background-size:cover;background-position:100%;overflow:hidden}.personeel-hero-overlay{position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,0,0,.35) 37%,rgba(102,102,102,0) 60%)}.personeel-hero-inner{position:relative;width:var(--container);margin:0 auto;display:flex}.personeel-hero-card{display:flex;flex-direction:column;gap:32px;width:452px;max-width:100%;min-height:424px;padding:12px 24px 24px;border-radius:24px;background:rgba(255,255,255,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.personeel-hero-logo{display:block;width:clamp(180px,16vw,229px);height:auto}.personeel-hero-title{margin:0;font-family:var(--pn-font);font-weight:600;font-size:clamp(34px,3.6vw,46px);line-height:1.2;letter-spacing:0;color:#8eacff}.personeel-hero-body{margin:0;font-weight:400;font-size:clamp(15px,1.3vw,18px);line-height:1.6;color:#ffffff}.personeel-section{width:var(--container);margin:0 auto;padding:clamp(48px,6vw,96px) 0;scroll-margin-top:96px}.personeel-split-head{display:grid;grid-template-columns:clamp(280px,24vw,400px) minmax(0,1fr);grid-gap:clamp(24px,3.5vw,54px);gap:clamp(24px,3.5vw,54px);align-items:start}.personeel-split-head h2{margin:0;font-family:var(--pn-font);font-weight:600;font-size:clamp(32px,3.4vw,44px);line-height:1.15;letter-spacing:-.5px;color:var(--pn-black);overflow-wrap:anywhere}.personeel-split-head>div>p,.personeel-split-head>p{margin:0 0 16px;font-weight:500;font-size:clamp(19px,1.9vw,26px);line-height:1.4;color:var(--pn-black)}.personeel-intro-row{display:flex;gap:clamp(28px,4vw,64px);align-items:flex-start}.personeel-intro-head{flex:0 0 auto;width:min(600px,48%);margin:0;font-family:var(--font-montserrat),"Montserrat",var(--pn-font);font-weight:700;font-size:clamp(20px,1.7vw,24px);line-height:1.5;letter-spacing:0;color:var(--pn-black)}.personeel-outcome-box{flex:1 1;min-width:0}.personeel-outcome-box h3{margin:0 0 14px;font-weight:600;font-size:clamp(20px,1.7vw,22px);line-height:1.6;color:var(--pn-black)}.personeel-block-gap{margin-top:clamp(40px,5vw,80px)}.personeel-collist{margin:0;padding:0;list-style:none;column-count:2;column-gap:clamp(20px,3vw,48px)}.personeel-collist li{position:relative;page-break-inside:avoid;break-inside:avoid;margin:0 0 12px;padding-left:18px;font-weight:400;font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:var(--pn-body)}.personeel-collist li:before{content:"";position:absolute;left:4px;top:.66em;width:5px;height:5px;border-radius:50%;background:var(--pn-body)}.personeel-role-col article+article{margin-top:clamp(20px,2.4vw,32px)}.personeel-block-title{margin:0;font-weight:600;font-size:clamp(22px,1.9vw,26px);line-height:1.6;color:var(--pn-black)}.personeel-takeaways-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:50px 40px;gap:50px 40px}.personeel-takeaway .personeel-tk-icon{display:block;width:30px;height:30px;opacity:.8;margin:0 0 12px}.personeel-takeaway h4{margin:0 0 16px;font-weight:600;font-size:clamp(18px,1.4vw,20px);line-height:1.6;color:var(--pn-black)}.personeel-takeaway p{margin:0;font-weight:400;font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:var(--pn-body)}.personeel-info-list{display:flex;flex-direction:column;gap:clamp(32px,3.4vw,50px)}.personeel-info-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.personeel-info-icon{flex:0 0 auto;display:block;width:30px;height:30px;opacity:.8}.personeel-info-head h4{margin:0;font-weight:600;font-size:clamp(18px,1.4vw,20px);line-height:1.6;color:var(--pn-black)}.personeel-info-body p{margin:0;font-weight:400;font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:var(--pn-body)}.personeel-info-body p+p{margin-top:1em}.personeel-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:clamp(16px,1.6vw,24px);gap:clamp(16px,1.6vw,24px);margin-top:clamp(24px,2.6vw,40px)}.personeel-insight-card{display:flex;flex-direction:column;gap:20px;padding:40px 24px;background:#ffffff;border-radius:20px;box-shadow:0 10px 40px rgba(34,34,34,.05)}.personeel-insight-icon{display:block;width:36px;height:36px}.personeel-insight-card h4{margin:0;font-family:var(--pn-font);font-weight:700;font-size:20px;line-height:1.2;color:var(--pn-navy)}.personeel-insight-body{display:flex;flex-direction:column}.personeel-insight-body p{margin:0;font-weight:400;font-size:14px;line-height:20px;color:var(--pn-body)}.personeel-insight-body p+p{margin-top:16px}.personeel-insight-body strong{font-weight:700}.personeel-state{display:flex;flex-direction:column;gap:clamp(28px,3vw,40px)}.personeel-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:19px;gap:19px}.personeel-state-card{display:flex;flex-direction:column;gap:10px;padding:12px;background:#ffffff;border-radius:12px}.personeel-state-badge{align-self:flex-start;padding:6px 10px;border:1px solid #a0cffa;border-radius:12px;font-weight:700;font-size:clamp(16px,1.4vw,20px);line-height:1.6;color:#0064e1}.personeel-state-card p{margin:0;font-weight:400;font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:var(--pn-body)}.personeel-shot{overflow:hidden;border:4px solid #e5e5e5;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.04),0 2px 6px rgba(0,0,0,.06)}.personeel-shot img,.personeel-shot-svg img{display:block;width:100%;height:auto}.personeel-shot--narrow{align-self:flex-start;width:100%;max-width:684px}.personeel-shot--670{align-self:flex-start;width:100%;max-width:670px}.personeel-iter-body{display:flex;flex-direction:column;gap:clamp(20px,2.4vw,32px)}.personeel-outcome-banner{width:100%;line-height:0}.personeel-outcome-banner img{display:block;width:100%;height:auto;border-radius:42px 42px 0 0}.personeel-shot-bare{width:100%;border-radius:12px;overflow:hidden}.personeel-shot-bare img{display:block;width:100%;height:auto}.personeel-flow-step{margin:0;font-family:var(--pn-font);font-weight:700;font-size:clamp(24px,2.4vw,32px);line-height:1.6;color:#2f80ed}.personeel-tablist{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-bottom:clamp(28px,3.4vw,48px)}.personeel-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;padding:4px 22px;font-family:var(--pn-font);font-weight:700;font-size:clamp(18px,2.2vw,28px);line-height:1.2;color:var(--pn-subtitle);transition:color .2s ease}.personeel-tab:first-child{padding-left:0}.personeel-tab+.personeel-tab{border-left:2px solid var(--pn-line)}.personeel-tab:hover{color:var(--pn-navy)}.personeel-tab.is-active{color:#2f80ed}.personeel-tab:focus-visible{outline:2px solid #2f80ed;outline-offset:3px;border-radius:4px}.personeel-tab-heading{margin:0 0 12px;font-weight:600;font-size:clamp(20px,1.9vw,26px);line-height:1.3;letter-spacing:-.01em;color:var(--pn-black)}.personeel-tab-text{margin:0 0 clamp(20px,2.4vw,32px);max-width:840px;font-weight:400;font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:var(--pn-body)}.personeel-tab-cards{margin-bottom:clamp(28px,3.4vw,44px)}.personeel-flow{display:flex;flex-direction:column;gap:clamp(24px,3vw,40px)}.personeel-flow-label{margin:0;font-weight:600;font-size:clamp(18px,1.5vw,20px);line-height:1.6;color:var(--pn-black)}.personeel-flow-diagram{width:100%;background:#ffffff}.personeel-flow-diagram img{display:block;width:100%;height:auto}.personeel-rule{height:0;border-top:1px dashed var(--pn-line);margin:clamp(28px,3.4vw,48px) 0}.personeel-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:clamp(20px,2.6vw,40px);gap:clamp(20px,2.6vw,40px)}.personeel-grid-2+.personeel-grid-2{margin-top:clamp(20px,2.6vw,36px)}.personeel-grid-2 h3{margin:0 0 16px;font-weight:600;font-size:clamp(19px,1.7vw,22px);line-height:1.6;color:var(--pn-black)}.personeel-grid-2 h4{margin:0 0 8px;font-weight:600;font-size:clamp(17px,1.3vw,21px);color:var(--pn-black)}.personeel-grid-2 li,.personeel-grid-2 p{font-weight:400;font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:var(--pn-body)}.personeel-personas{display:flex;flex-direction:column;gap:clamp(28px,3vw,40px)}.personeel-split-head .personeel-subtext{margin:0;font-weight:400;font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:var(--pn-body)}.persona-card{display:grid;grid-template-columns:256px minmax(0,1fr);align-items:stretch;padding:16px;background:#f8f8f8;border-radius:12px;font-family:var(--font-manrope),sans-serif;overflow:hidden}.persona-avatar{grid-column:1;grid-row:1/span 2;min-height:0;overflow:hidden}.persona-name{grid-column:1;grid-row:3}.persona-block--needs{grid-column:2;grid-row:1}.persona-block--pain{grid-column:2;grid-row:2}.persona-block--motiv{grid-column:2;grid-row:3}.persona-avatar img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.persona-name{padding:14px 24px;color:#062643}.persona-card--blue .persona-name{background:#c9e2ff}.persona-card--pink .persona-name{background:#ffcfc8}.persona-arch{font-weight:400;font-size:10px}.persona-arch,.persona-title{display:block;line-height:1.4}.persona-title{margin:3px 0 8px;font-weight:800;font-size:15px}.persona-desc{margin:0;font-weight:400;font-size:10px;line-height:1.5}.persona-block{border:1px solid #c9e2ff;padding:14px 24px}.persona-block+.persona-block{margin-top:-1px}.persona-block h5{margin:0 0 12px;font-weight:800;font-size:18px;line-height:1.2;color:#252525}.persona-block li,.persona-block p{font-weight:400;font-size:14px;line-height:24px;color:#252525}.persona-block ul{margin:0;padding-left:21px;list-style:disc}.case-toc--personeel{max-height:calc(100vh - 140px);overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.case-toc--personeel .case-toc-link.is-active .case-toc-link-label{color:var(--pn-orange,#fd5e2d)}.case-toc--personeel .case-toc-link.is-active .case-toc-link-rail{background:var(--pn-orange,#fd5e2d)}@media (max-width:960px){.personeel-intro-row{flex-direction:column}.personeel-intro-head{width:100%}.personeel-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.persona-card,.personeel-state-grid{grid-template-columns:minmax(0,1fr)}.persona-avatar,.persona-block--motiv,.persona-block--needs,.persona-block--pain,.persona-name{grid-column:1;grid-row:auto}.persona-avatar{height:279px}.personeel-grid-2,.personeel-split-head,.personeel-takeaways-grid{grid-template-columns:minmax(0,1fr)}}.pn-ut-row{margin-top:clamp(32px,4.5vw,60px)}.pn-ut-sublabel{margin:0;font-family:var(--pn-font);font-weight:600;font-size:clamp(20px,2vw,26px);line-height:1.6;color:var(--pn-black)}.pn-ut-card{margin-top:clamp(20px,2.6vw,32px);background:#fff;border:1px solid rgba(226,232,240,.6);border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1.5px -1px rgba(0,0,0,.1);padding:clamp(20px,4vw,56px);overflow-x:auto}.pn-ut-scene{position:relative;width:100%;min-width:560px;aspect-ratio:819.51/273.17;container-type:inline-size;font-family:var(--pn-font)}.pn-ut-cards{position:absolute;left:0;top:0;width:29.26%;height:100%;justify-content:space-between}.pn-ut-cards,.pn-ut-persona{display:flex;flex-direction:column}.pn-ut-persona{gap:1.7cqw}.pn-ut-plabel{margin:0;padding-left:.37cqw;font-weight:600;font-size:1.71cqw;letter-spacing:.05cqw;text-transform:uppercase;color:#000;white-space:nowrap}.pn-ut-fail{display:flex;align-items:flex-start;gap:1.48cqw;background:#fff;border:.18cqw solid rgba(255,226,226,.6);border-radius:1.48cqw;padding:2.04cqw}.pn-ut-x{flex:0 0 auto;display:grid;place-items:center;width:2.59cqw;height:2.59cqw;background:#fef2f2;border:.09cqw solid #ffe2e2;border-radius:50%}.pn-ut-x img{display:block;width:1.48cqw;height:1.48cqw}.pn-ut-fail p{margin:0;font-weight:400;font-size:1.46cqw;line-height:1.5;color:#62748e}.pn-ut-fail strong{font-weight:600;color:#0f172b}.pn-ut-conn--cards{position:absolute;left:28.89%;top:0;width:9.26%;height:100%;display:flex;flex-direction:column}.pn-ut-conn--cards img{display:block;width:100%;height:50%}.pn-ut-conn--root{position:absolute;left:61.4%;top:43.3%;width:7.6%;height:13.3%}.pn-ut-conn--root img{display:block;width:100%;height:100%}.pn-ut-root{position:absolute;left:37.78%;top:29.3%;width:24.07%;height:41.39%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1cqw;padding:2.96cqw;text-align:center;background:#2f80ed;border-radius:2.22cqw;box-shadow:0 1.85cqw 1.16cqw rgba(15,23,43,.05),0 .74cqw .46cqw rgba(15,23,43,.05)}.pn-ut-kicker{margin:0;font-weight:600;font-size:1.22cqw;letter-spacing:.05cqw;text-transform:uppercase;color:#eee}.pn-ut-kicker--orange{color:rgba(255,214,168,.85);letter-spacing:.11cqw}.pn-ut-root-title{margin:0;font-weight:600;font-size:1.95cqw;line-height:1.3;color:#fff}.pn-ut-content{position:absolute;left:68.52%;top:21.39%;width:31.48%;height:57.22%;display:flex;flex-direction:column;gap:.9cqw;padding:3.7cqw;background:#f4622e;border-radius:2.22cqw;box-shadow:0 1.85cqw 1.16cqw rgba(244,98,46,.15),0 .74cqw .46cqw rgba(244,98,46,.1)}.pn-ut-content-title{margin:0;font-weight:600;font-size:2.2cqw;color:#fff}.pn-ut-content-desc{margin:0;font-weight:400;font-size:1.46cqw;line-height:1.5;color:rgba(255,255,255,.9)}.pn-ut-results{gap:clamp(20px,2.6vw,28px)}.pn-ut-result,.pn-ut-results{display:flex;flex-direction:column}.pn-ut-result{gap:14px}.pn-ut-result-head{display:flex;align-items:center;gap:12px}.pn-ut-num{flex:0 0 auto;width:30px;height:30px;opacity:.8}.pn-ut-result-head h4{margin:0;font-family:var(--pn-font);font-weight:600;font-size:clamp(17px,1.7vw,20px);line-height:1.6;color:#000}.pn-ut-result>p{margin:0;font-weight:400;font-size:clamp(16px,1.6vw,20px);line-height:1.6;color:var(--pn-body)}