/* September 2026 — polish of the approved Woolly composition.
   The scene owner remains experience.js; no additional motion engine. */
:root { --readable-muted:#50675a; }
.hero { padding-top:calc(var(--nav) + 28px); }
.hero-copy { top:var(--hero-copy-offset,0px); }
.hero-copy .eyebrow { font-size:11px; }
.hero h1 { margin-block:17px 16px; }
.hero-description { color:var(--readable-muted); }
.hero-actions .watch { min-height:44px; }
.reassurance { color:#52695b; font-size:12px; line-height:1.5; }
.scroll-scenes .wool-stage { align-items:center; padding-top:0; }
.wool-console .dashboard-label { font-size:10px; color:#c3d4c8; }
.wool-console .dashboard-views button { min-height:44px; }
.wool-console .dashboard-frame figcaption { color:#bfccc3; font-size:11px; }
.wool-console .invitation-person small { font-size:10px; }
.wool-console .contact-invitation a { min-height:44px; }

/* Criteria travel with the selected source instead of disappearing above it. */
.sources { padding-top:72px; }
.sources .finder-brief { margin:0 0 28px; flex-shrink:0; }
.sources-heading { margin-bottom:26px; }
.source-aside p { color:var(--readable-muted); }
.source-result [data-source-fields] p>span,
.source-options button small,.source-result .source-explainer { color:#566d5d; }
.source-footer { color:#52695b; }
.source-result-top small { letter-spacing:.08em; }
.source-to-contact:focus-visible { outline-offset:4px; }

/* A readable interface, with the same contact, draft and next action. */
.experience-controls>p { color:#d1ded5; font-size:14px; }
.experience-controls>p span { color:#b5c9bd; }
.rail-title,.contact-meta span,.context-note>span { font-size:11px; }
.person strong { font-size:14px; }
.person small,.rail-note { font-size:12px; color:#50695a; }
.person[aria-pressed=true] { border-color:#94b9a4; box-shadow:0 2px 8px #274a3010; }
.contact-meta b { font-size:14px; }
.status-chip { color:#4b653a; border-color:#d0dbc8; }
.person-heading p,.panel-action>span { color:#52695c; }
.panel-action .button { min-height:44px; }
.experience-foot { font-size:12px; }
.experience-foot a { min-height:30px; display:flex; align-items:center; font-size:12px; }
.product-panel textarea:focus-visible,.follow-content input:focus-visible { outline:2px solid #327258; outline-offset:3px; }

/* Testimonials retain their wording, portraits and felt speech bubble. */
.review-heading { display:block; }
.review-heading .eyebrow { margin:0 0 18px; }
.review-heading h2 { font-size:clamp(32px,3.2vw,44px); max-width:680px; }
.review-layout { gap:40px; margin-top:32px; }
.review-side blockquote { color:#3d5847; line-height:1.65; }
.review-source { font-size:12px; line-height:1.6; }
.review-source a { text-decoration:underline; text-underline-offset:3px; }

/* One individual plan, one primary action. */
.pricing { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(32px,6vw,90px); }
.pricing-title { display:block; margin:0; }
.pricing-title h2 br { display:block; }
.pricing-title>p { margin-top:24px; }
.plans { grid-template-columns:1fr; gap:18px; }
.plans article:first-child { border-color:#9fbaa1; background:#e8efe2; }
.plans article:first-child .plan-heading strong { font-size:46px; letter-spacing:-.055em; }
.plans article:first-child .button { width:100%; margin-top:auto; min-height:48px; }
.plans ul { font-size:14px; line-height:1.6; }
.plans>small { font-size:12px; }
.questions details>p { max-width:640px; }
.questions summary:focus-visible { outline-offset:-3px; }
.footer-links a { text-underline-offset:4px; }
.footer-links a:hover { text-decoration:underline; }

@media(min-width:801px) and (max-height:780px) {
  .hero { padding-top:calc(var(--nav) + 18px); }
  .hero h1 { margin-block:12px; }
  .hero-actions { margin-top:16px; }
  .scroll-scenes .wool-stage { padding-top:0; }
  .scroll-scenes .sources-pin { padding-block:16px; }
  .sources .finder-brief { padding-block:16px; margin-bottom:20px; }
}
@media(max-width:800px) {
  .site-nav .menu { width:44px; min-height:44px; margin-left:-16px; padding:10px; align-items:center; justify-content:center; }
  .hero { padding-top:calc(var(--nav) + 24px); }
  .hero-copy .eyebrow { font-size:10px; max-width:320px; line-height:1.6; }
  .hero h1 { margin-block:18px; }
  .hero-description { font-size:15px; padding-inline:2px; }
  .hero-actions { gap:10px; margin-top:19px; }
  .hero-actions .button { min-height:48px; font-size:14px; }
  .hero-actions .watch { font-size:13px; }
  .reassurance { display:block; font-size:12px; margin-top:9px; }
  .reassurance span { display:block; }
  .reassurance i { display:none; }
  .scroll-scenes .wool-stage { padding:142px 18px 18px; align-items:flex-start; }
  .scroll-scenes .wool-console { margin:0 auto; }
  .wool-console .dashboard-views button { font-size:12px; }
  .wool-console .contact-invitation { gap:8px; padding:10px 12px; }
  .wool-console .invitation-person small { font-size:9px; letter-spacing:.02em; }
  .wool-console .contact-invitation a { font-size:12px; }
  .meeting-count>span { font-size:10px; color:#b6c9bb; }
  .meeting-row b { font-size:13px; }
  .meeting-row small,.meeting-time { font-size:11px; color:#b6c9bb; }
  .mobile-crm-heading>span { font-size:12px; }
  .sources .finder-brief { gap:10px 18px; padding-block:12px; margin-bottom:16px; }
  .finder-brief>span { font-size:14px; }
  .finder-brief>p { font-size:11px; }
  .finder-brief b { font-size:12px; }
  .sources-heading h2 { font-size:36px; }
  .scroll-scenes .sources-pin { padding-block:14px; }
  .scroll-scenes .source-result [data-source-fields] p { font-size:13px; }
  .scroll-scenes .source-result .source-explainer { font-size:13px; }
  .source-to-contact { font-size:13px; }
  .experience { margin-inline:8px; border-radius:16px; }
  .experience-scene { padding-inline:12px; }
  .experience-heading .eyebrow { font-size:10px; }
  .experience-controls .steps button { font-size:12px; padding-inline:5px; }
  .steps button>span { display:none; }
  .experience-pin { padding-block:12px; gap:10px; }
  .crm-top { padding-inline:12px; font-size:11px; }
  .fiction { font-size:10px; }
  .person { padding:8px 6px; }
  .person strong { font-size:12px; }
  .person small { font-size:11px; }
  .person-heading p { font-size:12px; }
  .contact-meta { gap:12px; justify-content:space-between; }
  .contact-meta span,.context-note>span { font-size:10px; }
  .contact-meta b { font-size:12px; }
  .context-note p { font-size:16px; max-width:none; }
  .product-panel .panel-action>span { font-size:11px; line-height:1.4; }
  .panel-action .button { min-height:44px; font-size:13px; }
  .experience-foot,.experience-foot a { font-size:11px; }
  .experience-foot>span { max-width:57%; line-height:1.4; }
  .experience-foot { gap:8px; padding:6px 8px; }
  .draft-head { gap:8px; }
  .draft-state { font-size:10px; }
  .context-echo>b { font-size:12px; }
  .product-panel textarea { font-size:16px; line-height:1.45; }
  .follow-head .eyebrow { font-size:10px; }
  .calendar-tile>span,.calendar-tile small { font-size:10px; }
  .follow-content label { font-size:12px; }
  .follow-content input { font-size:16px; min-height:44px; max-width:100%; }
  .review-heading h2 { font-size:32px; }
  .review-featured figcaption b,.review-side b { font-size:14px; }
  .review-featured figcaption span,.review-side small { font-size:12px; }
  .pricing { grid-template-columns:1fr; gap:28px; }
  .plans { grid-template-columns:1fr; }
  .plans article:first-child .plan-heading strong { font-size:42px; }
  .plans>small,.review-source { font-size:12px; }
  .closing-content>p { font-size:13px; }
}
@media(max-width:800px) and (max-height:720px) {
  .scroll-scenes .wool-stage { padding-top:108px; }
  .scroll-scenes .sources-pin { padding-block:6px; }
  .sources .finder-brief { gap:6px 14px; padding-block:8px; margin-bottom:10px; }
  .sources .finder-brief>span { width:auto; flex-basis:100%; font-size:12px; }
  .finder-brief img { width:20px; height:20px; }
  .scroll-scenes .source-result .source-explainer { font-size:12px; }
  .scroll-scenes .source-result [data-source-fields] p { padding-block:5px; }
  .scroll-scenes .source-result h3 { font-size:22px; }
  .experience-heading h2 { font-size:24px; }
  .experience-pin { gap:8px; padding-block:8px; }
  .person-heading h3 { font-size:21px; }
  .product-panel { padding:12px; }
  .contact-meta { margin-block:10px; padding-bottom:10px; }
  .context-note p { font-size:14px; line-height:1.4; }
  .context-note { padding:9px 11px; }
  #panel-contact .panel-action>span { display:none; }
  .calendar-tile strong { font-size:40px; }
}
@media(max-width:360px) {
  .hero-copy { padding-inline:16px; }
  .hero h1 { font-size:32px; }
  .hero-copy .eyebrow { font-size:9px; }
  .hero-description { font-size:14px; }
  .experience-scene { padding-inline:8px; }
  .person img { width:22px; height:22px; }
  .person strong { font-size:11px; }
  .person small { font-size:10px; }
  .contact-meta { gap:8px; }
  .contact-meta b { font-size:11px; }
  .experience-foot { flex-wrap:wrap; }
  .experience-foot>span { max-width:none; }
  .experience-foot a { margin-left:auto; }
  .follow-content { grid-template-columns:62px minmax(0,1fr); }
  .calendar-tile { width:62px; }
  .calendar-tile>span,.calendar-tile small { font-size:9px; }
}