.label{margin:0 0 14px;color:var(--teal);font-size:.82rem}.summary{max-width:800px;font-size:clamp(1.05rem,2vw,1.28rem)}.meta-row,.actions{display:flex;flex-wrap:wrap;gap:10px}.meta-row{margin:30px 0 0}.meta-row span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--ink);background:rgb(var(--white-rgb) / var(--panel-bg-alpha));font-size:.82rem;font-weight:800}.actions{margin-top:28px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--ink);background:var(--paper);font-size:.78rem;font-weight:800;line-height:1}@media(min-width:841px){.content-shell{grid-template-columns:minmax(0,.72fr) minmax(260px,.28fr)}}.case-image{width:100%;max-height:520px;border:1px solid var(--line);border-radius:8px;object-fit:cover}.case-image.svg-image{padding:46px;background:var(--paper);object-fit:contain}.essay-image{margin-bottom:32px}.book-sidebar{display:grid;gap:16px;align-self:start}.book-sidebar .side-panel{position:static}.book-cover{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.book-cover.svg-image{padding:46px}.case-body{color:var(--deep);font-size:1.04rem}.case-body :global(h1),.case-body :global(h2),.case-body :global(h3),.case-body :global(h4){color:var(--ink);line-height:1.16}.case-body :global(h1),.case-body :global(h2){margin:42px 0 16px;font-family:Georgia,Times New Roman,serif;letter-spacing:0}.case-body :global(h1:first-child),.case-body :global(h2:first-child),.case-body :global(h3:first-child){margin-top:0}.case-body :global(h1){font-size:clamp(2rem,4vw,3rem)}.case-body :global(h2){font-size:clamp(1.65rem,3vw,2.25rem)}.case-body :global(h3){margin:34px 0 12px;font-size:1.35rem}.case-body :global(h4){margin:26px 0 10px;font-size:1.08rem}.case-body :global(p),.case-body :global(ul),.case-body :global(blockquote){margin-bottom:18px}.case-body :global(ul){padding-left:1.25rem}.case-body :global(li){margin-bottom:8px}.case-body :global(blockquote){border-left:6px solid var(--yellow);margin-left:0;padding:16px 22px;color:var(--ink);background:var(--paper)}.side-panel{border:1px solid var(--line);border-radius:8px}.story-section{padding-bottom:76px}.story-heading{max-width:780px;margin-bottom:24px}.story-heading h2{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.08}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.story-card{display:grid;grid-template-columns:1fr;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--white)}.story-card.has-image{grid-template-columns:minmax(150px,.38fr) minmax(0,1fr)}.story-image{width:100%;height:100%;min-height:260px;object-fit:cover;background:var(--paper)}.story-image.svg-image{padding:32px;object-fit:contain}.story-body{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:12px;padding:22px}.story-body h3{margin:0;color:var(--ink);font-size:1.28rem;line-height:1.15}.story-body p{margin:0}.story-description{color:var(--deep)}.story-description :global(p){margin:0}.story-description :global(p+p){margin-top:10px}.story-description :global(strong){color:var(--ink);font-weight:850}.story-context-label{color:var(--teal);font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.story-body .text-link{margin-top:auto}@media(max-width:960px){.story-grid,.story-card,.story-card.has-image{grid-template-columns:1fr}.story-card.has-image{position:relative;min-height:min(760px,86vh)}.story-card.has-image:after{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#040f122e,#040f128a 38%,#040f12e0);content:"";pointer-events:none}.story-card.has-image .story-image{position:absolute;inset:0;min-height:100%;filter:brightness(.72) saturate(.92)}.story-card.has-image .story-body{position:relative;z-index:2;min-height:min(760px,86vh);justify-content:end;padding:clamp(22px,6vw,44px)}.story-card.has-image .story-body h3,.story-card.has-image .story-body p,.story-card.has-image .story-description{color:var(--white)}.story-card.has-image .story-description :global(strong){color:var(--white)}.story-card.has-image .label,.story-card.has-image .text-link{color:var(--teal)}}@media(max-width:560px){.hero{padding-top:52px}}