/* Reader’s Edition. Values match Snippet's September 2026 native/web contract. */
.shell{width:min(1328px,100% - 112px);margin-inline:auto}.nav{border-bottom:1px solid var(--rule-soft)}.nav-inner{display:flex;align-items:center;gap:40px;min-height:104px}.wordmark{font:400 2.75rem/1 var(--serif);letter-spacing:-2px;text-transform:none}.wordmark .sl,.slash{color:var(--orange)}.desktop-links{display:flex;gap:32px;margin-left:auto}.desktop-links a{font-size:0.875rem;text-decoration:none;color:var(--cream-soft)}.desktop-links a:hover{color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 23px;border-radius:999px;background:var(--primary);color:var(--paper);text-decoration:none;font-size:0.875rem;font-weight:500;line-height:1.4;transition:background .18s}.button span{color:#ff825c;font-size:1.25rem;line-height:1}.button:hover{background:#52313d}.nav-cta{min-height:46px}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:1fr 1.06fr;gap:60px;padding-block:88px 76px;align-items:center}.eyebrow{font:500 0.75rem/1.5 var(--body);text-transform:uppercase;letter-spacing:.14em;color:var(--primary);margin:0 0 28px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(55px,5.7vw,86px);line-height:.99;letter-spacing:-.045em;margin-bottom:30px}h1 em,h2 em{font-weight:400;color:var(--primary)}.intro{font-size:1.0625rem;line-height:1.75;margin-bottom:16px}.hero-note{font-size:0.9375rem;line-height:1.75;color:var(--cream-soft);max-width:40ch}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:32px}.text-link{color:var(--ink);font-size:0.875rem;font-weight:500;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--border)}.text-link:hover{text-decoration-color:var(--primary);color:var(--primary)}.text-link span{margin-left:12px}.anthology{display:grid;grid-template-columns:1fr 1fr;gap:16px}.passage{margin:0;padding:28px;position:relative;border-radius:4px}.passage blockquote{font:400 1.6875rem/1.16 var(--serif);margin:0 0 28px;letter-spacing:-.015em}.passage figcaption{font:400 0.75rem/1.65 var(--body)}.passage figcaption span{display:block;font-weight:500}.peach{grid-column:1/-1;background:#f0d5c7;color:#52313d;padding:34px 38px 30px}.card-label{font:500 0.75rem/1.5 var(--body);color:#94331e;margin-bottom:30px}.peach blockquote{font-size:clamp(30px,3.15vw,47px);line-height:1.13;max-width:18ch}.card-wordmark{position:absolute;right:32px;bottom:30px;font:1.5rem var(--serif);letter-spacing:-.5px}.green{background:#123d32;color:#f6eedc}.red{background:#c7422c;color:#fff3dd}.green,.red{display:flex;flex-direction:column;min-height:278px}.green figcaption,.red figcaption{margin-top:auto}.anthology-caption{display:flex;justify-content:space-between;gap:16px;grid-column:1/-1;font-size:0.75rem;color:var(--cream-soft);padding:6px 0}.family-line{border-block:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:27px}.family-line>span{font-size:0.8125rem;color:var(--cream-soft)}.family-line>div{display:flex;gap:46px}.family-line a{font:1.625rem var(--serif);text-decoration:none;color:var(--ink)}.family-line a span,.product h3 span,.future h3 span{color:var(--orange)}.section{padding-block:110px}h2{font-size:clamp(40px,4vw,62px);line-height:1.05;letter-spacing:-.025em;margin-bottom:26px}.spotlight{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.app-view{padding:30px 52px 0;background:#eae8e1;border-radius:4px;overflow:hidden;max-height:720px}.app-caption{display:flex;justify-content:space-between;gap:14px;font-size:0.75rem;color:var(--cream-soft);margin-bottom:30px}.app-view>img{display:block;width:100%;max-width:296px;height:auto;margin-inline:auto;border:6px solid #242327;border-bottom:0;border-radius:32px 32px 0 0;box-shadow:0 16px 40px #24232720}.app-brand{display:flex;align-items:center;gap:12px;margin-bottom:42px;font:2.125rem var(--serif)}.app-brand img{border-radius:10px}.spotlight-copy>p:not(.eyebrow):not(.availability){max-width:44ch;color:var(--cream-soft)}.steps{list-style:none;padding:0;margin:30px 0 0}.steps li{display:flex;gap:24px;padding:20px 0;border-top:1px solid var(--border)}.steps li>span{font-size:0.75rem;color:var(--primary);padding-top:5px}.steps h3{font-size:1.5625rem;line-height:1.2;margin-bottom:8px}.steps p{font-size:0.875rem;line-height:1.6;color:var(--cream-soft);margin:0}.availability{font-size:0.75rem;color:var(--cream-soft);margin-top:20px}.idea{background:#efece5;padding-block:90px}.idea-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px}.idea-grid>.eyebrow{padding-top:12px}.idea h2{font-size:clamp(46px,5vw,72px)}.idea p:not(.eyebrow){color:var(--cream-soft);max-width:55ch}.journey{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:36px;border-top:1px solid var(--border);padding-top:24px;font:1.4375rem var(--serif)}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:42px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--cream-soft);font-size:0.875rem;line-height:1.7}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.product{border-top:1px solid var(--ink);padding-top:24px}.product-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:42px}.product-number{font-size:0.75rem;color:var(--cream-soft)}.status{font-size:0.75rem;color:var(--cream-soft)}.available{color:var(--primary)}.product h3{font-size:2.75rem;line-height:1;margin-bottom:22px;letter-spacing:-1.5px}.product .product-tagline{font:1.5625rem/1.15 var(--serif);color:var(--ink);margin-bottom:14px}.product p{font-size:0.875rem;color:var(--cream-soft);line-height:1.7}.product .text-link{display:inline-block;margin-top:16px}.future{margin-top:62px;padding-top:30px;border-top:1px solid var(--border)}.future>.eyebrow{margin-bottom:24px}.future>div{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.future h3{font-size:1.875rem;margin-bottom:8px}.future p:not(.eyebrow){font-size:0.875rem;color:var(--cream-soft)}.future .future-note{font-size:0.75rem;margin:20px 0 0}.audiences{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:0 110px}.audiences article{border-top:1px solid var(--border);padding-top:40px}.audiences h2{font-size:2.75rem}.audiences p:not(.eyebrow){max-width:43ch;color:var(--cream-soft)}.join{background:#f0d5c7;text-align:center;padding-block:85px}.join h2{font-size:clamp(40px,4.4vw,66px);color:#52313d}.join p:not(.eyebrow){color:#52313d}.join .actions{justify-content:center}.join .text-link{color:#52313d}.footer{padding-block:58px 26px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:50px}.footer-top p{color:var(--cream-soft);font-size:0.875rem;margin-top:22px}.footer nav{display:flex;gap:28px;flex-wrap:wrap}.footer a:not(.wordmark){font-size:0.8125rem;color:var(--cream-soft);text-decoration:none}.footer a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--border);padding-top:22px;display:flex;justify-content:space-between;gap:24px;font-size:0.75rem;color:var(--cream-soft)}section[id],article[id]{scroll-margin-top:28px}
@media(min-width:1600px){.hero{padding-block:110px}.hero h1{font-size:5.625rem}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero{gap:34px;padding-top:64px}h1{font-size:4.0rem}.passage{padding:24px}.peach{padding:30px}.green,.red{min-height:272px}.passage blockquote{font-size:1.5625rem}.peach blockquote{font-size:2.3125rem}.spotlight{gap:48px}.app-view{padding-inline:28px}.desktop-links{gap:22px}.nav-inner{gap:24px}.product-top{align-items:start}.available{max-width:125px}.spotlight-copy .eyebrow{margin-bottom:20px}}
@media(max-width:820px){.shell{width:calc(100% - 48px)}.nav-inner{min-height:84px}.desktop-links{display:none}.nav-cta{margin-left:auto}.hero{grid-template-columns:1fr;gap:44px;padding-block:56px 42px}.hero h1{font-size:clamp(54px,9.5vw,76px)}.hero-copy{max-width:640px}.hero-note{max-width:46ch}.anthology{max-width:660px}.peach blockquote{font-size:2.625rem;max-width:24ch}.green,.red{min-height:230px}.family-line{align-items:start;flex-direction:column;gap:16px}.family-line>div{justify-content:space-between;width:100%;gap:16px}.section{padding-block:68px}.spotlight{gap:44px;grid-template-columns:1fr}.app-view{order:2;max-height:630px;padding-top:28px}.app-caption{max-width:400px;margin-inline:auto}.app-brand{margin-bottom:30px}.spotlight-copy{max-width:620px}.idea{padding-block:64px}.idea-grid{grid-template-columns:1fr;gap:8px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:24px}.products{grid-template-columns:1fr;gap:32px}.product-top{margin-bottom:22px}.available{max-width:none}.product{padding-top:18px}.future>div{grid-template-columns:1fr;gap:18px}.future p{margin-bottom:0}.audiences{grid-template-columns:1fr;gap:42px;padding-bottom:68px}.join{padding-block:64px}.footer-top{padding-bottom:30px}.footer-top nav{align-content:start;flex-direction:column;gap:16px}.footer-bottom{flex-direction:column;gap:20px}.footer-bottom nav{gap:24px}.mobile-menu{display:block;position:relative;font-size:0.875rem}.mobile-menu summary{cursor:pointer;padding:12px 0 12px 10px;min-height:44px}.mobile-menu nav{position:absolute;right:0;top:52px;background:var(--paper);border:1px solid var(--border);border-radius:8px;padding:12px;width:220px;z-index:5;box-shadow:0 8px 25px #24232715}.mobile-menu nav a{display:block;padding:12px;color:var(--ink);text-decoration:none}.nav-inner{gap:20px}}
@media(max-width:480px){.nav-cta{display:none}.mobile-menu{margin-left:auto}.wordmark{font-size:2.375rem}.hero h1{font-size:3.5rem}.intro{font-size:1.0rem}.desktop-break{display:none}.actions{gap:22px}.anthology{gap:12px}.peach{padding:26px}.peach blockquote{font-size:2.125rem}.card-wordmark{font-size:1.375rem;right:24px;bottom:25px}.green,.red{padding:22px 18px;min-height:288px}.passage:not(.peach) blockquote{font-size:1.5625rem}.anthology-caption{font-size:0.75rem;gap:20px}.family-line a{font-size:1.5rem}.family-line>div{gap:10px}h2{font-size:2.625rem}.app-view{padding-inline:20px;max-height:615px}.app-caption{font-size:0.75rem}.audiences h2{font-size:2.5rem}.join h2{font-size:2.625rem}.footer-bottom nav{gap:10px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Let content reflow when readers enlarge the type. */
.hero>*,.spotlight>*,.products>*,.idea-grid>*,.future>div>*{min-width:0}
/* At most two columns; each passage needs a readable line length. */
.anthology{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(15rem,calc(50% - 8px))),1fr))}
.family-line>div{flex-wrap:wrap}.button{max-width:100%}.button span{flex-shrink:0}
h1,h2,h3{overflow-wrap:anywhere}
.passage blockquote,.passage figcaption{overflow-wrap:normal;word-break:normal;hyphens:none}
.card-wordmark{position:static;display:block;text-align:right;margin-top:12px}
