/* ReadON 2026: primitive → semantic → component design tokens. */
:root{
 --cream-50:#fcfaf5;--cream-100:#f2ede3;--charcoal-900:#252d2b;--charcoal-600:#555f5a;--orange-500:#f5821f;--orange-800:#984009;--sage-100:#e9eee6;--white-0:#fff;
 --surface:var(--cream-50);--surface-alt:var(--cream-100);--text-primary:var(--charcoal-900);--text-secondary:var(--charcoal-600);--accent:var(--orange-500);--accent-text:var(--orange-800);
 --ink:var(--text-primary);--muted:var(--text-secondary);--soft:var(--surface-alt);--orange:var(--accent);--orange-dark:var(--accent-text);--peach:#fbe7d4;--line:#d9ddd4;
 --space-unit:8px;--space-section:clamp(64px,8vw,112px);--width:1240px;--radius:20px;--card-padding:28px;--button-bg:var(--accent);--heading-font:Georgia,'Times New Roman',serif;
}
body{background:var(--surface);font-size:17px;line-height:1.7}
h1,h2{font-family:var(--heading-font);font-weight:400;letter-spacing:-.052em;text-wrap:balance;line-height:1.08}
h1{font-size:clamp(2.8rem,5.6vw,5.2rem)}h2{font-size:clamp(2.15rem,4vw,3.7rem)}h3{letter-spacing:-.025em;font-size:1.45rem;line-height:1.25;text-wrap:balance}h2 em,h1 em{font-weight:400;color:var(--accent-text)}p{text-wrap:pretty}a,button,input,select,summary{touch-action:manipulation}a,button{ -webkit-tap-highlight-color:#fbe7d4}
:focus-visible{outline:3px solid var(--accent-text);outline-offset:5px}a,button,summary,input,select{scroll-margin-block:140px}
.wrap{width:calc(100% - 80px)}.topbar{background:var(--ink);font-size:.77rem}.topbar .wrap{min-height:36px}.topbar a{display:inline-flex;min-height:36px;align-items:center}.header{background:var(--surface);border-bottom:1px solid var(--line)}.nav{min-height:94px}.logo{width:166px}.navlinks{gap:23px;font-size:.86rem}.navlinks>a{display:inline-flex;align-items:center;min-height:44px}.navlinks a[aria-current=page]{text-decoration:underline;text-underline-offset:8px;text-decoration-color:var(--accent-text)}
.button{border-radius:100px;min-height:52px;padding:14px 24px;background:var(--button-bg);gap:20px}.button.secondary{background:transparent}.button:hover{transform:translateY(-2px)}.nav-cta{border-radius:100px}.eyebrow{font-size:.75rem;letter-spacing:.14em;margin-bottom:24px}.section{padding:var(--space-section) 0}.section-head{gap:60px;margin-bottom:48px}.section-head p{max-width:385px}.section-head h2{max-width:720px}.section.soft{background:var(--surface-alt)}
.home-intro{background:var(--surface)}.hero{grid-template-columns:1.06fr 1fr;gap:65px;padding:64px 0 52px;align-items:center}.hero h1{max-width:650px;margin-bottom:24px}.hero h1 em{font-style:italic}.hero .lead{font-size:1.05rem;max-width:525px}.hero-art{border-radius:180px 180px 22px 22px;min-height:0;background:var(--surface-alt);align-self:stretch;justify-content:space-between}.hero-art img{height:100%;min-height:390px;flex:1;object-fit:cover;object-position:38% center}.art-caption{padding:24px;background:var(--ink)}.art-caption .plus{font-size:1.8rem}.hero-foot{font-size:.8rem;margin-bottom:0}.foundation{display:flex;align-items:center;gap:32px;border-top:1px solid var(--line);padding:26px 0 30px;font-size:.83rem}.foundation>span{max-width:210px;color:var(--muted);line-height:1.5}.foundation>div{display:flex;gap:12px;flex-wrap:wrap}.foundation>div span{border:1px solid var(--line);border-radius:100px;padding:6px 16px;background:var(--white-0)}
.audiences{gap:24px}.audience.audience-photo{padding:0 var(--card-padding) var(--card-padding);border:1px solid var(--line);background:var(--white-0);border-radius:var(--radius)}.audience-image{aspect-ratio:16/10;width:calc(100% + 56px);margin-bottom:25px}.audience .number{font-size:.73rem}.audience h3{font-size:1.4rem}.audience p{font-size:.94rem;line-height:1.65}.audience .go{width:100%;display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line)}.audience:hover{box-shadow:0 10px 24px #252d2b0a}.audience.highlight{background:var(--sage-100);justify-content:center;padding:36px}.audience.highlight h3{font-family:var(--heading-font);font-size:2.4rem;font-weight:400}.audience.highlight .go{margin-top:30px}.audience.highlight .number{margin-bottom:32px}
.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.approach-card{position:relative;padding:42px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.approach-card:nth-child(2){background:var(--peach)}.approach-card h3{font-family:var(--heading-font);font-size:2.7rem;font-weight:400;margin:25px 0}.approach-card p{max-width:440px;color:var(--muted)}.approach-index{position:absolute;right:34px;top:25px;font-family:var(--heading-font);font-size:3.6rem;color:var(--accent-text);opacity:.6}.approach-card .eyebrow{padding-right:80px}.dark-section h2{color:var(--surface)}.step{padding-top:26px}.step b{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid #758079;border-radius:50%;margin-bottom:24px}.step h3{font-size:1.25rem}.research-feature{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border-block:1px solid var(--line);padding-block:48px}.research-note{max-width:490px;margin:24px 0 0}.video-link{background:var(--surface);border-radius:var(--radius);padding:32px}.video-link:hover{border-color:var(--accent-text)}.video-link h3{font-size:1.75rem}.article-card{padding:28px;background:var(--white-0);border:1px solid var(--line);border-radius:var(--radius)}.article-card h3{font-family:var(--heading-font);font-size:1.9rem;font-weight:400}.article-label{letter-spacing:.08em;font-size:.72rem}.article-card .text-link{padding-top:20px}.home-faq{background:var(--surface-alt)}.faq-item{padding:24px 0}.faq-item summary{min-height:44px;gap:24px}.faq-item summary::after{flex-shrink:0}.faq-item p{line-height:1.75}.cta-band{padding:60px;background:var(--peach);border-radius:24px}.cta-band h2{font-size:clamp(2.15rem,3.5vw,3.3rem);margin-bottom:18px}.cta-band p{margin-bottom:0}.cta-band>.button{flex-shrink:0}.footer{background:var(--surface-alt);padding-top:64px}.footer a{padding-block:3px}.footer-grid{gap:32px}.footer-grid h3{font-family:inherit;font-weight:600}.footer-bottom{font-size:.8rem}.footer .small{font-size:.8rem;max-width:850px}
.page-hero{padding:65px 0;background:var(--surface-alt);border-bottom:1px solid var(--line)}.page-hero h1{max-width:1000px;font-size:clamp(2.6rem,5vw,4.6rem)}.page-hero .lead{font-size:1.1rem;max-width:760px}.breadcrumb{margin-bottom:35px}.two-col{gap:56px}.audience-detail-image{border-radius:var(--radius)}.panel{background:var(--white-0);padding:32px}.panel.orange{background:var(--peach)}.panel h3{font-size:1.5rem}.field input,.field select{background:var(--surface);border-radius:10px;font-size:16px;min-height:54px}.field label{font-size:.9rem}.filter-button{min-height:44px}.filterbar{gap:16px}.consent{font-size:.94rem;min-height:44px;cursor:pointer}.consent input{width:22px;height:22px;accent-color:var(--accent-text)}#research-form{padding:36px;border-top:4px solid var(--accent)}.empty{background:var(--sage-100)}.prose{font-size:1.05rem}.prose h2{font-size:2.3rem}.text-link{min-height:44px;align-items:center}.embed-area{min-height:54px}
@media(max-width:1100px){.nav{padding-block:18px;gap:12px;min-height:0}.navlinks{gap:8px;font-size:.87rem}.header{position:relative}.hero{gap:36px}.hero-art img{min-height:380px}.wrap{width:calc(100% - 48px)}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:45px 0 32px;gap:36px}.hero h1{max-width:650px}.hero-art{border-radius:120px 120px 18px 18px}.hero-art img{min-height:0;aspect-ratio:3/2;max-height:480px;height:auto;flex:none}.hero .lead{max-width:610px}.foundation{display:block}.foundation>span{display:block;max-width:none;margin-bottom:16px}.foundation>div{gap:8px}.foundation>div span{font-size:.8rem;padding:5px 12px}.section-head{margin-bottom:32px}.section-head p{max-width:590px}.audiences{grid-template-columns:1fr 1fr;gap:18px}.approach-grid,.research-feature{grid-template-columns:1fr;gap:30px}.research-feature{padding-block:32px}.approach-card{padding:30px}.two-col{gap:35px}.cta-band{padding:35px}.footer-grid{gap:30px}.navlinks{justify-content:flex-start;gap:6px 18px}.navlinks>a{padding:6px 0;min-height:44px}.navlinks .nav-cta{padding:10px 18px}.page-hero{padding:40px 0}.home-faq .two-col{gap:18px}}
@media(max-width:520px){.wrap{width:calc(100% - 36px)}.audiences{grid-template-columns:1fr}.hero h1{font-size:3.2rem}.hero-art{border-radius:90px 90px 18px 18px}.hero .actions{gap:12px}.hero .actions .button{width:100%}.hero-foot{font-size:.78rem}.navlinks{gap:4px 17px}.navlinks>a{font-size:.82rem}.nav .logo{width:150px}.audience-image{aspect-ratio:3/2}.topbar .wrap{font-size:.7rem;gap:10px}.topbar .wrap span{max-width:220px}.four-col{grid-template-columns:1fr;gap:28px}.step{display:grid;grid-template-columns:45px 1fr;gap:0 20px}.step b{grid-row:1/3;margin:0}.step p{grid-column:2;margin-bottom:0}.step h3{margin-bottom:10px}.approach-card h3{font-size:2.2rem}.approach-index{font-size:2.7rem;right:24px}.cta-band{padding:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer h3{font-size:.94rem}.footer a{min-height:40px;display:flex;align-items:center}.footer .logo{display:block}.footer-bottom span{margin-bottom:16px}.panel,#research-form{padding:25px}.faq-item p{margin-right:0}.filterbar .field{min-width:100%}.research-feature .button{width:100%;padding-inline:16px}h2 br{display:none}.page-hero h1{font-size:2.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.wrap{max-width:var(--width);margin-inline:auto}.wrap.narrow{max-width:780px}