/* Scoped story band: community photography complements the working commerce UI. */
.carry-community-story { padding: clamp(1.5rem, 4vw, 3.5rem) 0; background: #fbf7ee; }
.carry-community-story__panel { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: 24px; background: #163c38; color: #fffaf0; box-shadow: 0 16px 38px #163c3812; position: relative; }
.carry-community-story__panel::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 7px; background: linear-gradient(#e6ae38 0 33%, #b74154 33% 66%, #45a7b3 66%); }
.carry-community-story__copy { padding: clamp(1.6rem, 4vw, 3.25rem); align-self: center; }
.carry-community-story__eyebrow { display: block; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #edc76f; margin-bottom: 1rem; }
.carry-community-story__copy h2 { color: #fffaf0; font-size: clamp(1.9rem, 3.5vw, 3rem); line-height: 1.08; letter-spacing: -.035em; margin: 0 0 1.1rem; font-weight: 800; }
.carry-community-story__copy p { color: #e0e9e1; font-size: 1rem; max-width: 36ch; line-height: 1.7; margin-bottom: 1.4rem; }
.carry-community-story__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.2rem; }
.carry-community-story__actions a { color: #fffaf0; text-decoration: none; font-weight: 700; font-size: .85rem; padding: .7rem 0; border-bottom: 1px solid #ffffff60; }
.carry-community-story__actions a:first-child { border: none; border-radius: 999px; background: #f0bd47; color: #143a36; padding: .85rem 1.15rem; }
.carry-community-story__actions a span { margin-left: .5rem; }
.carry-community-story__actions a:hover { text-decoration: underline; text-underline-offset: 4px; }
.carry-community-story__actions a:focus-visible { outline: 3px solid #fffaf0; outline-offset: 4px; }
.carry-community-story__photography { position: relative; min-height: 350px; margin: 0; background: #298a94; overflow: hidden; }
.carry-community-story__main { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: 48% center; }
.carry-community-story__detail { position: absolute; width: 36%; height: 37%; bottom: 2.5rem; right: 1.3rem; border: 5px solid #fffaf0; border-radius: 14px; object-fit: cover; box-shadow: 0 8px 28px #0004; }
.carry-community-story__photography figcaption { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, #061d23cc); color: #fff; padding: 1.6rem 1.1rem .65rem; font-size: .63rem; letter-spacing: .035em; }
@media (max-width: 767.98px) {
    .carry-community-story__panel { grid-template-columns: 1fr; border-radius: 18px; }
    .carry-community-story__photography { min-height: 260px; }
    .carry-community-story__copy { padding: 1.8rem; }
    .carry-community-story__detail { width: 34%; height: 38%; bottom: 2.2rem; right: 1rem; }
}
@media (prefers-reduced-motion: no-preference) {
    .carry-community-story__actions a { transition: background-color .2s ease, box-shadow .2s ease; }
    .carry-community-story__actions a:first-child:hover { background-color: #f7cb64; box-shadow: 0 5px 18px #0002; }
}