/* parrhēsia.pictures — ten sam system co janswietlik.com, rozpoznawalny po logo i kropkach RGB. */
.p-hero { padding-block: clamp(48px, 12vh, 140px) clamp(40px, 8vh, 96px); display: grid; gap: clamp(28px, 4vw, 56px); }
.p-hero .logo { width: min(100%, 1180px); }
.p-hero .sub { font-size: clamp(1.8rem, 4.2vw, 3.9rem); line-height: 1.06; letter-spacing: -.04em; font-weight: 350; max-width: 22ch; }
.p-hero .lead { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(20px, 4vw, 64px); align-items: baseline; }
.p-hero .lead h1 { font-size: var(--t-h1); line-height: 1; letter-spacing: -.045em; font-weight: 350; }
.p-hero .lead p { font-size: var(--t-lead); line-height: 1.5; max-width: 34em; }
.p-sec { padding-block: 0 clamp(48px, 8vw, 112px); }
.p-sec > .mono { display: flex; justify-content: space-between; border-top: 1px solid var(--ink); padding-top: 12px; margin-bottom: clamp(12px, 2vw, 24px); }
.proj { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 14px clamp(20px, 4vw, 64px); padding-block: clamp(22px, 3vw, 36px) clamp(32px, 4vw, 52px); border-bottom: 1px solid var(--rule); }
.proj h2 { font-size: var(--t-h2); line-height: 1.08; letter-spacing: -.03em; font-weight: 400; }
.proj .fmt { margin-top: 14px; color: var(--ink-2); }
.proj .body { display: grid; gap: 18px; align-content: start; }
.proj .log { font-size: var(--t-lead); line-height: 1.5; max-width: 36em; }
.proj .credits { font-size: .92rem; }
.proj .foot { display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: baseline; }
.status { display: inline-flex; align-items: baseline; }
.status::before { content: ""; width: .5em; height: .5em; border-radius: 50%; background: var(--r); margin-right: .55em; align-self: center; }
.proj:nth-child(3n + 2) .status::before { background: var(--g); }
.proj:nth-child(3n + 3) .status::before { background: var(--b); }
.links { display: flex; gap: 6px 18px; flex-wrap: wrap; }
@media (max-width: 860px) { .p-hero .lead, .proj { grid-template-columns: 1fr; } .p-hero .lead > span { display: none; } }

/* expose: osobny, odwrócony pas */
.expose { background: var(--night); color: var(--on-night); padding-block: clamp(48px, 8vw, 112px); }
.expose .in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 18px clamp(20px, 4vw, 64px); }
.expose h2 { margin: 0; }
.expose .xlogo { width: min(100%, 460px); }
.expose .k { color: #a3a39e; margin-top: 12px; }
.expose p.t { font-size: var(--t-lead); line-height: 1.5; max-width: 36em; }
.expose .body { display: grid; gap: 20px; align-content: start; }
.expose .status::before { background: var(--g); }
.expose .u { color: var(--on-night); }
@media (max-width: 860px) { .expose .in { grid-template-columns: 1fr; } }

.p-contact { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 18px clamp(20px, 4vw, 64px); padding-block: clamp(48px, 8vw, 112px); }
.p-contact h2 { font-size: var(--t-h2); letter-spacing: -.03em; }
.p-contact .body { display: grid; gap: 14px; }
@media (max-width: 860px) { .p-contact { grid-template-columns: 1fr; } }