/* CHANNMAS · expanding creative stories, v1.2.15. Isolated from existing sections. */
.chm-stories-section{background:var(--bg);border-top:1px solid var(--outline);padding-top:76px;padding-bottom:88px}
.chm-stories-heading{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:28px}
.chm-stories-heading .eyebrow{margin-bottom:13px}
.chm-stories-heading h2{margin:0 0 10px;font-size:clamp(2rem,3vw,3.1rem)}
.chm-stories-heading p:not(.eyebrow){color:var(--muted);font-size:.97rem;max-width:700px;line-height:1.6;margin:0}
.chm-stories-main-link{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;border:1px solid var(--outline);border-radius:100px;padding:12px 18px;font-size:.81rem;font-weight:800;transition:background .2s,border-color .2s,transform .2s}
.chm-stories-main-link:hover{background:var(--surface-mint);border-color:var(--jade);transform:translateY(-2px)}
.chm-stories-grid{display:flex;gap:18px;min-width:0;height:250px;isolation:isolate}
.chm-story-card{position:relative;flex:1 1 0;min-width:0;min-height:0;overflow:hidden;border-radius:25px;border:1px solid rgba(226,248,235,.15);background:#182e29;isolation:isolate;transition:flex-grow .55s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s;box-shadow:0 15px 36px rgba(1,16,12,.09);color:#fff}
.chm-story-card[open]{flex-grow:1.85;border-color:rgba(164,231,201,.7);box-shadow:0 20px 46px rgba(1,16,12,.2)}
.chm-story-summary{position:absolute;inset:0;display:block;cursor:pointer;list-style:none;outline-offset:-5px}
.chm-story-summary::-webkit-details-marker{display:none}
.chm-story-summary::marker{content:""}
.chm-story-summary:focus-visible{outline:3px solid #a9e9ca;outline-offset:-6px;border-radius:25px}
.chm-story-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.95);transition:filter .5s ease,transform .85s cubic-bezier(.22,1,.36,1)}
.chm-story-card[open] .chm-story-image{transform:scale(1.065);filter:brightness(.84) saturate(.94)}
/* A persistent lower gradient keeps closed-card titles readable. The fade layer grows
   on desktop hover, keyboard focus and mobile expansion, behind all copy/buttons. */
.chm-story-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,15,12,.05) 18%,rgba(4,14,11,.33) 45%,rgba(4,14,11,.92) 100%)}
.chm-story-shade::after{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(180deg,rgba(3,17,14,.38) 0%,rgba(3,16,13,.48) 40%,rgba(3,15,12,.60) 73%,rgba(3,15,12,.36) 100%);transition:opacity .46s ease}
.chm-story-card[open] .chm-story-shade::after,.chm-story-card:focus-within .chm-story-shade::after{opacity:1}
@media(hover:hover) and (pointer:fine){.chm-story-card:hover .chm-story-shade::after{opacity:1}.chm-story-card:hover .chm-story-image{filter:brightness(.84) saturate(.94)}}
.chm-story-visible{position:absolute;z-index:1;left:clamp(18px,2.2vw,30px);right:25px;bottom:27px;display:flex;flex-direction:column;align-items:start;gap:9px;transition:bottom .45s cubic-bezier(.22,1,.36,1)}
.chm-story-card[open] .chm-story-visible{bottom:119px}
.chm-story-label{font-size:.61rem;line-height:1.5;letter-spacing:.16em;font-weight:850;color:#bdecd4;text-shadow:0 1px 4px #071713}
.chm-story-title{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.15rem,1.85vw,1.75rem);font-weight:800;line-height:1.16;letter-spacing:-.047em;max-width:330px;text-shadow:0 2px 16px rgba(0,0,0,.32)}
.chm-story-reveal{position:absolute;z-index:3;left:clamp(18px,2.2vw,30px);right:clamp(18px,2.2vw,30px);bottom:16px;min-height:85px;max-width:520px;pointer-events:auto;animation:chm-story-enter .34s both}
.chm-story-reveal p{font-size:.80rem;line-height:1.48;color:#e3f0e7;margin:0 0 9px;max-width:460px;text-wrap:pretty}
.chm-story-link{display:inline-flex;align-items:center;gap:10px;min-height:35px;border-radius:100px;padding:7px 12px;background:#b6eccf;color:#113a2a;font-size:.78rem;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}
.chm-story-link:hover{background:#e2fbe9;transform:translateY(-2px)}
.chm-story-link:focus-visible{outline:3px solid white;outline-offset:3px}
.chm-stories-footnote{text-align:right;font-size:.71rem;color:var(--muted);margin:13px 0 0}
@keyframes chm-story-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.chm-stories-grid{height:238px;gap:11px}.chm-story-card{border-radius:19px}.chm-story-summary:focus-visible{border-radius:19px}.chm-story-card[open]{flex-grow:2.1}.chm-story-card[open] .chm-story-visible{bottom:121px}.chm-story-visible{left:18px;right:15px}.chm-story-title{font-size:clamp(1rem,2.1vw,1.4rem)}.chm-story-reveal{left:18px;right:18px}.chm-story-reveal p{font-size:.76rem}}
@media(max-width:760px){.chm-stories-section{padding:59px 0 62px}.chm-stories-heading{display:block;margin-bottom:22px}.chm-stories-heading h2{font-size:clamp(2rem,8vw,2.7rem)}.chm-stories-heading p:not(.eyebrow){font-size:.93rem}.chm-stories-main-link{margin-top:18px}.chm-stories-grid{display:flex;flex-direction:column;gap:12px;height:auto}.chm-story-card,.chm-story-card[open]{flex:none;width:100%;height:180px;border-radius:18px;transition:height .45s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s}.chm-story-card[open]{height:345px}.chm-story-summary:focus-visible{border-radius:18px}.chm-story-image{object-position:center}.chm-story-visible{left:20px;right:20px;bottom:20px;gap:6px}.chm-story-title{font-size:clamp(1.25rem,5vw,1.65rem);max-width:350px}.chm-story-card[open] .chm-story-visible{bottom:168px}.chm-story-reveal{left:20px;right:20px;bottom:20px;min-height:124px}.chm-story-reveal p{font-size:.83rem;margin-bottom:12px}.chm-stories-footnote{text-align:left;font-size:.7rem}}
@media(max-width:420px){.chm-story-card[open]{height:370px}.chm-story-card[open] .chm-story-visible{bottom:188px}.chm-story-reveal{min-height:145px}.chm-stories-heading h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.chm-story-card,.chm-story-visible,.chm-story-image,.chm-story-shade::after,.chm-story-link{transition:none!important}.chm-story-reveal{animation:none}}