/* =========================================================
   CLOU — wersja B „Magazyn”: wspólny wygląd podstron (foto, video, rozmowa, polityka, 404).
   Galerie i treść bez zmian; spójne z numerem: papier, czerń drukarska, czerwień Clou,
   pagina u góry, Bodoni Moda w nagłówkach, kropla-kursor i przewracana kartka przy przejściach.
   Ładowane PO stylach strony, więc nadpisuje tylko „chrome”.
   ========================================================= */
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/bodoni-moda-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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/bodoni-moda-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:'Bodoni Moda';font-style:italic;font-weight:400 900;font-display:swap;src:url(fonts/bodoni-moda-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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:400 900;font-display:swap;src:url(fonts/bodoni-moda-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:'Raleway';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/raleway-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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Raleway';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/raleway-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{
  --m-paper:#F2EDE4; --m-paper2:#E9E2D6; --m-ink:#141210; --m-ink2:#5E5850; --m-red:#FF2F43; --m-red-t:#C0102A;
  --m-serif:'Bodoni Moda','Bodoni 72',Didot,'Times New Roman',serif;
  --m-sans:'Raleway',system-ui,-apple-system,'Helvetica Neue',sans-serif;
  --m-gut:16px; --m-rh:46px;
  --m-sfw:500;   /* waga szeryfu w tytułach — jak w numerze */
  --m-opsz:28;   /* odmiana optyczna Bodoni: 28 zamiast „display” — grubsze cienkie linie */
}
*,*::before,*::after{font-variation-settings:'opsz' var(--m-opsz)}
.head p,.rhead .lead,main>p.lead,.doc{--m-opsz:16}
@media(min-width:900px){:root{--m-gut:clamp(24px,4.4vw,72px);--m-rh:52px}}
html{background:var(--m-paper);-webkit-text-size-adjust:100%}
body{background:var(--m-paper) url(img/mag/papier.png);background-size:160px;color:var(--m-ink);font-family:var(--m-sans)}
::selection{background:var(--m-red);color:var(--m-ink)}
:focus-visible{outline:2px solid var(--m-red-t);outline-offset:3px}

/* ---------- Pagina ---------- */
.top{position:sticky;top:0;z-index:60;height:var(--m-rh);padding:0 var(--m-gut);display:flex;align-items:center;justify-content:space-between;gap:14px;
  background:rgba(242,237,228,.94);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);box-shadow:0 1px 0 rgba(20,18,16,.10)}
/* Logo CLOU: oryginalny znak (Raleway Black, prawa górna krawędź „U” ścięta zaokrągloną maską) jako maska SVG w kolorze tekstu.
   --k = skala względem czcionki otoczenia: dobrana tak, by znak zajmował tyle miejsca, ile dawny napis (ściśnięty tracking) */
