.reference-info {max-width:1060px;padding:clamp(32px,5vw,68px) 5% 72px;}
.reference-info header {max-width:760px;margin-bottom:32px;}
.reference-info h1 {font-size:clamp(2.15rem,5vw,3.85rem);line-height:1.04;margin:12px 0 18px;letter-spacing:-.035em;}
.reference-info p {max-width:68ch;line-height:1.65;margin:0 0 16px;}
.reference-info h2 {font-size:clamp(1.3rem,3vw,1.85rem);margin:0 0 12px;line-height:1.15;}
.reference-info section {margin:28px 0;padding-top:22px;border-top:1px solid var(--line);}
.reference-info .info-back {display:inline-block;margin:0 0 22px;font-size:.78rem;}
.info-gallery {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:18px 0 0;}
@media(min-width:760px) {.info-gallery--three {grid-template-columns:repeat(3,minmax(0,1fr));}}
.info-figure {min-width:0;margin:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:#faf5eb;}
.info-figure img {width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain;display:block;background:#ede7de;}
.info-figure figcaption {padding:10px 12px;font-size:.84rem;line-height:1.35;}
.info-directory,.production-estimates {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 22px;}
.info-directory a,.production-estimates > div {
  min-width:0;
  display:block;
  padding:clamp(14px,2.4vw,24px);
  border:1px solid var(--line);
  background:#faf5eb;
}
.info-directory a:hover,.info-directory a:focus-visible {border-color:#8c4055;background:#fff9ef;}
.info-directory strong,.info-directory span {display:block;}
.info-directory strong {font:1.18rem/1.2 var(--serif);margin:0 0 7px;}
.info-directory span {font-size:.82rem;line-height:1.45;color:var(--muted);}
.production-estimates dt {font-size:.86rem;}
.production-estimates dd {margin:6px 0 0;color:#762b3f;}
.production-estimates dd strong {font:clamp(2.5rem,6vw,4rem)/1 var(--serif);}
.info-options {margin:16px 0 22px;}
.info-options > div {padding:12px 0;border-bottom:1px solid var(--line);}
.info-options dt {font-weight:700;margin:0 0 4px;}
.info-options dd {margin:0;color:var(--muted);line-height:1.5;}
.info-steps {padding-left:1.4em;line-height:1.55;margin:12px 0 20px;}
.info-steps li {padding-left:.2em;margin-bottom:8px;}
.reference-info :is(p,li,dd) a {text-decoration:underline;text-underline-offset:.16em;}

[data-cover=workshop] body .header nav {gap:clamp(10px,1.35vw,20px);}
[data-cover=workshop] body .header nav > :is(a,button),.information-menu > summary {font:14px/1.25 Georgia,serif;white-space:nowrap;}
.information-menu {position:relative;}
.information-menu > summary {list-style:none;cursor:pointer;padding:10px 0;}
.information-menu > summary::-webkit-details-marker {display:none;}
.information-menu > summary::after {content:"⌄";margin-left:5px;}
.information-menu-links {
  position:absolute;
  z-index:25;
  inset:100% 0 auto auto;
  width:236px;
  padding:7px;
  background:#faf4e9;
  color:#302723;
  border:1px solid #d8cabb;
  box-shadow:0 10px 25px #2b211b22;
}
.information-menu-links a {display:block;padding:8px 10px;font-size:.76rem;line-height:1.25;}
.information-menu-links a:is(:hover,:focus-visible) {background:#eee2d5;color:#762b3f;}
@media(max-width:1120px) {
  [data-cover=workshop] body .header nav {display:none;}
  [data-cover=workshop] body .header .menu-button {display:block;}
  [data-cover=workshop] body .header.menu-open nav {
    display:flex;
    position:absolute;
    inset:100% 0 auto;
    padding:12px 5%;
    flex-wrap:wrap;
    align-items:flex-start;
    overflow-y:auto;
    max-height:68dvh;
    background:#f3ebe1;
    color:#302723;
    border-bottom:1px solid #d2c6b7;
  }
  .information-menu[open] {flex-basis:100%;}
  .information-menu-links {position:static;width:100%;box-shadow:none;}
}
@media(max-width:560px) {
  .info-directory {grid-template-columns:1fr;}
  .reference-info header {margin-bottom:24px;}
}