/* The Edmund Grey card (Cara, 2026-11-06; Adam: "the same level of care and attention to detail" as
   POTUS). An open book in Edmund Grey's own colours (ivory paper, ink, terracotta, moss green):
   the photograph on the left page (Edmund in his study, with the call and his film), the printed page
   on the right (a real story to hear, the three steps, where it stands and the way to the site). */
#edmund-drawer{padding:16px 24px 18px}
.eg-card{--paper:#fbf8f1;--ink:#10252e;--ink2:#4a575c;--terra:#af6547;--terra2:#98563c;--moss:#1f3d2f;--line:#10252e1c;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:462px;border-radius:14px;overflow:hidden;
  background:var(--paper);color:var(--ink);box-shadow:0 18px 44px #2e28241f}
.eg-card p{margin:0}

/* left page: the study */
.eg-study{position:relative;isolation:isolate;min-width:0;padding:28px 34px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;color:#fbf6ee;background:#1b1712}
.eg-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%}
.eg-study:after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(0deg,#140f0bf0 0%,#140f0bb8 34%,#140f0b29 62%,#140f0b14 78%,#140f0b70 100%)}
.eg-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:550;letter-spacing:.16em;text-transform:uppercase}
.eg-brand img{width:24px;height:24px;border-radius:6px;box-shadow:0 0 0 1px #ffffff26}
.eg-brand span{font-weight:400;letter-spacing:.02em;text-transform:none;color:#e4d9c8}
.eg-who{max-width:440px}
.eg-eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#eab79c;margin-bottom:12px!important}
.eg-name{font:400 46px/1 var(--serif);letter-spacing:-.02em;margin:0}
.eg-role{font-size:16px;color:#e2d7c6;margin-top:8px!important}
.eg-line{font-size:18px;line-height:1.4;margin:16px 0 20px!important}
.eg-actions{display:flex;gap:10px;flex-wrap:wrap}
.eg-call,.eg-film{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px 0 20px;border-radius:999px;font:550 16px var(--sans);cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
.eg-call{border:0;background:var(--terra);color:#fff;box-shadow:0 6px 18px #af654740}
.eg-call:hover{background:var(--terra2);transform:translateY(-1px)}
.eg-film{border:1px solid #fbf6ee73;background:#fbf6ee14;color:#fbf6ee;backdrop-filter:blur(4px);font-weight:500}
.eg-film:hover{border-color:#fbf6eebf;background:#fbf6ee24}
.eg-call svg{width:19px;height:19px}.eg-film svg{width:16px;height:16px}
.eg-call:focus-visible,.eg-film:focus-visible{outline:2px solid #eab79c;outline-offset:4px}
.eg-note{font-size:12px;line-height:1.55;color:#d6cbb9;margin-top:14px!important}
.eg-note a{color:#fbf6ee;text-underline-offset:.2em}

/* right page: the printed page, with a soft gutter where the two pages meet */
.eg-page{position:relative;min-width:0;padding:30px 34px 26px;display:flex;flex-direction:column;gap:20px;
  background:linear-gradient(90deg,#e9e1d1 0,#f4efe4 14px,var(--paper) 40px)}
.eg-title{font:400 27px/1.15 var(--serif);letter-spacing:-.015em;margin:0}
.eg-player{display:flex;gap:18px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fffdf8;box-shadow:0 1px 2px #2e282410}
.eg-cover{width:104px;height:104px;flex:none;border-radius:6px;object-fit:cover;box-shadow:0 6px 16px #2e282429}
.eg-player-body{flex:1;min-width:0}
.eg-story{font:400 22px/1.1 var(--serif)}
.eg-story-sub{font-size:14px;color:var(--ink2);margin-top:4px!important}
.sp-controls{display:flex;align-items:center;gap:12px;margin-top:12px}
.sp-toggle{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--terra);color:#fff;cursor:pointer;transition:background .2s}
.sp-toggle:hover{background:var(--terra2)}
.sp-toggle:focus-visible,.sp-bar:focus-visible{outline:2px solid var(--terra);outline-offset:3px}
.sp-toggle svg{display:block;width:16px;height:16px}
.sp-play svg{margin-left:2px}
.sp-pause{display:none}.playing .sp-play{display:none}.playing .sp-pause{display:block}
.sp-bar{position:relative;flex:1;height:4px;border-radius:2px;background:#10252e1f;cursor:pointer;touch-action:none}
.sp-bar:before{content:'';position:absolute;inset:-12px 0}
.sp-bar i{display:block;height:100%;width:0;border-radius:2px;background:var(--terra)}
.sp-time{font-size:12px;color:var(--ink2);font-variant-numeric:tabular-nums;white-space:nowrap}
.sp-note{font-size:12px;color:var(--ink2);margin-top:9px!important}
.eg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.eg-steps li{font-size:13px;line-height:1.45;color:var(--ink2)}
.eg-steps span{display:block;font:400 22px/1 var(--serif);color:var(--terra);margin-bottom:7px}
.eg-steps b{display:block;font-size:14px;font-weight:550;line-height:1.3;color:var(--ink);margin-bottom:3px}
.eg-status{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:16px;border-top:1px solid var(--line)}
.eg-status-main{font-size:14px}
.eg-status>div:first-child{flex:1;min-width:0}
.eg-status-sub{font-size:13px;color:var(--ink2);margin-top:3px!important}
.eg-cta{display:flex;flex-direction:column;align-items:center;gap:7px}
.eg-visit{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid var(--moss);border-radius:999px;color:var(--moss);font-size:15px;text-decoration:none;white-space:nowrap;transition:background .2s}
.eg-visit:hover{opacity:1;background:#1f3d2f12}
.eg-visit .arrow-out{width:.8em;height:.8em}
.eg-site{font-size:12px;color:var(--ink2);white-space:nowrap}

/* Meet Edmund is landscape, so the film viewer widens for it */
#film-dialog.wide .film-dialog-body video{height:auto;width:min(88vw,1040px);max-height:78svh;aspect-ratio:1280/862}

@media(max-width:1100px){
 .eg-study{padding:24px 26px}.eg-page{padding:24px 26px 22px}
 .eg-name{font-size:38px}.eg-line{font-size:16px}
 .eg-call,.eg-film{padding:0 18px 0 16px;font-size:15px}
 .eg-cover{width:84px;height:84px}
 .eg-steps{gap:12px}
 .eg-status{flex-direction:column;align-items:flex-start;gap:12px}
}
/* phones: the study, then the page, one under the other */
@media(max-width:700px){
 #edmund-drawer{padding:10px}
 .eg-card{grid-template-columns:minmax(0,1fr);min-height:0;border-radius:12px}
 .eg-study{min-height:400px;padding:20px 20px 20px;gap:18px}
 .eg-photo{object-position:50% 18%}
 .eg-name{font-size:34px}
 .eg-line{font-size:16px;margin:12px 0 14px!important}
 .eg-note{margin-top:8px!important}
 .eg-actions{flex-direction:column;align-items:stretch;gap:6px}
 .eg-call{width:100%;justify-content:center}
 .eg-film{min-height:40px;align-self:flex-start;padding:0 4px;border:0;background:none;backdrop-filter:none;font-size:15px;text-decoration:underline;text-underline-offset:.25em;text-decoration-color:#fbf6ee66}
 .eg-film:hover{background:none}
 .eg-page{padding:20px;gap:16px;background:var(--paper)}
 .eg-title{font-size:22px}
 .eg-player{display:grid;grid-template-columns:60px minmax(0,1fr);gap:3px 12px;align-items:center;padding:12px}
 .eg-player-body{display:contents}
 .eg-cover{grid-row:1 / 3;width:60px;height:60px}
 .eg-story{grid-column:2;align-self:end;font-size:19px}.eg-story-sub{grid-column:2;align-self:start;font-size:13px;margin-top:0!important}
 .sp-controls,.sp-note{grid-column:1 / -1}
 .sp-controls{margin-top:10px}.sp-note{margin-top:4px!important}
 .eg-steps{grid-template-columns:minmax(0,1fr);gap:10px}
 .eg-steps li{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:8px}
 .eg-steps span{grid-row:1 / 3;margin:0;font-size:18px}
 .eg-status{align-items:stretch}
 .eg-status-sub{font-size:12.5px}
 .eg-cta{align-items:stretch;text-align:center}
 .eg-visit{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.eg-call,.eg-film,.sp-toggle{transition:none}}