/* ==========================================================================
   Olabella v5 — sceny przewijania strony głównej.
   Każda scena: sekcja wyższa niż ekran + przypięte wnętrze (.s-pin, sticky). JS ustawia --p (0→1),
   a CSS wylicza z niego fazy (--a, --b…) i przekształcenia. Działa płynnie z Lenis.
   ========================================================================== */

.s-pin{position:sticky;top:0;height:100svh;overflow:hidden}
.s-sec{padding:clamp(56px,7vw,112px) 0}
.s-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:clamp(22px,3vw,40px)}
.s-h2{font-family:var(--cond);font-weight:400;font-size:clamp(2.8rem,5.4vw,5rem);line-height:.92;letter-spacing:-.02em;color:var(--ink);margin:0}
.s-h2.big{font-size:clamp(3.2rem,7vw,7rem)}
.s-h2 em{display:block;font-style:normal;color:#8A6550}
:root[data-theme="dark"] .s-h2 em{color:#C9A48A}
.s-heavy{font-family:var(--heavy);font-weight:400;font-size:clamp(3.4rem,9.5vw,9rem);line-height:.88;letter-spacing:-.025em;color:var(--ink);margin:0}
.s-heavy.sm{font-size:clamp(3rem,6.4vw,6rem)}
.s-label{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;text-align:right;line-height:1.7;border-bottom:1px solid var(--ink);padding-bottom:6px}

/* ---------- 01 / Hero 200vh ---------- */
.s-hero{position:relative;height:210svh;background:var(--choc);color:var(--cream)}
.s-hero .s-pin{--a:clamp(0,calc(var(--p,0) / .45),1);--b:clamp(0,calc((var(--p,0) - .38) / .52),1)}
.hbg{position:absolute;inset:0;z-index:0;overflow:hidden}
.hbg img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:scale(calc(1.1 - var(--a) * .1)) translateX(calc(var(--a) * -2vw))}
.hbg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(52,32,22,.55),rgba(52,32,22,.1) 55%,rgba(52,32,22,0) 70%,rgba(52,32,22,.45)),linear-gradient(0deg,rgba(52,32,22,.45),rgba(52,32,22,0) 35%)}
.s-hero .hs,.s-hero .hb text{text-shadow:0 1px 14px rgba(30,18,12,.55)}
.htag{position:absolute;z-index:3;left:calc(50% + 24vw);top:36svh;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;background:rgba(244,232,216,.92);color:var(--choc);text-decoration:none;font-size:12.5px;letter-spacing:.02em;box-shadow:0 10px 30px rgba(20,10,6,.25);opacity:calc(1 - var(--a) * 2.2);transform:translateY(calc(var(--a) * -6svh));transition:background .3s}
.htag:hover{background:var(--cream)}
.htag-dot{width:9px;height:9px;border-radius:50%;background:var(--choc);box-shadow:0 0 0 0 rgba(91,58,41,.5);animation:h4pulse 2.2s infinite}
.htag-name{font-family:var(--cond);font-size:1.2rem;line-height:1}
.htag-price,.htag-price .amount{font-weight:600;font-size:12px}
.htag::before{content:"";position:absolute;right:100%;top:50%;width:5vw;height:1px;background:rgba(244,232,216,.7)}
.js .s-hero .htag{visibility:hidden}
.s-hero.is-ready .htag{visibility:visible;animation:rise 1.2s 1.1s var(--ease) both}
@media(max-width:899px){.htag{display:none}}
.hw{position:absolute;inset:0;margin:0;z-index:1;pointer-events:none;font-family:var(--cond);font-weight:400;color:var(--sand);line-height:.8;letter-spacing:-.035em}
.hw>span{position:absolute;left:3vw;display:block;overflow:hidden;padding-bottom:.05em;font-size:clamp(8rem,min(40vw,29svh),34rem);opacity:calc(1 - var(--b) * .85)}
.hw>span>span{display:block}
.hw-1{top:calc(var(--hdr) - 1svh);transform:translateX(calc(var(--a) * -16vw))}
.hw-2{top:calc(var(--hdr) - 1svh + .84em);transform:translateX(calc(var(--a) * 22vw))}
.hm{position:absolute;z-index:2;bottom:0;left:50%;height:94svh;margin:0;pointer-events:none;transform-origin:50% 100%;transform:translateX(calc(-50% + 16vw)) translateY(calc(var(--a) * -3svh)) scale(calc(1 + var(--a) * .14))}
.hm img{height:100%;width:auto;max-width:none;filter:drop-shadow(0 30px 50px rgba(20,10,6,.35))}
.hb{position:absolute;z-index:3;right:4vw;top:calc(var(--hdr) + 2svh);width:clamp(96px,10vw,152px);height:auto;transform:rotate(calc(var(--p,0) * 300deg));opacity:calc(1 - var(--b) * 1.6)}
.hb text{fill:var(--cream);font-family:var(--sans);font-size:13.5px;letter-spacing:3.2px;font-weight:500}
.hb .star{font-size:20px;letter-spacing:0}
.hs{position:absolute;z-index:3;right:4vw;top:46svh;white-space:pre-line;text-transform:uppercase;font-size:11px;letter-spacing:.24em;line-height:1.8;font-weight:600;opacity:calc(1 - var(--a) * 1.4)}
.hc{position:absolute;z-index:3;left:4vw;bottom:calc(6svh + var(--lift,0px));max-width:min(620px,60vw);opacity:calc(1 - var(--b) * 1.8);transform:translateY(calc(var(--a) * -4svh))}
.hc-head{font-family:var(--cond);font-size:clamp(3.2rem,min(7.4vw,10svh),7.6rem);line-height:.88;letter-spacing:-.02em;color:#F4E8D8;margin-bottom:clamp(16px,2.4vw,30px)}
.hc-head em{display:block;font-style:normal}
.hx{position:absolute;inset:0;z-index:4;display:block;color:var(--cream);text-decoration:none;
  clip-path:inset(calc((1 - var(--b)) * 62svh) calc((1 - var(--b)) * 4vw) calc((1 - var(--b)) * (6svh + var(--lift,0px)))calc((1 - var(--b)) * 76vw) round calc((1 - var(--b)) * 4px))}
.hx img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 35%;transform-origin:66% 34%;transform:translate(calc((1 - var(--b)) * 20vw),calc((1 - var(--b)) * 44svh)) scale(calc(.62 + var(--b) * .38))}
.hx::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(40,24,16,.55),rgba(40,24,16,0) 55%);opacity:var(--b)}
.hx-small{position:absolute;right:calc(4vw + 18px);bottom:calc(6svh + 16px + var(--lift,0px));z-index:2;width:calc(20vw - 36px);font-size:10.5px;letter-spacing:.2em;font-weight:600;line-height:1.6;opacity:calc(1 - var(--b) * 4);text-shadow:0 1px 12px rgba(0,0,0,.4)}
.hx-small b{font-weight:400;font-size:16px}
.hx-big{position:absolute;left:4vw;top:50%;z-index:2;max-width:7ch;font-family:var(--cond);font-size:clamp(3.4rem,8vw,8.4rem);line-height:.88;letter-spacing:-.02em;opacity:clamp(0,calc((var(--b) - .55) * 3),1);transform:translateY(calc(-50% + (1 - var(--b)) * 60px))}
.h-scroll{position:absolute;z-index:3;left:50%;bottom:calc(2svh + var(--lift,0px));transform:translateX(-50%);display:grid;justify-items:center;gap:8px;font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;opacity:calc(.8 - var(--a) * 3)}
.h-scroll i{width:1px;height:38px;background:linear-gradient(var(--cream),transparent);animation:hscroll 1.8s var(--ease) infinite}
@keyframes hscroll{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
/* wejście po załadowaniu */
.js .s-hero .hw>span>span{transform:translateY(105%)}
.js .s-hero .hm img{opacity:0;translate:0 6%}
.js .s-hero .hc,.js .s-hero .hb{visibility:hidden}
.s-hero.is-ready .hw>span>span{transform:none;transition:transform 1.5s var(--ease)}
.s-hero.is-ready .hw-2>span{transition-delay:.12s}
.s-hero.is-ready .hm img{opacity:1;translate:0 0;transition:opacity 1.2s .3s,translate 1.8s .3s var(--ease)}
.s-hero.is-ready .hc,.s-hero.is-ready .hb{visibility:visible;animation:rise 1.2s .8s var(--ease) both}
@media(max-width:899px){
  .s-hero{height:190svh}
  .hw>span{font-size:min(41vw,30svh);left:4vw}
  .hw-1{top:calc(var(--hdr) + 5svh)}
  .hw-2{top:calc(var(--hdr) + 5svh + .84em)}
  .hm{height:76svh;transform:translateX(calc(-50% + 20vw)) translateY(calc(var(--a) * -3svh)) scale(calc(1 + var(--a) * .12))}
  .hs{right:auto;left:4vw;top:auto;bottom:calc(34svh + var(--lift,0px))}
  .hc{max-width:none;right:4vw;bottom:calc(5svh + var(--lift,0px))}
  .hbg img{object-position:78% 50%}
  .hx{clip-path:inset(calc((1 - var(--b)) * 100svh) 0 0 0)}
  .hx img{transform:scale(calc(1.2 - var(--b) * .2))}
  .hx-small{display:none}
  .hx-big{font-size:clamp(3rem,15vw,5rem);top:auto;bottom:10svh;transform:translateY(calc((1 - var(--b)) * 40px))}
  .hx img{object-position:68% 30%}
}

/* ---------- Pasek ---------- */
.s-marquee{overflow:hidden;background:var(--bg);border-bottom:1px solid var(--line);padding:14px 0}
.mq{display:flex;gap:22px;width:max-content;animation:tick 40s linear infinite;align-items:center}
.mq span{font-size:11px;letter-spacing:.24em;font-weight:600;white-space:nowrap}
.mq i{font-style:normal;color:var(--choc)}

/* ---------- STYL ---------- */
.s-style{position:relative;height:230svh;background:var(--bg)}
.s-style .s-pin{--a:clamp(0,calc((var(--p,0) - .04) / .5),1);--b:clamp(0,calc((var(--p,0) - .58) / .28),1)}
.st-media,.st-light{clip-path:inset(calc((1 - var(--a)) * 20svh) calc((1 - var(--a)) * 43vw) calc((1 - var(--a)) * 20svh) calc((1 - var(--a)) * 43vw))}
.st-media{position:absolute;inset:0;z-index:2}
.st-media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(calc(1.3 - var(--a) * .3))}
.st-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,18,12,.6),rgba(30,18,12,0) 55%);opacity:var(--b)}
.st-word{position:absolute;left:0;right:0;top:50%;margin:0;text-align:center;font-family:var(--heavy);font-size:min(30vw,46svh);line-height:.8;letter-spacing:-.035em;transform:translateY(calc(-50% - var(--b) * 22svh)) scale(calc(1.1 - var(--a) * .1 - var(--b) * .35));pointer-events:none}
.st-dark{z-index:1;color:var(--choc)}
:root[data-theme="dark"] .st-dark{color:var(--sand)}
.st-light{z-index:3;color:var(--cream)}
.st-copy{position:absolute;left:0;right:0;bottom:8svh;z-index:4;color:var(--cream);opacity:var(--b);transform:translateY(calc((1 - var(--b)) * 40px))}
.st-copy h2{font-family:var(--cond);font-weight:400;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95;max-width:12ch;margin:0}
.st-note{font-family:var(--script);font-size:clamp(2rem,3.4vw,3rem);transform:rotate(-6deg);margin:14px 0 24px clamp(30px,10vw,180px);color:var(--sand);line-height:1}
@media(max-width:899px){.st-media,.st-light{clip-path:inset(calc((1 - var(--a)) * 24svh) calc((1 - var(--a)) * 36vw) calc((1 - var(--a)) * 24svh) calc((1 - var(--a)) * 36vw))}.st-word{font-size:34vw}}

