.article-shell:has(.kutno-project){padding-bottom:0}.article-card:has(.kutno-project){--copper:#a52269;--ink:#242024;--ink-soft:#514a4e;--muted:#655a60;background:#f4f0e9;color:#242024}.article-card:has(.kutno-project)>.section-title{max-width:19ch;font-size:clamp(2.6rem,5.8vw,5.6rem);line-height:1.02;text-wrap:balance}.kutno-project{gap:clamp(56px,7vw,104px)}.kutno-project .project-record-hero{display:grid;gap:24px;max-width:58rem}.kutno-project .project-record-hero p{margin:0}.kutno-project .project-record-lead{color:#8f1e5b}.kutno-project p,.kutno-project li{font-size:clamp(1rem,1.15vw,1.125rem);line-height:1.75}.kutno-project .project-record-kicker{font-size:.875rem;letter-spacing:.08em}.kutno-project .project-record-section__head>span{font-size:.875rem;line-height:1.5}.kutno-project .project-record-section__head h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.14;max-width:22ch;text-wrap:balance}.kutno-project .project-record-copy{max-width:48rem}.kutno-project .project-record-copy>p+p{margin-top:1.4em}.kutno-project a{color:inherit;text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}.kutno-project a:focus-visible{outline:3px solid #a52269;outline-offset:5px}.kutno-project-figure{margin:0}.kutno-project-figure picture{display:block;overflow:hidden;border:1px solid rgba(36,32,36,.14);border-radius:clamp(10px,1.4vw,20px);box-shadow:0 20px 54px #2420241a;background:#090909}.kutno-project-figure--hero picture{border-radius:clamp(14px,2vw,28px);box-shadow:0 30px 86px #24202424}.kutno-project-figure img{display:block;width:100%;height:auto;background:#090909}.kutno-project-figure figcaption,.kutno-project-live-demo figcaption{max-width:70ch;margin-top:14px;color:#655a60;font-size:.875rem;line-height:1.65}.kutno-project-mobile-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px);align-items:start;max-width:56rem;margin-inline:auto;padding-bottom:clamp(48px,7vw,92px)}.kutno-project-mobile-pair .kutno-project-figure:nth-child(2){transform:translateY(clamp(48px,6vw,88px))}.kutno-project-mobile-pair .kutno-project-figure picture{border-radius:clamp(18px,2.2vw,30px);box-shadow:0 28px 72px #24202429}.kutno-project-facts{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border-top:1px solid #cfc5c7}.kutno-project-facts>div{padding:22px 20px 22px 0;border-bottom:1px solid #cfc5c7;min-width:0}.kutno-project-facts dt{font-size:.875rem;color:#655a60;margin-bottom:8px}.kutno-project-facts dd{margin:0;font-size:1rem;font-weight:600;line-height:1.5}.kutno-project-proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bfb3b7;border-bottom:1px solid #bfb3b7}.kutno-project-proof>div{display:grid;gap:7px;padding:clamp(20px,3vw,34px) clamp(12px,2.2vw,28px);border-right:1px solid #bfb3b7}.kutno-project-proof>div:first-child{padding-left:0}.kutno-project-proof>div:last-child{border-right:0}.kutno-project-proof strong{font-size:clamp(1.8rem,3.6vw,3.4rem);line-height:1;color:#8f1e5b;letter-spacing:-.035em}.kutno-project-proof span{font-size:.82rem;line-height:1.45;color:#655a60;text-transform:uppercase;letter-spacing:.05em}.kutno-project-palette{display:flex;min-height:190px}.kutno-project-palette>div{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:24px;flex:1;min-width:0}.kutno-project-palette strong{font-size:1.05rem;line-height:1.4}.kutno-project-palette span{font-size:.875rem;line-height:1.4}.kutno-project-palette__pink{background:#8f1e5b;color:#fff}.kutno-project-palette__ink{background:#101014;color:#f4f0e9}.kutno-project-palette__paper{background:#f4f0e9;color:#242024;box-shadow:inset 0 0 0 1px #cfc5c7}.kutno-project-sequence{padding-left:1.4em}.kutno-project-sequence li{padding:12px 0 12px 8px;border-bottom:1px solid #ded5d7}.kutno-project-results{background:#101014;color:#f4f0e9;padding:clamp(22px,4vw,60px)}.kutno-project-results h2{font-size:clamp(2.1rem,4.4vw,4.2rem);line-height:1.08;text-wrap:balance;margin:22px 0}.kutno-project-results .eyebrow{color:#ed9cc6;font-size:.875rem;line-height:1.5}.kutno-project-results>p{max-width:70ch;color:#e4dbe1}.kutno-project-table-wrap{overflow-x:auto;margin:32px 0}.kutno-project-results table{width:100%;border-collapse:collapse;font-size:1rem}.kutno-project-results caption{text-align:left;font-size:.875rem;color:#ed9cc6;padding-bottom:16px}.kutno-project-results th,.kutno-project-results td{text-align:left;padding:16px 12px;border-bottom:1px solid #4d414b;vertical-align:top}.kutno-project-results td{font-weight:700;white-space:nowrap}.kutno-project-results thead th{font-size:.875rem;color:#c7b9c3}.kutno-project-report-links{display:flex;flex-wrap:wrap;gap:18px 32px;margin:28px 0;font-size:1rem;font-weight:650}.kutno-project-results .kutno-project-method{margin-top:32px;padding-top:22px;border-top:1px solid #4d414b;color:#cfc3ca;font-size:.9rem;line-height:1.65}.kutno-project .project-record-next{background:#8f1e5b;color:#fff;padding:clamp(24px,4vw,56px)}.kutno-project .project-record-next h2,.kutno-project .project-record-next p,.kutno-project .project-record-next .eyebrow{color:#fff}.kutno-project .project-record-next a:focus-visible{outline-color:#fff}.kutno-project-live-demo{--pink:#9e276f;--pink-deep:#730d51;--pink-mid:#b0417c;--pink-light:#c44584;--black:#08080a;--black2:#111116;--bone:#f2ede6;--ink:#0a0a0c;width:100%;max-width:none;margin:0;overflow:visible}@media(max-width:680px){.article-card:has(.kutno-project)>.section-title{font-size:clamp(2.3rem,8.5vw,3.8rem);letter-spacing:-.035em}.kutno-project .project-record-kicker{gap:10px 18px}.kutno-project-facts,.kutno-project-proof{grid-template-columns:1fr}.kutno-project-proof>div{border-right:0;border-bottom:1px solid #bfb3b7;padding:20px 0}.kutno-project-proof>div:last-child{border-bottom:0}.kutno-project-palette{flex-direction:column}.kutno-project-palette>div{min-height:125px}.kutno-project-figure picture{border-radius:10px}.kutno-project-mobile-pair{grid-template-columns:1fr;gap:30px;max-width:27rem;padding-bottom:0}.kutno-project-mobile-pair .kutno-project-figure:nth-child(2){transform:none}.kutno-project-mobile-pair .kutno-project-figure picture{border-radius:18px;box-shadow:0 22px 54px #24202424}.kutno-project-results{padding:24px 16px}.kutno-project-results th,.kutno-project-results td{padding:14px 6px;font-size:.875rem}.kutno-project-results th:first-child{width:48%}}