:root{
--orange-text:#a9320d;
  --paper:#f2eee6;
  --paper-2:#faf8f3;
  --ink:#101114;
  --muted:#666b73;
  --line:#cfc7ba;
  --orange:#f04b16;
  --orange-soft:#ffe3d3;
  --max:1360px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.spread{min-height:100svh;padding:30px clamp(24px,4.5vw,72px) 42px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.spread::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(16,17,20,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,17,20,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 78%)}
.issue-meta,.spread-header{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.15em;font-weight:850;font-size:.76rem}
.cover-grid{position:relative;z-index:2;width:min(100%,var(--max));margin:0 auto;min-height:calc(100svh - 145px);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:clamp(44px,7vw,110px);align-items:center}
.cover-copy{padding:clamp(28px,4vw,64px) 0}
.eyebrow{margin:0 0 22px;color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
h1{margin:0;max-width:9.7ch;font-size:clamp(4.35rem,7.25vw,7.8rem);line-height:.9;letter-spacing:-.048em;font-weight:700}
h1 strong{display:block;margin-top:.14em;color:var(--orange);font-weight:700}
.strike-word{position:relative;display:inline-block}
.strike-word::after{content:"";position:absolute;left:-.05em;right:-.08em;top:54%;height:.09em;background:var(--ink);transform:rotate(-3deg);transform-origin:center}
.cover-lead{max-width:690px;margin:32px 0 0;font:400 clamp(1.16rem,1.55vw,1.48rem)/1.5 Georgia,"Times New Roman",serif;color:#444a54}
.read-on{display:inline-flex;gap:14px;align-items:center;margin-top:32px;font-weight:900;border-bottom:2px solid var(--ink);padding-bottom:5px}
.read-on span{color:var(--orange)}
.cover-editor{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;padding:40px 0 50px}
.fox-wrap{margin:0;position:relative;z-index:1;transform:rotate(1deg)}
.fox{width:min(100%,430px);margin-left:auto;filter:drop-shadow(0 24px 20px rgba(0,0,0,.08))}
.margin-note{position:relative;z-index:3;width:min(100%,360px);padding:17px 18px 16px;border:1px solid var(--ink);font-size:.94rem;line-height:1.38}
.margin-note p{margin:.25rem 0}.margin-note strong{font-size:1.08rem}
.note-label{display:block;margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.65rem;letter-spacing:.15em;font-weight:900;text-transform:uppercase}
.note-orange{margin:-36px 0 0 auto;background:var(--paper-2);box-shadow:7px 7px 0 var(--orange);transform:rotate(-1.2deg)}
.cover-footer{position:absolute;left:clamp(24px,4.5vw,72px);right:clamp(24px,4.5vw,72px);bottom:18px;display:flex;justify-content:space-between;gap:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.spread-header{grid-template-columns:auto 1fr}.spread-number{color:var(--orange)}.spread-name{text-align:right}
.spread-conflict{background:var(--paper-2)}
.conflict-grid{position:relative;z-index:2;width:min(100%,var(--max));margin:0 auto;min-height:calc(100svh - 120px);display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(56px,8vw,120px);align-items:center}
.conflict-title{display:flex;flex-direction:column;font-size:clamp(4.4rem,8.8vw,9.7rem);line-height:.84;letter-spacing:-.052em;font-weight:700}
.conflict-title .versus{color:var(--orange);font-size:.72em;line-height:.9;padding-left:.1em}
.conflict-copy{max-width:580px}
.big-copy{margin:0 0 22px;font-size:clamp(1.9rem,3vw,3.15rem);line-height:1.04;letter-spacing:-.03em;font-weight:700}
.conflict-copy>p:not(.big-copy){margin:0;max-width:520px;font:400 1.12rem/1.55 Georgia,"Times New Roman",serif;color:#474d57}
.note-black{margin-top:54px;background:var(--ink);color:white;border-color:var(--ink);box-shadow:7px 7px 0 var(--orange);transform:rotate(.8deg)}
.note-black .note-label{color:#ff9a6e}
.next-spread{position:absolute;z-index:4;right:clamp(24px,4.5vw,72px);bottom:24px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900}
.spread-thinking{background:var(--paper)}
.thinking-intro{position:relative;z-index:2;width:min(100%,var(--max));margin:clamp(52px,8vh,95px) auto 54px;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(40px,7vw,100px);align-items:end}
.thinking-intro h2{margin:0;font-size:clamp(3.35rem,6vw,6.25rem);line-height:.94;letter-spacing:-.045em;font-weight:700}
.thinking-intro h2 span{display:block;color:var(--orange)}
.editorial-deck{margin:0;font:400 clamp(1.2rem,1.6vw,1.5rem)/1.5 Georgia,"Times New Roman",serif;color:#444a54;max-width:510px}
.question-list{position:relative;z-index:2;width:min(100%,var(--max));margin:0 auto;padding:0;list-style:none;border-top:1px solid var(--ink)}
.question-list li{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);transition:padding .16s ease,background .16s ease}
.question-list li:hover{padding-left:14px;background:var(--orange-soft)}
.q-num{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--orange);font-weight:900}
.q-text{font-size:clamp(1.4rem,2.35vw,2.45rem);line-height:1.08;letter-spacing:-.025em;font-weight:700}
.edition-end{position:relative;z-index:2;width:min(100%,var(--max));margin:42px auto 0;padding-top:14px;border-top:1px solid var(--ink);display:flex;justify-content:space-between;gap:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media (max-width:980px){
  .spread{min-height:auto;padding-inline:24px}.cover-grid,.conflict-grid,.thinking-intro{grid-template-columns:1fr}
  .cover-grid{min-height:auto;padding:48px 0 80px}h1{max-width:10ch}.cover-editor{padding:0;align-items:flex-start}
  .fox{width:min(80vw,390px);margin:0 auto}.note-orange{margin:-28px 0 0}.cover-footer{position:static;margin-top:28px}
  .conflict-grid{min-height:auto;padding:70px 0 80px}.conflict-title{font-size:clamp(4.4rem,18vw,8rem)}.thinking-intro{margin-top:58px}
}
@media (max-width:620px){
  .issue-meta{grid-template-columns:1fr auto}.issue-meta span:last-child{display:none}
  h1{font-size:clamp(3.35rem,15vw,5.3rem);line-height:.92}.cover-lead{font-size:1.08rem}.cover-footer,.edition-end{flex-direction:column}
  .question-list li{grid-template-columns:54px 1fr}.q-text{font-size:1.55rem}
}


/* 001.02 — typographic pass
   Display type is deliberately lighter; editorial labels keep the punch. */
.issue-meta,
.spread-header,
.eyebrow,
.note-label,
.q-num,
.next-spread,
.edition-end{
  font-weight:850;
}

.cover-lead,
.editorial-deck,
.conflict-copy>p:not(.big-copy){
  letter-spacing:-.008em;
}

@media (min-width:981px){
  .cover-copy{max-width:900px}
}


/* =========================================================
   001.03 — DOWODY, NIE OBIETNICE
   ========================================================= */

.spread-proof{background:var(--paper-2)}
.proof-intro{
  position:relative;z-index:2;width:min(100%,var(--max));margin:clamp(48px,7vh,82px) auto 46px;
  display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,7vw,100px);align-items:end
}
.proof-intro h2,.conversation-grid h2{
  margin:0;font-size:clamp(3.35rem,6vw,6.25rem);line-height:.94;letter-spacing:-.045em;font-weight:700
}
.proof-intro h2 span,.conversation-grid h2 span{color:var(--orange)}
.case-study{
  position:relative;z-index:2;width:min(100%,var(--max));margin:0 auto;
  display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(36px,6vw,86px);align-items:stretch
}
.case-visual{
  min-height:560px;border:1px solid var(--ink);background:#d8d0c4;
  display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease
}
.case-visual:hover{transform:translateY(-4px)}
.browser-chrome{
  min-height:42px;padding:0 14px;display:flex;align-items:center;gap:7px;
  background:var(--paper);border-bottom:1px solid var(--ink);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase
}
.browser-chrome span{width:8px;height:8px;border:1px solid var(--ink);border-radius:50%}
.browser-chrome strong{margin-left:auto;font-weight:750}
.case-poster{
  flex:1;position:relative;display:flex;align-items:flex-end;padding:clamp(28px,4vw,54px);
  background:
    linear-gradient(125deg,rgba(240,75,22,.96) 0 33%,transparent 33%),
    linear-gradient(145deg,#17191d 0 54%,#ded7ca 54% 100%);
  color:white;overflow:hidden
}
.case-poster::after{
  content:"";position:absolute;width:48%;aspect-ratio:1;border:1px solid rgba(255,255,255,.48);
  border-radius:50%;right:-8%;top:10%
}
.case-index{
  position:absolute;right:26px;top:18px;font-size:clamp(5rem,10vw,10rem);line-height:1;
  font-family:Georgia,"Times New Roman",serif;font-style:italic;color:rgba(255,255,255,.16)
}
.case-poster-copy{position:relative;z-index:2}
.case-poster-copy small{
  display:block;margin-bottom:15px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.16em;font-weight:800
}
.case-poster-copy strong{
  display:block;font-size:clamp(3rem,5vw,5.8rem);line-height:.82;letter-spacing:-.055em;font-weight:700
}
.case-poster-copy span{
  display:inline-block;margin-top:25px;padding-bottom:4px;border-bottom:1px solid currentColor;
  font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em
}
.case-story{border-top:1px solid var(--ink)}
.case-row{
  display:grid;grid-template-columns:100px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)
}
.case-label{
  color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.69rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em;padding-top:4px
}
.case-row p{margin:0;font:400 1.12rem/1.48 Georgia,"Times New Roman",serif;color:#3f454e}
.proof-note{
  margin:34px 0 0 auto;background:var(--paper);box-shadow:7px 7px 0 var(--orange);transform:rotate(-.6deg)
}
.proof-footer{
  position:relative;z-index:2;width:min(100%,var(--max));margin:42px auto 0;padding-top:14px;border-top:1px solid var(--ink);
  display:flex;justify-content:space-between;gap:24px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800
}

.spread-conversation{background:var(--ink);color:var(--paper-2);border-bottom:0}
.spread-conversation::before{
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)
}
.spread-conversation .spread-header{border-color:rgba(255,255,255,.65)}
.conversation-grid{
  position:relative;z-index:2;width:min(100%,var(--max));min-height:calc(100svh - 170px);margin:0 auto;
  display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(48px,8vw,120px);align-items:center
}
.conversation-copy{max-width:580px}
.conversation-copy .big-copy{color:var(--paper-2)}
.conversation-copy>p:not(.big-copy){
  font:400 1.15rem/1.55 Georgia,"Times New Roman",serif;color:#c8c5be;max-width:520px
}
.decision-link{
  display:inline-flex;align-items:center;gap:18px;margin-top:34px;padding:14px 0 9px;border-bottom:2px solid var(--orange);
  font-size:clamp(1.2rem,1.7vw,1.55rem);font-weight:700
}
.decision-link span{color:var(--orange)}
.issue-close{
  position:absolute;z-index:2;left:clamp(24px,4.5vw,72px);right:clamp(24px,4.5vw,72px);bottom:24px;
  display:flex;justify-content:space-between;gap:24px;padding-top:14px;border-top:1px solid rgba(255,255,255,.35);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#a9a69f
}
.issue-close strong{color:var(--paper-2);font-weight:750}

@media(max-width:980px){
  .proof-intro,.case-study,.conversation-grid{grid-template-columns:1fr}
  .case-visual{min-height:500px}
  .conversation-grid{min-height:auto;padding:80px 0 120px}
  .issue-close{position:static;margin-top:20px}
}
@media(max-width:620px){
  .proof-footer,.issue-close{flex-direction:column}
  .case-visual{min-height:430px}
  .case-row{grid-template-columns:1fr;gap:8px}
  .case-poster-copy strong{font-size:clamp(2.8rem,14vw,4.4rem)}
}

/* 001.04 production pass */
.spread:not(.spread-conversation) .eyebrow,.spread:not(.spread-conversation) .q-num,.spread:not(.spread-conversation) .spread-number,.spread:not(.spread-conversation) .case-label,.spread:not(.spread-conversation) .note-label{color:var(--orange-text)}


.case-visual-real{min-height:0;margin:0;display:block;background:transparent;border:0;overflow:visible}.case-visual-real:hover{transform:none}
.case-visual-real>a{display:block;border:1px solid var(--ink);overflow:hidden;background:#ddd}.case-visual-real img{display:block;width:100%;height:auto;aspect-ratio:1.57/1;object-fit:cover;object-position:top center}
.case-visual-real figcaption{display:flex;justify-content:space-between;gap:20px;padding:11px 2px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.64rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.case-visual-real figcaption a{border-bottom:1px solid currentColor}
@media(max-width:620px){.case-visual-real figcaption{flex-direction:column;gap:7px}}


/* =========================================================
   001.05 — CASE STUDY AS EVIDENCE
   ========================================================= */



.issue-nav{
  display:inline-flex;
  align-items:center;
  gap:22px;
}
.issue-nav>a{
  padding-left:22px;
  border-left:1px solid var(--ink);
  font-size:.66rem;
  letter-spacing:.11em;
  font-weight:850;
}
.issue-nav>a:hover{color:var(--orange-text)}

.visible-proof{
  padding:28px 0 8px;
  border-bottom:1px solid var(--line);
}
.visible-proof>.case-label{display:block;margin-bottom:18px}
.proof-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.proof-points>div{
  padding-top:12px;
  border-top:2px solid var(--ink);
}
.proof-points b{
  display:block;
  margin-bottom:8px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.67rem;
  letter-spacing:.1em;
}
.proof-points p{
  margin:0;
  font:400 .98rem/1.42 Georgia,"Times New Roman",serif;
  color:#3f454e;
}

.machine-layer{
  margin-top:34px;
  padding:28px;
  border:1px solid var(--ink);
  background:var(--paper);
}
.machine-layer h3{
  margin:13px 0 12px;
  font-size:clamp(1.65rem,2.3vw,2.35rem);
  line-height:1.02;
  letter-spacing:-.035em;
  font-weight:700;
}
.machine-layer>p{
  margin:0;
  max-width:660px;
  font:400 1.05rem/1.52 Georgia,"Times New Roman",serif;
  color:#3f454e;
}
.machine-tags{
  margin-top:22px;
  padding-top:13px;
  border-top:1px solid var(--line);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.64rem;
  line-height:1.6;
  letter-spacing:.09em;
  font-weight:800;
  color:var(--orange-text);
}
.machine-layer details{
  margin-top:18px;
  border-top:1px solid var(--line);
  padding-top:14px;
}
.machine-layer summary{
  cursor:pointer;
  list-style:none;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.67rem;
  font-weight:850;
  letter-spacing:.1em;
}
.machine-layer summary::-webkit-details-marker{display:none}
.machine-layer details p{
  margin:13px 0 0;
  font:400 .94rem/1.55 Georgia,"Times New Roman",serif;
  color:#4a4d52;
}
.machine-layer code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.88em;
}
.case-conclusion{
  margin:34px 0 0;
  padding:0;
  border:0;
  font:400 clamp(1.55rem,2.6vw,2.65rem)/1.08 Georgia,"Times New Roman",serif;
  letter-spacing:-.025em;
}
.case-conclusion strong{font-weight:700}

@media(max-width:760px){
  .proof-points{grid-template-columns:1fr}
  .issue-nav{gap:12px}
  .issue-nav>a{padding-left:12px}
}


/* 001.07 — rebalance proof spread */
.case-study{
  grid-template-areas:
    "visual story"
    "conclusion story";
  align-items:start;
}
.case-visual-real{grid-area:visual}
.case-story{grid-area:story}
.case-left-conclusion{
  grid-area:conclusion;
  min-height:clamp(310px,35vw,520px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(36px,5vw,72px);
}
.case-left-conclusion .case-conclusion{
  width:min(100%,620px);
  margin:0;
  text-align:center;
  font-size:clamp(2rem,3.4vw,4rem);
  line-height:1.03;
}
@media(max-width:980px){
  .case-study{
    grid-template-areas:
      "visual"
      "story"
      "conclusion";
  }
  .case-left-conclusion{
    min-height:280px;
    padding:54px 24px;
  }
}