/* Visual systems landing: editorial stories, project photographs and full-width interludes. */
.sy-opening,.sy-types,.sy-service,.sy-ai,.sy-summary{padding:clamp(65px,8vw,125px) 0}
.sy-kicker{font-size:.66rem!important;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--accent-deep)!important;margin-bottom:24px!important}
.sy-opening h2,.sy-types h2,.sy-section-head h2,.sy-ai h2,.sy-summary h2{font-size:clamp(2.2rem,4.8vw,4.5rem);line-height:1.08;font-weight:600;letter-spacing:-.035em;margin:0 0 34px}
.sy-opening-bottom{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,6vw,100px);max-width:1120px;margin-top:40px}
.sy-opening p:not(.sy-kicker),.sy-types p,.sy-copy>p:not(.sy-kicker),.sy-ai p:not(.sy-kicker){color:var(--text-dim);font-size:1rem;line-height:1.85}
.sy-story{padding:clamp(55px,7.5vw,110px) 0}
.sy-story-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(30px,6vw,95px);align-items:center}
.sy-reverse .sy-photo{order:2}.sy-reverse .sy-copy{order:1}
.sy-photo{margin:0;position:relative;overflow:hidden;border-radius:20px;background:#dde5ea}
.sy-photo img{width:100%;height:clamp(430px,46vw,700px);object-fit:cover;transition:transform 1s ease}
.sy-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:70px 26px 24px;background:linear-gradient(transparent,rgba(5,14,22,.8));color:#fff;font-size:.6rem;letter-spacing:.17em;line-height:1.6}
.sy-copy h2{font-size:clamp(2rem,3.5vw,3.6rem);font-weight:600;line-height:1.08;letter-spacing:-.03em;margin:0 0 30px}
.sy-copy>p+p{margin-top:19px}.sy-copy>.btn{margin-top:28px}
.sy-proof-note{display:flex;align-items:center;gap:24px;padding-top:26px;margin-top:30px;border-top:1px solid var(--line-strong)}
.sy-proof-note strong{white-space:nowrap;font-size:clamp(2.7rem,4.5vw,4.5rem);letter-spacing:-.05em;font-weight:600;color:var(--accent-deep);line-height:1}
.sy-proof-note span{font-size:.77rem;line-height:1.7;color:var(--text-dim)}
.sy-types,.sy-ai,.sy-summary{background:#f3f8fc}.sy-types-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,110px);margin-top:50px}.sy-types-grid article{border-top:1px solid var(--line-strong);padding-top:27px}.sy-small-no{font-size:.64rem!important;letter-spacing:.16em;color:var(--accent-deep)!important;font-weight:500}
.sy-types h3{font-size:clamp(1.8rem,2.8vw,2.8rem);font-weight:600;line-height:1.15;margin:25px 0}.sy-types p+p{margin-top:18px}
.sy-interlude{position:relative;isolation:isolate;min-height:680px;min-height:75svh;display:flex;align-items:center;color:white;overflow:hidden;padding:90px 0;background:var(--ink)}
.sy-interlude>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.sy-interlude:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,15,24,.87),rgba(5,15,24,.48) 65%,rgba(5,15,24,.24))}
.sy-interlude .wrap{width:100%}.sy-interlude h2{font-size:clamp(2.7rem,6vw,6rem);font-weight:600;line-height:1.05;letter-spacing:-.035em;max-width:1150px}
.sy-interlude .sy-kicker,.sy-dark .sy-kicker{color:#8fd6ff!important}.sy-interlude-copy{max-width:600px;font-size:1.05rem;line-height:1.8;margin-top:32px;color:#e1eaf0}
.sy-dark{background:var(--ink);color:white}.sy-dark .sy-copy>p:not(.sy-kicker){color:rgba(255,255,255,.72)}
.sy-section-head{max-width:970px}.sy-section-head>p{max-width:710px;color:rgba(255,255,255,.7);font-size:1rem;line-height:1.85}
.sy-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 80px;margin-top:60px}.sy-service-grid article{border-top:1px solid #ffffff26;padding-top:24px}.sy-service-grid article>span{font-size:.72rem;color:#8fd6ff}.sy-service-grid h3{font-size:clamp(1.4rem,2.1vw,2rem);font-weight:500;margin:20px 0 16px;line-height:1.2}.sy-service-grid p{color:#b7c3cd;font-size:.96rem;line-height:1.85}
.sy-takeaway{border-left:3px solid var(--accent);padding:4px 0 4px 24px;margin-top:30px;font-weight:500;font-size:1.05rem;line-height:1.6}
.sy-ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,110px)}.sy-ai-grid>div>p+p{margin-top:20px}.sy-ai-use article{border-top:1px solid var(--line-strong);padding:24px 0}.sy-ai-use h3{font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:12px}.sy-ai-use article p{font-size:.93rem}
.sy-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.sy-summary-grid article{border-top:1px solid var(--line-strong);padding-top:24px}.sy-summary-grid span{font-size:.68rem;letter-spacing:.13em;color:var(--accent-deep)}.sy-summary-grid p{color:var(--text-dim);font-size:.95rem;line-height:1.8;margin-top:17px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.sy-photo:hover img{transform:scale(1.025)}}
@media(min-width:2100px){.sy-story-grid{gap:100px}.sy-photo img{height:780px}}
@media(max-width:1000px){.sy-story-grid{gap:32px}.sy-photo img{height:550px}.sy-service-grid{gap:35px}.sy-copy h2{font-size:2rem}.sy-ai-grid{gap:35px}}
@media(max-width:760px){.sy-opening-bottom,.sy-types-grid,.sy-story-grid,.sy-service-grid,.sy-ai-grid,.sy-summary-grid{grid-template-columns:1fr}.sy-reverse .sy-photo,.sy-reverse .sy-copy{order:initial}.sy-story{padding:45px 0}.sy-photo img{height:360px;height:clamp(280px,85vw,470px)}.sy-photo{border-radius:14px}.sy-copy h2{font-size:2.1rem}.sy-opening h2,.sy-types h2,.sy-section-head h2,.sy-ai h2,.sy-summary h2{font-size:2.2rem}.sy-opening-bottom{margin-top:25px;gap:20px}.sy-opening,.sy-types,.sy-service,.sy-ai,.sy-summary{padding:55px 0}.sy-interlude{min-height:560px;min-height:70svh;padding:65px 0}.sy-interlude h2{font-size:clamp(2.3rem,7vw,3.3rem)}.sy-interlude-copy{font-size:.95rem}.sy-types-grid{margin-top:30px}.sy-service-grid{margin-top:35px;gap:30px}.sy-proof-note{gap:18px}.sy-proof-note strong{font-size:3rem}.sy-summary-grid{gap:25px}.sy-kicker{letter-spacing:.16em;font-size:.61rem!important}}
/* Sklepy i katalogi — realizacje (06.11.2026) */
.sk-real{padding:clamp(70px,9vw,130px) 0;background:#f4f6f8}
.sk-real-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:50px}
.sk-karta{background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(10,17,24,.06);transition:transform .35s cubic-bezier(.2,.6,.2,1),box-shadow .35s}
.sk-karta:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(10,17,24,.12)}
.sk-karta-fot{aspect-ratio:4/3;overflow:hidden;background:var(--ink)}
.sk-karta-fot img{width:100%;height:100%;object-fit:cover;display:block}
.sk-karta-fot--tekst{display:grid;place-items:center;background:linear-gradient(135deg,var(--ink),#13324a)}
.sk-karta-fot--tekst span{color:#fff;font-weight:800;font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:.18em}
.sk-karta-fot--jasna{background:linear-gradient(135deg,var(--accent-deep),var(--accent))}
.sk-karta-opis{padding:22px 22px 26px;display:flex;flex-direction:column;gap:8px;flex:1}
.sk-tag{font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep)}
.sk-karta-opis h3{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}
.sk-karta-opis p{font-size:.88rem;line-height:1.6;color:var(--text-dim)}
.sk-link{margin-top:auto;padding-top:8px;font-size:.82rem;font-weight:600;color:var(--accent-deep)}
.sk-real-wiecej{margin-top:40px}
@media (max-width:1100px){.sk-real-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.sk-real-grid{grid-template-columns:1fr}}
.sk-real .sy-section-head p{color:var(--text-dim)}