/* Wonderla_b interface: spare, straight strokes in the spirit of LAB. */
:root { --wl-functional-icon-stroke: 1.65; }
html[lang=pl] #projects-inner details.project > summary .project-year {
 display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;align-items:center;
 justify-content:start!important;column-gap:12px!important;row-gap:4px!important;
}
/* Keep the original progress-style status capsules, with a lighter visual weight. */
html[lang=pl] #projects-inner details.project > summary .wl-case-stage {
 width:min(152px,100%);min-width:0;max-width:100%;opacity:.88;
}
html[lang=pl] #projects-inner details.project > summary .project-plus,
html[lang=pl] #contact .contact-details-icon {
 position:relative!important;display:inline-block!important;flex:none;width:18px!important;min-width:18px!important;height:18px!important;
 padding:0!important;font-size:0!important;line-height:0!important;color:var(--ink)!important;transform:none!important;
}
html[lang=pl] #projects-inner details.project > summary .project-plus::before,
html[lang=pl] #projects-inner details.project > summary .project-plus::after,
html[lang=pl] #contact .contact-details-icon::before,
html[lang=pl] #contact .contact-details-icon::after {
 content:'';position:absolute;display:block;left:3px;right:3px;top:8px;height:1.25px;background:currentColor;
 transform:none;transition:transform 180ms ease,opacity 180ms ease;
}
html[lang=pl] #projects-inner details.project > summary .project-plus::after,
html[lang=pl] #contact .contact-details-icon::after {transform:rotate(90deg)}
html[lang=pl] #projects-inner details.project[open] > summary .project-plus::after,
html[lang=pl] #contact .contact-details[open]:not([data-closing]) .contact-details-icon::after {transform:rotate(0deg)}
html[lang=pl] #services#services .wl-price-icon {width:18px!important;height:18px!important}
html[lang=pl][data-wl-flow] #services#services .wl-price-icon::before,
html[lang=pl][data-wl-flow] #services#services .wl-price-icon::after {inset-inline:3px;top:8px;height:1.25px;background:currentColor}
/* Share the LAB / portfolio-view line weight across functional SVG controls. */
.site-header .mobile-menu-toggle svg,
.wl-main-icon {display:inline-block;flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:var(--wl-functional-icon-stroke);stroke-linecap:square;stroke-linejoin:miter;vertical-align:middle}
html[lang=pl] .site-header .mobile-menu-toggle .wl-menu-close {display:none}
html[lang=pl] .site-header .mobile-menu-toggle[aria-expanded=true] .wl-menu-open {display:none}
html[lang=pl] .site-header .mobile-menu-toggle[aria-expanded=true] .wl-menu-close {display:inline}
html[lang=pl] #contact .contact-file-pick > span {display:inline-flex;align-items:center;gap:7px}
html[lang=pl] #contact .contact-submit .wl-main-icon {width:18px;height:18px}
html[lang=pl] [data-framer-name="footer link cv"] p {display:flex!important;align-items:center;gap:4px}
html[lang=pl] [data-framer-name="footer link cv"] .wl-main-icon {width:14px;height:14px}
html[lang=pl] [data-framer-name="footer link top"] p {display:flex!important;align-items:center;justify-content:center}
html[lang=pl] #method .method-motion {color:var(--ink)!important}
#method .method-motion svg {opacity:1;stroke-width:var(--wl-functional-icon-stroke);stroke-linecap:square;stroke-linejoin:miter}
@media(max-width:400px){html[lang=pl] #projects-inner details.project > summary .project-year {grid-template-columns:68px minmax(0,1fr)!important;column-gap:8px!important}}
@media(prefers-reduced-motion:reduce){html[lang=pl] #projects-inner details.project > summary .project-plus::before,html[lang=pl] #projects-inner details.project > summary .project-plus::after,html[lang=pl] #contact .contact-details-icon::before,html[lang=pl] #contact .contact-details-icon::after{transition:none}}
@media(forced-colors:active){html[lang=pl] #projects-inner details.project > summary .wl-case-stage::before{border-color:CanvasText!important}}
/* On the desktop 12-column grid, dates begin at column 8 and the status begins at 10. */
@media (min-width:1100px){
 html[lang=pl]:not([data-wl-composition="right"]) #projects-inner details.project > summary .project-year {
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:var(--wl-gap,24px)!important;
 }
 html[lang=pl]:not([data-wl-composition="right"]) #projects-inner details.project > summary .project-year > .wl-case-stage {
  grid-column:3 / 5;grid-row:1;justify-self:start;
 }
 @supports (grid-template-columns:subgrid){
  html[lang=pl]:not([data-wl-composition="right"]) #projects-inner details.project > summary .project-year {
   grid-template-columns:subgrid!important;
  }
 }
}