/* Witryna 1.1 · 12.09.2026. Scoped visual refresh. */
.msn-root .dotgrid::before,.msn-root .hero__grid{display:none}
.msn-root .punkt-hero,.msn-root .punkt-centers{background-image:none;background-color:var(--bg);background-size:auto}
.decision-shell::before{display:none}
.msn-root .hero--portrait{min-height:min(860px,100svh);background:#07101d;color:#eaf1ff}
.msn-root .hero--portrait::before,.msn-root .hero--portrait::after{display:none}
.msn-root .hero--portrait .ocular-canvas{display:none}
.msn-root .hero--portrait .reveal{opacity:1;transform:none}
.msn-root .hero--portrait .hero__bg{left:45%;right:0;top:64px;bottom:0}
.msn-root .hero--portrait #heroImg{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.msn-root .hero--portrait .hero__mask{background:linear-gradient(90deg,#07101d 0%,#07101d 36%,rgba(7,16,29,.7) 47%,transparent 63%)}
.msn-root .hero--portrait .hero__mask--bottom{background:linear-gradient(0deg,#07101d,transparent 15%)}
.msn-root .hero--portrait .hero__inner{padding-top:140px;padding-bottom:100px}
.msn-root .hero--portrait h1{font-size:clamp(44px,5.2vw,74px);max-width:12ch;letter-spacing:-.035em;line-height:1.03}
.msn-root .hero--portrait .sub-deg{color:#c2cee1}
.msn-root .hero--portrait .hero__tagline{max-width:38ch;color:#c2cee1}
.msn-root .hero--portrait .hero__eyebrow{display:none}
.msn-root .hero--portrait .btn--ghost{color:#eaf1ff;border-color:#60738e}
.msn-root .hero--portrait .hero__scroll{display:none}
.release-strip{border-block:1px solid var(--line);background:var(--surface)}
.release-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:22px}
.release-strip p{display:flex;align-items:baseline;gap:24px;margin:0;font-size:14px;color:var(--muted)}
.release-strip strong{font-size:18px;color:var(--ink);white-space:nowrap}
.release-strip a{color:var(--blue-ink);font-weight:600;font-size:14px;white-space:nowrap}
.evidence-window-section{padding:clamp(64px,7vw,110px) 0;background:var(--bg)}
.evidence-window-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,5vw,80px)}
.evidence-window-copy h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:-.03em;line-height:1.12;text-wrap:balance}
.evidence-window-copy h2 span{color:var(--muted)}
.evidence-window-copy>p{color:var(--muted);font-size:17px;line-height:1.7;max-width:43ch;margin:24px 0 28px}
.evidence-main-link{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:390px;padding:16px 0;border-bottom:1px solid var(--red);color:var(--ink);font-size:15px;font-weight:700;text-decoration:none}
.evidence-main-link span{color:var(--red-2);font-size:23px}
.evidence-manifest-link{display:block;width:fit-content;margin-top:18px;color:var(--muted);font-size:14px;text-decoration:none}
.evidence-window{border:1px solid var(--line-2);border-radius:14px;overflow:hidden;background:var(--surface)}
.evidence-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-2);padding:13px 20px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}
.evidence-window-bar>a{color:var(--ink);padding:3px 8px;font-size:20px;line-height:1}
.evidence-window-dots{display:flex;gap:5px}
.evidence-window-dots i{width:7px;height:7px;border-radius:50%;background:var(--muted-2)}
.evidence-window-note{margin:0;padding:13px 20px;background:var(--bg-2);color:var(--muted);font-size:11px;line-height:1.5}
.site-version{font-size:12px!important;color:var(--muted)!important;margin-top:24px!important;font-variant-numeric:tabular-nums}
.msn-root .journal-row--release .journal-row__media{width:220px;flex-basis:220px;aspect-ratio:4/5}
.msn-root .journal-row--release .journal-row__media img{object-position:center 28%;height:100%;width:100%;object-fit:cover}
.msn-root .journal-row__meta{gap:14px;flex-wrap:wrap}
.msn-root .journal-row__meta time{color:var(--muted)}
.release-article{padding:140px 0 80px}
.release-article .article-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:60px;align-items:center}
.article-back{color:var(--blue-ink);font-size:14px}
.release-article h1{font-size:clamp(36px,4.4vw,62px);line-height:1.08;letter-spacing:-.035em;margin:28px 0 24px;text-wrap:balance}
.release-article .article-deck{font-size:20px;line-height:1.6;color:var(--ink-2)}
.release-article .article-meta{font-size:13px;color:var(--muted);margin-top:24px}
.article-heading figure{margin:0}
.article-heading img{display:block;width:100%;max-height:550px;object-fit:cover;object-position:center 25%;border-radius:12px}
.article-heading figcaption{font-size:11px;color:var(--muted);line-height:1.5;margin-top:10px}
.article-content{max-width:740px;margin:70px auto 0;font-size:18px;line-height:1.8}
.article-content h2{font-size:30px;line-height:1.2;margin:48px 0 20px}
.article-content p{margin:18px 0;color:var(--ink-2)}
.article-content a{color:var(--blue-ink);text-underline-offset:4px}
.article-content li{margin:14px 0;color:var(--ink-2)}
.article-content .article-source{padding-block:24px;border-block:1px solid var(--line);font-size:15px;overflow-wrap:anywhere}
.article-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}
.article-actions .btn{white-space:normal}
.evidence-window a:hover,.evidence-window-copy a:hover,.release-strip a:hover{text-decoration:underline;text-underline-offset:4px}
.evidence-window-section :focus-visible,.release-article :focus-visible,.release-strip :focus-visible{outline:2px solid var(--blue-ink);outline-offset:5px}
.evidence-window-section ::selection,.release-article ::selection{background:var(--blue);color:white}
@media(max-width:1000px){.release-strip p{display:block}.release-strip p span{display:block;margin-top:6px}.evidence-window-layout{gap:32px}.release-article .article-heading{gap:32px}}
@media(max-width:760px){
 .msn-root .hero--portrait{display:block;min-height:0;padding-top:76px}
 .msn-root .hero--portrait .hero__inner{padding-top:32px;padding-bottom:30px}
 .msn-root .hero--portrait .hero__bg{position:relative;inset:auto;height:300px;order:2;width:100%;margin-top:0}
 .msn-root .hero--portrait{display:flex;flex-direction:column}
 .msn-root .hero--portrait .hero__mask,.msn-root .hero--portrait .hero__mask--bottom{display:none}
 .msn-root .hero--portrait h1{font-size:clamp(42px,9vw,58px);max-width:14ch}
 .msn-root .hero--portrait .hero__tagline{font-size:17px;max-width:40ch;margin-top:20px}
 .msn-root .hero--portrait .hero__cta{margin-top:24px;gap:10px}
 .msn-root .hero--portrait .hero__cta .btn{font-size:12px;padding:14px 16px}
 .release-strip>.wrap{align-items:flex-start;flex-direction:column;gap:14px}
 .evidence-window-layout,.release-article .article-heading{grid-template-columns:1fr}
 .evidence-window-copy>p{max-width:60ch}
 .msn-root .journal-row--release .journal-row__media{width:100%;flex-basis:auto;aspect-ratio:16/10}
 .msn-root .journal-row--release .journal-row__media img{object-position:center 10%}
 .release-article{padding-top:108px}
 .article-heading img{max-height:440px;object-fit:contain;background:#07101d}
 .article-content{margin-top:40px;font-size:17px}
}
@media(prefers-reduced-motion:reduce){.evidence-window-section *{scroll-behavior:auto;transition:none!important}}
.evidence-window-layout:has(.evidence-window--embedded){display:block}
.evidence-window-layout:has(.evidence-window--embedded) .evidence-window-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;margin-bottom:36px}
.evidence-window-layout:has(.evidence-window--embedded) .evidence-window-copy h2{grid-row:1/4}
.evidence-window-layout:has(.evidence-window--embedded) .evidence-window-copy>p{margin-top:0;max-width:60ch}
.local-site-preview{display:block;width:100%;height:680px;border:0;background:#111112}
.preview-navigation{display:flex;flex-wrap:wrap;gap:8px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--line)}
.preview-navigation button{font:600 13px/1.4 sans-serif;font-family:inherit;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 12px;cursor:pointer;min-height:44px}
.preview-navigation button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--red)}
.preview-navigation button:hover{color:var(--ink)}
.evidence-window-note a{color:var(--blue-ink);margin-left:8px}
@media(max-width:760px){.evidence-window-layout:has(.evidence-window--embedded) .evidence-window-copy{display:block}.evidence-window-layout:has(.evidence-window--embedded) .evidence-window-copy>p{margin-top:24px}.local-site-preview{height:600px}.preview-navigation{gap:0;padding:8px}.preview-navigation button{padding:10px 8px;font-size:12px}}

