/* ===== Fonts (self-hosted, no internet needed) ===== */
@font-face{font-family:'Cinzel';font-weight:400;font-display:block;src:url(assets/fonts/cinzel-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Cinzel';font-weight:600;font-display:block;src:url(assets/fonts/cinzel-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Cinzel';font-weight:700;font-display:block;src:url(assets/fonts/cinzel-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Pinyon Script';font-weight:400;font-display:block;src:url(assets/fonts/pinyon-script-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:500;font-style:normal;font-display:block;src:url(assets/fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:500;font-style:italic;font-display:block;src:url(assets/fonts/cormorant-garamond-latin-500-italic.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:600;font-style:normal;font-display:block;src:url(assets/fonts/cormorant-garamond-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:600;font-style:italic;font-display:block;src:url(assets/fonts/cormorant-garamond-latin-600-italic.woff2) format('woff2')}
@font-face{font-family:'Amiri';font-weight:400;font-display:block;src:url(assets/fonts/amiri-arabic-400-normal.woff2) format('woff2')}
@font-face{font-family:'Amiri';font-weight:700;font-display:block;src:url(assets/fonts/amiri-arabic-700-normal.woff2) format('woff2')}

/* ===== Card: fixed 1000 x 1400 design space (scaled by the page) ===== */
.card{position:absolute;left:0;top:0;width:1000px;height:1400px;overflow:hidden;background:#0a3a2a;color:#0f4a35;
  font-family:'Cormorant Garamond','Times New Roman',serif;font-weight:600;border-radius:6px;transform-origin:0 0;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.card *{box-sizing:border-box;margin:0;padding:0}
.card .art{position:absolute;left:0;top:0;width:1000px;height:1400px}
.card .t{position:absolute;left:0;width:1000px;text-align:center;line-height:1.12}
.card .cz{font-family:'Cinzel',serif;font-weight:600;letter-spacing:.06em}
.card .cg{font-family:'Cormorant Garamond',serif;font-weight:600}
.card .sc{font-family:'Pinyon Script',cursive;font-weight:400;line-height:1.2}
.card sup{font-size:.52em;line-height:0;vertical-align:super;letter-spacing:0}
.card .gold-d{background:linear-gradient(180deg,#6f4e12 0%,#b98a2b 34%,#e6c566 50%,#a77a22 68%,#6f4e12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.card .gold-l{background:linear-gradient(180deg,#fbeab0 0%,#e8c868 45%,#c99a35 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.card .grn{color:#0c4430}
.card .ink{color:#26301f}

/* Plaques (cartouches) and chips */
.card .pl{position:absolute}
.card .pl>svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.card .pl-in{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1}
.card .ico{width:64px;height:64px;flex:none}
.card .vl{width:3px;align-self:stretch;margin:22px 30px;background:linear-gradient(180deg,transparent,#e0bf62,transparent);flex:none}

/* Staggered reveal (transform + opacity only) */
.card .rv{opacity:0;transform:translateY(20px);transition:opacity .9s ease var(--d,0ms),transform 1.1s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
.card.on .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.card .rv{transition:none;opacity:1;transform:none}}