/* Pliki w ../fonts (OFL). Fraunces: jedna instancja wght 600, SOFT 100, oś opsz 9-144; DM Sans 400-600. Podzbiór: łacina + polskie znaki. */
@font-face{font-family:'Fraunces';font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/fraunces-600-soft.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:400 600;font-style:normal;font-display:swap;src:url(/fonts/dmsans-400-600.woff2) format('woff2')}
/* KaWa i Paznokcie - wspólne tokeny (strona + przewodnik + grafiki social). Paleta z briefu (audyt, sekcja 8) + kolory wnętrza salonu.
   22.10: tło złote zamiast zielonego (właściciel: "bardziej złota niż zielona"); zieleń zostaje na przyciski, odnośniki i ramy. */
:root{
  --mleko:#F3E6CA;      /* tło: szampańskie złoto */
  --pianka:#FBF4E4;     /* powierzchnia, karty */
  --latte:#EFE1C2;      /* ton */
  --szampan:#E8D29E;    /* ton: głębsze złoto (pigułki menu, ramki) */
  --szalwia:#DDE6D7;    /* ton (tylko grafiki przewodnika) */
  --tusz:#2A1D13;       /* tekst, 13,2:1 na mleku, min. 6,4:1 na złotych blokach */
  --tusz2:#5C4A3B;      /* tekst drugorzędny, 6,8:1 */
  --na-zlocie:#3F2E1C;  /* tekst drugorzędny na złotych blokach, min. 5:1 */
  --braz:#6B4F1D;       /* logo i duże cyfry na jasnym, 6,2:1 */
  --zielen:#1E5A3B;     /* akcent, odnośniki, 6,6:1 */
  --butelka:#123F2A;    /* przycisk, ramy na złotej ścianie; napis mleko 9,6:1 */
  --sciana:#1F6B45;     /* szmaragdowa ściana salonu (tylko grafiki przewodnika) */
  --na-ciemnym:#C9D3C4; /* tekst 2 na zieleni */
  --karmel:#8A5508;     /* tekst-akcent tylko na mleku i latte (5:1, 4,8:1) */
  --linia:#D8C49A;
  --koral:#E2605A;      /* lakier: tylko duże kształty, nigdy tekst */
  --zloto:#B8924A;      /* ramy i lustra (ozdoba, nie tekst) */
  --ochra:#C98A1E;      /* falisty zagłówek (ozdoba) */
  --serif:'Fraunces',Georgia,serif;  /* 600, SOFT 100 */
  --sans:'DM Sans',system-ui,sans-serif; /* 400-600 */
  --ease:cubic-bezier(.16,1,.3,1);
}

