/* Grimbly's: a different world from Brineholme, on purpose. A dark shop at the wrong end of an alley: night
   teal, brass, ember, and bone, fenced into its own page so the two looks never share a frame. It matches
   grimblys.com. Loaded on /grimblys/ only. Text colors are chosen for 4.5:1 on #0B1215. */
.page-grimblys { background: #0B1215; color: #DED4BE; }
.page-grimblys main { padding-top: 6.5rem; background: radial-gradient(ellipse 120% 50% at 50% 0%, rgba(95, 176, 170, 0.13), transparent 70%), #0B1215; }
.page-grimblys .bar__inner { background: #05090B; }
.page-grimblys main h1, .page-grimblys main h2, .page-grimblys main h3 { font-family: var(--display, "Cinzel", serif); font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; }
.page-grimblys main h1 { font-size: clamp(2.6rem, 7vw, 5.2rem); line-height: 0.95; background: linear-gradient(180deg, #F6E7B4 0%, #D9B96D 38%, #9A7631 58%, #E3C77F 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.page-grimblys .crate__sub { font: 600 clamp(0.95rem, 2.2vw, 1.3rem)/1.3 var(--display, "Cinzel", serif); text-transform: uppercase; letter-spacing: 0.2em; color: #C9A45C; margin: 0.6rem 0 1.2rem; }
.page-grimblys main h2 { color: #F1DCA0; font-size: clamp(1.7rem, 3.6vw, 2.6rem); }
.page-grimblys main h3 { color: #C9A45C; font-size: 1.05rem; letter-spacing: 0.1em; }
.page-grimblys main a { color: #C9A45C; }

.crate, .bet, .builder { max-width: 84rem; margin: 0 auto; padding: clamp(2rem, 5vw, 4rem) var(--gutter); }
.crate, .builder { display: grid; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; }
@media (min-width: 64rem) { .crate { grid-template-columns: 2fr 3fr; } .builder { grid-template-columns: 3fr 2fr; } }
.crate__label { display: inline-block; color: #F1DCA0; font: 600 0.8rem/1 var(--display, "Cinzel", serif); letter-spacing: 0.16em; text-transform: uppercase; padding: 0.6rem 0.9rem; border: 1px solid #C9A45C; margin-bottom: 1.4rem; }
.crate__lede { font-size: 1.3rem; line-height: 1.5; }
.crate__small { font-style: italic; color: #E58A45; }
.crate__art, .builder__art { margin: 0; }
.crate__art img, .builder__art img { border: 1px solid #3D565C; box-shadow: 0 24px 50px -20px #000; }
.crate__art figcaption, .builder__art figcaption { margin-top: 1rem; font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase; color: #9FA89F; }

.bet__list li { background: #142227; border: 1px solid #2B4047; border-top: 2px solid #8A6A2C; padding: 1.5rem; box-shadow: 0 18px 40px -18px #000; }
.bet__list p, .builder__copy p { line-height: 1.55; }
.page-grimblys .builder__facts div { border-top: 1px solid #2B4047; }
.page-grimblys .builder__facts dt { font: 600 0.74rem/1.9 var(--display, "Cinzel", serif); letter-spacing: 0.14em; color: #C9A45C; }
/* The closing Keeper's List block and the footer keep the studio's own voice on every page. */
.page-grimblys .keep, .page-grimblys .foot { font-family: var(--body); }