@charset "utf-8";
/* WK PREMIUM MEBLE — arkusz autorski. Motyw: grafit + mosiądz, sygnatura = podziałka miarki. */

/* ---------- fonty (self-host, bez zewnętrznych zapytań) ---------- */
@font-face{font-family:Syne;src:url(fonts/syne-600-latin.woff2)format('woff2');font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,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:Syne;src:url(fonts/syne-600-latin-ext.woff2)format('woff2');font-weight:600;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Syne;src:url(fonts/syne-700-latin.woff2)format('woff2');font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Syne;src:url(fonts/syne-700-latin-ext.woff2)format('woff2');font-weight:700;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Syne;src:url(fonts/syne-800-latin.woff2)format('woff2');font-weight:800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Syne;src:url(fonts/syne-800-latin-ext.woff2)format('woff2');font-weight:800;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;src:url(fonts/manrope-400-latin.woff2)format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Manrope;src:url(fonts/manrope-400-latin-ext.woff2)format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;src:url(fonts/manrope-500-latin.woff2)format('woff2');font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Manrope;src:url(fonts/manrope-500-latin-ext.woff2)format('woff2');font-weight:500;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;src:url(fonts/manrope-600-latin.woff2)format('woff2');font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Manrope;src:url(fonts/manrope-600-latin-ext.woff2)format('woff2');font-weight:600;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;src:url(fonts/manrope-700-latin.woff2)format('woff2');font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Manrope;src:url(fonts/manrope-700-latin-ext.woff2)format('woff2');font-weight:700;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- tokeny ---------- */
:root{
  --ink:#171310; --ink-2:#211B15; --ink-3:#2E2720;
  --paper:#F7F3EC; --paper-2:#EFE8DC; --paper-3:#E5DCCC;
  --gold:#B98A25; --gold-2:#E3BC5E; --gold-d:#8E6A16;
  --text:#1C1712; --muted:#6B6153; --muted-d:#C0B4A2;
  --line:rgba(28,23,18,.14); --line-d:rgba(240,228,205,.16);
  --r-s:3px; --r-m:8px; --r-l:14px;
  --sh-s:0 1px 2px rgba(23,19,16,.07);
  --sh-m:0 10px 26px -14px rgba(23,19,16,.26);
  --sh-l:0 28px 70px -32px rgba(23,19,16,.42);
  --dur:.5s; --ease:cubic-bezier(.22,.61,.36,1);
  --pad: clamp(1.15rem, 4vw, 3rem);
  --sec: clamp(4.2rem, 9vw, 8.5rem);
  --maxw:1280px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--paper);color:var(--text);
  font:400 clamp(1rem,.96rem + .22vw,1.09rem)/1.68 Manrope,system-ui,sans-serif;
  letter-spacing:.002em;overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
h1,h2,h3,h4{font-family:Syne,Manrope,system-ui,sans-serif;font-weight:700;line-height:1.03;letter-spacing:-.028em;margin:0}
h1{font-size:clamp(2.15rem,1.45rem + 3.1vw,3.9rem);font-weight:700;letter-spacing:-.032em}
h2{font-size:clamp(1.9rem,1.25rem + 2.5vw,3.35rem)}
h3{font-size:clamp(1.16rem,1.04rem + .5vw,1.5rem);letter-spacing:-.02em}
p{margin:0 0 1.05em}
::selection{background:var(--gold);color:#fff}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
.wrap{width:min(100% - 2*var(--pad),var(--maxw));margin-inline:auto}
.wide{width:min(100% - 2*var(--pad),1520px);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:0;z-index:99;background:var(--ink);color:var(--paper);padding:.7rem 1rem}
.skip:focus{left:.6rem;top:.6rem}

/* ---------- sygnatura: podziałka miarki ---------- */
.tick{--tick:var(--gold);display:block;height:14px;width:112px;position:relative;flex:0 0 auto}
.tick::before{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:var(--tick);opacity:.85}
.tick::after{
  content:"";position:absolute;inset:0 0 0 0;
  background:repeating-linear-gradient(90deg,var(--tick) 0 1px,transparent 1px 8px);
  -webkit-mask-image:linear-gradient(180deg,transparent 42%,#000 42%);
  mask-image:linear-gradient(180deg,transparent 42%,#000 42%);opacity:.85
}
.tick.on-dark{--tick:var(--gold-2)}

/* ---------- eyebrow / nagłówki sekcji ---------- */
.eyebrow{font:600 .78rem/1.4 Manrope;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);margin:0 0 .55rem}
.on-dark .eyebrow,.band .eyebrow{color:var(--gold-2)}
.lede{font-size:clamp(1.03rem,.98rem + .3vw,1.2rem);color:var(--muted);max-width:62ch}
.band .lede,.on-dark .lede{color:var(--muted-d)}

/* ---------- przyciski ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.6rem;padding:.92rem 1.5rem;border-radius:var(--r-s);
  font:600 .96rem/1 Manrope;letter-spacing:.01em;text-decoration:none;border:1px solid transparent;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform .25s var(--ease);
}
.btn .ar{transition:transform .3s var(--ease)}
.btn:hover .ar{transform:translateX(4px)}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{background:var(--gold-d)}
.btn-ghost{border-color:var(--line);color:var(--text)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-d)}
.band .btn-ghost,.on-dark .btn-ghost,.hero .btn-ghost,.pagehead .btn-ghost{border-color:var(--line-d);color:var(--paper)}
.band .btn-ghost:hover,.on-dark .btn-ghost:hover,.hero .btn-ghost:hover{border-color:var(--gold-2);color:var(--gold-2)}

/* ---------- nawigacja ---------- */
.nav{position:fixed;inset:0 0 auto 0;z-index:40;transition:background .45s var(--ease),box-shadow .45s var(--ease)}
.nav::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,12,9,.72),rgba(15,12,9,0));pointer-events:none;transition:opacity .45s var(--ease)}
.nav.solid{background:rgba(20,16,13,.94);backdrop-filter:blur(9px);box-shadow:0 1px 0 rgba(240,228,205,.1)}
.nav.solid::before{opacity:0}
.nav-in{display:flex;align-items:center;gap:1.4rem;min-height:78px;position:relative}
.brand{display:flex;align-items:center;gap:.72rem;text-decoration:none;color:var(--paper);margin-right:auto}
.brand img{width:46px;height:auto}
.brand b{font:700 1.02rem/1.05 Syne;letter-spacing:-.02em;display:block;white-space:nowrap}
.brand span{font:500 .76rem/1.2 Manrope;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-2);display:block;margin-top:2px}
.nav-links{display:flex;gap:1.45rem;align-items:center}
.nav-links a{color:rgba(247,243,236,.9);text-decoration:none;font:500 .95rem/1 Manrope;position:relative;padding:.35rem 0}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold-2);transition:width .35s var(--ease)}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{width:100%}
.nav-links a[aria-current="page"]{color:#fff}
.nav .tel{
  display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);
  background:var(--gold-2);padding:.62rem 1.05rem;border-radius:var(--r-s);font:700 .93rem/1 Manrope;white-space:nowrap;
  transition:background .3s var(--ease)
}
.nav .tel:hover{background:#F2D482}
.burger{display:none;background:none;border:1px solid rgba(247,243,236,.35);color:var(--paper);width:44px;height:40px;border-radius:var(--r-s);cursor:pointer}
.burger span{display:block;width:19px;height:1.5px;background:currentColor;margin:4px auto;transition:transform .3s var(--ease),opacity .2s}
.nav.open .burger span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.nav.open .burger span:nth-child(2){opacity:0}
.nav.open .burger span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
@media (max-width:900px){
  .nav-links{
    position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;
    background:rgba(20,16,13,.985);padding:.4rem var(--pad) 1.1rem;display:none
  }
  .nav.open .nav-links{display:flex}
  .nav-links a{padding:.85rem 0;width:100%;border-bottom:1px solid rgba(240,228,205,.08)}
  .burger{display:block;order:3}
  .nav .tel{order:2}
  .brand img{width:40px}
}
@media (max-width:620px){.nav .tel span{display:none}.brand b,.brand span{display:none}.brand img{width:44px}}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:var(--paper);overflow:hidden;background:var(--ink)}
.hero-bg{position:absolute;inset:0}
.hero-bg .sl{position:absolute;inset:0;opacity:0;transition:opacity 1.5s var(--ease);z-index:1}
.hero-bg .sl.on{opacity:1}
.hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);animation:drift 22s ease-in-out infinite alternate}
@keyframes drift{from{transform:scale(1.03)}to{transform:scale(1.1)}}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:
    linear-gradient(180deg,rgba(14,11,9,.58) 0%,rgba(14,11,9,.14) 30%,rgba(14,11,9,.55) 70%,rgba(14,11,9,.93) 100%),
    linear-gradient(95deg,rgba(14,11,9,.78) 0%,rgba(14,11,9,.5) 34%,rgba(14,11,9,.06) 62%,rgba(14,11,9,0) 80%)
}
.hero-in{text-shadow:0 1px 26px rgba(12,9,7,.35)}
.hero-in{position:relative;z-index:3;padding-block:clamp(6.5rem,14vh,9rem) clamp(2.6rem,6vh,4.2rem);width:min(100% - 2*var(--pad),var(--maxw));margin-inline:auto}
.hero h1{max-width:17ch;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--gold-2)}
.hero-place{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;font:600 .8rem/1 Manrope;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-2);margin-bottom:1.5rem}
.hero p.lede{color:rgba(247,243,236,.86);margin:1.35rem 0 2rem;max-width:52ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:.7rem}
.hero-meta{position:absolute;right:var(--pad);bottom:clamp(2.6rem,6vh,4.2rem);z-index:3;text-align:right;font:500 .8rem/1.5 Manrope;color:rgba(247,243,236,.62);max-width:15rem}
@media (max-width:860px){.hero-meta{display:none}}

