:root{--yellow:#ffd900;--black:#0a0a0a;--white:#fff;--display:'Archivo Black',sans-serif;--body:'Inter Tight',sans-serif;--mono:'JetBrains Mono',monospace;color:var(--black);background:var(--white);font-family:var(--body)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden}h1,h2,h3,p,figure{margin:0}h1,h2,h3,.brand{font-family:var(--display);letter-spacing:-.03em;font-weight:400;line-height:.94}h2{font-size:clamp(2rem,6vw,4.5rem)}h3{font-size:1.8rem}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:wait;opacity:.6}ul{list-style:none;padding:0;margin:0}img{display:block;width:100%;height:100%;object-fit:cover}em{font-style:normal;color:var(--yellow)}:focus-visible{outline:3px solid #3070ff;outline-offset:5px}.yellow{background:var(--yellow)}.dark{background:var(--black);color:var(--white)}.mono,.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.15em}.eyebrow{font-size:12px;line-height:1.7;opacity:.65;margin-bottom:20px}.dark .eyebrow{color:var(--yellow);opacity:1}.container{max-width:1152px;margin:0 auto;padding-left:32px;padding-right:32px}.section{padding-top:112px;padding-bottom:112px}.body-copy{font-size:20px;line-height:1.65;opacity:.7;margin-top:24px;max-width:470px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:15px}.skip-link:focus{top:20px}.navigation{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:50;width:min(94vw,616px);padding:8px 12px;border-radius:50px;border:2px solid #0a0a0a1a;background:#0a0a0a4d;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:8px;color:white;transition:background .25s}.navigation.scrolled{background:#0a0a0ae6}.brand{font-size:18px}.nav-links{display:flex;gap:2px}.nav-links a{font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em;padding:8px;color:#fffc}.nav-cta{background:var(--yellow);color:var(--black);border:2px solid var(--yellow);border-radius:30px;padding:9px 15px;font:bold 11px var(--mono);text-transform:uppercase;letter-spacing:.1em}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;border-bottom:2px solid}.edge-tag{position:absolute;left:0;top:80px;background:var(--black);color:white;font-size:11px;padding:9px 16px;z-index:1}.hero-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 20px 90px;text-align:center}.ghost{background:url('mascot.webp') no-repeat 50% 0;background-size:320% 220%;aspect-ratio:1}.ghost-hero{width:min(64vw,320px);animation:float 4.5s ease-in-out infinite}.hero h1{font-size:clamp(2.35rem,7vw,3.75rem);line-height:.88;margin-top:8px}.hero-subtitle{font-size:clamp(.75rem,3vw,1rem);opacity:.7;margin-top:24px;line-height:1.6}.button{display:inline-block;background:var(--black);color:white;font:1.15rem var(--display);line-height:1.25;border:2px solid var(--black);padding:16px 26px;box-shadow:8px 8px 0 var(--black);transition:background .2s,color .2s,transform .2s,box-shadow .2s;text-align:center}.button:hover{background:white;color:var(--black);text-decoration:none}.button:active{transform:translate(4px,4px);box-shadow:4px 4px 0 var(--black)}.hero .button{margin-top:28px}.scroll-cue{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:10px;text-align:center;opacity:.65}.scroll-cue span{display:block;font-size:24px;animation:float 1.4s ease-in-out infinite}.marquee{border-block:2px solid #ffffff26;padding:20px 0;overflow:hidden}.marquee>div{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee span{font:clamp(2.25rem,5vw,3.75rem) var(--display);white-space:nowrap}.positioning-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:96px}.positioning h2{font-size:clamp(2rem,6vw,4.2rem)}.kitchen{position:relative;aspect-ratio:4/5;border:2px solid #fff3;overflow:hidden}.kitchen img{object-position:25% 50%}.kitchen figcaption{position:absolute;bottom:12px;left:12px;background:var(--yellow);color:var(--black);border:2px solid;padding:5px 8px;font-size:10px}.delivery{text-align:center;padding-block:128px}.delivery h2{font-size:clamp(2rem,7vw,5.5rem);line-height:.9}.delivery .body-copy{max-width:680px;margin-inline:auto}.moment{position:relative;height:60vh;min-height:330px}.moment::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0a0a0a66,var(--black))}.moment-caption{position:absolute;z-index:1;bottom:26px;left:48px}.moment-caption h2{font-size:clamp(1.6rem,4vw,2.8rem)}.moment-caption .eyebrow{color:white;margin:12px 0 0;opacity:.7}.category-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.arrows{display:flex;gap:8px}.arrows button{width:44px;height:44px;background:white;border:2px solid;border-radius:50%;font-size:24px}.arrows button:hover{color:white;background:var(--black)}.category-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 32px 18px;margin-top:48px;scrollbar-width:thin}.category{position:relative;flex:0 0 320px;aspect-ratio:3/4;background:var(--yellow);border:2px solid;box-shadow:8px 8px 0 var(--black);scroll-snap-align:start;display:flex;flex-direction:column}.number{position:absolute;top:12px;left:12px;font:10px var(--mono);letter-spacing:.15em;opacity:.45}.category-icon{flex:1;display:flex;align-items:center;justify-content:center;min-height:170px}.category-icon svg{width:96px;height:96px;transition:transform .3s}.category:hover .category-icon svg{transform:rotate(-6deg) scale(1.1)}.category-copy{border-top:2px solid;padding:20px;min-height:150px}.category-copy p{margin-top:8px;font-size:16px;line-height:1.4;opacity:.7}.hint{font-size:11px;line-height:1.8;opacity:.6;margin-top:8px}.sightings>.eyebrow{text-align:center}.sightings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sightings img{aspect-ratio:4/3;height:auto;border:2px solid;box-shadow:8px 8px 0 var(--black)}.sightings figcaption{font-size:11px;margin-top:14px;opacity:.6}.signup{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.cities,.signup-panel{padding:56px;display:flex;flex-direction:column;justify-content:center}.cities{position:relative;background:linear-gradient(90deg,#0a0a0af2,#0a0a0ab3),url('couch.webp') center/cover}.cities h2{font-size:clamp(2rem,5vw,3.6rem);margin-bottom:32px}.city-list button{display:block;width:100%;text-align:left;border:0;background:none;padding:3px 0;font:clamp(1.6rem,5vw,3rem)/1.1 var(--display);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px white;transition:color .25s,transform .25s}.city-list button:hover,.city-list button[aria-pressed=true]{color:var(--yellow);-webkit-text-stroke-color:var(--yellow);transform:translateX(8px)}.signup-panel h2{font-size:clamp(2rem,5vw,3.8rem);line-height:.9}form{margin-top:32px}form label{display:block;font:11px var(--mono);text-transform:uppercase;letter-spacing:.15em;margin:16px 0 6px}input{width:100%;background:white;border:2px solid var(--black);padding:12px 16px;font-size:18px;border-radius:0}input::placeholder{color:#888}form .button{width:100%;margin-top:22px}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#form-status{font-size:16px;line-height:1.5;margin-top:16px}#form-status.error{color:#8a1600}footer{padding:90px 0 32px}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;border-top:2px solid;padding-top:32px}.footer-grid p:not(.eyebrow){max-width:300px;font-size:14px;line-height:1.7;opacity:.8}.footer-grid .eyebrow{margin-bottom:10px;font-size:11px}.footer-grid li{margin-bottom:6px}.contact{display:inline-block;background:white;border:2px solid;padding:10px 14px;font-size:13px;letter-spacing:0;text-transform:none}.footer-bottom{border-top:2px solid #0a0a0a33;display:flex;justify-content:space-between;gap:12px;margin-top:40px;padding-top:24px;font-size:11px;line-height:1.7;opacity:.6}.reveal{transition:opacity .6s,transform .6s}.reveal.pending{opacity:0;transform:translateY(24px)}
/* Sekwencja wejścia z Hero/FloatingNav; osobna warstwa chroni paralaksę. */
.navigation{animation:nav-enter .5s .3s cubic-bezier(.42,0,.58,1) backwards}
.edge-tag{animation:tag-enter .8s .2s linear backwards}
.ghost-entry{animation:ghost-enter .7s cubic-bezier(0,0,.58,1) backwards}
.hero h1{animation:title-enter .6s .25s cubic-bezier(.42,0,.58,1) backwards}
.hero-subtitle{animation:subtitle-enter .6s .45s cubic-bezier(.42,0,.58,1) backwards}
.hero .button{animation:button-enter .6s .6s cubic-bezier(.42,0,.58,1) backwards}
.scroll-cue span{animation:scroll-bounce 1.4s ease-in-out infinite}
@keyframes nav-enter{from{opacity:0;transform:translate(-50%,-80px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes tag-enter{0%{opacity:0;transform:translateX(-20px)}25%{opacity:.8;transform:translateX(-3px)}45%{opacity:1;transform:translateX(3px)}70%{transform:translateX(-.5px)}100%{opacity:1;transform:translateX(0)}}
@keyframes ghost-enter{from{opacity:0;transform:translateY(20px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes title-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes subtitle-enter{from{opacity:0;transform:translateY(16px)}to{opacity:.7;transform:translateY(0)}}
@keyframes button-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes scroll-bounce{50%{transform:translateY(6px)}}
/* Oryginalny hover: dłoń duszka wysuwa się zza górnej krawędzi karty. */
.category{overflow:hidden}
.category::before{content:'';position:absolute;top:-24px;right:16px;width:80px;height:80px;pointer-events:none;background:url('ghost-hand.svg') center/contain no-repeat;opacity:0;transform:translateY(-16px) rotate(12deg);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}
.category:hover::before{opacity:1;transform:translateY(0) rotate(12deg)}
.category-icon svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}
@keyframes float{50%{transform:translateY(-10px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:767px){.container{padding-inline:20px}.section{padding-block:80px}.positioning-grid,.sightings-grid,.signup{grid-template-columns:1fr}.positioning-grid{gap:40px;margin-top:64px}.delivery{padding-block:80px}.moment{height:50vh}.moment-caption{left:24px;right:24px}.category-track{padding-inline:20px;gap:16px}.category{flex-basis:78vw;max-width:360px}.category-icon svg{width:80px;height:80px}.cities,.signup-panel{padding:48px 28px}.city-list button{font-size:clamp(1.8rem,7vw,3rem)}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column}footer{padding-top:64px}.sightings-grid{gap:32px}}
@media(max-width:639px){.nav-links{display:none}.hero-content{padding-top:132px}.hero .button{font-size:1rem}.arrows button{width:38px;height:38px}.eyebrow{font-size:10px}.category-copy h3{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}}