.hermandad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.hermandad-tile{display:block;overflow:hidden;border:1px solid #393b34;border-radius:5px;background:#1b1d1b;transition:border-color .2s}.hermandad-tile[hidden],.hermandad-day[hidden]{display:none}.hermandad-tile:hover{border-color:var(--gold)}.hermandad-photo{aspect-ratio:16/9;overflow:hidden;background:radial-gradient(ellipse at top,#464135,#181a18)}.hermandad-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.hermandad-tile:hover .hermandad-photo img{transform:scale(1.04)}.hermandad-label{position:relative;display:flex;align-items:center;gap:17px;padding:20px;min-height:108px}.hermandad-shield{display:grid;place-items:center;flex-shrink:0;width:76px;height:76px;padding:8px;background:#fff;border:3px solid #d4b779;border-radius:50%;box-shadow:0 5px 20px #0003;overflow:hidden}.hermandad-shield img{width:100%;height:100%;object-fit:contain}.hermandad-label .hermandad-shield{margin-top:-45px;position:relative}.hermandad-label h3{font-size:27px;margin:0 0 7px}.hermandad-label>div>span{font-size:10px;color:var(--gold)}.directory-intro h1{max-width:900px}.directory-search{display:flex;flex-direction:column;gap:8px;max-width:570px;color:var(--gold);font-size:12px;margin-top:26px}.directory-search input{background:#121412;border:1px solid #5b574b;border-radius:3px}.directory-status{min-height:20px}.directory-days{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:35px}.directory-days a{font-size:11px;padding:9px 13px;border:1px solid var(--line);border-radius:3px}.directory-days a:hover{border-color:var(--gold);color:var(--gold)}.hermandad-day{padding:28px 0 50px;scroll-margin-top:115px}.hermandad-day h2{font-size:40px}.hermandad-hero{isolation:isolate;position:relative;background:#28271f;overflow:hidden}.hermandad-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hermandad-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111511fa,rgba(12,15,12,.3) 85%);z-index:-1}.hermandad-hero-inner{padding-block:30px 45px;min-height:410px;display:flex;flex-direction:column;justify-content:space-between;gap:75px}.back-link{font-size:12px;color:#fff;width:fit-content;background:#1119;padding:7px 12px;border-radius:3px}.hermandad-heading{display:flex;align-items:center;gap:27px}.hermandad-heading h1{font-size:clamp(45px,5.5vw,76px);margin-bottom:8px}.hermandad-shield.large{width:138px;height:138px;padding:12px;border-width:4px}.hermandad-day-link{color:#e6ddcc;font-size:13px}.video-hermandades{display:flex;flex-wrap:wrap;gap:15px;margin:24px 0}.hermandad-badge{display:flex;gap:12px;align-items:center;padding:8px 15px 8px 8px;border:1px solid var(--line);border-radius:40px;font-size:12px;color:var(--gold)}.hermandad-badge img{width:44px;height:44px;object-fit:contain;background:white;border-radius:50%;padding:4px}.collection-nav{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 25px}.collection-nav a{padding:9px 14px;border:1px solid var(--line);font-size:11px;color:var(--gold)}
@media(max-width:1050px){.hermandad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:600px){.hermandad-grid{grid-template-columns:1fr;gap:23px}.hermandad-label h3{font-size:29px}.hermandad-hero-inner{min-height:390px;padding-block:24px 32px;gap:70px}.hermandad-heading{gap:16px;align-items:center}.hermandad-shield.large{width:90px;height:90px;padding:8px;flex-shrink:0}.hermandad-heading h1{font-size:41px}.hermandad-heading .eyebrow{font-size:8px;letter-spacing:.1em}.hermandad-day-link{font-size:11px}.hermandad-day{padding-bottom:30px}.hermandad-day h2{font-size:34px}.hermandad-hero-photo{object-position:center}.directory-intro h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){.hermandad-tile,.hermandad-photo img{transition:none}}

/* Quiet directory: only each crest and name, grouped by its jornada. */
.hermandad-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.hermandad-tile{border:0;background:transparent;overflow:visible;text-align:center;padding:18px 8px}
.hermandad-label{display:flex;flex-direction:column;gap:18px;padding:0;min-height:0}
.hermandad-label .hermandad-shield{margin:0;width:112px;height:112px;padding:13px;border:1px solid #d4b77980;box-shadow:0 0 0 6px #d4b77909;transition:box-shadow .2s}
.hermandad-tile:hover .hermandad-shield{box-shadow:0 0 0 7px #d4b77925}
.hermandad-label h3{font-size:23px;line-height:1.2;margin:0;color:var(--ink)}
.hermandad-label>div>span{display:none}
.hermandad-day{border-top:1px solid var(--line);padding-block:35px 55px}
.hermandad-day .section-head{margin-bottom:28px}
/* Full-width photograph, with a separate centered identity below it. */
.hermandad-hero{background:var(--paper);overflow:visible}
.hermandad-hero:after{display:none}
.hermandad-hero-photo{position:relative;inset:auto;z-index:auto;width:100%;height:clamp(220px,32vw,480px);object-fit:cover;object-position:center}
.hermandad-hero-inner{min-height:0;gap:30px;padding-block:25px 48px;border-bottom:1px solid var(--line)}
.hermandad-hero-inner .back-link{background:transparent;padding:0;color:var(--muted)}
.hermandad-heading{flex-direction:column;text-align:center;gap:23px;padding-inline:15px}
.hermandad-heading h1{font-size:clamp(42px,5vw,72px);line-height:1.05;margin:0 0 16px;overflow-wrap:anywhere}
.hermandad-shield.large{width:140px;height:140px;padding:16px;border:1px solid var(--gold);box-shadow:0 0 0 7px #d4b7790d}
.hermandad-heading .eyebrow{font-size:10px;letter-spacing:.2em}
.hermandad-day-link{font-size:12px;color:var(--gold)}
@media(max-width:1050px){.hermandad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
@media(max-width:600px){.hermandad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.hermandad-label h3{font-size:23px}.hermandad-label .hermandad-shield{width:96px;height:96px}.hermandad-heading{gap:23px}.hermandad-shield.large{width:115px;height:115px}.hermandad-hero-inner{padding-block:22px 36px;gap:30px}.hermandad-heading h1{font-size:43px}.hermandad-hero-photo{height:230px}}
.hermandad-hero-photo{height:auto;max-height:none;object-fit:contain;object-position:50% 50%;margin-inline:auto}