.mag{--mm-bg:var(--mm-archive);--mm-ink:var(--mm-archive-ink);--mm-line:var(--mm-red);height:100%;color:var(--mm-red);flex-direction:column;display:flex;overflow:hidden}.mag__body{background:var(--mm-archive);border-right:1px solid var(--mm-line);scrollbar-gutter:stable;scrollbar-color:var(--mm-red) var(--mm-archive);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.mag__body::-webkit-scrollbar{width:14px}.mag__body::-webkit-scrollbar-track{background:var(--mm-archive);border:2px solid var(--mm-red)}.mag__body::-webkit-scrollbar-thumb{background:var(--mm-red);background-clip:padding-box;border:3px solid #0000;min-height:48px}.mag__top{gap:calc(22 * var(--s));padding:calc(18 * var(--s)) calc(24 * var(--s));flex:none;grid-template-columns:minmax(0,1fr) clamp(300px,34%,460px);align-items:start;display:grid}.mag__title svg{width:auto;max-width:100%;height:22vh;color:var(--mm-red);display:block}.mag__said{gap:calc(20 * var(--s));flex-direction:column;min-width:0;display:flex}.mag__title{font-family:var(--font-black-letter);color:var(--mm-red);text-transform:uppercase;overflow-wrap:anywhere;margin:0;font-size:clamp(44px,6.4vw,124px);font-weight:400;line-height:.88}.mag__hero{border:1px solid var(--mm-red);justify-self:start;max-width:100%;line-height:0}.mag__hero img{object-fit:contain;width:100%;height:auto;max-height:52vh;display:block}.slats{--slat-h:clamp(560px, 80vh, 900px);height:var(--slat-h);gap:calc(7 * var(--s));padding:0 calc(24 * var(--s)) calc(24 * var(--s));flex:none;display:flex}.slat{border:1px solid var(--mm-red);min-width:0;color:var(--mm-red);flex:1 1 0;transition:flex-grow .42s cubic-bezier(.2,1,.3,1),background .2s;display:flex;position:relative;overflow:hidden}.slat:hover{background:var(--mm-red);color:var(--mm-archive)}.slat[data-open],.slat[data-open]:hover{color:var(--mm-red);background:0 0;flex-grow:7}.slat__rail{color:inherit;font:inherit;cursor:pointer;min-width:0;padding:calc(18 * var(--s)) calc(6 * var(--s));background:0 0;border:0;flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;display:flex;position:relative}.slat[data-open] .slat__rail{flex:none;width:clamp(44px,4.4vw,74px)}.slat__name{writing-mode:vertical-rl;font-family:var(--font-black-letter);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;font-size:clamp(22px,2.6vw,46px);font-weight:400;line-height:1;transform:rotate(180deg)}.slat__foot{flex-direction:column;align-items:center;gap:clamp(8px,1.2vh,16px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slat__no{width:clamp(30px,2.6vw,46px);height:clamp(30px,2.6vw,46px);font-family:var(--font-body);border:1px solid;border-radius:50%;flex:none;place-items:center;font-size:clamp(12px,1.1vw,17px);font-weight:600;line-height:1;display:grid}.slat__of{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;opacity:.75;white-space:nowrap;font-size:8px;font-weight:600}.slat[data-open] .slat__of{writing-mode:vertical-rl;transform:rotate(180deg)}.slat__card{opacity:0;flex-direction:column;flex:0 1 0;justify-content:flex-start;min-width:0;min-height:0;transition:opacity .3s .12s;display:flex}.slat__plate{flex:0 auto;place-items:start center;min-height:0;display:grid}.slat[data-open] .slat__card{opacity:1;flex:auto}.slat__plate img{width:100%;height:auto;max-height:calc(var(--slat-h) - 250px);object-fit:contain;object-position:center top;padding:calc(10 * var(--s));display:block}.slat__blurb{gap:calc(8 * var(--s));text-align:left;padding:calc(10 * var(--s)) calc(10 * var(--s)) calc(4 * var(--s));flex-direction:column;flex:none;display:flex}.slat__blurb__tag{padding-bottom:calc(6 * var(--s));font-family:var(--font-body);letter-spacing:.24em;text-transform:uppercase;opacity:.7;border-bottom:1px solid;justify-content:space-between;align-items:baseline;gap:1.5em;font-size:9px;font-weight:700;display:flex}.slat__blurb__text{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;font-size:clamp(9px,.61vw,11px);font-weight:500;line-height:1.45}.plate{margin:auto calc(10 * var(--s)) calc(10 * var(--s));border:1px solid;flex-direction:column;display:flex}.plate__head,.plate__body{display:flex}.plate__head{padding:calc(7 * var(--s)) calc(10 * var(--s));font-family:var(--font-body);letter-spacing:.24em;text-transform:uppercase;opacity:.7;border-bottom:1px solid;justify-content:space-between;align-items:baseline;gap:1.5em;font-size:9px;font-weight:700}.plate__body{align-items:center;gap:calc(12 * var(--s));padding:calc(10 * var(--s));border-bottom:1px solid}.plate__mark{padding-right:calc(12 * var(--s));border-right:1px solid;flex:none;line-height:0;display:block}.plate__mark svg{color:currentColor;width:auto;height:clamp(48px,5.4vh,78px);display:block}.plate__said{gap:calc(3 * var(--s));text-align:left;flex-direction:column;min-width:0;display:flex}.plate__no{font-family:var(--font-body);letter-spacing:.24em;opacity:.7;font-size:9px;font-weight:700}.plate__name{font-family:var(--font-black-letter);text-transform:uppercase;font-size:clamp(20px,1.8vw,34px);font-weight:400;line-height:1}.plate__lock{padding-left:calc(12 * var(--s));border-left:1px solid;flex:none;margin-left:auto;line-height:0}.plate__lock svg{color:currentColor;width:auto;max-width:100%;height:clamp(26px,3vh,40px);display:block}.plate__link{padding:calc(9 * var(--s)) calc(10 * var(--s));color:inherit;font-family:var(--font-body);letter-spacing:.24em;text-transform:uppercase;opacity:.7;justify-content:space-between;align-items:center;gap:1.5em;font-size:9px;font-weight:700;text-decoration:none;transition:opacity .16s,background .16s;display:flex}.plate__link:hover,.plate__link:focus-visible{opacity:1;background:#d42a201f}.plate__arrow{flex:none;width:24px;height:12px;transition:translate .18s cubic-bezier(.2,1,.3,1);overflow:visible}.plate__link:hover .plate__arrow,.plate__link:focus-visible .plate__arrow{translate:4px}.slat__empty{text-align:center;place-items:center;gap:8px;padding:16px;display:grid}.slat__empty em{font-style:normal;font-family:var(--font-black-letter);font-size:clamp(30px,4vw,72px);font-weight:400;line-height:1}.slat__empty span{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;opacity:.7;font-size:10px;font-weight:600}.mag__note{gap:calc(12 * var(--s));flex-direction:column;min-width:0;display:flex}.mag__note__tag{padding-bottom:calc(7 * var(--s));border-bottom:1px solid var(--mm-red);font-family:var(--font-body);letter-spacing:.24em;text-transform:uppercase;opacity:.7;justify-content:space-between;align-items:baseline;gap:1.5em;margin:0;font-size:9px;font-weight:700;display:flex}.mag__note p:not(.mag__note__tag){max-width:48ch;font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(10px,.78vw,13px);font-weight:500;line-height:1.5}.mag__prose{padding:0 calc(24 * var(--s)) calc(24 * var(--s));font-family:var(--font-body);color:var(--mm-ink);max-width:56ch;font-size:15px;font-weight:300;line-height:1.6}@media (width<=900px){.mag{height:auto;overflow:visible}.mag__top{grid-template-columns:1fr}.mag__hero{justify-self:stretch}.mag__hero img{max-height:none}.mag__said{align-items:stretch;gap:calc(18 * var(--s));grid-template-columns:42% minmax(0,1fr);display:grid}.mag__title{min-height:0;display:block}.mag__title svg{width:100%;height:100%;max-height:none}.mag__note{min-width:0}.slats{flex-direction:column;height:auto}.slat{min-height:64px}.slat[data-open]{min-height:46vh}.slat__rail{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:auto;padding:10px 14px;display:grid}.slat__foot{display:contents}.slat__name{writing-mode:horizontal-tb;justify-self:start;transform:none}.slat__no{justify-self:center}.slat__of{writing-mode:horizontal-tb;justify-self:end;transform:none}.slat[data-open] .slat__rail{flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:16px;width:58px;padding:14px 4px;display:flex}.slat[data-open] .slat__foot{flex-direction:column;align-items:center;gap:12px;display:flex;position:static;transform:none}.slat[data-open] .slat__name,.slat[data-open] .slat__of{writing-mode:vertical-rl;justify-self:auto;transform:rotate(180deg)}}
