/* 2026-10-30: colour changed to the logo primary #002436 (DIC 435, crew.15_logo.ai). */
/* 2026-10-20 R24: the company indigo (#002436, design.md §4) is the primary colour (user: 「プライマリカラーが黒になっている？…この色にかえてほしい。特にロゴ」).
   Indigo goes on the logo and wordmarks, headings, text links and selected states. Body text and rules stay --ink.
   Brand pages (body.p03-*) and the TOURTEE block on the top page keep their own colours; only the shared header/footer change there. */
.brand span { color:#002436 }
.footer-wordmark { display:flex; align-items:center; gap:.2em; color:#002436 }
.footer-wordmark img { flex:none; width:.8em; height:auto }
#hero .h17-sentence { color:#002436 }
/* 2026-11-02 (user: 「サンプルについては…ご相談いただけますぐらいのスタンスで書いておくのがいいかな、ちっちゃく」): a quiet line under the order steps.
   It rides on the list as an attribute so the brand pages' CMS slot numbers stay as they are. */
[data-sample-note]::after { content:attr(data-sample-note); display:block; grid-column:1 / -1; flex-basis:100%; margin-top:18px; font-size:12px; line-height:1.8; letter-spacing:.04em; color:var(--muted,#6f6f6f) }
/* 2026-11-02 (user: 「プライマリで.aiのデータもらったでしょ 全ページそれにとういつしないと」): the typed serif "CREW.15" beside the
   mark is replaced by the wordmark drawn in crew.15_logo.ai. Its height follows the official stacked logo: about a third of the mark. */
.brand img.brand-wordmark { width:auto; height:15px }
.footer-wordmark img.footer-wordmark-text { width:auto; height:.27em; margin-left:.06em }
#catalog .company-surface .wordmark img { display:block; width:auto; height:26px }
@media (min-width:761px) { #catalog .company-surface .wordmark img { height:34px } }
@media (max-width:1190px) { .brand img.brand-wordmark { height:13.5px } }
@media (max-width:1020px) { .brand img.brand-wordmark { height:11.5px } }
@media (max-width:760px) { .brand img.brand-wordmark { height:10.5px } }
/* 2026-10-20 R24-5 (user: 「プライマリカラーの使い方に少し違和感」→ 推奨で): indigo only where it marks the company or an action.
   Indigo: logo and wordmarks, the hero sentence, the large English titles (h1, the top page's English h2, .section-en), buttons, text links, selected and focus.
   Ink: Japanese headings (h2, h3), the Japanese line under titles, the Japanese part of English titles, step numbers. This replaces R24-4. */
body:not([class*="p03-"]) main :is(h1,h2):not(.tourtee-logo,[data-section="tourtee"] *) { color:var(--ink,#141414) }
body:not([class*="p03-"]) main :is(h1,#brands-title,#news-title,#catalog-title,#instagram-title):not([data-section="tourtee"] *) { color:#002436 }
body:not([class*="p03-"]) main :is(h1,h2) span:not(.h17-word,.h17-phrase) { color:var(--ink,#141414) }
body:not([class*="p03-"]) main .step-number { color:var(--ink,#141414) }
body:not([class*="p03-"]) main :is(.text-link,.all-link):not([data-section="tourtee"] *) { color:#002436 }
.contact-r22 .kind-options input:checked+span { background:#002436; border-color:#002436 }
.viewer-r22 .turn:not(:disabled):hover { background:#002436 }
/* 2026-10-20 R24-2 (user: these were still black): the English section labels on lower pages and the CREW.15 wordmark under the logo in the top catalog block. */
body:not([class*="p03-"]) main .section-en { color:#002436 }
#catalog .wordmark { color:#002436 }
/* 2026-10-20 R24-3 (user: 「フッターヘッダーもTOPのものすべてのページに踏襲」): every page uses the top page's footer.
   The header was already identical; these are the top page's (P01/adopted.css) footer values, which override site-a.css (oc-footer). */
.footer-wordmark { font:400 clamp(70px,12vw,160px)/1 var(--serif); letter-spacing:-.035em; font-variant-numeric:lining-nums tabular-nums }
.footer-details { margin-top:56px }
.footer-link, .footer-link:is(*) { font-size:12px; letter-spacing:normal }
.site-footer .company p { font-size:13px; line-height:2 }
@media (max-width:760px) { .footer-link { font-size:12px; letter-spacing:normal } }