:root{--lg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 651.07 173.49'%3E%3Cpath d='M0 85.06Q0 69.4 5.9 54.22Q11.81 39.04 23.13 26.99Q34.46 14.94 50.6 7.47Q51.69 6.97 52.8 6.5C55.59 5.37 58.45 4.36 61.37 3.46Q73.36 0 87.47 0Q112.29 0 130.48 10.24Q148.67 20.48 157.59 37.35L121.68 62.89Q119.28 56.63 115.3 52.53Q111.32 48.43 106.5 46.02Q101.69 43.61 96.5 42.65Q91.32 41.69 86.5 41.69Q76.38 41.69 69.04 45.66Q61.69 49.64 56.99 56.02Q52.29 62.41 50 70.48Q47.71 78.55 47.71 86.5Q47.71 95.42 50.36 103.61Q53.01 111.81 58.07 118.07Q63.13 124.34 70.48 128.07Q77.83 131.81 86.99 131.81Q91.81 131.81 96.87 130.72Q101.93 129.64 106.62 127.11Q111.32 124.58 115.06 120.6Q118.79 116.62 120.96 110.84L159.27 133.73Q155.42 143.13 147.59 150.6Q139.76 158.07 129.76 163.13Q119.76 168.19 108.31 170.84Q96.87 173.49 86.02 173.49Q66.99 173.49 51.2 165.9Q35.42 158.31 23.98 145.78Q12.53 133.25 6.26 117.35Q0 101.44 0 85.06ZM175.9 172.05V0.96H222.89V131.08H300.48V172.05ZM391.8 173.49Q372.28 173.49 356.38 166.02Q340.48 158.55 329.15 146.38Q317.83 134.21 311.56 118.55Q305.3 102.89 305.3 86.26Q305.3 69.4 311.8 53.73Q318.31 38.07 329.99 26.14Q341.68 14.22 357.71 7.11Q373.73 0 392.76 0Q412.28 0 428.19 7.47Q444.09 14.94 455.41 27.23Q466.74 39.52 472.88 55.18Q479.03 70.84 479.03 87.23Q479.03 104.09 472.52 119.64Q466.02 135.18 454.45 147.11Q442.88 159.03 426.86 166.26Q410.84 173.49 391.8 173.49ZM353.01 86.75Q353.01 95.42 355.42 103.49Q357.83 111.56 362.64 117.83Q367.46 124.09 374.81 127.95Q382.16 131.81 392.28 131.81Q402.4 131.81 409.87 127.83Q417.34 123.85 422.04 117.47Q426.74 111.08 429.03 102.89Q431.32 94.7 431.32 86.26Q431.32 77.59 428.91 69.52Q426.5 61.44 421.56 55.3Q416.62 49.16 409.27 45.42Q401.92 41.69 392.04 41.69Q381.92 41.69 374.57 45.54Q367.22 49.4 362.4 55.78Q357.58 62.17 355.3 70.24Q353.01 78.31 353.01 86.75ZM573.73 131.81Q581.92 131.81 587.7 128.19Q593.48 124.58 597.1 118.67Q600.71 112.77 602.4 105.06Q604.09 97.35 604.09 88.91V1.71C630.8 10.34 650.28 35.07 651.07 64.46V88.91Q651.07 106.75 646.5 122.29Q641.92 137.83 632.28 149.15Q622.64 160.48 608.06 166.99Q593.48 173.49 573.73 173.49Q553.24 173.49 538.67 166.62Q524.09 159.76 514.69 148.19Q505.29 136.62 500.96 121.32Q496.62 106.02 496.62 88.91V0.96H543.61V88.91Q543.61 97.35 545.29 105.18Q546.98 113.01 550.59 118.91Q554.21 124.82 559.87 128.31Q565.53 131.81 573.73 131.81Z'/%3E%3C/svg%3E")}
.lg{--k:0.9777;display:inline-block;flex:none;width:calc(2.702em * var(--k));height:calc(0.72em * var(--k));vertical-align:calc(-0.006em * var(--k));background:currentColor;
  -webkit-mask:var(--lg) 0 0/100% 100% no-repeat;mask:var(--lg) 0 0/100% 100% no-repeat}
.m-turn__s .lg{--k:0.9611}
/* litery masztu okładki (animowane osobno): wycinki tego samego znaku */
.lg-c,.lg-l,.lg-o,.lg-u{-webkit-mask-size:calc(2.702em * var(--k)) 100%;mask-size:calc(2.702em * var(--k)) 100%}
.lg-c{width:calc(0.6955em * var(--k));-webkit-mask-position:calc(-0em * var(--k)) 0;mask-position:calc(-0em * var(--k)) 0}
.lg-l{width:calc(0.5615em * var(--k));-webkit-mask-position:calc(-0.6955em * var(--k)) 0;mask-position:calc(-0.6955em * var(--k)) 0}
.lg-o{width:calc(0.7675em * var(--k));-webkit-mask-position:calc(-1.257em * var(--k)) 0;mask-position:calc(-1.257em * var(--k)) 0}
.lg-u{width:calc(0.6775em * var(--k));-webkit-mask-position:calc(-2.0245em * var(--k)) 0;mask-position:calc(-2.0245em * var(--k)) 0}
@media (forced-colors:active){.lg{forced-color-adjust:none;background-color:CanvasText}}   /* wysoki kontrast (Windows): znak w kolorze tekstu systemowego */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.top .logo,.logo{font:900 20px/1 var(--m-sans);letter-spacing:-.02em;padding-left:0;color:var(--m-red)}
@media(min-width:900px){.top .logo{font-size:22px}}
.top nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,28px);font:600 11px/1 var(--m-sans);letter-spacing:.2em;text-transform:uppercase}
.top nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;color:var(--m-ink)}
.top nav a::after{content:'';position:absolute;left:0;right:0;bottom:12px;height:2px;background:var(--m-red);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.top nav a:hover{color:var(--m-ink)}
.top nav a:hover::after,.top nav a.active::after,.top nav a[aria-current]::after{transform:none}
.top nav a.active{color:var(--m-red-t)}

/* ---------- Nagłówek podstrony: jak otwarcie działu w numerze ---------- */
.head,.rhead{padding-top:clamp(34px,7vw,90px)}
.head .eyebrow,.rhead .eyebrow,main>.eyebrow,.divider .eyebrow{font:600 11px/1.3 var(--m-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--m-red-t)}
.head h1,.rhead h1,main>h1{font:italic var(--m-sfw) clamp(58px,14vw,168px)/.86 var(--m-serif);letter-spacing:-.035em;color:var(--m-ink);padding-bottom:.2em}   /* zapas na dolne wydłużenia nad leadem */
.rhead h1,main>h1{font-size:clamp(46px,9.5vw,120px)}
.head p,.rhead .lead,main>p.lead{font:400 clamp(16px,1.6vw,19px)/1.55 var(--m-serif);color:var(--m-ink2)}
.head a.profile{color:var(--m-ink);border-bottom:2px solid var(--m-red);font:600 11px/1 var(--m-sans);letter-spacing:.2em;min-height:44px;padding:14px 0 8px}
.head a.profile:hover{border-color:var(--m-ink)}
.rhead .meta{font:600 11px/1.5 var(--m-sans);letter-spacing:.2em;color:var(--m-ink2);gap:6px 22px}
@media(max-width:599px){.rhead .meta{flex-direction:column}}
.rhead .meta b{color:var(--m-ink);font-weight:600}
.divider h2{font:italic var(--m-sfw) clamp(34px,6vw,72px)/.95 var(--m-serif);letter-spacing:-.02em;color:var(--m-ink)}
.switch button{color:var(--m-ink);border-color:rgba(20,18,16,.25);font-weight:600;font-size:11px;letter-spacing:.2em}
.switch button:hover{color:var(--m-ink);border-color:var(--m-ink)}
.switch button.active{color:var(--m-paper);background:var(--m-ink);border-color:var(--m-ink)}

/* ---------- Rozmowa: ramka kalendarza na papierze ---------- */
.booking__frame{background:#101010;border-color:rgba(20,18,16,.14);border-radius:0;box-shadow:0 30px 60px -40px rgba(50,36,20,.45)}
.booking__ph{color:var(--m-ink2)}
.booking__ph b{color:var(--m-ink)}

/* ---------- Video: podpisy kafli co najmniej 11 px ---------- */
.v .tag,.v .ph__mark span{font-size:11px}

/* ---------- Polityka ---------- */
.doc{color:rgba(20,18,16,.86);font:400 17px/1.65 var(--m-serif)}
.doc h2{font:600 12px/1.4 var(--m-sans);letter-spacing:.2em;color:var(--m-ink)}
.doc a{border-bottom-color:rgba(20,18,16,.3)}
.doc a:hover{border-color:var(--m-red);color:var(--m-red-t)}

/* ---------- 404 ---------- */
main>.go{font:600 11px/1 var(--m-sans);letter-spacing:.2em;border-bottom:2px solid var(--m-red)}

/* ---------- Stopka ---------- */
.foot{border-top:1px solid rgba(20,18,16,.14);color:var(--m-ink2);font:600 11px/1.5 var(--m-sans);letter-spacing:.16em;text-transform:uppercase}
.foot .logo{font-size:18px;letter-spacing:-.02em;padding-left:0}
.back{color:var(--m-ink);font:600 11px/1 var(--m-sans);letter-spacing:.2em;display:inline-flex;align-items:center;min-height:44px}
.back:hover{color:var(--m-red-t)}

/* ---------- Pigułka „Umów rozmowę” jak w paginie numeru (czerń na czerwieni, 5,1:1) ---------- */
.book-cta{background:var(--m-red);color:var(--m-ink);font:600 11px/1 var(--m-sans);letter-spacing:.16em;padding:0 20px;min-height:46px;box-shadow:0 12px 30px -12px rgba(50,36,20,.6)}
.book-cta__dot{background:var(--m-ink)}
.book-cta::after{content:'↗';font-size:13px;margin-left:-2px}
.book-cta:hover{background:var(--m-ink);color:var(--m-paper)}
.book-cta:hover .book-cta__dot{background:var(--m-red)}

/* ---------- Kursor: kropla farby (mysz) ---------- */
.cur{position:fixed;top:0;left:0;z-index:10000;pointer-events:none;border-radius:50%;opacity:0;will-change:transform;width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--m-red);transition:width .3s,height .3s,margin .3s,opacity .3s}
.cur.is-big{width:44px;height:44px;margin:-22px 0 0 -22px;mix-blend-mode:multiply}
@media(hover:hover) and (pointer:fine){html.has-cursor,html.has-cursor *{cursor:none}}

/* ---------- Przejście: czerwony tył okładki (jak na stronie głównej) ---------- */
.m-turn{position:fixed;inset:0;z-index:9998;pointer-events:none;perspective:1800px;visibility:hidden}
.m-turn__s{position:absolute;inset:0;background:var(--m-red);transform-origin:0 50%;display:grid;place-items:center;box-shadow:0 0 80px rgba(20,14,8,.35)}
.m-turn__s b{font:900 min(34vw,40vh)/.74 var(--m-sans);letter-spacing:-.035em;color:var(--m-paper)}
/* wejście: kartka stoi na ekranie i odchodzi w lewo, wokół grzbietu */
.m-in .m-turn{visibility:visible}
.m-in .m-turn__s{transform:none}
.m-in.m-go .m-turn__s{transform:rotateY(-92deg);transition:transform .7s cubic-bezier(.6,0,.2,1) .08s}
.m-in.m-done .m-turn{visibility:hidden}
/* wyjście: kartka opada na ekran */
.m-out .m-turn{visibility:visible}
.m-out .m-turn__s{transform:rotateY(-92deg)}
.m-out.m-go .m-turn__s{transform:none;transition:transform .62s cubic-bezier(.55,0,.25,1)}
@media(prefers-reduced-motion:reduce){.m-turn{display:none}}
/* „@” w adresie: bezszeryfowe i proste, jak na stronie głównej */
.at{font:500 .82em/1 var(--m-sans);font-style:normal;letter-spacing:0;margin:0 .05em;position:relative;top:-.03em}