/* Yan Kayary | Music & Musical Direction — shared styles
   Palette taken from the terrace itself: iron lattice, canopy amber,
   candle glow, stone pillar, wicker. */
:root {
  --ink: #1C2420;          /* hierro / night foliage */
  --ink-soft: #3A4540;
  --stone: #E7E3DA;        /* columna de piedra */
  --stone-deep: #D8D2C5;
  --amber: #D9982E;        /* toldo */
  --amber-text: #8A5A10;   /* amber dark enough for text on stone */
  --glow: #F2D9A6;         /* vela */
  --wicker: #9C7A52;

  --bg: var(--stone);
  --surface: #F1EEE8;
  --text: var(--ink);
  --muted: #55605A;
  --line: rgba(28, 36, 32, .16);
  --accent: var(--amber-text);
  --btn-bg: var(--ink);
  --btn-text: #F4EFE4;

  --display: "Bodoni Moda", "Didot", "Bodoni 72", "Libre Bodoni", Georgia, serif;
  --text-font: "Hanken Grotesk", "Helvetica Neue", Arial, system-ui, sans-serif;
  --measure: 38rem;
  --gutter: clamp(1.25rem, 5vw, 3.5rem);
  color-scheme: light;
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #161D1A; --surface: #1F2824; --text: #EDE7DB; --muted: #AEB4AC;
    --line: rgba(237, 231, 219, .16); --accent: #E7B15A;
    --btn-bg: #E7B15A; --btn-text: #1C2420; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #161D1A; --surface: #1F2824; --text: #EDE7DB; --muted: #AEB4AC;
  --line: rgba(237, 231, 219, .16); --accent: #E7B15A;
  --btn-bg: #E7B15A; --btn-text: #1C2420; color-scheme: dark;
}
*, *::before, *::after { box-sizing: inherit; }
html { scroll-padding-top: calc(env(safe-area-inset-top, 0px) + 4.5rem); -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--text);
  font-family: var(--text-font); font-size: 1.0625rem; line-height: 1.6;
  font-feature-settings: "kern", "liga";
}
img { max-width: 100%; display: block; height: auto; }
a { color: inherit; text-underline-offset: .18em; text-decoration-thickness: 1px; }
a:hover { color: var(--accent); }
:focus-visible { outline: 2px solid var(--amber); outline-offset: 3px; }
h1, h2, h3 { font-family: var(--display); font-weight: 500; line-height: 1.08; margin: 0; font-optical-sizing: auto; }
h1 { font-size: clamp(2.6rem, 9vw, 5.6rem); letter-spacing: -.01em; }
h2 { font-size: clamp(1.9rem, 5vw, 3rem); letter-spacing: -.012em; }
h2 + .lead, h2 + p { margin-top: 1rem; }
h3 { font-size: clamp(1.35rem, 3vw, 1.7rem); }
p { margin: 0 0 1em; max-width: var(--measure); }
.lead { font-size: clamp(1.15rem, 2.4vw, 1.35rem); line-height: 1.5; color: var(--muted); }
.wrap { width: 100%; max-width: 74rem; margin: 0 auto; padding: 0 var(--gutter); }
.section { padding: clamp(3.5rem, 9vw, 7rem) 0; }
.section + .section { border-top: 1px solid var(--line); }
.stack > * + * { margin-top: 1.25rem; }