/* ---------- pasek haseł ---------- */
.claims{background:var(--ink-2);color:var(--paper);border-top:1px solid rgba(240,228,205,.09)}
.claims-in{width:min(96%,1440px);margin-inline:auto;display:grid;grid-template-columns:repeat(5,1fr)}
.claims .c{padding:clamp(1.5rem,2.6vw,2.2rem) clamp(.7rem,1.4vw,1.4rem);text-align:center;display:flex;flex-direction:column;justify-content:flex-start;gap:.42rem;position:relative}
.claims .c + .c::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:linear-gradient(180deg,transparent,var(--gold),transparent);opacity:.55}
.claims .k{font:700 clamp(.95rem,.88rem + .28vw,1.12rem)/1.25 Syne;letter-spacing:-.015em;color:var(--gold-2)}
.claims .v{font:400 .87rem/1.45 Manrope;color:rgba(247,243,236,.68)}
@media (max-width:980px){
  .claims-in{grid-template-columns:repeat(3,1fr)}
  .claims .c:nth-child(4)::before,.claims .c:nth-child(1)::before{display:none}
  .claims .c:nth-child(4),.claims .c:nth-child(5){border-top:1px solid rgba(240,228,205,.08)}
}
@media (max-width:600px){
  .claims-in{grid-template-columns:repeat(2,1fr)}
  .claims .c::before{display:none}
  .claims .c{border-top:1px solid rgba(240,228,205,.08)}
  /* piąte hasło na całą szerokość, żeby nie zostawało samo w rzędzie */
  .claims .c:nth-child(5){grid-column:1/-1}
}

