.home-ticker-section { overflow: hidden; padding: 20px 0; color: #fff; background: var(--teal-dark); transform: rotate(-1.2deg) scale(1.02); }.home-ticker-track { display: flex; width: max-content; align-items: center; gap: 28px; animation: homeTicker 32s linear infinite; font: 700 13px "Space Grotesk", sans-serif; letter-spacing: .14em; }.home-ticker-track b { color: var(--yellow); font-size: 16px; }@keyframes homeTicker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.experience-section { display: grid; grid-template-columns: 1fr .95fr; align-items: center; gap: 90px; }.experience-visual { position: relative; height: 340px; overflow: hidden; border-radius: 12px; background: linear-gradient(145deg,#f7be80,#66a79a); box-shadow: 0 18px 34px rgba(16,35,40,.12); }.experience-visual:after { position: absolute; right: -35px; bottom: -50px; width: 310px; height: 145px; border-radius: 50%; background: #f6d296; content: ""; transform: rotate(-8deg); }.experience-sun { position: absolute; top: 45px; right: 68px; width: 55px; height: 55px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0 14px rgba(247,200,91,.16); }.experience-hill { position: absolute; bottom: 40px; z-index: 1; width: 0; height: 0; border-style: solid; }.experience-hill.one { left: 9%; border-width: 0 130px 150px; border-color: transparent transparent #417f78; }.experience-hill.two { right: 12%; bottom: 30px; border-width: 0 150px 180px; border-color: transparent transparent #286e6b; }.experience-bus { position: absolute; right: 23%; bottom: 72px; z-index: 3; display: grid; width: 117px; height: 56px; place-items: center; border-radius: 35px 35px 9px 9px; color: #fff; background: var(--coral); box-shadow: 8px 11px 0 rgba(16,35,40,.12); font: 700 9px "Space Grotesk",sans-serif; transform: rotate(-6deg); }.experience-bus:before { position: absolute; top: 10px; width: 77px; height: 15px; border-radius: 16px 16px 3px 3px; background: var(--teal-dark); content: ""; }.experience-stamp { position: absolute; top: 25px; left: 24px; z-index: 4; display: grid; width: 71px; height: 71px; place-items: center; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; color: #fff; font: 700 10px/1.1 "Space Grotesk",sans-serif; letter-spacing: .08em; text-align: center; transform: rotate(-12deg); }.experience-copy h2 { margin: 12px 0 17px; font: 600 37px/1.04 "Space Grotesk",sans-serif; letter-spacing: -.065em; }.experience-copy h2 em { color: var(--teal); font-style: normal; }.experience-copy > p:not(.section-kicker) { max-width: 430px; color: var(--muted); font-size: 14px; line-height: 1.7; }.experience-points { display: grid; gap: 11px; margin: 24px 0; color: var(--ink); font-size: 12px; font-weight: 600; }.experience-points span { display: flex; align-items: center; gap: 10px; }.experience-points b { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; color: var(--teal); background: var(--blue-soft); font-size: 9px; }.green-home-button { display: inline-flex; align-items: center; gap: 9px; padding: 11px 17px; border-radius: 6px; color: #fff; background: var(--teal); font-size: 12px; font-weight: 700; text-decoration: none; transition: .2s; }.green-home-button:hover { background: var(--teal-dark); transform: translateY(-2px); }.green-home-button span { font-size: 16px; }
.journal-home-section { background: #eff6ef; }.home-story-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 15px; margin-top: 30px; }.home-story { display: flex; min-height: 330px; flex-direction: column; overflow: hidden; border: 1px solid #d8e6da; border-radius: 9px; background: #fff; text-decoration: none; transition: .22s; }.home-story:hover { box-shadow: 0 14px 30px rgba(11,127,66,.1); transform: translateY(-5px); }.home-story-art { position: relative; height: 160px; overflow: hidden; background: linear-gradient(135deg,#e69b76,#337c76); }.home-story-art:before { position: absolute; right: -28px; bottom: -65px; width: 230px; height: 135px; border-radius: 50%; background: #f5d38f; content: ""; }.home-story-art b { position: absolute; top: 16px; left: 18px; z-index: 1; color: #fff; font: 700 25px "Space Grotesk",sans-serif; }.home-story-art.art-lantern { background: linear-gradient(135deg,#1b4651,#d17b5f); }.home-story-art.art-lantern:after { position: absolute; top: 31px; left: 34%; width: 54px; height: 74px; border-radius: 50%; background: #f7b95e; box-shadow: 34px 28px 0 -13px #ee795b; content: ""; }.home-story-art.art-mountain { background: linear-gradient(135deg,#a8d0bf,#e4b875); }.home-story-art.art-mountain:before { background: #417f78; }.home-story > span:last-child { display: flex; flex: 1; flex-direction: column; gap: 9px; padding: 18px; }.home-story small { color: var(--coral); font-size: 9px; font-weight: 700; letter-spacing: .12em; }.home-story strong { color: var(--ink); font: 600 16px/1.17 "Space Grotesk",sans-serif; }.home-story i { margin-top: auto; color: var(--teal); font-size: 11px; font-style: normal; font-weight: 700; }.voices-section { display: grid; grid-template-columns: .9fr 1.25fr; gap: 22px; align-items: center; }.voices-intro h2 { margin: 12px 0; font: 600 35px/1.04 "Space Grotesk",sans-serif; letter-spacing: -.065em; }.voices-intro > p:not(.section-kicker) { max-width: 300px; color: var(--muted); font-size: 13px; line-height: 1.6; }.voice-card { position: relative; padding: 30px 33px; border-radius: 10px; color: #fff; background: var(--teal); box-shadow: 0 14px 27px rgba(29,119,113,.18); }.voice-quote { position: absolute; top: 18px; right: 24px; color: rgba(255,255,255,.25); font: 700 65px/1 Georgia,serif; }.voice-card blockquote { max-width: 520px; margin: 0 0 27px; font: 500 19px/1.45 "Space Grotesk",sans-serif; }.voice-card footer { display: flex; align-items: center; gap: 9px; }.voice-avatar { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 50%; color: var(--teal); background: var(--yellow); font-size: 10px; font-weight: 800; }.voice-card footer div { display: flex; flex-direction: column; gap: 2px; }.voice-card footer strong { font-size: 11px; }.voice-card footer small { color: rgba(255,255,255,.62); font-size: 10px; }.voice-card footer b { margin-left: auto; color: var(--yellow); font-size: 10px; letter-spacing: 2px; }.voice-metrics { grid-column: 1 / -1; display: flex; justify-content: space-around; padding: 24px 10px 0; border-top: 1px solid var(--line); }.voice-metrics span { display: grid; gap: 3px; text-align: center; }.voice-metrics strong { color: var(--teal); font: 600 25px "Space Grotesk",sans-serif; }.voice-metrics small { color: var(--muted); font-size: 10px; }.home-faq-section { background: var(--blue-soft); }.home-faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start; }.home-faq-grid h2 { margin: 12px 0; font: 600 37px/1.04 "Space Grotesk",sans-serif; letter-spacing: -.06em; }.home-faq-grid > div:first-child > p:not(.section-kicker) { margin: 0 0 22px; color: var(--muted); font-size: 13px; }.home-faq-list details { padding: 16px 0; border-bottom: 1px solid rgba(29,119,113,.18); }.home-faq-list summary { display: flex; justify-content: space-between; gap: 18px; color: var(--ink); font-size: 13px; font-weight: 700; cursor: pointer; }.home-faq-list summary span { color: var(--teal); font-size: 18px; }.home-faq-list p { max-width: 550px; margin: 11px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }.home-newsletter-section { padding: 66px 0; color: #fff; background: var(--ink); }.home-newsletter { display: flex; align-items: center; justify-content: space-between; gap: 45px; }.home-newsletter h2 { margin: 12px 0; font: 600 37px/1.03 "Space Grotesk",sans-serif; letter-spacing: -.06em; }.home-newsletter p:not(.section-kicker) { margin: 0; color: rgba(255,255,255,.6); font-size: 13px; }.home-newsletter form { display: flex; min-width: 430px; padding: 6px; border: 1px solid rgba(255,255,255,.22); border-radius: 7px; background: rgba(255,255,255,.08); }.home-newsletter input { min-width: 0; flex: 1; padding: 11px; border: 0; outline: 0; color: #fff; background: transparent; font-size: 12px; }.home-newsletter input::placeholder { color: rgba(255,255,255,.52); }.home-newsletter button { padding: 11px 15px; border: 0; border-radius: 5px; color: var(--ink); background: var(--yellow); font-size: 11px; font-weight: 800; cursor: pointer; }.home-newsletter button span { margin-left: 7px; font-size: 15px; }
@media (max-width: 800px) { .experience-section, .voices-section, .home-faq-grid { grid-template-columns: 1fr; gap: 36px; }.experience-visual { height: 280px; }.home-story-grid { grid-template-columns: 1fr 1fr; }.home-story.featured { grid-column: span 2; }.home-newsletter { display: block; }.home-newsletter form { min-width: 0; margin-top: 26px; }.voice-metrics { grid-column: auto; } }
@media (max-width: 560px) { .home-ticker-track { gap: 18px; font-size: 10px; }.experience-copy h2, .voices-intro h2, .home-faq-grid h2, .home-newsletter h2 { font-size: 30px; }.home-story-grid { grid-template-columns: 1fr; }.home-story.featured { grid-column: auto; }.home-story-art { height: 145px; }.voice-card { padding: 25px 20px; }.voice-card blockquote { font-size: 16px; }.voice-metrics { justify-content: space-between; }.voice-metrics strong { font-size: 20px; }.home-newsletter form { display: block; padding: 8px; }.home-newsletter input { width: 100%; padding: 13px 10px; }.home-newsletter button { width: 100%; margin-top: 6px; } }