/* Fresh Studio — arkusz stylów strony */
@font-face{font-family:"Neulis Sans";src:url("../assets/fonts/neulis-sans.woff2") format("woff2");font-weight:100 900;font-display:swap;}
@font-face{font-family:"Neulis Cursive";src:url("../assets/fonts/neulis-cursive-regular.woff2") format("woff2");font-weight:400;font-display:swap;}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;font-family:"Neulis Sans",sans-serif;background:#fff;color:#1A1A1A;}
img{border-style:none;}
a{color:#0A0A0A;}
a:hover{color:#3a3a3a;}
button{font-family:"Neulis Sans",sans-serif;}
.cur{font-family:"Neulis Cursive",cursive;font-style:normal;font-weight:400;}

/* strona główna — pasek realizacji */
@keyframes fs-scroll{from{transform:translateX(0);}to{transform:translateX(calc(-50% - 12px));}}
.fs-marquee{animation:fs-scroll 60s linear infinite;}
.fs-marquee:hover{animation-play-state:paused;}

/* portfolio — kafle */
.fs-card [role="img"]{transition:transform .5s cubic-bezier(.2,0,.2,1);}
.fs-card:hover [role="img"]{transform:scale(1.02);}

/* formularz kontaktowy */
.fs-input{width:100%;font-family:"Neulis Sans",sans-serif;font-size:16px;color:#1A1A1A;background:#fff;border:1px solid #E1E5E4;border-radius:12px;padding:16px 18px;outline:none;transition:border-color .2s;}
.fs-input:focus{border-color:#0A0A0A;}
.fs-input::placeholder{color:#B7BCBA;}

/* polityka prywatności */
.pp-sec h2{font-size:clamp(22px,2.4vw,28px);font-weight:500;letter-spacing:-0.015em;margin:0 0 16px;}
.pp-sec p,.pp-sec li{font-size:16px;line-height:1.7;color:#4A4F4D;}
.pp-sec ul{margin:0 0 8px;padding-left:20px;display:flex;flex-direction:column;gap:8px;}
.pp-sec a{color:#0A0A0A;text-decoration:underline;text-underline-offset:2px;}

/* nagłówek / stopka */
@media(max-width:860px){.fs-nav-desktop{display:none !important;}.fs-burger{display:flex !important;}}
@media(max-width:560px){.fs-cta-desktop{display:none !important;}.fs-wordmark{padding:16px 0 !important;}}
@media(max-width:820px){.fs-foot-grid{grid-template-columns:1fr !important;gap:40px !important;}.fs-foot-divider{display:none !important;}.fs-foot-bottom{flex-direction:column !important;align-items:flex-start !important;gap:20px !important;}}
@media(max-width:560px){.fs-cookie{left:16px !important;right:16px !important;bottom:16px !important;max-width:none !important;}}

/* układy responsywne podstron */
@media(max-width:820px){
  .fs-stats{grid-template-columns:1fr !important;}
  .fs-stats>div{border-left:none !important;border-top:1px solid #E7EAE9;padding:32px 0 !important;}
  .fs-serv-grid{grid-template-columns:1fr !important;}
  .fs-marquee>a{width:220px !important;height:220px !important;}
  .fs-gap144{padding-top:72px !important;padding-bottom:72px !important;}
  .fs-serv-row{grid-template-columns:1fr !important;gap:18px !important;}
  .fs-team{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:32px 16px !important;}
  .fs-team>div{min-width:0;}
  .fs-team img{max-width:100%;}
  .fs-team>div>div:first-child{height:clamp(220px,52vw,340px) !important;}
  .fs-values{grid-template-columns:1fr !important;gap:40px !important;}
  .fs-logos{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .fs-logos>div{padding:22px 14px !important;min-height:84px !important;}
  .fs-logos img{max-height:34px !important;max-width:70% !important;}
  .fs-values>div{border-left:none !important;padding:0 !important;}
}
@media(max-width:480px){.fs-team{grid-template-columns:minmax(0,1fr) !important;}.fs-team>div>div:first-child{height:360px !important;}}
@media(max-width:760px){.fs-port-grid{grid-template-columns:1fr !important;}}
@media(max-width:860px){.fs-pj-intro,.fs-pj-two{grid-template-columns:1fr !important;gap:26px !important;}.fs-gap{padding-top:64px !important;padding-bottom:64px !important;}}
@media(max-width:900px){.fs-k-top{grid-template-columns:1fr !important;gap:36px !important;}.fs-k-main{grid-template-columns:1fr !important;}.fs-k-photo{min-height:360px !important;}.fs-k-two{grid-template-columns:1fr !important;}}

/* stany :hover przeniesione z projektu */
.fh1:hover{opacity:0.55 !important;}
.fh2:hover{background:#262626 !important;transform:translateY(-1px) !important;}
.fh3:hover{background:#262626 !important;}
.fh4:hover{background:#1E1E1E !important;border-color:#3a3a3a !important;}
.fh5:hover{background:#fff !important;}
.fh6:hover{background:#EEF3F1 !important;}
.fh7:hover{color:#0A0A0A !important;}
.fh8:hover{opacity:0.5 !important;}
.fh9:hover{background:#F5F9F8 !important;}
.fh10:hover{text-decoration:underline !important;}


@media(max-width:520px){.fs-pj-pair{grid-template-columns:1fr !important;}}