/* Public share examples use the actual exported aspect ratios. */
.home { color-scheme: light; background:#fff; color:#172a25; }
.home .band { background:#f1f6f4; }
.home .section-head p, .home .item p, .home .footer, .home .result-strip > div { color:#52665f; }
.home .item, .home .result-strip > div { background:transparent; border-color:#d5e2dd; }
.home .site-header { background:#ffffffed; }
.home .button { color:#fff; background:#176c57; border-color:#176c57; }
.home .hero.growth-hero { display:flex; align-items:flex-start; min-height:0; height:660px; padding:126px 6% 50px; background:#e7edeb; overflow:hidden; }
.home .growth-hero::before, .home .growth-hero::after { display:none; }
.home-room-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 53%; opacity:.66; animation:room-breathe 20s ease-in-out infinite alternate; }
.home .growth-hero .hero-content { padding:0; width:auto; max-width:640px; text-shadow:0 1px 12px #ffffffa6; }
.home .growth-hero h1 { margin:8px 0 16px; font-size:80px; line-height:1.04; letter-spacing:0; }
.home .growth-hero .eyebrow { color:#164736; }
.home .growth-hero .lead { font-size:27px; line-height:1.4; color:#12261e; margin:0; }
.hero-detail { font-size:15px; font-weight:600; color:#1e382d; margin-top:24px; }
.home .growth-hero .button { text-shadow:none; }
.home .growth-hero .button.secondary { background:#fffffff0; color:#164736; border-color:#a9bfb5; }
.real-moments { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:start; }
.moment-column { display:grid; gap:22px; min-width:0; }
.real-moments figure { margin:0; border-radius:6px; overflow:hidden; }
.real-moments img { display:block; width:100%; height:auto; }
.example-disclosure { margin:22px 0 16px; color:#52665f; font-size:13px; max-width:760px; }
.text-link { text-underline-offset:5px; font-weight:700; }
.question-page .room-intro { padding-block:38px; }
.question-page .room-intro h1 { font-size:42px; max-width:830px; }
.question-page .room-intro .lead { max-width:820px; font-size:20px; }
.question-article { max-width:850px; padding-block:38px 60px; }
.question-article figure { margin:0 0 38px; }
.question-article img { width:100%; height:auto; display:block; }
.question-article figcaption { margin-top:10px; font-size:13px; color:#52665f; }
.question-article section { margin:0 0 30px; padding:0; }
.question-article h2 { font-size:25px; line-height:1.25; }
.question-article p { color:#334b41; font-size:17px; line-height:1.8; }
.question-source { border-block:1px solid #d1dfd8; padding:24px 0; margin-bottom:30px; }
.home .guide-links a { color:#244d3d; border-color:#d0dfd8; background:#fff; }
.share-response { color:#18372a; background:#f2f8f5; padding:52px 32px; }
.share-response h1 { font-size:40px !important; max-width:760px; line-height:1.15; margin:12px 0 18px; }
.share-response p { max-width:680px; }
.share-response .eyebrow { color:#176c57; }
.response-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; max-width:800px; margin:28px 0; }
.response-options button { text-align:left; padding:22px; min-height:130px; border:2px solid #c9ded3; border-radius:6px; background:#fff; color:#18372a; cursor:pointer; font:inherit; }
.response-options button:nth-child(2) { background:#fff3f4; border-color:#edd2d7; }
.response-options button[aria-pressed="true"] { border-color:#176c57; box-shadow:inset 0 0 0 1px #176c57; }
.response-options span { display:block; font-size:14px; margin-bottom:14px; }
.response-options strong { font-size:22px; line-height:1.25; }
.response-result { min-height:54px; font-weight:600; font-size:19px; }
.response-follow { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.response-follow .button { background:#176c57; border-color:#176c57; color:#fff; }
.has-share-response main { padding-top:90px; }
.has-share-response .feature-hero { min-height:0; padding-block:48px; }
@keyframes room-breathe { from { transform:scale(1); } to { transform:scale(1.035); } }
@media (min-width:901px) and (max-height:800px) { .home .hero.growth-hero { height:540px; padding-top:112px; } }
@media (max-width:900px) {
  .home .hero.growth-hero { height:540px; padding:48px 24px; }
  .home .growth-hero h1 { font-size:66px; }
  .home .growth-hero .lead { font-size:24px; }
  .has-share-response main { padding-top:0; }
  .share-response { padding:32px 20px; }
}
@media (max-width:560px) {
  .question-page .room-intro h1 { font-size:32px; }
  .question-page .room-intro .lead { font-size:18px; }
  .home .hero.growth-hero { height:470px; padding:36px 20px; }
  .home-room-photo { object-position:50% 60%; opacity:.48; }
  .home .growth-hero h1 { font-size:58px; }
  .home .growth-hero .lead { font-size:22px; }
  .home .growth-hero .hero-actions { display:flex; align-items:flex-start; flex-direction:column; gap:12px; }
  .real-moments { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .moment-column { gap:12px; }
  .response-options { gap:10px; }
  .response-options button { padding:15px; min-height:140px; }
  .response-options strong { font-size:18px; }
  .share-response h1 { font-size:30px !important; }
}
@media (prefers-reduced-motion:reduce) { .home-room-photo { animation:none; } }