.zoe-profile .zoe-date { font-size:13px; line-height:1.5; color:var(--sage); }
.zoe-profile .zoe-hero-date { margin-top:14px; color:var(--text-muted-dark); font-size:13px; text-align:center; }
.zoe-profile .zoe-work { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.zoe-profile .zoe-story { display:flex; flex-direction:column; gap:20px; padding:28px; border:1px solid var(--border-light); border-radius:var(--radius-lg); }
.zoe-profile .zoe-story .analytics-proof-copy { padding:0; min-height:0; display:block; border:0; box-shadow:none; background:transparent; }
.zoe-profile .zoe-story h3 { font-size:clamp(24px,2.3vw,32px); line-height:1.2; }
.zoe-profile .zoe-story p { margin-top:12px; }
.zoe-profile .zoe-story a, .zoe-profile .zoe-site { color:var(--forest); text-underline-offset:4px; }
.zoe-profile .zoe-story .analytics-proof-grid { grid-template-columns:1fr; margin-top:auto; }
.zoe-profile .zoe-story .analytics-proof-tile { min-height:0; }
.zoe-profile .zoe-story .analytics-proof-tile img { height:220px; object-fit:contain; background:var(--white); }
.zoe-profile .zoe-story .analytics-proof-metric-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
.zoe-profile .zoe-brand { width:118px; height:34px; object-fit:contain; object-position:left; display:block; margin-bottom:20px; }
html:has(body.zoe-profile dialog[open]), body.zoe-profile:has(dialog[open]) { overflow:hidden; }
@media(min-width:768px) and (max-width:1199px) { .zoe-profile .platforms-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .zoe-profile .zoe-work { grid-template-columns:1fr; } .zoe-profile .zoe-story { padding:22px; } }

@media(max-width:900px) { .zoe-profile .analytics-dialog-image-wrap { min-height:0; } .zoe-profile .analytics-dialog-image-wrap img { max-height:calc(100dvh - 370px); } }

.zoe-profile .zoe-story { padding:24px; }
.zoe-profile .zoe-story .analytics-proof-metric-strip { grid-template-columns:1fr; gap:14px; }
.zoe-profile .zoe-resources { display:flex; flex-wrap:wrap; gap:16px 28px; }
.zoe-profile .zoe-resources a { display:inline-flex; gap:9px; align-items:center; color:var(--forest); font-weight:600; text-underline-offset:4px; }
.zoe-profile .zoe-resources img { width:20px; height:20px; object-fit:contain; }
.zoe-profile .zoe-academy { border-left:3px solid var(--gold); padding-left:24px; max-width:800px; }
.zoe-profile .zoe-academy h3 { color:var(--forest); margin-bottom:10px; }
@media(min-width:768px) and (max-width:1100px) { .zoe-profile .zoe-work { grid-template-columns:1fr; } .zoe-profile .zoe-story { display:grid; grid-template-columns:1fr 1fr; } .zoe-profile .zoe-story .analytics-proof-grid { margin:auto 0; } }
/* Keep portrait result images fully visible alongside their title and caption. */
.zoe-profile .analytics-dialog-image-wrap { min-height:0; }
.zoe-profile .analytics-dialog-image-wrap img { max-height:calc(100dvh - 330px); }
@media(max-width:900px) { .zoe-profile .analytics-dialog-image-wrap img { max-height:calc(100dvh - 430px); } }

.zoe-profile .credential-item strong { font-size:clamp(24px,3vw,40px); }
.zoe-profile .zoe-hero-date { text-align:left; }
.zoe-profile .zoe-resources a { display:inline-flex; align-items:center; gap:9px; }
.zoe-profile .zoe-brand { height:40px; width:132px; }
.zoe-profile .zoe-proof-original { font-size:13px; display:block; margin-top:10px; }
.zoe-profile .zoe-story p.zoe-date { margin-top:14px; }

/* Four historical brand stories, balanced in pairs on wide screens. */
@media(min-width:1101px) { .zoe-profile .zoe-work { grid-template-columns:repeat(2,minmax(0,1fr)); } }