/* Collector’s Reserve — bounded editorial grid, full product evidence. */
body.crcase{
  --crcase-gold:#cba477;
  --crcase-rule:var(--cx-filet);
  --crcase-section:var(--case-section-space);
  --crcase-gap:var(--case-column-gap);
  --crcase-copy:var(--case-copy-size);
  --crcase-leading:var(--case-copy-leading);
  background:var(--bg);color:var(--fg);overflow:visible;
}
html.theme-light body.crcase{--crcase-gold:#725138}
.crcase :focus-visible{outline:2px solid var(--hl);outline-offset:6px}
.crcase :is(main,main>section,header.crcase-hero,.case-figure){overflow:visible}
.crcase .cx-wrap{box-sizing:border-box;width:100%;max-width:var(--case-max);margin-inline:auto;padding-inline:var(--case-gutter)}
.crcase h1,.crcase h2,.crcase h3{font-family:var(--display);font-weight:500;letter-spacing:-.035em;text-wrap:balance}
.crcase-overline{font:700 12px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--crcase-gold)}
.crcase :is(figure,.crcase-chapter__copy,.crcase-section-head>*){min-width:0}
.crcase :is(figcaption,.crcase-product__open){font:13px/1.65 var(--sans);color:var(--fg-muted)}
.crcase figcaption{max-width:66ch;margin:16px 0 0}
.crcase a{text-underline-offset:5px}

/* The introduction establishes the role; the product is immediately below. */
.crcase-hero{padding:calc(var(--nav-h) + 44px) 0 var(--crcase-section)}
.crcase-hero__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--crcase-gap);align-items:start}
.crcase-hero__title>.crcase-overline{margin:0 0 20px}
.crcase-hero h1{font-size:clamp(40px,4.1vw,58px);line-height:1.12;max-width:15ch;margin:0;color:var(--fg)}
.crcase-hero__lead{font:var(--crcase-copy)/var(--crcase-leading) var(--sans);color:var(--fg-soft);max-width:55ch;margin:0}
.crcase-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:24px}
.crcase-button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:48px;padding:12px 16px;border:1px solid var(--crcase-gold);background:var(--crcase-gold);color:var(--bg)!important;font:600 14px/1.5 var(--sans);text-decoration:none!important;transition:background .2s,color .2s}
.crcase-button:hover{background:var(--fg);border-color:var(--fg)}
.crcase-link{display:inline-flex;align-items:center;min-height:44px;font:600 14px/1.5 var(--sans);color:var(--fg)!important;text-decoration:underline}
.crcase-readpath{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--crcase-rule);margin:32px 0 32px}
.crcase-readpath a{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px 12px 0;color:var(--fg-soft);font:500 13px/1.5 var(--sans);text-decoration:none}
.crcase-readpath a>span:first-child{font-size:11px;color:var(--crcase-gold);font-variant-numeric:tabular-nums}
.crcase-readpath a:hover{color:var(--fg);text-decoration:underline}
.crcase-hero__visual{width:100%;max-width:1120px;margin:0 auto}
.crcase-visual-source{margin:0 0 16px}
.crcase-hero__visual .screen-stage{margin-inline:auto;overflow:visible}

