/* Reference lock: existing Emma product cards, Krevaro Serif / Work Sans,
   white canvas, five pastel card headers, uncropped rectangular photographs. */
.audience-story{padding:100px 0;background:#fff;color:#1a1a1a;scroll-margin-top:100px}
.audience-story-heading{max-width:960px;margin:0 auto 42px;text-align:center}
.audience-story-heading h2{font-size:clamp(38px,4.3vw,64px);line-height:1.08;text-wrap:balance;margin:0 0 25px}
.audience-story-heading>p{font:400 18px/1.65 var(--font-body,'Work Sans',sans-serif);max-width:760px;margin:auto;text-wrap:pretty}
.audience-story-tabs{display:flex;gap:0;border-block:1px solid #d9d7d3;margin-bottom:54px;overflow-x:auto}
.audience-story-tabs button{flex:1;min-width:max-content;display:flex;gap:13px;align-items:center;justify-content:center;padding:22px 20px;border:0;border-bottom:3px solid transparent;background:transparent;color:#1a1a1a;font:400 16px/1.4 'Work Sans',sans-serif;cursor:pointer;border-radius:0}
.audience-story-tabs button[aria-selected=true]{border-bottom-color:#1f4e31;background:#edf5ef}
.audience-story-tabs button:hover{background:#edf5ef}
.audience-story-tabs button:focus-visible{outline:2px solid #1f4e31;outline-offset:-5px}
.audience-story-panel{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(40px,7vw,100px);max-width:1140px;margin:0 auto 50px}
.audience-story-panel[hidden]{display:none!important}
.audience-story-copy h3{font:300 clamp(32px,3.1vw,46px)/1.13 'Krevaro Serif',serif;letter-spacing:-.055em;text-wrap:balance;margin:0 0 26px}
.audience-story-copy p{font:400 18px/1.75 'Work Sans',sans-serif;margin:0 0 28px;text-wrap:pretty}
.audience-story-copy .text-link{font-size:16px}
.audience-story .st-graphic{width:100%;max-width:550px;justify-self:center}
.audience-story .st-graphic .ev-card{max-width:550px;width:100%}
.audience-story .ev-selection-photo>.ev-photo{width:100%;height:100%;max-width:100%;transform:none;object-position:50% 40%}
.audience-story .ev-welcome>.ev-photo{object-position:50% 35%;width:128px;height:168px}
.audience-story .ev-content-stage>.ev-photo{object-position:50% 38%}
.audience-story .ev-chapter-dots,.audience-story .ev-brandline>span+span{display:none}
.audience-story .ev-story-end{padding:16px 28px!important}
.audience-story .ev-agreement>div{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.audience-story-note{font:400 15px/1.6 'Work Sans',sans-serif;text-align:center;margin:30px auto 0;max-width:740px}
.story-final-cta{background:#a5cfb2;color:#1a1a1a;padding:85px 30px;text-align:center;display:grid;place-items:center}
.story-final-cta>div{max-width:930px}
.story-final-cta h2{font:300 clamp(40px,4.5vw,68px)/1.1 'Krevaro Serif',serif;letter-spacing:-.055em;text-wrap:balance;margin:0 0 30px}
.story-final-cta p{max-width:740px;margin:0 auto;font:400 18px/1.7 'Work Sans',sans-serif}
.story-final-cta .actions{margin-top:35px!important;margin-bottom:0!important;gap:20px}
.story-final-cta--photo{grid-template-columns:1fr 1fr;padding:0;align-items:stretch}
.story-final-cta--photo>div{padding:85px 50px;align-content:center}
.story-final-cta--photo>img{width:100%;height:100%;min-height:580px;max-height:740px;object-fit:cover;object-position:50% 38%}
.platform-intro{padding-top:70px;padding-bottom:55px;text-align:center}
.platform-intro h1{font-size:clamp(48px,6vw,88px);margin:0 0 30px;text-wrap:balance}
.platform-intro>p{max-width:760px;margin:0 auto;font:400 19px/1.65 'Work Sans',sans-serif}
.platform-jump{display:flex;flex-wrap:wrap;gap:15px 30px;justify-content:center;margin:35px auto 0;max-width:1050px}
.platform-jump a{font:400 15px/1.7 'Work Sans',sans-serif;text-decoration:underline;text-underline-offset:5px}
.platform-features{padding-block:80px 100px}
.platform-features>h2,.platform-perspectives h2,.platform-connections h2{font-size:clamp(38px,4vw,60px);line-height:1.12;text-wrap:balance;margin:0 0 24px}
.platform-features>p{font-size:18px;margin-bottom:45px}
.platform-feature{border-top:1px solid #cecac3;scroll-margin-top:110px}
.platform-feature:last-child{border-bottom:1px solid #cecac3}
.platform-feature summary{display:flex;align-items:center;gap:24px;padding:27px 0;cursor:pointer;list-style:none;font:300 clamp(26px,2.8vw,39px)/1.2 'Krevaro Serif',serif;letter-spacing:-.04em}
.platform-feature summary::-webkit-details-marker{display:none}
.platform-feature .feature-index{font:400 15px/1 'Work Sans',sans-serif;min-width:40px}
.platform-feature .feature-plus{margin-left:auto;font:300 28px/1 'Work Sans',sans-serif}
.platform-feature[open] .feature-plus{transform:rotate(45deg)}
.platform-feature summary:focus-visible{outline:2px solid #1f4e31;outline-offset:4px}
.platform-feature-body{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;padding:0 0 35px 64px}
.platform-feature-body p,.platform-feature-body li{font:400 17px/1.7 'Work Sans',sans-serif}
.platform-feature-body ul{margin:0;padding-left:20px}.platform-feature-body li+li{margin-top:8px}
.platform-connections{background:#e8def4;padding-block:85px}
.platform-connections .wrap>div{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:42px}
.platform-connections h3{font-size:32px;margin:0 0 20px}
.platform-connections p{font:400 18px/1.7 'Work Sans',sans-serif}
.platform-perspectives{padding-block:85px}
.platform-perspectives>div{display:flex;justify-content:space-between;gap:30px;margin-top:40px}
.platform-perspectives a{display:flex;justify-content:space-between;gap:25px;flex:1;border-bottom:2px solid #a5cfb2;padding-bottom:18px;font:400 19px/1.5 'Work Sans',sans-serif}
@media(max-width:800px){
 .audience-story{padding-block:65px}.audience-story-heading{text-align:left;margin-bottom:30px}
 .audience-story-tabs{margin-bottom:35px}.audience-story-tabs button{padding:17px 18px;font-size:15px}
 .audience-story-panel{grid-template-columns:1fr;gap:30px}.audience-story-copy{max-width:600px}
 .audience-story-copy p{font-size:17px;line-height:1.65}.audience-story .st-graphic{max-width:510px}
 .story-final-cta--photo{grid-template-columns:1fr}.story-final-cta--photo>div{padding:65px 24px}.story-final-cta--photo>img{height:480px;min-height:0}
 .platform-feature-body{grid-template-columns:1fr;gap:18px;padding-left:0}
 .platform-connections .wrap>div{grid-template-columns:1fr;gap:35px}.platform-perspectives>div{flex-direction:column}
 .platform-intro{padding-top:45px}.platform-intro>p{text-align:left;font-size:18px}
}
@media(max-width:420px){
 .audience-story .ev-pad{padding:20px}.audience-story .ev-card .ev-header{margin:-20px -20px 20px;padding:20px}
 .audience-story .ev-card .ev-header h3{font-size:28px}.audience-story .ev-welcome{gap:14px}
 .audience-story .ev-welcome>.ev-photo{width:90px;height:130px}.audience-story .ev-welcome h3{font-size:26px}
 .audience-story .ev-agreement{gap:18px;padding:18px}.audience-story .ev-selection{gap:15px}
 .audience-story .ev-selection-photo{width:43%;height:170px}.audience-story .ev-mini-flow strong{font-size:15px}
 .audience-story .ev-content-result{flex-wrap:wrap}.audience-story .ev-card .ev-story-end{font-size:15px}
 .audience-story .ev-detail-ring{width:110px!important;height:110px!important}.audience-story .ev-amount{font-size:38px}
 .audience-story .ev-brandline{font-size:15px}.platform-feature summary{gap:12px}.platform-feature .feature-index{min-width:27px}
}
@media(max-width:360px){
 .audience-story .ev-selection{flex-direction:column;align-items:stretch}
 .audience-story .ev-selection-photo{width:100%;height:190px}
 .audience-story .ev-selection>div{min-width:0}
}