#print-direction { row-gap: 36px; }
#print-direction > div { min-width: 0; }
#print-direction > div > p:last-child { margin-bottom: 0; }
.brochure-reader { grid-column: 1 / -1; min-width: 0; }
.brochure-table { padding: clamp(20px, 3vw, 40px) 0; background: transparent; box-shadow: none; perspective: 1800px; }
.brochure-book { position: relative; width: 88%; max-width: 740px; aspect-ratio: 2382 / 1684; margin: auto; transform: rotateX(5deg); transform-style: preserve-3d; filter: drop-shadow(1px 8px 9px #00000024); }
.brochure-page { position: absolute; top: 0; width: 50%; height: 100%; padding: 0; border: 0; border-radius: 0; background: #fff; cursor: pointer; overflow: hidden; box-shadow: 0 3px 0 #e4dfd7, 0 5px 0 #f8f5ef, 0 7px 0 #c6bbad; }
.brochure-page-left { left: 0; }
.brochure-page-right { left: 50%; }
.brochure-page img, .brochure-turn img { display: block; width: 100%; height: 100%; object-fit: contain; background: #fff; }
.brochure-page::after { content: ''; position: absolute; inset: 0; pointer-events: none; }
.brochure-page-left::after { background: linear-gradient(90deg, transparent 90%, #2515231a); }
.brochure-page-right::after { background: linear-gradient(90deg, #25152320, transparent 10%); }
.brochure-page.is-empty { visibility: hidden; }
.brochure-page:focus-visible { outline-offset: -5px; z-index: 3; }
.brochure-turn { position: absolute; top: 0; width: 50%; height: 100%; z-index: 4; transform-style: preserve-3d; pointer-events: none; }
.brochure-turn-forward { left: 50%; transform-origin: left center; }
.brochure-turn-backward { left: 0; transform-origin: right center; }
.brochure-turn-front, .brochure-turn-back { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; background: white; box-shadow: 0 0 18px #23132125; }
.brochure-turn-back { transform: rotateY(180deg); }
.brochure-turn-front::after, .brochure-turn-back::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #27152618, transparent 25%, #ffffff0a 70%, #27152614); }
.brochure-book { touch-action: pan-y; }
@media (max-width: 600px) { .brochure-table { padding: 24px 0; } }
@media (prefers-reduced-motion: reduce) { .brochure-book { transform: none; } }

.brochure-peek-base { position:absolute; top:0; left:50%; width:50%; height:100%; background:white; }
.brochure-peek-base img { display:block; width:100%; height:100%; object-fit:contain; }
.brochure-reader:not(.has-interacted) .brochure-page-right { transform-origin:left center; animation:brochure-invitation 3.6s infinite; animation-play-state:paused; will-change:transform; backface-visibility:hidden; }
.brochure-reader.is-in-view:not(.has-interacted):not(.is-document-hidden) .brochure-page-right { animation-play-state:running; }
.brochure-click-hint { position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; background:#22162912; }
.brochure-click-hint > span { display:flex; flex-direction:column; align-items:center; gap:8px; background:#281d30e8; color:white; font:500 clamp(12px,1.3vw,16px)/1.3 'DM Sans',Arial,sans-serif; border-radius:18px; padding:18px 24px; box-shadow:0 8px 24px #0002; }
.brochure-click-hint b { font-size:30px; line-height:1; font-weight:400; }
.brochure-reader.has-interacted .brochure-click-hint,.brochure-reader.has-interacted .brochure-peek-base { display:none; }
@keyframes brochure-invitation { 0%,18%,100% { transform:rotateY(0deg); } 40% { transform:rotateY(-24deg); } 61%,72% { transform:rotateY(0deg); } }
@media(prefers-reduced-motion:reduce) { .brochure-reader:not(.has-interacted) .brochure-page-right { animation:none; will-change:auto; } }
@media(max-width:600px) { .brochure-click-hint > span { padding:12px 15px; border-radius:12px; } }

.publication-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(30px,5vw,76px); min-width:0; }
.publication-card { min-width:0; }
.publication-card > h3 { font-size:22px; letter-spacing:-.04em; margin:0 0 18px; padding-bottom:16px; border-bottom:1px solid var(--line); }
.publication-grid .brochure-table { display:flex; align-items:center; min-height:clamp(280px,35vw,460px); padding:28px 0; }
.publication-grid .brochure-book { width:100%; max-width:600px; margin:auto; transition:transform .76s cubic-bezier(.22,.65,.28,1); user-select:none; -webkit-user-select:none; cursor:grab; }
.publication-grid .brochure-book:active { cursor:grabbing; }
.publication-grid .brochure-page { cursor:inherit; }
.publication-grid .brochure-page img { -webkit-user-drag:none; }
.publication-grid .magazine-reader .brochure-book { aspect-ratio:2268/1503; }
.publication-grid .brochure-reader[data-book-state="front"] .brochure-book { transform:translateX(-25%) rotateX(5deg); }
.publication-grid .brochure-reader[data-book-state="back"] .brochure-book { transform:translateX(25%) rotateX(5deg); }
.publication-grid .brochure-click-hint > span { padding:13px 18px; font-size:13px; border-radius:14px; }
.publication-grid .brochure-click-hint b { font-size:25px; }
@media(max-width:850px) { .publication-grid { grid-template-columns:1fr; gap:42px; } .publication-grid .brochure-table { min-height:0; max-width:620px; margin:auto; padding:24px 0; } }
@media(prefers-reduced-motion:reduce) { .publication-grid .brochure-book { transition:none; } }

/* Center the closed cover, then make room on its right before it opens. */
#print-direction { row-gap:36px; }
.brochure-reader[data-book-state="front"]:not(.is-opening) .brochure-book { transform:translateX(-25%) rotateX(5deg); }
.brochure-reader.is-opening .brochure-book { transform:translateX(0) rotateX(5deg); }
.brochure-reader[data-book-state="back"] .brochure-book { transform:translateX(25%) rotateX(5deg); }
@media(prefers-reduced-motion:reduce) {
  .brochure-reader[data-book-state="front"]:not(.is-opening) .brochure-book { transform:translateX(-25%); }
  .brochure-reader.is-opening .brochure-book { transform:none; }
  .brochure-reader[data-book-state="back"] .brochure-book { transform:translateX(25%); }
}