/* Header */
body::before {
  content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px);
  z-index: 30; background: var(--bg);
}
.site-head {
  position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20;
  background: color-mix(in srgb, var(--bg) 92%, transparent);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
}
.site-head .wrap { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 4rem; }
.brand { text-decoration: none; display: flex; flex-direction: column; line-height: 1.1; }
.brand b { font-family: var(--display); font-weight: 600; font-size: 1.3rem; }
.brand span { font-size: .78rem; color: var(--muted); letter-spacing: .02em; }
.nav-toggle {
  font: inherit; font-size: .95rem; background: none; color: var(--text);
  border: 1px solid var(--line); border-radius: 999px; padding: .45rem 1rem; cursor: pointer;
}
.nav { display: none; }
.nav ul { list-style: none; margin: 0; padding: 0; }
.nav a { text-decoration: none; }
.nav a[aria-current="page"] { color: var(--accent); }
.nav-open .nav {
  display: block; position: absolute; left: 0; right: 0; top: 100%;
  background: var(--bg); border-bottom: 1px solid var(--line); padding: .5rem var(--gutter) 1.5rem;
  max-height: calc(100vh - 5rem); overflow-y: auto;
}
.nav-open .nav li a { display: block; padding: .7rem 0; font-family: var(--display); font-size: 1.45rem; border-bottom: 1px solid var(--line); }
@media (min-width: 1080px) {
  .nav-toggle { display: none; }
  .nav { display: block; }
  .nav ul { display: flex; gap: 1.35rem; }
  .nav a { font-size: .92rem; }
}

/* Buttons */
.actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.75rem; }
.btn {
  display: inline-flex; align-items: center; gap: .5rem; text-decoration: none;
  padding: .85rem 1.35rem; border-radius: 999px; font-weight: 600; font-size: .98rem;
  background: var(--btn-bg); color: var(--btn-text); border: 1px solid transparent;
}
.btn:hover { color: var(--btn-text); filter: brightness(1.08); }
.btn.ghost { background: transparent; color: inherit; border-color: currentColor; }
.btn.ghost:hover { color: inherit; background: color-mix(in srgb, currentColor 10%, transparent); }

