:root{--ink:#171a18;--space:clamp(64px,8vw,128px)}
body{font-family:var(--font-reading);color:var(--ink)}
.brand,h1,h2,h3,.summary-number,.outcome>p{font-family:var(--font-display)}
.brand{font-weight:800;letter-spacing:-.06em}
.opening{padding-top:72px;padding-bottom:48px}
.opening h1{font-size:clamp(48px,7.5vw,112px);font-weight:800;letter-spacing:-.06em;line-height:.98;max-width:100%}
.study-intro{font-size:clamp(18px,1.7vw,24px);line-height:1.5;max-width:57ch;margin:32px 0 0}
.study-detail{font-size:11px;letter-spacing:.08em;font-weight:500;margin-top:24px}
.project-summary{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:32px;padding:40px 0;border-bottom:1px solid #171a1826}
.project-summary>div+div{border-left:1px solid #171a1826;padding-left:32px}
.project-summary span{font-size:11px;letter-spacing:.08em;display:block}
.project-summary p{font-size:22px;line-height:1.25;margin:16px 0 8px}
.project-summary small{font-size:14px;line-height:1.5;color:#555d56;display:block}
.project-summary .summary-number{font-size:clamp(32px,3.6vw,52px);font-weight:800;letter-spacing:-.055em}
.editorial{grid-template-columns:28% 72%}
.editorial p{font-size:clamp(18px,1.65vw,23px);line-height:1.5;letter-spacing:-.015em;max-width:58ch}
.editorial h2,.editorial h3{font-family:var(--font-reading);font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.06em}
.chapter>h2{font-weight:800;font-size:clamp(32px,4.5vw,64px);line-height:1.05;letter-spacing:-.05em;max-width:24ch}
.hypothesis{padding:0 0 var(--space)}
.role-copy{margin-top:40px!important}
.outcome>p{font-weight:800;font-size:clamp(52px,9vw,128px)}
.next h2{font-weight:800;font-size:clamp(36px,5vw,72px);line-height:1.05}
.media figcaption{font-size:15px;line-height:1.5;color:#555d56}
@media(max-width:600px){.opening{padding-top:40px}.opening h1{font-size:clamp(44px,11vw,64px)}.study-intro{font-size:18px}.project-summary{grid-template-columns:1fr;gap:24px;padding:32px 0}.project-summary>div+div{border-left:0;border-top:1px solid #171a1826;padding:24px 0 0}.project-summary p{font-size:20px}.editorial{display:block}.editorial p{font-size:18px}.chapter>h2{font-size:36px}.outcome>p{font-size:clamp(44px,11vw,64px)}.email{font-size:40px}}

/* Visual-led case study: compact context, generous product demonstrations. */
.chapter{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start;padding-block:clamp(48px,5vw,80px)}
.chapter>h2{font-size:clamp(30px,3.4vw,50px);padding:0;border:0;margin:0}
.chapter .editorial{display:block}.chapter .editorial h3{margin:0 0 16px}.chapter .editorial p{font-size:clamp(18px,1.5vw,21px);margin:0}
.challenge{padding-block:clamp(48px,5vw,80px)}.hypothesis{padding-bottom:clamp(48px,5vw,80px)}
.community-pair{gap:24px;margin-bottom:0;align-items:center}.community-pair .media:nth-child(2){padding-top:0}
.community-pair img{width:100%;aspect-ratio:1.14;object-fit:contain;background:#f5f1fa}
.interaction-demos{gap:24px;margin:0 auto}.interaction-demos .media:nth-child(2){padding-top:0}.interaction-demos img{aspect-ratio:1.13;object-fit:contain;background:#f5f1fa}
.media figcaption{margin-top:14px}.project-summary{padding-block:28px}
@media(max-width:600px){.chapter{grid-template-columns:1fr;gap:24px}.chapter>h2{font-size:34px}.community-pair,.interaction-demos{gap:32px}.community-pair img{aspect-ratio:auto}.interaction-demos img{aspect-ratio:auto}}

.community-cover{max-width:1100px}.community-cover img{width:100%;height:auto}
.transformation-intro{padding:16px 0 40px}.transformation-intro h2{font-size:clamp(32px,4vw,60px);line-height:1.05;letter-spacing:-.05em;margin:0;font-weight:800}
.before-after{gap:24px;margin-bottom:0;align-items:start}.before-after .media:nth-child(2){padding-top:0}.before-after img{aspect-ratio:1.13;object-fit:contain;background:#e9e0fb}.comparison-copy{min-height:210px;padding:0 16px 24px}.comparison-copy>span{font-size:12px;letter-spacing:.08em}.comparison-copy h3{font-size:clamp(24px,2.5vw,36px);letter-spacing:-.04em;margin:16px 0}.comparison-copy p{font-size:18px;line-height:1.5;max-width:46ch;margin:0}
.detail-crop{aspect-ratio:1.14;overflow:hidden;border-radius:18px;background:#d6e6fa;position:relative}.community-pair .detail-crop img{position:absolute;max-width:none;width:136%;height:100%;left:-18%;top:0;object-fit:cover;aspect-ratio:auto;border-radius:0;background:none}.community-pair .poll-crop img{width:100%;left:0;transform:scale(1.62);object-fit:cover}
.gesture-demo{max-width:1000px;margin-top:8px}.gesture-demo img{max-height:760px;object-fit:contain;background:#f5f1fa}
@media(max-width:600px){.comparison-copy{min-height:0;padding:0 0 24px}.before-after{gap:40px}.comparison-copy p{font-size:17px}.transformation-intro{padding-top:0}.community-pair .detail-crop img{width:136%;height:100%;aspect-ratio:auto}.community-pair .poll-crop img{width:100%}}
/* Enlarge the poll while retaining its controls and result state in frame. */
.community-pair .poll-crop img{width:200%;height:112%;left:-50%;top:-6%;object-fit:contain;transform:none}

/* Each narrative beat leads directly into its own product evidence. */
.story-visual{margin-bottom:16px}.story-visual img{height:auto;object-fit:contain}
.poll-story{max-width:1200px}.poll-story .media{overflow:hidden;border-radius:18px;background:#d6e6fa}.poll-story img{width:100%;aspect-ratio:1.5;object-fit:cover}
.profile-story{max-width:1200px}.profile-story .media{overflow:hidden;border-radius:18px}.profile-story img{width:100%;aspect-ratio:1.3;object-fit:cover}
.story-visual+.transformation-intro{padding-top:clamp(64px,7vw,112px)}
@media(max-width:600px){.poll-story img{aspect-ratio:1.1}.profile-story img{aspect-ratio:1.1;object-fit:cover}}

.chapter .editorial p{margin:0}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:64px;margin-bottom:64px}.learning-copy{padding:0 16px 32px;min-height:330px}.learning-copy h2{font-size:clamp(28px,3vw,44px);line-height:1.06;letter-spacing:-.05em;font-weight:800;margin:0 0 24px}.learning-copy p{font-size:18px;line-height:1.5;margin:0;max-width:48ch}.learning-card img{aspect-ratio:1;object-fit:contain;background:#f5f1fa}
.transformation-intro{padding:48px 16px 40px}.transformation-intro h2{max-width:24ch}.before-after .comparison-copy{padding-inline:16px}
.results-section{padding-block:clamp(64px,8vw,120px)}.results-section>h2,.press-section>h2{font-size:clamp(32px,4vw,60px);font-weight:800;letter-spacing:-.05em;margin:0 0 40px}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%}.result-number{font-family:var(--font-display);font-size:clamp(36px,5.7vw,84px);font-weight:800;letter-spacing:-.06em;line-height:1;margin:0 0 24px}.results-grid h3{font-size:21px;margin:0 0 16px}.results-grid article>p:not(.result-number){font-size:19px;line-height:1.5;max-width:48ch}.results-grid small{display:block;font-size:13px;line-height:1.5;color:#626962;max-width:55ch}.press-section{padding:0 0 96px}.press-links{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.press-links a{border-top:1px solid #171a1840;padding:24px 0;font-size:22px}.press-links span{float:right}.press-links a:hover{color:#716098}
@media(max-width:600px){.learning-grid,.results-grid{grid-template-columns:1fr;gap:40px}.learning-copy{min-height:0;padding-inline:0}.learning-copy h2{font-size:34px}.transformation-intro{padding-inline:0}.before-after .comparison-copy{padding-inline:0}.press-links{grid-template-columns:1fr 1fr}.press-links a{font-size:19px}.results-grid article>p:not(.result-number){font-size:18px}}

/* One section owns its copy and media; space separates successive stories. */
.story-chapter{padding-top:clamp(64px,7vw,112px);margin-bottom:0}.chapter-copy{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start;padding:0 0 28px}.chapter-copy>h2{font-size:clamp(30px,3.4vw,50px);line-height:1.08;font-weight:800;letter-spacing:-.05em;margin:0;text-wrap:balance}.chapter-copy .editorial{display:block}.chapter-copy .editorial p{font-size:clamp(18px,1.5vw,21px);line-height:1.5;margin:0}.story-asset img{width:100%;height:auto;object-fit:contain}.story-asset.poll-story,.story-asset.profile-story{max-width:none}.story-asset.poll-story img,.story-asset.profile-story img{aspect-ratio:auto;object-fit:contain}.story-asset{overflow:hidden;border-radius:18px}
h2,h3{text-wrap:balance}.learning-copy{min-height:0;padding:0 0 24px}.learning-card{display:flex;flex-direction:column;gap:0}.learning-card .media{margin-top:auto;border-radius:18px;overflow:hidden;background:#e9e0fb}.learning-card img{aspect-ratio:auto;object-fit:contain;border-radius:0}.learning-grid{align-items:stretch;gap:32px}.learning-card .media img{width:100%;height:auto}
@media(max-width:600px){.chapter-copy{grid-template-columns:1fr;gap:20px;padding-bottom:24px}.chapter-copy>h2{font-size:34px}.story-chapter{padding-top:56px}.learning-grid{gap:48px}}

/* A shared left edge connects the narrative directly to its product evidence. */
.chapter-copy{display:block;max-width:860px;padding-bottom:32px}.chapter-copy>h2{max-width:25ch;margin:0 0 22px}.chapter-copy .editorial{display:block}.chapter-copy .editorial p{max-width:64ch;text-align:left}
.challenge{display:block;padding-top:64px;padding-bottom:0}.challenge h2{margin:0 0 20px;font-size:14px}.challenge>div{max-width:860px}.challenge p{max-width:64ch;margin-bottom:0}
.learning-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;row-gap:0;align-items:start}.learning-card{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0}.learning-copy{display:contents}.learning-copy h2{font-size:clamp(28px,3vw,44px);line-height:1.08;max-width:24ch;margin:0 0 24px}.learning-copy p{max-width:48ch;margin:0 0 28px;line-height:1.5}.learning-card .media{margin-top:0;width:100%;height:100%;background:#e9e0fb}.learning-card .media img{width:100%;height:100%;aspect-ratio:1.12;object-fit:contain;background:#e9e0fb}
@media(max-width:600px){.chapter-copy>h2{margin-bottom:20px}.challenge{padding-top:48px}.learning-grid{display:block}.learning-card{display:block;margin-bottom:48px}.learning-copy{display:block}.learning-copy h2{font-size:34px}.learning-card .media img{height:auto;aspect-ratio:auto}.chapter-copy{padding-bottom:24px}}

/* Restore the Daoway editorial proportions within each unified story section. */
.chapter-copy{display:grid;grid-template-columns:28% minmax(0,1fr);gap:7%;max-width:none;padding-bottom:40px;align-items:start}.chapter-copy>h2{font-size:clamp(26px,2.65vw,42px);line-height:1.08;margin:0;max-width:100%}.chapter-copy .editorial p{max-width:58ch;font-size:clamp(18px,1.65vw,23px);line-height:1.5}
.challenge{display:grid;grid-template-columns:28% minmax(0,1fr);gap:7%;align-items:start}.challenge h2{font-family:var(--font-display);font-size:clamp(26px,2.65vw,42px);font-weight:800;line-height:1.08;letter-spacing:-.05em;text-transform:none;margin:0}.challenge>div{max-width:none}.challenge p{font-size:clamp(18px,1.65vw,23px);max-width:58ch}
@media(max-width:600px){.chapter-copy,.challenge{display:block}.chapter-copy>h2,.challenge h2{font-size:32px;margin-bottom:20px}.chapter-copy .editorial p,.challenge p{font-size:18px}.chapter-copy{padding-bottom:28px}}

/* Offset editorial blocks: an inset headline and a lower adjacent reading column. */
.story-chapter .chapter-copy{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:0;align-items:start;padding:0 0 40px;max-width:none}.story-chapter .chapter-copy>h2{grid-column:2 / 7;font-size:clamp(32px,3.5vw,52px);line-height:1.08;letter-spacing:-.05em;margin:0;max-width:none;text-wrap:balance}.story-chapter .chapter-copy .editorial{grid-column:8 / 13;margin:40px 0 0;display:block}.story-chapter .chapter-copy .editorial p{font-size:clamp(18px,1.5vw,22px);line-height:1.5;max-width:48ch;text-align:left}.story-chapter{padding-top:96px}
@media(max-width:900px) and (min-width:601px){.story-chapter .chapter-copy{column-gap:16px}.story-chapter .chapter-copy>h2{grid-column:1 / 7;font-size:32px}.story-chapter .chapter-copy .editorial{grid-column:7 / 13;margin-top:32px}}
@media(max-width:600px){.story-chapter{padding-top:56px}.story-chapter .chapter-copy{display:block;padding-bottom:28px}.story-chapter .chapter-copy>h2{font-size:32px;max-width:24ch;margin:0 0 24px}.story-chapter .chapter-copy .editorial{margin:0 0 0 24px}.story-chapter .chapter-copy .editorial p{font-size:18px}}

.keep-together{white-space:nowrap}

/* Equal outer text insets and a shared top alignment. */
.story-chapter .chapter-copy .editorial{grid-column:8 / 12;margin-top:0}.story-chapter .chapter-copy .editorial p{max-width:none}
@media(max-width:900px) and (min-width:601px){.story-chapter .chapter-copy>h2{grid-column:2 / 7}.story-chapter .chapter-copy .editorial{grid-column:7 / 12;margin-top:0}}
@media(max-width:600px){.story-chapter .chapter-copy{padding-inline:16px}.story-chapter .chapter-copy .editorial{margin:0}.story-chapter .chapter-copy>h2{margin-bottom:24px}}

.project-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;text-align:center}.project-summary>div{padding-inline:32px}.project-summary>div+div{padding-left:32px}.project-summary small{max-width:40ch;margin-inline:auto}.project-summary p{margin-inline:auto}
@media(max-width:600px){.project-summary{grid-template-columns:1fr}.project-summary>div{padding-inline:16px}.project-summary>div+div{padding:24px 16px 0}}