/* Supporting routes for The Collection campaign. Homepage styles stay independent. */
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) {
  --bg:#e6e9ea; --surface:#d9dfe2; --raised:#f5f7f8;
  --text:#1b2023; --muted:#52616a; --line:#b7c2c9; --control-line:#9aaab4;
  --accent:#b62535; --action:#b62535; --action-hover:#941b2b; --on-action:#fff;
  --display:'SOuL Text','SOuL Text Fallback',Arial,sans-serif;
  --body:'SOuL Text','SOuL Text Fallback',Arial,sans-serif;
  background:var(--bg); font:400 16px/1.6 var(--body); color:var(--text);
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) :is(h1,h2,h3) {
  font-family:var(--display); font-weight:400; letter-spacing:-.045em; line-height:1.02;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .container {
  width:min(1400px,calc(100% - 96px));
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header {
  position:fixed; top:18px; left:50%; transform:translateX(-50%); z-index:40;
  margin:0; min-height:72px; padding:12px 20px; gap:26px;
  border:1px solid #ffffffb0; border-radius:14px; color:#1b2023;
  background:#eef1f2df; box-shadow:inset 0 1px 0 #ffffffc2,0 12px 35px #1a303312;
  -webkit-backdrop-filter:blur(22px) saturate(1.12); backdrop-filter:blur(22px) saturate(1.12);
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .brand-wordmark {
  width:170px;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header nav {
  flex-basis:auto; order:initial; width:auto; margin:0 0 0 auto; gap:10px;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header nav a {
  font-size:14px; font-weight:500; min-height:44px; padding:8px 12px; color:#273137;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header nav a:is(:hover,.active) {
  color:var(--accent); background:#ffffff59;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .motion-toggle {
  font-size:14px; min-height:44px; color:var(--muted);
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) main {
  padding-top:145px; padding-bottom:65px;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .eyebrow {
  font-family:var(--body); font-weight:500; font-size:14px; letter-spacing:.09em;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .button {
  min-height:48px; font-size:16px; font-weight:500; border-radius:7px;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) :is(.text-button,.text-link) {
  font-family:var(--body); font-size:16px; font-weight:400; min-height:44px;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) :is(.site-footer,.collection-bottom) {
  font-family:var(--body); font-size:14px;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-footer {
  border-top:1px solid var(--line); padding-block:30px;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .footer-copy {
  font-size:14px; color:var(--muted);
}

/* The registry repeats the campaign's editorial photography and chapter rhythm. */
body[data-page="collection"] .vault-title-row { gap:60px; margin:0 0 40px; }
body[data-page="collection"] .vault-title-row h1 {
  font-size:clamp(75px,8.8vw,128px); line-height:.97; letter-spacing:-.055em;
}
body[data-page="collection"] .vault-title-row>p { font-size:18px; line-height:1.65; }
body[data-page="collection"] .soul-board {
  padding:28px 32px; margin:0; border:1px solid #64768055; border-radius:12px;
  background:linear-gradient(120deg,#252d31,#303b42); color:#f4f7f9;
}
body[data-page="collection"] .soul-stat { gap:25px; }
body[data-page="collection"] .soul-stat+.soul-stat { border-color:#80919c55; }
body[data-page="collection"] .soul-stat>strong { font:400 72px/1 var(--display); letter-spacing:-.05em; }
body[data-page="collection"] .soul-stat>span { font-size:17px; }
body[data-page="collection"] .soul-stat small { font-size:14px; color:#b8c7d0; }
body[data-page="collection"] .soul-stat>strong small { font-size:24px; }
body[data-page="collection"] .vault-section { padding-top:40px; }
body[data-page="collection"] .archive-gallery-head { padding:0 0 32px; }
body[data-page="collection"] .archive-gallery-head h2 { font-size:clamp(40px,4.1vw,62px); }
body[data-page="collection"] .archive-gallery-head>p { font-size:14px; }
body[data-page="collection"] :is(.archive-search-label,.archive-status-key,.collection-status) { font-size:14px; }
body[data-page="collection"] .vault-search input {
  font-family:var(--body); font-size:16px; background:#f6f8f9; border-color:#adbbc4; border-radius:7px;
}
body[data-page="collection"] .capture-grid { gap:35px 25px; }
body[data-page="collection"] .capture-card {
  padding:18px 0 0; border:0; border-top:1px solid #a0afb8; border-radius:0;
  background:transparent; box-shadow:none;
}
body[data-page="collection"] .capture-card-top { font-size:14px; margin-bottom:14px; }
body[data-page="collection"] .capture-identity { display:block; }
body[data-page="collection"] .capture-avatar {
  width:100%; height:auto; aspect-ratio:1.35; object-fit:cover; object-position:50% 30%;
  border-radius:4px; background:#c2ccd2; font-family:var(--display); font-weight:400;
}
body[data-page="collection"] span.capture-avatar { min-height:200px; }
body[data-page="collection"] .capture-card .capture-identity h3 {
  font-size:34px; margin-top:15px; line-height:1.08;
}
body[data-page="collection"] .capture-handle { display:inline-flex; align-items:center; font-size:14px; min-height:44px; margin-top:0; }
body[data-page="collection"] .capture-comment { font-size:16px; padding:10px 0 22px; }
body[data-page="collection"] .capture-card>.kol-tweet {
  font-family:var(--body); font-size:16px; font-weight:500; min-height:46px;
  border-radius:5px; background:#242d32; border-color:#242d32; color:#fff;
}
body[data-page="collection"] .capture-card>.kol-tweet:hover { background:var(--action); border-color:var(--action); }
body[data-page="collection"] :is(.capture-bottom,.capture-proof,.capture-card .kol-poster) { font-size:14px; }
body[data-page="collection"] .capture-card .kol-poster { display:inline-flex; align-items:center; min-height:44px; }
body[data-page="collection"] .archive-proof>summary { font-size:16px; min-height:62px; }
body[data-page="collection"] .archive-proof-steps h3 { font-size:29px; }
body[data-page="collection"] .archive-proof-steps p { font-size:16px; }
body[data-page="collection"] .archive-empty-preview { font-size:16px; }

/* Shareable acquisition file: one photograph, one name, one invitation. */
body[data-page="poster"] .poster-main>.eyebrow { color:var(--muted); }
body[data-page="poster"] .poster-card {
  grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr); gap:0; align-items:stretch;
  border:1px solid #73879233; border-radius:12px; padding:0; overflow:hidden;
  background:#252e33; color:#f5f7f9;
}
body[data-page="poster"] .poster-portrait {
  width:100%; height:100%; min-height:390px; aspect-ratio:1; border-radius:0; object-fit:cover;
}
body[data-page="poster"] .poster-card>div { padding:42px; }
body[data-page="poster"] .poster-card:not(:has(.poster-portrait)) { grid-template-columns:1fr; }
body[data-page="poster"] .poster-card h1 { font-size:clamp(50px,5.8vw,92px); line-height:1.02; letter-spacing:-.055em; }
body[data-page="poster"] .poster-handle { color:#f07885; font-size:16px; }
body[data-page="poster"] .poster-roast { font-size:18px; color:#d8e0e5; }
body[data-page="poster"] .poster-state {
  font-size:16px; line-height:1.7; color:#bdcbd4; padding-top:22px; border-top:1px solid #73879255;
}
body[data-page="poster"] .poster-state strong { color:#ff9ba6; }
body[data-page="poster"] .poster-actions { gap:12px; margin-top:28px; }
body[data-page="poster"] .poster-actions .button-outline { color:#f5f7f9; border-color:#91a3ae; }
body[data-page="poster"] .poster-fineprint { font-size:16px; line-height:1.7; max-width:80ch; }

/* Disclosure is a reading surface, with the same calm typography and palette. */
body[data-page="disclosure"] .disclosure-heading h1 {
  font-size:clamp(65px,8.8vw,128px); margin-top:20px; letter-spacing:-.06em;
}
body[data-page="disclosure"] .disclosure-heading>p { font-size:18px; max-width:57ch; margin-top:24px; }
body[data-page="disclosure"] .disclosure-grid { gap:42px 50px; margin-top:55px; }
body[data-page="disclosure"] .disclosure-grid>article {
  border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; padding:24px 0 0;
}
body[data-page="disclosure"] .disclosure-grid h2 { font-size:32px; line-height:1.12; margin-bottom:24px; }
body[data-page="disclosure"] .disclosure-grid :is(p,li,dd) { font-size:16px; line-height:1.7; }
body[data-page="disclosure"] .disclosure-grid dt { font-size:14px; letter-spacing:.03em; }
body[data-page="disclosure"] .disclosure-grid :is(dd small,.disclosure-fine) { font-size:16px; }

@media(max-width:1000px) {
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .container { width:calc(100% - 56px); }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header { padding:10px 16px; gap:14px; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header nav { gap:0; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header nav a { font-size:14px; padding-inline:8px; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .motion-toggle { display:none; }
  body[data-page="collection"] .vault-title-row { gap:35px; }
  body[data-page="collection"] .capture-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-page="poster"] .poster-card>div { padding:30px; }
  body[data-page="poster"] .poster-card h1 { font-size:62px; }
}
@media(max-width:650px) {
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .container { width:calc(100% - 36px); }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header {
    top:12px; width:calc(100% - 24px); min-height:100px; padding:9px 12px 4px; flex-wrap:wrap; gap:0;
  }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .brand-wordmark { width:144px; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header nav {
    order:3; width:100%; flex-basis:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px;
    margin-top:3px;
  }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header nav a {
    justify-content:center; padding:6px 2px; text-align:center; font-size:14px; line-height:1.25;
  }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) main { padding-top:145px; padding-bottom:45px; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .eyebrow { font-size:14px; letter-spacing:.06em; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-footer { gap:24px; }
  body[data-page="collection"] .vault-title-row { display:block; margin-bottom:30px; }
  body[data-page="collection"] .vault-title-row h1 { font-size:clamp(64px,16vw,96px); }
  body[data-page="collection"] .vault-title-row>p { font-size:16px; margin-top:25px; }
  body[data-page="collection"] .soul-board { grid-template-columns:1fr; padding:0 22px; }
  body[data-page="collection"] .soul-stat { padding:23px 0; }
  body[data-page="collection"] .soul-stat+.soul-stat { padding-left:0; border-left:0; border-top:1px solid #80919c55; }
  body[data-page="collection"] .soul-stat>strong { font-size:64px; min-width:88px; }
  body[data-page="collection"] .soul-stat>span { font-size:16px; }
  body[data-page="collection"] .vault-controls { display:block; }
  body[data-page="collection"] .archive-status-key { margin-top:18px; }
  body[data-page="collection"] .capture-grid { grid-template-columns:1fr; gap:35px; }
  body[data-page="collection"] .capture-card .capture-identity h3 { font-size:34px; }
  body[data-page="collection"] .archive-gallery-head h2 { font-size:38px; }
  body[data-page="collection"] .archive-proof-steps { grid-template-columns:1fr; }
  body[data-page="poster"] .poster-card { grid-template-columns:1fr; }
  body[data-page="poster"] .poster-portrait { height:auto; min-height:0; aspect-ratio:1.2; }
  body[data-page="poster"] .poster-card>div { padding:25px; }
  body[data-page="poster"] .poster-card h1 { font-size:clamp(42px,12vw,68px); }
  body[data-page="poster"] .poster-roast { font-size:16px; }
  body[data-page="poster"] .poster-actions .button { width:100%; justify-content:center; }
  body[data-page="disclosure"] .disclosure-heading h1 { font-size:clamp(52px,14vw,90px); }
  body[data-page="disclosure"] .disclosure-heading>p { font-size:16px; }
  body[data-page="disclosure"] .disclosure-grid { grid-template-columns:1fr; gap:32px; margin-top:38px; }
  body[data-page="disclosure"] .disclosure-grid h2 { font-size:29px; }
  body[data-page="disclosure"] .disclosure-grid dl>div { grid-template-columns:1fr; gap:4px; }
}

/* Polish shared navigation and the fixed header's anchor clearance. */
html:has(body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"])) { scroll-padding-top:118px; }
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header nav a { font-size:14px; }
@media (max-width:600px) {
  html:has(body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"])) { scroll-padding-top:126px; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header nav a { font-size:14px; }
}

/* The same enlarged red identity on every navigation bar. */
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .wordmark { color:#bd2332; }
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .brand-wordmark { width:200px; }
@media (max-width:600px) {
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .brand-wordmark { width:172px; }
}

/* Keep inherited archive, footer and support copy readable at every breakpoint. */
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) :is(.meta,.social-links,.footer-links,.footer-copy>span,.window-bar,.fineprint) {
  font-size:14px; line-height:1.6;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .footer-links .text-button {
  font-size:14px;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .footer-copy p {
  font-size:16px; line-height:1.6;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) :is(.dialog-body .muted,.support-conversation,.support-exchange) {
  font-size:16px; line-height:1.65;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .support-options button {
  font-size:14px; line-height:1.5;
}
body[data-page="collection"] :is(.holder-membership-copy,.holder-membership,.holder-identity-proof,.holder-wallet>code,.snapshot-stale,.rule-id) {
  font-size:14px; line-height:1.6;
}
body[data-page="collection"] :is(.empty-copy>p,.empty-terminal,.copy-aside,.archive-proof .archive-disclaimer) {
  font-size:16px; line-height:1.65;
}
body[data-page="collection"] .collection-bottom :is(.button,.text-link) { font-size:16px; }
body[data-page="disclosure"] .disclosure-grid dd code { font-size:14px; line-height:1.6; }

/* Give the red face its own scale; the lettering follows the header ink. */
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .wordmark {
  display:flex; align-items:center; gap:12px; width:auto; min-width:0; flex-shrink:0; color:inherit;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .brand-symbol {
  display:block; width:52px; height:52px; flex:none; color:#bd2332;
}
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .brand-wordmark {
  width:124px; height:auto; flex:none;
}
@media (max-width:650px) {
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .wordmark { gap:10px; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .brand-symbol { width:44px; height:44px; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .brand-wordmark { width:110px; }
}

body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-footer { flex-wrap:wrap; }
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-footer>.social-links { flex-basis:100%; width:100%; font-size:14px; }
@media (max-width:1000px) {
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header>.social-links { display:none; }
}

/* Compact supporting navigation preserves the brand and a reachable Pause. */
.supporting-menu-toggle { display:none; }
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .wordmark { min-height:44px; }
body[data-page] .site-footer a { min-height:44px; display:inline-flex; align-items:center; }
.holder-wallet>a,.capture-proof,.capture-bottom>a { min-height:44px; display:inline-flex; align-items:center; }
.x-social { min-width:44px; justify-content:center; }
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .motion-toggle { display:inline-flex; min-width:44px; flex:none; }
html:has(body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"])) { scroll-padding-top:var(--header-clearance,118px); }
body[data-page="collection"] .soul-stat>strong { color:#f4f7f9; }
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) :is(h1,h2,h3,.capture-identity,.holder-owner,.vault-search,.footer-copy) { min-width:0; overflow-wrap:anywhere; }
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) :is(.capture-bottom,.holding-balance,.collection-bottom,.site-footer,.archive-status-key) { flex-wrap:wrap; }
body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) :is(.holder-owner>a,.kol-source-links a,.capture-card .kol-poster,.poster-fineprint>a) { display:inline-flex; align-items:center; min-height:44px; }
html.motions-paused *, html.motions-paused *::before, html.motions-paused *::after { animation-play-state:paused!important; transition:none!important; }
@media(max-width:1150px) {
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .motion-toggle { font-size:0!important; padding:0!important; width:44px; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .motion-toggle::before { content:'Ⅱ'; font-size:20px; line-height:1; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header .motion-toggle[aria-pressed=true]::before { content:'▶'; font-size:16px; }
}
@media(max-width:650px) {
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header { flex-wrap:nowrap; min-height:64px; gap:10px; padding:9px 10px; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .supporting-menu-toggle { display:inline-flex; min-width:44px; min-height:44px; margin-left:auto; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header nav { display:none; position:absolute; top:calc(100% + 8px); left:0; width:100%; margin:0; padding:10px; grid-template-columns:1fr; background:#eef1f2; border:1px solid #b7c2c9; border-radius:10px; box-shadow:0 12px 30px #1a303312; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header:has([data-navigation-toggle][aria-expanded=true]) nav { display:grid; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header nav a { justify-content:flex-start; padding:10px; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) main { padding-top:max(118px,calc(var(--header-clearance,90px) + 20px)); }
  body[data-page="collection"] .archive-status-key { white-space:normal; }
}
@media(max-height:500px) {
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) .site-header { position:relative; top:auto; left:auto; transform:none; margin:12px auto; }
  body:is([data-page="collection"],[data-page="poster"],[data-page="disclosure"]) main { padding-top:30px; }
}
@media(forced-colors:active) {
  .x-icon { forced-color-adjust:none; background:LinkText; }
  [data-navigation-toggle],.motion-toggle { border:1px solid ButtonText; }
  .site-header nav [aria-current=page] { text-decoration:underline; }
}