/* ---------- sekcje ---------- */
section{position:relative}
.plate{padding-block:var(--sec);background:var(--paper)}
.plate.alt{background:var(--paper-2)}
.band{padding-block:var(--sec);background:var(--ink);color:var(--paper)}
.band h2,.on-dark h2{color:var(--paper)}
.band a:not(.btn){color:var(--gold-2)}
.head{max-width:64ch;margin-bottom:clamp(2.2rem,4vw,3.4rem)}
.head .tick{margin-bottom:1.15rem}
.head h2{text-wrap:balance}
.head p{margin-top:1rem}

/* ---------- usługi: lista numerowana z podziałką ---------- */
.svc{border-top:1px solid var(--line)}
.band .svc{border-color:var(--line-d)}
.svc-row{
  display:grid;grid-template-columns:4.2rem minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1rem,3vw,2.6rem);
  padding:clamp(1.5rem,2.6vw,2.3rem) 0;border-bottom:1px solid var(--line);align-items:start;
  transition:background .4s var(--ease)
}
.band .svc-row{border-color:var(--line-d)}
.svc-row:hover{background:rgba(185,138,37,.05)}
.svc-num{font:600 .82rem/1 Manrope;letter-spacing:.1em;color:var(--gold-d);padding-top:.42rem}
.band .svc-num{color:var(--gold-2)}
.svc-row h3{margin-bottom:.35rem}
.svc-row p{margin:0;color:var(--muted);font-size:.99rem}
.band .svc-row p{color:var(--muted-d)}
.svc-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}
.svc-tags span{font:500 .78rem/1 Manrope;padding:.4rem .62rem;border:1px solid var(--line);border-radius:99px;color:var(--muted)}
.band .svc-tags span{border-color:var(--line-d);color:var(--muted-d)}
@media (max-width:760px){.svc-row{grid-template-columns:2.6rem 1fr}.svc-row .svc-txt2{grid-column:2}}