/* ===== KaWa i Paznokcie: "Pracownia z kawą" ===== */
:root{--gx:clamp(20px,4.2vw,64px);--rytm:clamp(48px,5.4vw,80px);--kraw:calc(var(--rytm)*.72);--top:76px;--fs:clamp(17px,1.05vw,18.5px);
--gold:conic-gradient(from 200deg,#7d5f26,#e9cf8a 18%,#a8833d 34%,#f3e2a9 52%,#9a7634 70%,#dcbd73 86%,#7d5f26);
--fill-gold:linear-gradient(135deg,#8a6a2c,#e3c77c 28%,#a5813b 48%,#f1dc9a 64%,#8f6e2e 82%,#c9a659);
--zl-sciana:linear-gradient(165deg,#EBD394,#DDBE78 40%,#D2AF66 72%,#DCBF7A);--zl-blok:linear-gradient(180deg,#CFA95C,#C29A4E 55%,#CCA65A)}
[hidden]{display:none!important}
*{box-sizing:border-box}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}html{-webkit-text-size-adjust:100%;overflow-x:clip;scrollbar-width:none;scroll-padding-top:calc(var(--top) + 20px)}
body{margin:0;background:var(--mleko);color:var(--tusz);font:400 var(--fs)/1.62 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}img,svg{display:block}img{max-width:100%;height:auto}
h1,h2,h3,.serif{font-family:var(--serif);font-weight:600;font-variation-settings:"SOFT" 100;font-optical-sizing:auto;letter-spacing:-.025em}
::selection{background:var(--latte);color:var(--tusz)}
:focus-visible{outline:2px solid var(--zielen);outline-offset:3px;border-radius:2px}
.wrap{max-width:1360px;margin:0 auto;padding-inline:var(--gx)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-80px;z-index:120;background:var(--butelka);color:var(--mleko);padding:12px 16px}.skip:focus{top:12px}
.tbd{font-family:var(--sans);font-weight:400;font-size:.82em;letter-spacing:0;color:var(--karmel);background:color-mix(in srgb,var(--latte) 60%,transparent);padding:.05em .4em;border-radius:3px;font-variation-settings:normal}
.h-giant{font-size:clamp(52px,10.6vw,176px);line-height:.9;letter-spacing:-.045em}
.h1{font-size:clamp(46px,7vw,112px);line-height:.95;letter-spacing:-.04em;text-wrap:balance;margin-bottom:.14em}
.h2{font-size:clamp(46px,6.4vw,104px);line-height:.95;letter-spacing:-.04em;text-wrap:balance;margin-top:.14em}
.h3x{font-size:clamp(28px,2.6vw,40px);line-height:1.05;letter-spacing:-.03em;margin-top:.09em}
.lead{font-size:clamp(19px,1.45vw,23px);line-height:1.5;color:var(--tusz2);max-width:42ch;margin-top:24px}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.arr{width:22px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .45s var(--ease)}
/* przyciski: jeden wypełniony, pigułka z ruchem strzałki */
.btn{position:relative;display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:0 26px 0 30px;border-radius:999px;background:var(--butelka);color:var(--mleko);font:600 17px/1 var(--sans);text-decoration:none;white-space:nowrap;overflow:hidden;isolation:isolate;transition:transform .5s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--zielen);transform:translateY(101%);border-radius:inherit;transition:transform .55s var(--ease)}
.btn:hover::before{transform:none}.btn:hover .arr{transform:translateX(5px)}.btn:active{transform:scale(.98)}
.btn.big{min-height:66px;font-size:19px;padding:0 30px 0 36px}
.btn.sm{min-height:44px;padding:0 20px;font-size:15px}
.btn.light{background:var(--mleko);color:var(--butelka)}.btn.light::before{background:var(--latte)}
.btn.ghost{background:transparent;color:var(--zielen);border:1.5px solid var(--zielen)}.btn.ghost::before{background:var(--szampan)}
.lnk{display:inline-flex;align-items:center;gap:12px;padding:12px 0;margin:-12px 0;font-weight:600;color:var(--zielen);text-decoration:none}
.lnk span{background:linear-gradient(currentColor,currentColor) 0 100%/100% 1.5px no-repeat;padding-bottom:2px;transition:background-size .5s var(--ease)}
.lnk:hover span{background-size:0 1.5px;background-position:100% 100%}.lnk:hover .arr{transform:translateX(5px)}
.lnk.ink{color:var(--tusz)}
/* nagłówek */
.top{position:fixed;inset:0 0 auto;z-index:50;transition:background .4s,box-shadow .4s,transform .5s var(--ease)}
.top-in{display:flex;align-items:center;gap:28px;min-height:var(--top);padding-inline:var(--gx);max-width:1360px;margin:0 auto}
.top.solid{background:color-mix(in srgb,var(--mleko) 88%,transparent);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--linia)}
.top.hide{transform:translateY(-100%)}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:44px;flex:none}
.logo{color:var(--braz);--logo-bg:var(--mleko)}.logo svg{display:block;fill:currentColor;width:auto}.logo-p{height:70px}
.top-info{display:flex;flex-direction:column;gap:4px;margin:0;font-size:16px;line-height:1.25;color:var(--tusz2)}.top-info a{display:inline-flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.top-info a:hover,.top-info a:focus-visible{text-decoration:underline;text-underline-offset:3px}.top-info .ic{width:19px;height:19px;flex:none}.top-info a+a{padding-left:28px}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{position:relative;display:flex;align-items:center;min-height:44px;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none}
.nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:7px;height:6px;background:radial-gradient(circle at 3px 6px,transparent 2px,var(--ochra) 2.5px,var(--ochra) 3px,transparent 3.5px) 0 0/6px 6px repeat-x;opacity:0;transform:translateY(3px);transition:opacity .3s,transform .4s var(--ease)}
.nav a:hover::after,.nav a[aria-current]::after{opacity:1;transform:none}
.menu-b{display:none;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:0 6px 0 14px;background:none;border:0;font:600 15px var(--sans);color:var(--tusz);cursor:pointer}
.mb-l{position:relative;width:22px;height:10px}.mb-l::before,.mb-l::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor}.mb-l::before{top:0}.mb-l::after{bottom:0;left:6px}
/* menu pełnoekranowe: tony salonu, migdał przy pozycji */
.menu{position:fixed;inset:0;z-index:70;background:var(--mleko);overflow:auto}
.menu-in{min-height:100%;display:flex;flex-direction:column;padding:12px var(--gx) 28px}.menu-h{display:flex;justify-content:space-between;align-items:center;min-height:var(--top)}
.menu-x{min-height:44px;padding:0 4px;background:none;border:0;font:600 15px var(--sans);color:var(--tusz);cursor:pointer}
.menu-l{margin-top:18px;display:grid;gap:8px}
.menu-l a{display:flex;align-items:center;min-height:68px;padding:10px 22px;border-radius:999px;font:600 clamp(28px,7vw,44px)/1 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.03em;text-decoration:none;transition:transform .4s var(--ease)}
.menu-l .m0 a{background:var(--latte)}.menu-l .m1 a{background:var(--szampan)}.menu-l .m2 a{background:var(--pianka)}.menu-l .m3 a{background:color-mix(in srgb,var(--latte) 55%,var(--mleko))}.menu-l .m4 a{background:color-mix(in srgb,var(--szampan) 55%,var(--mleko))}
.menu-l .m5 a{background:var(--butelka);color:var(--mleko)}
.menu-l a:hover{transform:translateX(8px)}
.menu-s{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:auto;padding-top:28px;font-size:15px;color:var(--tusz2)}.menu-s a{font-weight:600;color:var(--zielen)}
.menu.open .menu-l li{animation:mIn .6s var(--ease) both}.menu.open .menu-l li:nth-child(2){animation-delay:.06s}.menu.open .menu-l li:nth-child(3){animation-delay:.12s}.menu.open .menu-l li:nth-child(4){animation-delay:.18s}.menu.open .menu-l li:nth-child(5){animation-delay:.24s}.menu.open .menu-l li:nth-child(6){animation-delay:.3s}
@keyframes mIn{from{opacity:0;transform:translateY(22px)}}
/* sekcje */
/* rytm: między sekcjami jeden token (po pół z każdej strony); na krawędzi złotego bloku pełny token nad i pod */
.sec{position:relative;padding-block:calc(var(--rytm)/2)}
/* Odstępy: --rytm = luka między sekcjami na tym samym tle; --kraw = odstęp po OBU stronach każdej zmiany koloru tła (równy nad i pod krawędzią) */
.wystawa{padding-block:var(--kraw)}.sec:has(+.wystawa),.sec:has(+.omnie:not(.p-om)),.sec:has(+.book),main>.sec:last-child,main>article>.sec:last-child{padding-bottom:var(--kraw)}.wystawa+.sec,.omnie:not(.p-om)+.sec{padding-top:var(--kraw)}
/* ===== PIERWSZY EKRAN: lustro, przez które wchodzisz do salonu ===== */
.hero{position:relative}
.hero-st{position:relative;min-height:100svh;display:flex}
.hero-in{position:relative;z-index:2;display:grid;grid-template-rows:1fr auto;gap:clamp(20px,3vh,40px);width:100%;padding-top:calc(var(--top) + 18px);padding-bottom:clamp(28px,5vh,56px)}
.hero-top{display:flex;justify-content:space-between;gap:16px;font-size:17px;color:var(--tusz2)}.hero-top span{display:inline-flex;align-items:center;gap:9px}.hero-top .ic{width:20px;height:20px}
.h-giant{align-self:center}
.h-giant .l{display:block}.h-giant .l2{padding-left:1.05em;display:flex;align-items:center}.h-giant .l3{text-align:right}
.mir{position:relative;display:inline-block;flex:none;width:.86em;height:.86em;margin-left:.2em;border-radius:50%;padding:.05em;background:var(--gold);box-shadow:0 .06em .12em rgba(42,29,19,.18)}
.mir-p{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}.mir-p img{width:100%;height:100%;object-fit:cover;object-position:28% 18%}
.hero-b{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end}
.hero-lead{font-size:clamp(17px,1.3vw,21px);line-height:1.5;color:var(--tusz2);max-width:40ch}
.hero-cta{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.rate{display:flex;flex-direction:column;align-items:flex-end;font-size:17px;color:var(--tusz2);text-align:right}.rate a{text-decoration:none;font-size:17px;color:var(--tusz)}.rate b{font-family:var(--serif);font-size:23px;font-variation-settings:"SOFT" 100;color:var(--braz)}
.portal,.ring{display:none}
html:not(.live) .hero-in{padding-bottom:calc(var(--rytm)/2)}
/* tryb żywy (JS, bez reduced motion): ścieżka przewijania, koło rośnie do pełnego ekranu */
.live .hero{height:250vh}.live .hero+.sec{padding-top:calc(var(--rytm)*.9)}
.live .hero-st{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden}
.live .portal{display:block;position:absolute;inset:0;z-index:3;clip-path:circle(var(--r,0px) at var(--x,50%) var(--y,50%));pointer-events:none;background:var(--zloto)}
.live .portal-i{position:absolute;inset:0;transform-origin:var(--x,50%) var(--y,50%);transform:scale(var(--s,1));will-change:transform}
.live .portal-i picture,.live .portal-i img{width:100%;height:100%;object-fit:cover}
.live .portal-i img{object-position:55% 50%}
.live .ring{display:block;position:absolute;z-index:4;left:var(--x);top:var(--y);width:var(--d,0px);height:var(--d,0px);border-radius:50%;pointer-events:none;
  -webkit-mask:radial-gradient(circle,transparent calc(50% - .055*var(--d,0px)),#000 calc(50% - .055*var(--d,0px) + 1px));mask:radial-gradient(circle,transparent calc(50% - .055*var(--d,0px)),#000 calc(50% - .055*var(--d,0px) + 1px));background:var(--gold);transform:translate(-50%,-50%) scale(var(--rs,1));opacity:var(--ro,1)}
.live .mir{background:none;box-shadow:none}.live .mir-p{visibility:hidden}
.live .hero-in .l1{transform:translate3d(calc(var(--e,0)*-12vw),calc(var(--e,0)*-10vh),0);opacity:calc(1 - var(--e,0)*1.6)}
.live .hero-in .l2{opacity:calc(1 - var(--e,0)*1.8)}
.live .hero-in .l3{transform:translate3d(calc(var(--e,0)*12vw),calc(var(--e,0)*10vh),0);opacity:calc(1 - var(--e,0)*1.6)}
.live .hero-top,.live .hero-b{opacity:calc(1 - var(--e,0)*2.4)}
.portal-cap{position:absolute;left:var(--gx);right:var(--gx);bottom:clamp(28px,6vh,64px);display:grid;gap:10px;max-width:640px;color:var(--mleko);opacity:var(--cap,0);transform:translateY(calc((1 - var(--cap,0))*24px))}
.portal::after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(18,30,22,.72));opacity:var(--cap,0)}
.portal-cap{z-index:1}.pc-h{font:600 clamp(44px,6vw,96px)/.95 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.04em}
.portal-cap span:last-child{font-size:clamp(16px,1.2vw,19px);max-width:44ch;color:var(--mleko)}
/* strona główna: zielony landing (zieleń z logo salonu #08211D), złoty tekst i logo; po przewinięciu pasek wraca do kremowego */
.home{--hg:#08211D;--hg-zl:#DDBE78;--hg-tx:#D5DCCF}
.home .hero-st{background:var(--hg)}
.home .h-giant{color:var(--hg-zl)}
/* złoty połysk liter nagłówka: pasek światła przechodzi po trzech wierszach kolejno, cykl 5 s w pętli (bez animacji przy reduced motion) */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .home .h-giant .l{width:fit-content;padding-top:.14em;padding-bottom:.24em;margin-top:-.14em;margin-bottom:-.24em;color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;
    /* warstwy od góry: wąski błysk, szeroka ciepła poświata, złoto z wieloma tonami (powoli „pływa” w pionie) */
    background-image:linear-gradient(102deg,transparent 47.2%,rgba(255,253,240,.96) 50%,transparent 52.8%),
      linear-gradient(102deg,transparent 34%,rgba(255,238,184,.62) 50%,transparent 66%),
      linear-gradient(168deg,#A9803A 0%,#E6CB86 17%,#C79F52 34%,#F6E7B6 50%,#B98F43 67%,#E2C57F 84%,#AD8540 100%);
    background-size:240% 100%,300% 100%,100% 240%;background-repeat:no-repeat;background-position:100% 0,100% 0,0 0;
    animation:kz-polysk 9s cubic-bezier(.5,0,.3,1) infinite}
  .home .h-giant .l2{animation-delay:.55s}.home .h-giant .l3{animation-delay:1.1s;margin-left:auto}
}
@keyframes kz-polysk{
  0%{background-position:100% 0,100% 0,0 0}
  46%{background-position:0% 0,0% 0,0 62%}
  100%{background-position:0% 0,0% 0,0 0}}
@media (prefers-reduced-motion:reduce){.home .h-giant .l{animation:none}}
.home .hero-top,.home .rate{color:var(--hg-tx)}.home .hero-lead{color:var(--hg-zl)}
.home .rate a,.home .rate b{color:var(--hg-zl)}
.home .hero .btn{background:var(--hg-zl);color:var(--hg)}.home .hero .btn::before{background:#EBD394}
.home .top:not(.solid) .logo{color:var(--hg-zl)}
.home .top:not(.solid) .nav a,.home .top:not(.solid) .top-info,.home .top:not(.solid) .menu-b{color:var(--hg-tx)}
.home .top:not(.solid) .top-book{background:var(--hg-zl);color:var(--hg)}.home .top:not(.solid) .top-book::before{background:#EBD394}
/* ===== MANIFEST: słowa zapalają się przy przewijaniu ===== */
.manif-t{margin-top:.085em;margin-bottom:.087em;font:600 clamp(34px,4.9vw,80px)/1.06 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.035em;max-width:17ch;text-wrap:balance}
.manif-t .w{opacity:var(--o,1);transition:opacity .2s linear}
.mig{display:inline-block;width:.42em;height:.56em;margin-left:.18em;vertical-align:-.02em;background:var(--koral);border-radius:50% 50% 50% 50%/62% 62% 38% 38%;transform:rotate(14deg)}
/* ===== KARTA: menu jak w kawiarni ===== */
.karta-h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(28px,3vw,48px)}
.karta-h .h2{font-size:clamp(72px,12vw,200px);line-height:.8;margin-top:.025em}
.karta-s{max-width:28ch;font-size:clamp(17px,1.3vw,20px);color:var(--tusz2);padding-bottom:.6em}
.karta{position:relative;background:var(--pianka);padding:clamp(36px,5vw,80px) clamp(22px,5vw,80px) clamp(28px,3.4vw,48px);
  -webkit-mask:radial-gradient(circle at 50% 0,transparent 9px,#000 9.5px) 0 0/32px 100% repeat-x;mask:radial-gradient(circle at 50% 0,transparent 9px,#000 9.5px) 0 0/32px 100% repeat-x}
.karta-p{columns:2;column-gap:clamp(40px,6vw,104px)}
.kat{break-inside:avoid;margin-bottom:clamp(28px,3vw,44px)}
.kat h3{display:flex;align-items:center;gap:12px;font-size:clamp(28px,2.4vw,38px);line-height:1;margin-bottom:14px}

.r{position:relative;display:grid;grid-template-columns:auto minmax(24px,1fr) auto;column-gap:10px;align-items:baseline;padding:12px 0 10px;text-decoration:none;color:inherit;border-bottom:1px solid color-mix(in srgb,var(--linia) 70%,transparent);isolation:isolate}
.r::before{content:"";position:absolute;inset:0 -14px;z-index:-1;background:var(--latte);border-radius:12px;transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
a.r:hover::before{transform:none}
.r-n{font:600 clamp(19px,1.5vw,23px)/1.2 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.015em}
.r-d{height:1px;align-self:end;margin-bottom:.42em;background:radial-gradient(circle,var(--tusz2) 1px,transparent 1.3px) 0 50%/7px 3px repeat-x;opacity:.55;transition:background-position .8s var(--ease)}
a.r:hover .r-d{background-position:21px 50%}
.r-p{font:600 clamp(19px,1.5vw,23px)/1.2 var(--serif);font-variation-settings:"SOFT" 100;white-space:nowrap}
.r-t{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:15px;color:var(--tusz2);margin-top:2px}
.cups{display:inline-flex;gap:3px}.cup{width:15px;height:15px;fill:none;stroke:var(--karmel);stroke-width:1.6}.cup .cup-in{fill:var(--karmel);stroke:none;opacity:.85}.cup.half .cup-in{clip-path:inset(0 50% 0 0)}.cup .cup-cut{display:none}
.karta-f{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 32px;padding-top:20px;border-top:1px solid var(--linia);font-size:15px;color:var(--tusz2)}
.cups-l{display:inline-flex;align-items:center;gap:8px}
.karta-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:clamp(28px,3vw,44px)}
/* zdjęcie w migdale za kursorem (komputer) */
.hov{visibility:hidden;position:fixed;left:0;top:0;z-index:30;width:240px;height:304px;pointer-events:none;transform:translate3d(var(--hx,-999px),var(--hy,-999px),0)}
.hov-i{position:absolute;inset:0;border-radius:50% 50% 50% 50%/62% 62% 38% 38%;overflow:hidden;opacity:0;transform:scale(.6) rotate(-8deg);transition:opacity .35s,transform .6s var(--ease);box-shadow:0 30px 60px -25px rgba(42,29,19,.5)}
.hov.on{visibility:visible}.hov-i.on{opacity:1;transform:rotate(var(--hr,0deg))}.hov-i img{width:100%;height:100%;object-fit:cover}
@media (hover:none),(max-width:1023px){.hov{display:none}}
/* ===== HIGIENA ===== */
.hig-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.hig-img{grid-column:1/6}.hig-t{grid-column:7/13}
.fala-ramka{display:block;
  -webkit-mask:radial-gradient(circle at 50% 100%,#000 calc(50% - .5px),transparent 50%) 0 0/56px 28px repeat-x,linear-gradient(#000,#000) 0 27px/100% calc(100% - 27px) no-repeat;
  mask:radial-gradient(circle at 50% 100%,#000 calc(50% - .5px),transparent 50%) 0 0/56px 28px repeat-x,linear-gradient(#000,#000) 0 27px/100% calc(100% - 27px) no-repeat}
.fala-ramka img{width:100%;aspect-ratio:4/5;object-fit:cover}
.hig-t .h2{margin-bottom:28px}.hig-t p{max-width:58ch}.hig-t p+p{margin-top:16px}
.podpis{margin-top:28px!important;font:600 40px/1 var(--serif);font-variation-settings:"SOFT" 100;color:var(--braz);transform:rotate(-4deg);transform-origin:left;display:inline-flex;align-items:center;gap:12px}
.hig-t .podpis{display:flex;width:fit-content;margin-left:auto;margin-right:clamp(0px,7vw,110px);transform-origin:center}
/* komputer: zdjęcie dosięga dołu tekstu, więc podpis „Kasia” stoi nad dolną krawędzią zdjęcia, nie pod nią */
@media (min-width:1024px){.hig-in{align-items:stretch}.hig-img{display:flex}.hig-img .fala-ramka{flex:1;display:block}.hig-img .fala-ramka img{height:100%}.hig-t{display:flex;flex-direction:column;justify-content:center;padding-bottom:14px}}
/* ===== WYSTAWA: prace w butelkowych ramach na złotej ścianie ===== */
.wystawa{background:var(--zl-sciana);background-color:#DEC07B;color:var(--tusz)}
.wystawa .tbd{color:var(--butelka);background:color-mix(in srgb,var(--latte) 85%,transparent)}
.wys-h{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;margin-bottom:clamp(40px,5vw,80px)}
.wys-h .h2{font-size:clamp(72px,12vw,200px);line-height:.8;margin-top:.025em}.wys-h p{max-width:32ch;color:var(--na-zlocie)}
.sciana{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:clamp(40px,5vw,72px);align-items:start}
.a1{grid-column:1/5}.a2{grid-column:5/11;margin-top:clamp(40px,7vw,120px)}.a3{grid-column:11/13;margin-top:clamp(80px,12vw,220px)}
.a4{grid-column:2/4;margin-top:-40px}.a5{grid-column:5/8}.a6{grid-column:9/11;margin-top:clamp(20px,4vw,72px)}
.rama{position:relative}
.hang{position:relative;padding-top:30px;transform-origin:50% 2px;transform:rotate(var(--sw,0deg));will-change:transform}
.sznur{position:absolute;left:12%;right:12%;top:2px;width:76%;height:30px;fill:none;stroke:color-mix(in srgb,var(--tusz) 45%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}
.hak{position:absolute;left:50%;top:0;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--fill-gold);box-shadow:0 1px 2px rgba(0,0,0,.4)}
.rama-f{position:relative;padding:clamp(10px,1.2vw,16px);background:var(--fill-gold);background-color:var(--zloto);box-shadow:0 26px 40px -22px rgba(4,26,14,.75),0 2px 0 rgba(255,255,255,.25) inset}
.rama-f::before{content:"";position:absolute;inset:clamp(10px,1.2vw,16px);box-shadow:0 0 0 1px rgba(80,58,20,.55);pointer-events:none;z-index:1}
.wystawa .rama-f{background:linear-gradient(135deg,#1F5A3D,#0F3624 45%,#1B4E35 72%,#0D2F20);background-color:var(--butelka);box-shadow:0 26px 40px -22px rgba(70,46,10,.6),0 1px 0 rgba(255,255,255,.16) inset}.wystawa .rama-f::before{box-shadow:0 0 0 1px rgba(226,196,120,.75)}
.rama-f picture,.rama-ph{display:block;background:var(--pianka);padding:clamp(10px,1.6vw,22px)}
.rama-f img{width:100%;object-fit:cover}
.r-l .rama-f img,.r-s .rama-f img,.r-m .rama-f img,.r-g .rama-f img,.r-h .rama-f img{aspect-ratio:4/5}.r-w .rama-f img{aspect-ratio:3/2}
.rama-ph{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:6px;aspect-ratio:4/5;width:100%;text-align:center;color:var(--tusz2);background:var(--latte)}
.rama-ph .ph-t{font:600 clamp(18px,1.6vw,24px)/1.1 var(--serif);font-variation-settings:"SOFT" 100;color:var(--tusz)}.rama-ph .ph-s{font-size:13px}

.tab{display:grid;gap:2px;width:max-content;max-width:100%;margin:22px auto 0;padding:10px 14px;background:var(--pianka);color:var(--tusz);font-size:13px;line-height:1.35;box-shadow:0 10px 20px -14px rgba(0,0,0,.5)}
.tab b{font:600 16px/1.2 var(--serif);font-variation-settings:"SOFT" 100}.tab span{color:var(--tusz2)}
.wys-f{display:flex;justify-content:space-between;align-items:center;gap:12px 32px;flex-wrap:wrap;margin-top:clamp(40px,5vw,72px);padding-top:20px;border-top:1px solid rgba(42,29,19,.2);color:var(--na-zlocie)}
/* ===== O MNIE: lustro i hasło jak w słowniku ===== */
.om-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.om-l{grid-column:1/6}.om-r{grid-column:7/13}
.lustro{position:relative;aspect-ratio:1;border-radius:50%;padding:clamp(10px,1.2vw,16px);background:var(--gold);background-color:var(--zloto);box-shadow:0 30px 60px -30px rgba(42,29,19,.45)}
.lustro>*:first-child{width:100%;height:100%;border-radius:50%;overflow:hidden}
.om-mir picture{display:block}.om-mir img{width:100%;height:100%;object-fit:cover;object-position:55% 30%}
.om-mir>.tbd{display:grid;place-items:center;text-align:center;background:var(--szampan);font-size:15px;padding:0 18%}
.om-r .h2,.om-r .h1{margin-bottom:28px}
.omnie:not(.p-om){background:var(--zl-sciana);background-color:#DEC07B;padding-block:calc(var(--kraw) - 12px) var(--kraw)}.omnie:not(.p-om) .om-in{align-items:center}.omnie:not(.p-om) .h2{margin-top:0}.omnie:not(.p-om) .om-mir{margin-top:14px}.omnie:not(.p-om) .lustro{background:linear-gradient(135deg,#1F5A3D,#0F3624 45%,#1B4E35 72%,#0D2F20);background-color:var(--butelka)}
.slow{display:grid;gap:6px;padding:22px 0;margin-bottom:24px;border-block:1px solid var(--linia)}
.slow dt{font:600 clamp(40px,4.4vw,68px)/1 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.03em;margin-bottom:8px}.slow dt span{font:400 18px var(--sans);letter-spacing:0;color:var(--tusz2);vertical-align:middle}
.slow:last-child{margin-bottom:0}.slow dd{font-size:clamp(17px,1.3vw,20px)}.slow dd b{font-family:var(--serif);color:var(--karmel);margin-right:6px}
.om-r>p{max-width:56ch}.om-r .lnk{margin-top:18px}
/* ===== OPINIE ===== */
.op-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.op-l{grid-column:1/6}.op-r{grid-column:7/13;display:grid;gap:clamp(28px,3vw,44px)}
.op-num{margin-top:.225em;font:600 clamp(170px,23vw,380px)/.78 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.06em;color:var(--braz);background:linear-gradient(170deg,#A07C34,#6B4F1D 55%,#8C6A2A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.op-meta{margin-top:clamp(36px,4vw,56px);max-width:30ch;color:var(--tusz2)}.op-meta b{color:var(--tusz);font-weight:600}.op-meta a{color:var(--zielen);font-weight:600}
.q{position:relative;padding-left:clamp(44px,4vw,64px)}
.q::before{content:"";position:absolute;left:0;top:.2em;width:clamp(28px,2.6vw,40px);height:clamp(36px,3.3vw,52px);background:var(--fill-gold);border-radius:50% 50% 50% 50%/62% 62% 38% 38%;transform:rotate(-12deg)}
.q p{font:600 clamp(26px,2.6vw,42px)/1.12 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.025em}
.q footer{margin-top:12px;font-size:14px;color:var(--tusz2)}
.op-nota{font-size:14px;color:var(--tusz2);max-width:60ch}.op-g{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.op-l .op-g{margin-top:clamp(20px,2vw,28px)}
.op-g a[aria-disabled]{opacity:.6;pointer-events:none}
/* ===== PYTANIA ===== */
.pyt-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.pyt-in>.h2{grid-column:1/5;position:sticky;top:calc(var(--top) + 24px)}.faq{grid-column:6/13;border-top:1px solid var(--linia)}
.faq details{border-bottom:1px solid var(--linia)}
details:not([open])>:not(summary){display:none}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:18px 0;cursor:pointer;font:600 clamp(20px,1.7vw,26px)/1.25 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{position:relative;flex:none;width:44px;height:44px;border-radius:50%;background:var(--latte);transition:background .3s,transform .5s var(--ease)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;margin:-.75px 0 0 -7px;background:var(--tusz);transition:transform .5s var(--ease)}.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i{background:var(--butelka);transform:rotate(180deg)}.faq details[open] summary i::before,.faq details[open] summary i::after{background:var(--mleko)}.faq details[open] summary i::after{transform:rotate(0)}
.faq-a{padding:0 64px 26px 0;color:var(--tusz2);max-width:64ch}
/* ===== DOJAZD ===== */
.doj-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end}
.doj-map{grid-column:1/6}.doj-t{grid-column:7/13}
.map-mir>picture{display:block}.map-mir img{width:100%;height:100%;object-fit:cover}
.pin{position:absolute;left:50%;top:50%;width:26px;height:34px;margin:-30px 0 0 -13px;background:var(--koral);border-radius:50% 50% 50% 50%/62% 62% 38% 38%;box-shadow:0 0 0 6px color-mix(in srgb,var(--koral) 30%,transparent),0 10px 18px rgba(0,0,0,.3)}
.osm{margin-top:14px;font-size:12px;color:var(--tusz2);text-align:center}
.doj-t .h2{margin-bottom:24px}.adr{font:600 clamp(28px,2.8vw,44px)/1.1 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.025em;margin-bottom:20px}
.doj-t>p{max-width:56ch;color:var(--tusz2)}.doj-b{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px}
.tabliczka{margin-top:36px;max-width:420px;padding:22px 26px;background:var(--pianka);box-shadow:inset 0 0 0 1px var(--linia),0 0 0 6px var(--pianka),0 0 0 7px var(--zloto)}
.tb-h{font:600 22px/1.1 var(--serif);font-variation-settings:"SOFT" 100;margin-bottom:12px}
.hours li{display:flex;justify-content:space-between;gap:16px;padding:4px 0}.hours b{font-weight:600;white-space:nowrap}
/* ===== REZERWACJA: złoty blok z falą zagłówka ===== */
.book{background:var(--zl-blok);background-color:#C8A055;color:var(--tusz);margin-top:14px;padding-block:max(6px,calc(var(--kraw) - 38px)) var(--kraw)}
.book::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:radial-gradient(circle at 50% 100%,#CFA95C 13.5px,transparent 14px) 0 0/28px 14px repeat-x}
.fala{display:none}
.book-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:stretch}
.book-h{grid-column:1/8;font-size:clamp(56px,8.6vw,148px);line-height:.88;letter-spacing:-.045em;margin-block:.177em}
.book-r{grid-column:8/13;display:flex;flex-direction:column;justify-content:center;gap:22px}.book-r p{color:var(--na-zlocie);max-width:34ch}
.book-b{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.endline{display:block;height:3px;margin:calc(var(--rytm)/2) 0 0;border:0;background:var(--linia)}
/* stopka */
.foot{padding-top:var(--kraw);padding-bottom:28px;font-size:15px}
.foot-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 32px}
.f-h{font:600 18px/1.2 var(--serif);font-variation-settings:"SOFT" 100;margin-bottom:10px}.foot p{color:var(--tusz2);line-height:1.7}.foot a{color:var(--tusz);text-decoration-color:var(--linia);text-underline-offset:3px}
.f-sm{font-size:14px;margin-top:6px}.foot .hours{color:var(--tusz2)}.foot .hours b{color:var(--tusz)}
.foot-w{margin-top:clamp(48px,6vw,96px);color:var(--braz);--logo-bg:var(--mleko)}.foot-w{color:var(--braz);--logo-bg:var(--mleko)}.foot-w svg{display:block;width:min(100%,300px);height:auto;margin:0 auto;fill:currentColor}
.foot-s{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-top:20px;padding-top:16px;border-top:1px solid var(--linia);font-size:13px;color:var(--tusz2)}
/* stopka zielona (zieleń z logo salonu #08211D), złote nagłówki i logo; godziny w dwóch równych kolumnach, linie jak w pozostałych kolumnach */
.foot{background:#08211D;color:#D5DCCF}
.foot .f-h{color:#DDBE78}.foot p{color:#D5DCCF}.foot a{color:#F3E6CA;text-decoration-color:rgba(221,190,120,.55)}
.foot .hours{display:grid;grid-template-columns:auto auto;justify-content:start;column-gap:28px;color:#D5DCCF;line-height:1.7;font-variant-numeric:tabular-nums}
.foot .hours li{display:contents}.foot .hours li span,.foot .hours li b{padding:0}.foot .hours b{color:#F3E6CA}
.foot .foot-w{color:#DDBE78}
.foot .foot-s{border-top-color:rgba(221,190,120,.28);color:#AEBBAB}
/* dolny pasek na telefonie */
.dock{display:none}
/* kursor: migdał lakieru (tylko mysz) */
/* ===== PODSTRONY ===== */
.p-hero{padding-top:calc(var(--top) + 32px)}
.crumb{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--tusz2);margin-bottom:22px}.crumb a{color:var(--tusz2)}
.s-hero{padding-top:calc(var(--top) + 32px)}
.sh-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.sh-t{grid-column:1/8}.sh-i{grid-column:9/13}
.sh-b{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:32px}
.paragon{display:grid;gap:0;margin-top:32px;max-width:560px;background:var(--pianka);padding:8px 22px;-webkit-mask:radial-gradient(circle at 50% 100%,transparent 6px,#000 6.5px) 0 100%/20px 100% repeat-x;mask:radial-gradient(circle at 50% 100%,transparent 6px,#000 6.5px) 0 100%/20px 100% repeat-x;padding-bottom:18px}
.pg{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:12px 0;border-bottom:1px dashed var(--linia)}.pg:last-child{border-bottom:0}
.pg-n{font:600 19px/1.25 var(--serif);font-variation-settings:"SOFT" 100}.pg-p{font:600 21px/1.2 var(--serif);font-variation-settings:"SOFT" 100;color:var(--braz)}
.pg-t{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:15px;color:var(--tusz2)}
.still .hang{transform:none}.still .sznur,.still .hak{display:none}.still .hang{padding-top:0}
.two{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.two>:first-child{grid-column:1/6}.two>:last-child{grid-column:7/13}
.migs li{position:relative;padding:14px 0 14px 40px;border-bottom:1px solid var(--linia);font-size:clamp(18px,1.4vw,21px)}.migs li:first-child{border-top:1px solid var(--linia)}
.migs li::before{content:"";position:absolute;left:4px;top:1.15em;width:14px;height:18px;background:var(--fill-gold);border-radius:50% 50% 50% 50%/62% 62% 38% 38%;transform:rotate(14deg)}
.migs.sm li{font-size:17px;padding-block:10px}
.przebieg{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:clamp(24px,3vw,40px);margin-top:clamp(36px,4vw,56px);counter-reset:k}
.przebieg li{position:relative;padding-top:56px;border-top:1px solid var(--linia)}
.pz-k{position:absolute;top:-18px;left:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--mleko)}.pz-k .cup{width:30px;height:30px}
.przebieg h3{font-size:clamp(22px,1.8vw,28px);line-height:1.1;margin-bottom:10px}.przebieg p{color:var(--tusz2)}
.s-care .two>div p{color:var(--tusz2);margin-top:16px}.s-care .migs{margin-top:16px}
.zasada{max-width:880px;margin:0 auto;padding:calc(clamp(32px,4vw,64px) + 24px) clamp(24px,4vw,64px) clamp(32px,4vw,64px);background:var(--szampan);text-align:center;-webkit-mask:radial-gradient(circle at 50% 100%,#000 calc(50% - .5px),transparent 50%) 0 0/48px 24px repeat-x,linear-gradient(#000,#000) 0 23px/100% calc(100% - 23px) no-repeat;mask:radial-gradient(circle at 50% 100%,#000 calc(50% - .5px),transparent 50%) 0 0/48px 24px repeat-x,linear-gradient(#000,#000) 0 23px/100% calc(100% - 23px) no-repeat}
.zasada p{margin:18px auto 0;max-width:58ch;font-size:clamp(18px,1.4vw,21px)}.zasada .podpis{margin-inline:auto}
.rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border-top:1px solid var(--linia);margin-top:24px}
.rel a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:96px;padding:20px 4px;border-bottom:1px solid var(--linia);font:600 clamp(22px,2vw,30px)/1.1 var(--serif);font-variation-settings:"SOFT" 100;text-decoration:none;transition:padding .5s var(--ease),color .3s}
.rel a:hover{padding-left:14px;color:var(--zielen)}.rel a:hover .arr{transform:translateX(5px)}
.karta.full .karta-p{columns:2}
.tab-c{width:100%;border-collapse:collapse;break-inside:avoid;margin-bottom:clamp(28px,3vw,44px)}
.tab-c caption{text-align:left;display:flex;align-items:center;gap:12px;font:600 clamp(28px,2.4vw,38px)/1 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.025em;margin-bottom:14px}

.tab-c thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tab-c tr{border-bottom:1px solid color-mix(in srgb,var(--linia) 70%,transparent)}
.tab-c th,.tab-c td{padding:12px 0;text-align:left;vertical-align:baseline}
.tab-c tbody th{font:600 clamp(18px,1.4vw,21px)/1.25 var(--serif);font-variation-settings:"SOFT" 100;padding-right:12px}.tab-c tbody th a{text-decoration:none}.tab-c tbody th a:hover{color:var(--zielen)}
.tab-c td{font-size:15px;color:var(--tusz2);white-space:nowrap}.tab-c td .cups{vertical-align:middle;margin-left:6px}
.tab-c td:last-child{text-align:right;font:600 clamp(18px,1.4vw,21px)/1.2 var(--serif);font-variation-settings:"SOFT" 100;color:var(--tusz);padding-left:12px}

.filtr{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(40px,5vw,64px)}
.filtr button{min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--tusz) 40%,transparent);background:transparent;color:var(--tusz);font:600 15px var(--sans);cursor:pointer;transition:background .3s,color .3s}
.filtr button[aria-pressed="true"]{background:var(--butelka);color:var(--mleko);border-color:var(--butelka)}
.sciana-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,5vw,72px) clamp(20px,3vw,48px)}
.g-it:nth-child(3n+2){margin-top:clamp(30px,5vw,80px)}.g-it[hidden]{display:none}
.zoomable .rama-f{cursor:zoom-in}
.podglad{max-width:min(92vw,900px);padding:0;border:0;background:transparent}.podglad::backdrop{background:rgba(10,30,20,.86)}
.pd-in img{max-height:84vh;width:auto;margin:auto}.pd-x{position:absolute;right:8px;top:8px;z-index:2;min-height:44px;padding:0 16px;border-radius:999px;border:0;background:var(--mleko);font:600 15px var(--sans);cursor:pointer}
.prose{max-width:780px}.prose h2{font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.03em;margin:48px 0 16px}.prose h2:first-child{margin-top:0}.prose>:first-child{margin-top:0}.prose p{margin-top:14px;font-size:clamp(17px,1.15vw,19px)}
.arts{border-top:1px solid var(--linia)}
.arts a{display:grid;grid-template-columns:72px minmax(0,1fr) 40px;column-gap:24px;align-items:center;padding:clamp(24px,3vw,40px) 0;border-bottom:1px solid var(--linia);text-decoration:none;transition:padding .5s var(--ease)}
.arts a:hover{padding-left:12px}.a-n{font:600 18px var(--serif);color:var(--karmel)}.a-t{font:600 clamp(28px,3.4vw,52px)/1.02 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.03em}
.a-l{grid-column:2;margin-top:10px;color:var(--tusz2);max-width:64ch}.arts .arr{grid-row:1;grid-column:3}
.a-meta{margin-top:18px;font-size:14px;color:var(--tusz2)}.art-us{margin-top:40px!important}
.e404 .e-num{font:600 clamp(140px,26vw,420px)/.8 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.06em;color:var(--latte)}
.trans li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:60px;border-bottom:1px solid var(--linia);font-size:18px}.trans li:first-child{border-top:1px solid var(--linia)}.trans b{font-weight:600;white-space:nowrap}.trans .ic{color:var(--zielen)}
.two>div>p{margin-top:18px;color:var(--tusz2)}
/* wejście elementów */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}.js .rv.in{opacity:1;transform:none}
/* przejście między stronami: koło lustra */
@view-transition{navigation:auto}
::view-transition-old(root){animation:.5s var(--ease) both vtOut}::view-transition-new(root){animation:.9s var(--ease) both vtIn}
@keyframes vtIn{from{clip-path:circle(0 at 50% 55%)}to{clip-path:circle(150% at 50% 55%)}}@keyframes vtOut{to{opacity:.4}}
/* ===== RESPONSYWNOŚĆ ===== */
@media(max-width:1180px){.nav{display:none}.menu-b{display:inline-flex}.top-book{margin-left:auto}}
@media(max-width:1023px){
  .hero-b{grid-template-columns:1fr}.hero-cta{align-items:flex-start}.rate{align-items:flex-start;text-align:left}
  .hig-img{grid-column:1/-1;max-width:520px}.hig-t{grid-column:1/-1;margin-top:48px}
  .om-l,.doj-map{grid-column:1/-1;max-width:460px;width:100%;margin-inline:auto}.om-r,.doj-t{grid-column:1/-1;margin-top:48px}
  .op-l,.op-r{grid-column:1/-1}.op-r{margin-top:40px}
  .pyt-in>.h2,.faq{grid-column:1/-1}.pyt-in>.h2{position:static;margin-bottom:32px}
  .book-h,.book-r{grid-column:1/-1}.book-r{margin-top:32px}
  .sh-t,.sh-i{grid-column:1/-1}.sh-i{margin-top:56px;max-width:420px}
  .two>:first-child,.two>:last-child{grid-column:1/-1}.two>:last-child{margin-top:28px}
  .foot-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sciana{grid-template-columns:repeat(6,minmax(0,1fr))}.a1{grid-column:1/4}.a2{grid-column:4/7;margin-top:80px}.a3{grid-column:1/3;margin-top:0}.a4{grid-column:3/5;margin-top:60px}.a5{grid-column:5/7;margin-top:0}.a6{grid-column:2/4;margin-top:0}
}
@media(max-width:1180px){.top-info a+a{display:none}}
@media(max-width:760px){
  .logo-p{height:52px}
  .top-info{display:none}
  :root{--top:64px}.top-book{display:none}.menu-b{margin-left:auto}
  .h-giant{font-size:clamp(42px,16vw,84px);line-height:.88}.h-giant .l2{padding-left:.42em}.mir{width:.9em;height:.9em;margin-left:.16em}
  .hero-in{gap:18px;padding-top:calc(var(--top) + 10px);padding-bottom:22px}.h-giant{align-self:center;margin-top:-4vh}
  .hero-lead{font-size:16px;line-height:1.55}.hero-cta{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:14px}.hero-cta .btn.big{min-height:60px;font-size:17px;padding:0 22px 0 26px}.rate{font-size:14px}.rate a{font-size:15px}
  .hero-top .ht-r{display:none}
  .r{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}.r-n{grid-column:1/-1}.r-d{display:none}.r-t{grid-column:1;grid-row:2;margin-top:0}.r-p{grid-column:2;grid-row:2;font-size:20px}
  .karta{padding-inline:20px}.kat h3{font-size:30px}
  .karta-h .h2,.wys-h .h2{font-size:clamp(68px,22vw,110px)}
  .op-num{font-size:clamp(150px,46vw,220px)}
  .q{padding-left:44px}.q::before{width:26px;height:34px}
  .manif-t{font-size:clamp(32px,9.4vw,46px)}
  .book-h{font-size:clamp(52px,15vw,80px)}
  .paragon{padding-inline:16px}.pg-p{font-size:19px}
  .sh-i{max-width:none}
  .tab-c tbody th{font-size:18px}.tab-c td:last-child{font-size:18px}.tab-c td{white-space:normal}
  .przebieg{grid-template-columns:1fr}
  .karta-p,.karta.full .karta-p{columns:1}
  .sciana,.sciana-g{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:40px}
  .a1,.a2,.a3,.a4,.a5,.a6{grid-column:auto;margin-top:0}.a2{grid-column:1/-1;order:-1}.g-it:nth-child(3n+2){margin-top:0}.g-it:nth-child(2n){margin-top:48px}
  .tab{font-size:12px;padding:8px 10px}.tab b{font-size:14px}
  .foot-in{grid-template-columns:minmax(0,1fr)}
  .dock{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:45;padding:6px;border-radius:999px;background:var(--butelka);box-shadow:0 18px 40px -16px rgba(18,63,42,.6);transition:transform .5s var(--ease)}
  .dock a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:999px;color:var(--mleko);font-weight:600;text-decoration:none}.dock .dock-b{background:var(--mleko);color:var(--butelka)}
  .dock.off{transform:translateY(calc(100% + 24px))}
  .foot{padding-bottom:96px}
  .arts a{grid-template-columns:40px minmax(0,1fr)}.arts .arr{display:none}
  .faq-a{padding-right:0}
}
@media(max-width:420px){
  .tab-c tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:10px 0}
  .tab-c tbody th{grid-column:1/-1;padding:0 0 4px}.tab-c td{padding:0}.tab-c td:last-child{text-align:right}
  .hero-cta{flex-wrap:wrap}.btn{flex:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}.manif-t .w{opacity:1!important}.hang{transform:none!important}@view-transition{navigation:none}}