/* ---- crown (Crown — Hats & blocking 56) -------------------------------------
   THE STRUCTURAL MOVE: the block directly under the hero sets its running text
   as three equal newspaper columns, each column capped by its own hairline
   oxblood rule. The shop renderer emits a richtext body as ONE <p>, so the
   rules are drawn as a repeating gradient across the top of that paragraph —
   the period is one column plus one gutter, which lands a segment over each
   column and nothing in the gaps. It is the only three-column type block in the
   set and it is why the catalogue can wait until the sixth section.
   Oxblood is rationed to exactly three appearances: the hero ghost button on
   hover, those column rules, and the wash over the numerals band. Everything
   else is bone paper and ink. Targeting is by CLASS throughout — the split
   about block renders as .sc-about-split, so .sc-richtext reaches only the
   newspaper block and no :nth-of-type is needed anywhere. */
body.t-crown { --sf-serif: 'Fraunces', Georgia, 'Times New Roman', serif; background: #f6f3ee; color: #16150f; }
body.t-crown .sf-header, body.t-crown .sf-footer { background: #f6f3ee; border-color: #ddd6cb; }

/* full viewport, copy locked dead centre, light vignette at the bottom only */
body.t-crown .sc-hero { min-height: 100vh; padding: 120px 20px; box-shadow: inset 0 -180px 170px -110px rgba(0, 0, 0, 0.6); }
body.t-crown .sc-hero h1 { font-family: var(--sf-serif); font-weight: 400; font-size: clamp(38px, 6.4vw, 76px); line-height: 1.02; letter-spacing: -0.02em; }
body.t-crown .sc-hero .btn.brand.sc-hero-ghost:hover { background: #6e2733; border-color: #6e2733; color: #f6f3ee; } /* oxblood 1 of 3 */
body.t-crown .sc-h2 { font-family: var(--sf-serif); font-weight: 400; font-size: clamp(19px, 2.3vw, 26px); letter-spacing: -0.01em; margin-bottom: 28px; }

/* the newspaper block — wider measure than the shared richtext, ragged left */
body.t-crown .sc-richtext { max-width: 1000px; padding: 96px 20px 70px; }
body.t-crown .sc-richtext p {
  --crn-gap: 40px;
  --crn-col: calc((100% - (var(--crn-gap) * 2)) / 3);
  column-count: 3;
  column-gap: var(--crn-gap);
  text-align: left;
  font-size: 15px;
  line-height: 1.78;
  color: #3b382f;
  padding-top: 16px;
  background-image: repeating-linear-gradient(to right, #6e2733 0, #6e2733 var(--crn-col), transparent var(--crn-col), transparent calc(var(--crn-col) + var(--crn-gap))); /* oxblood 2 of 3 */
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left top;
}
@media (max-width: 820px) {
  body.t-crown .sc-richtext p { --crn-col: 100%; column-count: 1; }
  body.t-crown .sc-strip-row { grid-template-columns: 1fr 1fr; }
}

/* one row of four squares, gapless, labels flush left underneath */
body.t-crown .sc-strip-row { grid-template-columns: repeat(4, 1fr); gap: 0; }
body.t-crown .sc-strip-img { border: 0; border-radius: 0; }
body.t-crown .sc-strip-label { text-align: left; text-transform: uppercase; letter-spacing: 0.16em; font-size: 10.5px; font-weight: 700; margin-top: 10px; }

/* 50/50 with zero gutter — motto left, the bolt of felt flush to the right edge */
body.t-crown .sc-about-split { grid-template-columns: 1fr 1fr; gap: 0; padding: 84px 0 84px 20px; }
body.t-crown .sc-about-media { order: 2; }
body.t-crown .sc-about-media img { aspect-ratio: 3 / 4; border-radius: 0; }
body.t-crown .sc-about-copy { padding-right: clamp(26px, 5vw, 64px); }
body.t-crown .sc-about-split .sc-h2 { font-size: clamp(30px, 4.8vw, 58px); line-height: 1.04; max-width: 15ch; margin-bottom: 20px; }

/* the one full-bleed band: numerals set inline in the sentence, no button */
body.t-crown .sc-banner { min-height: 48vh; display: flex; align-items: center; box-shadow: inset 0 0 0 100vmax rgba(110, 39, 51, 0.44); } /* oxblood 3 of 3 */
body.t-crown .sc-banner h2 { font-family: var(--sf-serif); font-weight: 400; font-variant-numeric: tabular-nums; font-size: clamp(27px, 4.2vw, 50px); }

/* six hats, contained rather than edge to edge, alternating scale row to row */
body.t-crown .sc-lookbook { max-width: 1080px; margin: 0 auto; }
body.t-crown .sc-look-row:nth-child(even) .sc-look-media img { aspect-ratio: 1; }
body.t-crown .sc-look-cat { color: #6d6759; letter-spacing: 0.2em; font-size: 10px; }
body.t-crown .btn.brand { background: #16150f; border-color: #16150f; color: #f6f3ee; border-radius: 0; box-shadow: none; text-transform: uppercase; letter-spacing: 0.16em; font-size: 11px; font-weight: 700; padding: 14px 28px; }

/* the page ends looking like a footer: address left, a narrow field row under it */
body.t-crown .sc-contact-band { background: #16150f; color: #efe9de; padding: 84px 0 96px; }
body.t-crown .sc-contact-band-inner { max-width: 900px; text-align: left; }
body.t-crown .sc-contact-band .sc-contact-sub { color: #bdb4a4; max-width: 58ch; margin-bottom: 30px; }
body.t-crown .sc-contact-band .sc-contact-form { max-width: 400px; }

/* night — the same bone shop after closing: warm near-black ground, type down
   to bone-grey, oxblood lifted so the three column rules still read on it */
html[data-theme="dark"] body.t-crown { background: #14130f; color: #cfc6b8; }
html[data-theme="dark"] body.t-crown .sf-header, html[data-theme="dark"] body.t-crown .sf-footer { background: #14130f; border-color: #2b2921; }
html[data-theme="dark"] body.t-crown .sc-richtext p { color: #b6ada0; background-image: repeating-linear-gradient(to right, #93384a 0, #93384a var(--crn-col), transparent var(--crn-col), transparent calc(var(--crn-col) + var(--crn-gap))); }
html[data-theme="dark"] body.t-crown .sc-look-t, html[data-theme="dark"] body.t-crown .sc-look-desc, html[data-theme="dark"] body.t-crown .sc-look-p, html[data-theme="dark"] body.t-crown .sc-about-copy p { color: #cfc6b8; }
html[data-theme="dark"] body.t-crown .sc-look-cat { color: #93384a; }
html[data-theme="dark"] body.t-crown .btn.brand:not(.sc-hero-ghost) { background: #cfc6b8; border-color: #cfc6b8; color: #14130f; }
html[data-theme="dark"] body.t-crown .sc-contact-band { background: #1e1c16; }