/* ---------- split edytorialny ---------- */
.split{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(1.6rem,4.5vw,4.5rem);align-items:center}
.split.rev .split-img{order:2}
.split-img{position:relative}
.split-img img{width:100%;object-fit:cover;border-radius:var(--r-m);box-shadow:var(--sh-l)}
.split-img.fill{align-self:stretch;display:flex;flex-direction:column}
.split-img.fill img{flex:1 1 auto;min-height:clamp(20rem,42vw,32rem)}
.split-img .cap{margin:.85rem 0 0;font:500 .82rem/1.45 Manrope;color:var(--muted)}
.band .split-img .cap{color:var(--muted-d)}
.split-txt h2{margin-bottom:1.1rem}
@media (max-width:880px){.split{grid-template-columns:1fr}.split.rev .split-img{order:0}}

/* ---------- fakty / liczby w narracji ---------- */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:clamp(1rem,2.2vw,2rem);margin-top:clamp(1.8rem,4vw,3rem)}
.fact{border-left:1px solid var(--line);padding-left:1.1rem}
.band .fact{border-color:var(--line-d)}
.fact b{display:block;font:700 clamp(1.55rem,1.2rem + 1.2vw,2.3rem)/1.05 Syne;letter-spacing:-.035em;color:var(--gold-d);margin-bottom:.45rem;text-wrap:balance}
.band .fact b{color:var(--gold-2)}
.fact span{font-size:.93rem;color:var(--muted)}
.band .fact span{color:var(--muted-d)}

/* ---------- bento galeria ---------- */
.bento{
  display:grid;grid-template-columns:repeat(4,1fr);
  grid-auto-rows:clamp(96px,9.2vw,150px);gap:clamp(.55rem,1.1vw,.95rem)
}
.bento figure{
  margin:0;position:relative;overflow:hidden;border-radius:var(--r-m);background:var(--paper-3);
  grid-column:span 1;grid-row:span 2;height:100%
}
.bento img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .8s var(--ease)}
.bento figure:hover img{transform:scale(1.02);filter:brightness(1.05)}
.bento .t-wide{grid-column:span 2}
.bento .t-tall{grid-row:span 4}
.bento figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:2.6rem .95rem .8rem;color:#fff;
  font:600 .86rem/1.3 Manrope;letter-spacing:.01em;
  background:linear-gradient(180deg,transparent,rgba(14,11,9,.8));
  opacity:0;transform:translateY(6px);transition:opacity .45s var(--ease),transform .45s var(--ease)
}
.bento figure:hover figcaption,.bento figure:focus-within figcaption{opacity:1;transform:none}
@media (max-width:860px){
  .bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(88px,19vw,140px)}
  .bento .t-tall{grid-row:span 3}
}

/* ---------- masonry realizacji ---------- */
.mosaic{columns:3;column-gap:clamp(.6rem,1.2vw,1rem)}
.mosaic figure{margin:0 0 clamp(.6rem,1.2vw,1rem);break-inside:avoid;position:relative;overflow:hidden;border-radius:var(--r-m);background:var(--paper-3)}
.mosaic img{width:100%;transition:transform .8s var(--ease),filter .8s var(--ease)}
.mosaic figure:hover img{transform:scale(1.02);filter:brightness(1.05)}
.mosaic figcaption{
  position:absolute;inset:auto 0 0 0;padding:2.4rem .9rem .78rem;color:#fff;font:600 .85rem/1.35 Manrope;
  background:linear-gradient(180deg,transparent,rgba(14,11,9,.8));opacity:0;transition:opacity .4s var(--ease)
}
.mosaic figcaption small{display:block;font:400 .78rem/1.4 Manrope;color:rgba(255,255,255,.75);margin-top:.15rem}
.mosaic figure:hover figcaption,.mosaic figure:focus-within figcaption{opacity:1}
@media (max-width:960px){.mosaic{columns:2}}
@media (max-width:560px){.mosaic{columns:1}}

