/* Кейс у стилі сайту: папір + білий, моно-підписи, червоні заголовки капсом, стрілка ↵ */
:root{--mono:'Stolzl',system-ui,sans-serif}
body{background:#fff}
main section{position:relative}
.paper{background:#fbfbfb url(bg/paper.jpg) center top/1400px auto repeat}
.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:var(--muted)}
.mono b{color:var(--ink);font-weight:500}
.k-h1{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:-.045em;line-height:.92;color:var(--red);font-size:clamp(44px,9.4vw,150px)}
.k-h1::after{content:"↵";font-family:var(--mono);font-size:.22em;vertical-align:.9em;margin-left:.25em;color:var(--ink)}
.sub{font-size:clamp(17px,1.9vw,22px);line-height:1.4;color:#3b3b42;max-width:560px}
.fig img,.fig video{width:100%;height:auto;display:block}
.fig figcaption{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:var(--muted);padding-top:8px;display:flex;justify-content:space-between;gap:12px}
.num{color:var(--red)}
.say{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;font-size:clamp(26px,4.2vw,58px);line-height:1.05;letter-spacing:-.045em;max-width:980px}
.say em{font-style:normal;color:var(--red)}
.cred{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:30px 22px 40px;text-align:center}
.nextc{display:flex;justify-content:space-between;align-items:center;padding:26px clamp(16px,4vw,56px);border-top:1px solid var(--line);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.nextc span{font-size:clamp(18px,3vw,34px);font-family:'Helvetica Neue',Helvetica,sans-serif;font-weight:300;letter-spacing:-.03em}
.nextc:hover span{color:var(--red)}
.metaTable{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--ink)}
.metaTable div{padding:12px 0;border-bottom:1px solid var(--line)}
.metaTable small{display:block;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.metaTable b{font-weight:400;font-size:15px}
@media(min-width:900px){.metaTable{grid-template-columns:repeat(4,1fr);gap:20px}}
.rv{opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}