:root {
  --black: #070806;
  --ink: #211b13;
  --paper: #e9dcc0;
  --paper-light: #f6edd9;
  --cream: #f4ecdc;
  --gold: #c79535;
  --gold-light: #e2bd67;
  --burgundy: #6b2420;
  --max: 1680px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; background: var(--black); color: var(--cream); font-family: Georgia, "Times New Roman", serif; line-height: 1.55; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.skip-link { position: fixed; left: 1rem; top: -6rem; z-index: 100; padding: .75rem 1rem; background: #fff; color: #111; }
.skip-link:focus { top: 1rem; }

/* Existing Butch Maxwell Plays navigation */
.site-header { position: sticky; top: 0; z-index: 50; min-height: 88px; display: flex; align-items: center; justify-content: space-between; padding: .75rem max(2rem, calc((100vw - var(--max)) / 2 + 2rem)); background: rgba(4, 5, 5, .985); border-bottom: 1px solid #8a641f; color: #fff; }
.brand { display: flex; align-items: center; gap: 1.1rem; color: #fff; text-decoration: none; }
.bmax { display: inline-block; color: var(--gold-light); font: italic 2.65rem/1 "Brush Script MT", "Segoe Script", cursive; letter-spacing: -.09em; transform: rotate(-3deg); }
.brand-divider { width: 1px; height: 48px; background: #8a641f; }
.brand-name { display: flex; flex-direction: column; line-height: 1; }
.brand-name strong { font-size: 1.36rem; letter-spacing: .06em; white-space: nowrap; }
.brand-name small { margin-top: .35rem; color: var(--gold-light); font: 700 .67rem Arial, sans-serif; letter-spacing: .28em; }
.site-header nav { display: flex; align-items: center; gap: clamp(1.2rem, 2.4vw, 2.65rem); }
.site-header nav a { position: relative; color: #fff; text-decoration: none; text-transform: uppercase; font: 700 .78rem Arial, sans-serif; letter-spacing: .12em; white-space: nowrap; }
.site-header nav a:hover, .site-header nav a:focus-visible, .site-header nav a.active { color: var(--gold-light); }
.site-header nav a.active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1.05rem; height: 3px; background: var(--gold); }
.nav-toggle { display: none; padding: .6rem .85rem; border: 1px solid #806328; background: transparent; color: #fff; font: 700 .72rem Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }

/* The hero uses protected side-by-side zones over one cohesive newsstand environment. */
.newsstand { position: relative; isolation: isolate; max-width: var(--max); min-height: 860px; margin-inline: auto; display:grid; grid-template-columns:40% 60%; align-items:center; overflow: hidden; background: #17120d; border-bottom: 7px solid #15130e; }
.stand-depth { position: absolute; z-index: -3; inset: 0; background: url("assets/three-fingers-newsstand-rich-v3.png") center / cover no-repeat; }
.newsstand::before { content: ""; position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, rgba(3,4,3,.92) 0%, rgba(3,4,3,.76) 26%, rgba(3,4,3,.34) 39%, rgba(3,4,3,.04) 55%), linear-gradient(180deg, rgba(0,0,0,.04), transparent 56%, rgba(0,0,0,.28) 100%); }
.newsstand::after { content: ""; position: absolute; z-index: -1; inset: auto 0 0; height: 19%; background: linear-gradient(180deg, transparent, rgba(0,0,0,.48)); }
.stand-sign { position: absolute; z-index: 4; top: 28px; right: 11%; padding: .68rem 1.35rem; border: 2px solid #b89956; background: linear-gradient(175deg, rgba(61,39,19,.96), rgba(25,17,10,.96)); color: #e6c77e; box-shadow: inset 0 0 0 3px #2d1b0f, 0 7px 15px #0009; font: 800 clamp(.7rem, 1vw, .92rem) Arial, sans-serif; letter-spacing: .15em; transform: rotate(-1.1deg); text-shadow: 0 1px #000; }
.stand-sign::before,.stand-sign::after { content:""; position:absolute; top:-10px; width:2px; height:12px; background:#8f7c58; }
.stand-sign::before { left:18%; }
.stand-sign::after { right:18%; }
.world-labels { position: absolute; z-index: 3; top: 174px; right: 2.3%; width: 47%; height: 262px; opacity: .78; pointer-events: none; }
.world-labels>div { position:absolute; overflow:hidden; box-shadow:0 8px 14px #0008; text-align:center; }
.world-labels b,.world-labels small,.world-labels i { display:block; }
.prop-paper { padding:.75rem .65rem; background:linear-gradient(102deg,#e8ddc4,#cbbfa6); color:#30291f; border:1px solid #7e705a; }
.prop-paper::after { content:""; position:absolute; inset:3.1rem .65rem .65rem; opacity:.32; background:repeating-linear-gradient(0deg,#4c4437 0 1px,transparent 1px 8px); }
.prop-paper b { position:relative; z-index:1; padding-block:.16rem; border-block:3px double #4d4436; font-size:clamp(.75rem,1.15vw,1.15rem); line-height:.82; text-transform:uppercase; }
.prop-paper small { position:relative; z-index:1; margin-top:.28rem; font:700 .38rem Arial,sans-serif; letter-spacing:.15em; text-transform:uppercase; }
.prop-paper i { position:relative; z-index:1; margin-top:.75rem; font-size:.56rem; }
.prop-herald { left:0; top:12px; width:29%; height:140px; transform:rotate(-2.3deg); }
.prop-chronicle { left:26.5%; top:0; width:27%; height:148px; transform:rotate(1.7deg); }
.prop-magazine { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:.7rem; border:5px solid #d1b477; outline:1px solid #2a2116; text-transform:uppercase; }
.prop-magazine b { font-size:clamp(.86rem,1.15vw,1.16rem); line-height:.88; }
.prop-magazine small { font:700 .42rem Arial,sans-serif; letter-spacing:.12em; }
.prop-magazine i { margin-top:.8rem; font-size:.48rem; text-transform:none; }
.prop-detective { left:55%; top:9px; width:20%; height:132px; background:#9a784b; color:#241b12; transform:rotate(-1.5deg); }
.prop-sleuth { left:78%; top:18px; width:20%; height:123px; background:#672a25; color:#e5cfa2; transform:rotate(2.2deg); }
.prop-program { display:flex; flex-direction:column; align-items:center; justify-content:center; width:23%; height:77px; padding:.55rem; border:1px solid #c2a96e; background:#293a39; color:#e2d1a8; text-transform:uppercase; }
.prop-program::before { content:""; position:absolute; inset:6px; border:1px solid #bca46b88; }
.prop-program b { position:relative; font-size:clamp(.65rem,.9vw,.9rem); }
.prop-program small { position:relative; font:700 .36rem Arial,sans-serif; letter-spacing:.12em; }
.prop-program i { position:relative; margin-top:.2rem; font-size:.42rem; text-transform:none; }
.prop-colonial { left:42%; top:169px; transform:rotate(-2deg); background:#6b3028; }
.prop-marlowe { left:67%; top:158px; transform:rotate(2.4deg); }
.desk-ephemera { position:absolute; z-index:3; right:3.8%; top:412px; width:43%; height:155px; opacity:.72; pointer-events:none; }
.desk-ephemera>div { position:absolute; box-shadow:0 7px 13px #0008; color:#342a1f; }
.desk-ephemera b,.desk-ephemera small,.desk-ephemera span,.desk-ephemera i,.desk-ephemera em { display:block; }
.prop-crossword { left:2%; top:15px; width:31%; height:118px; padding:.65rem; border:1px solid #8d7b5e; background:repeating-linear-gradient(0deg,transparent 0 14px,#786b5038 15px),repeating-linear-gradient(90deg,transparent 0 14px,#786b5038 15px),#e0d4b7; transform:rotate(-3deg); }
.prop-crossword b { padding:.18rem; background:#ded2b4e8; text-transform:uppercase; font:800 .5rem Arial,sans-serif; letter-spacing:.06em; }
.prop-crossword span,.prop-crossword i { width:max-content; margin-top:.9rem; padding:.12rem .2rem; background:#ded2b4e8; font-size:.48rem; }
.prop-crossword i { margin-top:.15rem; }
.prop-racing { left:35%; top:2px; width:26%; height:140px; padding:.68rem; border:2px solid #3a4938; background:#c3ad73; transform:rotate(2.6deg); }
.prop-racing b { border-bottom:3px double #443927; text-transform:uppercase; font:800 .65rem Arial,sans-serif; }
.prop-racing small { margin:.25rem 0 .55rem; text-transform:uppercase; font:700 .38rem Arial,sans-serif; letter-spacing:.13em; }
.prop-racing span { font:.43rem/1.55 "Courier New",monospace; }
.prop-receipt { left:65%; top:21px; width:18%; min-height:108px; padding:.55rem; background:#eee2c9; transform:rotate(-5deg); font:.41rem/1.5 "Courier New",monospace; }
.prop-receipt b { padding-bottom:.25rem; border-bottom:1px dashed #81745f; text-align:center; text-transform:uppercase; }
.prop-receipt span { border-bottom:1px dotted #9b8d74; }
.prop-receipt em { margin-top:.35rem; color:#8b2a25; text-align:center; font-weight:bold; transform:rotate(-5deg); }
.coffee { position: absolute; z-index: 3; right: 3%; top: 445px; width: 60px; height: 78px; border-radius: 5px 5px 14px 14px; background: linear-gradient(90deg, #a68c69, #e0cfac 55%, #9f8665); box-shadow: 0 9px 12px #0009; opacity: .72; transform: rotate(4deg); }
.coffee::before { content: ""; position: absolute; left: -4px; right: -4px; top: -7px; height: 12px; border-radius: 50%; background: #33271d; border: 3px solid #d9c7a5; }
.coffee span { position: absolute; top: 28px; left: 3px; right: 3px; color: #493224; font: italic .8rem "Brush Script MT", cursive; transform: rotate(-6deg); }
.cleftjaw-note { position: absolute; z-index: 3; right: 9%; top: 428px; width: 155px; padding: .65rem .75rem; background: #d7c181; color: #352819; box-shadow: 0 6px 12px #0008; font: italic .83rem/1.15 "Brush Script MT", "Segoe Script", cursive; transform: rotate(-4deg); opacity: .7; }
.cleftjaw-note::before { content: ""; position: absolute; left: 40%; top: -7px; width: 34px; height: 13px; background: #b6aa80bb; }

.hero-copy { position: relative; z-index: 5; grid-column:1; width:auto; min-height:0; padding:8.5rem 1rem 6rem clamp(2rem, 5vw, 5.8rem); text-shadow: 0 3px 15px #000; }
.breadcrumb { display: inline-block; margin-bottom: 3.1rem; color: #d7c59f; text-decoration: none; text-transform: uppercase; font: 700 .68rem Arial, sans-serif; letter-spacing: .12em; }
.breadcrumb:hover, .breadcrumb:focus-visible { color: var(--gold-light); }
.eyebrow { margin: 0 0 .8rem; color: var(--gold-light); text-transform: uppercase; font: 700 .72rem Arial, sans-serif; letter-spacing: .19em; }
.hero-copy h1 { margin: 0; max-width: 740px; font-weight: 400; line-height: .96; letter-spacing: -.035em; text-wrap: balance; }
.hero-copy h1 span, .hero-copy h1 strong { display: block; }
.hero-copy h1 span { color: #ede5d7; font-size: clamp(2.65rem, 3.85vw, 4.05rem); }
.hero-copy h1 strong { margin-top: .18em; color: var(--gold-light); font-size: clamp(2.95rem, 4.25vw, 4.5rem); font-weight: 500; }
.short-rule { width: 74px; height: 1px; margin: 1.8rem 0 1.2rem; background: var(--gold); }
.supporting { max-width: 510px; margin: 0; color: #eee5d5; font-size: clamp(1.13rem, 1.45vw, 1.42rem); font-style: italic; }

.rack-wrap { position: relative; z-index: 7; grid-column:2; align-self:end; min-width:0; margin:0 0 1.35rem; padding:58px clamp(1.5rem, 3vw, 3rem) 58px 0; background:transparent; border:0; }
.rack-card { position: absolute; top: 0; left: 50%; z-index: 5; width: 190px; padding: .7rem 1rem .6rem; background: #e7dbc0; color: #2d241a; border: 1px solid #85704a; box-shadow: 0 6px 12px #0007; text-align: center; transform: translate(-50%, -35%) rotate(-1.2deg); }
.rack-card::before { content: ""; position: absolute; top: -9px; left: calc(50% - 5px); width: 10px; height: 18px; border: 2px solid #777266; border-radius: 6px; }
.rack-card b, .rack-card em { display: block; }
.rack-card b { font: 800 .76rem Arial, sans-serif; letter-spacing: .17em; }
.rack-card em { margin-top: .22rem; font-size: .77rem; }
.case-rack { display: grid; grid-template-columns: 1.1fr repeat(4, 1fr); gap: clamp(.45rem, .7vw, .72rem); align-items: end; max-width: 980px; margin-inline: auto; }
.case { position: relative; min-width: 0; transition: transform .22s ease; }
.case:hover, .case:focus-within { transform: translateY(-8px); }
.case a { display: block; color: inherit; text-decoration: none; }
.cover { position: relative; aspect-ratio: 3 / 3.92; min-height:0; display: flex; flex-direction: column; overflow: hidden; padding: clamp(.62rem, .8vw, .86rem); border: 1px solid #cab27a; box-shadow: 0 12px 22px #000b, inset 0 0 0 5px rgba(255,255,255,.035); text-align: center; }
.cover::before { content: ""; position: absolute; inset: 0; opacity: .52; background: repeating-linear-gradient(96deg, transparent 0 7px, rgba(0,0,0,.05) 8px), repeating-linear-gradient(4deg, transparent 0 4px, rgba(255,255,255,.04) 5px), radial-gradient(circle at 20% 10%, #fff3, transparent 35%); box-shadow:inset 0 0 28px rgba(0,0,0,.32); pointer-events: none; }
.series { position: relative; text-transform: uppercase; font: 700 clamp(.38rem, .52vw, .55rem) Arial, sans-serif; letter-spacing: .15em; }
.cover h2 { position: relative; margin: auto 0; font-size: clamp(.92rem, 1.12vw, 1.25rem); line-height: .85; text-transform: uppercase; text-shadow: 0 2px 7px #0008; }
.cover h2 small { display: block; margin-bottom: .45rem; font-size: .43em; letter-spacing: .11em; }
.author { position: relative; text-transform: uppercase; font: 700 clamp(.4rem, .52vw, .56rem) Arial, sans-serif; letter-spacing: .16em; }
.cover-mark { position: absolute; right: -8%; bottom: 15%; opacity: .23; font-weight: 700; }
.cover-notebook { background: linear-gradient(150deg, #0a0d12, #223249 55%, #050608); color: #efe5d3; border: 2px solid var(--gold-light); box-shadow: 0 17px 28px #000d, 0 0 0 4px #19160d, 0 0 0 5px var(--gold); }
.featured { transform: translateY(-9px); }
.featured:hover, .featured:focus-within { transform: translateY(-16px); }
.featured::before { content: "FEATURED INVESTIGATION"; position: absolute; z-index: 4; top: 14px; left: -9px; padding: .35rem .7rem; background: #782721; color: #fff0d1; box-shadow: 0 3px 7px #0008; font: 700 .43rem Arial, sans-serif; letter-spacing: .12em; transform: rotate(-3deg); }
.notebook-mark { right: 7%; bottom: 18%; width: 43%; height: 29%; border-radius: 2px; background: repeating-linear-gradient(0deg, #111 0 6px, #202329 7px); border: 2px solid #bbb29f; transform: rotate(7deg); }
.cover-ferret { background: linear-gradient(145deg, #6e4522, #bf9a58 48%, #463019); color: #241a11; }
.cover-ferret h2 { color: #261710; text-shadow: 0 1px #e3c995; }
.ferret-mark { font-size: 8rem; color: #1c130c; transform: rotate(8deg); }
.cover-symphony { background: linear-gradient(135deg, #251934, #5c355d 58%, #17121f); color: #eee0b8; }
.music-mark { font-size: 9rem; color: #e2c36f; transform: rotate(-10deg); }
.cover-santa { background: linear-gradient(140deg, #154034, #27634c 52%, #771f1c); color: #f0dfb5; }
.santa-mark { right: 3%; bottom: 21%; width: 78px; height: 78px; display: grid; place-items: center; border: 5px double #e5d3aa; border-radius: 50%; color: #f0dfb5; font: 700 1.3rem Arial, sans-serif; transform: rotate(8deg); }
.cover-showbiz { background: linear-gradient(145deg, #251718, #7d2923 50%, #2d1916); color: #f3d594; }
.star-mark { font-size: 8rem; color: #f4c45a; transform: rotate(-7deg); }
.case-cta { display: flex; align-items: center; justify-content: space-between; min-height: 45px; margin-top: 8px; padding: .72rem .85rem; border: 1px solid #9b7a3d; background: #e9dec6; color: #211a12; box-shadow: 0 6px 11px #0008; text-transform: uppercase; font: 800 clamp(.53rem, .7vw, .72rem) Arial, sans-serif; letter-spacing: .12em; }
.case-cta i { color: #7e241e; font-style: normal; font-size: 1rem; }
.case a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.rack-rail { display:none; }

/* About Elliot Brick */
.about-brick { max-width: var(--max); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(380px, .88fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; padding: clamp(4rem, 6vw, 6.25rem) clamp(1.5rem, 7vw, 7rem); background: radial-gradient(circle at 30% 10%, #fff8, transparent 24%), repeating-linear-gradient(0deg, transparent 0 31px, rgba(89,64,32,.035) 32px), #eee2c9; color: var(--ink); }
.about-copy .eyebrow { color: #79251f; }
.about-copy h2 { margin: .2rem 0 1.4rem; max-width: 760px; font-size: clamp(2.25rem, 3.7vw, 4.15rem); line-height: .99; font-weight: 400; letter-spacing: -.025em; }
.about-copy h2 span { color: #79251f; }
.about-copy p:not(.eyebrow) { max-width: 760px; margin: 0 0 1.05rem; font-size: clamp(1rem, 1.12vw, 1.15rem); }
.contradiction-file { position: relative; min-height: 400px; padding: 3.2rem 1.8rem 1.5rem; border: 1px solid #8c7857; background: linear-gradient(104deg, rgba(255,255,255,.38), transparent 30%), repeating-linear-gradient(0deg, transparent 0 27px, rgba(75,55,33,.055) 28px), #ddcfad; box-shadow: 0 18px 32px #59472e55; transform: rotate(1deg); }
.file-tab { position: absolute; top: -31px; left: 8%; min-width: 185px; padding: .55rem 1rem; background: #cdbd98; border: 1px solid #8c7857; border-bottom: 0; font: 800 .65rem Arial, sans-serif; letter-spacing: .14em; }
.file-number { margin: 0 0 1.6rem; font: 700 .59rem Arial, sans-serif; letter-spacing: .17em; color: #594a36; }
.testimony { position: relative; z-index: 2; padding: 1rem; border: 1px solid #9c8966; background: #f0e5cd; box-shadow: 0 7px 13px #5d492b33; }
.testimony + .testimony { margin-top: 1.6rem; }
.testimony b, .testimony span { display: block; }
.testimony b { color: #742821; font: 800 .58rem Arial, sans-serif; letter-spacing: .15em; }
.testimony span { margin-top: .55rem; font-size: 1.03rem; font-style: italic; }
.testimony-one { width: 80%; transform: rotate(-2deg); }
.testimony-two { width: 80%; margin-left: auto; transform: rotate(2.5deg); }
.red-thread { position: absolute; z-index: 3; left: 42%; top: 43%; width: 145px; height: 3px; background: #8d211dcc; transform: rotate(28deg); box-shadow: 0 1px 2px #0004; }
.red-thread::before, .red-thread::after { content: ""; position: absolute; top: -6px; width: 14px; height: 14px; border-radius: 50%; background: #7b1c18; box-shadow: 0 2px 3px #0005; }
.red-thread::before { left: -4px; }
.red-thread::after { right: -4px; }
.pencil-note { margin: 2rem 0 0 1.2rem; color: #4f4434; font: italic 1rem/1.2 "Brush Script MT", "Segoe Script", cursive; transform: rotate(-2deg); }
.brick-stamp { position: absolute; right: 1.3rem; bottom: 1.3rem; padding: .5rem .7rem; border: 3px double rgba(119,35,29,.55); color: rgba(119,35,29,.63); font: 800 .55rem/1.2 Arial, sans-serif; letter-spacing: .12em; text-align: center; transform: rotate(-7deg); }

.info-band { max-width: var(--max); min-height: 205px; margin-inline: auto; display: grid; grid-template-columns: minmax(50px, 1fr) minmax(0, 900px) minmax(50px, 1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; padding: 2.5rem clamp(1.5rem, 4vw, 4.5rem); background: radial-gradient(circle at center, #221c13, #0b0c0a 72%); border-block: 1px solid #46381f; }
.band-line { height: 1px; background: #8a672c; }
.info-band blockquote { margin: 0; text-align: center; }
.info-band p { margin: 0; color: var(--gold-light); font-size: clamp(1.55rem, 2.6vw, 2.75rem); line-height: 1.1; font-style: italic; }
.info-band cite { display: block; margin-top: 1rem; color: #ddd1ba; font: 700 .72rem Arial, sans-serif; font-style: normal; letter-spacing: .17em; text-transform: uppercase; }
.site-footer { max-width: var(--max); min-height: 94px; margin-inline: auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; padding: 1.2rem clamp(1.5rem, 4vw, 4rem); background: #050606; color: #cfc5b3; font-size: .78rem; }
.footer-signature { color: var(--gold-light); font: italic 2rem/1 "Brush Script MT", cursive; }
.site-footer p { margin: 0; }
.site-footer nav { justify-self: end; display: flex; gap: 1.5rem; }
.site-footer nav a { text-transform: uppercase; text-decoration: none; font: 700 .64rem Arial, sans-serif; letter-spacing: .12em; }
.site-footer nav a:hover, .site-footer nav a:focus-visible { color: var(--gold-light); }

@media (max-width: 1180px) {
  .brand-name strong { font-size: 1.08rem; }
  .site-header nav { gap: 1.15rem; }
  .site-header nav a { font-size: .68rem; }
  .newsstand { display:block; min-height:0; }
  .newsstand::before { background:linear-gradient(90deg,rgba(3,4,3,.94),rgba(3,4,3,.74) 35%,rgba(3,4,3,.2) 67%),linear-gradient(180deg,transparent 44%,rgba(0,0,0,.8) 76%); }
  .hero-copy { width: 62%; min-height:520px; padding:5.5rem 1rem 4rem clamp(2rem,5vw,4.5rem); }
  .hero-copy h1 span { font-size:clamp(2.7rem,5.5vw,4.3rem); }
  .hero-copy h1 strong { font-size:clamp(3rem,6vw,4.7rem); }
  .rack-wrap { margin:0; padding:58px clamp(1.5rem,4vw,4rem) 44px; background:linear-gradient(180deg,rgba(7,8,6,.2),rgba(7,8,6,.9)); border-top:1px solid rgba(199,149,53,.2); }
  .case-rack { grid-template-columns:1.12fr repeat(4,1fr); max-width:1050px; gap:.65rem; }
  .world-labels { opacity: .35; }
  .case-rack { gap: .65rem; }
  .cover { min-height: 190px; }
  .cover h2 { font-size:clamp(1.05rem,1.55vw,1.45rem); }
}

@media (max-width: 900px) {
  .site-header { min-height: 72px; }
  .brand-divider, .brand-name { display: none; }
  .site-header nav { display: none; position: absolute; left: 0; right: 0; top: 100%; padding: 1.2rem 1.5rem; background: #070a0c; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #8a641f; }
  .site-header nav.open { display: flex; }
  .site-header nav a.active::after { display: none; }
  .nav-toggle { display: block; }
  .stand-depth { background-position: 42% top; }
  .newsstand::before { background: linear-gradient(180deg, rgba(4,5,4,.9), rgba(4,5,4,.58) 41%, rgba(4,5,4,.28) 55%, rgba(0,0,0,.9) 76%); }
  .stand-sign { right: 5%; top: 24px; }
  .world-labels { top: 335px; right: 3%; width: 56%; opacity: .28; }
  .desk-ephemera, .coffee, .cleftjaw-note { display: none; }
  .hero-copy { width: 100%; min-height: 490px; padding: 4rem 2rem 3.2rem; }
  .breadcrumb { margin-bottom: 2rem; }
  .case-rack { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 650px; gap: 1.35rem; }
  .case.featured { grid-column: 1 / -1; width: 52%; justify-self: center; }
  .cover { min-height: 275px; }
  .cover h2 { font-size: clamp(1.55rem, 4vw, 2.1rem); }
  .rail-top { top: 43%; }
  .about-brick { grid-template-columns: 1fr; }
  .contradiction-file { width: min(600px, 100%); margin-inline: auto; }
}

@media (max-width: 590px) {
  .site-header { padding-inline: 1rem; }
  .bmax { font-size: 2.25rem; }
  .stand-depth { background-position: 40% top; }
  .stand-sign { top: 18px; right: 50%; transform: translateX(50%) rotate(-.8deg); white-space: nowrap; }
  .world-labels { display: none; }
  .hero-copy { min-height: 535px; padding: 5.4rem 1.15rem 2.5rem; }
  .hero-copy h1 span { font-size: clamp(2.45rem, 12vw, 3.5rem); }
  .hero-copy h1 strong { font-size: clamp(2.75rem, 13.4vw, 3.9rem); }
  .supporting { font-size: 1.12rem; }
  .rack-wrap { padding-inline: .85rem; }
  .case-rack { grid-template-columns: 1fr; max-width: 330px; gap: 1.6rem; }
  .case.featured { grid-column: auto; width: 100%; }
  .cover { min-height: 385px; }
  .cover h2 { font-size: 2.45rem; }
  .series, .author { font-size: .58rem; }
  .case-cta { min-height: 50px; font-size: .68rem; }
  .rack-rail { display: none; }
  .about-brick { padding-inline: 1.2rem; }
  .contradiction-file { min-height: 465px; padding-inline: 1rem; }
  .testimony-one, .testimony-two { width: 94%; }
  .red-thread { left: 31%; width: 130px; }
  .pencil-note { margin-left: .4rem; }
  .info-band { grid-template-columns: 1fr; min-height: 240px; }
  .band-line { display: none; }
  .site-footer { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .site-footer nav { justify-self: center; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

@media (prefers-contrast: more) {
  .case-cta { border: 3px solid #000; }
  .site-header { border-bottom-width: 3px; }
}