/* Entry-specific interface artwork. Abstract forms carry no cultural attribution. */
.nation-row.directory-visual-card{position:relative;isolation:isolate;min-height:180px;margin:12px 0;padding:0 14px 0 22px;border:1px solid color-mix(in srgb,var(--card-accent) 45%,var(--card-paper));border-left:5px solid var(--card-accent);border-radius:4px;background:var(--card-paper);box-shadow:0 4px 13px #273b2e0d;grid-template-columns:minmax(0,1fr) 34px}
.directory-visual-card .nation-link{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:9px 15px;min-height:180px;padding:22px 0;align-content:center}
.directory-visual-card .nation-link>div:first-child{max-width:74%;min-width:0}
.directory-visual-card .nation-link>div{background:var(--card-paper);box-shadow:8px 0 12px var(--card-paper);border-radius:3px}
.directory-visual-card .nation-title{font:34px/1.15 var(--serif);color:#293d32;overflow-wrap:anywhere;margin:0 0 6px}
.directory-visual-card .nation-alt{color:#3e5145;font-size:10px;line-height:1.6}
.directory-visual-card .row-meta{grid-row:2;grid-column:1;max-width:75%;color:#3e5145;font-size:10px;line-height:1.7}
.directory-visual-card .tiny-label{color:#3e5145}
.directory-visual-card .row-arrow{grid-column:2;grid-row:1/3;align-self:end;display:grid;place-items:center;width:28px;height:28px;line-height:1;border:1px solid var(--card-accent);border-radius:50%;color:var(--card-accent);background:var(--card-paper)}
.directory-visual-card .bookmark{position:relative;z-index:2;align-self:start;margin-top:16px;color:var(--card-accent);background:var(--card-paper);min-height:32px;border-radius:3px}
.directory-visual-card .nation-link:hover{text-decoration:none}.directory-visual-card .nation-link:hover .nation-title{color:var(--card-accent);text-decoration:underline;text-underline-offset:5px}
.directory-visual-card:focus-within{outline:3px solid var(--card-accent);outline-offset:4px}.directory-visual-card .nation-link:focus-visible{outline:2px solid var(--card-accent);outline-offset:2px}
.directory-card-art{position:absolute;inset:0 0 0 auto;width:43%;z-index:0;overflow:hidden;border-radius:0 3px 3px 0;pointer-events:none;background:radial-gradient(ellipse at var(--card-x) var(--card-y),hsl(var(--card-h) 30% 76% / .8),transparent 65%),linear-gradient(var(--card-angle),hsl(var(--card-h) 26% 38%),hsl(calc(var(--card-h) + 32) 32% 66%))}
.directory-card-art:before{content:'';position:absolute;width:150%;height:150%;left:15%;top:20%;border:1px solid #fff8df80;border-radius:50%;box-shadow:0 0 0 12px #fff8df14,0 0 0 25px #fff8df26,0 0 0 40px #fff8df14;transform:rotate(var(--card-angle))}
.directory-card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--card-paper),transparent 58%)}
.directory-card-art>span{position:absolute;right:7%;bottom:1%;font:150px/1 var(--serif);color:#fff9e8;opacity:.21;transform:rotate(-7deg);user-select:none}
.directory-card-art.art-orbit:before{width:80%;height:110%;left:35%;top:-10%;border-radius:50%;box-shadow:0 0 0 16px #fff8df13,0 0 0 33px #fff8df26,0 0 0 50px #fff8df13}
.directory-card-art.art-fold:before{left:var(--card-spread);top:-70%;width:120%;height:240%;border-radius:6%;background:#fff8df15;box-shadow:15px 0 0 #fff8df19,30px 0 0 #fff8df12;transform:rotate(36deg)}
.directory-card-art.art-ribbon:before{left:45%;top:-35%;width:28%;height:170%;border:0;border-radius:40%;background:#fff8df35;box-shadow:30px 0 0 #fff8df1a,-32px 0 0 #fff8df1a;transform:rotate(var(--card-angle))}
.directory-card-art.art-wash:before{left:var(--card-x);top:var(--card-y);width:90%;height:100%;border:0;background:#fff8df23;box-shadow:0 0 35px 35px #fff8df10}
.directory-card-art.art-sweep:before{left:12%;top:50%;width:160%;height:105%;border-width:2px;box-shadow:0 -10px 0 #fff8df17,0 -22px 0 #fff8df12;transform:rotate(-24deg)}
.directory-card-art.has-photo{background-size:cover;background-position:center;background-repeat:no-repeat}.directory-card-art.has-photo:before{display:none}.directory-card-art.has-photo:after{background:linear-gradient(90deg,var(--card-paper),transparent 43%)}
.directory-card-credit{display:block;font-size:9px;line-height:1.6;color:#3e5145;margin-top:12px}
@media(min-width:1000px){.directory-visual-card .nation-link>div:first-child{max-width:78%}.directory-visual-card .nation-title{font-size:35px}}
@media(max-width:700px){.nation-row.directory-visual-card{min-height:185px;padding-left:17px;padding-right:9px;grid-template-columns:minmax(0,1fr) 32px}.directory-visual-card .nation-link{min-height:185px;padding:20px 0;gap:9px}.directory-visual-card .nation-title{font-size:31px}.directory-visual-card .row-meta{display:block;max-width:84%;font-size:10px}.directory-visual-card .row-meta span{display:block}.directory-visual-card .nation-link>div:first-child{max-width:82%}.directory-card-art{width:46%}.directory-card-art>span{font-size:125px}.directory-card-art:after{background:linear-gradient(90deg,var(--card-paper),transparent 78%)}.directory-card-art.has-photo{width:39%;background-position:54% center}.directory-card-art.has-photo:after{background:linear-gradient(90deg,var(--card-paper),transparent 45%)}.directory-card-credit{font-size:8px}}
@media(max-width:390px){.directory-visual-card .nation-title{font-size:28px}.directory-visual-card .nation-link>div:first-child{max-width:88%}.directory-visual-card .row-meta{max-width:90%}.directory-card-art{width:42%;opacity:.78}.directory-card-art>span{font-size:100px}}
@media(prefers-reduced-motion:reduce){.directory-card-art{animation:none}}
@media print{.nation-row.directory-visual-card{background:white;border:1px solid #aaa;box-shadow:none;break-inside:avoid}.directory-card-art{display:none}.directory-visual-card .nation-link>div:first-child,.directory-visual-card .row-meta{max-width:100%}.directory-visual-card .bookmark{display:none}}

/* Muted directory-card surfaces; existing photographs and opened profiles retain their colors. */
.nation-row.directory-visual-card{--card-surface:color-mix(in srgb,var(--card-paper) 40%,#d8d0c2 60%);background:var(--card-surface);box-shadow:none;border-color:color-mix(in srgb,var(--card-accent) 35%,var(--card-surface));border-left-color:var(--card-accent)}
.directory-visual-card .nation-link>div{background:none;box-shadow:none}
.directory-visual-card .row-arrow,.directory-visual-card .bookmark{background:var(--card-surface)}
.directory-card-art:not(.has-photo){background:hsl(var(--card-h) 13% 48%)}
.directory-card-art:not(.has-photo)::before{opacity:.24}
.directory-card-art>span{opacity:.11}
.directory-card-art::after{background:linear-gradient(90deg,var(--card-surface) 0%,var(--card-surface) 38%,transparent 100%)}
.directory-card-art.has-photo::after{background:linear-gradient(90deg,var(--card-surface) 0%,var(--card-surface) 38%,transparent 100%)}
@media(max-width:700px){.directory-card-art::after{background:linear-gradient(90deg,var(--card-surface) 0%,var(--card-surface) 45%,transparent 100%)}.directory-card-art.has-photo::after{background:linear-gradient(90deg,var(--card-surface) 0%,var(--card-surface) 45%,transparent 100%)}}
@media print{.nation-row.directory-visual-card{--card-surface:white;background:white}}
/* Keep card imagery and decorative artwork clear, with text in its own space. */
.directory-visual-card .directory-card-art{width:38%;opacity:1}
.directory-visual-card .directory-card-art::after{background:linear-gradient(90deg,var(--card-surface),transparent 12%)}
.nation-row.directory-visual-card .nation-link>div:first-child{max-width:66%}
.nation-row.directory-visual-card .row-meta{max-width:66%}
@media(max-width:700px){.directory-visual-card .directory-card-art{width:40%;opacity:1}.directory-visual-card .directory-card-art::after{background:linear-gradient(90deg,var(--card-surface),transparent 12%)}.nation-row.directory-visual-card .nation-link>div:first-child{max-width:75%}.nation-row.directory-visual-card .row-meta{max-width:80%}}
/* Larger wording on every directory card, including the Apache reference card. */
.atlas-home-page .nation-row .nation-title{font-size:42px;line-height:1.12;margin-bottom:9px}
.atlas-home-page .nation-row .nation-alt{font-size:16px;line-height:1.5}
.atlas-home-page .nation-row .row-meta{font-size:16px;line-height:1.55}
.atlas-home-page .nation-row .tiny-label{font-size:14px;line-height:1.5}
.atlas-home-page .nation-row .directory-card-credit,.atlas-home-page .nation-row .apache-card-credit{font-size:13px;line-height:1.55;margin-top:12px}
.atlas-home-page .nation-row .nation-link{min-height:220px;padding-top:24px;padding-bottom:24px}
@media(max-width:700px){.atlas-home-page .nation-row .nation-title{font-size:34px;line-height:1.15}.atlas-home-page .nation-row .nation-alt,.atlas-home-page .nation-row .row-meta{font-size:16px}.atlas-home-page .nation-row .directory-card-credit,.atlas-home-page .nation-row .apache-card-credit{font-size:13px}.nation-row.directory-visual-card .nation-link>div:first-child,.nation-row.directory-visual-card .row-meta{max-width:88%}.atlas-home-page .nation-row .nation-link{min-height:240px;padding-top:22px;padding-bottom:22px}}
/* Preserve the rider’s head in this square archival detail. */
body.atlas-home-page .nation-row[data-slug="lipan-apache"] .directory-card-art.has-photo{background-position:center top!important}