/* ---------- karta realizacji z metryczką ---------- */
.case{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(1.4rem,3.5vw,3.2rem);align-items:center;padding-block:clamp(2.2rem,5vw,4rem);border-bottom:1px solid var(--line)}
.case:last-of-type{border-bottom:0}
.case-img{overflow:hidden;border-radius:var(--r-m)}
.case-img img{width:100%;transition:transform .9s var(--ease)}
.case:hover .case-img img{transform:scale(1.02)}
.case h3{margin-bottom:.7rem}
.spec{margin:1.2rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.42rem 1rem;font-size:.92rem}
.spec dt{color:var(--muted);white-space:nowrap}
.spec dd{margin:0;font-weight:600;color:var(--text)}
.band .spec dd{color:var(--paper)}
.band .spec dt{color:var(--muted-d)}
@media (max-width:820px){.case{grid-template-columns:1fr}}

/* ---------- materiały ---------- */
.mats{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:clamp(1rem,2.4vw,1.9rem)}
.mat{border-top:1px solid var(--line-d);padding-top:1.05rem}
.mat h3{font-size:1.06rem;margin-bottom:.4rem}
.mat p{margin:0;font-size:.92rem;color:var(--muted-d)}

/* ---------- cytat ---------- */
.quote{max-width:52ch}
.quote blockquote{margin:0;font:600 clamp(1.25rem,1.05rem + .9vw,1.85rem)/1.42 Syne;letter-spacing:-.02em;text-wrap:balance}
.quote .who{margin-top:1.3rem;font-size:.93rem;color:var(--muted)}
.band .quote .who{color:var(--muted-d)}
.stars{display:flex;align-items:center;gap:.22rem;margin:0 0 1rem}
.stars svg{width:1.05rem;height:1.05rem;fill:var(--gold-2)}
.plate .stars svg{fill:var(--gold)}
.stars span{margin-left:.55rem;font:600 .84rem/1 Manrope;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-d)}
.plate .stars span{color:var(--muted)}

/* ---------- proces ---------- */
.steps{counter-reset:s;display:grid;gap:0}
.step{display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,2.4vw,2rem);padding:clamp(1.2rem,2.4vw,1.9rem) 0;border-bottom:1px solid var(--line)}
.band .step{border-color:var(--line-d)}
.step:last-child{border-bottom:0}
.step .dot{width:2.6rem;height:2.6rem;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:700 .95rem/1 Syne;color:var(--gold-d)}
.band .step .dot{border-color:var(--gold-2);color:var(--gold-2)}
.step h3{margin-bottom:.3rem}
.step p{margin:0;color:var(--muted)}
.band .step p{color:var(--muted-d)}

/* ---------- CTA pas ---------- */
.cta{background:var(--ink-2);color:var(--paper);padding-block:clamp(3rem,6vw,5rem)}
.cta-in{display:flex;flex-wrap:wrap;gap:1.6rem;align-items:center;justify-content:space-between}
.cta h2{max-width:20ch}
.cta .side{display:flex;flex-direction:column;gap:.75rem}
.cta .big-tel{font:700 clamp(1.5rem,1.2rem + 1.4vw,2.2rem)/1 Syne;color:var(--gold-2);text-decoration:none;letter-spacing:-.02em}
.cta .big-tel:hover{color:#F0CE79}

/* ---------- kontakt / formularz ---------- */
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(1.8rem,4vw,3.6rem)}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.info-list{list-style:none;margin:0;padding:0;display:grid;gap:1.05rem}
.info-list li{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;padding-bottom:1.05rem;border-bottom:1px solid var(--line)}
.info-list li:last-child{border-bottom:0}
.info-list .lab{font:600 .76rem/1.4 Manrope;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-d);min-width:6.5rem}
.info-list a{font-weight:600;text-decoration:none;border-bottom:1px solid var(--line)}
.info-list a:hover{border-color:var(--gold)}
.form{display:grid;gap:.9rem;background:var(--paper-2);padding:clamp(1.2rem,2.6vw,2rem);border-radius:var(--r-m);border:1px solid var(--line)}
.form .fld{display:grid;gap:.35rem}
.form label{font:600 .84rem/1.3 Manrope}
.form input,.form textarea,.form select{
  font:400 1rem/1.5 Manrope;padding:.78rem .9rem;border:1px solid var(--line);border-radius:var(--r-s);
  background:#fff;color:var(--text);width:100%
}
.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
@media (max-width:540px){.form .row{grid-template-columns:1fr}}
.form .hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.form .rodo{font-size:.81rem;color:var(--muted);margin:0}
.form .rodo a{color:var(--gold-d)}

