/* FOTO: pełnoekranowe panele ze zdjęciami w tle, szklane karty, duża lekka typografia */
:root{--text:#fff;--muted:rgba(255,255,255,.78);--accent:#ffb23f;--on-accent:#1a1204;--line:rgba(255,255,255,.2);--node-line:rgba(255,255,255,.35);--node-bg:rgba(255,255,255,.08);--field-bg:rgba(255,255,255,.1);--field-line:rgba(255,255,255,.35);--field-radius:12px;--focus:#ffb23f;--ok:#8cf0c0}
body.f{background:#0a0a0f;color:var(--text);font:17px/1.65 "Avenir Next","Segoe UI",system-ui,sans-serif}
.f a{color:var(--accent)}
.f h1,.f h2,.f h3{font-weight:300;letter-spacing:-.035em;line-height:1.02;margin:0 0 .45em}
.f h1{font-size:clamp(3rem,9vw,7.2rem)}.f h2{font-size:clamp(2.2rem,5.2vw,4.2rem)}.f h3{font-size:1.3rem;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.f b,.f strong{font-weight:700}
.f p{margin:0 0 1em}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px;width:100%}
.top{position:absolute;left:0;right:0;z-index:30}
.top .wrap{display:flex;justify-content:space-between;align-items:center;height:78px;gap:16px}
.logo{font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:#fff!important;font-size:1rem}
.logo span{color:var(--accent)}
.nav{display:flex;gap:22px;align-items:center;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}
.nav a{color:#fff;text-decoration:none;opacity:.85}.nav a:hover{opacity:1}
.nav .btn{opacity:1;padding:10px 20px;font-size:.8rem}
@media(max-width:940px){.nav a:not(.btn){display:none}}
.f .btn{background:var(--accent);color:var(--on-accent)!important;border-radius:4px;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;padding:15px 28px}
.f .btn.ghost{background:transparent;border:1px solid #fff;color:#fff!important}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

.panel{min-height:min(92vh,880px);display:flex;align-items:center;padding:110px 0 80px;background:linear-gradient(90deg,rgba(6,6,10,.88),rgba(6,6,10,.5) 60%,rgba(6,6,10,.35)),var(--bgimg) center/cover;background-attachment:scroll}
.panel.right{background:linear-gradient(270deg,rgba(6,6,10,.88),rgba(6,6,10,.5) 60%,rgba(6,6,10,.35)),var(--bgimg) center/cover}
.panel.hero{min-height:min(100vh,940px)}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;color:var(--accent);font-weight:700;margin-bottom:20px}
.hero .lead{font-size:1.25rem;max-width:44ch;color:var(--muted)}
.hero .price-line{margin-top:22px;font-weight:700}.hero .price-line span{color:var(--accent)}
.scroll{position:absolute;left:28px;bottom:24px;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.panel.hero{position:relative}

.glass{background:rgba(255,255,255,.09);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:6px;padding:26px;min-width:0}
.glass p,.glass li{color:var(--muted)}.glass ul{margin:0;padding-left:1.1em}
.cols{display:grid;gap:18px}
.c2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.c3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.c4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
@media(max-width:900px){.split{grid-template-columns:minmax(0,1fr)}.panel{padding:90px 0 60px}}
.num{font-size:.8rem;letter-spacing:.2em;color:var(--accent);font-weight:700}
.price{font-size:2.3rem;font-weight:300;letter-spacing:-.03em;margin:4px 0 10px}
.from{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--accent)}
.pg{display:flex;flex-direction:column}.pg ul{flex:1;margin-bottom:18px}
.arrow{color:var(--accent)}.flow{margin-bottom:12px}
.shots{display:flex;gap:12px;justify-content:center;align-items:flex-end}
.shots img{width:32%;border-radius:18px;border:3px solid rgba(255,255,255,.85);box-shadow:0 24px 50px rgba(0,0,0,.55)}
.shots img:nth-child(2){margin-bottom:34px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}.tag{font-size:.74rem;padding:3px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
.links{display:flex;gap:16px;flex-wrap:wrap;font-weight:700}
.minigal{display:flex;gap:10px;margin-top:22px;overflow-x:auto}.minigal img{height:150px;width:auto;border-radius:10px;flex:none}
.timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.timeline div{border-top:1px solid var(--accent);padding-top:14px}.timeline p{font-size:.92rem;color:var(--muted);margin:.3em 0 0}
@media(max-width:900px){.timeline{grid-template-columns:minmax(0,1fr)}}
.contact-info{list-style:none;padding:0;margin:20px 0 0}.contact-info span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
.dots{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:40;display:grid;gap:12px;margin:0;padding:0;list-style:none}
.dots a{display:block;width:10px;height:10px;border-radius:50%;border:1px solid #fff;background:transparent}.dots a:hover{background:var(--accent);border-color:var(--accent)}
@media(max-width:900px){.dots{display:none}}
.fgrid label{color:#fff}
.fgrid select option{color:#111}
footer{padding:30px 0;color:var(--muted);font-size:.88rem;background:#06060a}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}footer a{color:var(--muted)}
.article{padding:130px 0 60px}.article .wrap{max-width:820px}