/* EATNIO v3 — one responsive layout; all content visible without JavaScript. */
.cinema-page{background:#101114;color:#f6f6f7;overflow:clip;--line:#ffffff16;--muted:#b2b3bc}
.cinema-page *{box-sizing:border-box}
.cinema-page main>section{scroll-margin-top:24px}
.cinema-page .wrap{width:min(1120px,90%)}
.cinema-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 5%;border-bottom:1px solid var(--line)}
.cinema-nav img{display:block;width:132px;height:42px;object-fit:contain}
.cinema-nav nav,.nav-actions{display:flex;align-items:center;gap:28px}
.cinema-nav a{font-size:13px}
.nav-account{display:flex;gap:12px;align-items:center;white-space:nowrap}.nav-account span{color:#ff2038;font-size:22px}
.motion-toggle{background:transparent;border:1px solid #ffffff26;border-radius:30px;color:#b2b3bc;padding:10px 12px;font-size:10px;min-height:40px;cursor:pointer}
.cinema-hero{position:relative;isolation:isolate;width:min(1440px,100%);margin:auto;min-height:560px;display:grid;align-items:center;aspect-ratio:16/9}
.hero-food{position:absolute;inset:0;z-index:-1;display:block}
.hero-food img,.hero-food video{display:block;width:100%;height:100%;object-fit:contain}
.cinema-copy{padding:40px 0 40px 5%;width:39%;background:linear-gradient(90deg,#10111470,transparent)}
.cinema-kicker{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.18em;font-weight:700;margin:0 0 22px}
.cinema-kicker span{background:#ff2038;width:6px;height:6px;border-radius:50%}
.cinema-copy h1{font-size:clamp(54px,5.6vw,84px);line-height:1.02;letter-spacing:-.045em;font-weight:500;margin:0}
.cinema-copy h1>span{display:block}.outline-word{color:transparent;-webkit-text-stroke:1px #ededf0}.red-dot{color:#ff2038;-webkit-text-stroke:0}
.cinema-description{font-size:15px;line-height:1.65;color:#d0d0d5;margin:24px 0;max-width:330px}
.cinema-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.cinema-page .btn{border-radius:8px;min-height:48px;transition:background .2s,box-shadow .2s,transform .2s}
.cinema-cta .btn{font-size:13px;padding:15px 20px;gap:18px}
.cinema-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;padding:12px 0}.cinema-link span{font-size:20px}
.editorial-section{padding:64px max(5%,calc((100% - 1120px)/2));border-block:1px solid var(--line);background:#141518}
.editorial-top{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.14em;color:var(--muted);margin-bottom:24px}
.section-index{font-size:10px;letter-spacing:.15em;color:#ff465a;font-weight:700}
.editorial-title{font-size:clamp(32px,4.2vw,56px);letter-spacing:-.035em;font-weight:500;line-height:1.12;margin:0}
.editorial-title span{color:#a1a2ac}.editorial-title br:nth-child(2){display:none}
.editorial-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 36px}
.editorial-bottom p{max-width:610px;color:var(--muted);font-size:15px;margin:0}
.round-link{width:54px;height:54px;border:1px solid #ffffff35;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:28px;transition:background .25s,transform .25s}
.editorial-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.editorial-steps article{border:1px solid var(--line);border-radius:14px;padding:24px;background:#191a1e}
.editorial-steps article>span{color:#ff465a;font-size:12px}
.editorial-steps h3{font-size:23px;margin:15px 0 10px;font-weight:500}
.editorial-steps p{color:var(--muted);font-size:14px;margin:0}
.rhythm-section{height:auto;min-height:0;background:#101114}
.rhythm-sticky{width:min(1120px,90%);margin:auto;padding:64px 0;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:56px}
.rhythm-copy h2{font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.12;letter-spacing:-.035em;margin:22px 0}
.rhythm-copy h2 em{font-style:normal;color:#a1a2ac}.rhythm-copy>p{color:var(--muted);max-width:440px;font-size:15px}
.rhythm-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.rhythm-options button{background:#191a1e;border:1px solid #45464e;color:#ddd;padding:13px 18px;border-radius:30px;min-height:44px;cursor:pointer;transition:background .25s,border-color .25s}
.rhythm-options button[aria-pressed=true]{border-color:#ff2038;background:#ff203819;color:#fff}.rhythm-copy .rhythm-caption{font-size:11px}
.clock-scene{width:100%;max-width:360px;position:relative;justify-self:center}.clock-orbit{display:none}
.clock-face{position:relative;aspect-ratio:1;width:100%;border-radius:50%;background:radial-gradient(circle,#232326 0%,#111115 65%);box-shadow:0 0 90px #ff20380a}.clock-face svg{width:100%;height:100%;transform:rotate(var(--clock-turn,0deg));transition:transform .15s linear;overflow:visible}.clock-track{fill:none;stroke:#333338;stroke-width:1;stroke-dasharray:1 6}.clock-eating{fill:none;stroke:#ff2038;stroke-width:3;stroke-dasharray:364 1094;transform:rotate(-90deg);transform-origin:center;filter:drop-shadow(0 0 8px #ff203870)}.clock-dot{fill:#ff2038}.clock-top,.clock-bottom,.clock-left,.clock-right{position:absolute;font-size:10px;color:#86868a}.clock-top{top:11%;left:49%}.clock-bottom{bottom:11%;left:49%}.clock-left{left:11%;top:49%}.clock-right{right:11%;top:49%}.clock-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.clock-center small{font-size:8px;letter-spacing:.18em;color:#a6a6ac}.clock-center strong{font-size:clamp(70px,8vw,114px);letter-spacing:-.07em;font-weight:400;line-height:1.5}.clock-center strong span{color:#ff2038}.clock-center p{font-size:12px;color:#aaa;margin:0}.clock-orbit{position:absolute;border:1px solid #ffffff09;border-radius:50%;inset:-9%;z-index:-1}.orbit-two{inset:-19%;border-color:#ffffff04}.clock-legend{display:flex;justify-content:center;gap:24px;margin-top:35px;font-size:10px;color:#b7b7bd}.clock-legend span{display:flex;gap:8px;align-items:center}.clock-legend i{width:6px;height:6px;border-radius:50%;background:#777}.clock-legend span+span i{background:#ff2038}
.clock-face svg{transition:transform .65s cubic-bezier(.22,1,.36,1)}
.clock-center strong{font-size:88px}.clock-legend{margin-top:22px}
.cinema-page .section{padding:48px 0}.cinema-page #fasting{border-top:1px solid var(--line)}
.cinema-page #recepty{padding:24px 0}.cinema-page #cennik{padding:24px 0}
.cinema-page .section-head{gap:24px;margin-bottom:28px;align-items:end}
.cinema-page .section-head h2,.cinema-page .couple-band h2{font-size:clamp(28px,3.5vw,44px);line-height:1.12;letter-spacing:-.035em;font-weight:500}
.cinema-page .section-head p{color:var(--muted)}
.cinema-page .method-card,.cinema-page .recipe-card,.cinema-page .pricing-card{border:1px solid var(--line);border-radius:14px;background:#191a1e;transition:border-color .25s,box-shadow .25s,transform .25s}
.cinema-page .method-card.featured,.cinema-page .pricing-card.featured{border-color:#ff203880;background:linear-gradient(145deg,#28171d,#191a1e 65%)}
.cinema-page .method-name{font-size:38px}.cinema-page .method-card{padding:24px 20px}
.cinema-page .recipe-card .pic{overflow:hidden}.cinema-page .recipe-card img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.cinema-page .couple-band{background:#191a1e;border:1px solid var(--line);border-radius:16px;overflow:hidden}.cinema-page .couple-band p{color:var(--muted)}
.cinema-page .faq details{background:#16171b;border-color:var(--line)}
.cinema-page .footer{background:#101114;border-top:1px solid var(--line);padding:32px 0}.cinema-page .footer img{width:132px;height:auto}
.cinema-page :focus-visible{outline:2px solid #ff6678;outline-offset:5px}
.cinema-page .entering{animation:section-arrive .65s cubic-bezier(.22,1,.36,1) both}
@keyframes section-arrive{from{opacity:.75;translate:0 14px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.cinema-page:not(.motion-off) .recipe-card:hover,.cinema-page:not(.motion-off) .method-card:hover{transform:translateY(-4px);border-color:#ffffff40;box-shadow:0 16px 30px #0003}
.cinema-page:not(.motion-off) .recipe-card:hover img{transform:scale(1.035)}
.cinema-page:not(.motion-off) .btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #ff203822}
.round-link:hover{background:#ff2038;transform:rotate(8deg)}
}
@media(max-width:1000px) and (min-width:701px){.cinema-hero{min-height:520px}.cinema-copy{width:43%}.cinema-copy h1{font-size:58px}.cinema-nav nav{gap:16px}.nav-actions{gap:14px}.cinema-page .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
.cinema-nav{padding:14px 6%;gap:12px}.cinema-nav img{width:112px;height:36px}.cinema-nav nav{display:none}.nav-actions{gap:12px}.nav-account{font-size:12px}.motion-toggle{font-size:9px;padding:8px;min-height:36px}
.cinema-hero{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0;padding:28px 6% 24px;gap:20px}
.cinema-copy{width:100%;padding:0;background:none;order:0}.cinema-copy h1{font-size:clamp(42px,11.8vw,68px)}.cinema-copy h1>span{display:inline}.cinema-copy h1>span:after{content:' '}.cinema-copy h1>span:last-child{display:block}
.cinema-kicker{font-size:8px;margin-bottom:18px}.cinema-description{margin:18px 0;font-size:14px;max-width:400px}.cinema-cta{gap:16px}.cinema-cta .btn{font-size:12px;padding:13px 16px}
.hero-food{position:relative;inset:auto;z-index:auto;width:100%;aspect-ratio:1;order:1;border-radius:14px;overflow:hidden}.hero-food img,.hero-food video{object-fit:cover;object-position:center 70%}
.editorial-section{padding:36px 6%}.editorial-top{font-size:8px}.editorial-top>span+span{max-width:120px;text-align:right}.editorial-title{font-size:32px}.editorial-bottom{margin-bottom:24px}.editorial-bottom p{font-size:14px}.editorial-steps{grid-template-columns:1fr;gap:12px}.editorial-steps article{padding:20px}
.rhythm-sticky{padding:36px 0;grid-template-columns:1fr;gap:28px;width:88%}.rhythm-copy h2{font-size:34px}.clock-scene{max-width:300px;width:90%}.clock-center strong{font-size:76px}
.cinema-page .wrap{width:88%}.cinema-page .section{padding:36px 0}.cinema-page .section-head{align-items:start;flex-direction:column;gap:16px;margin-bottom:22px}.cinema-page .grid4{grid-template-columns:1fr 1fr;gap:12px}.cinema-page .method-card{padding:18px 14px}.cinema-page .method-card .tag{font-size:8px}.cinema-page .method-card p{font-size:12px}.cinema-page .method-name{font-size:32px}
.cinema-page .couple-band>div{padding:24px}.cinema-page .section-head h2,.cinema-page .couple-band h2{font-size:30px}
}
@media(max-width:360px){.motion-toggle{max-width:64px;line-height:1.2}.cinema-page .grid4{grid-template-columns:1fr}.cinema-copy h1{font-size:42px}}
.cinema-page.motion-off *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.cinema-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.hero-video{background:#101114}.cinema-page .method-card{min-width:0}

/* v5: visible motion throughout the page, driven by native scrolling. */
.motion-strip{overflow:hidden;border-block:1px solid #ffffff20;background:#ff2038;color:#101114;padding:17px 0}
.motion-strip-track{display:flex;width:max-content;animation:rhythm-ticker 26s linear infinite}
.motion-strip-track span{display:flex;align-items:center;gap:36px;padding-right:36px;white-space:nowrap;font-size:clamp(22px,3.4vw,48px);font-weight:600;letter-spacing:-.035em}
.motion-strip-track b{font-size:.8em;font-weight:400}
@keyframes rhythm-ticker{to{transform:translateX(-50%)}}
.cinema-page .scroll-motion{translate:0 var(--motion-y,0px);opacity:var(--motion-opacity,1);rotate:var(--motion-rotate,0deg);transition:none}
.cinema-page h2.scroll-motion{clip-path:inset(0 0 var(--motion-clip,0%) 0);rotate:0deg}
.clock-face svg{transform:rotate(calc(var(--clock-turn,0deg) + var(--scroll-turn,0deg)))}
.cinema-copy h1>span{animation:hero-word 1.15s cubic-bezier(.16,1,.3,1) both}
.cinema-copy h1>span:nth-child(2){animation-delay:.14s}.cinema-copy h1>span:nth-child(3){animation-delay:.28s}
.cinema-description,.cinema-cta{animation:hero-word 1.2s .4s both}
@keyframes hero-word{from{opacity:0;transform:translateY(45px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.cinema-page.motion-off .scroll-motion{translate:none!important;rotate:none!important;opacity:1!important;clip-path:none!important}
.cinema-page.motion-off .motion-strip-track{animation-play-state:paused}
@media(max-width:700px){.motion-strip{padding:12px 0}.motion-strip-track span{gap:22px;padding-right:22px}.cinema-copy h1>span{display:inline-block}}
@media(prefers-reduced-motion:reduce){.cinema-page .scroll-motion{translate:none!important;rotate:none!important;opacity:1!important;clip-path:none!important}}

/* Spatial motion: perspective, layered surfaces and light. */
.cinema-hero{perspective:1400px}
.hero-food{transform:rotateX(var(--hero-x,0deg)) rotateY(var(--hero-y,0deg));transition:transform .7s cubic-bezier(.2,.7,.2,1);transform-origin:60% 50%}
.hero-depth{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.cinema-copy{position:relative;z-index:2}
.depth-orbit{position:absolute;width:36%;aspect-ratio:1;right:12%;top:12%;border:1px solid #ff203835;border-radius:50%;transform:rotateX(68deg) rotateZ(-25deg);box-shadow:0 0 50px #ff203810;animation:depth-orbit 14s ease-in-out infinite alternate}
.depth-chip{position:absolute;right:6%;top:7%;font-size:36px;line-height:1.1;letter-spacing:-.05em;font-weight:500;background:linear-gradient(135deg,#292329ed,#101114ee);border:1px solid #ffffff28;border-radius:18px;padding:18px 24px;box-shadow:8px 16px 0 #08090c50,0 25px 60px #0006;transform:rotateY(-15deg) rotateZ(5deg);animation:depth-float 7s ease-in-out infinite alternate;backdrop-filter:blur(12px)}
.depth-chip>span{color:#ff2038}.depth-chip small{display:block;font-size:8px;letter-spacing:.18em;margin-top:10px;color:#bdbbc2}
@keyframes depth-float{to{translate:0 14px;rotate:-5deg}}
@keyframes depth-orbit{to{transform:rotateX(68deg) rotateZ(55deg);opacity:.3}}
.editorial-steps,.grid4,.recipes-grid,.pricing-grid{perspective:1200px}
.cinema-page .depth-card{position:relative;transform-style:preserve-3d;transform:perspective(1000px) rotateX(calc(var(--entry-tilt,0deg) + var(--tilt-x,0deg))) rotateY(var(--tilt-y,0deg));transition:transform .4s ease-out,border-color .3s,box-shadow .3s;box-shadow:0 15px 40px #0003}
.cinema-page .depth-card:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,0%),#ffffff16,transparent 60%);opacity:.45;transition:opacity .3s}
.cinema-page .depth-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 28px 65px #0008;border-color:#ff203860}
.depth-card h3,.depth-card .method-name{transform:translateZ(25px)}
.cinema-page .clock-scene{perspective:1000px}
.clock-face{transform:rotateX(var(--clock-depth,12deg)) rotateY(-12deg);transform-style:preserve-3d;border:1px solid #ffffff18;box-shadow:9px 14px 0 #08090c,18px 25px 0 #08090c60,0 35px 70px #ff20381c;transition:transform .25s linear}
.clock-center{transform:translateZ(35px)}
.clock-scene:before,.clock-scene:after{content:'';position:absolute;inset:-4%;border:1px solid #ff203830;border-radius:50%;pointer-events:none;transform:rotateX(60deg) rotateZ(-25deg);animation:orbit-sweep 16s linear infinite}
.clock-scene:after{inset:8%;border-color:#ffffff18;animation-direction:reverse;animation-duration:22s}
@keyframes orbit-sweep{to{transform:rotateX(60deg) rotateZ(335deg)}}
.cinema-page.motion-off .hero-food,.cinema-page.motion-off .depth-card,.cinema-page.motion-off .clock-face{transform:none!important}
.cinema-page.motion-off .depth-chip{translate:none;rotate:none}
@media(max-width:700px){.hero-depth{display:none}.hero-food{transform:perspective(1000px) rotateX(var(--hero-scroll,0deg));transition:transform .2s linear}.clock-face{transform:rotateX(var(--clock-depth,12deg)) rotateY(-8deg)}.motion-strip{margin-top:0}}
@media(prefers-reduced-motion:reduce){.hero-food,.cinema-page .depth-card,.clock-face{transform:none!important}}

/* v7: full-height portrait film behind the mobile hero copy. */
@media(max-width:700px){
 .cinema-hero{display:block;min-height:0;aspect-ratio:9/16;padding:30px 6% 0;isolation:isolate;overflow:hidden}
 .cinema-hero .hero-food{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;z-index:-1;overflow:visible;transform:none;transition:none}
 .cinema-hero .hero-food video{width:100%;height:100%;object-fit:contain;object-position:center bottom;background:transparent}
 .cinema-copy{padding:0;width:100%;background:none}
 .cinema-copy h1{font-size:clamp(40px,11.2vw,66px);line-height:1.07}
 .cinema-copy h1>span{display:inline-block;margin-right:.18em}
 .cinema-copy h1>span:after{content:none}
 .cinema-copy h1>span:last-child{display:block;margin-right:0}
 .cinema-description{margin:16px 0;font-size:13px;line-height:1.5;text-shadow:0 1px 10px #0008}
 .cinema-cta{gap:12px}.cinema-cta .btn{padding:12px 14px;font-size:11px;min-height:44px}
 .cinema-link{font-size:12px}.cinema-kicker{margin-bottom:18px}
}
@media(max-width:360px){.cinema-hero{padding-top:20px}.cinema-copy h1{font-size:38px}.cinema-kicker{font-size:7px;margin-bottom:14px}.cinema-description{font-size:12px;margin:12px 0}.cinema-cta{gap:10px}.cinema-cta .btn{font-size:10px;padding:10px 12px}.cinema-link{font-size:10px}}

/* Floating typography in the empty space beneath the plate. */
.hero-words{position:absolute;bottom:3.5%;left:0;width:100%;overflow:hidden;pointer-events:none;z-index:2;background:none;border:0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hero-words-track{display:flex;width:max-content;animation:hero-words-drift 38s linear infinite}
.hero-words-track>span{display:flex;align-items:center;gap:26px;padding-right:26px;white-space:nowrap;color:#dedde2b3;font-size:clamp(18px,2.8vw,36px);font-weight:400;letter-spacing:.1em}
.hero-words-track i{font-style:normal;color:#ffffff48}
@keyframes hero-words-drift{to{transform:translateX(-50%)}}
@media(max-width:700px){.hero-words{bottom:5%}.hero-words-track>span{font-size:20px;gap:20px;padding-right:20px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.hero-words-track{animation:none}}