/* The printed catalogue is portrait. Keep page edges and printed references visible. */
.alpi-catalogue {
  --catalogue-line: #d7d5ce;
  display: grid;
  grid-template-columns: minmax(270px, .77fr) minmax(0, 1.38fr);
  grid-template-rows: 1fr auto;
  grid-template-areas: "title sheet" "controls sheet";
  gap: 0 clamp(36px, 6vw, 112px);
  scroll-margin-top: 78px;
  padding: clamp(110px, 12vh, 170px) var(--page) clamp(30px, 5vw, 72px);
  color: #292b23;
  background: #f7f6f2;
}
.alpi-catalogue-title {grid-area:title;align-self:center;padding:20px 0;}
.alpi-catalogue-title .eyebrow {color:#5e6157;}
.alpi-catalogue-title h1 {margin: clamp(14px, 2vw, 32px) 0 0;font-size:clamp(78px, 10.8vw, 172px);font-weight:500;line-height:.84;letter-spacing:-.065em;}
.alpi-catalogue-title h1 span {display:block;}
.alpi-catalogue-title h1 small {display:block;margin-top:12px;font-size:clamp(22px, 2.2vw, 38px);font-weight:400;letter-spacing:-.025em;line-height:1.18;}
.alpi-catalogue-controls {grid-area:controls;align-self:end;max-width:380px;width:100%;padding-bottom:4px;}
.alpi-catalogue-controls label {display:block;margin-bottom:6px;color:#55594f;font-size:.88rem;}
.alpi-catalogue-controls select {width:100%;font:inherit;font-size:clamp(23px,2vw,32px);letter-spacing:-.02em;color:inherit;background:transparent;border:0;border-bottom:1px solid #a4a59c;border-radius:0;padding:5px 0 10px;cursor:pointer;}
.alpi-catalogue-pager {display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 20px;}
.alpi-catalogue-pager button {display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;background:transparent;color:inherit;font:inherit;font-size:.94rem;cursor:pointer;}
.alpi-catalogue-pager button:hover {text-decoration:underline;text-underline-offset:4px;}
.alpi-catalogue-pager output {font-size:.88rem;color:#55594f;font-variant-numeric:tabular-nums;white-space:nowrap;}
.alpi-catalogue-sheet {grid-area:sheet;display:grid;place-items:center;position:relative;margin:0;border:1px solid var(--catalogue-line);background:#e9e7e1;min-width:0;}
.alpi-catalogue-sheet a {display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:400px;padding:24px 24px 46px;cursor:zoom-in;color:inherit;}
.alpi-catalogue-sheet img {display:block;width:auto;height:auto;max-width:100%;max-height:clamp(330px,68svh,810px);object-fit:contain;box-shadow:0 4px 16px #30291e24;}
.alpi-catalogue-zoom {position:absolute;inset-inline:0;bottom:12px;display:flex;align-items:center;justify-content:center;gap:6px;color:#42473d;font-size:.82rem;}
.alpi-catalogue-error {font-size:.9rem;margin-top:10px;}
.alpi-catalogue-controls noscript a {text-decoration:underline;}
[dir="rtl"] .alpi-catalogue-pager button [aria-hidden] {transform:scaleX(-1);}
@media(max-width:760px){
  .alpi-catalogue {padding:92px var(--page) 36px;grid-template-areas:"title" "sheet" "controls";grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:16px;}
  .alpi-catalogue-title {padding:0;}
  .alpi-catalogue-title h1 {margin:8px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;font-size:clamp(52px,10vw,74px);}
  .alpi-catalogue-title h1 small {margin:0;font-size:22px;}
  .alpi-catalogue-sheet a {min-height:0;padding:14px 12px 32px;}
  .alpi-catalogue-sheet img {max-height:clamp(245px,42svh,460px);}
  .alpi-catalogue-zoom {bottom:7px;font-size:.75rem;}
  .alpi-catalogue-controls {max-width:none;}
  .alpi-catalogue-controls select {font-size:23px;}
  .alpi-catalogue-pager {margin:4px 0 8px;}
}