/* Hero: photograph full bleed, text in an HTML layer, disclosure outside the photo */
.hero { position: relative; color: #F6F0E4; background: #11160F; }
.hero-media { position: relative; height: min(88vh, 54rem); min-height: 34rem; overflow: hidden; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: var(--pos, 50% 50%); }
.hero-media::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(10,14,12,.05) 30%, rgba(10,14,12,.78) 100%);
}
.hero-copy { position: absolute; inset: auto 0 0 0; z-index: 2; padding-bottom: clamp(2rem, 6vw, 4.5rem); }
@media (max-width: 899px) {
  .hero-media { height: 64vh; min-height: 22rem; max-height: 36rem; }
  .hero-media::after { background: linear-gradient(180deg, rgba(10,14,12,0) 70%, #11160F 100%); }
  .hero-copy { position: static; padding: .5rem 0 2.25rem; }
  .hero-copy h1 { font-size: clamp(2.6rem, 12vw, 3.6rem); }
}
@media (min-width: 900px) {
  .hero { --lead: max(var(--gutter), calc((100vw - 74rem) / 2 + var(--gutter))); display: grid; grid-template-columns: calc(var(--lead) + 25rem) 1fr; min-height: min(86vh, 52rem); }
  .hero-media { order: 2; height: auto; min-height: 100%; max-height: none; }
  .hero-media::after { background: linear-gradient(90deg, #11160F 0%, rgba(17,22,15,0) 14%); }
  .hero-copy { position: static; align-self: end; padding: 4rem 0 4.5rem; }
  .hero-copy .wrap { padding: 0 2.5rem 0 var(--lead); max-width: none; }
  .hero-copy h1 { font-size: clamp(3.2rem, 5vw, 4.8rem); }
}
.hero-copy h1 { max-width: 14ch; }
.hero-copy p { color: rgba(246,240,228,.9); font-size: clamp(1.1rem, 2.6vw, 1.4rem); line-height: 1.45; max-width: 32rem; margin-top: 1rem; }
.hero .btn { background: #F2D9A6; color: #1C2420; }
.hero .btn.ghost { background: transparent; color: #F6F0E4; border-color: rgba(246,240,228,.7); }
.disclosure {
  font-size: .82rem; line-height: 1.45; color: var(--muted);
  display: flex; gap: .55rem; align-items: baseline; margin-top: .6rem; max-width: 44rem;
}
.disclosure::before {
  content: "Concepto"; flex: none; font-weight: 700; font-size: .72rem; letter-spacing: .04em;
  border: 1px solid currentColor; border-radius: 4px; padding: .05rem .35rem;
}
.hero + .disclosure-bar { background: var(--surface); border-bottom: 1px solid var(--line); }
.disclosure-bar .disclosure { margin: 0; padding: .7rem 0; }

/* Page header (no photo) */
.page-head { padding: clamp(3.5rem, 10vw, 7rem) 0 clamp(2rem, 5vw, 3.5rem); }
.page-head h1 { max-width: 16ch; }
.page-head .lead { margin-top: 1.25rem; }

/* Format paths on home: editorial rows, not cards */
.paths { list-style: none; margin: 2.5rem 0 0; padding: 0; border-top: 1px solid var(--line); }
.paths a { display: grid; gap: .35rem 2rem; padding: 1.5rem 0; border-bottom: 1px solid var(--line); text-decoration: none; }
.paths h3 { transition: color .2s; }
.paths a:hover h3 { color: var(--accent); }
.paths p { color: var(--muted); margin: 0; }
@media (min-width: 760px) { .paths a { grid-template-columns: 22rem 1fr; align-items: baseline; } }

/* Videos */
.videos { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); margin-top: 2rem; }
.video { display: block; text-decoration: none; }
.video-frame {
  position: relative; aspect-ratio: 16 / 10; border-radius: 6px; overflow: hidden;
  background: radial-gradient(120% 90% at 30% 20%, #3A4A40 0%, #1C2420 60%, #121814 100%);
}
.video-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-frame .play {
  position: absolute; left: 1rem; bottom: 1rem; width: 3rem; height: 3rem; border-radius: 50%;
  background: #F2D9A6; display: grid; place-items: center; box-shadow: 0 6px 18px rgba(0,0,0,.35);
}
.video-frame .play::before { content: ""; margin-left: 4px; border-left: 14px solid #1C2420; border-top: 9px solid transparent; border-bottom: 9px solid transparent; }
.video-frame .fallback-title {
  position: absolute; left: 1rem; right: 1rem; top: 1rem; color: #EDE7DB;
  font-size: .85rem; font-weight: 600; opacity: .75;
}
.video h3 { font-size: 1.2rem; margin-top: .8rem; }
.video .meta { font-size: .9rem; color: var(--muted); margin: .2rem 0 0; }
.video:hover h3 { color: var(--accent); }
.real-tag { font-size: .78rem; font-weight: 700; color: var(--accent); margin: .15rem 0 0; }

/* Facts list (a real chronology) */
.timeline { list-style: none; padding: 0; margin: 2rem 0 0; border-left: 1px solid var(--line); }
.timeline li { padding: 0 0 1.6rem 1.5rem; position: relative; max-width: 42rem; }
.timeline li::before { content: ""; position: absolute; left: -5px; top: .55rem; width: 9px; height: 9px; border-radius: 50%; background: var(--amber); }
.timeline .when { font-family: var(--display); font-size: 1.15rem; display: block; }
.timeline p { margin: .2rem 0 0; color: var(--muted); }

.quote { margin: 3rem 0 0; padding: 0; max-width: 40rem; }
.quote p { font-family: var(--display); font-style: italic; font-size: clamp(1.4rem, 3.4vw, 2rem); line-height: 1.3; }
.quote footer { color: var(--muted); font-size: .92rem; }

/* Two-column text blocks */
.cols { display: grid; gap: 2.5rem; margin-top: 2.5rem; }
@media (min-width: 860px) { .cols { grid-template-columns: 1fr 1fr; gap: 4rem; } }
.cols h3 { margin-bottom: .6rem; }
.plain-list { margin: .5rem 0 0; padding-left: 1.1rem; }
.plain-list li { margin: .35rem 0; max-width: 36rem; }
.steps { counter-reset: s; list-style: none; padding: 0; margin: 1.5rem 0 0; }
.steps li { counter-increment: s; display: grid; grid-template-columns: 2.2rem 1fr; gap: .25rem; padding: .8rem 0; border-bottom: 1px solid var(--line); }
.steps li::before { content: counter(s); font-family: var(--display); font-size: 1.4rem; color: var(--accent); line-height: 1.2; }
.steps strong { display: block; }
.note { font-size: .92rem; color: var(--muted); border-left: 2px solid var(--amber); padding-left: 1rem; max-width: 40rem; }

/* Concept figures elsewhere on the site */
.figure { margin: 0; }
.figure img { border-radius: 6px; width: 100%; }
.figure figcaption { margin-top: .6rem; }
.concepts { display: grid; gap: 3.5rem; margin-top: 3rem; }
.concept { display: grid; gap: 1.25rem 3rem; align-items: center; }
@media (min-width: 900px) {
  .concept { grid-template-columns: 1.15fr 1fr; }
  .concept:nth-child(even) .figure { order: 2; }
}

/* ===== Brot: the day as a sequence. The page warms and darkens as the day goes on. ===== */
.day { margin: 0; padding: 0; list-style: none; }
.moment { padding: clamp(3.5rem, 9vw, 6.5rem) 0; }
.moment .wrap { display: grid; gap: 1.75rem 4rem; align-items: center; }
@media (min-width: 900px) {
  .moment .wrap { grid-template-columns: 1.1fr 1fr; }
  .moment:nth-child(even) .figure { order: 2; }
}
.moment .when { font-family: var(--display); font-style: italic; font-size: 1.25rem; display: block; margin-bottom: .4rem; }
.moment h3 { font-size: clamp(1.9rem, 4.6vw, 2.8rem); margin-bottom: 1rem; }
.moment .format { font-size: .95rem; margin-top: 1rem; }
.moment .listen { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid currentColor; border-color: color-mix(in srgb, currentColor 22%, transparent); }
.moment .listen p { font-size: .92rem; margin-bottom: .5rem; }
.moment .listen a { font-weight: 600; }
.moment .disclosure { color: inherit; opacity: .8; }
.m-manana   { background: #ECE7DC; color: #1C2420; }
.m-tarde    { background: #E9D9B8; color: #2A2418; }
.m-atardecer{ background: #B8742A; color: #FFF6E6; }
.m-noche    { background: #1A211D; color: #EDE7DB; }
.m-maridaje { background: #10150F; color: #EDE7DB; }
.m-atardecer a:hover, .m-noche a:hover, .m-maridaje a:hover { color: #F2D9A6; }
.m-manana a:hover, .m-tarde a:hover { color: #8A5A10; }

.brot-tag { font-size: .95rem; color: rgba(246,240,228,.85); margin-bottom: .9rem; display: block; }
.practical { display: grid; gap: 1.5rem 3rem; margin-top: 2rem; }
@media (min-width: 760px) { .practical { grid-template-columns: repeat(2, 1fr); } }
.practical h3 { font-size: 1.3rem; margin-bottom: .35rem; }
.practical p { color: var(--muted); margin: 0; }

.people { display: grid; gap: 2.5rem; margin-top: 2rem; }
@media (min-width: 860px) { .people { grid-template-columns: 1fr 1fr; gap: 4rem; } }
.people .role { color: var(--muted); font-size: .95rem; margin: .25rem 0 .8rem; }

/* Contact band */
.contact-band { background: var(--ink); color: #EDE7DB; }
.contact-band .btn { background: #F2D9A6; color: #1C2420; }
.contact-band .btn.ghost { background: transparent; color: #EDE7DB; border-color: rgba(237,231,219,.6); }
.contact-band p { color: rgba(237,231,219,.82); }
.contact-band a:hover { color: #F2D9A6; }
.contact-lines { list-style: none; padding: 0; margin: 1.5rem 0 0; }
.contact-lines li { padding: .35rem 0; }

.site-foot { padding: 2.5rem 0 3rem; font-size: .9rem; color: var(--muted); border-top: 1px solid var(--line); }
.site-foot .wrap { display: flex; flex-wrap: wrap; gap: 1rem 2rem; justify-content: space-between; }

/* Preview-only page switcher */
.preview-bar { background: #8A5A10; color: #FFF6E6; font-size: .85rem; }
.preview-bar .wrap { display: flex; flex-wrap: wrap; gap: .3rem 1rem; padding-top: .5rem; padding-bottom: .5rem; align-items: center; }
.preview-bar a { color: #FFF6E6; }

@media (prefers-reduced-motion: no-preference) {
  .hero-copy > * { animation: rise .9s cubic-bezier(.2,.7,.2,1) both; }
  .hero-copy > *:nth-child(2) { animation-delay: .12s; }
  .hero-copy > *:nth-child(3) { animation-delay: .24s; }
  .hero-copy > *:nth-child(4) { animation-delay: .36s; }
}
@keyframes rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media print { .site-head, .preview-bar, .actions { display: none; } }

/* v2: typographic home hero (no concept photography on public pages) */
.hero-type { background: #11160F; color: #F6F0E4; padding: clamp(4.5rem, 14vw, 9rem) 0 clamp(3.5rem, 10vw, 6.5rem); }
.hero-type h1 { font-size: clamp(3.4rem, 14vw, 8.5rem); line-height: .95; }
.hero-type p { color: rgba(246,240,228,.85); font-size: clamp(1.15rem, 2.6vw, 1.45rem); line-height: 1.45; max-width: 34rem; margin-top: 1.5rem; }
.hero-type .btn { background: #F2D9A6; color: #1C2420; }
.hero-type .btn.ghost { background: transparent; color: #F6F0E4; border-color: rgba(246,240,228,.7); }
@media (prefers-reduced-motion: no-preference) { .hero-type .wrap > * { animation: rise .9s cubic-bezier(.2,.7,.2,1) both; } .hero-type .wrap > *:nth-child(2) { animation-delay: .12s; } .hero-type .wrap > *:nth-child(3) { animation-delay: .24s; } }
/* real-photo caption badge */
.disclosure.real::before { content: "Foto real"; }
/* experiences as editorial rows */
.idea { display: grid; gap: .35rem 2rem; padding: 1.5rem 0; border-bottom: 1px solid var(--line); }
.idea p { color: var(--muted); margin: 0 0 .3rem; }
@media (min-width: 760px) { .idea { grid-template-columns: 22rem 1fr; align-items: baseline; } }

/* ===== v3: authentic archive photography ===== */
/* Photo hero: full frame on mobile (no heavy crop), split column on desktop */
@media (max-width: 899px) {
  .hero.photo .hero-media { height: auto; min-height: 0; max-height: none; }
  .hero.photo .hero-media img { height: auto; aspect-ratio: 4 / 3; }
}
@media (min-width: 900px) { .hero.photo { grid-template-columns: calc(var(--lead) + 29rem) 1fr; } }
.hero.photo .hero-media::after { background: linear-gradient(180deg, rgba(10,14,12,0) 75%, #11160F 100%); }
@media (min-width: 900px) { .hero.photo .hero-media::after { background: linear-gradient(90deg, #11160F 0%, rgba(17,22,15,0) 12%); } }

/* Ribbon: slow horizontal loop, pauses on hover/focus/button, static strip with reduced motion */
.ribbon { background: #11160F; color: #EDE7DB; padding: 2.25rem 0 2.75rem; overflow: hidden; }
.ribbon-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: 1.25rem; }
.ribbon h2 { font-size: clamp(1.5rem, 3.6vw, 2.2rem); }
.ribbon .disclosure { color: rgba(237,231,219,.72); margin-top: .4rem; }
.ribbon-toggle { font: inherit; font-size: .9rem; color: #EDE7DB; background: none; border: 1px solid rgba(237,231,219,.45); border-radius: 999px; padding: .4rem .95rem; cursor: pointer; flex: none; }
.ribbon-toggle:hover { border-color: #F2D9A6; color: #F2D9A6; }
.ribbon-viewport { overflow-x: auto; scrollbar-width: none; }
.ribbon-viewport::-webkit-scrollbar { display: none; }
.ribbon-viewport:focus-visible { outline-offset: -3px; }
.ribbon-track { list-style: none; margin: 0; padding: 0 0 0 var(--gutter); display: flex; width: max-content; }
.ribbon-track li { padding-right: 14px; flex: none; }
.ribbon-track img { height: clamp(190px, 30vw, 320px); width: auto; border-radius: 3px; filter: saturate(.92); }
.ribbon.moving .ribbon-viewport { overflow: hidden; }
.ribbon.moving .ribbon-track { padding-left: 0; animation: ribbon-loop 70s linear infinite; }
.ribbon.moving:hover .ribbon-track, .ribbon.moving .ribbon-viewport:focus .ribbon-track, .ribbon.paused .ribbon-track { animation-play-state: paused; }
@keyframes ribbon-loop { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .ribbon-track { animation: none !important; } }

/* Collage: editorial rows, each photo at its own proportion (no cropping of faces or instruments) */
.collage-section { padding-top: 0; }
.page-head + .collage-section, .page-head + .section.collage-section { border-top: 0; }
.collage { display: grid; gap: 14px; }
.c-row { display: flex; gap: 14px; align-items: flex-start; }
.c-row .ph { flex: var(--ar) 1 0; min-width: 0; }
.ph { margin: 0; }
.ph img { width: 100%; height: auto; border-radius: 4px; background: var(--stone-deep); }
.ph figcaption { font-size: .85rem; color: var(--muted); margin-top: .45rem; }
.collage > .disclosure { margin-top: .4rem; }
@media (max-width: 599px) { .c-row { flex-direction: column; } .c-row .ph { flex: none; width: 100%; } }

/* Three formats, three different treatments */
.formats { display: grid; gap: 1.5rem; margin-top: 2.25rem; }
.fmt { text-decoration: none; display: block; }
.fmt .ph img { border-radius: 4px; }
.fmt-text { padding-top: .9rem; }
.fmt-kind { font-size: .9rem; color: var(--accent); font-weight: 600; display: block; margin-bottom: .2rem; }
.fmt h3 { font-size: clamp(1.6rem, 3.4vw, 2.3rem); margin-bottom: .5rem; }
.fmt p { color: var(--muted); margin: 0; }
.fmt:hover h3 { color: var(--accent); }
.fmt-duo { background: #3B1F2E; color: #F3E6EC; border-radius: 4px; padding: 2rem 1.75rem; display: flex; align-items: flex-end; min-height: 15rem; }
.fmt-duo .fmt-kind { color: #E2B866; }
.fmt-duo p { color: rgba(243,230,236,.82); }
.fmt-duo:hover h3 { color: #E2B866; }
.fmt-more { display: inline-block; margin-top: 1rem; font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }
@media (min-width: 900px) {
  .formats { grid-template-columns: 1.35fr 1fr; grid-template-rows: auto auto; gap: 2.25rem 3rem; }
  .fmt-solo { grid-row: 1 / span 2; }
  .fmt-solo h3 { font-size: 2.8rem; }
}

/* Feature: photo + video side by side */
.feature { display: grid; gap: 1.5rem; margin: 2rem 0 .8rem; align-items: start; }
.feature .videos { margin-top: 0; }
@media (min-width: 900px) { .feature { grid-template-columns: 1.5fr 1fr; gap: 2.5rem; } }
.people .ph { max-width: 26rem; margin-bottom: 1.25rem; }
.concept-video { width: 100%; height: auto; border-radius: 6px; display: block; background: #222; aspect-ratio: 16 / 9; }

.c-row .ph:only-child { flex: none; width: min(100%, 52rem); }

/* ===== v4: quieter labelling, B&W ribbon ===== */
.ribbon-sub { color: rgba(237,231,219,.7); font-size: .95rem; margin: .35rem 0 0; }
.ribbon-track img { filter: none; }
.note-quiet { font-size: .88rem; color: var(--muted); margin: .8rem 0 0; max-width: 46rem; }
.disclosure-bar .note-quiet { margin: 0; padding: .7rem 0; }
.plain-cap { font-size: .85rem; color: inherit; opacity: .75; margin-top: .55rem; }
.site-foot .foot-note { flex-basis: 100%; order: 3; font-size: .82rem; }