/* Large website showcase, adapted from Container Scroll Animation on 21st.dev. */
.msn-root .evidence-window-section--cinema{padding:100px 0 110px;background:var(--bg);overflow:clip}
.msn-root .evidence-window-section--cinema>.wrap{width:min(calc(100% - 64px),1800px);max-width:none;padding:0}
.msn-root .evidence-window-section--cinema .evidence-window-copy{display:block;max-width:1280px;margin:0 auto 50px;text-align:center}
.msn-root .evidence-window-section--cinema h2{font-size:clamp(42px,5.2vw,84px);line-height:1.05;letter-spacing:-.035em;text-wrap:balance}
.msn-root .evidence-window-section--cinema h2>span:last-child{font-size:.68em;display:inline-block;margin-top:15px;color:var(--ink-2)}
.msn-root .evidence-window-section--cinema .evidence-year{color:var(--red-2)}
.msn-root .evidence-window-section--cinema .evidence-window-copy>p{max-width:760px;margin:28px auto;font-size:19px;line-height:1.6;color:var(--muted)}
.msn-root .evidence-window-section--cinema .evidence-main-link{display:inline-flex;max-width:none;gap:24px;padding:15px 24px;min-height:54px;background:var(--red);color:#fff;border:0;border-radius:8px;font-size:15px}
.msn-root .evidence-window-section--cinema .evidence-main-link span{color:#fff}
.msn-root .evidence-window-section--cinema .evidence-manifest-link{display:inline-block;margin:0 0 0 28px;font-size:15px;color:var(--ink-2)}
.msn-root .evidence-window-section--cinema .evidence-window{border:1px solid var(--line-2);border-radius:16px;transform-origin:center bottom;background:var(--surface)}
.msn-root .evidence-window-section--cinema .evidence-window:focus-within{transform:none!important}
.msn-root .evidence-window-section--cinema .evidence-window-bar{min-height:52px;font-size:14px;padding:12px 26px}
.msn-root .evidence-window-section--cinema .preview-navigation{justify-content:center;gap:22px;padding:10px 24px}
.msn-root .evidence-window-section--cinema .preview-navigation button{font-size:15px;padding:12px 22px}
.msn-root .evidence-window-section--cinema .local-site-preview{height:clamp(650px,80vh,1000px)}
.msn-root .evidence-window-section--cinema .evidence-window-note{font-size:13px;padding:16px 24px;text-align:center}
@media(max-width:760px){
 .msn-root .evidence-window-section--cinema{padding:64px 0 70px}
 .msn-root .evidence-window-section--cinema>.wrap{width:calc(100% - 24px)}
 .msn-root .evidence-window-section--cinema .evidence-window-copy{padding:0 12px;margin-bottom:32px}
 .msn-root .evidence-window-section--cinema h2{font-size:43px}
 .msn-root .evidence-window-section--cinema h2>span:last-child{font-size:27px;line-height:1.14}
 .msn-root .evidence-window-section--cinema .evidence-window-copy>p{font-size:17px;margin:24px auto}
 .msn-root .evidence-window-section--cinema .evidence-manifest-link{display:block;margin:20px auto 0}
 .msn-root .evidence-window-section--cinema .evidence-window-bar{padding:12px 14px;font-size:12px}
 .msn-root .evidence-window-section--cinema .preview-navigation{gap:0;padding:8px 4px}
 .msn-root .evidence-window-section--cinema .preview-navigation button{padding:10px 8px;font-size:12px}
 .msn-root .evidence-window-section--cinema .local-site-preview{height:650px}
 .msn-root .evidence-window-section--cinema .evidence-window-note{font-size:12px;line-height:1.6;padding:14px}
}