:root{color-scheme:dark;--ink:#11100f;--paper:#eee9dd;--muted:#a49d90;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper)}button,a{color:inherit}a{text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--paper);outline-offset:5px}img{display:block;max-width:100%}.hero{height:100svh;min-height:600px;position:relative;display:flex;align-items:center;overflow:hidden;background:#170f0b}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background-image:url('/assets/hero-desktop.jpg');background-size:cover;background-position:50% 52%}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.15) 52%,rgba(0,0,0,.08) 100%)}.hero h1{position:absolute;z-index:1;top:75%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 36px);margin:0;text-align:center;white-space:nowrap;font-family:'UnifrakturCook',Georgia,serif;font-weight:700;font-size:clamp(44px,7.5vw,140px);line-height:.87;letter-spacing:-.025em;text-shadow:0 2px 20px rgba(0,0,0,.16)}.scroll-cue{position:absolute;z-index:1;bottom:36px;left:clamp(24px,4vw,64px);display:flex;align-items:center;gap:20px;text-transform:uppercase;letter-spacing:.2em;font-size:10px}.cue-line{width:56px;height:1px;background:currentColor;opacity:.75}.section-shell{max-width:1500px;margin:auto;padding:clamp(90px,12vw,180px) clamp(24px,6vw,100px) 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:42px;border-bottom:1px solid #37332e;padding-bottom:22px}.section-head h2{font-size:clamp(22px,3vw,36px);font-weight:400;letter-spacing:-.05em;margin:0}.member-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:42px 20px}.member-card{min-width:0}.portrait{aspect-ratio:1;background:#211f1c;overflow:hidden}.portrait img{height:100%;width:100%;object-fit:cover;transition:transform .35s ease}.member-card:hover .portrait img{transform:scale(1.035)}.portrait-placeholder{display:grid;place-items:center;background:#201e1b;color:#5a554c}.portrait-placeholder span{font-family:Georgia,serif;font-size:clamp(30px,4vw,56px);letter-spacing:-.12em;opacity:.7}.member-meta{padding-top:13px;display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.member-meta h3{margin:0;font-size:13px;font-weight:500}.text-link{border:0;background:none;padding:0;color:var(--muted);font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}footer{border-top:1px solid #37332e;padding:30px clamp(24px,6vw,100px);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}footer a{text-decoration:underline;text-underline-offset:4px}dialog{max-width:min(760px,calc(100vw - 30px));max-height:calc(100vh - 30px);width:100%;border:1px solid #514a40;padding:24px;background:#171614;color:var(--paper);overflow:auto}dialog::backdrop{background:rgba(0,0,0,.86)}.dialog-close{position:sticky;top:0;float:right;border:0;background:#171614;color:var(--paper);font-size:32px;line-height:1;cursor:pointer;z-index:1}.dialog-image{width:100%;max-height:65vh;object-fit:contain;clear:both}dialog h2{font-size:20px;font-weight:400;margin:20px 0 6px}dialog p{max-width:55ch;color:var(--muted);line-height:1.6;font-size:14px}@media(max-width:900px){.member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:clamp(42px,8vw,80px)}}@media(max-width:600px){.hero{min-height:520px;align-items:flex-end}.hero-photo{background-image:url('/assets/hero-mobile.jpg');background-position:52% 43%}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 57%),linear-gradient(180deg,rgba(0,0,0,.28),transparent 25%)}.hero h1{top:74%;font-size:clamp(35px,8.5vw,58px)}.scroll-cue{bottom:28px}.section-head{align-items:flex-start;flex-direction:column;gap:12px}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 12px}footer{flex-wrap:wrap;line-height:1.7}footer span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portrait img{transition:none}}

/* A soft second impression of the letters gives the headline a restrained ink bleed. */
footer nav { display: flex; gap: clamp(18px, 3vw, 44px); }
.members.section-shell { padding-top: clamp(160px, 24vh, 300px); padding-bottom: clamp(100px, 12vw, 180px); }
.members .section-head { display:block; }
.members .section-head p { margin:18px 0 0; color:var(--muted); font-size:clamp(15px,1.5vw,18px); line-height:1.5; }
.member-card { --ink-x:50%; --ink-y:50%; --outer-ink:.07; position:relative; box-shadow:0 0 22px 1px rgba(188,165,127,var(--outer-ink)); transition:box-shadow .25s ease; }
.member-card::after { content:""; position:absolute; z-index:3; inset:0; pointer-events:none; border:1px solid rgba(238,233,221,.13); background:radial-gradient(circle 125px at var(--ink-x) var(--ink-y),rgba(188,165,127,.14),transparent 78%); box-shadow:inset 0 0 18px rgba(188,165,127,.08); opacity:.5; transition:opacity .25s ease; }
.member-card:is(:hover,:focus-within,.is-open)::after { opacity:1; }
.portrait { cursor:pointer; }
.member-meta { position:absolute; z-index:2; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:28px 12px 14px; background:rgba(17,16,15,.78); text-align:center; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .28s ease,visibility .28s ease; }
.member-meta h3 { font-size:clamp(15px,1.5vw,21px); font-weight:500; line-height:1.15; text-shadow:0 0 14px rgba(238,233,221,.2); }
.member-meta .text-link { color:var(--paper); font-size:10px; letter-spacing:.12em; text-transform:uppercase; opacity:.78; }
.member-meta .text-link:hover { opacity:1; }
.member-card.is-open .member-meta,.portrait:focus-visible + .member-meta,.member-meta:focus-within { opacity:1; visibility:visible; pointer-events:auto; }
@media (hover:hover) and (pointer:fine) { .member-card:hover .member-meta { opacity:1; visibility:visible; pointer-events:auto; } }
@media (max-width: 600px) {
  .members.section-shell { padding-top: clamp(130px, 20vh, 190px); }
}
@media (min-width: 901px) {
  .member-grid { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .member-card { grid-column: span 2; }
  .member-card:nth-last-child(4):nth-child(5n + 1) { grid-column: 2 / span 2; }
}
.founding-label {
  position: absolute;
  z-index: 4;
  left: 10px;
  top: 10px;
  padding: 7px 8px 6px;
  border: 1px solid rgba(238,233,221,.35);
  background: rgba(17,16,15,.82);
  color: var(--paper);
  font-size: 9px;
  letter-spacing: .1em;
  line-height: 1;
  text-transform: uppercase;
}
.portrait { position: relative; }
footer a, .text-link {
  text-decoration: none;
  transition: color .2s ease, opacity .2s ease, transform .2s ease;
}
footer a { opacity: .72; }
footer a:hover, .text-link:hover { color: var(--paper); opacity: 1; }
.section-head h2 {
  font-family: 'UnifrakturCook', Georgia, serif;
  font-size: clamp(32px, 4vw, 52px);
  letter-spacing: 0;
  line-height: 1;
}
.hero h1::after {
  content: attr(data-ink);
  position: absolute;
  inset: 0;
  z-index: -1;
  color: var(--paper);
  opacity: .16;
  filter: blur(2px);
  transform: scale(1.006);
  pointer-events: none;
  transition: opacity .55s ease, filter .55s ease, transform .8s ease;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .hero h1:hover::after {
    opacity: .48;
    filter: blur(4px);
    transform: scale(1.026);
  }
}
@media (prefers-reduced-motion: reduce) {
  footer a, .text-link { transition: none; }
  .hero h1::after { transition: none; }
}
.cabal-entry { position:absolute; z-index:2; top:clamp(24px,4vw,56px); right:clamp(24px,4vw,64px); padding:9px 0; border:0; background:transparent; color:var(--paper); font-family:'UnifrakturCook',Georgia,serif; font-size:clamp(10.5px,1.1vw,14.5px); line-height:1; cursor:pointer; transition:opacity .2s ease; }
.cabal-entry:hover { opacity:.65; }
.coming-soon-dialog { --ink-x:50%; --ink-y:50%; --ink-strength:.18; --outer-ink:.12; width:min(540px,calc(100vw - 36px)); min-height:350px; padding:clamp(24px,5vw,46px); border-color:#48423a; background:radial-gradient(circle 160px at var(--ink-x) var(--ink-y),rgba(180,160,125,.075),transparent 75%),#151411; box-shadow:inset 0 0 20px rgba(188,165,127,.055),0 0 32px 3px rgba(188,165,127,var(--outer-ink)),0 28px 100px rgba(0,0,0,.45); transition:border-color .35s ease,box-shadow .35s ease; }
.coming-soon-dialog[open] { display:flex; align-items:center; justify-content:center; }
.coming-soon-dialog:hover { border-color:#756a5b; }
.coming-soon-dialog .dialog-close { position:absolute; top:20px; right:22px; float:none; background:transparent; color:var(--muted); transition:color .2s ease; }
.coming-soon-dialog .dialog-close:hover { color:var(--paper); }
.coming-soon-content { width:100%; padding:0 0 12px; text-align:center; }
.coming-soon-dialog h2 { position:relative; isolation:isolate; padding:0; margin:19px 0 22px; font-family:'UnifrakturCook',Georgia,serif; font-size:clamp(40px,7vw,58px); font-weight:700; line-height:.97; }
.coming-soon-dialog h2::after { content:attr(data-ink); position:absolute; inset:0; z-index:-1; color:var(--paper); opacity:var(--ink-strength); filter:blur(3px); transform:scale(1.008); pointer-events:none; transition:opacity .25s ease,filter .25s ease; }
.coming-soon-dialog h2:focus { outline:none; }
.coming-soon-dialog p { max-width:none; width:100%; margin:0 auto; color:var(--muted); font-size:13px; line-height:1.65; text-align:center; }
@media (prefers-reduced-motion: reduce) { .cabal-entry,.coming-soon-dialog,.coming-soon-dialog h2::after { transition:none; } }
@media (prefers-reduced-motion: reduce) { .member-card,.member-card::after,.member-meta { transition:none; } }