/* ---------- Dziś jesteś… (poziomy przejazd) ---------- */
.s-moods{position:relative;background:var(--bg)}
.s-moods .s-pin{display:flex;align-items:center}
.mo-track{display:flex;align-items:center;gap:clamp(14px,2vw,32px);padding:0 4vw;width:max-content;transform:translateX(calc(var(--p,0) * var(--dist,0px) * -1));will-change:transform}
.mo-intro{flex:none;width:min(40vw,520px);padding-right:2vw}
.mo-intro .s-heavy{margin:10px 0 20px}
.mo-hint{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
.mo-card{position:relative;flex:none;display:block;width:min(34vw,500px);height:78svh;overflow:hidden;color:#fff;text-decoration:none}
.mo-card:nth-child(odd){margin-top:10svh}.mo-card:nth-child(even){margin-bottom:10svh}
.mo-img{position:absolute;inset:0}
.mo-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform 1.6s var(--ease)}
.mo-card:hover .mo-img img{transform:scale(1.06)}
.mo-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,12,8,.62),rgba(20,12,8,0) 45%)}
.mo-n{position:absolute;left:20px;top:16px;z-index:2;font-family:var(--cond);font-size:2.4rem;line-height:1}
.mo-t{position:absolute;left:20px;right:20px;bottom:22px;z-index:2;display:grid;gap:8px}
.mo-t b{font-size:clamp(18px,2vw,28px);letter-spacing:.1em;font-weight:600}
.mo-t span{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;transition:gap .3s}
.mo-card:hover .mo-t span{gap:14px}
@media(max-width:899px){.mo-intro{width:78vw}.mo-card{width:76vw;height:64svh}.mo-card:nth-child(odd){margin-top:6svh}.mo-card:nth-child(even){margin-bottom:6svh}}