/* Each chapter follows the same bounded grid and spacing. */
body.crcase main>section:not(.bx-cta):not(.bx-next){padding:var(--crcase-section) 0;border-top:1px solid var(--crcase-rule);margin:0}
.crcase main>[id]{scroll-margin-top:calc(var(--case-nav-top,var(--nav-h)) + var(--case-chapters-height,61px) + 24px)}
/* The first anchor immediately follows the strip: extra scroll clearance would leave it below the header. */
.crcase .case-chapters-nav + .crcase-chapter{scroll-margin-top:calc(var(--case-nav-top,var(--nav-h)) + var(--case-chapters-height,61px) - 1px)}
.crcase-section-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px var(--crcase-gap);align-items:start}
.crcase-section-head>.crcase-overline{grid-column:1/-1;margin:0}
.crcase-section-head h2{font-size:clamp(30px,2.8vw,40px);line-height:1.18;max-width:23ch;margin:0}
.crcase-section-head>p{font:var(--crcase-copy)/var(--crcase-leading) var(--sans);color:var(--fg-soft);max-width:55ch;margin:0}
.crcase-real__body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--crcase-gap);align-items:center;margin-top:32px}
.crcase-scope{display:grid;gap:24px;margin:0}
.crcase-scope>div{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px 12px;border-top:1px solid var(--crcase-rule);padding-top:16px}
.crcase-scope>div>span{font:600 12px/1.6 var(--sans);color:var(--crcase-gold)}
.crcase-scope strong{font:500 22px/1.3 var(--display);letter-spacing:-.02em}
.crcase-scope p{grid-column:2;max-width:40ch;margin:0;font:15px/1.65 var(--sans);color:var(--fg-soft)}
.crcase-public{margin:0}
.crcase-public>a{display:block;min-width:0}
.crcase-public img{display:block;width:100%;height:auto;max-width:100%;border:0;border-radius:3px;box-shadow:0 2px 6px #02081920,0 12px 28px #02081926}
.crcase-chapter__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--crcase-gap);align-items:start}
.crcase-chapter--reverse .crcase-chapter__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.crcase-chapter--reverse .crcase-chapter__copy{grid-column:2;grid-row:1}
.crcase-chapter--reverse .crcase-product{grid-column:1;grid-row:1}
.crcase-chapter__copy{max-width:54ch}
.crcase-chapter__number{display:flex;align-items:baseline;gap:14px;font:700 13px/1.6 var(--sans);color:var(--crcase-gold)}
.crcase-chapter__number i{font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.crcase-chapter h2{font-size:clamp(28px,2.7vw,38px);line-height:1.18;margin:16px 0 24px;max-width:24ch}
.crcase-chapter__copy>p{font:var(--crcase-copy)/var(--crcase-leading) var(--sans);max-width:50ch;color:var(--fg-soft);margin:0}
.crcase-chapter__copy>p+p{margin-top:16px}
.crcase-product{margin:0;align-self:start;overflow:visible}
.crcase-product>a:first-child{display:block;min-width:0;overflow:visible}
.crcase-product__image{display:block;width:100%;height:auto;max-width:none;border:0;border-radius:3px;box-shadow:0 2px 6px #02081924,0 16px 34px #02081930}
.crcase-product__open{display:inline-flex;min-height:44px;align-items:center;margin-top:8px;color:var(--fg)!important;text-decoration:underline}
.crcase-design-note{border-left:2px solid var(--crcase-gold);padding-left:16px;margin-top:24px}
.crcase-design-note>span{display:block;font:700 11px/1.6 var(--sans);letter-spacing:.08em;color:var(--crcase-gold)}
.crcase-design-note>p{font:15px/1.65 var(--sans);color:var(--fg-soft);margin:8px 0 0;max-width:48ch}
.crcase-signals{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0 12px;padding:16px 0 0;border-top:1px solid var(--crcase-rule);list-style:none;counter-reset:signals}
.crcase-signals li{display:flex;align-items:baseline;gap:8px;font:600 13px/1.6 var(--sans);color:var(--fg);counter-increment:signals}
.crcase-signals li::before{content:counter(signals,decimal-leading-zero);font-size:11px;color:var(--crcase-gold)}
.crcase-signals+p{font-size:14px!important}

/* An observed commercial step is kept separate from simulated outcomes. */
.crcase-milestone__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px var(--crcase-gap);align-items:start}
.crcase-milestone .crcase-overline{grid-column:1/-1;margin:0}
.crcase-milestone h2{font-size:clamp(30px,2.8vw,38px);line-height:1.2;max-width:21ch;margin:0}
.crcase-milestone p:last-child{font:var(--crcase-copy)/var(--crcase-leading) var(--sans);color:var(--fg-soft);max-width:55ch;margin:0}
.crcase-production-details{margin-top:24px;border-top:1px solid var(--crcase-rule)}
.crcase-production-details>summary{min-height:48px;cursor:pointer;padding:16px 0;color:var(--fg-soft);font:500 14px/1.65 var(--sans)}
.crcase-production-details[open]>.crcase-public{margin:16px auto 0;max-width:960px}
.crcase-production-details .crcase-public figcaption{display:none}
.crcase-workshop__head{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--crcase-gap);align-items:end}
.crcase-workshop__head>div{min-width:0;max-width:74ch}
.crcase-workshop__head .crcase-overline{margin:0 0 16px}
.crcase-workshop__head h2{font-size:clamp(30px,2.8vw,40px);line-height:1.18;max-width:26ch;margin:0 0 24px}
.crcase-workshop__head p:not(.crcase-overline){font:var(--crcase-copy)/var(--crcase-leading) var(--sans);color:var(--fg-soft);max-width:65ch;margin:0}
.crcase-workshop__head>.crcase-button{justify-self:end}
.crcase-button--secondary{background:transparent;color:var(--fg)!important}
.crcase-button--secondary:hover{color:var(--bg)!important}
.crcase-workshop__closing{display:flex;justify-content:space-between;align-items:start;gap:24px;border-top:1px solid var(--crcase-rule);margin-top:32px;padding-top:20px}
.crcase-workshop__closing p{font:13px/1.65 var(--sans);color:var(--fg-muted);max-width:65ch;margin:0}
.crcase-workshop__closing>a{display:inline-flex;align-items:center;min-height:44px;font:600 13px/1.5 var(--sans);color:var(--fg);text-decoration:underline}
.crcase :is(.bx-cta,.bx-next){padding-block:var(--crcase-section);margin:0;border-top:1px solid var(--crcase-rule)}

