.about-story{align-items:start;column-gap:64px}.about-story .story-positioning,.about-story .story-copy{min-width:0}.about-story .story-positioning h2{margin:0 0 30px;color:var(--ink)}.about-story h2 em{color:#3f7d61;font-weight:400}.about-story .story-copy .story-purpose{color:#315b49;font-weight:500;padding-bottom:24px;margin-bottom:25px;border-bottom:1px solid #d6dfd2}
.story-spotlight{position:relative;isolation:isolate;overflow:hidden;margin:0;background:#eeeee5;border:1px solid #d6dace;border-radius:18px;padding:22px}.story-map{position:absolute;inset:0 0 auto;height:240px;z-index:-1;overflow:hidden;opacity:.75;mask-image:linear-gradient(#000 65%,transparent)}.story-map svg{width:100%;height:100%}.story-map-block{fill:#dfe3d8}.story-map-road{stroke:#f9f8f1;stroke-width:8}.story-map-pins{stroke:#9eaa98;fill:#eff0e8}.story-map-note{position:relative;padding:0 0 65px}.story-map-note>span{display:inline-block;font-size:.875rem;letter-spacing:.09em;font-weight:600;color:#65725c;background:#f8f7efeb;padding:4px 8px;border-radius:4px}.story-map-note>strong{display:block;margin-top:7px;color:#354b3b;font-size:1rem;font-weight:500;line-height:1.5}
.story-profile-preview{position:relative;background:#234d3e;border:5px solid #fffefa;border-radius:13px;overflow:hidden;box-shadow:0 18px 38px #243d292b;transform:none;margin-inline:auto}.story-profile-preview>img{display:block;width:100%;height:180px;object-fit:cover;object-position:center 53%}.story-profile-copy{padding:20px 22px;min-width:0;overflow-wrap:anywhere}.story-profile-brand{position:absolute;top:13px;left:13px;padding:7px 12px;border-radius:30px;background:#fffefa;color:#234d3e;font:1rem/1.3 Georgia,serif;box-shadow:0 3px 12px #173c2720}.story-profile-copy>strong{display:block;color:#fffdf4;font:400 1.875rem/1.14 Georgia,serif;letter-spacing:-.025em}.story-profile-details{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:17px;padding-top:13px;border-top:1px solid #ffffff35;color:#deebd5;font-size:.875rem;line-height:1.6}.story-profile-details span{max-width:100%;overflow-wrap:anywhere}.story-spotlight>figcaption{display:block;color:#315b49;margin:22px 0 0;line-height:1.6;font-weight:500;text-align:center}.about-story .story-spotlight p{margin:0}html:lang(th) .story-profile-copy>strong{font-family:'Noto Thai',Tahoma,sans-serif;font-size:1.5rem;line-height:1.5;letter-spacing:0}
@media(min-width:701px) and (max-width:1000px){.about-story{column-gap:30px}.story-spotlight{padding:17px}.story-profile-copy{padding:20px 16px}.story-profile-copy>strong{font-size:1.625rem}.story-profile-preview>img{height:155px}.story-profile-details{gap:5px 10px}.story-map-note{padding-bottom:52px}}
@media(max-width:700px){.about-story{gap:23px}.about-story .story-positioning h2{margin-bottom:25px}.story-spotlight{padding:18px}.story-profile-copy{padding:22px 18px}.story-profile-copy>strong{font-size:1.75rem}.story-profile-preview>img{height:175px}.story-map-note{padding-bottom:55px}.story-spotlight>figcaption{margin-top:20px}.about-story .story-copy .story-purpose{padding-bottom:20px;margin-bottom:22px}}
@media(max-width:360px){.story-spotlight{padding:15px}.story-profile-copy{padding:20px 15px}.story-profile-copy>strong{font-size:1.5rem}.story-profile-preview>img{height:155px}.story-profile-details{gap:5px 10px}}

@media(min-width:701px){.about-story .story-positioning,.about-story .story-copy,.about-values>header,.about-values>div{align-self:end}.about-story .story-copy>p:last-child,.about-values>div>section:last-child{margin-bottom:0}}