/* ---------- ZASADY? TWOJE. ---------- */
.s-rules{position:relative;height:190svh;background:var(--bg-alt)}
.s-rules .s-pin{display:flex;flex-direction:column;justify-content:center;align-items:center;--a:clamp(0,calc(var(--p,0) / .55),1);--b:clamp(0,calc((var(--p,0) - .55) / .3),1)}
.ru-word{margin:0;text-align:center;font-family:var(--heavy);font-weight:400;line-height:.8;letter-spacing:-.04em}
.ru-1,.ru-2{display:block;white-space:nowrap;will-change:transform}
.ru-1{color:var(--choc);font-size:min(18vw,30svh);transform:translateX(calc((1 - var(--a)) * 70vw))}
.ru-2{color:var(--ink);font-size:min(20vw,33svh);transform:translateX(calc((1 - var(--a)) * -70vw))}
:root[data-theme="dark"] .ru-1{color:var(--sand)}
.ru-o{display:inline-block;width:.74em;height:.74em;border-radius:50%;overflow:hidden;vertical-align:-.02em;margin:0 .01em;transform:scale(calc(.2 + var(--a) * .8)) rotate(calc((1 - var(--a)) * -120deg))}
.ru-o img{width:100%;height:100%;object-fit:cover}
.ru-copy{width:min(460px,88vw);margin:clamp(20px,4svh,48px) 0 0 auto;padding-right:6vw;opacity:var(--b);transform:translateY(calc((1 - var(--b)) * 30px))}
.ru-copy .lead{font-family:var(--cond);font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.05;margin-bottom:10px}
.ru-copy p:not(.lead){font-size:14.5px;color:var(--ink-2);line-height:1.7}
@media(max-width:899px){.ru-copy{margin:24px auto 0;padding:0}}

