/*
Theme Name: Maciej Cieciera — Transformacja
Author: Maciej Cieciera
Description: Bilingual business transformation site; LinkedIn is the source of articles.
Version: 0.9.2
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: cieciera-transformacja
License: GPL-2.0-or-later
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');


:root{--ink:#101b25;--navy:#0c1e29;--navy2:#142c37;--muted:#57656a;--cream:#f5f4ee;--white:#fff;--lime:#c9e992;--line:#dce0d9;--teal:#2e6364}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,Helvetica,sans-serif;line-height:1.55}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,Helvetica,sans-serif;letter-spacing:-.045em;line-height:1.13}h1{font-size:clamp(2.9rem,6.2vw,6.3rem);font-weight:700}h2{font-size:clamp(2.2rem,4.4vw,4rem);font-weight:700}h3{font-size:clamp(1.2rem,2vw,1.65rem)}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.wrap{max-width:1220px;padding:0 32px;margin:0 auto}.eyebrow{text-transform:uppercase;font-size:.74rem;letter-spacing:.18em;font-weight:700}.eyebrow:before{content:'';display:inline-block;width:22px;height:2px;margin:0 12px 4px 0;background:currentColor}.accent{color:var(--lime)}.muted{color:var(--muted)}
.preview{background:var(--lime);color:var(--ink);text-align:center;padding:7px 20px;font-size:.76rem;font-weight:700;letter-spacing:.04em}
header{position:sticky;top:0;z-index:20;background:rgba(12,30,41,.97);backdrop-filter:blur(12px);color:var(--white);border-bottom:1px solid rgba(255,255,255,.14)}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-family:Manrope,sans-serif;font-size:1.04rem;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.brand-mark{width:39px;height:39px;border:1px solid var(--lime);display:grid;place-items:center;color:var(--lime);font-size:15px;letter-spacing:-.08em}.brand small{display:block;color:#a9b7b7;font:500 .62rem/1.2 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase;margin-top:3px}nav{display:flex;gap:27px;align-items:center}nav a{text-decoration:none;font-size:.83rem;font-weight:600;color:#d9e1df}nav a:hover{color:var(--lime)}.head-actions{display:flex;align-items:center;gap:14px}.lang{background:none;border:0;color:#fff;cursor:pointer;font-size:.77rem;font-weight:700;letter-spacing:.05em}.lang[aria-pressed="true"]{color:var(--lime)}.lang-sep{color:#6e878c}.menu-toggle{display:none;color:#fff;border:1px solid #60767b;background:transparent;padding:4px 10px;cursor:pointer;font-size:20px}
.hero{background:var(--navy);color:var(--white);overflow:hidden}.hero-grid{min-height:660px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:52px;padding-top:68px;padding-bottom:74px}.hero .eyebrow{color:var(--lime);margin-bottom:26px}.hero h1{max-width:800px}.hero p{font-size:clamp(1.04rem,1.8vw,1.24rem);color:#c5d2d0;max-width:590px;margin:28px 0 34px;line-height:1.68}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;text-decoration:none;font-size:.85rem;font-weight:700;padding:15px 20px;min-height:49px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--lime);color:var(--ink)}.btn-outline{border:1px solid #72898e;color:#fff}.arrow{font-size:1.18rem;line-height:1}.portrait-wrap{position:relative;align-self:stretch;min-height:500px;display:flex;align-items:flex-end}.portrait-wrap:before{content:'';position:absolute;inset:7% -45% 2% 8%;border:1px solid rgba(201,233,146,.24);border-radius:50%}.portrait{width:100%;height:560px;object-fit:cover;object-position:50% 28%;filter:grayscale(1);position:relative;z-index:1;mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}.portrait-caption{position:absolute;z-index:2;right:-10px;bottom:24px;background:#eef1e6;color:var(--ink);padding:17px 20px;font-size:.75rem;max-width:230px;line-height:1.45}.portrait-caption strong{display:block;font:700 1rem Manrope,sans-serif;margin-bottom:5px}
.facts{border-bottom:1px solid var(--line);background:#ecefe6}.facts-grid{display:grid;grid-template-columns:repeat(3,1fr)}.fact{padding:28px 28px;border-left:1px solid #d5dcd1}.fact:first-child{border-left:0}.fact strong{display:block;font:800 1.2rem Manrope,sans-serif;letter-spacing:-.04em}.fact span{font-size:.81rem;color:#526366}
section{padding:110px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:48px}.section-top h2{max-width:750px;margin-top:18px}.section-intro{max-width:390px;color:var(--muted);font-size:1.02rem}.problems{background:var(--cream)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cdd4ce}.problem{padding:32px 34px 10px 0}.problem+.problem{padding-left:34px;border-left:1px solid #cdd4ce}.number{display:block;color:#42756c;font:700 .82rem Manrope,sans-serif;margin-bottom:55px}.problem h3{margin-bottom:15px}.problem p{color:var(--muted);font-size:.93rem;max-width:310px}
.statement{background:var(--lime);padding:78px 0}.statement-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;align-items:start}.statement .eyebrow{margin-top:13px}.statement h2{font-size:clamp(1.8rem,3.3vw,3.1rem)}
.approach{background:#f8f8f3}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{background:#e9eee7;padding:27px 23px 33px;min-height:250px}.step .number{margin-bottom:45px}.step h3{margin-bottom:13px}.step p{font-size:.9rem;color:var(--muted)}.approach-foot{margin-top:24px;color:var(--muted);font-size:.9rem}
.offers{background:var(--navy);color:white}.offers .eyebrow{color:var(--lime)}.offers .section-intro{color:#b8c9c7}.offer-main{display:grid;grid-template-columns:1.05fr .95fr;min-height:370px;background:#19333b;margin-bottom:16px}.offer-main .offer-content{padding:55px 52px}.offer-main h3{font-size:clamp(1.9rem,3vw,2.65rem);margin:17px 0}.offer-main p{color:#c4d2cf;max-width:590px}.offer-main ul{padding-left:19px;color:#dbe4df;font-size:.9rem;line-height:1.9;margin:20px 0 30px}.offer-art{position:relative;min-height:300px;background:radial-gradient(circle at 60% 49%,transparent 17%,rgba(201,233,146,.6) 17.2%,transparent 17.5%,transparent 26%,rgba(201,233,146,.3) 26.2%,transparent 26.5%,transparent 36%,rgba(201,233,146,.2) 36.2%,transparent 36.5%),linear-gradient(135deg,#284a4b,#10252d)}.offer-art:before,.offer-art:after{content:'';position:absolute;left:50%;top:50%;background:var(--lime);height:2px;transform-origin:left center}.offer-art:before{width:32%;transform:rotate(-28deg)}.offer-art:after{width:25%;transform:rotate(138deg)}.offer-secondary{display:grid;grid-template-columns:1fr 1fr;gap:16px}.offer-box{padding:33px;background:#1b333b;display:flex;flex-direction:column;align-items:flex-start;min-height:230px}.offer-box h3{margin:20px 0 12px}.offer-box p{font-size:.9rem;color:#c2d1cd;max-width:440px}.offer-box a{font-size:.83rem;color:var(--lime);font-weight:700;text-decoration:none;margin-top:auto;padding-top:20px}.offer-box a:hover{text-decoration:underline}
.bio{background:#e9eee7}.bio-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.bio-picture{height:480px;overflow:hidden;background:#d0d5cc}.bio-picture img{height:100%;width:100%;object-fit:cover;object-position:50% 35%;filter:grayscale(1)}.bio h2{margin:19px 0 24px}.bio p{color:#4b5b5f;margin-bottom:18px;max-width:660px}.bio .btn{margin-top:14px;border:1px solid #3f6565}
.articles{background:#f9f9f4}.articles .section-top{margin-bottom:42px}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article{display:flex;flex-direction:column;min-height:245px;padding:31px;border:1px solid #ccd5cf;background:white;text-decoration:none;transition:border-color .2s,transform .2s}.article:hover{border-color:#387060;transform:translateY(-3px)}.article .eyebrow{color:#53756e;font-size:.67rem}.article h3{margin:26px 0 15px;font-size:1.37rem;max-width:470px}.article p{color:var(--muted);font-size:.9rem;max-width:470px}.article-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;font-size:.77rem;font-weight:700;color:#2e6364}
.contact{background:var(--lime);padding:95px 0}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.contact h2{margin:20px 0}.contact p{max-width:590px}.contact-actions{display:flex;flex-direction:column;gap:12px}.contact-actions .btn{background:var(--ink);color:white;justify-content:space-between}.contact-actions .secondary-link{font-size:.88rem;font-weight:700;padding:12px 0;text-decoration:underline;text-underline-offset:5px}
footer{background:var(--navy);color:#c6d3d0;padding:37px 0}.footer-grid{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:.78rem}footer a{text-decoration:none}footer a:hover{text-decoration:underline}
@media(max-width:1050px){nav{gap:15px}nav a{font-size:.76rem}.hero-grid{gap:10px}.portrait{height:500px}.offer-main .offer-content{padding:40px}.bio-grid{gap:35px}}
@media(max-width:780px){.wrap{padding:0 22px}.topbar{height:68px}.menu-toggle{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--navy);padding:20px 22px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #60767b}nav.open{display:flex}nav a{padding:12px 0;font-size:.91rem}.hero-grid{grid-template-columns:1fr;padding-top:65px;padding-bottom:15px;min-height:0}.hero h1{font-size:clamp(2.5rem,10vw,4.3rem)}.portrait-wrap{min-height:0;height:340px;overflow:hidden;margin:20px -22px 0}.portrait{height:450px;object-position:50% 25%}.portrait-caption{right:22px;bottom:12px}.facts-grid{grid-template-columns:1fr}.fact{border-left:0;border-bottom:1px solid #d5dcd1;padding:16px 22px}.fact:last-child{border-bottom:0}section{padding:78px 0}.section-top,.statement-grid,.bio-grid,.contact-grid{display:block}.section-intro{margin-top:22px}.problem-grid,.steps,.offer-secondary,.article-grid{grid-template-columns:1fr}.problem,.problem+.problem{padding:25px 0;border-left:0;border-bottom:1px solid #cdd4ce}.problem .number,.step .number{margin-bottom:22px}.statement{padding:65px 0}.statement h2{margin-top:22px}.steps{gap:10px}.step{min-height:0}.offer-main{grid-template-columns:1fr}.offer-main .offer-content{padding:35px 25px}.offer-art{min-height:170px}.offer-box{min-height:210px}.bio-picture{height:340px;max-width:420px;margin-bottom:35px}.contact-actions{margin-top:30px}.footer-grid{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


.lang{text-decoration:none}.lang[aria-current=page]{color:var(--lime)}.skip-link{position:absolute;left:-9999px;top:0;z-index:99;background:var(--lime);padding:10px;color:var(--ink)}.skip-link:focus{left:10px}.screen-reader-text{position:absolute;left:-9999px}
.article-header{background:var(--navy);color:#fff;padding:16px 0}.article-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.article-header a{text-decoration:none}.article-header a:hover{text-decoration:underline}.article-page{max-width:900px;padding-top:85px;padding-bottom:110px}.article-page h1{font-size:clamp(2.3rem,5vw,4.4rem);margin:22px 0}.article-origin{color:var(--muted);margin-bottom:50px;font-size:.9rem}.article-origin a{color:var(--teal)}.article-content{font-size:1.08rem;line-height:1.8}.article-content p{margin:0 0 1.45em}.article-content h3{font-size:1.45rem;margin:2.2em 0 .8em}.article-content ul,.article-content ol{padding-left:1.6em;margin:0 0 1.45em}.article-content li{margin:.35em 0}.article-content p:empty{display:none}.article-source{border-top:1px solid var(--line);padding-top:24px;margin-top:70px;color:var(--muted);font-size:.86rem}.article-source a{color:var(--teal)}@media(max-width:780px){.article-header .wrap{align-items:flex-start;flex-direction:column}.article-page{padding-top:60px;padding-bottom:70px}}
.article-cover{width:100%;height:auto;display:block;margin:0 0 42px}

/* Selected experience: restrained, native expandable proof points inside the offers section. */
.experience-disclosure{margin-top:23px;border-top:1px solid rgba(201,233,146,.28);border-bottom:1px solid rgba(255,255,255,.14)}
.experience-summary{display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;padding:21px 4px}
.experience-summary::-webkit-details-marker{display:none}
.experience-summary::marker{content:""}
.experience-summary:hover .experience-prompt,.experience-summary:hover .experience-action{color:#fff}
.experience-summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.experience-summary-main{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;min-width:0}
.experience-kicker{color:var(--lime);font-size:.71rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.experience-prompt{font-size:.9rem;color:#bdceca;line-height:1.55}
.experience-action{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:var(--lime);font-size:.8rem;font-weight:700;white-space:nowrap}
.experience-action-icon::after{content:"+";display:inline-block;font:400 1.3rem/1 Manrope,Arial,sans-serif;width:16px;text-align:center}
.experience-close-label,.experience-disclosure[open] .experience-open-label{display:none}
.experience-disclosure[open] .experience-close-label{display:inline}
.experience-disclosure[open] .experience-action-icon::after{content:"−"}
.experience-panel{padding:7px 4px 28px}
.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.experience-case{border-left:2px solid rgba(201,233,146,.6);padding:2px 15px 0 20px;min-width:0}
.experience-case-type{display:block;color:var(--lime);font-size:.69rem;letter-spacing:.09em;font-weight:700;margin-bottom:13px}
.experience-case h3{font-size:1.22rem;margin:0 0 13px;letter-spacing:-.025em}
.experience-case p{font-size:.88rem;line-height:1.65;color:#bdceca;margin:0 0 10px}
.experience-case .experience-result{color:#e6efe4;margin-bottom:0}
.experience-note{color:#a7bab7;font-size:.76rem;margin:22px 0 0}
@media(max-width:780px){.experience-summary{align-items:flex-start;flex-direction:column;gap:11px;padding:18px 0}.experience-summary-main{display:block}.experience-kicker{display:block;margin-bottom:7px}.experience-prompt{display:block}.experience-grid{grid-template-columns:1fr;gap:27px}.experience-panel{padding:5px 0 24px}.experience-case{padding-left:16px}}

/* Brand positioning: commercial, operational and people capabilities in one result-oriented visual. */
.capabilities{background:#eef1e9;padding:82px 0 86px;border-bottom:1px solid #d6ddd5}
.capabilities-header{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:54px;margin-bottom:33px}
.capabilities .eyebrow{color:#386d64}
.capabilities-header h2{font-size:clamp(2.05rem,3.6vw,3.3rem);max-width:780px;margin-top:15px}
.capabilities-intro{color:var(--muted);font-size:1rem;max-width:390px;line-height:1.7}
.capabilities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.capability-card{background:#fff;border:1px solid #d3ddd3;padding:25px 25px 30px;min-height:205px;position:relative;min-width:0}
.capability-card:after{content:"";position:absolute;left:25px;bottom:0;width:44px;height:3px;background:#6c917c}
.capability-index{display:block;color:#467469;font:700 .78rem Manrope,Arial,sans-serif;letter-spacing:.04em;margin-bottom:24px}
.capability-card h3{font-size:clamp(1.15rem,1.6vw,1.43rem);margin-bottom:12px}
.capability-card p{font-size:.9rem;color:var(--muted);line-height:1.65;max-width:330px}
.capabilities-outcome{background:var(--navy);color:#fff;margin-top:14px;padding:26px 32px;display:grid;grid-template-columns:.38fr 1fr;gap:34px;align-items:center}
.capabilities-outcome .eyebrow{color:var(--lime);font-size:.67rem;line-height:1.65}
.capabilities-outcome h3{font-size:clamp(1.2rem,1.9vw,1.65rem);letter-spacing:-.035em}
.capabilities-outcome p{font-size:.89rem;color:#c4d2cf;line-height:1.6;margin-top:9px;max-width:660px}
/* Existing case-study disclosure now follows the primary transformation offer, before secondary services. */
.experience-disclosure{margin:22px 0 25px}
@media(max-width:780px){
 .capabilities{padding:66px 0 69px}
 .capabilities-header{grid-template-columns:1fr;gap:15px;margin-bottom:27px}
 .capabilities-header h2{font-size:clamp(2rem,8vw,3rem)}
 .capabilities-grid{grid-template-columns:1fr;gap:10px}
 .capability-card{min-height:0;padding:24px 24px 27px}
 .capability-index{margin-bottom:15px}
 .capabilities-outcome{grid-template-columns:1fr;gap:13px;padding:25px 24px}
}
@media(min-width:781px) and (max-width:1050px){
 .capabilities-header{gap:24px}
 .capability-card{padding:22px 19px 27px}
 .capabilities-outcome{grid-template-columns:.45fr 1fr;gap:22px}
}