/* Clear pillar controls and an illustrated customer encounter, September 2026. */
body.page-home .story-welcome{padding-block:40px 36px;min-height:620px}
body.page-home .story-welcome>.welcome-dragon{display:block;width:min(290px,100%);height:auto;margin:0 auto 16px;object-fit:contain}
body.page-home .story-welcome>.story-pillars{gap:14px;margin-top:28px}
body.page-home .story-welcome .story-pillars li+li{border:0}
body.page-home .story-welcome .story-pillars a{position:relative;width:100%;min-height:76px;padding:14px 17px;gap:12px;border:1px solid var(--pillar-color);border-left-width:4px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #12323f0c;flex-direction:row;justify-content:flex-start;text-align:left}
body.page-home .story-welcome .story-pillars a[aria-current="true"]{border-bottom-color:var(--pillar-color);background:#f3faf8}
body.page-home .story-welcome .story-pillars a:hover{background:#eef7f6;box-shadow:0 6px 16px #12323f16}
body.page-home .story-welcome .story-pillars a:focus-visible{outline:3px solid var(--pillar-color);outline-offset:4px}
body.page-home .story-welcome .story-pillars .pillar-arrow{display:block;position:static;margin-left:auto;width:auto;height:auto;font-size:12px;flex-shrink:0}
body.page-home .story-welcome .story-scroll-cue{margin-top:24px;font-weight:500;color:#506775}
body.page-home .story-platforms{display:flex;align-items:center;gap:18px;margin-top:18px;font-size:29px;line-height:1}
body.page-home .story-platforms .fa-instagram{color:#c32666}
body.page-home .story-platforms .fa-tiktok{color:#12323f}
body.page-home .story-platforms .fa-facebook{color:#1877f2}
body.page-home .experience-care-art{position:absolute;left:4%;top:13%;width:48%;height:76%;margin:0;pointer-events:none}
body.page-home .experience-care-art img{display:block;width:100%;height:100%;object-fit:contain}
body.page-home .story-automation .story-copy h2>span{font-size:clamp(27px,2.85vw,42px)}
@media(max-width:1000px){
 body.page-home .story-welcome{padding-block:28px 30px;min-height:660px}
 body.page-home .story-welcome>.welcome-dragon{width:min(240px,100%);margin-bottom:14px}
 body.page-home .story-welcome>.story-pillars{gap:12px;margin-top:24px}
 body.page-home .story-welcome .story-pillars a{min-height:62px;padding:12px 10px;gap:9px}
 body.page-home .story-welcome .story-pillars a>i:first-child{font-size:19px;flex-shrink:0}
 body.page-home .story-welcome .story-pillars span{font-size:13px}
}
@media(max-width:760px){
 body.page-home .story-platforms{font-size:27px;margin-top:14px;gap:20px}
 body.page-home .story-scene.story-automation,body.page-home .is-flow-story .story-scene.story-automation{height:auto;min-height:760px;padding:256px 22px 30px}
 body.page-home .story-automation .story-copy{position:relative;inset:auto}
 body.page-home .story-automation .story-copy h2>span{font-size:26px}
 body.page-home .story-automation .story-inbox{position:relative;inset:auto;height:auto;min-height:200px;margin:24px 0 0}
 body.page-home .showcase-narrative:not(.is-scroll-story) .story-automation .scene-local-cta{position:relative;inset:auto;display:flex;margin-top:26px;width:100%}
 body.page-home .story-scene.story-experience,body.page-home .is-flow-story .story-scene.story-experience{height:auto;min-height:760px;padding:280px 22px 30px}
 body.page-home .experience-care-art{left:22px;right:22px;top:18px;width:auto;height:242px}
 body.page-home .story-experience .story-copy{position:relative;inset:auto}
 body.page-home .story-experience .story-customer{position:relative;inset:auto;height:auto;margin-top:26px}
 body.page-home .story-experience .story-return-note{margin-top:30px}
 body.page-home .showcase-narrative:not(.is-scroll-story) .story-experience .scene-local-cta{position:relative;inset:auto;display:flex;margin-top:26px;width:100%}
}