/* ---------- Słońce ---------- */
.s-sun{position:relative;height:170svh}
.s-sun .s-pin{--a:clamp(0,calc((var(--p,0) - .1) / .45),1)}
.sun-media{position:absolute;inset:0}
.sun-media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(calc(1.25 - var(--p,0) * .25))}
.s-sun .s-pin::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,18,12,.55),rgba(30,18,12,0) 60%);z-index:1}
.sun-t{position:absolute;left:0;right:0;top:50%;z-index:2;margin:0;font-family:var(--cond);font-size:clamp(3rem,7vw,7.4rem);line-height:.9;letter-spacing:-.02em;color:#FBF3E8;max-width:none;text-wrap:balance}
.sun-t{transform:translateY(-50%);clip-path:inset(0 calc((1 - var(--a)) * 100%) 0 0)}
@media(min-width:900px){.sun-t{padding-right:45vw}}
@media(max-width:899px){.sun-media img{object-position:86% 50%}.sun-t{top:auto;bottom:10svh;transform:none}.s-sun .s-pin::after{background:linear-gradient(0deg,rgba(30,18,12,.6),rgba(30,18,12,0) 55%)}}

/* ---------- Jeden look (kroki) ---------- */
.s-look{position:relative;height:320svh;background:var(--bg)}
.s-look .s-pin{display:flex;align-items:center}
.lk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,5vw,96px);align-items:center;width:100%}
.lk-media{position:relative}
.lk-img{position:relative;height:84svh;aspect-ratio:2/3;max-width:100%;overflow:hidden;margin-left:auto}
.lk-img>img{width:100%;height:100%;object-fit:cover;transform-origin:var(--fx,50%) var(--fy,50%);transition:transform 1.2s var(--ease),transform-origin 1.2s var(--ease)}
.s-look[data-active] .lk-img>img{transform:scale(1.22)}
.lk-dot{position:absolute;left:var(--x);top:var(--y);z-index:3;transform:translate(-50%,-50%) scale(.8);width:48px;height:48px;border-radius:50%;background:var(--choc);color:var(--cream);display:grid;place-items:center;font-family:var(--cond);font-size:1.25rem;text-decoration:none;opacity:.55;transition:transform .6s var(--ease),opacity .4s,background .3s}
.s-look[data-active] .lk-dot{left:calc(var(--fx,50%) + (var(--x) - var(--fx,50%)) * 1.22);top:calc(var(--fy,50%) + (var(--y) - var(--fy,50%)) * 1.22)}
.lk-dot.is-on{opacity:1;transform:translate(-50%,-50%) scale(1.15);background:var(--ink);animation:h4pulse 2.2s infinite}
.lk-side{position:absolute;left:-2px;bottom:20px;z-index:3;white-space:pre-line;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;line-height:1.8;color:var(--ink);writing-mode:vertical-rl;transform:rotate(180deg) translateX(100%)}
.lk-copy .s-h2{margin:10px 0 24px}
.lk-list{display:grid;border-top:1px solid var(--line);margin-bottom:20px}
.lk-list li{display:grid;grid-template-columns:30px 84px 1fr auto auto;align-items:center;gap:16px;padding:14px 10px;border-bottom:1px solid var(--line);opacity:.42;transition:opacity .5s,background .5s,transform .6s var(--ease)}
.lk-list li.is-on{opacity:1;background:var(--surface);transform:translateX(10px)}
.lk-list .n{font-size:11px;font-weight:600;letter-spacing:.1em}
.li-img img{width:84px;aspect-ratio:4/5;object-fit:cover}
.li-info{display:grid;gap:2px}
.li-name{font-family:var(--cond);font-size:1.5rem;line-height:1.05;text-decoration:none}
.li-col{font-size:12px;color:var(--muted)}
.li-price,.li-price .price{font-family:var(--sans);font-size:13.5px;font-weight:600}
.li-dots{display:flex;gap:5px}
.li-dots i{width:12px;height:12px;border-radius:50%;background:var(--c);border:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}
.li-bag{display:grid;place-items:center;width:36px;height:36px;color:var(--ink)}
.lk-vertical{position:absolute;right:1.6vw;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin:0}
@media(max-width:899px){
  .s-look{height:300svh}
  .s-look .s-pin{align-items:flex-start;padding-top:calc(var(--hdr) + 8px)}
  .lk-grid{grid-template-columns:1fr;gap:14px}
  .lk-media{order:1}
  .lk-copy{order:0}
  .lk-copy .eyebrow{display:none}
  .lk-copy .s-h2{font-size:2.6rem;margin:0}
  .lk-copy .lk-list,.lk-copy .btn{display:none}
  .lk-img{height:46svh;aspect-ratio:auto;width:100%;margin:0}
  .lk-side,.lk-vertical{display:none}
  .lk-media::after{content:"";display:block}
  .lk-grid::after{content:"";}
  .s-look .lk-list-m{display:grid}
}
/* lista mobilna: kopia listy pod zdjęciem, generowana przez CSS — korzystamy z tej samej listy w drugiej kolumnie */
@media(max-width:899px){
  .lk-grid{grid-template-areas:"copy" "media" "list"}
  .lk-copy{display:contents}
  .lk-copy .eyebrow{display:none}
  .lk-copy .s-h2{grid-area:copy}
  .lk-media{grid-area:media}
  .lk-copy .lk-list{grid-area:list;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;margin:0}
  .lk-list li{grid-template-columns:1fr;gap:6px;padding:8px;border:0;background:var(--surface);transform:none}
  .lk-list li.is-on{transform:translateY(-4px);box-shadow:0 0 0 1px var(--ink)}
  .lk-list .n,.li-dots{display:none}
  .li-img img{width:100%}
  .li-name{font-size:1.1rem}
  .li-bag{display:none}
  .lk-copy .btn{grid-area:auto;display:flex;margin-top:4px}
}

