/* Card Atelier entry points, independent of the existing navigation width. */
.pps-card-nav{border-top:1px solid var(--pps-border);background:var(--pps-bg-subtle)}
.pps-card-nav>.pps-container{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:9px}
.pps-card-nav a,.pps-card-footer a{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--pps-accent);font-size:14px;font-weight:650;min-height:28px}
.pps-card-nav a:hover,.pps-card-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.pps-card-nav small,.pps-card-footer small{font-size:11px;color:var(--pps-text-muted)}
.pps-card-nav__note{font-size:12px;color:var(--pps-text-muted)}
.pps-card-footer{margin:16px 0}
.pps-card-section{padding-block:20px 40px}
.pps-card-banner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:32px;padding:38px 42px;background:#f2f3ec;border:1px solid #dfe3d7;border-radius:16px;color:#343e30;overflow:hidden}
.pps-card-banner__eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 12px;color:#59674e}
.pps-card-banner h2{font-size:clamp(23px,2.5vw,32px);line-height:1.4;margin:0 0 12px;letter-spacing:-.6px}
.pps-card-banner__copy>p:not(.pps-card-banner__eyebrow){font-size:15px;line-height:1.8;margin:0 0 20px;color:#56614e;max-width:54ch}
.pps-card-banner .pps-btn{background:#414f39;color:#fff;white-space:normal;text-align:center}
.pps-card-banner .pps-btn:hover{background:#53664a}
.pps-card-banner .pps-card-banner__meta{font-size:12px;margin:12px 0 0}
.pps-card-art{position:relative;height:240px;width:100%;max-width:360px;justify-self:center}
.pps-card-art__front,.pps-card-art__back{position:absolute;width:82%;aspect-ratio:1.8;box-shadow:0 14px 25px #24332325;border-radius:3px;display:flex;flex-direction:column;justify-content:center;padding:22px}
.pps-card-art__back{background:#345641;color:#f4ecdb;right:0;top:0;transform:rotate(10deg);font-family:Georgia,serif;font-size:18px;text-align:center}
.pps-card-art__back span{margin-top:12px;font-size:30px}
.pps-card-art__front{background:#f6edde;border-right:12px solid #aa5a44;left:0;bottom:6px;transform:rotate(-8deg);color:#43372b}
.pps-card-art__front small{font:9px Georgia,serif;color:#99503d;letter-spacing:1px}
.pps-card-art__front strong{font-size:19px;line-height:1.6;margin:14px 0 5px}
.pps-card-art__front i{height:1px;background:#c6b6a1;width:100%;margin-bottom:10px}
.pps-card-art__front>span{font-size:9px}
@media(max-width:760px){.pps-card-nav__note{display:none}.pps-card-banner{grid-template-columns:minmax(0,1fr);padding:25px;gap:25px}.pps-card-art{max-width:320px;height:210px}.pps-card-banner__copy>p:not(.pps-card-banner__eyebrow){font-size:14px}.pps-card-section{padding-block:8px 25px}}
@media(max-width:380px){.pps-card-art{height:175px}.pps-card-art__front,.pps-card-art__back{padding:16px}.pps-card-art__front strong{font-size:16px;margin:9px 0 4px}}
.pps-card-nav>.pps-container{flex-wrap:wrap}.pps-card-nav .pps-character-link{margin-right:auto}.pps-character-link{color:var(--pps-accent);font-size:14px;font-weight:650}.pps-character-footer{margin:16px 0}.pps-character-section{padding-block:0 30px}.pps-character-banner{display:flex;align-items:center;gap:22px;border:1px solid var(--pps-border);border-radius:14px;padding:22px 28px;background:var(--pps-bg-subtle)}.pps-character-banner>img{border-radius:9px;flex-shrink:0}.pps-character-banner>span{display:flex;flex-direction:column;gap:5px;min-width:0}.pps-character-banner small{font-size:10px;letter-spacing:2px;color:var(--pps-text-muted)}.pps-character-banner strong{font-size:23px;line-height:1.5}.pps-character-banner>span>span{font-size:13px;line-height:1.8;color:var(--pps-text-muted)}.pps-character-banner>b{margin-left:auto;font-size:24px;color:var(--pps-accent)}.pps-character-banner:hover{border-color:var(--pps-accent)}@media(max-width:680px){.pps-character-banner{padding:18px;gap:15px}.pps-character-banner>img{width:65px;height:65px}.pps-character-banner strong{font-size:19px}.pps-character-banner>span>span{font-size:11px}.pps-character-banner>b{display:none}}