:root{--navy:#123047;--sea:#1d6f7a;--sand:#f4efe2;--foam:#fffaf0;--amber:#c9792b;--red:#b44534;--ink:#202428;--muted:#64717a;--line:#d8cebb;--dark:#26313a;--font-display:"Fraunces",Georgia,serif;--font-body:"Inter",-apple-system,Segoe UI,sans-serif;--font-mono:"JetBrains Mono",Consolas,monospace;--max:1180px;--r:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6}img{max-width:100%;height:auto}a{color:var(--sea);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.12;color:var(--navy);margin:0 0 1rem;letter-spacing:0}h1{font-size:clamp(2.35rem,5vw,4.6rem);font-weight:600}h2{font-size:clamp(1.7rem,3vw,2.5rem)}h3{font-size:1.22rem}.container{max-width:var(--max);margin:0 auto;padding:0 1.4rem}.topbar{background:var(--navy);color:var(--foam);font:700 .72rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.topbar .container{display:flex;gap:1rem;flex-wrap:wrap;padding-top:.45rem;padding-bottom:.45rem}.topbar a{color:var(--foam)}.site-header{position:sticky;top:0;z-index:20;background:rgba(18,48,71,.97);color:var(--foam);box-shadow:0 1px 0 rgba(255,255,255,.12)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:70px}.logo{min-width:0;display:flex;align-items:center;gap:.65rem;color:var(--foam)!important;font:700 1.25rem var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-mark{width:34px;height:34px;flex:0 0 auto}.main-nav{display:flex;align-items:center;gap:1rem}.main-nav ul{display:flex;align-items:center;gap:1rem;list-style:none;margin:0;padding:0}.main-nav a{color:var(--foam);font-weight:700;font-size:.92rem}.lang-switch{display:flex;gap:2px;font:700 .76rem var(--font-mono)}.lang-switch a{border:1px solid rgba(255,255,255,.3);padding:.18rem .42rem;color:var(--foam)}.lang-switch [aria-current=true]{background:var(--amber);border-color:var(--amber);color:#1b1b1b}.menu-toggle{display:none;background:transparent;color:var(--foam);border:1px solid rgba(255,255,255,.35);border-radius:var(--r);padding:.45rem .6rem}.hero{background:linear-gradient(90deg,rgba(18,48,71,.94),rgba(18,48,71,.58)),image-set(url('assets/img/hero-wladyslawowo.webp') type('image/webp'),url('assets/img/hero-wladyslawowo.jpg') type('image/jpeg'));background-size:cover;background-position:center;padding:6rem 0 5rem;color:var(--foam)}.hero h1,.hero h2{color:var(--foam)}.hero p{max-width:680px;font-size:1.16rem}.eyebrow,.kicker{font:700 .75rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.72rem 1.05rem;border-radius:var(--r);font-weight:800;border:1px solid transparent}.btn-primary{background:var(--amber);color:#191919!important}.btn-dark{background:var(--navy);color:var(--foam)!important}.btn-outline{border-color:currentColor;color:inherit}.section{padding:4rem 0}.section-alt{background:var(--foam)}.section-head{max-width:760px;margin-bottom:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.card{background:rgba(255,250,240,.82);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem;min-width:0}.card h3{font-family:var(--font-body);font-size:1.08rem;margin-bottom:.45rem}.card p{color:var(--muted);margin:.25rem 0 .8rem}.tag{display:inline-block;font:700 .68rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:.5rem}.article-photo{margin:2rem 0}.article-photo img{display:block;border-radius:var(--r);border:1px solid var(--line)}figcaption{font-size:.85rem;color:var(--muted);margin-top:.45rem}.content{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem;align-items:start}.panel{background:var(--foam);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem}.breadcrumbs{font-size:.86rem;color:var(--muted);margin:1rem 0}.breadcrumbs a{color:var(--muted)}.weather-now{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin:1rem 0}.metric{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem}.metric strong{display:block;font-size:1.6rem;color:var(--navy)}form{display:grid;gap:.75rem}label{font-weight:800}input,textarea,select{width:100%;padding:.72rem;border:1px solid var(--line);border-radius:var(--r);font:inherit;background:#fff}textarea{min-height:120px}.site-footer{background:var(--dark);color:var(--foam);padding:3rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:1.3rem}.site-footer h4{color:var(--foam);font-family:var(--font-body);font-size:.95rem}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:.35rem 0}.site-footer a{color:var(--foam);opacity:.82}.small{font-size:.88rem;color:var(--muted)}.site-footer .small{color:rgba(255,250,240,.68)}.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:50;background:var(--dark);color:var(--foam);border:1px solid rgba(255,255,255,.18);border-radius:var(--r);padding:1rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;box-shadow:0 16px 50px rgba(0,0,0,.28)}.cookie-banner p{margin:0;max-width:760px}.cookie-banner button{cursor:pointer}@media(max-width:900px){.main-nav ul{display:none}.main-nav.is-open ul{display:flex;position:absolute;left:0;right:0;top:70px;background:var(--navy);padding:1rem 1.4rem;flex-direction:column;align-items:flex-start}.menu-toggle{display:inline-flex}.content{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding:4rem 0}.site-header .container{min-height:64px}}@media(max-width:560px){body{font-size:16px}.container{padding:0 1rem}.header-cta{display:none}.footer-grid{grid-template-columns:1fr}.cookie-banner{display:block}.cookie-banner .actions{margin-top:1rem}.logo{font-size:1.05rem}.section{padding:3rem 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.form-wrap{max-width:960px}
.form-wrap .section-head{margin-bottom:1.25rem}
.lead-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;background:var(--foam);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem}
.lead-form label{min-width:0}
.lead-form label.full,.lead-form button{grid-column:1/-1}
.lead-form textarea{min-height:150px}
@media(max-width:700px){.lead-form{grid-template-columns:1fr}.lead-form label.full,.lead-form button{grid-column:auto}}


