.carousel{overflow:hidden;border-radius:34px}
#storyrow::-webkit-scrollbar{display:none}
.ctrack{display:flex;transition:transform .6s cubic-bezier(.16,.84,.44,1)}
.cslide{flex:0 0 100%;min-width:0}
@media(max-width:560px){
  /* widen the story carousel so the card fills the screen instead of sitting
     in a narrow column with a dark gutter */
  section[data-screen-label="Stories"]{padding-left:12px !important;padding-right:12px !important}
  section[data-screen-label="Stories"] .sec-pad{padding-left:4px !important;padding-right:4px !important}
  .cslide .two{min-height:clamp(430px,62vh,540px) !important}
}
.cdot{width:32px;height:6px;border-radius:99px;border:none;background:rgba(255,255,255,.22);cursor:pointer;padding:0;transition:all .3s}
.cdot[data-on="1"]{width:32px;background:var(--ink);width:24px}
.cbtn{width:48px;height:48px;border-radius:999px;border:1px solid rgba(26,21,16,.12);background:rgba(255,255,255,.86);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:transform .2s,background .2s;box-shadow:0 8px 22px -12px rgba(0,0,0,.4)}
.cbtn:hover{transform:translateY(-2px);background:var(--bg)}
@media(max-width:700px){.carousel .fs-img{left:0 !important;right:0 !important;width:100% !important;bottom:auto !important;height:46% !important}.carousel .fs-scrim{background:linear-gradient(180deg,rgba(245,243,239,0) 22%,rgba(245,243,239,.72) 46%,#F5F3EF 74%) !important}.carousel .fs-txt{width:100% !important;justify-content:flex-end !important;padding-bottom:34px !important}}
.logomark{display:flex;align-items:center;justify-content:center}
.logomark{width:120px;height:40px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.logomark img{filter:none;opacity:1;transition:opacity .25s}
.logomark img[src*="asahi"]{transform:scale(.8)}
.logomark:hover img{opacity:.85}
.cscard{display:block;text-decoration:none}
.cscard:hover{transform:none;box-shadow:none}
.cscard > div:first-child{transition:transform .38s cubic-bezier(.34,1.56,.64,1);will-change:transform}
.cscard:hover > div:first-child{transform:scale(1.035)}
.cscard img{transition:transform .55s cubic-bezier(.16,.84,.44,1)}
.cscard:hover img{transform:scale(1.02)}
@media(max-width:640px){.cust-hero-sub{font-size:13.5px !important;line-height:1.5 !important;max-width:34ch !important}}