@media(max-width:980px){
  .crcase-hero__intro,.crcase-section-head,.crcase-chapter__grid,.crcase-chapter--reverse .crcase-chapter__grid,.crcase-milestone__grid{grid-template-columns:minmax(0,1fr)}
  .crcase-hero h1{max-width:18ch}
  .crcase-hero__lead{max-width:68ch}
  .crcase-hero__copy{max-width:70ch}
  .crcase-section-head h2,.crcase-chapter h2{max-width:26ch}
  .crcase-section-head>p,.crcase-chapter__copy{max-width:68ch}
  .crcase-chapter__copy>p{max-width:65ch}
  .crcase-chapter--reverse .crcase-chapter__copy,.crcase-chapter--reverse .crcase-product{grid-column:auto;grid-row:auto}
  .crcase-product{max-width:860px;width:100%;margin-inline:auto}
  .crcase-workshop__head{grid-template-columns:minmax(0,1fr)}
  .crcase-workshop__head>.crcase-button{justify-self:start}
}
@media(max-width:650px){
  .crcase :is(h1,h2,h3){overflow-wrap:anywhere;hyphens:auto}
  body.crcase{--crcase-copy:16px;--crcase-gap:24px;--crcase-section:48px}
  .crcase .cx-wrap{padding-inline:18px}
  .crcase-hero{padding-top:calc(var(--nav-h) + 32px)}
  .crcase-hero h1{font-size:40px;line-height:1.12;max-width:16ch}
  .crcase-hero__title>.crcase-overline{font-size:11px;margin-bottom:16px}
  .crcase-actions{align-items:start;flex-direction:column;gap:8px;margin-top:24px}
  .crcase-readpath{grid-template-columns:repeat(2,minmax(0,1fr));margin-block:24px}
  .crcase-readpath a{min-height:52px;font-size:12px;gap:8px;padding-right:8px}
  .crcase-visual-source{font-size:10px;letter-spacing:.07em}
  .crcase-real__body{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:28px}
  .crcase-scope{gap:20px}
  .crcase-scope>div{padding-top:14px}
  .crcase-scope strong{font-size:22px}
  .crcase-scope p{font-size:14px;max-width:45ch}
  .crcase :is(.crcase-section-head h2,.crcase-chapter h2,.crcase-milestone h2,.crcase-workshop__head h2){font-size:30px;line-height:1.2}
  .crcase-chapter__number i{font-size:10px;letter-spacing:.05em}
  .crcase-chapter h2{margin:14px 0 20px}
  .crcase figcaption{font-size:12px;margin-top:12px}
  .crcase-workshop__closing{display:block;margin-top:24px}
  .crcase-workshop__closing>a{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.crcase-button{transition:none}}

/* Production case: one shared reading grid, scoped summaries and optional design archive. */
.crcase-scope--horizontal{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--crcase-gap);margin-top:32px}
.crcase-prospective__body{max-width:70ch;padding:16px 0 0;font:var(--crcase-copy)/var(--crcase-leading) var(--sans);color:var(--fg-soft)}
.crcase-prospective__body p{margin:0 0 16px}
@media(max-width:980px){.crcase-scope--horizontal{grid-template-columns:minmax(0,1fr);gap:20px}}