/* ---------- Miękko ---------- */
.s-soft{position:relative;height:170svh;background:var(--bg)}
.s-soft .s-pin{display:grid;grid-template-columns:58fr 42fr;--a:clamp(0,calc(var(--p,0) / .5),1)}
.so-a,.so-b{position:relative;overflow:hidden;display:block}
.so-a img,.so-b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.so-a{clip-path:inset(0 calc((1 - var(--a)) * 45%) 0 0)}
.so-a img{transform:scale(calc(1.2 - var(--a) * .2))}
.so-b img{object-position:45% 25%;transform:translateY(calc((1 - var(--a)) * 12%)) scale(1.12)}
.so-a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,18,12,.72),rgba(30,18,12,0) 60%)}
.so-t{position:absolute;left:4vw;bottom:8svh;z-index:3;color:var(--cream);pointer-events:none}
.so-t a{pointer-events:auto}
.so-t h2{color:inherit;text-shadow:0 2px 30px rgba(30,18,12,.35);margin:0 0 18px;font-family:var(--cond);font-weight:400;line-height:.88;letter-spacing:-.02em}
.so-t .t1{display:block;font-size:clamp(3.4rem,9vw,9rem);transform:translateX(calc((1 - var(--a)) * -30px));opacity:var(--a)}
.so-t .t2{display:block;font-size:clamp(2rem,5vw,5rem);transform:translateX(calc((1 - var(--a)) * -60px));opacity:clamp(0,calc(var(--a) * 1.4 - .3),1)}
@media(max-width:899px){.s-soft .s-pin{grid-template-columns:1fr;grid-template-rows:58fr 42fr}.so-a{clip-path:inset(0 0 calc((1 - var(--a)) * 40%) 0)}}

