@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-400-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-400-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/schibsted-grotesk-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/schibsted-grotesk-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/schibsted-grotesk-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/schibsted-grotesk-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/schibsted-grotesk-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/schibsted-grotesk-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --pap:#E8EAE5; --pap2:#DCDFD8; --ink:#112722; --mut:#36483F;
  --akc:#0A54C0; --akc-jasny:#A9C8FF; --kresk:#B9BEB5; --ramka:#4F5D56;
  --gap:clamp(1.5rem,4vw,3rem);
  --marg:clamp(1.25rem,5vw,5rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pap);color:var(--ink);font-family:'Schibsted Grotesk',system-ui,sans-serif;font-size:1.0625rem;line-height:1.65;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:var(--akc)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--akc);outline-offset:2px}
h1,h2,h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;line-height:0.98;letter-spacing:-0.01em;margin:0;text-wrap:balance}
h1{font-size:clamp(2.75rem,8vw,7rem)}
h2{font-size:clamp(2rem,4.6vw,4rem)}
h3{font-size:clamp(1.5rem,2.3vw,2.125rem);line-height:1.08}
p,li,figcaption,td,th{text-wrap:pretty}
p{margin:0 0 1.1em}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--marg)}
.siatka{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.siatka > *{grid-column:span 12;min-width:0}
.skip{position:absolute;left:-9999px}
.skip:focus{left:var(--marg);top:.5rem;z-index:20;background:var(--ink);color:var(--pap);padding:.6rem 1rem}

.linia{position:relative;height:1px;background:var(--kresk);border:0;margin:clamp(2.5rem,6vw,5rem) 0 clamp(1.5rem,3vw,2.5rem)}
.linia::after{content:"";position:absolute;left:38.2%;top:-3.5px;width:8px;height:8px;background:var(--akc);transform:rotate(45deg)}
.nr{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(2.25rem,4.5vw,3.5rem);line-height:1;color:var(--mut);margin:0 0 .4rem}

.top{padding:1.25rem 0 .75rem}
.top .wrap{display:flex;flex-wrap:wrap;gap:.75rem 2rem;align-items:baseline;justify-content:space-between}
.logo{font-family:'Instrument Serif',Georgia,serif;font-size:1.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.menu{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;list-style:none;margin:0;padding:0}
.menu a{color:var(--ink);text-decoration:none;font-size:1rem;letter-spacing:.05em;padding:.35rem 0;border-bottom:1px solid transparent}
.menu a:hover,.menu a[aria-current="page"]{border-bottom-color:var(--akc);color:var(--akc)}

.cta{display:inline-block;font:inherit;font-weight:500;background:var(--akc);color:#fff;text-decoration:none;padding:.95rem 1.6rem;border:0;cursor:pointer}
.cta:hover{background:#083f91}
.cta-linia{display:inline-block;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--akc);padding-bottom:.2rem}
.cta-linia:hover{color:var(--akc)}

.hero-foto{margin:0}
.hero-foto img{width:100%;height:clamp(16rem,54vh,36rem);object-fit:cover}
.hero-tekst{background:var(--pap);max-width:min(100%,64rem);margin-top:clamp(-5rem,-6vw,-2rem);padding:clamp(1.25rem,3vw,2.5rem) clamp(1.25rem,4vw,4rem) 0 0;position:relative}
.hero-tekst h1 em{font-style:italic;color:var(--mut)}
.lead{font-size:clamp(1.125rem,1.55vw,1.375rem);line-height:1.5;max-width:36ch;color:var(--mut)}

.blok{padding:clamp(1rem,2vw,2rem) 0}
.kol-tekst{max-width:42ch}
.podpis{font-size:1rem;color:var(--mut);margin:.6rem 0 0}
.cyt{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(1.75rem,3.4vw,2.875rem);line-height:1.12;margin:0;max-width:26ch;text-wrap:balance}

.miejsca{list-style:none;margin:0;padding:0}
.miejsce{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:end;padding:clamp(1.5rem,3vw,2.5rem) 0;border-top:1px solid var(--kresk)}
.miejsce > *{grid-column:span 12;min-width:0}
.miejsce:last-child{border-bottom:1px solid var(--kresk)}
.miejsce img{width:100%;aspect-ratio:4/5;object-fit:cover}

.ciemny{background:var(--ink);color:var(--pap);padding:clamp(3rem,7vw,6rem) 0;margin-top:clamp(3rem,7vw,6rem)}
.ciemny h2,.ciemny h3{color:var(--pap)}
.ciemny p,.ciemny li{color:#D3DAD6}
.ciemny .nr{color:var(--akc-jasny)}
.ciemny .cta{background:var(--akc-jasny);color:#06224E}
.ciemny .cta:hover{background:#D5E3FF}

.stopka{padding:clamp(2.5rem,5vw,4rem) 0 2.5rem;border-top:1px solid var(--kresk);margin-top:clamp(2rem,5vw,4rem)}
.stopka ul{list-style:none;margin:0;padding:0}
.stopka a{color:var(--ink)}
.stopka .mini{font-size:1rem;color:var(--mut);max-width:52ch}
.stopka-cyt{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(1.05rem,3vw,2.25rem);line-height:1.15;margin:0;white-space:nowrap}

form.kontakt{display:grid;gap:1rem;max-width:34rem}
form.kontakt label{display:grid;gap:.35rem;font-size:1rem;font-weight:500}
form.kontakt input,form.kontakt select,form.kontakt textarea{font:inherit;color:var(--ink);background:#F3F4F0;border:1px solid var(--ramka);padding:.7rem .8rem;width:100%}
form.kontakt textarea{resize:vertical}
form.kontakt button{justify-self:start}
.form-note,.status{font-size:1rem;color:var(--mut);margin:0}
.hp{position:absolute;left:-9999px}

.kroki{list-style:none;margin:0;padding:0;counter-reset:k}
.kroki li{border-top:1px solid var(--kresk);padding:1.4rem 0;display:grid;grid-template-columns:3.5rem 1fr;gap:1rem}
.kroki li::before{counter-increment:k;content:"0" counter(k);font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:1.75rem;color:var(--akc);line-height:1.1}
.kroki h3{margin-bottom:.3rem}
.kroki p{margin:0;color:var(--mut);max-width:46ch}

.proza{max-width:68ch;padding-bottom:2rem}
.proza h2{font-size:clamp(1.5rem,2.6vw,2.25rem);margin:2.2rem 0 .6rem}
.proza ul{padding-left:1.1rem}
.proza li{margin-bottom:.4rem}
.ramka-szkic{border:1px solid var(--ramka);border-left:4px solid var(--akc);padding:1rem 1.2rem;margin:1.5rem 0;background:#F3F4F0}
.ramka-szkic p{margin:0;font-size:1rem}

.para{display:grid;grid-template-columns:1fr;gap:var(--gap)}
.para img{width:100%;object-fit:cover}

.spis{width:100%;border-collapse:collapse;text-align:left;font-size:1rem}
.spis th,.spis td{padding:.7rem .5rem;border-bottom:1px solid var(--kresk)}
.spis th{font-weight:500}
.spis tr > *:first-child{padding-left:0}
.karta-ink{background:var(--ink);color:var(--pap);padding:clamp(1.75rem,3.5vw,3rem)}
.karta-ink h2{color:var(--pap)}
.karta-ink li{color:#D3DAD6}

@media (max-width:51.99rem){ .spis{display:none} }

@media (min-width:52rem){
  .d1-4{grid-column:1 / span 4}
  .d1-5{grid-column:1 / span 5}
  .d1-6{grid-column:1 / span 6}
  .d1-7{grid-column:1 / span 7}
  .d2-4{grid-column:2 / span 4}
  .d5-7{grid-column:5 / span 7}
  .d6-7{grid-column:6 / span 7}
  .d7-5{grid-column:7 / span 5}
  .d7-6{grid-column:7 / span 6}
  .d8-5{grid-column:8 / span 5}
  .d9-4{grid-column:9 / span 4}
  .hero-tekst{padding-right:clamp(2rem,6vw,8rem)}
  .miejsce{align-items:center}
  .miejsce .tytul{grid-column:1 / span 3}
  .miejsce .foto{grid-column:4 / span 5}
  .miejsce .opis{grid-column:10 / span 3}
  .miejsce.odwrotnie .tytul{grid-column:10 / span 3;text-align:right}
  .miejsce.odwrotnie .foto{grid-column:4 / span 5}
  .miejsce.odwrotnie .opis{grid-column:1 / span 3}
  .para{grid-template-columns:7fr 5fr;align-items:end}
  .kroki li{grid-template-columns:5rem 1fr}
}
@media (prefers-reduced-motion:reduce){ *{animation:none!important;transition:none!important} }