:root{font-family:Montserrat,Arial,sans-serif;color:#101010;background:#f4f3f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.topline{background:#101010;color:#fff;display:flex;justify-content:space-between;padding:9px 6%;font-size:10px;letter-spacing:.13em}.header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 6%;background:#f4f3f0}.wordmark{font-size:25px;font-weight:900;letter-spacing:-.07em;white-space:nowrap}.wordmark span{font-weight:500;letter-spacing:-.05em}.header nav{display:flex;gap:25px;font-size:10px;font-weight:700;letter-spacing:.1em}.header-cta{font-size:10px;font-weight:800;border-bottom:1px solid;padding-bottom:6px}.hero{min-height:610px;position:relative;overflow:hidden;display:flex;align-items:center;padding:50px 8%;background:#e4e3df}.hero-inner{position:relative;z-index:2;width:100%}.overline{font-size:12px;letter-spacing:.28em;font-weight:700}.hero h1{font-size:clamp(85px,16vw,250px);letter-spacing:-.11em;line-height:.74;margin:70px 0 35px;font-weight:900}.hero-caption{max-width:320px;font-size:16px;line-height:1.5;margin-bottom:32px}.button{display:inline-block;background:#111;color:#fff;padding:17px 26px;font-size:11px;font-weight:800;letter-spacing:.08em}.photo{background:linear-gradient(135deg,#d7d5d1,#a5a4a0);color:#3c3c3c;display:grid;place-items:center;min-height:210px;font-size:15px;font-weight:800;letter-spacing:.2em;border:1px solid #aaa;text-align:center}.ph-hero{position:absolute;right:13%;top:7%;height:88%;width:37%;transform:rotate(-2deg);z-index:1;background:linear-gradient(135deg,#aaa9a5,#7b7a77)}.corner{position:absolute;bottom:35px;right:5%;font-size:11px;letter-spacing:.18em;line-height:1.7;z-index:2}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;background:#101010;color:white;padding:50px 7%}.tiles article{display:grid;grid-template-columns:38% 1fr;gap:18px;align-items:center}.tiles .photo{min-height:150px}.tiles h2{font-size:17px;margin:0 0 8px}.tiles p{font-size:11px;line-height:1.6;color:#ccc;margin:0}.statement{display:grid;grid-template-columns:1fr 1fr;min-height:540px;background:#e8e7e3}.statement-copy{padding:7% 12%}.statement h2,.gallery h2,.contact h2{font-size:clamp(44px,6vw,92px);letter-spacing:-.08em;line-height:.9;margin:20px 0}.statement-copy>p:not(.overline){line-height:1.65;max-width:450px}.photo-tall{height:100%;border:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:55px 8%;background:#f4f3f0}.features div{border-top:2px solid;padding-top:18px}.features b{font-size:12px}.features h3{font-size:20px}.features p{line-height:1.5;font-size:13px}.gallery{padding:85px 7%}.gallery-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.gallery-head>a{font-size:11px;font-weight:700;border-bottom:1px solid;padding-bottom:6px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-grid .photo{aspect-ratio:3/4}.contact{text-align:center;padding:110px 20px;background:#deddd9}.contact>p:not(.overline){max-width:530px;margin:25px auto;line-height:1.6}.contact .phone{font-size:12px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#111;color:white;padding:35px 6%;font-size:11px;letter-spacing:.1em}footer span{font-size:20px;font-weight:800}footer small{display:block;font-size:9px;font-weight:400}@media(max-width:900px){.header nav{display:none}.hero{min-height:610px;padding:50px 6%}.hero h1{font-size:clamp(65px,14vw,135px)}.ph-hero{right:2%;width:55%;opacity:.48}.tiles{gap:20px}.tiles article{display:block}.tiles .photo{min-height:110px}.tiles h2{margin-top:12px}.statement-copy{padding:60px 8%}}@media(max-width:600px){.topline{font-size:8px}.header-cta{font-size:8px}.wordmark{font-size:19px}.hero{min-height:550px}.hero h1{font-size:clamp(65px,17vw,105px);margin:120px 0 35px}.ph-hero{right:-5%;top:7%;height:60%;width:66%;opacity:.45}.corner{display:none}.tiles,.features{grid-template-columns:1fr}.tiles article{display:grid;grid-template-columns:38% 1fr}.statement{grid-template-columns:1fr}.photo-tall{min-height:300px}.gallery-head{display:block}.gallery-grid{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}}
@media(max-width:600px){
  body{overflow-x:hidden}.topline{gap:10px;line-height:1.3}.topline a{text-align:right}
  .header{padding:17px 5%;gap:12px}.wordmark{font-size:clamp(17px,5vw,22px)}.header-cta{max-width:100px;text-align:right;line-height:1.4}
  .hero{min-height:540px;padding:35px 6% 55px}.hero-inner{max-width:100%}.hero h1{font-size:clamp(58px,15.6vw,100px);letter-spacing:-.105em;line-height:.84;margin:112px 0 30px}.hero-caption{max-width:265px;font-size:14px}.ph-hero{top:5%;right:-8%;height:65%;width:70%;opacity:.32}
  .overline{font-size:10px}.statement h2,.gallery h2,.contact h2{font-size:clamp(42px,11vw,64px)}
  .tiles{padding:35px 6%;gap:25px}.tiles article{grid-template-columns:34% 1fr}.tiles .photo{min-height:115px}.tiles h2{font-size:16px}
  .features{padding:42px 7%;gap:25px}.gallery{padding:55px 6%}.gallery-grid{gap:8px}.gallery-grid .photo{font-size:11px;letter-spacing:.1em}
  .contact{padding:75px 6%}.contact h2{overflow-wrap:anywhere}footer{padding:30px 6%;line-height:1.5}footer span{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.gallery-grid .gallery-image{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center;border:1px solid #aaa}

/* Autorska oprawa graficzna dla miejsc, które czekają na zdjęcia realizacji. */
.visual-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#f5f3ef;background:radial-gradient(circle at 53% 40%,transparent 0 26%,#d7d4cd 26.3% 27%,transparent 27.3% 40%,#cbc8c1 40.3% 41%,transparent 41.3%),linear-gradient(140deg,#999792,#48494a);border:0;box-shadow:16px 18px 0 #ccc9c2}.visual-hero span{font-size:clamp(90px,13vw,220px);font-weight:900;letter-spacing:-.16em;line-height:1}.visual-hero small{font-size:10px;letter-spacing:.27em;font-weight:700}
.offer-art{min-height:150px;aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;overflow:hidden;padding:14px;background:linear-gradient(140deg,#ddd9d1,#a7a8a5);color:#171717;position:relative}.offer-art:after{content:"";position:absolute;width:85%;aspect-ratio:1;border:10px solid currentColor;border-radius:50%;top:25%;right:-42%;opacity:.16}.offer-art span{font-size:clamp(43px,5vw,85px);font-weight:900;letter-spacing:-.1em;line-height:1}.offer-art small{font-size:9px;letter-spacing:.12em;font-weight:800;z-index:1}.offer-art-3{background:linear-gradient(140deg,#c0c5c5,#7f8788)}.offer-art-4{background:linear-gradient(140deg,#d0c6c0,#9b8580)}
.story-art{min-height:540px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#e4e2db 0 21%,transparent 21.2% 24%,#d4d2ca 24.2% 25%,transparent 25.2%),linear-gradient(140deg,#a5a49e,#676a68);color:#f3f1eb}.story-art span{font-weight:900;font-size:clamp(280px,39vw,620px);line-height:.7;letter-spacing:-.14em;opacity:.7;transform:rotate(-8deg)}.story-art small{position:absolute;left:8%;bottom:8%;font-size:12px;font-weight:800;letter-spacing:.2em;line-height:1.6}
@media(max-width:600px){.offer-art{min-height:110px;padding:10px}.offer-art span{font-size:53px}.offer-art small{font-size:7px}.story-art{min-height:300px}.story-art span{font-size:300px}.visual-hero small{font-size:7px}}

.realization-slider{margin:0;min-width:0;min-height:540px;background:#e8e7e3;display:flex;flex-direction:column;position:relative}.realization-stage{position:relative;flex:1;min-height:430px;background:#e7e7e5;overflow:hidden}.realization-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .55s ease;pointer-events:none}.realization-slide.is-active{opacity:1;z-index:1}.realization-navigation{display:flex;align-items:center;justify-content:center;gap:20px;background:#151515;color:#fff;padding:6px 12px}.realization-navigation button{font:inherit;font-size:26px;line-height:1;width:44px;height:38px;cursor:pointer;background:transparent;border:0;color:inherit}.realization-navigation button:focus-visible{outline:2px solid white;outline-offset:-3px}.realization-counter{font-size:11px;font-weight:700;letter-spacing:.13em}.realization-slider figcaption{padding:14px 6%;font-size:12px;line-height:1.5;font-weight:700;background:#e8e7e3;color:#101010}@media(max-width:600px){.realization-slider{min-height:0}.realization-stage{flex:none;min-height:0;aspect-ratio:3/2}.realization-slider figcaption{padding:14px 6% 20px}}@media(prefers-reduced-motion:reduce){.realization-slide{transition:none}}

/* Grafika przesłana do sekcji startowej. */
.ph-hero.merch-hero{right:7%;top:5%;height:90%;width:42%;transform:rotate(-2deg);background:#f4f3f0;overflow:hidden;border:8px solid #f4f3f0;box-shadow:18px 20px 0 rgba(16,16,16,.1)}.merch-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}@media(max-width:900px){.ph-hero.merch-hero{right:-4%;top:5%;height:80%;width:58%;opacity:.38}}@media(max-width:600px){.ph-hero.merch-hero{right:-12%;top:5%;height:70%;width:79%;border-width:5px;opacity:.32;box-shadow:none}.merch-hero img{object-position:center top}}

/* Wersja z jasną grafiką i sterowaniem na zdjęciach. */
.ph-hero.merch-hero{right:6%;top:5%;width:44%;height:90%;border:0;box-shadow:none;transform:none;background:transparent;opacity:1}.merch-hero img{object-fit:contain;object-position:center}
.offer-art-2{background:#ffb325}.offer-art-3{background:#f99e0d}.offer-art-4{background:#ffc24d}.offer-art:after{opacity:.12}
.realization-stage{position:relative}.realization-navigation{position:absolute;z-index:3;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 14px;background:transparent;pointer-events:none}.realization-navigation button{pointer-events:auto;background:rgba(17,17,17,.72);color:#fff;border-radius:50%;width:46px;height:46px;font-size:32px;line-height:1;display:grid;place-items:center}.realization-navigation button:hover{background:#111}.realization-counter{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.realization-slider figcaption{font-size:clamp(17px,1.55vw,23px);line-height:1.35;padding:22px 7%;font-weight:800}
@media(max-width:900px){.ph-hero.merch-hero{right:-3%;width:58%;height:80%;opacity:.55}}@media(max-width:600px){.ph-hero.merch-hero{right:-10%;top:7%;width:79%;height:67%;opacity:.32}.realization-navigation{padding:0 9px}.realization-navigation button{width:42px;height:42px}.realization-slider figcaption{font-size:17px;padding:18px 6% 24px}}

.vistula-mobile-menu{display:none}
@media(max-width:700px){html{scroll-padding-top:20px}.topline{padding:8px 5%;align-items:center}.topline span{max-width:55%;font-size:8px}.topline a{max-width:45%;font-size:8px}.header{padding:17px 5%;display:flex;flex-wrap:wrap;gap:10px}.wordmark{font-size:21px}.header-cta{margin-left:auto;max-width:none;font-size:10px}.vistula-mobile-menu{display:block;order:3;width:100%;position:relative}.vistula-mobile-menu summary{list-style:none;cursor:pointer;padding:11px 14px;background:#161616;color:white;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.vistula-mobile-menu summary::-webkit-details-marker{display:none}.vistula-mobile-menu nav{display:grid;background:#fff;border:1px solid #ddd;box-shadow:0 12px 24px rgba(0,0,0,.08)}.vistula-mobile-menu nav a{display:block;padding:14px 16px;border-bottom:1px solid #eee;font-size:13px;font-weight:700}.vistula-mobile-menu summary:focus-visible,.vistula-mobile-menu a:focus-visible{outline:2px solid #111;outline-offset:2px}.hero{display:flex;flex-direction:column;min-height:0;padding:36px 6% 42px;gap:25px}.hero-inner{max-width:100%}.hero h1{font-size:clamp(45px,12vw,72px);margin:32px 0 23px;line-height:.86;letter-spacing:-.09em}.hero-caption{font-size:15px;max-width:350px;margin-bottom:24px}.ph-hero.merch-hero{position:relative;right:auto;top:auto;width:min(100%,470px);height:auto;aspect-ratio:1;opacity:1;align-self:center;z-index:0}.merch-hero img{object-fit:contain}.tiles{padding:32px 6%;gap:15px}.tiles article{display:grid;grid-template-columns:minmax(100px,35%) 1fr;gap:15px;align-items:center}.offer-art{min-height:0;aspect-ratio:4/3}.tiles h2{font-size:18px;margin:0 0 6px}.tiles p{font-size:12px}.statement{grid-template-columns:minmax(0,1fr)}.statement-copy{padding:50px 7% 42px}.statement h2{font-size:clamp(43px,11vw,68px);line-height:.95}.statement-copy>p:not(.overline){font-size:15px;line-height:1.6}.statement .button{max-width:100%;line-height:1.4}.realization-stage{aspect-ratio:3/2}.realization-slider figcaption{font-size:17px;line-height:1.4}.features{padding:40px 7%;gap:25px}.gallery{padding:55px 6%}.gallery h2{font-size:clamp(42px,11vw,68px)}.gallery-head>a{display:inline-block;margin-top:12px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-grid .gallery-image{aspect-ratio:4/5}.contact{padding:70px 6%}.contact h2{font-size:clamp(44px,11vw,70px)}footer{padding:32px 6%;gap:15px}.corner{display:none}}
@media(max-width:380px){.header-cta{font-size:9px}.tiles article{grid-template-columns:95px 1fr}.tiles h2{font-size:16px}.hero h1{font-size:45px}}

.realization-story{padding:54px 7%;background:#f4f3f0;border-top:1px solid #d6d4cf}.realization-story h2{font-size:clamp(27px,3.2vw,44px);line-height:1.12;letter-spacing:-.04em;max-width:950px;margin:14px 0}.realization-story p:not(.overline){font-size:16px;line-height:1.65;max-width:800px}.realization-story a{display:inline-block;margin-top:14px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid;padding-bottom:5px}@media(max-width:700px){.realization-story{padding:36px 7% 44px}.realization-story h2{font-size:clamp(25px,7vw,34px)}.realization-story p:not(.overline){font-size:15px}}

.realization-story{background:#ffb21b;color:#111;text-align:center;padding:70px 7% 80px;border:0}.realization-story .overline{font-weight:900}.realization-story h2{margin:18px auto 24px;font-size:clamp(31px,4vw,55px);font-weight:900;line-height:1.06;max-width:950px}.realization-story p:not(.overline){margin:0 auto;max-width:800px;font-size:clamp(17px,1.6vw,21px);font-weight:700;line-height:1.6}.realization-story-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px}.realization-story-actions a{display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;padding:15px 20px;min-height:48px;border:2px solid #111;text-decoration:none;max-width:100%;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.realization-story-actions a:last-child{background:transparent;color:#111}.realization-story-actions a:hover{background:#fff;color:#111}.realization-story-actions a:focus-visible{outline:3px solid #111;outline-offset:3px}@media(max-width:700px){.realization-story{padding:48px 6% 58px}.realization-story h2{font-size:clamp(30px,8vw,42px)}.realization-story p:not(.overline){font-size:16px}.realization-story-actions{display:grid;gap:10px}.realization-story-actions a{padding:15px 12px}}