body{margin:0;font-family:'IBM Plex Sans',system-ui,sans-serif;background:#F3F0E8;color:#15171A}
a{color:#C2410C;text-decoration:none}a:hover{color:#9A3412}
.disp{font-family:'Bricolage Grotesque',Georgia,serif}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace}
.eyebrow{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.chip{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:13px;padding:8px 14px;border:1px solid #CFC9BB;border-radius:999px;color:#15171A;background:#FBFAF6}
.hatch{background-color:#E4DFD2;background-image:repeating-linear-gradient(135deg,rgba(21,23,26,.06) 0 1px,transparent 1px 14px)}
.navlink{color:#15171A;font-size:15px}.navlink:hover{color:#C2410C}
.field{font-family:'IBM Plex Sans',sans-serif;font-size:16px;padding:14px 16px;border:1px solid #3A3D42;border-radius:10px;background:#1E2024;color:#F3F0E8}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
img{max-width:100%}
.page{width:100%;min-height:100vh}
.page>header,.page>section{padding-left:max(80px,calc((100% - 1280px)/2))!important;padding-right:max(80px,calc((100% - 1280px)/2))!important}
.field:focus{outline:2px solid #C2410C;outline-offset:1px}
@media (max-width:1100px){
 .page>header,.page>section{padding-left:40px!important;padding-right:40px!important}
 .hide-m{display:none}
 .r-grid>*{grid-column:1/-1!important}
 .r-grid{row-gap:40px!important}
 .exp-row{row-gap:8px!important}
 .hero{padding-top:56px!important;padding-bottom:64px!important}
 .hero-badge{left:16px!important;bottom:16px!important}
 .h1{font-size:clamp(44px,9vw,72px)!important}
 .h2{font-size:clamp(36px,7vw,52px)!important}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .stats>div{padding:28px 20px!important;border-left:0!important;border-bottom:1px solid #DDD7CA}
 .stat-num{font-size:48px!important}
 .logos{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .sec-head{flex-direction:column;align-items:flex-start!important}
 .comps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .about-img{height:auto!important;aspect-ratio:4/5;max-height:560px}
 #projekty,#o-mnie,#doswiadczenie,#projects,#about,#experience{padding-top:88px!important;padding-bottom:88px!important}
 .contact{padding-top:88px!important;gap:64px!important}
}
@media (max-width:760px){
 .page>header,.page>section{padding-left:20px!important;padding-right:20px!important}
 .site-header{height:76px!important}
 .site-header img{width:44px!important;height:43px!important}
 .site-header .disp{font-size:17px!important}
 .site-nav{gap:10px!important}
 .site-nav>a:last-child{padding:11px 14px!important;font-size:14px!important}
 .site-header>a>span{display:none}
 .hero-img{height:440px!important}
 .hero-cta{flex-wrap:wrap}
 .hero-cta>a{flex:1 1 auto;justify-content:center;text-align:center}
 .stats{grid-template-columns:1fr 1fr!important}
 .stats>div{padding:22px 12px!important}
 .stat-num{font-size:38px!important}
 .logos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .logos>div{height:96px!important}
 .logos img{max-width:80%;height:auto!important}
 .projects,.project-wide{grid-template-columns:1fr!important}
 .project-wide{grid-column:auto!important}
 .shot-wrap,.shot{height:260px!important}
 .shot-overlay{width:170px!important;height:85px!important;right:12px!important;bottom:12px!important;border-width:3px!important}
 .comps{grid-template-columns:1fr!important}
 .contact-line,.contact-line~span{flex-direction:column;gap:2px!important;word-break:break-word}
 #contact-form{padding:24px!important}
 .site-footer{flex-direction:column;align-items:flex-start!important;gap:12px;text-align:left}
}