/* ===== Devoweb — skórka strony realizacji (single ohio_portfolio, markup .dw-single-project) ===== */
body.single-ohio_portfolio{background:#F5F5F2!important;font-family:Inter,"Helvetica Neue",Arial,sans-serif!important}
body.single-ohio_portfolio .page-headline,body.single-ohio_portfolio .breadcrumb-holder,body.single-ohio_portfolio .subheader,body.single-ohio_portfolio .back-link{display:none!important}
body.single-ohio_portfolio .site-content,body.single-ohio_portfolio .page-container,body.single-ohio_portfolio .site-main{max-width:none!important;padding-top:0!important;margin-top:0!important}
body.single-ohio_portfolio{overflow-x:clip}
body.single-ohio_portfolio .dw-single-project>*{margin-top:0!important;margin-bottom:0!important}
body.single-ohio_portfolio .dw-single-project{--g:linear-gradient(135deg,#FF9A2E,#FF4507 55%,#F65E77);width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;color:#151515}
body.single-ohio_portfolio .dw-single-project *{box-sizing:border-box}
body.single-ohio_portfolio .dw-single-project>section,body.single-ohio_portfolio .dw-single-project>.dw-project-top{position:relative;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:max(clamp(20px,5vw,82px),calc((100% - 1600px)/2))!important;padding-right:max(clamp(20px,5vw,82px),calc((100% - 1600px)/2))!important;border-radius:0!important;border-top:0!important;border-bottom:0!important;box-shadow:none;box-sizing:border-box!important}
/* górny pasek + hero (ciemne) */
body.single-ohio_portfolio .dw-single-project>.dw-project-top{padding-top:28px!important;padding-bottom:0!important;background:#0b0b0c!important}
body.single-ohio_portfolio .dw-single-project a.dw-project-back{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:transparent!important;color:#c4c4c6!important;-webkit-text-fill-color:#c4c4c6!important;font-size:13px;text-decoration:none!important}
body.single-ohio_portfolio .dw-single-project a.dw-project-back:hover{border-color:#fff;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.single-ohio_portfolio .dw-single-project>.dw-project-hero{display:grid!important;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;padding-top:clamp(30px,4vw,60px)!important;padding-bottom:clamp(60px,7vw,110px)!important;background:#0b0b0c!important;color:#f5f5f3}
body.single-ohio_portfolio .dw-project-hero-content{max-width:680px}
body.single-ohio_portfolio .dw-project-category{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px!important;color:#c4c4c6!important;font-size:11px!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase}
body.single-ohio_portfolio .dw-project-category::before{width:10px;height:15px;background:var(--g);-webkit-mask:var(--dw-logo) center/contain no-repeat;mask:var(--dw-logo) center/contain no-repeat;content:""}
body.single-ohio_portfolio h1.dw-project-title{margin:0 0 22px!important;color:#f5f5f3!important;font-family:inherit!important;font-size:clamp(46px,6vw,92px)!important;font-weight:600!important;letter-spacing:-.055em!important;line-height:.98!important}
body.single-ohio_portfolio h1.dw-project-title::after{content:none!important;display:none!important}
body.single-ohio_portfolio .dw-project-red-line{display:none!important}
body.single-ohio_portfolio .dw-project-description h3{margin:0 0 14px!important;color:#fff!important;font-family:inherit!important;font-size:clamp(19px,1.6vw,23px)!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.02em!important}
body.single-ohio_portfolio .dw-project-description p{margin:0 0 14px!important;color:#b4b4ba!important;font-size:15.5px!important;line-height:1.75!important}
body.single-ohio_portfolio .dw-project-description strong{color:#fff!important;font-weight:600}
body.single-ohio_portfolio .dw-project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0!important}
body.single-ohio_portfolio .dw-project-tag{padding:6px 12px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;background:transparent!important;color:#dcdce0!important;font-size:12px!important}
body.single-ohio_portfolio .dw-project-buttons{display:flex;flex-wrap:wrap;gap:12px}
body.single-ohio_portfolio .dw-single-project a.dw-project-button,body.single-ohio_portfolio .dw-single-project a.dw-project-button:hover{display:inline-flex!important;align-items:center;gap:16px;min-height:52px;padding:0 24px!important;border:0!important;border-radius:999px!important;background:var(--g)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;text-shadow:0 1px 2px rgba(110,25,0,.28);box-shadow:none}
body.single-ohio_portfolio .dw-single-project a.dw-project-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,69,7,.3)}
body.single-ohio_portfolio .dw-single-project a.dw-project-button *{color:#fff!important;-webkit-text-fill-color:#fff!important}
body.single-ohio_portfolio .dw-project-hero-image{position:relative;overflow:hidden;border-radius:22px;background:#1d1d20;box-shadow:0 30px 70px rgba(0,0,0,.45)}
body.single-ohio_portfolio .dw-project-hero-image img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0!important}
/* informacje */
body.single-ohio_portfolio .dw-single-project>.dw-project-info{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:-46px!important;padding-top:0!important;padding-bottom:0!important;background:linear-gradient(#0b0b0c 46px,#F5F5F2 46px)!important}
body.single-ohio_portfolio .dw-project-info-item{display:flex!important;align-items:center;gap:14px;padding:20px!important;border:1px solid #e3e3df!important;border-radius:16px!important;background:#fff!important;box-shadow:0 14px 40px rgba(0,0,0,.06)}
body.single-ohio_portfolio .dw-project-info-icon{display:grid!important;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:13px;background:var(--g)!important;color:#fff!important;font-size:18px!important}
body.single-ohio_portfolio .dw-project-info-item strong{display:block;color:#8b8b86!important;font-size:11px!important;font-weight:600!important;letter-spacing:.1em;text-transform:uppercase}
body.single-ohio_portfolio .dw-project-info-item span:not(.dw-project-info-icon){display:block;margin-top:3px;color:#151515!important;font-size:15.5px!important;font-weight:600}
/* galeria */
body.single-ohio_portfolio .dw-single-project>.dw-project-gallery{padding-top:clamp(50px,6vw,90px)!important;padding-bottom:clamp(30px,4vw,50px)!important;background:#F5F5F2!important}
body.single-ohio_portfolio .dw-gallery-main{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;align-items:start}
body.single-ohio_portfolio .dw-gallery-main>div:only-child{grid-column:1/-1}
body.single-ohio_portfolio .dw-gallery-main img{display:block;width:100%!important;height:auto!important;max-width:none!important;border-radius:18px!important;box-shadow:0 20px 50px rgba(0,0,0,.08)}
body.single-ohio_portfolio .dw-gallery-thumbs-wrap{display:flex!important;align-items:center;gap:10px;margin-top:16px}
body.single-ohio_portfolio .dw-gallery-thumbs{display:flex!important;gap:10px;overflow-x:auto;scrollbar-width:none}
body.single-ohio_portfolio .dw-single-project button.dw-gallery-thumb{flex:0 0 auto;width:110px;padding:0!important;overflow:hidden;border:2px solid transparent!important;border-radius:12px!important;background:#fff!important;opacity:.6;cursor:pointer;transition:opacity .2s,border-color .2s}
body.single-ohio_portfolio .dw-single-project button.dw-gallery-thumb.is-active,body.single-ohio_portfolio .dw-single-project button.dw-gallery-thumb:hover{border-color:#FF5214!important;opacity:1}
body.single-ohio_portfolio .dw-gallery-thumb img{display:block;width:100%!important;height:72px!important;object-fit:cover}
body.single-ohio_portfolio .dw-single-project button.dw-gallery-arrow{display:grid!important;place-items:center;flex:0 0 auto;width:44px;height:44px;padding:0!important;border:1px solid #d6d6d1!important;border-radius:50%!important;background:#fff!important;color:#151515!important;font-size:22px!important;line-height:1!important;cursor:pointer}
body.single-ohio_portfolio .dw-single-project button.dw-gallery-arrow:hover{background:#151515!important;color:#fff!important;border-color:#151515!important}
/* cel + szczegóły */
body.single-ohio_portfolio .dw-single-project>.dw-project-task,body.single-ohio_portfolio .dw-single-project>.dw-project-options{padding-top:clamp(20px,3vw,40px)!important;padding-bottom:clamp(20px,3vw,40px)!important;background:#F5F5F2!important}
body.single-ohio_portfolio .dw-project-task .project-task{padding:clamp(24px,3vw,40px)!important;border:1px solid #e3e3df;border-left:3px solid #FF5214;border-radius:0 18px 18px 0;background:#fff}
body.single-ohio_portfolio .dw-single-project h6.title{margin:0 0 10px!important;color:#8b8b86!important;font-family:inherit!important;font-size:11px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important}
body.single-ohio_portfolio .dw-project-task p{margin:0!important;color:#151515!important;font-size:clamp(18px,1.6vw,22px)!important;font-weight:500;line-height:1.55!important;letter-spacing:-.01em}
body.single-ohio_portfolio .dw-project-options ul.options-group{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0!important;padding:0!important;list-style:none!important}
body.single-ohio_portfolio .dw-project-options ul.options-group li{margin:0!important;padding:20px!important;border:1px solid #e3e3df;border-radius:16px;background:#fff}
body.single-ohio_portfolio .dw-project-options li p{margin:0!important;color:#151515!important;font-size:15px!important;line-height:1.55}
body.single-ohio_portfolio .dw-project-options li a{margin-right:6px;color:#FF4507!important;-webkit-text-fill-color:#FF4507!important;text-decoration:none!important;background:transparent!important}
/* case study */
body.single-ohio_portfolio .dw-single-project>.dw-case-study{padding-top:clamp(60px,7vw,110px)!important;padding-bottom:clamp(60px,7vw,110px)!important;background:#0b0b0c!important;color:#f5f5f3}
body.single-ohio_portfolio .dw-case-heading{margin-bottom:clamp(30px,4vw,50px)}
body.single-ohio_portfolio .dw-case-subtitle{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:#c4c4c6!important;font-size:11px!important;font-weight:600!important;letter-spacing:.16em!important}
body.single-ohio_portfolio .dw-case-subtitle::before{width:10px;height:15px;background:var(--g);-webkit-mask:var(--dw-logo) center/contain no-repeat;mask:var(--dw-logo) center/contain no-repeat;content:""}
body.single-ohio_portfolio .dw-case-heading h2{margin:0!important;color:#f5f5f3!important;font-family:inherit!important;font-size:clamp(40px,4.6vw,68px)!important;font-weight:600!important;letter-spacing:-.05em!important;line-height:1!important}
body.single-ohio_portfolio .dw-case-heading h2::after{display:inline!important;position:static!important;margin:0!important;width:auto!important;height:auto!important;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;content:"."}
body.single-ohio_portfolio .dw-case-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:clamp(30px,4vw,50px)}
body.single-ohio_portfolio .dw-case-metric{padding:clamp(22px,2.4vw,32px)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:#141416!important}
body.single-ohio_portfolio .dw-case-metric-value{display:block;margin-bottom:16px;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important;font-size:clamp(40px,4.4vw,66px)!important;font-weight:600!important;letter-spacing:-.06em;line-height:.95}
body.single-ohio_portfolio .dw-case-metric-label{display:block;color:#b4b4ba!important;font-size:14px!important;line-height:1.55}
body.single-ohio_portfolio .dw-case-compare{display:grid!important;grid-template-columns:1fr 1fr;gap:14px}
body.single-ohio_portfolio .dw-case-compare-item{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#141416}
body.single-ohio_portfolio .dw-case-compare-item img{display:block;width:100%!important;height:auto!important;max-width:none!important}
body.single-ohio_portfolio .dw-case-compare-label{position:absolute;z-index:2;left:16px;top:16px;padding:6px 12px;border-radius:999px;background:rgba(11,11,12,.8);color:#fff!important;font-size:11px!important;font-weight:700!important;letter-spacing:.14em}
body.single-ohio_portfolio .dw-case-compare-item.is-after .dw-case-compare-label{background:var(--g)}
/* CTA */
body.single-ohio_portfolio .dw-single-project>.dw-project-cta{display:grid!important;grid-template-columns:1.2fr .8fr;gap:clamp(30px,5vw,80px);align-items:center;padding-top:clamp(60px,7vw,110px)!important;padding-bottom:clamp(60px,7vw,110px)!important;background:#F5F5F2!important}
body.single-ohio_portfolio .dw-project-cta-label{display:block;margin-bottom:16px;color:#5f5f5b!important;font-size:11px!important;font-weight:600!important;letter-spacing:.16em!important}
body.single-ohio_portfolio .dw-project-cta h2{margin:0 0 16px!important;color:#151515!important;font-family:inherit!important;font-size:clamp(40px,4.6vw,68px)!important;font-weight:600!important;letter-spacing:-.05em!important;line-height:1!important}
body.single-ohio_portfolio .dw-project-cta-content p{margin:0 0 26px!important;max-width:520px;color:#5b5b5b!important;font-size:16px!important}
body.single-ohio_portfolio .dw-project-cta-content a,body.single-ohio_portfolio .dw-project-cta-content a:hover{display:inline-flex!important;align-items:center;min-height:54px;padding:0 26px!important;border:0!important;border-radius:999px!important;background:var(--g)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;text-shadow:0 1px 2px rgba(110,25,0,.28)}
body.single-ohio_portfolio .dw-project-cta-side{display:grid;gap:12px}
body.single-ohio_portfolio .dw-project-cta-feature{padding:20px 22px!important;border:1px solid #e3e3df!important;border-radius:16px!important;background:#fff!important}
body.single-ohio_portfolio .dw-project-cta-feature strong{display:block;color:#151515!important;font-size:16px!important;font-weight:600}
body.single-ohio_portfolio .dw-project-cta-feature span{display:block;margin-top:3px;color:#5b5b5b!important;font-size:14px!important}
@media(max-width:1000px){body.single-ohio_portfolio .dw-single-project>.dw-project-hero,body.single-ohio_portfolio .dw-single-project>.dw-project-cta{grid-template-columns:1fr}body.single-ohio_portfolio .dw-single-project>.dw-project-info,body.single-ohio_portfolio .dw-case-metrics,body.single-ohio_portfolio .dw-project-options ul.options-group{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){body.single-ohio_portfolio .dw-gallery-main{grid-template-columns:1fr}}
@media(max-width:560px){body.single-ohio_portfolio .dw-single-project>.dw-project-info,body.single-ohio_portfolio .dw-case-metrics,body.single-ohio_portfolio .dw-project-options ul.options-group,body.single-ohio_portfolio .dw-case-compare{grid-template-columns:1fr}body.single-ohio_portfolio .dw-project-info-item{padding:16px!important}}