/* Composition: vary scale, width and visual rhythm without removing project material. */
html[data-view="home"] .hero{padding-top:100px;padding-bottom:90px}html[data-view="home"] .hero p{margin-left:34%;max-width:575px}html[data-view="home"] .hero .text-link{margin-left:34%}html[data-view="home"] .grid{gap:65px 40px}html[data-view="home"] .card:nth-child(2){padding-top:85px}html[data-view="home"] .card:nth-child(4){padding-top:65px}html[data-view="home"] .card:nth-child(3){margin-top:-10px}.case-hero[data-project="emocare"]{display:grid;grid-template-columns:1.05fr 1fr;column-gap:55px;padding-top:58px;align-items:start}.case-hero[data-project="emocare"]>.eyebrow,.case-hero[data-project="emocare"]>.project-name,.case-hero[data-project="emocare"]>h1,.case-hero[data-project="emocare"]>.focus,.case-hero[data-project="emocare"]>.case-summary{grid-column:1}.case-hero[data-project="emocare"]>.eyebrow{grid-row:1}.case-hero[data-project="emocare"]>.project-name{grid-row:2;font-size:14px;margin:20px 0 9px}.case-hero[data-project="emocare"]>h1{grid-row:3;font-size:42px;line-height:1.5;letter-spacing:-.8px;margin:0 0 21px}.case-hero[data-project="emocare"]>.focus{grid-row:4;margin:0 0 23px}.case-hero[data-project="emocare"]>.case-summary{grid-row:5;padding:0;background:none;border:0;max-width:480px}.case-hero[data-project="emocare"]>.case-summary>span{display:none}.case-hero[data-project="emocare"]>.case-summary>p{font-size:15px;line-height:2;margin:0;color:#6c7c8d}.emocare-hero-scene{grid-column:2;grid-row:1/6;align-self:stretch;min-height:390px}.emocare-hero-scene .scene{margin:0;height:100%;min-height:390px;border-radius:38% 38% 9px 9px;overflow:hidden;position:relative}.emocare-hero-scene img{height:100%;min-height:390px;max-height:none;object-fit:cover}.emocare-hero-scene .demo{left:20px;bottom:20px;font-size:11px;border-radius:20px;padding:9px 17px;background:#ffffffed}.case-hero[data-project="emocare"]>.meta{grid-column:1/-1;grid-row:6;margin-top:42px;padding-top:24px}.case-hero[data-project="emocare"]>.meta p{font-size:12px}html[data-view="emocare"] #scope{grid-template-columns:.9fr 1.2fr;gap:100px;max-width:1000px;margin:auto;padding:78px 0}html[data-view="emocare"] #artifact{display:grid;grid-template-columns:1fr 1.5fr;column-gap:65px;padding:45px 0 85px;border-bottom:0}html[data-view="emocare"] #artifact>.eyebrow{grid-column:1;grid-row:1}html[data-view="emocare"] #artifact>h2{grid-column:1;grid-row:2;font-size:32px;line-height:1.65;margin:16px 0}html[data-view="emocare"] #artifact>.artifact{grid-column:2;grid-row:1/4;margin:0;padding:0!important;background:transparent!important;border:0}html[data-view="emocare"] #artifact>.caption{grid-column:1;grid-row:3;margin-top:8px}html[data-view="emocare"] #artifact .flow{grid-template-columns:1fr 1fr;gap:16px}html[data-view="emocare"] #artifact .flow>div{background:#f1f3f8;padding:27px;border-radius:12px;min-height:125px}html[data-view="emocare"] #artifact .flow>div:nth-child(2){transform:translateY(25px);background:#f5efe8}html[data-view="emocare"] #artifact .flow>div:nth-child(3){background:#eaf2ef}html[data-view="emocare"] #artifact .flow>div:nth-child(4){transform:translateY(25px);background:#eeedf7}html[data-view="emocare"] .project-evidence{border:0}html[data-view="emocare"] .evidence-section:first-child{border:0;padding-top:60px}html[data-view="emocare"] .evidence-section:first-child>.eyebrow,html[data-view="emocare"] .evidence-section:first-child>h2,html[data-view="emocare"] .evidence-section:first-child>.evidence-deck{max-width:660px}html[data-view="emocare"] .space-pair{display:block;margin-top:50px}html[data-view="emocare"] .space-pair figure{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:center;overflow:visible;background:none;border:0;border-radius:0}html[data-view="emocare"] .space-pair figure+figure{margin-top:65px;grid-template-columns:1fr 1.35fr;gap:65px}html[data-view="emocare"] .space-pair img{height:330px;object-fit:cover;border-radius:10px}html[data-view="emocare"] .space-pair figure:nth-child(2) img{grid-column:2;grid-row:1;height:300px}html[data-view="emocare"] .space-pair figure:nth-child(2) figcaption{grid-column:1;grid-row:1}html[data-view="emocare"] .space-pair figcaption{padding:20px 0;max-width:330px}html[data-view="emocare"] .space-pair strong{font-size:23px;font-weight:500;line-height:1.7}html[data-view="emocare"] .space-pair p{font-size:15px;line-height:2;margin-top:20px}html[data-view="emocare"] .evidence-section:nth-child(2){background:#f2f4f8;padding:50px 40px;margin:30px -40px 20px;border:0;border-radius:16px}html[data-view="emocare"] .evidence-section:nth-child(2)>.evidence-deck{max-width:640px}html[data-view="emocare"] .evidence-cards{grid-template-columns:1fr 1fr;gap:45px}html[data-view="emocare"] .evidence-cards article{padding:20px 0}html[data-view="emocare"] .prototype-preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.prototype-preview-pair .prototype-preview{margin-top:20px;background:white;border-color:#dce3ec;border-radius:9px}.prototype-preview-pair summary{font-size:13px;background:#fff;padding:18px 20px}.prototype-preview-pair iframe{height:570px}.prototype-preview-pair .prototype-preview[open] summary{border-bottom:1px solid #e4e8f0}html[data-view="emocare"] .prototype-links{background:none;padding:10px 0;margin-top:24px}html[data-view="emocare"] .evidence-section:nth-child(3){display:grid;grid-template-columns:.8fr 1.3fr;gap:0 65px;padding-top:75px}html[data-view="emocare"] .evidence-section:nth-child(3)>.eyebrow{grid-column:1;grid-row:1}html[data-view="emocare"] .evidence-section:nth-child(3)>h2{grid-column:1;grid-row:2;font-size:30px;line-height:1.7;margin:15px 0}html[data-view="emocare"] .evidence-section:nth-child(3)>.evidence-deck{grid-column:1;grid-row:3;font-size:14px}html[data-view="emocare"] .evidence-section:nth-child(3)>.evidence-table{grid-column:2;grid-row:1/4;margin:0;border:0;border-radius:0}html[data-view="emocare"] .evidence-section:nth-child(3) table{min-width:480px}html[data-view="emocare"] .evidence-section:nth-child(3)>.caption{grid-column:2;grid-row:4}html[data-view="emocare"] #decisions{padding-top:55px}html[data-view="emocare"] .decision-grid{grid-template-columns:repeat(3,1fr);gap:40px}html[data-view="emocare"] .decision:nth-child(2){margin-top:35px}html[data-view="emocare"] .decision:nth-child(3){margin-top:70px}html[data-view="emocare"] #outcome{display:grid;grid-template-columns:.7fr 1.3fr;gap:0 50px;padding-top:40px}html[data-view="emocare"] #outcome>.eyebrow{grid-column:1;grid-row:1}html[data-view="emocare"] #outcome>h2{grid-column:1;grid-row:2;font-size:30px;margin-top:15px}html[data-view="emocare"] #outcome>.outcomes{grid-column:2;grid-row:1/4;grid-template-columns:1fr;gap:18px}html[data-view="emocare"] #outcome>.caption{grid-column:1/-1;margin-top:30px}html[data-view="emocare"] .outcomes>div{padding:25px 30px}
@media(max-width:1000px){.case-hero[data-project="emocare"]{column-gap:30px}.case-hero[data-project="emocare"]>h1{font-size:35px}html[data-view="emocare"] #scope{gap:45px}html[data-view="emocare"] #artifact{gap:0 30px}html[data-view="emocare"] .evidence-section:nth-child(3){gap:0 30px}html[data-view="emocare"] .evidence-section:nth-child(3) table{min-width:400px}html[data-view="emocare"] .space-pair figure,html[data-view="emocare"] .space-pair figure+figure{gap:30px}html[data-view="emocare"] .decision-grid{gap:25px}}
@media(max-width:760px){html[data-view="home"] .hero{padding:58px 0 51px}html[data-view="home"] .hero p,html[data-view="home"] .hero .text-link{margin-left:0}html[data-view="home"] .grid{gap:37px}html[data-view="home"] .card:nth-child(2),html[data-view="home"] .card:nth-child(4){padding-top:0}html[data-view="home"] .card:nth-child(3){margin-top:0}.case-hero[data-project="emocare"]{display:block;padding-top:35px}.case-hero[data-project="emocare"]>h1{font-size:33px}.emocare-hero-scene{margin-top:30px;min-height:0}.emocare-hero-scene .scene{min-height:0;height:280px;border-radius:16px 16px 8px 8px}.emocare-hero-scene img{min-height:0;height:280px}.case-hero[data-project="emocare"]>.meta{margin-top:28px}html[data-view="emocare"] #scope{grid-template-columns:1fr;gap:35px;padding:45px 0}html[data-view="emocare"] #artifact{display:block;padding:30px 0 35px}html[data-view="emocare"] #artifact>h2{font-size:26px;margin-bottom:25px}html[data-view="emocare"] #artifact .flow{gap:12px}html[data-view="emocare"] #artifact .flow>div{padding:20px;min-height:110px}html[data-view="emocare"] #artifact .flow>div:nth-child(2),html[data-view="emocare"] #artifact .flow>div:nth-child(4){transform:none}html[data-view="emocare"] #artifact>.caption{margin-top:20px}html[data-view="emocare"] .evidence-section:first-child{padding-top:40px}html[data-view="emocare"] .space-pair{margin-top:28px}html[data-view="emocare"] .space-pair figure,html[data-view="emocare"] .space-pair figure+figure{display:flex;flex-direction:column;gap:0;margin-top:25px}html[data-view="emocare"] .space-pair figure:first-child{margin-top:0}html[data-view="emocare"] .space-pair img,html[data-view="emocare"] .space-pair figure:nth-child(2) img{height:250px;width:100%}html[data-view="emocare"] .space-pair figcaption{max-width:none;padding:24px 0 14px}html[data-view="emocare"] .space-pair strong{font-size:22px}html[data-view="emocare"] .space-pair p{margin-top:12px}html[data-view="emocare"] .evidence-section:nth-child(2){padding:30px 20px;margin:20px -15px;border-radius:12px}html[data-view="emocare"] .evidence-cards,html[data-view="emocare"] .prototype-preview-pair{grid-template-columns:1fr;gap:0}html[data-view="emocare"] .evidence-section:nth-child(3){display:block;padding-top:45px}html[data-view="emocare"] .evidence-section:nth-child(3)>h2{font-size:26px}html[data-view="emocare"] .evidence-section:nth-child(3)>.evidence-table{margin-top:28px}html[data-view="emocare"] .evidence-section:nth-child(3) table{min-width:520px}html[data-view="emocare"] .decision-grid{grid-template-columns:1fr;gap:10px}html[data-view="emocare"] .decision:nth-child(2),html[data-view="emocare"] .decision:nth-child(3){margin-top:0}html[data-view="emocare"] #outcome{display:block}html[data-view="emocare"] #outcome>h2{font-size:26px}html[data-view="emocare"] .outcomes>div{padding:24px}.prototype-preview-pair iframe{height:530px}}
html[data-view="emocare"] .decision{display:block}