/* Readem's original process artifacts, within the portfolio's shared system. */
body[data-page=readem] .readem-story{padding:0 var(--page-gutter);max-width:100%}
.readem-story .go-section{min-width:0;padding-block:48px}
.readem-story .readem-overview{padding-top:24px}
.readem-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:center}
.readem-overview h1{font-size:clamp(4.5rem,9vw,8.5rem);letter-spacing:-.065em;line-height:1;margin:28px 0}
.readem-overview h1>span{color:var(--action-primary)}
.readem-hero .go-statement{font-size:clamp(1.5rem,2.5vw,2.5rem);max-width:20ch}
.readem-platform{font-size:.8125rem;color:var(--text-secondary);margin-top:24px}
.readem-hero .readem-screen figcaption{font-size:.75rem}
.readem-introduction{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;margin-top:32px}
.readem-story .readem-introduction p{margin:0;color:var(--text-secondary)}
.readem-overview .go-meta{display:grid;grid-template-columns:1.25fr .8fr .8fr 1.25fr;gap:24px;border-top:1px solid var(--border-subtle);padding-top:24px;margin:32px 0 0}
.readem-overview .go-meta dd{font-size:.9375rem;line-height:1.6;font-weight:600}
.readem-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}
.readem-questions>div{border-top:1px solid var(--border-subtle);padding-top:16px}
.readem-questions .eyebrow{color:var(--text-secondary);font-size:.6875rem}
.readem-questions h3{font-size:1.25rem;margin:12px 0}
.readem-questions p{font-size:.9375rem;color:var(--text-secondary)}
.readem-story .readem-section-intro{color:var(--text-secondary);max-width:72ch;margin-top:24px}
.readem-stage{margin-top:64px}
.readem-stage+.readem-stage{padding-top:48px;border-top:1px solid var(--border-subtle)}
.readem-stage-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start;margin-bottom:32px}
.readem-stage-heading h3{font-size:clamp(1.75rem,2.65vw,2.5rem);line-height:1.18;letter-spacing:-.035em;margin:20px 0 0;max-width:23ch}
.readem-stage-heading>p{color:var(--text-secondary);font-size:.9375rem;margin-top:0}
.readem-stage-heading .eyebrow{color:var(--text-secondary)}
.readem-stage-number{color:var(--action-primary);font-weight:700}
.readem-artifact{margin:0;min-width:0}
.readem-artifact .ivi-image-trigger{display:block;width:100%;padding:16px;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:12px;cursor:zoom-in;transition:border-color 180ms ease,box-shadow 180ms ease}
.readem-artifact img{display:block;width:100%;height:auto;object-fit:contain}
.readem-artifact .ivi-image-trigger:hover{border-color:var(--action-primary);box-shadow:0 8px 24px rgb(0 0 0 / .06)}
.readem-artifact figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:12px;font-size:.8125rem;line-height:1.5;color:var(--text-secondary)}
.readem-enlarge{flex-shrink:0;color:var(--action-primary)}
.readem-definition{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
.readem-definition .readem-mvp{margin-top:56px}
.readem-definition .ivi-caption{display:block}
.readem-definition .readem-enlarge{display:block;margin-top:8px}
.readem-flow{margin-top:40px}
.readem-story .readem-insight{font-size:clamp(1.125rem,1.6vw,1.5rem);font-weight:500;line-height:1.6;max-width:56ch;margin:32px 0 0;padding-left:24px;border-left:2px solid var(--action-primary)}
.readem-screen .go-device-canvas{padding:0;display:block;max-width:390px;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:zoom-in;line-height:0;transition:transform 550ms cubic-bezier(.77,0,.18,1)}
.readem-screen img{width:100%;max-width:none;height:auto;display:block}
.readem-screen figcaption{font-size:.9375rem;line-height:1.5;max-width:30ch}
.readem-screen:focus-within{z-index:3}
.readem-screen .go-device-canvas:focus-visible,.readem-artifact .ivi-image-trigger:focus-visible{outline:3px solid var(--focus-visible);outline-offset:4px}
.readem-refine{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:16px;align-items:center;background:var(--surface-subtle);border-radius:24px;padding:24px}
.readem-refine-note{padding-left:8px}
.readem-refine-note p{font-size:.9375rem;color:var(--text-secondary)}
.readem-refine .readem-library-list{padding-top:40px}
.readem-experience-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}
.readem-experience-notes h3{font-size:1.125rem;line-height:1.5;margin-bottom:16px}
.readem-experience-notes p{font-size:.875rem;color:var(--text-secondary)}
.readem-selected-screens{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:0;align-items:center;margin-top:24px;position:relative;isolation:isolate}
.readem-selected-screens:before{content:'';position:absolute;inset:18% 0 14%;z-index:-1;border-radius:24px;background:var(--surface-subtle)}
.readem-selected-screens .readem-calendar{padding-bottom:32px}
.readem-story .go-reading{max-width:72ch}
.readem-story .go-reading p{color:var(--text-secondary)}
.readem-story .go-reading blockquote{max-width:38ch;margin-top:32px}
.readem-related .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.readem-related .project{grid-column:auto}
.readem-related .project-link{display:flex;flex-direction:column;height:100%}
.readem-related .project-caption{display:flex;flex-direction:column;flex:1}
.readem-related .project-action{margin-top:auto;align-self:start}
.readem-related .project-visual{flex:none;margin-top:auto}
.readem-related .media-frame{aspect-ratio:3/2}
.readem-related .project-title-row h3{font-size:1.25rem}
.readem-story>.project-disclosure{padding-inline:0}
body[data-page=readem] .ivi-image-viewport img{width:auto;max-width:100%;max-height:calc(94dvh - 170px);height:auto;margin:auto}
body[data-page=readem] .ivi-image-viewport.is-zoomed img{width:var(--readem-native-width);max-width:none;max-height:none}
body[data-page=readem] .ivi-image-viewport{touch-action:pan-x pan-y pinch-zoom}
@media(max-width:1100px){.readem-story .go-section{padding-block:32px}.readem-hero{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.readem-overview .go-meta{grid-template-columns:1fr 1fr}.readem-stage-heading,.readem-introduction{gap:24px}.readem-refine{grid-template-columns:1fr 1fr}.readem-refine-note{grid-column:1/-1;max-width:60ch}.readem-definition{grid-template-columns:1fr 1fr;gap:16px}}
@media(max-width:900px){.readem-story .go-section,body[data-page=readem] #experience{scroll-margin-top:220px}.readem-related .work-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.readem-hero{grid-template-columns:1fr 120px;gap:8px}.readem-overview h1{font-size:clamp(3rem,14vw,4.75rem)}.readem-hero .go-statement{font-size:1.25rem;max-width:18ch}.readem-hero .readem-screen figcaption{display:none}.readem-platform{font-size:.75rem}.readem-introduction,.readem-stage-heading,.readem-definition,.readem-experience-notes,.readem-related .work-grid{grid-template-columns:1fr}.readem-questions{grid-template-columns:1fr;gap:20px}.readem-questions>div{display:grid;grid-template-columns:28px 1fr;column-gap:12px}.readem-questions h3{margin:0 0 8px}.readem-questions p{grid-column:2}.readem-overview .go-meta{grid-template-columns:1fr;gap:16px}.readem-overview .go-meta>div{display:grid;grid-template-columns:72px 1fr;gap:16px}.readem-stage{margin-top:40px}.readem-stage+.readem-stage{padding-top:32px}.readem-stage-heading{gap:20px;margin-bottom:24px}.readem-definition .readem-mvp{margin-top:12px}.readem-artifact .ivi-image-trigger{padding:6px;border-radius:8px}.readem-artifact figcaption{display:block}.readem-enlarge{display:block;margin-top:8px}.readem-story .readem-insight{padding-left:16px}.readem-refine{padding:16px 8px;gap:16px 0}.readem-refine-note{padding:0 8px}.readem-refine .readem-library-list{padding-top:0}.readem-screen figcaption{font-size:.75rem;padding-inline:4px}.readem-experience-notes{gap:24px}.readem-selected-screens{grid-template-columns:1fr 1fr;gap:24px 0}.readem-selected-screens .readem-calendar{grid-column:1/-1;grid-row:1;max-width:240px;margin:auto;padding-bottom:0}.readem-selected-screens:before{inset:10% 0}.readem-selected-screens .readem-screen:first-child{grid-column:1;grid-row:2}.readem-selected-screens .readem-screen:last-child{grid-column:2;grid-row:2}body[data-page=readem] .ivi-image-viewport img{max-height:calc(96dvh - 240px)}}
@media(prefers-reduced-motion:reduce){.readem-screen .go-device-canvas,.readem-artifact .ivi-image-trigger{transition:none}}
@media print{.readem-story .go-section{break-inside:auto}.readem-stage-heading{break-after:avoid}.readem-artifact{break-inside:avoid}}

/* Expanded overview: supplied original phones and a full-width screen archive. */
.readem-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px}
.readem-overview h1{font-size:clamp(3.5rem,6.7vw,6.5rem)}
.readem-hero-phones{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;align-items:center;min-width:0;padding-block:20px}
.readem-hero-phones .readem-preparing{padding-top:40px}
.readem-hero-phones .go-device-canvas{max-width:220px}
.readem-hero-phones .readem-screen figcaption{min-height:3em}
.readem-overview-stack{margin-top:40px}
.readem-overview-stack .ivi-image-trigger{padding:24px 16px;border:0;background:var(--surface-subtle)}
.readem-overview-stack .ivi-caption{max-width:none}
@media(max-width:1100px){.readem-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}.readem-overview h1{font-size:clamp(3.25rem,6.4vw,5.5rem)}.readem-hero-phones{gap:8px}.readem-hero .go-statement{font-size:clamp(1.25rem,2.3vw,2rem)}}
@media(max-width:650px){.readem-hero{grid-template-columns:1fr;gap:16px}.readem-overview h1{font-size:clamp(3.25rem,15vw,4.75rem);margin:24px 0}.readem-hero .go-statement{font-size:1.5rem;max-width:24ch}.readem-hero-phones{max-width:440px;margin:auto;padding-block:8px;width:100%}.readem-hero-phones .readem-screen figcaption{display:block;min-height:3em}.readem-hero-phones .readem-preparing{padding-top:24px}.readem-overview-stack{margin-top:28px}.readem-overview-stack .ivi-image-trigger{padding:12px 4px}}