.project-reader{--reader-ink:#192720;--reader-muted:#556056;--reader-paper:#faf9f5;--reader-rule:#d8dbd1;width:min(1240px,calc(100vw - 40px));height:calc(100dvh - 32px);max-height:1100px;max-width:none;margin:auto;padding:0;border:1px solid #ffffff60;border-radius:12px;background:var(--reader-paper);color:var(--reader-ink);font-family:'Concept Inter',Arial,sans-serif;overflow:hidden;box-shadow:0 25px 100px #091a1650}
.project-reader[open]{display:flex;flex-direction:column}.project-reader::backdrop{background:#14251ddb;backdrop-filter:blur(8px)}.project-reader [hidden]{display:none!important}
.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none;min-height:62px;padding:8px 30px;background:var(--reader-paper);border-bottom:1px solid var(--reader-rule)}.project-toolbar button{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 4px;font-size:13px;font-weight:500;color:var(--reader-ink)}.project-toolbar button span[aria-hidden]{font-size:22px;font-weight:400;line-height:1}
.project-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.reader-heading,.reader-figure,.reader-story,.reader-scope,.reader-end{margin-inline:clamp(30px,5.4vw,76px)}
.reader-heading{padding-block:40px 32px}.reader-meta{display:flex;justify-content:space-between;align-items:baseline;gap:24px;color:var(--reader-muted);font-size:12px;line-height:1.5;margin-bottom:25px}.reader-status{font-size:11px;text-align:right;max-width:45%}
.reader-title-row{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end}.reader-title-row h2{font:550 clamp(44px,4.5vw,64px)/1.02 'Concept Inter',Arial,sans-serif;letter-spacing:-.055em;margin:0;max-width:650px;outline:none;text-wrap:balance}.reader-lede{font-size:18px;line-height:1.5;color:#4c584e;margin:0 0 2px;max-width:400px;text-wrap:pretty}
.reader-figure{margin-bottom:0}.reader-art{position:relative;display:grid;place-items:center;width:100%;overflow:hidden;border:1px solid #dfded5;border-radius:5px;padding:18px;background:#eeece6;aspect-ratio:1.88}.reader-art img{display:block;height:100%;width:100%;min-height:0;object-fit:contain;border-radius:2px}.reader-figure figcaption{font-size:12px;line-height:1.55;color:#667062;margin-top:12px}
.reader-art.clinical-reader-art{aspect-ratio:1.72}.clinical-reader-art img{object-fit:cover}.reader-art.pin-visual{background:#d1d1d1;padding:0}.reader-art.pin-visual img{width:auto;height:100%;max-width:100%;object-fit:contain;filter:grayscale(1);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.project-reader .pin-motion{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 15px;background:#faf9f5;color:#192720;font:450 12px/1.4 'Concept Inter',Arial,sans-serif;border-radius:3px;box-shadow:0 1px 6px #19272010}
.reader-story{display:grid;grid-template-columns:180px minmax(0,1fr);gap:46px;padding-block:55px 38px}.reader-label{font-size:12px;line-height:1.5;color:#65715f;padding-top:8px}.reader-story h3{font:500 clamp(30px,2.8vw,40px)/1.14 'Concept Inter',Arial,sans-serif;letter-spacing:-.035em;margin:0 0 22px;max-width:680px;text-wrap:balance}.reader-story-intro{font-size:17px;line-height:1.75;color:#4c584e;max-width:720px;margin:0}.reader-notes{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:34px}.reader-notes>div{border-top:1px solid var(--reader-rule);padding-top:21px}.reader-notes h4{font-size:16px;font-weight:550;line-height:1.4;letter-spacing:-.015em;margin:0 0 10px}.reader-notes p{font-size:14px;line-height:1.7;color:#566153;margin:0}
.reader-scope{display:grid;grid-template-columns:180px minmax(0,1fr);gap:46px;border-top:1px solid var(--reader-rule);padding-block:21px 32px;color:#64705e;font-size:11px;line-height:1.65}.reader-scope>span{font-size:11px}.reader-scope p{max-width:700px;margin:0}
.reader-end{margin-top:4px;margin-bottom:38px;padding:30px 32px;background:#1b2b22;border-radius:5px;color:#faf9f5;display:flex;align-items:center;justify-content:space-between;gap:35px}.reader-end h3{font:500 27px/1.12 'Concept Inter',Arial,sans-serif;letter-spacing:-.025em;margin:0 0 10px}.reader-end p{font-size:13px;line-height:1.6;color:#c5cec1;max-width:420px}.project-contact{display:flex;align-items:center;justify-content:space-between;gap:30px;flex:none;min-height:48px;padding:14px 19px;border:1px solid #88917f;border-radius:3px;color:#faf9f5;font:500 13px/1.4 'Concept Inter',Arial,sans-serif}.project-contact>span[aria-hidden]{font-size:20px}.project-contact:hover{background:#f7f6ee;color:#192720;border-color:#f7f6ee}
.project-reader :focus-visible{outline:3px solid #2158c8;outline-offset:4px}.project-scroll:focus-visible{outline-offset:-4px}.project-reader h2:focus{outline:none}
@media(max-width:1000px) and (min-width:761px){.reader-title-row{display:block}.reader-title-row h2{font-size:52px}.reader-lede{max-width:600px;margin-top:20px}.reader-story,.reader-scope{grid-template-columns:135px minmax(0,1fr);gap:25px}.reader-art{aspect-ratio:1.6;padding:14px}.reader-notes{gap:24px}.reader-end{padding:28px;gap:25px}.reader-end h3{font-size:24px}.reader-end p{max-width:330px}.project-contact{gap:15px;padding-inline:15px}}
@media(max-width:760px){.project-reader{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:none;border-radius:9px}.project-toolbar{min-height:58px;padding:6px 17px;gap:15px}.project-toolbar button{font-size:12px;gap:9px}.reader-heading,.reader-figure,.reader-story,.reader-scope,.reader-end{margin-inline:22px}.reader-heading{padding-block:29px 25px}.reader-meta{display:block;font-size:11px;margin-bottom:21px}.reader-status{display:block;max-width:none;text-align:left;font-size:10px;margin-top:7px;color:#64705e}.reader-title-row{display:block}.reader-title-row h2{font-size:clamp(36px,10.3vw,52px);line-height:1.05;letter-spacing:-.045em;text-wrap:balance}.reader-lede{font-size:16px;line-height:1.6;margin:18px 0 0;max-width:500px}.reader-art,.reader-art.clinical-reader-art{aspect-ratio:1.5;padding:8px;border-radius:4px}.reader-figure figcaption{font-size:11px;line-height:1.6;margin-top:10px}.project-reader .pin-motion{left:12px;bottom:12px;font-size:11px;padding-inline:12px;min-height:44px}.reader-story{display:block;padding-block:32px 27px}.reader-label{padding:0;margin-bottom:16px;font-size:11px}.reader-story h3{font-size:29px;line-height:1.15;margin-bottom:18px;max-width:450px;text-wrap:balance}.reader-story-intro{font-size:15px;line-height:1.75}.reader-notes{display:block;margin-top:25px}.reader-notes>div{padding-top:18px;margin-top:23px}.reader-notes h4{font-size:16px;margin-bottom:9px}.reader-notes p{font-size:14px;line-height:1.7}.reader-scope{display:block;padding-block:19px 25px;font-size:11px;line-height:1.65}.reader-scope>span{display:block;font-size:10px;margin-bottom:9px}.reader-end{display:block;margin-top:2px;margin-bottom:24px;padding:26px 23px}.reader-end h3{font-size:27px;line-height:1.15}.reader-end p{font-size:13px;line-height:1.7}.project-contact{width:100%;margin-top:23px;min-height:49px}}
@media(max-width:350px){.reader-heading,.reader-figure,.reader-story,.reader-scope,.reader-end{margin-inline:17px}.reader-title-row h2{font-size:35px}.reader-meta{margin-bottom:18px}.reader-end{padding:24px 19px}.reader-end h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.project-reader *{scroll-behavior:auto!important}}
.project-toolbar{display:grid;grid-template-columns:1fr auto 1fr}.project-toolbar .project-close{justify-self:end}.reader-pagination{display:flex;align-items:center;gap:10px}.project-toolbar .reader-pagination button{justify-content:center;min-width:44px;min-height:44px;border:1px solid #d8dbd1;border-radius:50%;padding:0}.reader-pagination button:hover:not(:disabled){background:#eaece3}.reader-pagination button:disabled{opacity:.3;cursor:default}.reader-position{font-size:11px;letter-spacing:.05em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#556056}.reader-art.case-art{aspect-ratio:1.72}.reader-art.case-art img{object-fit:contain}.case-story+.case-story{border-top:1px solid #d8dbd1;padding-top:40px}.case-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 36px;margin-top:34px}.case-capabilities>div{border-top:1px solid #d8dbd1;padding-top:20px}.case-capabilities h4{font-size:17px;font-weight:550;line-height:1.4;letter-spacing:-.015em;margin:0 0 11px}.case-capabilities p{font-size:15px;line-height:1.7;color:#566153;margin:0}.case-delivered{padding-bottom:40px}
@media(max-width:1000px) and (min-width:761px){.case-capabilities{gap:26px}.case-capabilities h4{font-size:16px}}
@media(max-width:760px){.project-toolbar{padding-inline:13px;gap:4px}.project-toolbar button{font-size:11px;gap:6px}.reader-pagination{gap:3px}.reader-position{font-size:10px;letter-spacing:0}.project-toolbar .reader-pagination button{border-color:transparent;min-width:44px;width:44px}.project-toolbar .project-back{padding:0}.project-toolbar .project-close{padding:0}.reader-art.case-art{aspect-ratio:1.5}.case-story+.case-story{padding-top:29px}.case-capabilities{grid-template-columns:1fr;gap:23px;margin-top:27px}.case-capabilities>div{padding-top:18px}.case-capabilities h4{font-size:16px}.case-capabilities p{font-size:14px}.case-delivered{padding-bottom:30px}}
