.wa-index { --rule:#c3c7b9; --soft:#46574e; --accent:#9d412a; max-width:1840px; padding-bottom:clamp(65px,8vw,130px); }
.wa-index .wa-mast { display:flex; justify-content:space-between; gap:24px; align-items:flex-end; padding:clamp(32px,3.5vw,65px) 0 clamp(19px,2vw,35px); }
.wa-label,.wa-taxon,.wa-register,.wa-totals dt { font-size:11px; font-weight:550; line-height:1.4; letter-spacing:.12em; text-transform:uppercase; }
.wa-index .wa-label { display:flex; align-items:center; gap:9px; }
.wa-label i { width:6px; height:6px; border-radius:50%; background:var(--accent); }
.wa-label b { font-weight:400; color:#879085; }
.wa-index .wa-mast h1 { font-size:clamp(68px,7.4vw,125px); line-height:.96; margin:11px 0 0; }
.wa-index .wa-mast h1 em { font-size:1.07em; }
.wa-totals { display:flex; gap:clamp(18px,2.1vw,38px); margin:0 0 .4em; }
.wa-totals div { display:flex; flex-direction:column-reverse; gap:4px; }
.wa-totals dt { color:var(--soft); font-size:10px; }
.wa-totals dd { margin:0; font:400 clamp(29px,3.1vw,50px)/1 Instrument,Georgia,serif; }
.wa-filters { display:flex; align-items:center; flex-wrap:wrap; gap:3px 5px; border-block:1px solid var(--rule); padding:10px 0; }
.wa-filters a { display:inline-flex; align-items:center; justify-content:center; min-height:38px; font-size:14px; line-height:1.2; padding:7px 17px; border-radius:30px; }
.wa-filters a[aria-current] { background:var(--ink); color:var(--paper); }
.wa-filters a:not([aria-current]):hover { background:#e6e6da; }
.wa-register { display:flex; align-items:center; gap:14px; margin:clamp(15px,1.7vw,27px) 0 12px; color:var(--soft); font-size:10px; }
.wa-register span { width:30px; height:1px; background:#9ca79b; }
.wa-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:clamp(30px,3.2vw,65px) clamp(15px,2vw,38px); }
.wa-card { display:block; min-width:0; }
.wa-card[hidden] { display:none; }
.wa-frame { position:relative; container-type:inline-size; isolation:isolate; aspect-ratio:8/5; overflow:hidden; background:var(--mat); }
.wa-frame::after { content:""; position:absolute; inset:0; border:1px solid rgba(32,41,33,.09); pointer-events:none; }
.wa-frame img { transition:transform .45s cubic-bezier(.2,.7,.25,1); }
.wa-bleed img { width:100%; height:100%; object-fit:cover; object-position:var(--focus); }
.wa-plate,.wa-duo,.wa-mark { display:flex; align-items:center; justify-content:center; }
.wa-plate,.wa-duo { background:linear-gradient(120deg,#ffffff20,transparent 56%,#0000000c),var(--mat); }
.wa-plate img,.wa-duo img,.wa-mark img { max-width:84%; max-height:82%; width:auto; height:auto; }
.wa-plate img,.wa-duo img { box-shadow:0 2.5cqw 4cqw -2cqw #171e1a75,0 .3cqw .8cqw #17231c22; }
.wa-mark img { width:80%; height:77%; object-fit:contain; }
.wa-duo { gap:4%; }
.wa-duo img { max-width:42%; max-height:81%; }
.wa-info { position:relative; border-bottom:1px solid var(--rule); padding:14px 36px 17px 0; }
.wa-taxon { color:var(--soft); font-size:10px; letter-spacing:.11em; }
.wa-taxon span { color:var(--accent); font-variant-numeric:tabular-nums; }
.wa-index .wa-card h2 { margin:5px 0 4px; font-size:clamp(24px,2.08vw,39px); line-height:1.08; letter-spacing:-.05em; overflow-wrap:break-word; }
.wa-sub { font-size:clamp(13px,.96vw,16px); line-height:1.45; color:var(--soft); }
.wa-open { position:absolute; right:0; top:15px; display:grid; place-items:center; width:29px; height:29px; border:1px solid var(--rule); border-radius:50%; font:17px/1 Arial,sans-serif; transition:background .18s,color .18s; }
.wa-card:focus-visible .wa-open { background:var(--ink);color:var(--paper); }
@media (hover:hover) {
  .wa-card:hover .wa-open { background:var(--ink);color:var(--paper); }
  .wa-card:hover .wa-bleed img { transform:scale(1.025); }
  .wa-card:hover :is(.wa-plate,.wa-duo) img { transform:translateY(-1%); }
}
@media(max-width:1000px) { .wa-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px) {
 .v5-header:has(+ main .wa-index) { min-height:58px; gap:8px; }
 .v5-header:has(+ main .wa-index) .wordmark { font-size:clamp(24px,6.6vw,29px); }
 .v5-header:has(+ main .wa-index) nav { flex-wrap:nowrap; gap:clamp(5px,1.65vw,9px); }
 .v5-header:has(+ main .wa-index) nav a { white-space:nowrap; font-size:clamp(11px,3vw,13px); }
 .wa-index .wa-mast { align-items:center;gap:12px; }
 .wa-index .wa-mast h1 { font-size:clamp(48px,12vw,72px); }
 .wa-totals { gap:11px; margin:15px 0 0; }
 .wa-totals dt { font-size:9px; letter-spacing:.04em; }
 .wa-totals dd { font-size:27px; }
 .wa-filters { gap:1px 2px; padding:7px 0; }
 .wa-filters a { min-height:36px; padding:6px 11px; font-size:13px; }
 .wa-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
 .wa-index .wa-card h2 {font-size:28px;}
 .wa-info {padding-top:11px;padding-bottom:15px;}
}
@media(max-width:450px) {
 .wa-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; }
 .wa-filters a { min-height:38px; padding:5px; }
}
@media(max-width:340px) {
 .v5-header:has(+ main .wa-index) { align-items:flex-start; flex-direction:column; padding-block:8px; gap:0; }
}
@media(prefers-reduced-motion:reduce) { .wa-index *, .wa-index *::after { transition:none !important; transform:none !important; } }

/* Use the same top bar and dialog as the landing page. */
body:has(.wa-index) .studio-top {position:relative;inset:auto;background:var(--paper,#f6f3eb);color:#172c2a;}
body:has(.wa-index) .studio-top .wordmark {color:inherit;}
@media (max-width:740px) {
 body:has(.wa-index) .studio-top {display:flex;flex-wrap:nowrap;align-items:center;gap:10px;padding:12px 5vw;}
 body:has(.wa-index) .studio-top:has(.menu-launch:not([hidden])) .direct-nav {display:none;}
 body:has(.wa-index) .studio-top .cys-language-picker {margin-inline-start:auto;}
 body:has(.wa-index) .menu-launch {min-height:44px;}
 body:has(.wa-index) .studio-top:has(.menu-launch[hidden]) {flex-wrap:wrap;}
 body:has(.wa-index) .studio-top:has(.menu-launch[hidden]) .direct-nav {display:flex;flex-wrap:wrap;}
}