/* ---------- Polaroidy ---------- */
.pol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;padding:20px 4px}
.pol li{opacity:0;transform:translateY(80px) rotate(0deg);transition:opacity .8s,transform 1.3s var(--ease);transition-delay:calc(var(--i,0) * 120ms)}
.s-ugc.is-seen .pol li{opacity:1;transform:translateY(calc((.5 - var(--p,.5)) * var(--s,1) * 140px)) rotate(var(--r));transition:opacity .8s,transform .25s linear}
.pol li:hover .polaroid{transform:rotate(calc(var(--r) * -1)) scale(1.04)}
.polaroid{transition:transform .6s var(--ease)}
@media(min-width:900px){.pol{grid-template-columns:repeat(4,1fr);gap:32px}}

/* ---------- Journal ---------- */
.jr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
.jr-post:nth-child(3){display:none}
.jr-img{display:block;aspect-ratio:4/5;overflow:hidden}
.jr-img img{width:100%;height:100%;object-fit:cover}
.jr-post h3{font-family:var(--cond);font-weight:400;font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.04;margin:14px 0 6px}
.jr-post h3 a{text-decoration:none}
.jr-post p{font-size:13px;color:var(--ink-2);margin-bottom:10px}
@media(min-width:900px){.jr-grid{grid-template-columns:repeat(3,1fr);gap:28px}.jr-post:nth-child(3){display:block}.jr-post:nth-child(2){margin-top:72px}}

/* ---------- Moda włoska ---------- */
.s-brand{position:relative;height:170svh}
.s-brand .s-pin{--a:clamp(0,calc((var(--p,0) - .08) / .42),1)}
.br-img{position:absolute;inset:0}
.br-img img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:scale(calc(1.18 - var(--p,0) * .18))}
.br-copy{position:absolute;inset:0;display:flex;align-items:center;z-index:2}
.br-box{background:var(--bg);padding:clamp(28px,4vw,64px);max-width:600px;transform:translateX(calc((1 - var(--a)) * -120%));opacity:clamp(0,calc(var(--a) * 2),1)}
.br-box .s-h2{margin-bottom:18px}
.br-text{font-size:14.5px;line-height:1.75;color:var(--ink-2);margin-bottom:22px}
@media(max-width:899px){.br-copy{align-items:flex-end;padding-bottom:5svh}.br-box{padding:24px}}

/* ---------- FAQ ---------- */
.fq-grid{display:grid;gap:28px;align-items:center}
.s-faq .faq{margin-top:22px}
.s-faq .acc-item{border:1px solid var(--line);margin-bottom:-1px;padding:0 16px;background:var(--surface)}
.s-faq .acc-btn{font-family:var(--sans);font-size:14px;font-weight:500;padding:16px 0}
.fq-more{margin-top:20px}
.fq-img{position:relative;aspect-ratio:4/5;overflow:hidden}
.fq-img img{width:100%;height:100%;object-fit:cover}
.fq-side{position:absolute;right:16px;bottom:20%;z-index:2;width:min-content;word-spacing:100vw;color:#fff;font-size:12px;letter-spacing:.22em;font-weight:600;line-height:1.7;text-shadow:0 1px 14px rgba(0,0,0,.4)}
@media(min-width:900px){.fq-grid{grid-template-columns:1fr .75fr;gap:clamp(40px,6vw,96px)}}

/* Nagłówek nie zasłania scen — chowa się przy przewijaniu w dół (core.js) */
.ola-home .site-header{transition:transform .5s var(--ease)}