/* Method: three distinct stages, one quiet reassurance. */
body main #metoda .method-stages article:nth-child(1){background:#fff}
body main #metoda .method-stages article:nth-child(2){background:#ffbf00;border-color:#08080830}
body main #metoda .method-stages article:nth-child(2) svg [fill="#ffbf00"]{fill:#080808}
body main #metoda .method-stages article:nth-child(3){background:#080808;border-color:#080808}
body main #metoda .method-stages article:nth-child(3) :is(h3,p,span){color:#f4f4ef!important}
body main #metoda .method-stages article:nth-child(3) svg{color:#f4f4ef}
body main #metoda .method-decision{display:flex;align-items:flex-start;gap:12px;border:0;border-left:2px solid #ffbf00;background:none;padding:9px 0 9px 15px;margin-top:30px;max-width:510px;border-radius:0}
#metoda .method-decision>svg{flex:none;color:#080808;margin-top:1px}
body main #metoda .method-decision h3{font-size:13px;font-weight:500;line-height:1.5;margin:0 0 4px}
body main #metoda .method-decision p{font-size:11px;line-height:1.8;margin:0}
/* The transparent artwork sits above the colored surface, below content. */
main>#top.hero{isolation:auto;z-index:auto}
#top .hero-sculpture{z-index:1;pointer-events:none}
body main>#konkretny-zakres{z-index:auto}
#konkretny-zakres>:is(.section-label,.scope-heading,.scope-grid){position:relative;z-index:2}
/* Keep animated text inside a viewport; it can never cross its heading. */
#studio .value-phase{z-index:5;background:#080808;min-height:0;padding:0 0 14px;border-bottom:0}
#studio .value-phase-title{font-size:15px!important;line-height:1.5!important}
#studio.value-scroll-animation .value-list-window{position:sticky;top:var(--value-pin,147px);height:var(--scroll-window,650px);overflow:hidden;overflow:clip}
#studio.value-scroll-animation .value-list-window .value-shifts{position:relative;top:auto;height:auto;min-height:0;transform:translateY(calc(-1 * var(--list-lift,0px)));margin:0}
#studio.value-scroll-animation .value-pain{max-height:calc(var(--pain-height,100px) * (1 - var(--collapse,0)));opacity:calc(1 - var(--collapse,0));overflow:hidden;margin-bottom:0}
#studio.value-scroll-animation .value-gain{margin-top:calc(16px * var(--reveal,0) * (1 - var(--collapse,0)))}
#studio.value-scroll-animation .value-shift{padding-bottom:calc(24px - 10px * var(--collapse,0));padding-top:calc(20px - 6px * var(--collapse,0))}
@media(max-width:700px){#studio .value-phase-title{font-size:14px!important}#studio .value-phase{padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){#studio .value-pain{display:none}#studio .value-list-window{height:auto;overflow:visible}#studio .value-gain{margin-top:0}#studio .value-shift{padding:16px 0}}
/* Case: inset edges on the copy only, open toward the photograph. */
body main .case-feature .case-feature-card{border:0;border-radius:0;overflow:visible}
.case-feature-copy{position:relative}
.case-feature-copy:after{content:'';position:absolute;inset:0;border:1px solid #080808;border-left:0;pointer-events:none}
.case-scope-tags{display:flex;flex-wrap:wrap;gap:7px;margin:21px 0}
.case-scope-tags>span{font-size:10px!important;line-height:1.5;padding:5px 8px;border:1px solid #08080860;border-radius:4px;letter-spacing:0!important;text-transform:none!important}
@media(max-width:600px){.case-feature-copy:after{border-left:1px solid #080808;border-top:0}}
/* Studio and technology: dark cards on the light section surfaces. */
body main #verybrand .profile-facts article,body main #technology .technology-refined article{background:#080808;border:1px solid #ffffff30}
body main #verybrand .profile-facts article :is(h3,p,span),body main #technology .technology-refined article :is(h3,p,span){color:#f4f4ef!important}
#verybrand .profile-art svg [stroke]:not([stroke="none"]){stroke:#f4f4ef;stroke-opacity:.6}
#technology .technology-art svg{color:#f4f4ef}
/* Workshops read as one table, with shared borders. */
#warsztaty .workshop-grid{gap:0;background:#fff;border:1px solid #080808;border-radius:8px;overflow:hidden}
#warsztaty .workshop-grid article{border:0;padding:28px}
#warsztaty .workshop-grid article+article{border-left:1px solid #080808}
@media(max-width:700px){#warsztaty .workshop-grid article{padding:24px 21px}#warsztaty .workshop-grid article+article{border-left:0;border-top:1px solid #080808}}
/* Cooperation stages and package comparison. */
body main #process .steps article{background:#ffbf00;border-color:#08080830}
#process .step-art svg [fill="#ffbf00"]{fill:#080808}
.real-voice-person{display:flex;gap:15px;align-items:center}
.real-voice-person img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid #08080840;flex:none}
.real-voice-person p{margin:0}
#client-voice .real-voice-credit .text-link{max-width:360px;line-height:1.7}
/* Article cards retain their dark artwork, with white reading surfaces. */
body main #blog .blog-card{background:#fff;border-color:#ffffff50}
body main #blog .blog-card :is(h3,p,span){color:#080808!important}
body main #blog .blog-card :is(.blog-art,.blog-card-art) span{color:#f4f4ef!important}

/* One pinned group: heading and list leave the viewport together. */
#studio.value-scroll-animation .value-pin-group{position:sticky;top:var(--value-pin,110px)}
#studio.value-scroll-animation .value-pin-group .value-phase{position:relative;top:auto;transform:none}
#studio.value-scroll-animation .value-pin-group .value-list-window{position:relative;top:auto}

/* Homepage refinements: quiet note, round case, pills and readable segments. */
body main #metoda .method-decision{background:#ffbf0012;padding:14px 18px;border-radius:0 8px 8px 0}
body main .case-feature .case-feature-card{border-radius:12px;overflow:hidden}
.case-feature-copy:after{border-radius:0 12px 12px 0}
.case-scope-tags{gap:6px;margin:22px 0}
.case-scope-tags>span{border-radius:999px;padding:4px 10px;font-size:10px!important;font-weight:500;line-height:1.5;background:#08080806;border-color:#08080835;letter-spacing:.02em!important}
#clients .client-segment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:42px}
#clients .client-segment-grid article{padding:30px 32px;background:#111;border:1px solid #ffffff25;border-radius:12px;transition:border-color .2s,background .2s}
#clients .client-segment-grid article:hover{background:#151515;border-color:#ffbf0070}
#clients .client-segment-grid article>span{font-size:11px;letter-spacing:.06em;color:#ffbf00}
#clients .client-segment-grid h3{font-size:clamp(24px,2.1vw,32px);margin:20px 0 16px;line-height:1.2;max-width:24ch}
#clients .client-segment-grid p{max-width:52ch;color:#f4f4ef;line-height:1.75;font-size:15px}
#clients .segment-card-link{padding-top:26px;font-size:13px}
body main #verybrand .profile-heading h2 em{color:#ffbf00!important;font-style:normal}
#warsztaty .workshop-grid{gap:20px;background:transparent;border:0;border-radius:0;overflow:visible}
#warsztaty .workshop-grid article{padding:28px;background:#fff;border:1px solid #a8780030;border-radius:12px}
#warsztaty .workshop-grid article+article{border:1px solid #a8780030}
#collaboration .minimal-plans{grid-template-columns:minmax(160px,.55fr) repeat(2,minmax(0,1fr))}
#collaboration .plans-details{display:inline-flex;margin-top:42px}
@media(max-width:700px){
 #clients .client-segment-grid{grid-template-columns:1fr;gap:14px;margin-top:30px}
 #clients .client-segment-grid article{padding:24px}
 #clients .client-segment-grid h3{font-size:25px;margin:17px 0 14px}
 #warsztaty .workshop-grid{gap:14px}
 #warsztaty .workshop-grid article{padding:24px}
 #collaboration .minimal-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
 #collaboration .plans-details{margin-top:32px}
}
@media(max-width:600px){.case-feature-copy:after{border-radius:0 0 12px 12px}}

/* Workshop checkpoints: introduction on the left, three sequential cards. */
#warsztaty{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);column-gap:48px;row-gap:28px;align-items:start}
#warsztaty>.section-label{grid-column:1/-1;margin-bottom:12px}
#warsztaty .workshop-heading{display:block;margin:0;grid-column:1;grid-row:2}
#warsztaty .workshop-heading h2{font-size:clamp(34px,3vw,54px);line-height:1.12}
#warsztaty .workshop-heading>p{margin:24px 0 0;font-size:16px;line-height:1.75}
#warsztaty>.text-link{grid-column:1;grid-row:3;justify-self:start;margin:0}
#warsztaty .workshop-grid{grid-column:2;grid-row:2/4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;counter-reset:checkpoint;align-self:stretch}
#warsztaty .workshop-grid article{position:relative;padding:24px 20px;counter-increment:checkpoint;min-width:0}
#warsztaty .workshop-grid article:before{content:counter(checkpoint,decimal-leading-zero);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid #080808;background:#ffbf00;font-size:17px;margin-bottom:32px;position:relative;z-index:1}
#warsztaty .workshop-grid article:not(:last-child):after{content:"";position:absolute;top:46px;left:64px;width:calc(100% - 49px);height:1px;background:#08080840}
#warsztaty .workshop-grid h3{font-size:clamp(21px,1.55vw,28px);line-height:1.25;margin:22px 0 18px}
#warsztaty .workshop-grid p{font-size:14px;line-height:1.75;margin:0}
@media(min-width:701px){
#collaboration .mp-includes{display:grid;grid-template-columns:minmax(160px,.55fr) repeat(2,minmax(0,1fr));padding:18px 0;gap:0}
#collaboration .mp-includes>span{padding-left:24px}
#collaboration .mp-includes .plan-scope-tags{grid-column:2/4;padding-left:25px}
}
@media(max-width:1000px){
#warsztaty{grid-template-columns:1fr;gap:28px}
#warsztaty .workshop-heading{grid-row:auto}
#warsztaty .workshop-grid{grid-column:1;grid-row:auto}
#warsztaty>.text-link{grid-row:auto}
}
@media(max-width:600px){
#warsztaty .workshop-grid{grid-template-columns:1fr;gap:16px}
#warsztaty .workshop-grid article{padding:24px 24px 24px 88px}
#warsztaty .workshop-grid article:before{position:absolute;left:24px;top:24px;width:40px;height:40px;margin:0}
#warsztaty .workshop-grid article:not(:last-child):after{left:44px;top:65px;width:1px;height:calc(100% - 24px)}
#warsztaty .workshop-grid h3{font-size:24px;margin:16px 0}
}

/* Dark copy panel inside the yellow homepage case study. */
body main .case-feature :is(#case-copy,.case-feature-copy){background:#080808;--surface-ink:#f4f4ef;--surface-copy:#f4f4ef;color:#f4f4ef}
body main .case-feature :is(#case-copy,.case-feature-copy) :is(h2,h3,p,strong){color:#f4f4ef!important}
body main .case-feature :is(#case-copy,.case-feature-copy) span{color:#ffbf00!important}
body main .case-feature :is(#case-copy,.case-feature-copy) .case-scope-tags>span{border-color:#ffbf0045;background:#ffbf000a}

/* Vector checkpoints and contained connectors. */
#warsztaty .workshop-grid article{overflow:hidden}
#warsztaty .workshop-grid article:before{content:none;display:none}
#warsztaty .workshop-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:#ffbf00;color:#080808;margin-bottom:32px}
#warsztaty .workshop-icon svg{width:24px;height:24px}
#warsztaty .workshop-grid article:not(:last-child):after{left:78px;right:20px;width:auto;top:46px;height:1px}
#warsztaty .workshop-heading>.workshop-frequency{font-size:14px;line-height:1.65;margin-top:20px;padding-top:16px;border-top:1px solid #08080830}
@media(max-width:600px){
#warsztaty .workshop-icon{position:absolute;left:24px;top:24px;width:40px;height:40px;margin:0}
#warsztaty .workshop-grid article:not(:last-child):after{left:44px;right:auto;top:78px;bottom:24px;width:1px;height:auto}
}

#clients .client-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:42px}
#clients .client-tabs button{padding:18px 20px;border:1px solid #ffffff30;border-radius:8px;background:transparent;color:#f4f4ef;text-align:left;font:inherit;font-size:15px;cursor:pointer}
#clients .client-tabs button[aria-selected=true]{background:#ffbf00;color:#080808;border-color:#ffbf00}
#clients .client-tabs button:focus-visible,#clients .client-rotation button:focus-visible{outline:2px solid #ffbf00;outline-offset:4px}
#clients .client-segment-grid.client-panels{display:block;margin-top:20px;min-height:280px}
#clients .client-panels article{padding:36px;min-height:280px;box-sizing:border-box}
#clients .client-panels article[hidden]{display:none!important}
#clients .client-panels h3{max-width:none;font-size:clamp(28px,3vw,42px)}
#clients .client-panels p{max-width:70ch}
#clients .client-rotation{display:flex;justify-content:flex-end;margin-top:14px}
#clients .client-rotation button{font:inherit;font-size:12px;color:#f4f4ef;background:none;border:0;border-bottom:1px solid #ffffff40;padding:6px 0;cursor:pointer}
body main #process .steps article:nth-child(1){background:#fff}
body main #process .steps article:nth-child(2){background:#ffbf00}
body main #process .steps article:nth-child(3){background:#080808;--surface-copy:#f4f4ef;--surface-ink:#f4f4ef}
body main #process .steps article:nth-child(3) :is(h3,p,span){color:#f4f4ef!important}
body main #process .steps article:nth-child(3) svg [stroke]{stroke:#f4f4ef!important}
body main #process .steps article:nth-child(3) svg [fill="#ffbf00"]{fill:#ffbf00!important}
@media(max-width:700px){#clients .client-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:28px}#clients .client-tabs button{padding:14px;font-size:13px}#clients .client-panels article{padding:24px;min-height:330px}#clients .client-panels h3{font-size:28px}}

#clients .client-tabs-label{margin:42px 0 14px;font-size:13px;letter-spacing:.06em;color:#ffbf00}
#clients .client-tabs{margin-top:0}
#clients .client-panels article{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:48px;padding:48px;min-height:410px}
#clients .client-panel-copy{min-width:0}
#clients .client-panel-copy>span{font-size:11px;letter-spacing:.06em;color:#ffbf00}
#clients .client-panel-copy h3{font-size:clamp(30px,3vw,44px);margin:22px 0 20px}
#clients .client-panel-art{width:100%;max-width:490px;justify-self:end}
#clients .client-panel-art svg{display:block;width:100%;height:auto}
@media(max-width:700px){#clients .client-tabs-label{margin-top:28px}#clients .client-tabs{margin-top:0}#clients .client-panels article{grid-template-columns:1fr;gap:24px;padding:28px;min-height:580px}#clients .client-panel-art{max-width:360px;justify-self:center}#clients .client-panel-copy h3{font-size:29px}}

#clients .client-panels article{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
#clients .client-panel-art{grid-column:1;grid-row:1;justify-self:start;max-width:520px;position:relative;border-radius:14px;overflow:hidden;background:#111}
#clients .client-panel-copy{grid-column:2;grid-row:1}
#clients .client-panel-art canvas{display:block;width:100%;height:auto}
#clients .client-panel-art.has-glass>svg{display:none}
#clients .client-panels article:hover{background:#111}
@media(max-width:700px){#clients .client-panels article{grid-template-columns:1fr;gap:24px}#clients .client-panel-art{grid-column:1;grid-row:1;max-width:420px;justify-self:center}#clients .client-panel-copy{grid-column:1;grid-row:2}}

/* Studio emphasis and shared workshop description baseline. */
#verybrand .profile-heading h2 em{background:linear-gradient(transparent calc(83% - 6px),#080808 calc(83% - 6px),#080808 calc(100% - 6px),transparent calc(100% - 6px));box-decoration-break:clone;-webkit-box-decoration-break:clone}
@media(min-width:601px){
#warsztaty .workshop-grid{grid-template-rows:auto auto 1fr auto;row-gap:0}
#warsztaty .workshop-grid article{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
#warsztaty .workshop-grid article>p{align-self:start}
}

/* Abstract glass: transparent illustration surface, closer copy. */
#clients .client-panels article{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:24px}
#clients .client-panel-art{background:transparent;border-radius:0;max-width:440px;justify-self:end;overflow:visible}
@media(max-width:700px){#clients .client-panels article{grid-template-columns:1fr;gap:8px}#clients .client-panel-art{max-width:360px;justify-self:center}}

/* Desktop audience sidebar; left-aligned content. */
#clients .client-panel-copy{text-align:left;justify-self:start;width:100%}
@media(min-width:1001px){
#clients .client-selector-layout{display:grid;grid-template-columns:minmax(220px,.28fr) minmax(0,1fr);gap:28px;margin-top:42px;align-items:start}
#clients .client-tabs-label{margin:0 0 14px}
#clients .client-tabs{display:grid;grid-template-columns:1fr;gap:10px}
#clients .client-tabs button{text-align:left;width:100%;min-height:64px}
#clients .client-segment-grid.client-panels{margin-top:0;min-width:0}
#clients .client-panels article{padding:32px;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:20px;min-height:400px}
#clients .client-panel-copy h3{font-size:clamp(27px,2.2vw,40px)}
#clients .client-panel-art{justify-self:start}
}

/* Audience selector rhythm and timed progress. */
#clients .client-tabs button{display:flex;align-items:center;gap:16px;line-height:1.45;border-radius:10px}
#clients .client-tab-number{font-size:11px;letter-spacing:.06em;opacity:.65;flex:0 0 24px}
#clients .client-selector-layout{gap:24px}
#clients .client-panel-copy h3{line-height:1.18;margin:18px 0}
#clients .client-panel-copy p{line-height:1.75;margin:0}
#clients .client-panel-copy .segment-card-link{margin-top:28px}
#clients .client-rotation{align-items:center;gap:18px}
#clients .client-progress{width:120px;height:2px;background:#ffffff26;overflow:hidden}
#clients .client-progress span{display:block;width:100%;height:100%;background:#ffbf00;transform:scaleX(0);transform-origin:left}
#clients .client-rotation:not(.is-running) .client-progress{opacity:.45}
@media(min-width:1001px){
#clients .client-selector-layout{grid-template-columns:minmax(235px,.29fr) minmax(0,1fr)}
#clients .client-selector-sidebar{padding-top:12px}
#clients .client-tabs-label{margin-bottom:20px}
#clients .client-tabs button{min-height:72px;padding:18px}
#clients .client-panels article{min-height:420px;padding:36px;gap:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border-radius:14px}
}
@media(max-width:700px){
#clients .client-tabs{gap:8px}
#clients .client-tabs button{align-items:flex-start;flex-direction:column;gap:8px;padding:15px;min-height:98px}
#clients .client-tab-number{flex:0 0 auto;font-size:10px}
#clients .client-panels article{padding:20px 24px 28px;gap:0;min-height:0;border-radius:14px}
#clients .client-panel-art{max-width:300px}
#clients .client-panel-copy h3{font-size:28px}
#clients .client-panel-copy p{font-size:14px}
#clients .client-rotation{justify-content:space-between;gap:14px;margin-top:18px}
#clients .client-progress{flex:1;max-width:90px}
#clients .client-rotation button{font-size:11px;min-height:44px}
}
#verybrand .profile-heading h2 em{background:linear-gradient(transparent calc(83% - 9px),#080808 calc(83% - 9px),#080808 calc(100% - 9px),transparent calc(100% - 9px))}
#warsztaty .workshop-heading>.workshop-frequency{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-top:0;border-left:2px solid #080808;border-radius:0 8px 8px 0;background:#08080809;line-height:1.65}
#warsztaty .workshop-frequency svg{width:22px;height:22px;flex:0 0 22px;margin-top:1px}

#studio .value-phase{background:transparent}

#verybrand .profile-heading h2 em{background:none}

/* Quiet editorial audience navigation; timer belongs to the active choice. */
#clients .client-selector-layout{border-top:1px solid #ffffff25;padding-top:30px}
#clients .client-tabs{gap:0}
#clients .client-tabs button{position:relative;overflow:hidden;border:0;border-bottom:1px solid #ffffff24;border-radius:0;background:transparent;color:#a7a7a2;padding:22px 10px;min-height:76px;transition:color .2s,background .2s}
#clients .client-tabs button[aria-selected="true"]{background:#ffffff06;color:#ffbf00}
#clients .client-tabs button:hover{background:#ffffff04;color:#f4f4ef}
#clients .client-tabs button:focus-visible{outline:2px solid #ffbf00;outline-offset:3px}
#clients .client-tabs button .client-progress{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:none;height:2px;background:transparent;opacity:1}
#clients .client-tabs button .client-progress span{background:#f4f4ef}
#clients .client-panels article,#clients .client-panels article:hover{background:transparent;border:0;border-radius:0;box-shadow:none}
#clients .client-panel-copy h3{color:#f4f4ef!important}
#clients .client-rotation{margin-top:12px}
#clients .client-rotation button{border-bottom:0;color:#92928b;font-size:11px}
@media(min-width:1001px){#clients .client-selector-layout{gap:44px;grid-template-columns:minmax(230px,.3fr) minmax(0,1fr)}#clients .client-panels article{padding:12px 0 12px 12px;min-height:380px;gap:26px}#clients .client-tabs-label{margin-bottom:16px}}
@media(max-width:700px){#clients .client-selector-layout{padding-top:8px;border-top:0}#clients .client-tabs{gap:0 16px}#clients .client-tabs button{padding:16px 4px;min-height:94px}#clients .client-panels article{padding:12px 0 20px}#clients .client-panel-art{max-width:290px}#clients .client-rotation{justify-content:flex-start;margin-top:0}}

#studio .value-pain-icon{transform:scaleX(-1)!important}

/* More air around the desktop audience selector. */
@media(min-width:1001px){
#clients .client-selector-layout{border-top:0;padding-top:0;margin-top:76px}
#clients .client-panel-art canvas{transform:scale(1.09);transform-origin:center}
}


/* Compact, horizontally scrollable mobile audience navigation. */
#clients .client-mobile-count,#clients .client-swipe-controls{display:none}
@media(max-width:700px){
#clients .client-tabs-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
#clients .client-mobile-count{display:inline;font-variant-numeric:tabular-nums;color:#a5a59e}
#clients .client-selector-sidebar{min-width:0;overflow:hidden}
#clients .client-tabs{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;position:relative;border-bottom:1px solid #ffffff26;padding:0}
#clients .client-tabs::-webkit-scrollbar{display:none}
#clients .client-tabs button{flex:0 0 auto;display:flex;gap:8px;align-items:center;white-space:nowrap;min-height:52px;padding:14px 2px;border:0;max-width:none;font-size:13px;background:transparent}
#clients .client-tab-number{font-size:10px}
#clients .client-tabs button[aria-selected=true]{background:transparent}
#clients .client-panels{touch-action:pan-y}
#clients .client-swipe-controls{display:flex;align-items:center;gap:8px;margin-top:8px}
#clients .client-swipe-controls>span{margin-right:auto;font-size:11px;color:#a5a59e}
#clients .client-swipe-controls button{width:44px;height:44px;flex:none;border:1px solid #ffffff35;border-radius:50%;background:transparent;color:#f4f4ef;font-size:20px}
#clients .client-rotation{margin-top:14px}
}

@media(max-width:700px){#clients .client-tabs button{flex-direction:row;text-align:left;justify-content:flex-start}#clients .client-tabs .client-tab-number{margin:0}}

/* Bare arrows sit at the edges of the mobile glass stage. */
#clients .client-rotation{display:none}
@media(max-width:700px){
#clients .client-panel-art{position:relative;overflow:visible}
#clients .client-panel-art .client-swipe-controls{position:absolute;inset:0 -20px;display:flex;align-items:center;justify-content:space-between;margin:0;pointer-events:none;z-index:3}
#clients .client-swipe-controls button{border:0;border-radius:0;background:none;width:44px;height:44px;padding:0;display:grid;place-items:center;pointer-events:auto;color:#ffbf00;font-size:25px;font-weight:400;line-height:1}
}

@media(max-width:700px){
#clients .client-panel-art .client-swipe-controls{align-items:flex-start;top:-34px;bottom:auto;height:44px}
#clients .client-swipe-controls button{opacity:.55;transition:opacity .2s}
#clients .client-swipe-controls button:hover,#clients .client-swipe-controls button:focus-visible{opacity:1}
}
@media(min-width:701px){#clients .client-swipe-controls{display:none!important}}

#clients .client-panel-art .client-swipe-controls{display:none!important}

#top h1.hero-choice .hero-business-label{white-space:nowrap}
#top h1.hero-choice .hero-business-message{display:block}
@media(max-width:600px){#top h1.hero-choice{font-size:clamp(30px,10.25vw,40px)!important;line-height:1.15}#top h1.hero-choice .hero-client-underline{white-space:nowrap}}

#metoda .method-refined-heading h2 .method-name{white-space:nowrap;color:inherit!important}
@media(max-width:700px){#metoda .method-refined-heading h2{font-size:clamp(28px,9.75vw,40px)!important}}

body main #process .process-head h2{color:#ffbf00!important}
body main #process .process-head h2 em{color:#080808!important}

/* Homepage headlines: existing first phrase, stronger second phrase. */
body main h2 em,
body main #konkretny-zakres h2 > span,
body main h2 .heading-emphasis,
body main #top h1.hero-choice .hero-business-message { font-weight: 800 !important; }
body main h2 .heading-emphasis { color: inherit; font-style: normal; }

/* Deliberate scope headline breaks on phones only. */
#konkretny-zakres h2 .scope-mobile-break{display:none}
@media(max-width:600px){#konkretny-zakres h2 .scope-mobile-break{display:initial}}

/* Value headline: deliberate question break only on phones. */
main h2 .value-mobile-break{display:none}
@media(max-width:600px){main h2 .value-mobile-break{display:initial}}

/* Client heading: mobile-only first line break. */
#clients h2 .clients-mobile-break{display:none}
@media(max-width:600px){#clients h2 .clients-mobile-break{display:initial}#clients h2{font-size:clamp(22px,8.2vw,40px)!important}#clients h2 em{white-space:nowrap}}

/* Case heading: two deliberate mobile lines, full second phrase emphasized. */
.case-feature-heading h2 .case-mobile-break{display:none}
.case-feature-heading h2 .case-changing{font-weight:inherit;color:inherit}
@media(max-width:600px){.case-feature-heading h2 .case-mobile-break{display:initial}.case-feature-heading h2 .case-desktop-break{display:none}.case-feature-heading h2 .case-changing{font-weight:800!important}}

/* Workshop heading: four lines on phones, natural wrapping on desktop. */
#warsztaty h2 .workshop-mobile-break{display:none}
@media(max-width:600px){#warsztaty h2 .workshop-mobile-break{display:initial}}

/* Service area titles 9.1–9.5: subtle emphasis, Medium -> SemiBold. */
body main #services h3{font-weight:600!important}

/* Portfolio heading: keep “i aplikacje” together on a new mobile line. */
main h2 .portfolio-mobile-break{display:none}
@media(max-width:600px){main h2 .portfolio-mobile-break{display:initial}}

/* Process heading: mobile break before the final phrase. */
#process h2 .process-mobile-break{display:none}
@media(max-width:600px){#process h2 .process-mobile-break{display:initial}}