/* ---------- hero (short and wide) ---------- */
.d5-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;
  min-height:clamp(400px,52vh,540px);padding-block:clamp(2.25rem,5vw,3.75rem)}
.d5-hero__bg{position:absolute;inset:0;z-index:-2}
/* the skyline sits along the foot of the plate, so hold the bottom edge */
.d5-hero__bg .mm-slot img{object-position:50% 100%}
.d5-hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(96deg,rgba(34,48,31,.93) 0%,rgba(34,48,31,.8) 55%,rgba(34,48,31,.55) 100%)}
.d5-hero__meta{display:flex;flex-wrap:wrap;gap:.4rem 1.35rem;margin-top:1rem;
  font:500 .625rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:rgba(243,255,239,.62)}
.d5-hero__meta span{display:inline-flex;align-items:center;gap:1.35rem}
.d5-hero__meta span+span::before{content:"";width:1px;height:.75rem;background:var(--hair-light)}
.d5-hero__grid{display:grid;gap:clamp(1.15rem,2.5vw,3.5rem);align-items:end;margin-top:1.5rem}
@media(min-width:900px){.d5-hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}}
.d5-hero h1{color:var(--paper);margin:0;max-width:22ch;
  font-size:clamp(2.15rem,1.35rem + 2.9vw,3.7rem);line-height:1.02;letter-spacing:-.032em}
.d5-hero h1 em{font-style:italic;color:var(--sage-soft)}
.d5-hero .mm-lede{color:rgba(243,255,239,.84);max-width:none;font-size:clamp(.98rem,.94rem + .22vw,1.08rem);line-height:1.72}
.d5-hero__quick{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:1.75rem;padding-top:1.35rem;border-top:1px solid var(--hair-light)}
.d5-hero__quick b{margin-right:.5rem;font:500 .625rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:rgba(243,255,239,.6)}
.d5-hero__quick button{border:1px solid rgba(243,255,239,.32);background:transparent;border-radius:1px;
  padding:.45rem .9rem;color:rgba(243,255,239,.92);cursor:pointer;
  font:500 .6875rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;transition:all .25s var(--ease)}
.d5-hero__quick button:hover{background:var(--paper);border-color:var(--paper);color:var(--deep)}

/* ---------- companion marquee ---------- */
.d5-strip{padding-block:clamp(2.25rem,4.5vw,3.5rem);background:var(--mist);border-bottom:1px solid var(--hair)}
.d5-strip__head{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:baseline;justify-content:space-between;margin-bottom:1.35rem}
.d5-strip__head h2{font-size:clamp(1.4rem,1.2rem + 1vw,2rem);line-height:1.06;letter-spacing:-.028em;margin:.75rem 0 0}
.d5-strip__head h2 em{font-style:italic;color:var(--sage-ink)}
.d5-track{display:flex;gap:.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.25rem}
.d5-track::-webkit-scrollbar{display:none}
.d5-track>*{flex:0 0 clamp(138px,24vw,190px);scroll-snap-align:start}
.d5-strip__nav{display:flex;gap:.4rem}
.d5-strip__nav button{width:2.4rem;height:2.4rem;display:grid;place-items:center;border:1px solid var(--hair);
  background:transparent;color:var(--deep);cursor:pointer;border-radius:1px;transition:all .25s var(--ease)}
.d5-strip__nav button:hover{background:var(--deep);border-color:var(--deep);color:var(--paper)}