/* ---------- mapa / obszar ---------- */
.area{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.1rem}
.area span{font:500 .85rem/1 Manrope;padding:.5rem .75rem;border:1px solid var(--line);border-radius:99px;color:var(--muted)}
.band .area span{border-color:var(--line-d);color:var(--muted-d)}

/* ---------- stopka ---------- */
.foot{background:#100D0A;color:rgba(247,243,236,.72);padding-block:clamp(2.8rem,5vw,4.2rem) 1.6rem;font-size:.93rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(1.6rem,4vw,3.4rem)}
@media (max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foot-grid{grid-template-columns:1fr}}
.foot h4{font:700 .82rem/1.3 Manrope;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);margin:0 0 .9rem}
.foot a{color:rgba(247,243,236,.82);text-decoration:none}
.foot a:hover{color:var(--gold-2)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.foot .brand-f{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}
.foot .brand-f img{width:52px}
.foot .brand-f b{font:700 1.05rem/1.1 Syne;color:var(--paper);display:block}
.foot-bottom{
  margin-top:clamp(1.8rem,4vw,3rem);padding-top:1.2rem;border-top:1px solid rgba(240,228,205,.12);
  display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;justify-content:space-between;font-size:.85rem;color:rgba(247,243,236,.55)
}
.foot-bottom a{color:rgba(247,243,236,.62)}

/* ---------- sticky call (mobile) ---------- */
.sticky-call{display:none}
@media (max-width:760px){
  .sticky-call{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;
    background:var(--gold);color:#fff;text-decoration:none;font:700 1rem/1 Manrope;
    padding:1rem;justify-content:center;gap:.55rem;box-shadow:0 -6px 20px -10px rgba(0,0,0,.5)
  }
  body{padding-bottom:3.6rem}
}

/* ---------- nagłówek podstrony ---------- */
.pagehead{position:relative;min-height:min(58svh,520px);display:flex;align-items:flex-end;color:var(--paper);background:var(--ink);overflow:hidden}
.pagehead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pagehead::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,9,.66),rgba(14,11,9,.28) 45%,rgba(14,11,9,.86))}
.pagehead-in{position:relative;z-index:2;padding-block:clamp(6rem,13vh,8rem) clamp(2.2rem,5vh,3.4rem);width:min(100% - 2*var(--pad),var(--maxw));margin-inline:auto}
.pagehead h1{font-size:clamp(2.1rem,1.5rem + 3vw,3.9rem)}
.crumbs{font:500 .82rem/1 Manrope;color:rgba(247,243,236,.62);margin-bottom:1rem}
.crumbs a{color:var(--gold-2);text-decoration:none}

/* nagłówek podstrony bez zdjęcia (gdy pod spodem jest galeria) */
.pagehead.plain{min-height:0;background:var(--ink);padding-block:clamp(7.5rem,15vh,10rem) clamp(2.6rem,6vh,4rem)}
.pagehead.plain::after{display:none}
.pagehead.plain .pagehead-in{padding-block:0}
.pagehead.plain .tick{margin-bottom:1.1rem}
.pagehead.plain p.lede{margin-top:1.5rem;max-width:56ch}

/* ---------- lightbox ---------- */
[hidden]{display:none!important}
.lb{position:fixed;inset:0;z-index:60;background:rgba(12,9,7,.94);display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem)}
.lb img{max-width:100%;max-height:86svh;object-fit:contain;border-radius:var(--r-s)}
.lb .x,.lb .pv,.lb .nx{
  position:absolute;background:rgba(247,243,236,.12);border:1px solid rgba(247,243,236,.28);color:var(--paper);
  width:46px;height:46px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:grid;place-items:center
}
.lb .x{top:1.1rem;right:1.1rem}
.lb .pv{left:1.1rem;top:50%;transform:translateY(-50%)}
.lb .nx{right:1.1rem;top:50%;transform:translateY(-50%)}
.lb .cap{position:absolute;left:0;right:0;bottom:1.1rem;text-align:center;color:rgba(247,243,236,.8);font-size:.9rem}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
html:not(.js) .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1!important;transform:none!important}
  .hero-bg img{animation:none}
  *{transition-duration:.01ms!important}
}