@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-700.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(fonts/is400-latin.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Instrument Sans";src:url(fonts/is400-ext.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"Instrument Sans";src:url(fonts/is600-latin.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Instrument Sans";src:url(fonts/is600-ext.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
:root{--biel:#f2efea;--biel2:#e6e2dc;--grafit:#252422;--grafit2:#3a3835;--szar:#6b6762;--cort:#2f2e2c;--cort2:#cfcac3;--F:"Cormorant Garamond",Georgia,"Times New Roman",serif}
[hidden]{display:none!important}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;background:#2a2927;color:var(--grafit);font:400 17px/1.65 "Instrument Sans",Arial,sans-serif;overflow-x:hidden}
.gora{position:fixed;z-index:40;top:0;left:0;right:0;pointer-events:none}
.pas1{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px}
.pas1>*{pointer-events:auto}
.tafla{background:rgba(242,239,234,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(37,36,34,.16);box-shadow:0 10px 26px -18px rgba(20,18,16,.6)}
.marka{display:flex;align-items:center;gap:12px;height:48px;padding:0 18px 0 14px;color:var(--grafit);text-decoration:none;border-radius:2px;background:rgba(242,239,234,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(37,36,34,.16)}
.marka b{font:700 19px/1 var(--F);letter-spacing:.2em;text-transform:uppercase}.marka small{font-size:13px;letter-spacing:.08em;color:var(--szar)}
.okr{width:4px;height:24px;background:var(--grafit)}
.ster{display:flex;gap:6px}
.kw{width:48px;height:48px;border:1px solid rgba(37,36,34,.16);background:rgba(242,239,234,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--grafit);display:grid;place-items:center;padding:0;cursor:pointer;font:600 14px "Instrument Sans",sans-serif;letter-spacing:.08em;border-radius:2px;transition:background .3s,color .3s}
.kw:hover{background:var(--grafit);color:var(--biel)}
.kw svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pas2{display:flex;gap:6px;padding:0 14px 10px;overflow-x:auto;scrollbar-width:none;transform:translateY(-130%);opacity:0;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s;pointer-events:none}
.pas2::-webkit-scrollbar{display:none}
.pas2.jest{transform:none;opacity:1;pointer-events:auto}
.pas2 button{flex:none;display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 16px 6px 8px;background:rgba(242,239,234,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(37,36,34,.16);border-radius:2px;color:var(--grafit);font:600 13px "Instrument Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .3s,color .3s,transform .3s}
.pas2 button:hover{background:var(--grafit);color:var(--biel);transform:translateY(-2px)}
.pas2 svg{width:30px;height:30px;flex:none}
.scena{position:relative;height:340vh}
.kadr{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:linear-gradient(180deg,rgba(242,239,234,.42),rgba(242,239,234,.18) 45%,rgba(30,29,27,.28)),url(img/sciana.webp) center/cover #cfcac3}
.kadr::before{content:"";position:absolute;inset:-30%;background:linear-gradient(105deg,transparent 40%,rgba(255,250,240,.22) 50%,transparent 60%);animation:swiatlo 16s ease-in-out infinite alternate;pointer-events:none}
@keyframes swiatlo{from{transform:translateX(-25%)}to{transform:translateX(25%)}}
body.pauza .kadr::before{animation-play-state:paused}
#c{position:absolute;inset:0;width:100%;height:100%;display:block}
.menu{position:absolute;inset:0;pointer-events:none}
.menu button{position:absolute;pointer-events:auto;background:transparent;border:0;padding:0;cursor:pointer;border-radius:4px}
.menu button:focus-visible{outline:2px solid var(--cort);outline-offset:4px}
.wsk{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);margin:0;padding:14px 22px;background:rgba(37,36,34,.88);color:var(--biel);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border-radius:2px;transition:opacity .5s;pointer-events:none}
.panel{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 32px));padding:32px 30px 28px;background:rgba(242,239,234,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:3px solid var(--cort);border-radius:2px;box-shadow:0 40px 80px -30px rgba(20,18,16,.55);animation:wej .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes wej{from{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}
.panel h2{margin:0 0 12px;font:700 clamp(34px,4vw,48px)/1.2 var(--F);letter-spacing:.06em;text-transform:uppercase}.pnr{margin:0 0 6px;font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--cort)}
.panel p{margin:0 0 12px}.pnota{font-size:14px;color:var(--szar)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;background:var(--grafit);color:var(--biel);border:1px solid var(--grafit);border-radius:2px;font:600 13px "Instrument Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:background .3s,border-color .3s}
.btn:hover{background:#4a4845;border-color:#4a4845}
.info{position:relative;color:var(--biel);background:linear-gradient(180deg,rgba(24,23,21,.86),rgba(30,29,27,.72) 30%,rgba(24,23,21,.84)),url(img/surowy.webp) center/cover #2a2927}
.info-in{width:min(1160px,100%);margin:0 auto;padding:120px 22px 56px}
.kicker{margin:0 0 18px;font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--cort2)}
h1{margin:0;font:700 clamp(50px,8.5vw,120px)/1.2 var(--F);letter-spacing:.04em;text-transform:uppercase}
.kol{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:44px}
.lead{margin:0;font-size:20px;line-height:1.65;color:rgba(242,239,234,.88)}
.blok label,.mt{display:block;margin:0 0 12px;font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:rgba(242,239,234,.8)}.mt{margin-top:32px}
.wiersz{display:flex;gap:10px}.wiersz input{flex:1;min-width:0;height:54px;padding:0 18px;border:1px solid rgba(242,239,234,.35);border-radius:2px;background:rgba(242,239,234,.08);font:700 20px var(--F);letter-spacing:.14em;text-transform:uppercase;color:var(--biel)}.wiersz input::placeholder{color:rgba(242,239,234,.5)}.wiersz input:focus{outline:2px solid var(--cort2);outline-offset:1px}
.info .btn{background:var(--biel);color:var(--grafit);border-color:var(--biel)}.info .btn:hover{background:#cfcac3;border-color:#cfcac3;color:var(--grafit)}
#przyc{display:flex;flex-wrap:wrap;gap:8px}
#przyc a,#przyc button{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:1px solid rgba(242,239,234,.3);border-radius:2px;background:rgba(242,239,234,.06);color:var(--biel);text-decoration:none;font:600 13px "Instrument Sans",sans-serif;letter-spacing:.1em;cursor:pointer;transition:background .3s}
#przyc a:hover,#przyc button:hover{background:rgba(242,239,234,.16)}
.kom{min-height:22px;margin:8px 0 0;font-size:14px;color:var(--cort2)}
.zapr{border:1px solid rgba(242,239,234,.22);display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:96px;padding:40px 40px;color:var(--biel);border-radius:2px;background:linear-gradient(135deg,#1c1b1a,#34322f 45%,#2a2927 70%,#1a1918);box-shadow:inset 0 0 0 1px rgba(242,239,234,.16),0 30px 60px -30px rgba(0,0,0,.7);position:relative;overflow:hidden}
.zapr::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 20% 0,rgba(242,239,234,.1),transparent 60%);pointer-events:none}
.zapr p{margin:0;font:700 clamp(26px,3vw,38px)/1.25 var(--F);letter-spacing:.02em;max-width:700px;position:relative}.zapr .btn{position:relative}
.jasny{background:var(--biel)!important;color:var(--grafit)!important;border-color:var(--biel)!important}.jasny:hover{background:var(--grafit)!important;color:var(--biel)!important;border-color:var(--grafit)!important}
.lapa{display:flex;align-items:center;gap:14px;margin-top:48px;color:var(--biel);text-decoration:none}.lapa img{width:72px;height:auto}.lapa b{display:block;font-weight:600}.lapa small{font-size:14px;color:rgba(242,239,234,.7)}
@media(max-width:800px){.kol{grid-template-columns:minmax(0,1fr);gap:34px}.kol>*{min-width:0}.info-in{padding:84px 18px 44px}.marka small{display:none}.lead{font-size:18px}.zapr{padding:30px 22px;margin-top:64px}.wsk{font-size:13px}}
@media(prefers-reduced-motion:reduce){.kadr::before{animation:none}}