/* Private Desk, with APRYL (custom-private-desk.hbs). The site's own tokens (forge.css): glass cards, a gold feature panel, Playfair 900,
   the gold pill only for the invitation. Her screens stay fully visible; the cards carry the words, never a veil over a picture. */
.pd-hero .page-hero-inner { padding-bottom: 2rem; }
.pd-title { margin: 0; font-family: var(--font-display); font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 900; color: var(--pure-white); line-height: 1.1; }   /* the hero's title, without .page-hero-title: forge.js rewrites that element's markup and would drop the no-translate spans */
.pd-eyebrow { margin: 0 0 1rem; color: var(--noble-gold); font-size: 0.85rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
.pd-lede { max-width: 38rem; margin: 1.4rem auto 0; color: rgba(255, 255, 255, 0.82); font-size: clamp(1.05rem, 1.6vw, 1.3rem); line-height: 1.6; }
.pd-status { margin: 1.2rem 0 0; color: var(--medium-gray); font-size: 0.85rem; letter-spacing: 0.1em; text-transform: uppercase; }
.pd-feature { max-width: 1100px; }
.pd-main { max-width: 1100px; margin: 0 auto; padding: 1rem 2rem 5rem; display: grid; gap: 2rem; }
.pd-card, .pd-gold { min-width: 0; padding: clamp(1.5rem, 3vw, 2.6rem); border-radius: 24px; }
.pd-card { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.1); }
.pd-n { margin: 0 0 0.4rem; color: var(--accent-glow); font-family: var(--font-mono, ui-monospace, monospace); font-size: 0.85rem; letter-spacing: 0.12em; }
.pd-card h2, .pd-gold h2 { margin: 0 0 0.7rem; color: var(--pure-white); font-family: var(--font-display); font-weight: 900; font-size: clamp(1.7rem, 3.4vw, 2.5rem); line-height: 1.15; }
.pd-card > p:not(.pd-n), .pd-gold > p:not(.pd-eyebrow) { max-width: 44rem; margin: 0 0 1.6rem; color: rgba(255, 255, 255, 0.82); font-size: 1.08rem; line-height: 1.65; }
.pd-shot, .pd-doc, .pd-trio img { display: block; width: 100%; height: auto; border-radius: 16px; box-shadow: var(--shadow-deep, 0 18px 50px rgba(0, 0, 0, 0.5)); border: 1px solid rgba(255, 255, 255, 0.08); }
.pd-shot--sheet { max-width: 46rem; }
.pd-duo { display: grid; grid-template-columns: minmax(0, 0.55fr) minmax(0, 1.45fr); gap: 1.4rem; align-items: center; }
.pd-doc--map { height: auto; }
.pd-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; margin: 0; }
.pd-trio figure { margin: 0; display: grid; gap: 0.7rem; }
.pd-trio figcaption { color: var(--noble-gold-light); font-size: 0.85rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
.pd-gold { text-align: center; border: 1px solid rgba(212, 175, 55, 0.45); background: linear-gradient(135deg, rgba(212, 175, 55, 0.07), rgba(212, 175, 55, 0.02)); }
.pd-gold > p:not(.pd-eyebrow) { margin-inline: auto; }
.pd-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0.85rem 2.4rem; border-radius: 50px; background: linear-gradient(135deg, var(--noble-gold), var(--noble-gold-light)); color: var(--pure-black); font-weight: 700; letter-spacing: 0.04em; text-decoration: none; box-shadow: 0 10px 34px rgba(212, 175, 55, 0.25); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.pd-cta:hover { transform: translateY(-2px); box-shadow: 0 14px 40px rgba(212, 175, 55, 0.4); color: var(--pure-black); }
.pd-cta[aria-disabled="true"] { cursor: default; }
.pd-cta:focus-visible { outline: 2px solid var(--noble-gold-bright); outline-offset: 4px; }
.pd-close { margin: 1rem 0 0; text-align: center; color: var(--medium-gray); font-style: italic; }
/* motion: restrained, and only once the script has marked the page (so nothing is hidden without it) */
.pd-motion .pd-rise { opacity: 0; transform: translateY(18px); transition: opacity 0.7s ease, transform 0.7s cubic-bezier(.2, .8, .2, 1); }
.pd-motion .pd-rise.is-in { opacity: 1; transform: none; }
@media (max-width: 768px) {
    .pd-main { padding: 0.5rem 1.5rem 3.5rem; gap: 1.4rem; }
    .pd-duo { grid-template-columns: 1fr; }
    .pd-doc:not(.pd-doc--map) { max-width: 16rem; margin-inline: auto; }
    .pd-trio { grid-template-columns: 1fr; }
}
.pd-video { width: min(100% - 32px, 1100px); margin: 0 auto 2rem; aspect-ratio: 16 / 9; border-radius: 24px; overflow: hidden; border: 1px solid rgba(212, 175, 55, 0.45); background: #0a0a10; }
.pd-video iframe, .pd-video video { display: block; width: 100%; height: 100%; border: 0; object-fit: cover; }