/* Three distinct compositions: evidence, choice, and process. */
.cp-page{--cp-green:#18392e;--cp-ink:#203c30;--cp-gold:#a17a4e;--cp-line:#cec9ba;--cp-muted:#686b61}
.cp-page h1,.cp-page h2,.cp-page h3{font-weight:400;letter-spacing:-.035em;line-height:1.07}
.cp-page h1 em{color:#966a49;font-weight:400}
.cp-page .eyebrow{font-size:11px;letter-spacing:.16em;line-height:1.5}
.cp-intro{padding-top:66px;padding-bottom:54px}
.cp-intro>div{display:grid;grid-template-columns:1.2fr .8fr;gap:7%;align-items:end}
.cp-intro h1{font-size:clamp(44px,5.6vw,78px);margin:12px 0 0}
.cp-intro .cp-lead{font-size:18px;line-height:1.65;max-width:430px;margin:0 0 6px;color:#5a6057}
.cp-page img{max-width:100%}
.cp-page a:focus-visible{outline:3px solid #ab7d4c;outline-offset:6px}
.cp-case{border-top:1px solid var(--cp-line);padding-top:34px}
.cp-case-head{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.cp-case-head h2{font-size:38px;margin:12px 0}
.cp-case-head p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:480px;color:var(--cp-muted)}
.cp-case-stage{position:relative;display:grid;grid-template-columns:.86fr 1.14fr;gap:5%;align-items:center;min-height:350px;margin-top:24px;padding:34px 48px 26px;background:#e9e6dc;overflow:hidden;text-decoration:none}
.cp-report-spread{position:relative;display:flex;align-items:center;justify-content:center;height:280px;isolation:isolate}
.cp-report-spread img{height:250px;width:auto;box-shadow:3px 8px 14px #182c241a;transition:transform .45s ease}
.cp-report-spread .cp-cover{transform:rotate(-5deg) translateX(10px);z-index:2;height:260px}
.cp-report-spread .cp-page{transform:rotate(3deg) translateX(-6px);z-index:1}
.cp-browser{align-self:center;border:6px solid #233a30;border-bottom-width:10px;border-radius:8px;box-shadow:0 12px 25px #182c2420;overflow:hidden;transition:transform .45s ease;background:#203d30}
.cp-browser>img{display:block;width:100%;height:auto;aspect-ratio:1.72;object-fit:cover;object-position:top}
.cp-browser-bar{height:18px;display:flex;gap:4px;align-items:center;padding:0 6px;color:#c0c8bd;font:8px sans-serif}
.cp-browser-bar i{width:3px;height:3px;border-radius:50%;background:#91a393}
.cp-browser-bar span{margin:auto}
.cp-stage-arrow{position:absolute;bottom:14px;right:20px;font-size:27px;color:#56705c}
.cp-case-formats{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--cp-line);padding:18px 0;font-size:13px;color:#596255}
.cp-case-quote{padding:24px 0 0;max-width:850px}
.cp-case-quote figure{margin:0;display:grid;grid-template-columns:1fr;gap:14px}
.cp-case-quote blockquote{font-family:Newsreader,Georgia,serif;font-size:25px;line-height:1.35;margin:0;max-width:760px}
.cp-case-quote img{width:42px;height:52px;object-fit:cover}
.cp-case-quote figcaption{display:flex;gap:12px;align-items:center;font-size:12px}
.cp-own{padding-top:80px;padding-bottom:80px}
.cp-own header{margin-bottom:32px}
.cp-own header h2{font-size:38px;margin:12px 0}
.cp-own-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.cp-own-grid h3{font-size:29px;margin:10px 0}
.cp-own-grid p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--cp-muted);max-width:480px}
.cp-own-grid .eyebrow{margin-top:24px}
.cp-book-scene,.cp-tool-image{display:flex;height:290px;align-items:center;justify-content:center;text-decoration:none;overflow:hidden}
.cp-book-scene{background:#dfe4d8;gap:24px}
.cp-book-scene svg{width:155px;height:215px;filter:drop-shadow(5px 10px 8px #142b2522);transition:transform .4s ease}
.cp-book-scene svg:first-child{transform:rotate(-6deg)}
.cp-book-scene svg:last-child{transform:rotate(5deg) translateY(8px)}
.cp-tool-image{background:#e5e3d9;padding:22px}
.cp-tool-image img{width:100%;box-shadow:0 8px 20px #152e2617;transition:transform .4s ease}
.cp-choices{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:68px;gap:0}
.cp-choice{padding:30px;display:flex;flex-direction:column;text-decoration:none;color:var(--cp-ink);border:1px solid var(--cp-line);border-right:0;transition:background .25s ease}
.cp-choice:last-child{border-right:1px solid var(--cp-line)}
.cp-choice-no{font:italic 32px Newsreader,Georgia,serif;color:#a07850;margin-bottom:32px}
.cp-choice .eyebrow{margin:0 0 14px}
.cp-choice h2{font-size:34px;margin:0 0 20px}
.cp-choice p:not(.eyebrow){font-size:15px;line-height:1.65;margin:0 0 30px;max-width:310px}
.cp-choice small{font-size:12px;line-height:1.6;margin-top:auto;min-height:40px}
.cp-choice-link{display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:17px;margin-top:15px;font-size:14px}
.cp-choice-link b{font-weight:400;transition:transform .25s}
.cp-choice-retainer{background:var(--cp-green);color:#f4f0df;border-color:var(--cp-green)}
.cp-choice-retainer .eyebrow,.cp-choice-retainer .cp-choice-no{color:#d7c699}
.cp-choice-granskning{background:#e6e7dc}
.cp-erbjudande #leverans{padding-top:50px;border-top:1px solid var(--cp-line)}
.cp-production-art{display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;align-items:center;padding:32px 7% 0;background:#e7e3d8;overflow:hidden;margin:32px 0;text-decoration:none}
.cp-production-art>div{display:flex;justify-content:center;align-items:center}
.cp-production-art>div img{height:220px;width:auto;box-shadow:2px 7px 12px #18392e20}
.cp-production-art>div img:first-child{transform:rotate(-4deg) translateX(8px);z-index:1}
.cp-production-art>div img:last-child{transform:rotate(3deg)}
.cp-production-art>img{width:100%;border:6px solid #263e32;border-radius:6px;box-shadow:0 8px 18px #203b3020}
.cp-production-art>span{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #c5c4b6;padding:16px 0;margin-top:12px;color:#4e5b4d;font-size:12px;letter-spacing:.07em}
.cp-erbjudande .pcx-deliverables{padding-top:5px}
.cp-erbjudande .pcx-offers>details{background:transparent;border-bottom:1px solid var(--cp-line)}
.cp-erbjudande .pcx-offers>details>summary{padding-block:25px}
.cp-workflow{padding-top:30px;padding-bottom:60px;border-top:1px solid var(--cp-line)}
.cp-workflow>ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:30px 0 0;counter-reset:step}
.cp-workflow li{position:relative;padding:0 24px 0 0}
.cp-workflow li+li{padding-left:24px;border-left:1px solid var(--cp-line)}
.cp-step-number{display:block;font:italic 54px Newsreader,Georgia,serif;color:#a4774c;border-bottom:1px solid var(--cp-line);padding-bottom:24px;margin-bottom:22px}
.cp-workflow li:not(:last-child):after{content:'→';position:absolute;right:-8px;top:20px;background:#f4f1e9;z-index:1;color:#8b917e;font-size:20px}
.cp-step-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#786b55}
.cp-workflow h2{font-size:27px;min-height:58px;margin:14px 0}
.cp-workflow li>p{font-size:14px;line-height:1.65;min-height:90px;color:#64685d}
.cp-step-output{border-top:1px solid var(--cp-line);padding-top:16px}
.cp-step-output small{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;color:#797c6d}
.cp-step-output strong{font-size:13px;font-weight:500}
.cp-metod .pcx-systems{display:grid;grid-template-columns:.75fr 1.25fr;gap:7%;align-items:center;padding:42px;background:#e7e9df;margin-bottom:70px;border:0}
.cp-metod .pcx-systems header h2{font-size:38px;margin:16px 0}
.cp-metod .pcx-systems header>p:not(.eyebrow){font-size:15px;line-height:1.7}
.cp-metod .pcx-review-demonstration{margin:0;padding:0}
.cp-metod .pcx-review-demonstration video{display:block;width:100%;max-height:360px;box-shadow:0 12px 24px #19392a15}
.cp-metod .pcx-review-demonstration>p{font-size:11px;color:#6b7162;margin:12px 0 0}
.cp-metod .pcx-lens{background:#18392e;color:#f0eddf;padding:64px 0}
.cp-metod .pcx-lens-head{display:grid;grid-template-columns:1fr 1fr;gap:10px 7%;align-items:end}
.cp-metod .pcx-lens-head>.eyebrow{grid-column:1/-1;color:#c4b582}
.cp-metod .pcx-lens h2{font-size:42px;color:#f4f0df}
.cp-metod .pcx-lens h2 em{color:#cec193}
.cp-metod .pcx-lens-head>p:not(.eyebrow){color:#c9d2c4;font-size:16px;line-height:1.7;max-width:430px}
.cp-metod .pcx-lens-pair{margin:32px 0}
.cp-metod .pcx-lens-pair article{background:transparent;border:0;border-top:1px solid #75856c;padding:24px 0;color:#f4f0df}
.cp-metod .pcx-lens-pair article span{color:#c9bb8f}
.cp-metod .pcx-lens-pair article p{color:#c9d2c4}
.cp-metod .pcx-lens a{color:#f4f0df}
.cp-metod .pcx-method-proof{padding-top:70px;padding-bottom:70px}
.cp-page .pcx-action{margin-top:10px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.cp-case-stage:hover .cp-cover{transform:rotate(-3deg) translateX(4px)}.cp-case-stage:hover .cp-page{transform:rotate(1deg) translateX(0)}.cp-case-stage:hover .cp-browser{transform:translateY(-5px)}.cp-book-scene:hover svg:first-child{transform:rotate(-3deg) translateY(-5px)}.cp-book-scene:hover svg:last-child{transform:rotate(2deg) translateY(2px)}.cp-tool-image:hover img{transform:translateY(-4px)}.cp-choice:hover .cp-choice-link b{transform:translate(3px,-3px)}.cp-choice-leverans:hover{background:#eae7dc}.cp-choice-granskning:hover{background:#dbdfd1}}
@media(max-width:900px){.cp-case-stage{padding:25px;min-height:290px}.cp-report-spread{height:230px}.cp-report-spread img{height:190px}.cp-report-spread .cp-cover{height:210px}.cp-choice{padding:22px}.cp-choice h2{font-size:28px}.cp-workflow>ol{grid-template-columns:1fr 1fr;gap:34px 0}.cp-workflow li:nth-child(3){border-left:0;padding-left:0}.cp-workflow li:nth-child(2):after{display:none}.cp-workflow li>p{min-height:55px}.cp-metod .pcx-systems{padding:30px;gap:5%}.cp-production-art>div img{height:180px}}
@media(max-width:640px){.cp-intro{padding-top:36px;padding-bottom:32px}.cp-intro>div{display:block}.cp-intro h1{font-size:45px;line-height:1.02;margin:14px 0 24px}.cp-intro .cp-lead{font-size:16px;line-height:1.65}.cp-case{padding-top:26px}.cp-case-head{display:block}.cp-case-head h2{font-size:32px}.cp-case-head>div+div{margin-top:20px}.cp-case-stage{grid-template-columns:1fr;gap:12px;padding:20px 22px 30px}.cp-report-spread{height:215px}.cp-report-spread img{height:180px}.cp-report-spread .cp-cover{height:195px}.cp-browser{width:100%;max-width:360px;margin:auto}.cp-case-formats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 0;font-size:12px}.cp-case-quote blockquote{font-size:23px}.cp-own{padding-top:48px;padding-bottom:34px}.cp-own header h2{font-size:32px}.cp-own-grid{grid-template-columns:1fr;gap:40px}.cp-book-scene,.cp-tool-image{height:255px}.cp-own-grid h3{font-size:28px}.cp-choices{grid-template-columns:1fr;padding-bottom:35px}.cp-choice{padding:25px;border-right:1px solid var(--cp-line);border-bottom:0;position:relative}.cp-choice:last-child{border-bottom:1px solid var(--cp-line)}.cp-choice-no{position:absolute;right:24px;top:22px;font-size:25px}.cp-choice h2{font-size:32px}.cp-choice p:not(.eyebrow){margin:0 0 20px;max-width:100%}.cp-choice small{min-height:0}.cp-choice .eyebrow{padding-right:25px}.cp-production-art{gap:24px;padding:24px 20px 0;grid-template-columns:1fr}.cp-production-art>div img{height:175px}.cp-production-art>img{max-width:360px;justify-self:center}.cp-production-art>span{margin:0}.cp-workflow{padding-top:22px;padding-bottom:35px}.cp-workflow>ol{grid-template-columns:1fr;gap:0;margin:15px 0 0}.cp-workflow li,.cp-workflow li+li,.cp-workflow li:nth-child(3){display:grid;grid-template-columns:45px 1fr;gap:0 18px;border:0;padding:24px 0;border-top:1px solid var(--cp-line)}.cp-step-number{grid-row:1/5;border:0;font-size:38px;padding:0;margin:0}.cp-step-label,.cp-workflow h2,.cp-workflow li>p,.cp-step-output{grid-column:2}.cp-workflow h2{font-size:27px;min-height:0;margin:10px 0}.cp-workflow li>p{min-height:0;margin:0 0 18px}.cp-workflow li:after{display:none}.cp-step-output{padding-top:12px}.cp-metod .pcx-systems{grid-template-columns:1fr;padding:24px;margin-bottom:40px;gap:24px}.cp-metod .pcx-systems header h2{font-size:33px}.cp-metod .pcx-lens{padding:40px 0}.cp-metod .pcx-lens-head{display:block}.cp-metod .pcx-lens h2{font-size:36px}.cp-metod .pcx-lens-pair{margin:22px 0}.cp-metod .pcx-method-proof{padding-top:42px;padding-bottom:40px}.cp-page .pcx-action h2{font-size:36px}}
.cp-method-intro{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding-top:64px;padding-bottom:60px}
.cp-intro.cp-method-intro>.cp-method-copy{display:block}
.cp-method-intro h1{font-size:clamp(40px,4vw,58px);margin-bottom:24px}
.cp-method-intro .cp-lead{font-size:16px;margin-bottom:24px;max-width:500px}
.cp-method-demo{margin:0;background:#e4e7dc;padding:22px}
.cp-method-demo video{display:block;width:100%;box-shadow:0 9px 18px #18392e1a}
.cp-method-demo figcaption{padding:20px 0 0;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px;color:#435441}
.cp-method-demo figcaption strong{font-weight:500}
.cp-method-demo figcaption small{grid-column:1/-1;color:#707465;font-size:10px}
.cp-case-quote .client-voice{display:grid;grid-template-columns:46px 1fr;align-items:center}
.cp-case-quote .client-voice figcaption{flex-wrap:wrap;margin-top:12px;gap:8px 14px}
@media(max-width:900px){.cp-method-intro{gap:4%}.cp-method-intro h1{font-size:43px}.cp-method-demo{padding:16px}}
@media(max-width:640px){.cp-method-intro{grid-template-columns:1fr;padding-top:36px;padding-bottom:30px;gap:28px}.cp-method-intro h1{font-size:43px}.cp-method-demo figcaption{grid-template-columns:1fr}.cp-method-demo figcaption small{grid-column:1}.cp-case-quote .client-voice figcaption{display:block}.cp-case-quote .client-voice figcaption span{display:block;margin-top:5px}}
.cp-case-quote .client-voice>img{width:46px;height:58px;min-height:0;max-height:58px;object-fit:cover;align-self:start}
@media(max-width:640px){.cp-book-scene{gap:14px}.cp-book-scene svg{width:130px;height:190px;flex-shrink:0}}
.cp-tool-image img{max-height:100%;object-fit:contain}