/* Proof first. The full offer remains reachable from the sticky header. */
:root{--journey-header:76px}
.hero-service-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #7896bf45;padding-block:23px 12px}
.hero-service-strip p{font-size:13px;line-height:1.8;color:#ced8e8}
.hero-service-strip p>span{color:#7d9fff;margin-inline:17px}
.hero-service-strip>a{display:flex;align-items:center;gap:20px;min-height:44px;color:#e4ecff;font-size:12px;white-space:nowrap}
.hero-service-strip a:focus-visible{outline:2px solid #a9c5ff;outline-offset:5px}
.main-nav .nav-cta{background:#244cdf;border-color:#244cdf;color:#fff}
.main-nav .nav-cta:hover{background:#173fce}
.mobile-contact[href="#pakiety"]{background:#244cdf;color:#fff}
.selected-projects{padding-top:76px}
.projects-foot{flex-wrap:wrap}
.projects-foot>p{flex:1;min-width:220px}
.projects-foot>a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;white-space:nowrap}
.portfolio-main-grid{position:relative;isolation:isolate}
.portfolio-main-grid>.project-card{transform-origin:50% 0}
.portfolio-main-grid>.project-card[data-stack-ready]{position:sticky;top:var(--stack-top);z-index:var(--stack-layer);transform:scale(var(--stack-scale,1));box-shadow:0 18px 45px #0004}
.comparison-disclaimer{font-size:12px;line-height:1.8;color:#bdcbe0;margin:0 0 10px;max-width:780px}
.concept-disclosure{border-top:0;padding-top:0;margin-bottom:28px;max-width:880px}
.concept-disclosure>summary{display:inline-flex;align-items:center;gap:12px;cursor:pointer;min-height:44px;font-size:12px;color:#d3e0ff;text-decoration:underline;text-underline-offset:4px;list-style:none}
.concept-disclosure>summary::-webkit-details-marker{display:none}
.concept-disclosure>summary::after{content:'+';font-size:19px;text-decoration:none}
.concept-disclosure[open]>summary::after{content:'-'}
.concept-disclosure p{padding:12px 0 8px}
.comparison-switch,.comparison-hint,.comparison-observation{display:none}
.compare-panel[hidden]{display:none!important}
.compare-image picture{display:block}
.compare-open{min-height:52px}
.compare-panel figcaption strong{font-size:16px}
.comparison-switch button:focus-visible{outline:3px solid #c2d4ff;outline-offset:3px}
.case-changes td,.case-changes th{overflow-wrap:break-word}
.case-summary{scroll-margin-top:calc(var(--journey-header) + 16px)}
@media(prefers-reduced-motion:no-preference){
 .hero-service-strip a>span,.mobile-contact[href="#pakiety"]>span{transition:transform .25s ease}
 .hero-service-strip a:hover>span,.mobile-contact[href="#pakiety"]:hover>span{transform:translateY(3px)}
 .comparison-switch button{transition:background .2s,color .2s,border-color .2s}
}
@media(max-width:980px){:root{--journey-header:70px}.hero-service-strip{padding-block:17px 6px}.hero-service-strip p{font-size:12px}.hero-service-strip p>span{margin-inline:10px}}
@media(max-width:650px){
 .site-header .mobile-contact{font-size:12px;padding-inline:13px;gap:9px;flex:none;min-height:44px}
 .site-header .header-inner{min-height:70px}
 .hero-service-strip{display:block;padding-block:15px 2px}
 .hero-service-strip p{font-size:11px;line-height:1.9;letter-spacing:-.01em}
 .hero-service-strip p>span{margin-inline:8px}
 .hero-service-strip>a{font-size:12px;justify-content:space-between;margin-top:6px}
 .studio-hero .hero-actions .button{font-size:12px}
 .selected-projects{padding-top:52px}
 .portfolio-v22 .portfolio-main-grid{gap:28px}
 .projects-foot>a{width:100%;min-height:48px;margin:4px 0 0}
 .comparison-disclaimer{font-size:12px;line-height:1.8}
 .concept-disclosure{margin-bottom:22px}
 .case-content{padding:18px 14px 22px}
 .case-content[data-comparison-ready] .comparison-switch{display:flex;gap:6px;padding:5px;border:1px solid #566783;background:#09111e;border-radius:8px;margin-bottom:10px}
 .comparison-switch button{flex:1;min-height:46px;border:1px solid transparent;border-radius:4px;background:transparent;color:#c8d4e7;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:15px}
 .comparison-switch button[aria-pressed=true]{background:#dbe7ff;color:#142345;border-color:#dbe7ff}
 .comparison-switch button[data-compare-view=after][aria-pressed=true]{background:#b8ceff;color:#101f3c;border-color:#b8ceff}
 .case-content[data-comparison-ready] .comparison-hint{display:block;font-size:11px;line-height:1.6;color:#afc0d7;margin:0 0 16px}
 .case-content .compare-pair{grid-template-columns:minmax(0,1fr);gap:20px}
 .case-content[data-comparison-ready] .compare-pair{height:clamp(480px,calc(100svh - 178px),620px)}
 .case-content[data-comparison-ready] .compare-panel{height:100%;display:grid;grid-template-rows:66px minmax(0,1fr) 52px;align-self:start;min-height:0}
 .case-content .compare-panel figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;min-height:66px;font-size:11px;line-height:1.5}
 .case-content .compare-panel figcaption strong{font-size:18px;flex:none}
 .case-content .compare-panel figcaption span{max-width:145px;margin:0;text-align:right}
 .case-content .compare-image{display:block;min-height:0;overflow:hidden;background:#101824}
 .case-content .compare-image picture{width:100%;height:100%;overflow:hidden}
 .case-content .compare-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top}
 .case-content .before .compare-image{display:flex;flex-direction:column}
 .case-content .before .compare-image picture{height:auto;aspect-ratio:390/350;flex:none}
 .case-content .before .compare-image img{height:auto;aspect-ratio:auto;object-fit:initial}
 .case-content .comparison-observation{display:block;padding:20px 17px;font-size:13px;line-height:1.7;color:#ced9eb;background:linear-gradient(150deg,#162237,#101824);border-top:1px solid #354b68;flex:1}
 .comparison-observation>span{display:block;color:#9fb9ee;font:10px/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase;margin-bottom:9px}
 .case-content .compare-open{font-size:13px;line-height:1.5;padding:12px 15px;min-height:52px;background:#141e2e}
 .case-content .case-detail{margin-top:27px}
 .case-content .case-changes table{display:block;font-size:13px;line-height:1.75}
 .case-content .case-changes caption{display:block;font-size:17px;line-height:1.45;margin-bottom:15px}
 .case-content .case-changes thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
 .case-content .case-changes tbody{display:block}
 .case-content .case-changes tr{display:grid;grid-template-columns:1fr;border:1px solid #35445b;border-radius:6px;overflow:hidden;margin-bottom:12px}
 .case-content .case-changes td{display:block;width:100%;padding:14px 16px;border:0}
 .case-content .case-changes td:first-child{background:#111925;color:#b8c7dc}
 .case-content .case-changes td:last-child{background:#172538;border-top:1px solid #334763}
 .case-content .case-changes td::before{display:block;font:10px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#a7bcd9;margin-bottom:6px}
 .case-content .case-changes td:first-child::before{content:'Przed'}
 .case-content .case-changes td:last-child::before{content:'Po zmianie';color:#c4d7ff}
 .case-content .case-changes td b{font-size:13px;font-weight:600}
 .case-content .case-changes td span{font-size:12px;margin-top:4px;color:#b4cdf7}
}
@media(max-width:360px){
 .site-header .header-inner{gap:8px}
 .site-header .mobile-contact{font-size:11px;padding-inline:10px;gap:7px}
 .hero-service-strip p{font-size:10px}
 .hero-service-strip p>span{margin-inline:6px}
 .case-content{padding-inline:11px}
 .case-content .compare-panel figcaption{padding-inline:13px}
 .case-content .comparison-observation{padding:18px 14px;font-size:12px}
 .case-content .before .compare-image picture{aspect-ratio:390/340}
}
@media(prefers-reduced-motion:reduce){.portfolio-main-grid>.project-card[data-stack-ready]{position:relative;top:auto;transform:none;box-shadow:none}.comparison-switch button{transition:none}.hero-service-strip a>span{transform:none!important}}
@media print{.hero-service-strip,.comparison-switch,.comparison-hint{display:none!important}.portfolio-main-grid>.project-card[data-stack-ready]{position:static;transform:none}.compare-panel[hidden]{display:block!important}.case-content[data-comparison-ready] .compare-pair{height:auto}.comparison-observation{display:none!important}.concept-disclosure>p{display:block!important}}