/* Brochure viewer: one landscape page at a time, with a page-turn (hinge on the left edge) */
.brochure-page { background: radial-gradient(120% 90% at 50% 30%, #001f5c 0%, #000f35 70%); color: #fff; min-height: 100vh; }
.bk-bar .bk-dlbtn { text-decoration: none; background: var(--cyan); border-color: var(--cyan); }
.bk-bar .bk-dlbtn:hover { background: #fff; color: var(--navy); border-color: #fff; }
.bk { padding: calc(var(--header-h) + clamp(28px, 5vh, 56px)) 0 clamp(40px, 7vh, 80px); }
.bk h1 { font-size: clamp(1.9rem, 3.4vw, 2.8rem); margin: 0 0 6px; }
.bk-note { margin: 0 0 clamp(18px, 3vh, 30px); color: rgba(255,255,255,.7); font-size: .9rem; }
.bk-stage { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: clamp(10px, 2vw, 24px); }
.bk-arrow { width: 52px; height: 52px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.55); background: rgba(0,32,96,.55); color: #fff; display: grid; place-items: center; cursor: pointer; transition: background var(--hover), color var(--hover), border-color var(--hover), opacity var(--hover); }
.bk-arrow svg { width: 24px; height: 24px; }
.bk-arrow:hover:not(:disabled) { background: #fff; color: var(--navy); border-color: #fff; }
.bk-arrow:disabled { opacity: .3; cursor: default; }
.bk-book { position: relative; width: 100%; max-width: min(1100px, calc((100svh - 330px) * 1.413)); margin-inline: auto; aspect-ratio: 1600 / 1132; perspective: 3600px; border-radius: 10px; outline: none; }
.bk-book:focus-visible { box-shadow: 0 0 0 3px #5fd0f5; }
.bk-page { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; background: #fff; box-shadow: 0 0 0 1px rgba(255,255,255,.22), 0 30px 70px -30px rgba(0,0,0,.8); user-select: none; -webkit-user-drag: none; }
.bk-page[hidden] { display: none; }
.bk-leaf { transform-origin: left center; backface-visibility: hidden; will-change: transform; }
.bk-bar { flex-wrap: wrap; display: flex; align-items: center; justify-content: center; gap: 24px; margin: 18px 0 14px; font-size: .9rem; color: rgba(255,255,255,.85); }
.bk-fs { background: none; border: 1px solid rgba(255,255,255,.45); color: #fff; border-radius: 999px; padding: 8px 18px; font: 600 .72rem/1 var(--font); letter-spacing: .12em; text-transform: uppercase; cursor: pointer; transition: background var(--hover), color var(--hover); }
.bk-fs:hover { background: #fff; color: var(--navy); }
.bk-thumbs { display: flex; gap: 10px; margin: 0; padding: 6px 2px 12px; list-style: none; overflow-x: auto; scroll-snap-type: x proximity; }
.bk-thumbs { cursor: grab; }
.bk-thumbs.dragging { cursor: grabbing; scroll-snap-type: none; user-select: none; }
.bk-thumbs img { -webkit-user-drag: none; }
.bk-doclang { display: inline-flex; border: 1px solid rgba(255,255,255,.45); border-radius: 999px; overflow: hidden; }
.bk-doclang button { background: none; border: 0; color: #fff; padding: 8px 16px; font: 600 .72rem/1 var(--font); letter-spacing: .12em; text-transform: uppercase; cursor: pointer; transition: background var(--hover), color var(--hover); }
.bk-doclang button:hover { background: rgba(255,255,255,.18); }
.bk-doclang button[aria-pressed="true"] { background: #fff; color: var(--navy); }
.bk-thumbs li { flex: none; scroll-snap-align: center; }
.bk-thumbs button { display: block; padding: 0; border: 2px solid transparent; border-radius: 8px; background: none; cursor: pointer; overflow: hidden; opacity: .6; transition: opacity var(--hover), border-color var(--hover); }
.bk-thumbs button:hover { opacity: 1; }
.bk-thumbs button[aria-current="true"] { opacity: 1; border-color: var(--cyan); }
.bk-thumbs img { display: block; width: 110px; height: auto; }
@media (max-width: 700px) {
  .bk-stage { grid-template-columns: minmax(0, 1fr); }
  .bk-arrow { position: absolute; top: auto; bottom: -62px; width: 46px; height: 46px; z-index: 2; }
  .bk-prev { left: calc(50% - 120px); }
  .bk-next { right: calc(50% - 120px); }
  .bk-stage { position: relative; margin-bottom: 70px; }
  .bk-book { max-width: none; }
  .bk-bar { margin-top: 12px; }
  .bk-thumbs img { width: 84px; }
}