/* ---------- toolbar ---------- */
.d5-bar{position:sticky;top:112px;z-index:32;background:rgba(243,255,239,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
@media(max-width:767px){.d5-bar{top:96px}}
.d5-bar__inner{display:grid;gap:.75rem;padding-block:.85rem}
@media(min-width:960px){.d5-bar__inner{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;gap:1.5rem}}
.d5-search{display:flex;align-items:center;gap:.6rem;border:1px solid var(--hair);border-radius:1px;padding:.15rem .75rem;background:#fff;transition:border-color .25s}
.d5-search:focus-within{border-color:var(--sage)}
.d5-search i{color:var(--sage-ink);font-size:.95rem;flex:none}
.d5-search input{flex:1;min-width:0;border:0;background:transparent;padding:.7rem .1rem;font:400 .875rem/1 var(--sans);color:var(--ink)}
.d5-search input:focus{outline:none}
.d5-search input::placeholder{color:var(--muted)}
.d5-tabs{display:flex;gap:.3rem;overflow-x:auto;scrollbar-width:none}
.d5-tabs::-webkit-scrollbar{display:none}
.d5-tabs button{flex:none;border:1px solid transparent;background:transparent;border-radius:1px;
  padding:.5rem .85rem;font:500 .6875rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .25s var(--ease)}
.d5-tabs button:hover{color:var(--deep);background:var(--mint)}
.d5-tabs button.is-on{background:var(--deep);color:var(--paper)}
.d5-bar__count{margin-left:auto;flex:none;padding-left:1rem;font:500 .625rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
@media(max-width:959px){.d5-bar__count{display:none}}

/* ---------- region plate (compact) ---------- */
.d5-plate{min-height:clamp(190px,22vw,300px)}
.d5-plate .mm-chapter__title{font-size:clamp(2rem,1.1rem + 2.8vw,3.2rem)}
.d5-plate .mm-chapter__inner{padding-block:clamp(1.75rem,3.5vw,2.75rem)}

/* chapter note */
.d5-note{padding-block:clamp(2.25rem,4.5vw,3.5rem);background:var(--veil);border-bottom:1px solid var(--hair)}
.d5-note__grid{display:grid;gap:clamp(1.15rem,3vw,3.5rem)}
@media(min-width:1000px){.d5-note__grid{grid-template-columns:minmax(0,.3fr) minmax(0,1fr)}}
.d5-note h2{font-size:clamp(1.5rem,1.28rem + 1.3vw,2.25rem);line-height:1.06;letter-spacing:-.028em;margin:.8rem 0 0}

/* ---------- records ---------- */
.d5-rec{padding-block:clamp(1.75rem,3vw,2.5rem);border-bottom:1px solid var(--hair)}
.d5-rec__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;margin-bottom:1.15rem}
.d5-rec__head h2{margin:0;font-size:clamp(1.45rem,1.25rem + 1vw,2.1rem);line-height:1.02;letter-spacing:-.03em}
.d5-rec__region{font-family:var(--serif);font-style:italic;font-size:.9375rem;color:var(--muted)}
.d5-rec__tally{margin-left:auto;display:inline-flex;align-items:baseline;gap:.45rem;color:var(--muted)}
.d5-rec__tally b{font-family:var(--serif);font-weight:400;font-size:1.35rem;line-height:1;color:var(--sage-ink)}
.d5-rec__tally span{font:500 .5625rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase}

.d5-tiles{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,182px),1fr))}
.d5-tiles a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  padding:.8rem .95rem;border:1px solid var(--hair);border-radius:1px;background:transparent;
  text-decoration:none;color:var(--ink);font-size:.85rem;line-height:1.25;
  transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}
.d5-tiles a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d5-tiles a i{font-size:.7rem;color:var(--sage);flex:none;opacity:.55;transition:all .3s var(--slow)}
.d5-tiles a:hover{background:var(--deep);border-color:var(--deep);color:var(--paper)}
.d5-tiles a:hover i{color:var(--paper);opacity:1;transform:translateX(3px)}

.d5-rec__note{margin-top:1.25rem;border-top:1px solid var(--hair);padding-top:.9rem}
.d5-rec__note summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;
  font:500 .625rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--sage-ink);transition:color .25s}
.d5-rec__note summary::-webkit-details-marker{display:none}
.d5-rec__note summary:hover{color:var(--deep)}
.d5-rec__note summary i{font-size:.8rem;transition:transform .35s var(--slow)}
.d5-rec__note[open] summary i{transform:rotate(180deg)}
.d5-rec__note .mm-body{padding-top:1.15rem;font-size:.9375rem;line-height:1.78;column-gap:clamp(2rem,4vw,3.5rem)}
@media(min-width:900px){.d5-rec__note .mm-body{column-count:2}}
.d5-rec__note .mm-body p{break-inside:avoid-column}

.d5-empty{padding:4rem 1rem;text-align:center;color:var(--muted)}
.d5-empty a{color:var(--sage-ink)}

/* ---------- outro ---------- */
.d5-outro{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(3.5rem,8vw,6rem)}
.d5-outro__bg{position:absolute;inset:0;z-index:-2}
.d5-outro::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(96deg,rgba(34,48,31,.94),rgba(34,48,31,.7))}
.d5-outro__grid{display:grid;gap:clamp(1.75rem,4vw,4rem);align-items:center}
@media(min-width:1000px){.d5-outro__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
.d5-outro h2{color:var(--paper);font-size:clamp(1.9rem,1.45rem + 2.2vw,3.2rem);line-height:1.02;letter-spacing:-.032em;margin:1.1rem 0 1.2rem;max-width:17ch}
.d5-outro h2 em{font-style:italic;color:var(--sage-soft)}
.d5-outro .mm-body{color:rgba(243,255,239,.82);max-width:56ch}
.d5-outro__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.d5-outro__pics{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}

/* ---------- dock ---------- */
/* held back until the opening screen has been scrolled past, so it never
   sits on top of the credential band */
.d5-dock{position:fixed;right:1.5rem;bottom:1.5rem;z-index:60;display:flex;gap:.5rem;
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .45s var(--ease),transform .45s var(--ease),visibility .45s}
.d5-dock.is-on{opacity:1;visibility:visible;transform:none}
.d5-dock a{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1.2rem;border-radius:1px;
  background:var(--deep-2);color:var(--paper);text-decoration:none;
  font:500 .6875rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;
  box-shadow:0 18px 40px -24px rgba(34,48,31,.95);transition:background .3s var(--ease)}
.d5-dock a:hover{background:var(--deep)}
.d5-dock a.is-ghost{background:var(--paper);color:var(--deep);border:1px solid var(--hair)}
.d5-dock a.is-ghost:hover{background:var(--mint)}
@media(max-width:640px){.d5-dock{left:1rem;right:1rem;bottom:1rem}.d5-dock a{flex:1;justify-content:center}}
@media(max-width:999px){footer{padding-bottom:5rem!important}}