/* Authored case composition. Shared shell, roles, spacing and frozen note stay authoritative. */
:root .case-detail .article-hero{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center}
.case-detail .article-hero-copy{grid-column:1;grid-row:1}
.case-detail .article-cover{grid-column:2;grid-row:1;align-self:center}
html[data-theme] .case-detail .article-cover img{height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;box-shadow:none}
:root .case-detail .case-jump-nav{position:static;grid-column:auto;grid-row:auto;border:0;padding:0;margin:0}
.case-jump-nav summary{display:none}
.case-detail .case-jump-nav nav{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6);margin:0}
:root .case-detail .case-jump-nav nav a{display:block;border:0;padding:0;color:var(--orange);font-size:var(--type-ui);line-height:var(--leading-meta)}
.case-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap);margin-top:var(--section-space)}
.case-summary-item{display:flex;flex-direction:column;min-width:0;padding:var(--space-8);background:var(--soft);border:1px solid var(--line);border-radius:var(--radius-block)}
.case-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}
:root .case-detail .case-summary-heading .card-title{margin:0}
.case-summary-result{flex:1;padding-block:var(--space-5)}
.case-summary-result p{font-size:var(--type-body);line-height:var(--leading-body);margin:var(--space-3) 0 0}
.case-summary-before{margin:0;padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--muted);font-size:var(--type-ui);line-height:var(--leading-meta)}
.case-summary-before>span{margin-right:var(--space-2)}
.case-summary-before>strong{color:var(--ink)}
.case-caption{font-size:var(--type-ui);line-height:var(--leading-meta);color:var(--muted);font-weight:400}
.case-value{display:block;font-size:var(--type-h2);line-height:var(--leading-section);letter-spacing:-.025em;font-weight:900;color:var(--orange);margin-top:var(--space-2)}
.case-scope{margin:var(--space-3) 0 var(--section-space);max-width:80ch}
.case-body-layout{padding-block:0 var(--section-space)}
.case-body-layout .article-prose{display:grid;gap:var(--section-space)}
.case-chapter{min-width:0;scroll-margin-top:var(--space-8)}
.case-chapter:not(.case-chapter--surface){padding-top:var(--section-space);border-top:1px solid var(--line)}
.case-chapter--surface{padding:var(--space-8);background:var(--soft);border:1px solid var(--line);border-radius:var(--radius-block)}
html:not([data-theme="dark"]) .case-detail :is(#case-bylo,#case-stek){--muted:#bdc9b4;background:var(--dark);border-color:var(--dark);color:#f3f4e9}
.case-detail :is(#case-bylo,#case-podhod,#case-cifry,#case-ogranicheniya,#case-stek) .case-chapter-head .eyebrow,.case-detail #case-process-title{color:var(--orange)}
.case-detail #case-bylo{position:relative;isolation:isolate;overflow:hidden}
.case-detail #case-bylo>.case-task-layout{position:relative;z-index:1}
.case-detail #case-bylo::before,.case-detail #case-bylo::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(192,207,179,.32) 1.25px,transparent 1.5px);background-size:20px 20px}
.case-detail #case-bylo::before{mask-image:radial-gradient(ellipse 60% 95% at 100% 0%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 60% 95% at 100% 0%,#000 0%,transparent 78%)}
.case-detail #case-bylo::after{content:none;opacity:.65;mask-image:radial-gradient(ellipse 60% 95% at 0% 100%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 60% 95% at 0% 100%,#000 0%,transparent 78%)}
.case-procurement #case-bylo::after{content:none}
.case-contracts #case-bylo::after{content:none}
.case-construction #case-bylo::after{content:none}
.case-legal #case-bylo::after{content:none}
.case-legal #case-bylo .case-illustration img{width:80%;margin-inline:auto}
.case-legal #case-reshenie .case-chapter-head .eyebrow{color:var(--orange)}
.case-procurement #case-reshenie .case-chapter-head .eyebrow{color:var(--orange)}
.case-contracts #case-reshenie .case-chapter-head .eyebrow{color:var(--orange)}
.case-construction #case-reshenie .case-chapter-head .eyebrow{color:var(--orange)}
.case-chapter-head{min-width:0}
.case-chapter-head>.eyebrow,.case-chapter-head>div>.eyebrow{margin:0 0 var(--space-3);color:var(--muted)}
.case-detail .case-chapter-head h2{margin:0;max-width:32ch}
.case-chapter-head p:not(.eyebrow){margin:var(--space-3) 0 0;max-width:72ch}
.case-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap);margin-top:var(--space-6)}
.case-insights>article{min-width:0;border-top:1px solid var(--line);padding-top:var(--space-5)}
.case-icon{display:block;width:var(--space-6);height:var(--space-6);color:var(--orange);flex:none}
.case-icon svg{display:block;width:100%;height:100%}
.case-detail .case-insights h3{margin:var(--space-4) 0 var(--space-3)}
.case-insights p{margin:0}
.case-method-layout,.case-handoff-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--card-gap);align-items:start}
.case-method-opening,.case-handoff-layout>*{min-width:0}
.case-illustration{margin:var(--space-6) 0 0}
:root .case-detail .case-illustration img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.case-method-opening .case-illustration{max-width:100%;margin-top:var(--space-8)}
.case-detail .case-step-list{list-style:none;padding:0;margin:0}
.case-step-list>li{display:grid;grid-template-columns:var(--space-10) minmax(0,1fr);gap:var(--space-4);padding-block:var(--space-5);border-top:1px solid var(--line);margin:0}
.case-step-list>li:first-child{padding-top:0;border-top:0}
.case-step-number{font-size:var(--type-meta);line-height:var(--leading-meta);color:var(--orange);font-weight:700;padding-top:var(--space-2)}
.case-detail .case-step-list h3{margin:0 0 var(--space-3)}
.case-step-list p{margin:0}
.case-process{position:relative;isolation:isolate;overflow:hidden;margin-top:var(--section-space);padding:var(--space-8);border:1px solid var(--line);border-radius:var(--radius-block)}
.case-process::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(104,110,102,.24) 1.25px,transparent 1.5px);background-size:20px 20px;mask-image:radial-gradient(ellipse 55% 95% at 100% 0%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 55% 95% at 100% 0%,#000 0%,transparent 78%)}
.case-process>.eyebrow{margin:0 0 var(--space-6);color:var(--muted)}
.case-detail .case-process-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap);list-style:none;padding:0;margin:0}
.case-process-track>li{position:relative;min-width:0;margin:0}
.case-process-track>li+li::before{content:"→";position:absolute;top:0;left:calc(-1*var(--space-5));color:var(--orange)}
.case-detail .case-process-track h3{margin:var(--space-4) 0 var(--space-3)}
.case-process-track p{margin:0}
.case-process-feedback{margin:var(--space-6) 0 0;padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--muted)}
.case-process-feedback>span{color:var(--orange);margin-right:var(--space-2)}
.case-chapter-head--illustrated{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:var(--card-gap)}
.case-chapter-head--illustrated .case-illustration{margin:0}
.case-projects{display:grid;gap:var(--card-gap);margin-top:var(--space-6)}
.case-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-block);scroll-margin-top:var(--space-8)}
.case-project-result{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:start;justify-content:center;min-width:0;padding:var(--space-8);background:var(--dark);color:#f7f5ef}
.case-project-result::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(192,207,179,.32) 1.25px,transparent 1.5px);background-size:20px 20px;mask-image:radial-gradient(ellipse 80% 70% at 100% 100%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 100% 100%,#000 0%,transparent 78%)}
.case-project-result>.case-value{margin-top:var(--space-5)}
.case-project-result>p:not(.eyebrow){margin:var(--space-3) 0 var(--space-6)}
.case-project-result>.case-caption{color:#bdc9b4}
.case-project-result>.eyebrow{color:#bdc9b4;margin:0}
.case-project-copy{min-width:0;padding:var(--space-8)}
.case-project-copy .eyebrow{color:var(--muted);margin:0 0 var(--space-3)}
.case-detail .case-project h3{margin:0 0 var(--space-3)}
.case-project-copy header>p{margin:0}
.case-project-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--card-gap);margin-block:var(--space-6)}
.case-project-roles>div{min-width:0;padding-top:var(--space-5);border-top:1px solid var(--line)}
.case-project-roles p:last-child{margin:0}
.case-project-copy>.inline{color:var(--orange)}
.case-chapter>.case-caption{margin:var(--space-6) 0 0;max-width:80ch}
.case-boundaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--card-gap);margin-top:var(--space-6)}
.case-boundaries>article{min-width:0;border-top:1px solid var(--line);padding-top:var(--space-5)}
.case-detail .case-boundaries h3{margin:0 0 var(--space-3)}
.case-boundaries p{margin:0}
.case-detail .case-deliverables{list-style:none;padding:0;margin:0}
.case-deliverables>li{display:flex;align-items:start;gap:var(--space-4);border-top:1px solid var(--line);padding-block:var(--space-5);margin:0}
.case-deliverables>li:first-child{padding-top:0;border-top:0}
.case-deliverables>li>div{min-width:0}
.case-detail .case-deliverables h3{margin:0 0 var(--space-3)}
.case-deliverables p{margin:0}
@media(max-width:1000px){
 .case-summary{grid-template-columns:1fr}
 .case-method-layout,.case-handoff-layout{grid-template-columns:1fr;gap:var(--card-gap)}
 .case-method-opening{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--card-gap);align-items:center}
 .case-method-opening .case-illustration{margin:0}
 .case-insights{grid-template-columns:1fr}
}
@media(max-width:760px){
 :root .case-detail .article-hero{grid-template-columns:1fr}
 .case-detail .article-hero-copy,.case-detail .article-cover{grid-column:auto;grid-row:auto}
 .case-detail .article-cover{max-width:85%;margin-inline:auto}
 .case-detail .case-jump-nav summary{display:block}
 .case-detail .case-jump-nav nav{margin-top:var(--space-4)}
 .case-summary-item,.case-chapter--surface,.case-process,.case-project-result,.case-project-copy{padding:var(--space-6)}
 .case-method-opening,.case-project-roles,.case-boundaries,.case-chapter-head--illustrated{grid-template-columns:1fr;gap:var(--card-gap)}
 .case-project{grid-template-columns:1fr}
 .case-method-opening .case-illustration,.case-chapter-head--illustrated .case-illustration{width:85%;max-width:100%;margin-inline:auto}
 .case-detail .case-process-track{grid-template-columns:1fr;gap:var(--space-8)}
 .case-process-track>li+li::before{content:"↓";top:calc(-1*var(--space-6));left:0}
 .case-step-list>li{grid-template-columns:var(--space-7) minmax(0,1fr);gap:var(--space-3)}
}
html[data-theme="dark"] .case-project-result{background:var(--soft)}
html[data-theme="dark"] .case-process::before{background-image:radial-gradient(circle,rgba(196,190,180,.23) 1.25px,transparent 1.5px)}
