body.brochure-page { background: var(--grain), #6aa99d; }
.bro-full { overflow: clip; background: var(--grain), linear-gradient(165deg, #6aa99d, #4f8c82 45%, #36645c); color: #634A2E; font-family: var(--text-font); font-weight: 700; line-height: 1.8; }
.bro-full .mido-in { padding: calc(28 * var(--u)) calc(16 * var(--u)) calc(24 * var(--u)); }
.bro-full .mido-title { margin: calc(6 * var(--u)) calc(60 * var(--u)) calc(8 * var(--u)) calc(4 * var(--u)); color: #fff; }
.bro-full .lead { margin: 0 calc(4 * var(--u)) calc(14 * var(--u)); color: #eaf6f2; font-size: calc(14 * var(--u)); }

.bro-chips { position: sticky; top: 0; z-index: 3; display: flex; gap: calc(6 * var(--u)); margin: 0 calc(-16 * var(--u)) calc(16 * var(--u)); padding: calc(18 * var(--u)) calc(16 * var(--u)) calc(10 * var(--u)); overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; transition: background-color 0.2s ease; }
.bro-chips::-webkit-scrollbar { display: none; }
.bro-chips.is-stuck { background: linear-gradient(#4f8c82 80%, rgba(79, 140, 130, 0)); }
.bro-chips a { flex: none; padding: calc(5 * var(--u)) calc(13 * var(--u)); border: calc(1.5 * var(--u)) solid #FEEBC4; border-radius: 999px; background: rgba(254, 235, 196, 0.15); color: #F7FFF4; text-decoration: none; font-family: var(--text-font); font-weight: 700; font-size: calc(12.5 * var(--u)); line-height: 1.3; white-space: nowrap; -webkit-tap-highlight-color: transparent; }
.bro-chips a[aria-current="true"] { background: #FEEBC4; color: #634A2E; }

.bro-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: calc(22 * var(--u)); }
.pg { margin: 0; scroll-margin-top: calc(64 * var(--u)); content-visibility: auto; contain-intrinsic-size: auto calc(520 * var(--u)); }
.pg button { display: block; width: 100%; padding: 0; border: 0; background: #FEEBC4; cursor: zoom-in; border-radius: calc(4 * var(--u)); overflow: hidden; box-shadow: calc(-6 * var(--u)) calc(5 * var(--u)) 0 rgba(28, 52, 47, 0.55); transition: translate 0.12s ease, box-shadow 0.12s ease; -webkit-tap-highlight-color: transparent; }
.pg button:active { translate: calc(-4 * var(--u)) calc(3 * var(--u)); box-shadow: calc(-2 * var(--u)) calc(2 * var(--u)) 0 rgba(28, 52, 47, 0.55); }
.pg button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.pg img { display: block; width: 100%; height: auto; aspect-ratio: 1405 / 1995; background: #FEEBC4; }
.pg figcaption { margin: calc(8 * var(--u)) calc(4 * var(--u)) 0; color: #eaf6f2; font-size: calc(12 * var(--u)); line-height: 1.4; letter-spacing: 0.04em; }

@media (min-width: 1000px) { .bro-chips { top: 0; } }