/* Audit fix: approved "Port Rybacki" design system */
:root{
  --navy:#33383d;
  --sea:#8a6a4a;
  --sand:#e8ddc7;
  --foam:#f9f6ee;
  --amber:#b23a2e;
  --red:#b23a2e;
  --ink:#24272b;
  --muted:#6f7378;
  --line:#c9c2b3;
  --dark:#33383d;
  --r:2px;
}
.hero{
  background:#33383d;
  background-image:none!important;
  padding:5.5rem 0 4.5rem;
}
.hero .container{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(280px,.86fr);
  gap:3rem;
  align-items:end;
}
.hero-copy{min-width:0}
.hero-signature svg{display:block;width:100%;height:auto;max-height:300px}
.hero-signature{align-self:end}
.card,.panel,.lead-form,.article-photo img{border-radius:2px}
.btn{border-radius:2px}
.logo-mark rect{rx:2px}
@media(max-width:860px){
  .hero .container{grid-template-columns:1fr}
  .hero-signature{max-width:520px}
}

/* Hero banner compact layout fix */
.hero{
  position:relative;
  min-height:0;
  padding:3.7rem 0 3.2rem!important;
}
.hero .container{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between;
  gap:2rem!important;
}
.hero-copy{
  flex:1 1 610px;
  max-width:680px;
}
.hero-copy h1{
  margin-bottom:.9rem;
  font-size:clamp(2.25rem,3.8vw,3.35rem)!important;
  line-height:1.04;
  max-width:720px;
}
.hero-copy p{
  max-width:620px;
  font-size:1.05rem!important;
  margin-bottom:0;
}
.hero-actions{
  margin-top:1.15rem!important;
}
.hero-signature{
  flex:0 1 430px;
  max-width:430px;
  align-self:center!important;
}
.hero-signature svg{
  max-height:230px!important;
}
@media(max-width:860px){
  .hero{padding:3rem 0 2.6rem!important}
  .hero .container{display:block!important}
  .hero-copy{max-width:100%}
  .hero-signature{margin-top:1.6rem;max-width:440px}
  .hero-signature svg{max-height:210px!important}
}
@media(max-width:560px){
  .hero{padding:2.4rem 0 2.2rem!important}
  .hero-signature svg{max-height:170px!important}
}

/* Home content and mobile repair */
.home-brief .section-head{max-width:860px}
.info-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.info-grid article{border-top:3px solid var(--amber);padding:1rem 0 0;min-width:0}
.info-grid h3{font-family:var(--font-body);font-size:1rem;margin-bottom:.45rem}
.info-grid p{font-size:.94rem;color:var(--muted);margin-bottom:.65rem}
.section-more{margin-top:1.4rem}
@media(max-width:1040px){.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
  .topbar .container span:nth-child(n+3){display:none}
  .site-header .container{gap:.55rem}
  .main-nav{gap:.45rem}
  .lang-switch a{padding:.16rem .32rem}
  .hero-signature{display:none!important}
  .hero{padding:2.1rem 0 2rem!important}
  .hero-copy h1{font-size:clamp(2rem,9vw,2.55rem)!important;line-height:1.06}
  .hero-copy p{font-size:1rem!important}
  .hero-actions{gap:.55rem}
  .btn{width:100%;padding:.68rem .85rem}
  .hero-actions .btn{width:auto;flex:1 1 160px}
  .breadcrumbs{display:none}
  .section{padding:2.35rem 0}
  .section-head{margin-bottom:1.15rem}
  .info-grid{grid-template-columns:1fr;gap:1.1rem}
  .grid{grid-template-columns:1fr}
  .card{padding:1rem}
  .footer-grid{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  .logo span{max-width:150px;overflow:hidden;text-overflow:ellipsis}
  .hero-actions .btn{flex-basis:100%}
}

/* Final mobile compacting */
@media(max-width:700px){
  .hero{padding:1.55rem 0 1.65rem!important}
  .hero-copy h1{font-size:clamp(1.78rem,8vw,2.18rem)!important;line-height:1.05;margin-bottom:.65rem}
  .hero-copy p{font-size:.96rem!important;line-height:1.45}
  .hero-actions{margin-top:.85rem!important}
  .hero-actions .btn{flex-basis:100%;min-height:42px}
  .eyebrow{font-size:.68rem;letter-spacing:.08em}
  .main-nav ul{max-height:calc(100vh - 64px);overflow:auto}
}
@media(max-width:430px){
  .topbar{font-size:.66rem}
  .site-header .container{min-height:58px}
  .main-nav.is-open ul{top:58px}
}

/* Tighter mobile hero */
@media(max-width:700px){
  .hero{padding:1.15rem 0 1.25rem!important}
  .hero .eyebrow{display:none}
  .hero-copy h1{font-size:clamp(1.62rem,7.2vw,2rem)!important;line-height:1.04;margin-bottom:.5rem}
  .hero-copy p{font-size:.92rem!important;line-height:1.38;max-width:34rem}
  .hero-actions{margin-top:.65rem!important}
  .hero-actions .btn{min-height:38px;padding:.55rem .72rem;font-size:.9rem}
}


.article-narrow{max-width:820px}
.blog-article h2{margin-top:2rem}
.blog-article .lead{font-size:1.12rem;color:var(--muted)}
.related-list{display:grid;gap:.45rem;padding-left:1.2rem}
.home-blog-random .card{min-height:210px}